@charset "utf-8";
/* CSS Document */
body { font-size:16px;}
.box0{ padding:0 5vw;}
.box1{ width:1280px; max-width:94%; margin:0 auto;}
.box2{ width:95%; max-width:95%; margin:0 auto;}
.PC{}
.PHONE{ display:none !important}

.gnb li.m_hide{ display:none !important;}
.gnb .layer{ display:none !important;}

.ffPoint{ font-family:var(--fontPoint);}
.ffPoint2{ font-family:var(--fontPoint2);}

/*header*/
#header{ position:absolute; z-index:999; top:0; left:0; width:100%;}
#header .top_wrap{background: #fff;}
#header .top_wrap .wrapH{ height:6.25em;}
#header .top_wrap .inner{ gap:0 2vw;}
#header .top_wrap .logo img{ width:17.5em;}
#header .top_wrap .util_wrap{ margin-left:auto; gap:0 1.5vw;}
.scroll #header .top_wrap {background: #fff;}
.scroll #header .menu_wrap .gnb_wrap {background: #fff;}

#header .ico_menu.st_b {display: flex;}
#header .ico_menu.st_w {display: none;}
#header.active .ico_menu.st_b,
#header:hover .ico_menu.st_b {display: flex;}
#header.active .ico_menu.st_w,
#header:hover .ico_menu.st_w {display: none;}

#header.active {box-shadow: 0 0 1em rgba(0,0,0,.1);}
#header.active .top_wrap,
#header:hover .top_wrap {background: #fff; color: #000;}
#header.active .menu_wrap .gnb_wrap,
#header:hover .menu_wrap .gnb_wrap {background: #fff; color: #000;}
#header.active .top_wrap .mem_menu > li > a,
#header:hover .top_wrap .mem_menu > li > a {color: #000;}
#header.active .menu_wrap .gnb_wrap .gnb > li .dp1,
#header:hover .menu_wrap .gnb_wrap .gnb > li .dp1 {color: #000;}
#header:hover .menu_wrap .gnb_wrap:before,
#header.active .menu_wrap .gnb_wrap:before {background: rgba(0,0,0,.2);}
.dp2_cart #header {box-shadow: 0 0 1em rgba(0,0,0,.1);}
.dp2_cart #header .top_wrap {background: #fff; color: #000;}
.dp2_cart #header .menu_wrap .gnb_wrap {background: #fff; color: #000;}
.dp2_cart #header .top_wrap .mem_menu > li > a {color: #000;}
.dp2_cart #header .menu_wrap .gnb_wrap .gnb > li .dp1 {color: #000;}
.dp2_cart #header .menu_wrap .gnb_wrap:before {background: rgba(0,0,0,.2);}
.dp2_cart #header .ico_menu.st_b {display: flex;}
.dp2_cart #header .ico_menu.st_w {display: none;}
.dp2_cart #header .top_wrap .ico_menu > li > a .tt {color: #000;}
.dp2_cart #contents .doc {padding: 14em 0 8em 0;}

.sub #header .top_wrap {background: #fff; }
.sub .menu_wrap .gnb_wrap {background: #fff; }

#header .top_wrap .mem_menu > li > a{ color:#000; padding: 0.5em 0.75em 0 0.75em; display: inline-block;}
#header .top_wrap .mem_menu > li > a .xi{ font-size:2em;text-align: center; display: block;}
#header .top_wrap .mem_menu > li > a .tt{ font-size:.750em; text-align: center;display: block;}
#header .top_wrap .mem_menu > li:not(:last-child) > a:after{ content:""; width:1px; height:.875em; margin:0 1.25em; background:#000; opacity:.2;}
#header .top_wrap .mem_menu > li > a:hover{ filter:var(--siteCfil);}

#header .top_wrap .ico_menu{}
#header .top_wrap .ico_menu > li > a{ display:block; text-align:center; padding:.5em .75em 0 .75em;}
#header .top_wrap .ico_menu > li > a .ico{ position:relative; display:inline-block;}
#header .top_wrap .ico_menu > li > a .ico .img{ width:1.75em; transition:.2s;}
#header .top_wrap .ico_menu > li > a .ico .xi{ font-size:2em}
#header .top_wrap .ico_menu > li > a .ico .no{ position:absolute; right:0; top:0; padding:.375em .625em; overflow:hidden; border-radius:3em; background:var(--siteC2); color:#fff; font-size:.688em; font-weight:700; transform:translate(70%, -30%);}
#header .top_wrap .ico_menu > li > a .tt{ display:block; font-size:.750em; margin-top:.5em; color: #000;}
#header .top_wrap .ico_menu > li > a:hover .tt{filter:var(--siteCfil);}
#header .top_wrap .ico_menu > li > a:hover .ico .img{ transform:rotateY(180deg); filter:var(--siteCfil);}
#header:hover .top_wrap .ico_menu > li > a .tt,
#header.active .top_wrap .ico_menu > li > a .tt {color: #000;}

#header .menu_wrap{}
#header .menu_wrap .wrapH,
#header .menu_wrap .gnb_wrap .gnb > li,
#header .menu_wrap .gnb_wrap .gnb > li .dp1{ height:4.25em;}
#header .menu_wrap .inner{ position:relative;}
#header .menu_wrap .gnb_wrap{ position:absolute; top:0; left:0; width:100%; background: #fff;}
#header .menu_wrap .gnb_wrap:before,
#header .menu_wrap .gnb_wrap:after{ content:""; position:absolute; z-index:1; left:0; width:100%; height:1px; background:rgba(0,0,0,.2);}
#header .menu_wrap .gnb_wrap:before{ top:0;}
#header .menu_wrap .gnb_wrap:after{ top:calc(4.25em - 1px);}
#header .menu_wrap .gnb_wrap{ flex:1;}
#header .menu_wrap .gnb_wrap .gnb{ position:relative; z-index:2;}
#header .menu_wrap .gnb_wrap .gnb > li{ flex:1; display:flex; flex-direction:column; overflow:hidden;}
#header .menu_wrap .gnb_wrap .gnb > li .dp1{ position:relative; overflow:hidden; color: #000;}
#header .menu_wrap .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:var(--gradC2); opacity:0; transform:scaleX(0); transition:transform .2s;}
#header .menu_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.188em; font-weight:500;}
#header .menu_wrap .gnb_wrap .gnb > li:hover .dp1:after,
#header .menu_wrap .gnb_wrap .gnb > li.on .dp1:after{ opacity:1; transform:scaleX(.6);}
#header .menu_wrap .gnb_wrap .gnb > li:hover .dp1 .tt,
#header .menu_wrap .gnb_wrap .gnb > li.on .dp1 .tt{ filter:var(--siteCfil);}
#header .menu_wrap .gnb_wrap .gnb > li .dp2{ flex:1 1 0%; display:block; overflow:hidden}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.375em 0; color:#000;}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a{ filter:var(--siteCfil);}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li:hover .dp3{ display:block}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li.more:hover > a:after{ transform:rotate(180deg)}
.gnb > li .dp2 > li.more > a:after{ content:"\e937"; color:#999; font-family:xeicon; margin-left:.25em; transition:.5s}
.gnb > li .dp2 > li.more .dp3{ background:rgba(0,0,0,.03); padding:.5em; display:none}
.gnb > li .dp2 > li.more .dp3 > li > a{ font-size:.938em; padding:.25em; color:#666}
.gnb > li .dp2 > li.more .dp3 > li > a:hover{ font-weight:500; filter:none; color:#111}

#header.gnbOpen .menu_wrap .gnb_wrap{ box-shadow:0 .5em .5em rgba(0,0,0,.06);}
#header.gnbOpen .menu_wrap .gnb_wrap .gnb > li{ height:auto; overflow:visible;}
#header.gnbOpen .menu_wrap .gnb_wrap .gnb > li .dp2{ padding:1.5em 1em 3em 1em; transition:.2s;}
#header.gnbOpen .menu_wrap .gnb_wrap .gnb > li:hover .dp2{ background:rgba(255,255,255,.7);}

#header .all_wrap .all{ gap:0 .75em; height:2.25em; padding:0 1em; border-radius:6em; background:var(--siteC2); color:#fff; transition:.2s;}
#header .all_wrap .all .tt{ font-size:.938em;}
#header .all_wrap .all_btn{ position:relative; display:block; width:1.375em; height:.875em;}
#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; left:0;}
#header .all_wrap .all_btn .ham:before{ top:calc(50% - 1px); width:75%;}
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:88%;}
#header .all_wrap .all:hover{ background:#000; color:#fff;}
#header .all_wrap .all:hover .all_btn{ filter:var(--crWhitefil);}
#header .all_wrap .all:hover .all_btn .ham:before{ width:100%;}
#header .all_wrap .all:hover .all_btn .ham:after { width:100%;}
#header .all_wrap .all_close .all_btn{ z-index:99; position:fixed; top:2em; right:3vw; width:3em; height:3em; transition:.4s;}
#header .all_wrap .all_close .all_btn .ham{ background:transparent !important; transition:0s;}
#header .all_wrap .all_close .all_btn .ham:before,
#header .all_wrap .all_close .all_btn .ham:after { width:100% !important; top:50% !important; height:2px;}
#header .all_wrap .all_close .all_btn .ham:before{ transform:rotate(45deg);}
#header .all_wrap .all_close .all_btn .ham:after { transform:rotate(-45deg);}
#header .all_wrap .all_close .all_btn:hover{ transform:rotate(180deg);}

#header .all_wrap .all_layer{ position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden;}
#header .all_wrap .all_layer .all_inner{ position:absolute; top:0; right:0; width:100%; height:100%; background:#fff; opacity:0;}
#header .all_wrap .all_layer .all_inner > .wrap_in{ padding-bottom:3em;}
#header .all_wrap .all_layer .wrap_top{ gap:1em 4vw; padding:2em 0 4em 0;}
#header .all_wrap .all_layer .wrap_top a{ transition:.2s;}
#header .all_wrap .all_layer .wrap_top .all_logo{}
#header .all_wrap .all_layer .wrap_top .all_logo .in{ display:block; width:6.5em;}
#header .all_wrap .all_layer .wrap_top .all_logo .in img{ width:100%;}
#header .all_wrap .all_layer .wrap_top .all_mem{ gap:.25em;}
#header .all_wrap .all_layer .wrap_top .all_mem > li{}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in{ height:2.375em; padding:0 1.25em; border:1px solid #ddd; border-radius:.25em; color:#333; transition:.2s;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt{ font-size:.938em;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover{ background:var(--siteC2); border-color:var(--siteC2); color:#fff;}
#header .all_wrap .all_layer .wrap_top .ico_menu{ margin-left:auto;}

#header .all_wrap .all_layer .wrap_middle .gnb{ flex-wrap:wrap; gap:3em;}
#header .all_wrap .all_layer .wrap_middle .gnb .m_hide{ display:block !important;}
#header .all_wrap .all_layer .wrap_middle .gnb ul{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{ width:calc(25% - 2.25em); transition:.2s;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1{ height:4em; border:solid var(--siteC); border-width:3px 0 1px 0;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size:1.250em; font-weight:500;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2{ padding:2em 0;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a{ padding:.5em 0; color:#444;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:hover > a{ color:var(--siteC);}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:hover > a .tt{ text-decoration:underline}
#header .all_wrap .all_layer .wrap_middle .gnb > li:hover{ background:#f0f2f5;}

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

.allGnbOn{ overflow-y:hidden} 
.allGnbOn #header .all_wrap .all_layer{ z-index:99; opacity:1; visibility:visible;}
.allGnbOn #header .all_wrap .all_layer .all_inner{ opacity:1; transition:.4s;}

#header.st1 .top_wrap .util_wrap{ display:flex; flex-direction:column}
#header.st1 .top_wrap .mem_menu{ margin-left:auto; padding-right:1em; gap:0 1.5em}
#header.st1 .top_wrap .mem_menu > li > a{ display:flex; align-items:center; gap:.25em; padding:0; height:2em; font-size:1.063em; color:#777}
#header.st1 .top_wrap .mem_menu > li > a .xi{ font-size:1em}
#header.st1 .top_wrap .mem_menu > li > a .tt{ font-weight:500}
#header.st1 .top_wrap .mem_menu > li > a:hover{ color:#111 !important; filter:none}
#header.st1 .top_wrap .mem_menu > li:not(:last-child) > a:after{ display:none}
#header.st1 .top_wrap .etc_wrap{ gap:0 5em}
#header.st1 .all_wrap .all{ background:#333; color:#fff; padding:0 1.5em}
html:not(.allGnbOn) #header.st1 .all_wrap .all_btn .ham,
html:not(.allGnbOn) #header.st1 .all_wrap .all_btn .ham:before,
html:not(.allGnbOn) #header.st1 .all_wrap .all_btn .ham:after{ background:#fff}
#header.st1 .top_wrap .ico_menu{ gap:2.5em}
#header.st1 .top_wrap .ico_menu > li > a{ padding:0}
#header.st1 .top_wrap .ico_menu > li > a .ico .img{ width:auto; height:1.5em}
#header.st1 .top_wrap .ico_menu > li > a:hover .tt{ filter:none}
#header.st1 .top_wrap .ico_menu > li > a:hover .ico .img{ filter:none; transform:none}

/*footer*/

.snsQuick{ position: fixed; right:1.5em; bottom:-2em; z-index:9; opacity: 0;}
.snsQuick .snsInner,
.snsQuick .btn{ position:relative; width:3.5em; height:3.5em; border-radius:100%;}
.snsQuick .snsInner {margin-bottom: 1em;}
.snsQuick .sns_btn{ position:absolute; left:0; top:0; background:var(--siteC2); color:#fff;}
.snsQuick .sns_btn:hover {background: #000; transition: .3s;}
.snsQuick .sns{ position:absolute; left:50%; bottom:5em; transform:translateX(-50%); opacity:0; visibility:hidden; transition:.1s}
.snsQuick .sns .sns_st{ display:block;}
.snsQuick .sns .sns_st > li > a{ position:relative; width:2.5em; height:2.5em; border:1px solid #ddd; margin-bottom:.375em; background:#fff; border-radius:100%; transition:.3s}
.snsQuick .sns .sns_st > li > a .tt{ position:absolute; top:50%; right:calc(100% + .5em); padding:.375em 1em; background:#222; border-radius:6em; font-size:.813em; color:#fff; white-space:nowrap; transform:translateY(-50%); display:none;}
.snsQuick .sns .sns_st > li > a .xi{ font-size:1em}
.snsQuick .sns .sns_st > li > a:hover {background: #000; color: #fff;}
.snsQuick .sns .sns_st > li:hover > a .tt{ display:block;}
.snsQuick .snsInner.on .sns{ opacity:1; visibility:visible}
/* .snsQuick .sns .sns_st > li:first-child > a {background:var(--siteC); border-color:var(--siteC); color:#fff}
.snsQuick .sns .sns_st > li:first-child > a .tt {display: block;} */
#footer .snsQuick .goTop{ width:3.5em; height:3.5em; background:var(--siteC2); border-radius:100%; text-align:center; color:#fff; }
#footer .snsQuick .goTop .tt{ display:block; font-size:.688em; font-weight:500;}
#footer .snsQuick .goTop:hover{ background:#000;}
.scroll #footer .snsQuick{ bottom:1em; opacity:1; visibility:visible; transition: .3s;}
/* .scroll #footer .sns_st{ bottom:7em; opacity:1; visibility:visible;} */

.circleAni{ position:absolute; width:100%; height:100%; border:1px solid var(--siteC2); left:-1px; top:-1px; opacity:0; border-radius:100%; animation-duration: 3s; animation-iteration-count: infinite}
.circleAni.c1{ animation-name: circleAni}
.circleAni.c2{ animation-name: circleAni; animation-delay: 1s}
.circleAni.c3{ animation-name: circleAni; animation-delay: 2s}
@keyframes circleAni{
0%  { opacity:.7}
100%{ opacity:0; transform:scale(1.8,1.8)}
}

#footer{ background:#313851;}
#footer .info_wrap{ padding:3.5em 0;}
#footer .info_wrap .inner{ position:relative;}
#footer .info_wrap .menu{ margin-bottom:2.3em;}
#footer .info_wrap .menu > li .in{ position:relative; margin-left:1.2em; padding-left:1.2em; text-transform:uppercase; color:#fff; font-weight:300;}
#footer .info_wrap .menu > li .in:before{ content:""; position:absolute; left:0; top:15%; width:1px; height:70%; background:#fff; opacity:.3;}
#footer .info_wrap .menu > li:first-child .in{ margin-left:0; padding-left:0;}
#footer .info_wrap .menu > li:first-child .in:before{ display:none;}
#footer .info_wrap .menu > li .in.point{ font-weight:400; color:#69decf;}
#footer .info_wrap .menu > li:hover .in{ text-decoration:underline;}
#footer .info_wrap .info{}
#footer .info_wrap .info *{ color:#fff;}
#footer .info_wrap .info .tt{ display:inline-block; vertical-align:middle; padding:.2em 2em .2em 0; font-size:.938em; font-weight:400; opacity:.7;}
#footer .info_wrap .info .tt *{ vertical-align:baseline;}
#footer .info_wrap .info .copy{ margin-top:1.75em; font-size:.813em; text-align:left; text-transform:uppercase; opacity:.4;}
#footer .info_wrap .mark{ position:absolute; top:0; right:0; text-align:right;}
#footer .info_wrap .mark > li .in{ margin-left:2em; opacity:.4;}
#footer .info_wrap .mark > li:first-child .in{ margin-left:0;}
#footer .info_wrap .mark > li .in img{ height:1.8em;}

/*contents*/
#contents .sub_page_top{ position:relative; height:26em; box-sizing:border-box;}
#contents .sub_page_bg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#contents .sub_page_bg > .bg{ position:absolute; top:0; right:0; width:100%; height:100%; transition:3s;}
#contents .sub_page_bg > .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4);}
#contents .sub_page_slogan{ position:relative; flex:1; text-align:center; display: none;}
#contents .sub_page_slogan .in{ gap:1em; color:#fff; padding-top: 13em;}
#contents .sub_page_slogan .t1{ font-size:1.250em; text-transform:uppercase; opacity:.4;}
#contents .sub_page_slogan .t2{ font-size:1.750em;}
#contents .sub_page_tit{ position:relative; margin-top:auto; margin-top: 17em;}
#contents .sub_page_tit .box1{ padding:0 2em; }
#contents .sub_page_tit .tit_inner{ gap:1em; padding:2.5em .25em 1.5em .25em; color:#fff;}
#contents .sub_page_tit .sub_tit .tt{ font-size:2.7em; font-weight:500;}
#contents .sub_page_tit .nav > li{}
#contents .sub_page_tit .nav > li .xi{ width:1.5em; height:1.5em; background:#fff; border-radius:50%; font-size:1em; color:#000;}
#contents .sub_page_tit .nav > li .tt{ vertical-align:middle; font-size:.938em;}
#contents .sub_page_tit .nav > li + li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle; opacity:.8;}
#contents .sub_page_tit .nav > li:last-child .tt{ font-weight:500; text-decoration:underline;}

#contents .sub_page_menu{ padding-top:3em;}
#contents .sub_page_menu .gnb{ display:block;}
#contents .sub_page_menu .gnb > li{}
#contents .sub_page_menu .gnb > li .dp2{ gap:.5em; justify-content: center;}
#contents .sub_page_menu .gnb > li .dp2 > li{ width:20%;}
#contents .sub_page_menu .gnb > li .dp2 > li > a{ height:3.5em; padding:0 .5em; background-color:#fff; border:1px solid #ddd; border-radius:.375em; color:#444; transition:.2s;}
#contents .sub_page_menu .gnb > li .dp2 > li > a .tt{ font-size:1.063em;}
#contents .sub_page_menu .gnb > li .dp2 > li:hover > a{ border-color:var(--siteC); color:var(--siteC);}
#contents .sub_page_menu .gnb > li .dp2 > li.on > a{ border:none; background: var(--siteC); color:#fff;}

#contents .doc{ padding:5em 0 8em 0;}

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

.cart_title {font-size: 2.4em; font-weight: 600; margin-bottom: 1em;}

/* new */

.visual_img_pc {display: block;}
.visual_img_m {display: none;}
.visualSlider2{ position:relative}
.visualSlider2 .el{ height:100%;}
.visualSlider2 .el .bg{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative}
.visualSlider2 .el .bg img {width: 100%;}
.visualSlider_control3 { position:absolute; right:0%; transform:translateX(-25%); bottom:1em; box-shadow:0 0 2em rgba(0,0,0,.2); padding:.25em .5em; border-radius:2em; background:rgba(0,0,0,.7); z-index:10; display:flex; align-items:center}
.visualSlider_control3 .swiperBtn{ color:#fff; opacity:1}
.visualSlider_control3 .paging{ margin:0 .5em}
.visualSlider_control3 .paging span{ background:#fff; width:.5em; height:.5em; position:relative}
.visualSlider_control3 .paging span.swiper-pagination-bullet-active{ width:4em; height:1px; opacity:1; background:rgba(255,255,255,.5)}
.visualSlider_control3 .paging span:after{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff; opacity:0; transition:width 8s}
.visualSlider_control3 .paging span.swiper-pagination-bullet-active:after{ width:100%; opacity:1}


/**/
.visualSlider .el{ position:relative; overflow:hidden; height:100vh; background:#fff}
.visualSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.05)}
.visualSlider .el .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
.visualSlider .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2)}
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg{ transition:7s; transform:scale(1) rotate(.001deg)}
.visualSlider_wrap .slogan{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); margin-top:-2em; z-index:10; color:#fff; text-align:center}
.visualSlider_wrap .slogan .wrap_in{ display:flex; flex-direction:column; align-items:center}
.visualSlider_wrap .slogan .t1{ font-size:3.5em; font-weight:300; line-height:1.1; margin:.5em 0; opacity:0; letter-spacing:1em; white-space:nowrap}
.visualSlider_wrap .slogan .t2{ font-size:1.5em; letter-spacing:.5em; transform:translateY(1em); opacity:0}
.visualSlider_wrap .el.swiper-slide-active .slogan .t1{ letter-spacing:0; opacity:1; transition:4s; transition-delay:.3s}
.visualSlider_wrap .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:.7; transition:4s; transition-delay:.6s}
.visualSlider_control{ position:absolute; left:0; bottom:2em; width:100%; z-index:10}
.visualSlider_control .paging{color:#000; width:auto; display:flex; position:relative; margin-right:2em}
.visualSlider_control .paging:after{ content:""; position:absolute; left:0; top:50%; width:100%; height:2px; background:#000; opacity:.5}
.visualSlider_control .paging span{ position:relative; opacity:1; width:.5em; height:.5em; border-radius:50%; background:#000; transition:.3s; counter-increment: vIndex; display:block; margin:0 0 0 12em}
.visualSlider_control .paging span:before{content:counter(vIndex); position:absolute; left:-.5em; bottom:100%; margin-bottom:.5em; width:1.5em; text-align:center; opacity:.5; font-size:.875em}
.visualSlider_control .paging span:nth-child(-n+10):before{ content:"0" counter(vIndex)}
.visualSlider_control .paging span:after{content:""; position:absolute; right:100%; top:50%; width:0; height:2px; background:#000; transform:scaleX(0); transform-origin:left center; width:12em}
.visualSlider_control .paging span:first-child{ margin-left:0}
.visualSlider_control .paging span:first-child:after{ display:none}
.visualSlider_control .paging > span.swiper-pagination-bullet-active:before{ opacity:1}
.visualSlider_control .paging > span.swiper-pagination-bullet-active:after{ transform:scaleX(1); transition:7s}
.visualSlider_control .swiperBtn{ margin-left:.25em}

.visualSlider_wrap.st1{ position:relative}
.visualSlider_wrap.st1 .visualSlider .el{ overflow:hidden}
.visualSlider_wrap.st1 .visualSlider .el .bg2{ position:absolute; left:50%; top:0; transform:translateX(-50%); width:100%; height: 100%; background: #000;}
.visualSlider_wrap.st1 .visualSlider .el:nth-child(2) .bg2 { background: #1e1e22;}
.visualSlider_wrap.st1 .visualSlider .el:nth-child(1) .bg2 { background: #06031a;}
.visualSlider_wrap.st1 .visualSlider .el:nth-child(3) .bg2 { background: #06031a;}
.visualSlider_wrap.st1 .visualSlider .el:nth-child(4) .bg2 { background: #06031a;}
.visualSlider_wrap.st1 .visualSlider .el:nth-child(5) .bg2 { background: #06031a;}
.visualSlider_wrap.st1 .visualSlider .el .bg2 img{ display:block; height: 100%; margin: 0 auto;}
.visualSlider_control2{ position:absolute; left:50%; transform:translateX(-50%); bottom:1em; box-shadow:0 0 2em rgba(0,0,0,.2); padding:.25em .5em; border-radius:2em; background:rgba(0,0,0,.7); z-index:10; display:flex; align-items:center}
.visualSlider_control2 .swiperBtn{ color:#fff; opacity:1}
.visualSlider_control2 .paging{ margin:0 .5em}
.visualSlider_control2 .paging span{ background:#fff; width:.5em; height:.5em; position:relative}
.visualSlider_control2 .paging span.swiper-pagination-bullet-active{ width:4em; height:1px; opacity:1; background:rgba(255,255,255,.5)}
.visualSlider_control2 .paging span:after{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff; opacity:0; transition:width 8s}
.visualSlider_control2 .paging span.swiper-pagination-bullet-active:after{ width:100%; opacity:1}

.mainScroll{ position:absolute; left:0; bottom:100%; z-index:100; color:#fff}
.mainScroll .line{ position:relative; display:block; height:5em; overflow:hidden}
.mainScroll .line:before{ content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#fff;}
.mainScroll .dot{ position:absolute; left:50%; transform:translateX(-50%); top:0; width:.5em; height:.5em; background:#fff; border-radius:50%}
.mainScroll .tt{ display:block; transform:rotate(90deg); font-size:.75em; margin:0 0 2.5em 0}
.mainScroll .tt .xi{ font-size:1.5em; margin-right:.25em}

.main_contents{ overflow:hidden}
.main_box{ padding:4em 0 5em 0}
.main_box.bg1{ background:#f5f5f5}
/*.main_box .box_flex{ gap:0 10em}
.main_box .box_flex .main_tit{ padding:1em 0 0 1em}*/

.main_tit{ display:flex; flex-direction:column; gap:.75em 0}
.main_tit.hc{ align-items:center}
.main_tit .tit1{ font-weight:700; font-size:2.4em; text-transform:uppercase}
.main_tit .tit2{ font-weight:700; font-size:2em; text-transform:uppercase}
.en{ font-family: 'Orbitron', sans-serif}
.main_tit .tt1{ font-size:1.313em; opacity:.7}
.main_tit.white{ color:#fff}

.main_tech{ display:flex; gap:2em}
.main_tech > li{ width:100%;}
.main_tech > li > a .bg{ border-radius:1em; overflow:hidden;}
.main_tech > li > a .bg:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); transition:.3s}
.main_tech > li > a .wrap_in{ padding:3em; color:#fff; box-sizing:border-box; height:100%}
.main_tech > li > a .wrap_in .t1{ font-weight:500; font-size:2em}
.main_tech > li > a .wrap_in .more{position: relative;width:7em; height:7em; box-sizing: border-box; display:flex; align-items:center; justify-content:center; font-weight:300; transition:.3s;}
.main_tech > li > a .wrap_in .more .circle{ position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; border:2px dotted #fff; transition:1em}
.main_tech > li > a .wrap_in .more:after{ content:"\e907"; font-family:xeicon; font-size: 2.5em;}
.main_tech > li > a:hover .bg:before{ background:var(--crGrad1); opacity:.9}
.main_tech > li > a:hover .wrap_in .more{ opacity:1;}

.main_box.product{ position:relative;}
.main_box.product .main_tit{}
.main_box.product .main_con{ overflow:hidden;}
.main_box.product .swiper-wrapper{ position:relative; }
.main_box.product .swiper-slide{  height:430px; padding-right:20px; box-sizing:border-box; position:relative;width:calc( 33.3% - 1em);}
.main_box.product .swiper-slide .txt_box{ width:600px; height:370px; padding:50px 30px 50px 280px; box-sizing: border-box; background-color:#9f0911;position:absolute; right:50px; bottom:0;}
.main_box.product .swiper-slide .txt_box .tit{ margin-bottom:20px; font-weight:600; font-size:1.875em; color:#fff;}
.main_box.product .swiper-slide .txt_box .desc{ margin-bottom:40px; font-size:1.125em; color:#fff; word-break:keep-all;}

.main_box.product .swiper-slide .img_box{ width:600px; height:370px; position:absolute; left:0; top:0; z-index:1; box-shadow:5px 5px 10px rgba(0, 0, 0, .15)}
.main_box.product .swiper-slide .img_box img{ width:100%; height:100%; object-position:0 0; object-fit:cover;}

.main_box.product .swiper.pd .swiper_btn_wrap{position:absolute; left:102px; top:301px;}
.main_box.product .swiper.pd .swiper_btn_wrap::after{ content:''; width:5px; height:5px; border-radius:50%; background:var(--red); position:absolute; left:115px; top:-11px; z-index:100; transform:translate(-50%, -50%)}
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-prev,
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-next{ width:40px; height:40px; border-radius:50%; background-color:var(--green2); font-weight:700; line-height:40px; color:#fff; opacity:1;}
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-prev::before,
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-next::before{ font-size:1.25em;}
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-prev::after,
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-next::after{ content:''; width:20px; height:1px; background:var(--green2); position:absolute; top:50%; trasnsform:translateY(1px);}
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-prev::after{ left:40px}
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-next::after{ right:40px}
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-prev > i,
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-next > i{ font-weight:200; font-size:.875em; color:var(--green2); position:absolute; top:50%; transform:translateY(-50%);}
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-prev > i{ left:68px;}
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-next > i{ right:68px;}
.main_box.product .swiper.pd .swiper_btn_wrap .swiper-button-next{right: -242px;}

.main_process{ display:flex; flex-wrap:wrap; width: 80%; margin-right: 1em;}
.main_process.hr{ justify-content:flex-end}
.main_process > li{ width:20%; counter-increment: sub_process_idx;}
.main_process > li .wrap_in{ margin:3em 0 0 1em; height:calc(100% - 3em); border-radius:1em; padding:1em; box-sizing:border-box; border:1px solid #ddd; position:relative; background:#fff}
.main_process > li .wrap_in .line{ content:""; position:absolute; left:100%; top:50%; transform:translateY(-50%); width:3em; height:.5em; background:#ddd}
.main_process > li .wrap_in .line:before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#005aff;}
.main_process > li:last-child .wrap_in .line{ display:none}

.main_process > li .wrap_in .img_wrap{ border-radius:.5em; overflow:hidden}
.main_process > li .wrap_in .con_wrap .tit{ text-align:center; padding:1em 0 1.5em 0; margin-bottom:2em; border-bottom:1px solid #eee; position:relative}
.main_process > li .wrap_in .con_wrap .tit .icon{ display:block; text-align:center; font-size:2.5em; margin-bottom:.25em; color:#ccc}
.main_process > li .wrap_in .con_wrap .tit:after{content:counter(sub_process_idx); position:absolute; left:50%; top:100%; width:2em; line-height:2em; border-radius:50%; background:#005aff; color:#fff; transform:translate(-50%, -50%)}
.main_process > li .wrap_in .con_wrap .tit .t1{ font-weight:500; font-size:1.250em}
.main_process > li .wrap_in .con_wrap .tit .t2{ font-weight:500; font-size:1em}
.main_process > li:nth-child(-n+3){ order:-4}
.main_process > li:nth-child(4){ order:-1}
.main_process > li.before .wrap_in{ border-color:#535252; box-shadow:0 0 .5em rgba(0,0,0,.1); transition:.3s}
.main_process > li.before .wrap_in .line:before{ width:100%; height:100%; transition:all .5s ease-in-out}

.ul_st > li{ margin-bottom:.5em}
.ul_st.ico > li{ position:relative;}
.ul_st.ico > li:before{ position:absolute; left:0; top:0;}
.ul_st.ico > li > .intt{ display:block; font-size:.875em;}
.ul_st.ico.ico1 > li{ padding-left:1.25em}
.ul_st.ico.ico1 > li:before{ content:"\e92c"; font-family:xeicon; color:#005aff;}
.ul_st.ico.ico2 > li{ padding-left:1em}
.ul_st.ico.ico2 > li:before{ content:"·"; color:#005aff; transform:scale(2) translate(.063em, -.063em)}
.ul_st > li.flex .tit{ width:5em; margin-right:1em; position:relative; padding-right:1em}
.ul_st > li.flex .tit.ico1:after{ content:":"; position:absolute; right:0; top:0}
.ul_st .boxst {border:1px solid #005aff; padding:.5em; color:#005aff; text-align:center; margin-bottom:1em;}
.ul_st.ico.ico1 > li:first-child:before {content:'';}
.ul_st .boxst.blue {background-color: #005aff; color: #fff;}

.main_process > li:nth-child(1) .wrap_in {border:1px solid #eec2c3;}
.main_process > li:nth-child(1) .wrap_in .con_wrap .tit:after {background: #eec2c3; color: #000;}
.main_process > li:nth-child(1) .ul_st .boxst {border: 1px solid #eec2c3; background: #eec2c3; color: #000;}
.main_process > li:nth-child(1) .ul_st.ico.ico1 > li:before {color: #eec2c3;}
.main_process > li:nth-child(2) .wrap_in {border:1px solid #e0697e;}
.main_process > li:nth-child(2) .wrap_in .con_wrap .tit:after {background: #e0697e; color: #fff;}
.main_process > li:nth-child(2) .ul_st .boxst {border: 1px solid #e0697e; background: #e0697e; color: #fff;}
.main_process > li:nth-child(2) .ul_st.ico.ico1 > li:before {color: #e0697e;}
.main_process > li:nth-child(3) .wrap_in {border:1px solid #a61e3b;}
.main_process > li:nth-child(3) .wrap_in .con_wrap .tit:after {background: #a61e3b; color: #fff;}
.main_process > li:nth-child(3) .ul_st .boxst {border: 1px solid #a61e3b; background: #a61e3b; color: #fff;}
.main_process > li:nth-child(3) .ul_st.ico.ico1 > li:before {color: #a61e3b;}
.main_process > li:nth-child(4) .wrap_in {border:1px solid #3f3157;}
.main_process > li:nth-child(4) .wrap_in .con_wrap .tit:after {background: #3f3157; color: #fff;}
.main_process > li:nth-child(4) .ul_st .boxst {border: 1px solid #3f3157; background: #3f3157; color: #fff;}
.main_process > li:nth-child(4) .ul_st.ico.ico1 > li:before {color: #3f3157;}
.main_process > li:nth-child(5) .wrap_in {border:1px solid #103461;}
.main_process > li:nth-child(5) .wrap_in .con_wrap .tit:after {background: #103461; color: #fff;}
.main_process > li:nth-child(5) .ul_st .boxst {border: 1px solid #103461; background: #103461; color: #fff;}
.main_process > li:nth-child(5) .ul_st.ico.ico1 > li:before {color: #103461;}

.bottom_tx {border-radius: 1em; overflow: hidden; background: var(--siteC2); color: #fff; padding: 4em 2em; min-height: 13.4em; text-align: center; width: 20%;}
.bottom_tx .t1 {font-size: 1.250em; font-weight: 500;}

.main_culum .right_box { padding-top: 1em;}
.main_culum .middle_wrap {margin-top: -1em; gap: 1em; position: relative;}
.main_culum .middle_wrap::before {position: absolute; content: ''; top: -21%; left: -29%; width: 98%; height: 15em; background: #fff; z-index: 0; border-radius: 2em;}
.main_culum .middle_wrap .in {z-index: 10; position: relative;}
.main_culum .middle_wrap .in:nth-child(1) {width: 40%;}
.main_culum .middle_wrap .in:nth-child(2) {width: 60%;}
.main_culum .middle_wrap .in {z-index: 10; position: relative;}
.main_culum .middle_wrap .culum_ti {background: var(--gradC1); border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; color: #fff; padding: 0.5em 1em;}
.main_culum .middle_wrap .culum_box {min-height: 8.4em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; padding: .5em 2em; background: var(--crGray); border: 2px solid var(--gradC1);}
.main_culum .middle_wrap .culum_box .t1 {font-size: 1em;}
.main_culum .middle_wrap .culum_box .t1 span {background: var(--crGrad1); color: #fff; border-radius: 1em; padding: 0.3em 1em; font-size: 0.86em; margin-right: .5em;}
.main_culum .middle_wrap .culum_box .t2 {font-size: 1em; font-weight: 500;}
.main_culum .middle_wrap .culum_box .culum_list {border-left: 1px solid #000; padding-left: 1em;}
.main_culum .middle_wrap .culum_box .culum_list li {margin: 0.2em 0;}
.main_culum .bottom_tx {background: var(--siteC2); color: #fff; border-radius: 1em; padding: 4em 1em; margin-top: 2em; width: calc(30% - 1em);}
.main_culum .middle_wrap .culum_box .culum_list li .ti {width: 4em; font-size: 0.96em; background-color: #333; color:#fff; padding: .5em;}
.main_culum .middle_wrap .culum_box .culum_list li .t1 {font-size: 0.96em; background-color: #eee; padding: .5em; width: 30em;}

.btn_more .xi{ width:38px; height:38px; border:1px solid #fff; border-radius:50%; font-size:1.1em; line-height:38px; text-align:center; transition:all .3s;}
.btn_more:hover .xi{ border-color:var(--red); background-color:#fff; color:var(--red)}
.btn_more.dark .xi{ border-color:#777;}
.btn_more.dark:hover .xi{ border-color:var(--green2); background-color:var(--green2); color:#fff; }

.main_link{ display:flex; padding:1px 0 0 1px; flex-wrap: wrap; gap: 1em;}
.main_link > li{ width: calc(50% - 1em);}
.main_link > li.w100 { width: calc(100% - 1em);}
.main_link > li > a{ display:flex; height:13em; padding:1em; text-align:center; justify-content:center; align-items:center; border-radius:1em; margin:-1px 0 0 -1px; box-sizing:border-box; border:1px solid #ddd; transition:.3s}
.main_link > li > a .wrap_in .ico{ display:block; margin-bottom:2em; height:4.3em;}
.main_link > li > a .wrap_in .ico img{ height:100%}
.main_link > li > a .wrap_in .t1{ font-weight:500; font-size:1.25em}
.main_link > li > a:hover{ background:var(--crGrad1); color:#fff; border-color:transparent; transform:translateY(-1em)}
.main_link > li > a:hover .ico{}

.main_news{ overflow:hidden; margin:-2em -3em 0 -2em}
.main_news > li{ float:left; width:calc(25% - 1em)}
.main_news > li:first-child{ width:calc(50% - 1em)}
.main_news > li .wrap_in{ position:relative; margin:2em 0 0 2em; overflow:hidden; border-radius:.5em}
.main_news > li .wrap_in .img{ position:relative; border-radius:.5em; overflow:hidden}
.main_news > li:first-child .wrap_in:hover .img{ transform:scale(1.1); transition:2s}
.main_news > li:not(:first-child) .wrap_in .img:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.5); backdrop-filter:blur(.5em)}
.main_news > li .wrap_in .con{ position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:5%; color:#fff; background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%); border-radius:.5em}
.main_news > li .wrap_in .con .t1{ font-weight:500; font-size:1.75em; line-height:1.2; transition:all .5s;}
.main_news > li .wrap_in .con .t2{ opacity:.7; margin-top:1em}
.main_news > li .wrap_in:hover{ box-shadow:0 0 1em rgba(0,0,0,.1)}
.main_news > li .wrap_in:hover .img:after{ opacity:0; transition:1s}
.main_news > li:first-child .wrap_in .con .t1{ font-size:1.5em; font-weight:700}
.main_news > li:not(:first-child):hover .wrap_in .con .t1{ font-size:1.125em;}

.main_contact{ position:relative }
.main_contact .list{ display:flex; overflow:hidden}
.main_contact .list > li{ flex:1}
.main_contact .list > li > a{ display:flex; text-align:center; justify-content:center; align-items:center; border-radius:1em; padding:2em; box-sizing:border-box; transition:.3s; position:relative; color:#fff}
.main_contact .list > li > a:before,
.main_contact .list > li > a:after{ content:""; position:absolute; background:#fff; opacity:.4}
.main_contact .list > li > a:before{ left:-1px; top:10%; width:1px; height:80%}
.main_contact .list > li > a:after{ left:10%; top:-1px; width:80%; height:1px}
.main_contact .list > li > a .wrap_in .ico{ display:block; margin-bottom:1.5em; height:4em; filter:brightness(0) invert(1); transition:all .5s;}
.main_contact .list > li > a .wrap_in .ico img{ height:100%}
.main_contact .list > li:first-child > a .wrap_in .ico img{ margin-left:10px}/* 펜모양 아이콘 중간 정렬 안 맞아서*/
.main_contact .list > li > a .wrap_in .t1{ font-weight:500; font-size:1.25em}
.main_contact .bg,
.main_contact .vod_wrap{ position:absolute; left:0; top:0; width:100%; height:100%}
.main_contact .vod_wrap video{ position:absolute; left:50%; top:0; width:120%; transform:translate(-50%,0)}
.main_contact .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5)}

.main_contact .list > li:hover > a .wrap_in .ico{ filter: brightness(1) invert(0) drop-shadow(5px 5px 10px var(--green1))}




/*MAIN*/
.mainSlide_wrap,
.mainSlide,
.mainSlide .el{ position:relative; height:100%;}
.mainSlide .el .bg{ position:absolute; top:0; left:0; width:100%; height:100%;}
.mainSlide_wrap .control_wrap{ position:absolute; left:0; width:100%; bottom:.5em; z-index:10;}
.mainSlide_wrap .control{ gap:0 1em;}

.main_con{ line-height:normal;}
.main_con.bg1{ background:linear-gradient(90deg, rgba(4,21,37,1) 0%, rgba(0,47,93,1) 100%);}
.main_con.bg2{ background:#281818;}
.main_con.bg3{ background:#f0f2f5;}

.main_grad1{ background-image:linear-gradient(to right,#e5a642,#c41422);}
.main_grad2{ background-image:linear-gradient(to right,#01b1fd,#01f5ff);}
.main_grad3{ background-image:linear-gradient(-45deg,#fff7d4,#d3b254,#fff7d4,#d3b254);}
.main_grad4{ background-image:radial-gradient(circle, rgba(114,80,12,1) 0%, rgba(8,6,0,1) 100%);}

.main_con .imgShd{ filter:drop-shadow(2px 4px .75em rgba(0,0,0,.5));}

.section{ position:relative; overflow:hidden}
.section_wrap{ height:100%; position:relative; box-sizing:border-box; display:flex}
.section_wrap .wrap_img{ width:50%; height:100%; position:relative; box-sizing:border-box}
.section_wrap .wrap_con{ width:50%; height:100%; box-sizing:border-box}
.section_box{ position:relative; padding:0 12vw; box-sizing:border-box; width:100%}
.section_box.left{ padding-right:5vw}
.section_box.right{ padding-left:5vw}
.section_box.pb3 {padding-bottom: 3em;}
.section_bg{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}
.section_bg .bg{ width:100%; height:100%}

.main_txt.m0{ margin-bottom:0;}
.main_txt.m1{ margin-bottom:1em;}
.main_txt.m2{ margin-bottom:5em;}
.main_txt *{ vertical-align:baseline;}
.main_txt .tit:not(:first-child){ margin-top:1.5em;}
.main_txt .txt:not(:first-child){ margin-top:2em;}
.main_txt .tit.flex{ gap:1em;}
.main_txt .txt{ line-height:1.6;}
.main_txt .o1{ opacity:.7;}
.main_txt .t1{ font-size:1.000em;}
.main_txt .t2{ font-size:1.063em;}
.main_txt .t3{ font-size:1.125em;}
.main_txt .t4{ font-size:1.250em;}
.main_txt .t5{ font-size:1.375em;}
.main_txt .t6{ font-size:1.500em;}
.main_txt .t7{ font-size:1.750em;}
.main_txt .t8{ font-size:2.750em;}
.main_txt .t9{ font-size:3.500em;}
.main_txt .t10{ font-size:4.500em;}
.main_txt .t11{ font-size:5.500em;}
.main_txt .t12{ font-size:6.500em;}
.main_txt .t13{ font-size:8.500em;}
.main_txt .t14{ font-size:10em;}
.main_txt .tsm{ font-size:.875em;}
.main_txt .shd1{ text-shadow:5px 5px 0 rgba(0,0,0,.6);}
.main_txt .shd2{ filter:drop-shadow(4px 4px 0 rgba(0,0,0,.4));}

.main_txt .fstIT.txtfix{ padding:0 .5em;}

.main_txt .tBg1{ display:inline-block; padding:.5em 2em; border-radius:6em; color:#fff;}
.main_txt .tBg1.ffPoint{ padding-top:.625em;}
.main_txt .tBg1.st1{ border-radius:0; box-shadow:6px 6px 0 rgba(0,0,0,.2);}

.main_txt .imgSt1{ display:inline-block; width:9em;}

.main_txt .shapeCheck{ position:absolute; width:17em; height:13em; left:-3%; top:0; background-image:url(../images/icon/shape_check.png); background-position:center top; filter:var(--crWhitefil); opacity:.5;}

.main_txt.lineTit{ gap:0 2em;}
.main_txt.lineTit .objLine{ flex:1; height:1px; background-image:var(--crGrad1);}
.main_txt.lineTit .objLine:last-child{ transform:rotateY(180deg);}
.main_txt.lineTit .tit{ margin:0 0;}

.main_more > .more{ position:relative; gap:0 1em; padding:.5em 2em; height:3.75em; min-width:12em; max-width:100%; background:var(--siteC); border-radius:6em; text-align:center; color:#fff;}
.main_more > .more .in_tt{ font-size:1.125em; font-weight:500;}
.main_more > .more .xi{ font-size:1.250em;}
.main_more > .more.c1{ background-image:var(--crGrad1);}

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

.main_txt.cw .tt{ color:#fff;}

.main_line{ width:100%; height:0; border-bottom:1px solid #ccc;}
.main_line:not(:first-child){ margin-top:2em;}
.main_line:not(:last-child){ margin-bottom:2em;}
.main_line.dot{ border-bottom-style:dashed;}
.main_line.cw{ border-color:#fff; opacity:.4;}

.main_tit_bg{ position:relative;}
.main_tit_bg .posLine{ position:absolute; left:50%; background:#000;}
.main_tit_bg .posLine.h{ bottom:0; width:1px; height:4em;}

.main_symbol_tit{ text-align:center;}
.main_symbol_tit:not(:last-child){ margin-bottom:3.5em;}
.main_symbol_tit .symbol_in{ gap:0 .5em;}
.main_symbol_tit .symbol_in .obj{ width:4em; background-image:url(../images/icon/shape_leaf.svg); opacity:.4;}
.main_symbol_tit .symbol_in .obj:last-child{ transform:rotateY(-180deg)}
.main_symbol_tit .main_txt{ margin-bottom:0;}
.main_symbol_tit.cw .symbol_in .obj{ filter:var(--crWhitefil);}

.main_symbol_tit.st2 .symbol_in{ gap:0 1.5em;}
.main_symbol_tit.st2 .symbol_in .obj{ width:10em; filter:invert(79%) sepia(12%) saturate(1250%) hue-rotate(7deg) brightness(91%) contrast(89%) drop-shadow(2px 2px 0 rgba(0,0,0,.4)); opacity:1;}

.main_layout{ gap:2em 6em;}
.main_layout > li{}
.main_layout > li.w1{ width:38%;}
.main_layout > li.w2{ width:20%;}
.main_layout + .main_layout{ margin-top:3em;}
.main_layout > li .p1{ padding:4em 0 5em 0;}
.main_layout > li .p2{ padding:1.5em 0;}
.main_layout > li .round{ border-radius:2em; overflow:hidden;}
.main_layout > li .round2{ border-radius:25em 1em 3.75em 1em; overflow:hidden;}
.main_layout > li .wrap_img{ position:relative; height:100%;}

.main_book{ padding-top:8em;}
.main_book .inner{ padding:0 4vw; box-sizing:border-box;}

.main_teacher .teacher_con{ position:relative; padding-bottom:0; overflow:hidden;}
.main_teacher .teacher_con:before{ content:""; position:absolute; left:-10vw; top:0; width:50vw; height:100%; background:var(--siteC); opacity:.6; transform:skewX(45deg);}
.main_teacher .teacher_con > .inner{ position:relative;}
.main_teacher .teacher_con .inTxt{ text-align:center;}
.main_teacher .teacher_con .inlineTxt{ display:inline-block; text-align:left;}

/*.main_pass .skew_wrap{ transform:skewX(-15deg) rotate(-4deg);}*/

.main_pass .pass_con{ margin-top:6em;}
.main_pass .pass_con .list{ gap:2em;}
.main_pass .pass_con .list > li{ flex:1;}
.main_pass .pass_con .list > li .in{ flex:1; padding:0 1.5em; background:rgba(0,0,0,.7); border-radius:1em; text-align:center; color:#fff;}
.main_pass .pass_con .list > li .in .ico{ padding:2em 0;}
.main_pass .pass_con .list > li .in .ico_in{ width:6em; height:6em; background:#cbb36e; border-radius:50%;}
.main_pass .pass_con .list > li .in .ico_in img{ width:50%;}
.main_pass .pass_con .list > li .in .tit{ padding:2em 0; border-top:1px solid #cbb36e;}
.main_pass .pass_con .list > li .in .tt{ padding:.25em 0; line-height:1.4;}
.main_pass .pass_con .list > li .in .t1{ font-size:1.500em; font-weight:500; color:#cbb36e;}
.main_pass .pass_con .list > li .in .t2{ font-size:1.125em; font-weight:500;}
.main_pass .pass_con .list > li .in .t3{ font-size:.938em; font-weight:300;}

.main_review{ position:relative; overflow:hidden;}
.main_review .posBg{ position:absolute; left:0; bottom:0; width:100%; height:100%; mix-blend-mode:overlay;}
.main_review .posBg img{ position:absolute; left:0; bottom:0; width:100%;}
.main_review .posBg + *{ position:relative;}

.main_review .section_box {margin-bottom: 4em;}
.main_review .main_txt {margin-bottom: 2em;}
.main_review .review_con{ position:relative; min-height:28.5em;background-origin:border-box; background-clip:content-box, border-box; gap: 3em;}
/* .main_review .review_con{ position:relative; min-height:28.5em; border:1.5em solid transparent; background-image:linear-gradient(#231911, #231911),linear-gradient(45deg, rgba(251,235,197,1) 0%, rgba(156,119,74,1) 50%, rgba(48,33,12,1) 100%); background-origin:border-box; background-clip:content-box, border-box; box-shadow:1px 1px 0 rgba(255,255,255,.3), inset 2px 2px 0 rgba(0,0,0,.9); filter:drop-shadow(0 6px 1em rgba(0,0,0,.8));} */
.main_review .review_con .posImg{ position:absolute; bottom:-4em; right:-4vw; width:23.5em; max-width:30vw;}
.main_review .mainReviewSlide_wrap{ position:relative; padding:3em; box-sizing:border-box; width: 90%; padding: 1em;}
.main_review .left_box {width: 65%;}
.main_review .right_box {width: 35%;}

.mainReviewSlide_wrap .control_wrap{ text-align:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 109%); z-index: 10;}
.mainReviewSlide_wrap .control_wrap *{ vertical-align:baseline; background-color: #333;}
.mainReviewSlide_wrap .control_wrap .swiperBtn.btn{ width:4em; height: 3em;}
.mainReviewSlide_wrap .control_wrap .total{ width:6em; font-weight:300;}
.mainReviewSlide_wrap .control_wrap .total .swiper-pagination-current{ font-weight:700;}
.mainReviewSlide{ background:#fff; border-radius:1em;border: 1px solid #333;}
.mainReviewSlide .el .wrap_in{ gap:1em 4em; padding:3em;}
.mainReviewSlide .el .wrap_in .img{ width:18%;}
.mainReviewSlide .el .wrap_in .img img{ object-position:center top;}
.mainReviewSlide .el .wrap_in .txt{ flex:1; gap:1em;}
.mainReviewSlide .el .wrap_in .txt .t1{ font-size:1.375em; font-weight:500;}
.mainReviewSlide .el .wrap_in .txt .t2{ font-size:1.063em; color:#555; white-space:normal; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7;}

.main_review .main_more{ margin-top:2em;}

.main_why .ico_list .list{}
.main_why .ico_list .list > li{ flex:1; padding:0 1em; text-align:center;}
.main_why .ico_list .list > li:not(:last-child){ border-right:1px solid #ddd;}
.main_why .ico_list .list > li .in{}
.main_why .ico_list .list > li .in .ico_wrap{ width:55%; margin:0 auto;}
.main_why .ico_list .list > li .in .ico_wrap .ico{ background-image:linear-gradient(to bottom,#064286,#0c83c7); border-radius:50%; overflow:hidden;}
.main_why .ico_list .list > li .in .ico_wrap .ico img{ width:3.25em; filter:var(--crWhitefil);}
.main_why .ico_list .list > li .in .con_wrap{ gap:.5em; padding:2em 0 0; line-height:1.2;}
.main_why .ico_list .list > li .in .con_wrap .t1{ color:#555;}
.main_why .ico_list .list > li .in .con_wrap .t2{ font-size:1.313em; font-weight:700; color:var(--siteC);}

.main_curri .curriBg{ position:relative;}
.main_curri .curriBg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.4); backdrop-filter:grayscale(.3);}
.main_curri .curriBg > *{ position:relative;}
.main_curri .step_list .list{ counter-reset:listIdx; gap:1em;}
.main_curri .step_list .list > li{ counter-increment:listIdx; width:calc(20% - .8em);}
.main_curri .step_list .list > li .in{ flex:1; background:#fff; box-shadow:0 2px 1em rgba(0,0,0,.4); border-radius:1.5em;}
.main_curri .step_list .list > li .in .wrap_in{ gap:1em; padding:1.5em 1em; align-items:center; text-align:center;}
.main_curri .step_list .list > li .in .ico_wrap{ width:5em;}
.main_curri .step_list .list > li .in .ico_wrap .ico{ background-image:var(--crGrad2); border-radius:50%;}
.main_curri .step_list .list > li .in .ico_wrap .ico img{ width:2.5em; filter:var(--crWhitefil);}
.main_curri .step_list .list > li .in .con_wrap{ gap:.75em;}
.main_curri .step_list .list > li .in .con_wrap .num:before{ content:'STEP. ' counter(listIdx, decimal-leading-zero);}
.main_curri .step_list .list > li .in .desc_wrap{ flex:1;}
.main_curri .step_list .list > li .in .t1{ font-size:.875em; color:var(--siteC);}
.main_curri .step_list .list > li .in .t2{ font-size:1.500em; font-weight:700;}
.main_curri .step_list .list > li .in .t3{ font-size:.938em; color:#555;}

.main_edu .edu_list{ gap:2.5em; margin-top: 3em; height: 400px;}
.main_edu .edu_list > li{}
.main_edu .edu_list > li.inFirst{ width:20%;}
.main_edu .edu_list > li.inSlide{ flex:1;}
.main_edu .edu_list > li.inFirst .el{ flex:1;}
.main_edu .edu_list > li.inFirst .el .wrap_in{ position:relative; height:100%; color:#fff;}
.main_edu .edu_list > li.inFirst .el .wrap_in .img_wrap{ height:88%;}
.main_edu .edu_list > li.inFirst .el .wrap_in .img_wrap .img{ position:relative;}
.main_edu .edu_list > li.inFirst .el .wrap_in .img_wrap .img:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#003c81; opacity:.8; transition:.2s;}
.main_edu .edu_list > li.inFirst .el .wrap_in .img_wrap .img img{ filter:grayscale(.6);}
.main_edu .edu_list > li.inFirst .el .wrap_in .con_wrap{ position:absolute; top:0; left:0; width:100%; height:100%; padding:2em 2em 4em 2em;}
.main_edu .edu_list > li.inFirst .el .wrap_in:hover .img_wrap .img:after{ background:#000; opacity:.4;}
.main_edu .edu_list > li.inFirst .el .wrap_in:hover .img_wrap .img img{ filter:grayscale(0);}

.main_edu .edu_list .el .wrap_in{ gap:1.5em;}
.main_edu .edu_list .el .wrap_in .img_wrap{ border-radius:1em; overflow:hidden;}
.main_edu .edu_list .el .wrap_in .con_wrap{ gap:.75em; line-height:1.2;}
.main_edu .edu_list .el .wrap_in .con_wrap .cate .tt{ display:inline-block; padding:.375em 1em; background:var(--siteC); font-size:.875em; color:#fff;}
.main_edu .edu_list .el .wrap_in .con_wrap .sbj{ font-size:1.25em; font-weight:600; white-space:normal; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main_edu .edu_list .el .wrap_in .con_wrap .date{ font-size:1em; color:#666;}
.main_edu .edu_list .el .wrap_in .con_wrap .price{ font-size:1.063em; font-weight:700;}
.main_edu .edu_list .el .wrap_in .con_wrap .tit{ font-size:1.875em; font-weight:700;}
.main_edu .edu_list .el .wrap_in .con_wrap .desc{ font-size:1.125em;}
.main_edu .edu_list .el .wrap_in .con_wrap .ico .xi{ font-size:2.000em;}
.main_edu .edu_list .el .wrap_in:hover .con_wrap .sbj{ text-decoration:underline;}

.main_edu .control_wrap{ margin-top:2em; margin-bottom: 2em; text-align:center;}
.main_edu .control_wrap *{ vertical-align:baseline;}
.main_edu .control_wrap .swiperBtn.btn{}
.main_edu .control_wrap .total{ width:6em; font-size:1.125em; font-weight:300;}
.main_edu .control_wrap .total .swiper-pagination-current{ font-weight:700;}

.main_customer{ padding:0 0; overflow:hidden;}
.main_customer .inBg{ position:relative;}
.main_customer .inBg .posBg{ position:absolute; top:0; right:0; width:calc((100vw - 1280px) / 2 + (1280px * 0.2)); height:100%; filter:grayscale(.1);}
.main_customer .inBg .posBg:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.2;}
.main_customer .notice_list .list{ gap:1em;}
.main_customer .notice_list .list > li{ flex:1; max-width:50%;}
.main_customer .notice_list .list > li .in{ flex:1; gap:1em; position:relative; min-height:12em; padding:3.5em 1.5em 1.5em; background:#fff; border-radius:.5em; box-shadow:2px 2px 1em rgba(0,0,0,.05); overflow:hidden; line-height:1.3;}
.main_customer .notice_list .list > li .in .cate{ position:absolute; top:0; left:0; width:auto; padding:.5em 1em; background:#2b7bd5; font-size:.938em; color:#fff;}
.main_customer .notice_list .list > li .in .sbj{ white-space:normal; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:1.125em; font-weight:500;}
.main_customer .notice_list .list > li .in .date{ display:flex; gap:.375em; align-items:center; margin-top:auto; font-size:.875em; color:#666;}
.main_customer .notice_list .list > li .in:hover .sbj{ color:var(--siteC2);}
.main_customer .notice_list .no_con{ width:100%; border:none;}
.main_customer .notice_list .no_con:before{ display:none;}

.main_customer .quick_list{ margin-top:5em;}
.main_customer .quick_list .list{ gap:.75em;}
.main_customer .quick_list .list > li{ flex:1;}
.main_customer .quick_list .list > li .in{ flex:1; gap:.75em; background-image:var(--crGrad2); border-radius:.5em; padding:1.25em 1em; color:#fff; transition:.2s;}
.main_customer .quick_list .list > li .in .ico{ width:2.625em; filter:var(--crWhitefil); transition:.2s;}
.main_customer .quick_list .list > li .in .ico img{ width:100%;}
.main_customer .quick_list .list > li .in .tt{ font-weight:500;}
.main_customer .quick_list .list > li .in:hover{ background-image:var(--crGrad1);}
.main_customer .quick_list .list > li .in:hover .ico{ transform:rotateY(180deg)}

/* new */

.h100{ height:100%; box-sizing:border-box}

.main_tit{ display:flex; flex-direction:column; gap:2em 0}
.main_tit .t0{ font-weight:900; font-size:1.25em; text-transform:uppercase}
.main_tit .t1{ font-weight:700; font-size:3em}
.main_tit .t2{ font-weight:700; font-size:2.25em}
.main_tit .tt{ font-size:1.25em; line-height:1.5; opacity:.8}
.main_tit.ac{ align-items:center}
.main_tit.white{ color:#fff}
.tPoint{ display:inline-block; vertical-align:top; position:relative}
.tPoint:before{ content:""; position:absolute; left:0; bottom:5%; width:100%; height:90%; background:#6ecec6; z-index:-1}

.main_customer{ position:relative; overflow:hidden; background:var(--crGrad1); color:#fff}
.main_customer .wrap_bg{}
.main_customer .wrap_bg .wrap_in{ width:100%; box-sizing:border-box; z-index:1}
.main_customer .wrap_slide{ width:75%}
.main_customer .wrap_slide .slide_in{ width:100%; box-sizing:border-box; padding:0 4vw}
.main_customer .wrap_bg:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:100%}
.main_customer .wrap_bg .text{ position:absolute; left:0; bottom:0; width:100%; filter:brightness(0) invert(1); mix-blend-mode: soft-light; display:flex; justify-content:flex-end; gap:0 5em}
.main_customer .wrap_bg .text .t1{ color:#fff; font-size:6em; word-spacing:.063em; white-space:nowrap; line-height:1}
.main_customer .wrap_con{ display:flex; align-items:flex-start; justify-content:space-between; position:relative; gap:0 4em}

.main_customer .wrap_slide .mainNewsSlide{margin-top: 1em;}
.main_customer .wrap_slide .mainNewsSlide .el{ width:20em}
.main_customer .wrap_slide .mainNewsSlide .el .wrap_in{ border-radius:.5em; position:relative; box-sizing:border-box; padding:1.5em; padding-top:3.5em; overflow:hidden; background:#fff; display:flex; flex-direction:column; gap:1em 0; margin:.5em}
.main_customer .wrap_slide .mainNewsSlide .el .wrap_in .cate{ padding:.5em 1em; background:var(--siteC2); color:#fff; font-weight:700; position:absolute; left:0; top:0}
.main_customer .wrap_slide .mainNewsSlide .el .wrap_in .t1{ font-weight:700; font-size:1.313em; color:#333}
.main_customer .wrap_slide .mainNewsSlide .el .wrap_in .t2{ color:#666}
.main_customer .wrap_slide .mainNewsSlide .el .wrap_in .t3{ color:#999; font-size:.938em}
.main_customer .wrap_slide .list{ display:flex; margin:-.5em; margin-top:4em}
.main_customer .wrap_slide .list > li{ flex:1}
.main_customer .wrap_slide .list > li > a{ display:flex; flex-direction:column; align-items:center; gap:1em 0; border:1px solid #ddd; margin:.5em; box-sizing:border-box; padding:1.5em; border-radius:.5em}
.main_customer .wrap_slide .list > li > a .ico{ height:3em; filter:brightness(0) invert(1)}
.main_customer .wrap_slide .list > li > a .t1{ font-weight:500; font-size:1.063em}
.mainNewsSlide_control{ gap:0 .25em}
.mainNewsSlide_control .paging{ margin:0 1em}

.main_test{ position:relative; overflow:hidden;}
.main_test .section_box {padding-bottom: 2em;}
.main_test .posBg{ position:absolute; left:0; bottom:0; width:100%; height:100%; mix-blend-mode:overlay;}
.main_test .posBg img{ position:absolute; left:0; bottom:0; width:100%;}
.main_test .posBg + *{ position:relative;}
.main_test .test_con { width: 68%; position: relative;}
.main_test .test_con .inner {width: 62%; height: 33em; margin: 2em auto 5em; border-radius: 50%; overflow: hidden; box-shadow: 0 0 1em rgba(0,0,0,.1); position: relative; background: rgba(255,255,255,.8);}
.main_test .test_con .inner:hover {width: 65%; border-radius: 3em; transition: 1s; background: #f4f4f4;}
.main_test .test_con .bg_img {position: absolute; width: 100%; height: 100%; z-index: -1;}
.main_test .test_con .tx_box {color: #000;}
.main_test .test_con .tx_box .ti1 {font-size: 2.750em; font-weight: 700; margin-bottom: .5em;}
.main_test .test_con .tx_box .ti2 {font-size: 1.125em;}
.main_test .test_con .tx_box .icon {border: 1px solid #000; display: inline-block; padding: 1em; border-radius: 50%; margin-top: 2em; font-size: 1.250em;}
.main_test .test_con .inner:hover .icon {background: var(--siteC2); color: #fff; transition: .3s; border-color: var(--siteC2);}

.main_test .test_con .inBg{ position:absolute; z-index:-2; top:0%; bottom:0; left:1em; right:1em; margin: 0 auto; width: 37em; height: 35em;}
.main_test .test_con .inBg .bgAni{ position:absolute; top:6em; bottom:0; left:0; right:0; border-radius:50%; background:rgba(0,0,0,.1); animation:rotateAni1 5s linear infinite;}
.main_test .test_con .inBg .bgAni:nth-child(2){ top:1em; left:10%; animation:rotateAni1 5s linear infinite;}
.main_test .test_con .inBg .bgAni:nth-child(3){ right:8%; left:auto; animation:rotateAni2 7s linear infinite;}

.main_test .main_txt {padding-bottom: 3em;}

@keyframes rotateAni1 {
  0%  { transform:rotate(0deg);}	
  100%{ transform:rotate(360deg);}
  }
  @keyframes rotateAni2 {
  0%  { transform:rotate(0deg);}	
  100%{ transform:rotate(-360deg);}
  }

.main_more{ font-size:1.125em; display:flex; align-items:center}
.main_more .arrow{ font-size:1em; position:relative; width:5em; margin-left:.5em}
.main_more .arrow:before{ content:""; position:absolute; width:100%; right:0; top:50%; height:1px; background:#fff}
.main_more .arrow:after{ content:""; position:absolute; width:.5em; height:.5em; right:0; top:calc(50% + 1px); border:1px solid #fff; border-left:none; border-bottom:none; transform:translateY(-50%) rotate(45deg)}

.fpR{ transform:translateX(-20vw); opacity:0; transition:1s ease-in-out}
.fp-section.active .fpR{ transform:translateX(0); opacity:1}
.fpL{ transform:translateX(20vw); opacity:0; transition:1s ease-in-out}
.fp-section.active .fpL{ transform:translateX(0); opacity:1}
.fpT{ transform:translateY(50%); opacity:0; transition:1s ease-in-out}
.fp-section.active .fpT{ transform:translateY(0); opacity:1}
.fpB{ transform:translateY(-50%); opacity:0; transition:1s ease-in-out}
.fp-section.active .fpB{ transform:translateY(0); opacity:1}
.fpBG{ transform:scale(1.3)}
.fp-section.active .fpBG{ transform:scale(1); opacity:1; transition:5s ease-in-out}

.diagramWrap.st1{ text-align:center; margin-bottom:4em; margin-top: 5em;}
.diagramWrap.st1:last-child{ margin-bottom:0;}
.diagramWrap.st1 .diagram_in{}
.diagramWrap.st1 .diagram_in > li{}
.diagramWrap.st1 .diagram_in > li .wrap_in{ position:relative; padding:0 4.5em;}
.diagramWrap.st1 .diagram_in > li:last-child .wrap_in{ padding-right:0;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in{ position:relative; width:10em; height:10em;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; border-radius:50%; border:3px solid #1e489e;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in > *{ flex:1; position:relative;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in .icon{ margin-bottom:1.25em;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in .icon img{ width:2.5em;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in .icon .logoMark{ width:4em;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in .tt{ font-size:1.250em;}
.diagramWrap.st1 .diagram_in > li.center .wrap_in .in .tt{ font-size:1.375em;}
.diagramWrap.st1 .diagram_in > li.center .wrap_in:after { content:"\e907"; font-family:xeicon; font-size:3.000em; color:#ddd; position:absolute; top:50%;}
.diagramWrap.st1 .diagram_in > li.center .wrap_in:after { right:0; transform:translate(65%,-50%);}
.diagramWrap.st1 .diagram_in > li.center .wrap_in .in:before{ transform:scale(1.2,1.2);}
.diagramWrap.st1 .diagram_in > li.center .wrap_in .in .rotateAni{ top:-1.625em; left:-1.625em; right:-1.625em; bottom:-1.625em; border-color:#1e489e; opacity:.4;}
.diagramWrap.st1 .diagram_in > li:last-child .wrap_in:after {display: none;}

.diagramWrap.st1 .diagram_in > li:nth-child(1) .wrap_in .in:before {background: #efc2c3; border-color: #efc2c3;}
.diagramWrap.st1 .diagram_in > li:nth-child(2) .wrap_in .in:before {background: #e2687f; border-color: #e2687f;}
.diagramWrap.st1 .diagram_in > li:nth-child(3) .wrap_in .in:before {background: #a61e3c; border-color: #a61e3c;}
.diagramWrap.st1 .diagram_in > li:nth-child(4) .wrap_in .in:before {background: #3f3157; border-color: #3f3157;}
.diagramWrap.st1 .diagram_in > li:nth-child(5) .wrap_in .in:before {background: #173560; border-color: #173560;}
.diagramWrap.st1 .diagram_in > li:nth-child(1).center .wrap_in .in .rotateAni {border-color: #efc2c3;}
.diagramWrap.st1 .diagram_in > li:nth-child(2).center .wrap_in .in .rotateAni {border-color: #e2687f;}
.diagramWrap.st1 .diagram_in > li:nth-child(3).center .wrap_in .in .rotateAni {border-color: #a61e3c;}
.diagramWrap.st1 .diagram_in > li:nth-child(4).center .wrap_in .in .rotateAni {border-color: #3f3157;}
.diagramWrap.st1 .diagram_in > li:nth-child(5).center .wrap_in .in .rotateAni {border-color: #173560;}

.diagramWrap.st1 .diagram_in > li .bottom { margin-top: 4em;}
.diagramWrap.st1 .diagram_in > li .bottom p {background: var(--siteC2); color: #fff; padding: 0.5em 1em; border-radius: 1em;}

.diagramWrap.st1 .diagram_in > li:nth-child(1) .bottom p {background:#efc2c3; color: #000;}
.diagramWrap.st1 .diagram_in > li:nth-child(2) .bottom p {background:#e2687f;}
.diagramWrap.st1 .diagram_in > li:nth-child(3) .bottom p {background:#a61e3c;}
.diagramWrap.st1 .diagram_in > li:nth-child(4) .bottom p {background:#3f3157;}
.diagramWrap.st1 .diagram_in > li:nth-child(5) .bottom p {background:#173560;}

.rightArr{ position:relative;}
.rightArr .here{ position:absolute; right:-2.9em; top:50%; margin-top:-1em;}


.num_con { position: relative; flex: 1; padding: 0 1em; box-sizing: border-box; }
/*.num_wrap_1 .num_con:after { position: absolute; content: ""; width: 1px; height: 100%; background: #ddd; right: 0; }*/
.num_con:last-of-type:after { width: 0; }
.num_con .num { background: #f4f4f4; padding: .5em 2em; font-weight: 500; border-radius: 1em; color: #000; margin-bottom: 1em; font-size: .9em; text-align: center; display: inline-block;}
.num_con .class { font-size: 1.25em; font-weight: 700; margin-bottom: .5em; margin-top: 1em;}
.num_con .t2 { margin-bottom: .5em; }
.num_con .icon { margin-top: 1.5em; }
.num_con .num:before{ width:100%; background:#ddd}
.num_con .num:after{ width:0; background:#0077cf}
.num_con.on{ transform:translateY(-1em); border-color:#0077cf; transition:.5s}
.num_con.before .num{ background:#0077cf; transition:.5s}
.num_con.before .num:after{ width:100%; transition:1s}


/*ANI*/
.rotateAni{ display:block; position:absolute !important; top:0; bottom:0; left:0; right:0; background:transparent; border-radius:50%; border:2px dashed #ed6e33; box-sizing:border-box;
  animation-name:rotateAni;
  animation-duration:20s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
  }
  
  @keyframes rotateAni {
  from{ transform: rotate(0deg);}
  to  { transform: rotate(360deg);}
  }
  
  @keyframes downAni{
  0% { transform:translateY(.5em);}
  50% { transform:translateY(-.5em);}
  100% { transform:translateY(.5em);}
  }

/*SUB PAGE************************/
/*inc*/
.page_mg { margin-top:2.5em !important;}
.page_mg1{ margin-top:1em !important;}
.page_mg2{ margin-top:5em !important;}
.page_mg3{ margin-top:-1em !important;}
.page_mg4{ margin-top:.5em !important;}

.page_scrollX{ display:flex; overflow-x:auto;}
.page_scrollX.sw1 > .scroll_in{ flex:1 0 1024px;}

.page_scroll_tit{ margin-bottom:.6em; color:#3c3c3d; display:none;}
.page_scroll_tit .xi{ width:1.2em; line-height:1.2em; margin-right:.4em; border:1px solid #d4d5d8; border-radius:100%; text-align:center; font-size:1.750em;}
.page_scroll_tit .tt{ font-size:.938em;}

.page_tab{ margin-bottom:2em; text-align:center;}
.page_tab .tab{ display:flex;}
.page_tab .tab > li > a{ position:relative; z-index:1; display:block; min-width:8em; margin-left:-1px; padding:.6em 1em; background:#f0f0f0; border:1px solid #ccc; border-bottom-color:#313851; color:#777; transition:.2s;}
.page_tab .tab > li:first-child > a{ margin-left:0;}
.page_tab .tab > li > a .tt{ font-size:.938em; font-weight:500;}
.page_tab .tab > li:hover > a,
.page_tab .tab > li.on > a{ z-index:2; background:#fff; border-color:#313851; border-bottom-color:#fff; color:#111;}

.page_tab.st2{ margin-top:3em; text-align:left}
.page_tab.st2 .tab > li > a .tt{ font-size:1em}
.page_tab.st2 .tab > li > a{ padding:.8em 1em; min-width:13em;}

.page_tab2 .tab,
.page_tab2 .tab > li,
.page_tab2 .tab > li > a{ display:flex; align-items:stretch;}
.page_tab2{ margin-bottom:3em; text-align:center; min-width:0;}
.page_tab2 .tab{ flex-wrap:wrap;}
.page_tab2 .tab > li > a{ justify-content:center; align-items:center; margin:0 .4em .4em 0; min-width:9em; padding:.6em 1.5em; background:#f0f0f0; border:1px solid #ccc; border-radius:30em; font-size:1.125em; color:#72727d; transition:.2s;}
.page_tab2 .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab2 .tab > li .icon{ margin-left:.5em; color:#d4d5d8;}
.page_tab2 .tab > li .icon:before{ content:"\e937";}
.page_tab2 .tab > li:hover > a,
.page_tab2 .tab > li.on > a{ background:#1647aa; border-color:#1647aa; color:#fff;}
.page_tab2 .tab > li:hover .icon,
.page_tab2 .tab > li.on .icon{ color:#fff;}

.page_tit_col{ margin-bottom:.75em;}
.page_tit_col *{ margin-bottom:0 !important;}
.page_tit_col.flex{ align-items:center;}
.page_tit_col .input_st{ font-size:.938em;}

.page_basic_tit{ margin-bottom:1em; padding-left:1em;}
.page_basic_tit > *[class^="t"] > *{ vertical-align:baseline;}
.page_basic_tit > .t1{ position:relative; font-size:1.250em; color:#111; font-weight:500;}
.page_basic_tit > .t1:before{ content:""; position:absolute; top:.125em; left:-.8em; width:.3em; height:1em; background:var(--siteC2); border-radius:.2em;}
.page_basic_tit > .t2{ padding-top:.75em; font-size:.813em; color:#222; line-height:1.5;}
.page_basic_tit > .t3{ display:inline-block; padding:.5em 1em; border:1px solid #d4d5d8; border-radius:.3em; font-size:.813em; color:#666;}
.page_basic_tit > .t3 strong{ color:#222;}

.page_tit.dp1{ margin-bottom:1em; background: var(--gradC1); display: inline-block; padding: 1em; border-radius: 0.5em;}
.page_tit.dp1 .tt,
.page_tit.dp1 .tt > *{ display:inline-block;}
.page_tit.dp1 .tt:first-child{ margin-left:0 !important;}
.page_tit.dp1 .tt.t1{ color:#fff; font-size:1.125em}
.page_tit.dp1 .tt.t2{ margin-left:2em; font-size:.813em; color:#333;}
.page_tit.dp1 .tt.t3{ color:#005bbb;}
.page_tit.dp1 a:hover{ text-decoration:underline;}

.page_tit.dp2{ padding-left:1.5em;}
.page_tit.dp2 > .tt{ position:relative; display:block; font-size:1.163em; color:var(--siteC); font-weight: 600;}
.page_tit.dp2 > .tt:before{ content:"\ea40"; font-family:xeicon; font-size:1.250em; font-weight:normal; line-height:1em; position:absolute; top:0; left:-1.3em;}
.page_tit.dp2 > .tt.t1{ color:#ee2c49;}
.page_tit.dp2 > .tt.t2{ color:#1a9fbb;}
.page_tit.dp2 > .tt.t2.sedu{ color:#005bbb;}
.page_tit.dp2 > .tt.t3{ font-size:1em}

.page_tit.dp3{ margin-bottom:.75em; padding-left:1.5em;}
.page_tit.dp3 > .tt{ position:relative; display:block; font-size:.938em; color:#0d2d4f;}
.page_tit.dp3 > .tt:before{ content:"\e998"; font-family:xeicon; font-size:1.250em; font-weight:normal; line-height:1em; position:absolute; top:0; left:-1.3em;}
.page_tit.dp3 > .tt.t1{ font-size:1em;}

.page_list.dp2{ margin-top:1em;}
.page_list.dp2 > *{ margin-top:.375em; padding-left:.8em;}
.page_list.dp2 > * > .tt{ font-size:.938em; color:#111;}
.page_list.dp2 > li:before{ top:.65em; width:.35em; height:1px; background:#333;}

.page_list.dp3{ margin-top:.75em;}
.page_list.dp3 > *{ margin-top:.3em; padding-left:.7em;}
.page_list.dp3 > * > .tt{ font-size:.938em; color:#555;}
.page_list.dp3 > li:before{ top:.45em; width:.25em; height:.25em; background:#d82744; border-radius:100%;}

.page_list.dp2 > * .page_list.dp3{ margin-bottom:1.25em;}
.page_list.dp2 > *:last-child .page_list.dp3{ margin-bottom:0;}

.page_list{ line-height:1.4;}
.page_list:first-child{ margin-top:0;}
.page_list > li:before{ content:""; position:absolute; left:0;}
.page_list > *{ position:relative;}
.page_list > *:first-child{ margin-top:0;}
.page_list > * > .tt > *{ vertical-align:baseline;}
.page_list > * .btn{ margin-top:.5em; font-weight:700;}
.page_list > * .btn.input_st.s3{ font-size:.750em;}

.page_list.fl_wrap > li{ margin:.3em 0; box-sizing:border-box;}

.page_list_style{ margin-left:1.3em;}
.page_list_style > li{ list-style:decimal; list-style-position:outside;}
.page_list_style.st1 > li{ margin-top:.6em; line-height:1.3em; color:#108ad3; font-weight:700;}
.page_list_style.st1 > li:first-child{ margin-top:0;}
.page_list_style.st1 > li > .tt{ font-size:.938em; color:#3c3c3d;}

.page_num_list{ margin-top:1em; line-height:1.4;}
.page_num_list:first-child{ margin-top:0;}
.page_num_list > li{ margin-top:1em; padding-top:1em; border-top:1px dashed #c6ced7;}
.page_num_list > li:first-child{ margin-top:0; padding-top:0; border-top:none;}
.page_num_list > li > .group{ position:relative; padding:.4em 0 .4em 3em;}
.page_num_list > li > .group > .tt > .num{ position:absolute; top:0; left:0; width:2.2em; line-height:2.2em; display:inline-block; text-align:center; background:#00479e; border-radius:100%; color:#fff; font-weight:800;}
.page_num_list > li > .group > .tt > .tit{ color:#00479e;}
.page_num_list > li > .group > .tt > .tit.t1{ font-size:.938em;}
.page_num_list > li > .group > .tt > .tit.t2{ font-size:.875em;}
.page_num_list > li > .group > .tt + .page_list{ font-size:.875em;}
.page_num_list > li > .group > .ex{ margin-top:.5em; font-size:.813em; color:#333;}

.page_num_list.st2{ text-align:center;}
.page_num_list.st2 > li > .group{ padding:0;}
.page_num_list.st2 > li > .group > .tt > .num{ position:static; margin-bottom:.6em;}
.page_num_list.st2 > li > .group > .tt > .tit{ display:block;}

.page_col_box{ margin:0 0 -.75em -.75em; align-items:stretch;}
.page_col_box > li{ flex:1;}
.page_col_box > li > .inner{ flex:1; margin:0 0 .75em .75em; padding:.75em .75em; background:#f5f5f5; border:dashed #c6ced7; border-top-style:solid; border-width:3px 1px 1px 1px; box-sizing:border-box;}

.flex_sec1 > li{ flex:1 1 100%;}
.flex_sec2 > li{ flex:1 1 50%;}
.flex_sec3 > li{ flex:1 1 33.33%;}
.flex_sec4 > li{ flex:1 1 25%;}

.page_down_list{ flex-wrap:wrap;}
.page_down_list > li{ display:flex; flex:1 0 50%; max-width:50%;}
.page_down_list > li > .in{ display:flex; align-items:center; flex:1; position:relative; margin:.125em .25em; padding:.6em 2.5em .6em 1.8em; background:#fff; border:1px solid #bbb; border-radius:6em; box-shadow:.15em .15em 0 rgba(0,0,0,.08);}
.page_down_list > li > .in:before{ content:""; position:absolute; left:1em; top:50%; margin-top:-.15em; width:.3em; height:.3em; background:#d82744; border-radius:100%;}
.page_down_list > li > .in .tt{ display:block; font-size:.813em; font-weight:700;}
.page_down_list > li > .in .icon{ position:absolute; right:1em; top:50%; margin-top:-.875em; font-size:1em;}
.page_down_list > li > .in .xi:before{ content:"\eb7c"; font-size:1.500em;}
.page_down_list > li > .in .xi.link:before{ content:"\e9c0";}
.page_down_list > li:hover > .in{ background:#0d2d4f; border-color:#0d2d4f; color:#fff; transition:.2s;}

.page_box{ padding-left:1.5em}
.page_box.st1{ border:1px solid #ccc; padding:2em 1.5em; margin-left:1.5em; border-top:4px solid #ccc}
.page_box.st2{ padding:1.5em 2em; border:1px solid #ccc; border-radius:.4em; box-shadow:.25em .25em 0 rgba(0,0,0,.08);}
.page_box .txt{ line-height:1.6; color:#333; font-size:.938em}

.page_ex_box{ align-items:stretch; border:1px solid #9ba1aa; border-radius:.4em; overflow:hidden;}
.page_ex_box > .inner{ display:flex; align-items:center; justify-content:center; text-align:center; padding:1em 1em;}
.page_ex_box > .inner.icon{ width:8.5em;}
.page_ex_box > .inner.txt { flex:1; justify-content:flex-start; text-align:left;}
.page_ex_box > .inner.txt > .in{ flex:1;}
.page_ex_box > .inner.icon{ background:#fff;}
.page_ex_box > .inner.icon > .tt{ display:inline-block; margin-left:.75em; font-size:.938em; color:#0d2d4f;}
.page_ex_box > .inner.icon .xi { font-size:1.375em;}
.page_ex_box > .inner.icon .in { display:flex; align-items:center; justify-content:center; text-align:center; width:3.5em; height:3.5em; background:var(--gradC2); border-radius:50%; color:#fff;}
.page_ex_box > .inner.icon1 .in{ background:var(--gradC1);}
.page_ex_box > .inner.icon2 .in{ background:var(--siteC);}
.page_ex_box > .inner.icon3 .in{ background:#313851;}
.page_ex_box > .inner.icon4 .in{ background:var(--gradC2);}
.page_ex_box > .inner.icon5 .in{ background:var(--crGray2);}
.page_ex_box > .inner.icon6 .in{ background:#596272;}
.page_ex_box > .inner.txt{ padding-left:1em; padding-right:1em;}
.page_ex_box > .inner.btn{ background:#fff; border-left:1px solid #d4d5d8; line-height:1.4;}
.page_ex_box > .inner .in_tt{ color:#333; line-height:1.6;}
.page_ex_box > .inner .in_tt > *{ vertical-align:baseline;}
.page_ex_box > .inner .in_tt.line{ padding:.4em 0; border-top:1px dashed #d4d5d8;}
.page_ex_box > .inner .in_tt.line:first-child{ border-top:none;}
.page_ex_box > .inner .in_tt.t1{ font-size:.938em;}
.page_ex_box > .inner .in_tt.t2{ font-size:.813em;}
.page_ex_box > .inner .in_tt.t3{ font-size:.875em;}
.page_ex_box > .inner .in_tt.t4{ font-size:1.125em;}
.page_ex_box .c1{ color:#ee2c49;}
.page_ex_box .c2{ color:#108ad3;}
.page_ex_box .c3{ color:#0d2d4f;}
.page_ex_box .c4{ color:#ef7c00;}
.page_ex_box .c5{ color:#72727d;}
.page_ex_box .c6{ color:#111111;}

.page_ex_box.st1{ border-color:#596272 !important; border-width:1px 0 1px 0; border-radius:0;}
.page_ex_box.st1 > .inner.txt{}
.page_ex_box.st1 > .inner.icon{ width:30%; justify-content:flex-start; border-right:1px solid #d4d5d8;}

.page_ex_box.st2 > .inner.txt{ padding-top:2em; padding-bottom:2em;}

.page_ex_box.mg1{ margin-bottom:2.5em;}
.page_ex_box.mg2{ margin-top:3em;}
.page_ex_box.mg3{ margin-top:1em}

.page_ex_box .flex_vt{ align-items:flex-start !important;}
.page_ex_box .flex_ac{ justify-content:center !important;}

.page_txt_wrap{ margin-top:2.5em;}
.page_txt_wrap:first-of-type{ margin-top:0;}

.page_txt_wrap.flex{}
.page_txt_wrap.flex > *{ padding:1.4em .4em; border-top:2px solid #e8e8e8;}
.page_txt_wrap.flex > .flex_w1{ flex:1; position:relative; padding-left:0; padding-right:0; border-top-color:#c6cad1;}
.page_txt_wrap.flex > .flex_w1:before,
.page_txt_wrap.flex > .flex_w1:after { content:""; position:absolute; top:-2px; height:2px; width:.8em;}
.page_txt_wrap.flex > .flex_w1:before{ left:0; background:#4e84d6;}
.page_txt_wrap.flex > .flex_w1:after { left:.8em; background:#44afd3;}
.page_txt_wrap.flex > .flex_w2{ flex:4; margin-left:2em;}
.page_txt_wrap.flex > .flex_w2.st1{ flex:6;}

.ex_s_txt{ margin-top:1em; color:#222; line-height:1.4;}
.ex_s_txt .icon{ position:relative; display:inline-block;}
.ex_s_txt .icon.st1{ padding-left:1.2em;}
.ex_s_txt .icon.st2{ padding-left:1.5em;}
.ex_s_txt .icon.st3{ padding-left:1.75em; min-height:1.3em;}
.ex_s_txt .icon:before{ position:absolute; left:0; line-height:1em;}
.ex_s_txt .icon.st1:before{ content:"*"; top:0; font-size:1.375em;}
.ex_s_txt .icon.st2:before{ content:"※"; top:.075em; font-size:1.125em;}
.ex_s_txt .icon.st3:before{ content:"\eb23"; top:-.01em; font-family:xeicon; font-weight:normal; font-size:1.500em; color:#005bbb;}
.ex_s_txt .t1{ font-size:.938em;}
.ex_s_txt .t2{ font-size:.813em;}
.ex_s_txt .t3{ font-size:.750em;}
.ex_s_txt .c1{ color:#ff3c00;}

.ex_s_txt.st1{ padding:.75em 1em; background:#fff;}
.ex_s_txt.st2{ padding:.75em 1em; background:#ecf0f4; border-radius:.375em;}
.ex_s_txt.st3{ margin-top:.5em;}
.ex_s_txt.st4{ margin-top:0; padding:.5em 1em; border:1px dashed #ccc;}

.pg_txt{ color:#222; line-height:1.6;}
.pg_txt.t1{ font-size:.938em;}
.pg_txt.t2{ font-size:.875em;}
.pg_txt.t3{ font-size:.813em;}
.pg_txt.t4{ font-size:.750em;}
.pg_txt.t5{ font-size:1.125em;}
.pg_txt.c1{ color:#005bbb;}
.pg_txt.c2{ color:#1a9fbb;}
.pg_txt.c3{ color:#1d335a;}
.pg_txt.c4{ color:#ee2c49;}
.pg_txt.c5{ color:#ff3c00;}

.page_in_con{ padding:1.25em 1.25em; border:1px solid #e5e5e5; box-shadow: 0 0 1em rgba(0,0,0,.1); border-radius: 0.5em;}
.page_in_box{ width:600px; max-width:100%; margin:0 auto; text-align:center;}
.page_line{ margin:3em 0; height:0; border-bottom:3px dotted #ddd;}

.page_cate{}
.page_cate .cate > li{ display:inline-block; vertical-align:top; margin:.25em 0;}
.page_cate .cate > li > a{ display:block; box-sizing:border-box; min-width:4.8em; padding:.8em .25em; text-align:center; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #e3e3e3 100%); border:1px solid #72727d; border-radius:.3em; color:#000;}
.page_cate .cate > li > a .tt{ display:inline-block; font-size:.938em; font-weight:500; line-height:1em;}
.page_cate .cate > li:hover > a{ border-color:#d82744; color:#d82744;}
.page_cate .cate > li.on > a{ background:#d82744; border-color:#d82744; color:#fff;}

.page_cate2{ margin-bottom:1.8em; position:relative}
.page_cate2 .cate > li > a{ display:block; padding:.4em 0;}
.page_cate2 .cate > li > a:after{ content:""; display:inline-block; vertical-align:middle; margin:0 1.2em; width:1px; height:2em; background:#ccc; transform:rotate(30deg);}
.page_cate2 .cate > li:nth-child(2) > a:after{ visibility:hidden;}
.page_cate2 .cate > li > a .tt{ position:relative; display:inline-block; padding:.3em 0 .2em 0; font-size:1.463em; font-weight:600; color:#464550}
.page_cate2 .cate > li > a .tt:after{ content:""; position:absolute; left:0; bottom:-3px; width:0; height:3px; background:#1647aa; transition:.2s;}
.page_cate2 .cate > li:hover > a .tt,
.page_cate2 .cate > li.on > a .tt{ color:#1647aa;}
.page_cate2 .cate > li:hover > a .tt:after,
.page_cate2 .cate > li.on > a .tt:after{ width:100%;}


/*문의 / 담당자 / 연락처*/
.personInfo_box{ margin:0 0 -2px -2px; align-items:stretch;}
.personInfo_box > li{ flex:1; margin:0 0 2px 2px; padding:1em 1em; background:#ecf0f4; border-radius:.6em;}
.personInfo_box .inner .icon{ position:absolute; top:0; left:0; font-size:1.125em; line-height:1em;}
.personInfo_box .inner > dt,
.personInfo_box .inner > dd{ padding-left:1.6em;}
.personInfo_box .inner > dt{ position:relative; margin-bottom:1em; padding-bottom:.8em; border-bottom:1px dashed #ccc; color:#ee2c49;}
.personInfo_box .inner > dt .icon:before{ content:"\e92b";}
.personInfo_box .inner > dt .tit{ font-size:.938em; font-weight:700;}
.personInfo_box .inner > dd{ position:relative; margin:.25em 0; padding-top:.075em; color:#333;}
.personInfo_box .inner > dd .tt{ font-size:.813em;}
.personInfo_box .inner > dd .tt *{ vertical-align:baseline;}
.personInfo_box .inner > dd a{ color:#005bbb;}
.personInfo_box .inner > dd a:hover{ text-decoration:underline;}

.personInfo_box.flex > li{ display:flex;}
.personInfo_box.flex .inner{ display:flex; flex-direction:column; flex:1;}
.personInfo_box.flex .inner > dt{ flex:1 1 auto; max-height:2.25em;}

.personInfo_box.st2{ margin:0;}
.personInfo_box.st2 .inner{ margin-top:1.5em; padding-top:1em; border-top:4px solid #ecf0f4;}
.personInfo_box.st2 .inner:first-child{ margin-top:0; padding-top:0; border-top:none;}
.personInfo_box.st2 .inner > dt{ float:none;}
.personInfo_box.st2 .inner > dd:first-of-type{ clear:both;}
.personInfo_box.st2 .inner > dd{ margin:.25em 2.5em .25em 0;}

/*검색*/
.page_search_wrap{ padding:2em 3em; border:3px solid #ddd; border-radius:.5em; margin-bottom:3em}
.page_search_wrap .list{ margin:-1em 0 0 -3em}
.page_search_wrap .list > li .wrap_in{ margin:1em 0 0 3em}
.page_search_wrap .list > li .wrap_tit{ width:5em; position:relative; padding-left:.75em; font-weight:500; color:#333; font-size:1.063em}
.page_search_wrap .list > li .wrap_tit:before{ content:""; position:absolute; left:0; top:50%; width:1em; height:1em; font-size:.25em; background:#ed4043; margin-top:-.5em}
.page_search_wrap .list > li .wrap_con{ font-size:.938em}
.page_search_wrap .list > li .wrap_con .label_select{ min-width:11em}
.page_search_wrap .list > li .wrap_con .label_select select{ width:100%}

/*지도*/
.map_wrap{ position:relative; line-height:1.2;}
.map_wrap #map{ height:350px}

.map_btn_type,
.map_btn_link,
.map_btn_zoom{ position:absolute; top:.8em; bottom:.8em; left:.8em; right:.8em; z-index:10;}

.map_btn_type{ left:auto; bottom:auto; overflow:hidden;}
.map_btn_type > li{ float:left}
.map_btn_type > li > a{ display:block; padding:.1em .6em .2em .6em; background:#fff; border:1px solid #ddd; color:#666;}
.map_btn_type > li > a.type_map    { border-radius:.3em 0 0 .3em;}
.map_btn_type > li > a.type_skyview{ border-radius:0 .3em .3em 0;}
.map_btn_type > li > a.selected_btn{ background:#d82744; border-color:#d82744; color:#fff;}
.map_btn_type > li > a .tt{ font-size:.813em;}
.map_btn_type > li > a .xi{ font-size:1.125em;}

.map_btn_link{ right:auto; bottom:auto; padding:.1em .6em .2em .6em; background:rgba(0,0,0,.5); border:1px solid rgba(0,0,0,.2); border-radius:.3em; color:#fff !important;}
.map_btn_link .tt{ font-size:.813em;}
.map_btn_link .xi{ font-size:1.125em;}
.map_btn_link:hover{ background:rgba(0,0,0,.8);}

.map_btn_zoom{ top:auto; left:auto;}
.map_btn_zoom > li > a{ display:block; margin-top:2px; background:#fff; border:1px solid #aaa; box-shadow:2px 2px 0 rgba(0,0,0,.15); border-radius:100%; text-align:center; color:000;}
.map_btn_zoom > li > a:hover{ background:#313851; border-color:transparent; color:#fff;}
.map_btn_zoom > li > a .xi{ font-size:1.5em; width:1.6em; line-height:1.6em;}


/*MEMBER***************************/
.member_wrap{}
.member_wrap .en{ font-family:var(--fontPoint);}

.member_wrap .login_box{ width:580px; max-width:100%; margin:0 auto;}
.member_wrap .join_box { width:800px; max-width:100%; margin:0 auto;}
.member_wrap .cert_box { width:580px; max-width:100%; margin:0 auto;}
.member_wrap .join_box.paper_fin_St { width:inherit;} /*설문조사 완료 박스*/

.member_wrap .member_tit{ padding:0 0 2em 0; text-align:center;}
.member_wrap .member_tit .tit { margin-bottom:.3em; font-size:2.500em; font-weight:700; text-transform:uppercase;}
.member_wrap .member_tit .tit2{ font-size:1.750em; font-weight:700; letter-spacing:-1px;}
.member_wrap .member_tit .txt { color:#666; line-height:1.5em;}
.member_wrap .member_tit .c1{ color:#333;}

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

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

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

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

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

.member_btn_wrap{ margin:1.5em 0 0 -.4em; text-align:center;}
.member_btn_wrap > li{ width:50%;}
.member_btn_wrap .in{ margin-left:.4em;}
.member_btn_wrap .input_st{ width:100%; min-width:40% !important;}

.member_agree .agree{ padding:2.5em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; font-size:.938em; color:#666; line-height:1.5em;}
.member_agree .agree.H{ padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong,
.member_agree .agree b{ color:#111; font-weight:500;}
.member_agree .check{ padding:1em 2em; border:solid #ddd; border-width:0 1px 1px 1px; border-radius:0 0 .6em .6em; text-align:right;}

.join_table{ border-top:1px solid #333; font-size:.938em;}
.join_table th,
.join_table td{ height:2.25em; padding:.75em 1.5em; border-bottom:1px solid #e8e8e8; text-align:left;}
.join_table th{ color:#3c3c3d; padding-right:.8em; background:#f8f8f8;}
.join_table td{ color:#72727d;}
.join_table .checkShow td{ padding-left:0; padding-right:0;}

.join_in_box{ padding:.4em .8em; border:1px solid #ddd; background:#f7f7f7;}
.join_in_box:first-child{ margin-top:0 !important;}
.join_in_box > li{ margin-top:.8em; padding-top:.6em; border-top:1px dashed #ccc;}
.join_in_box > li:first-child{ margin-top:0; padding-top:0; border-top:none;}
.join_in_box .tit{ position:relative; margin:.4em 0 .4em 0; padding-left:.8em; color:#0d2d4f;}
.join_in_box .tit:before{ content:""; position:absolute; top:.45em; left:0; width:.35em; height:.35em; background:#0d2d4f; border-radius:100%;}

.join_finish{ padding:1em 0; text-align:center;}
.join_finish .tit{ margin-bottom:.6em; font-size:1.375em; color:#3c3c3d; font-weight:500; letter-spacing:-1.5px;}
.join_finish .txt{ color:#72727d; line-height:1.5em;}
.join_finish .txt strong{ color:var(--siteC2); vertical-align:baseline;}
.join_finish .join_table{ width:90%; margin:2em auto 0 auto;}


/**/
.page_step_wrap{ margin-bottom:2em; text-align:center;}
.page_step_wrap .step{}
.page_step_wrap .step > li .in{ position:relative; padding:0 1.5em; min-width:8em; color:#aaa;}
.page_step_wrap .step > li .in:before{ content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; top:.2em; left:-.5em;}
.page_step_wrap .step > li:first-child .in:before{ display:none;}
.page_step_wrap .step > li .in > *{ position:relative; display:block;}
.page_step_wrap .step > li .in .xi{ margin:.2em 0 .6em 0; font-size:2.250em;}
.page_step_wrap .step > li .in .xi:before{ position:relative; z-index:2;}
.page_step_wrap .step > li .in .xi:after{ content:""; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); width:1.6em; height:1.6em; background:#e8e8e8; border-radius:100%;}
.page_step_wrap .step > li .in .no{ font-size:.750em; text-transform:uppercase;}
.page_step_wrap .step > li .in .tt{ font-size:1.063em; margin-top:.125em;}
.page_step_wrap .step > li.on .in{ color:#000;}
.page_step_wrap .step > li.on .in .xi{ color:#fff;}
.page_step_wrap .step > li.on .in .xi:after{ background-image:var(--crGrad2);}
.page_step_wrap .step > li.on .in .no{ color:var(--siteC2);}


/*LOGIN***************************/
.login_wrap{ position:fixed; width:100%; height:100%; left:0; top:0; align-items:center; background:#1d335a; background:url(../images/sub/login_bg.jpg) no-repeat 50% 50%; background-size:cover;}
.login_wrap .login{ width:600px; max-width:94%; margin:0 auto; padding:1em 0 5em 0;}
.login_wrap .login_tit{ margin-bottom:1em; text-align:center; color:#fff;}
.login_wrap .login_tit .logo img{ width:17em;}
.login_wrap .login_tit .tit{ margin-top:.6em;}
.login_wrap .login_tit .tit > *{ display:inline-block;}
.login_wrap .login_tit .tit .t1{ font-size:1.500em; font-weight:700; padding:.4em .25em 0 0;}
.login_wrap .login_tit .tit .t2{ font-size:3.000em; margin-left:.25em;}
.login_wrap .login_con{ background:#fff; box-shadow:0 2px 3px rgba(0,0,0,.2); border-radius:.6em; overflow:hidden;}
.login_wrap .login_con .tab{ align-items:stretch; align-items:center; text-align:center;}
.login_wrap .login_con .tab > li{ flex:1;}
.login_wrap .login_con .tab > li > a{ display:block; padding:1.2em 1em; background:#ecf0f4; border:solid #d4d5d8; border-width:0 0 1px 1px; color:#333; font-weight:700;}
.login_wrap .login_con .tab > li:first-child > a{ border-left-width:0;}
.login_wrap .login_con .tab > li.on > a{ background:#fff; border-bottom-color:#fff; color:#005bbb;}
.login_wrap .form_wrap{ padding:3em 2em; background:#fff;}
.login_wrap .form_wrap .form > li{ margin-top:.6em;}
.login_wrap .form_wrap .form > li:first-child{ margin-top:0;}
.login_wrap .form_wrap .form > li .in{ position:relative; padding:0 1em 0 4em; border:1px solid #ddd; border-radius:.25em; overflow:hidden;}
.login_wrap .form_wrap .form > li .in .xi{ position:absolute; top:0; left:0; width:4em; line-height:4em; background:#ecf0f4; border-right:1px solid #ddd; text-align:center; font-size:1em;}
.login_wrap .form_wrap .form > li .in .xi:before{ font-size:1.500em; color:#333;}
.login_wrap .form_wrap .form > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0 1em 1em; height:4em; border:none; background:none; font-weight:700;}
.login_wrap .form_wrap .form > li.btn_wrap{ margin-top:2em; align-items:center;}
.login_wrap .form_wrap .form > li.btn_wrap .check{ font-size:.938em; font-weight:700;}
.login_wrap .form_wrap .form > li.btn_wrap .btn{ padding:0 2em; height:3.5em; border-radius:.25em; background:#3086c9; color:#fff; font-weight:700; border:none; min-width:40%;}

.login_wrap .link_wrap{ padding:1em .2em; align-items:center; border-top:1px dotted rgba(255,255,255,.3);}
.login_wrap .link_wrap .xi{ line-height:1;}
.login_wrap .link_wrap .t1{ font-size:.813em; color:#fff;}
.login_wrap .link_wrap .t1 .xi{ font-size:1.5em;}
.login_wrap .link_wrap .t2{ padding:.6em 1.5em; background:#005bbb; border-radius:6em; font-size:.938em; color:#fff; font-weight:700; text-transform:uppercase;}
.login_wrap .link_wrap .t2 .tt{ display:inline-block; padding:0 .25em;}
.login_wrap .link_wrap .t2:hover .tt{ text-decoration:underline;}


/*POPUP****************************/
html.pop .popPrint .popIn{ width:657px;}
html.pop .popWidth.st1 .popIn{ width:600px;}
html.pop .popWidth.st2 .popIn{ width:680px;}
html.pop .popWidth.st3 .popIn{ width:1200px;}
html.pop .popAgree .popIn{ width:800px; height:500px}

html.pop .popWidth.st3 .popIn .board_photo > li {width: 50%;}

/*수료증 출력*/
.pop .printDiv{ border:1px solid #ccc;}
.pop .pop_page_print{ position:relative; background:#fff; letter-spacing:0; width:210mm; max-width:100%; margin:0 auto; font-family:'궁서체','Malgun Gothic','ng',sans-serif; height:800px;} /*800px임의*/
.pop .pop_page_print .bg{ text-align:center; position:relative; top:32%}
.pop .pop_page_print .txt_wrap{ position:absolute; top:10%; bottom:9.5%; left:5%; right:5%;}
.pop .pop_page_print .txt_wrap .mark{ text-align:center;}
.pop .pop_page_print .txt_wrap .mark img{ width:20%;}
.pop .pop_page_print .txt_wrap .en{ font-family:"Times New Roman", Times, serif;}
.pop .pop_page_print .txt_wrap .tit{ text-align:center;}
.pop .pop_page_print .txt_wrap .tit.kr{ font-size:2.625em; font-weight:bold; letter-spacing:1em; text-indent:1em; margin-bottom:.5em}
.pop .pop_page_print .txt_wrap .tit.en{ font-size:1.250em; color:#666; letter-spacing:.04em; text-indent:.04em;}
.pop .pop_page_print .txt_wrap .tit.kr2{ font-size:1.250em; color:#666; letter-spacing:.04em; text-indent:.04em;}
.pop .pop_page_print .txt_wrap .info{}
.pop .pop_page_print .txt_wrap .info.info_top{ float:right; margin-top:2em}
.pop .pop_page_print .txt_wrap .info.info_bottom{ border-width:2px 0 2px 0; border-style:solid; border-color:#888; margin-top:2.750em; padding:0 1em; margin-left:.5em; margin-right:.5em}
.pop .pop_page_print .txt_wrap .info.info_bottom > li{ padding:.7em 0;}
.pop .pop_page_print .txt_wrap .info > li{ padding:.2em 0; overflow:hidden;}
.pop .pop_page_print .txt_wrap .info > li .tt{ display:block;}
.pop .pop_page_print .txt_wrap .info > li .t1{ float:left; position:relative; width:6em;}
.pop .pop_page_print .txt_wrap .info > li .t2{ margin-left:7em;}
.pop .pop_page_print .txt_wrap .info > li .ls2{ letter-spacing:2.75em;}
.pop .pop_page_print .txt_wrap .info > li .ls3{ letter-spacing:.875em;}
.pop .pop_page_print .txt_wrap .info > li .ls4{ letter-spacing:.25em;}
.pop .pop_page_print .txt_wrap .info > li .dot{ position:absolute; top:0; right:0; letter-spacing:0;}
.pop .pop_page_print .txt_wrap .txt{ line-height:1.8;}
.pop .pop_page_print .txt_wrap .txt.t1{ margin-top:2.750em; font-size:1.188em;/* text-indent:1em; text-align:justify;*/ text-align:center; font-family:'궁서체';}
.pop .pop_page_print .txt_wrap .txt.t2{ margin-top:2em; font-size:.688em;}
.pop .pop_page_print .txt_wrap .txt.f_date{ margin-top:4em; font-family:'바탕체','Batang',sans-serif;}
.pop .pop_page_print .txt_wrap .sign{ position:absolute; left:0; right:0; bottom:0; /*padding-right:3em; */text-align:center; z-index:1;}
.pop .pop_page_print .txt_wrap .sign .tt.t1{ display:inline-block; position:relative; font-size: 1.8em; font-weight:bold;}
.pop .pop_page_print .txt_wrap .sign .tt.t2{ display:block; font-size:.750em;}
.pop .pop_page_print .txt_wrap .sign .tt .in{ position:relative; z-index:2;}
.pop .pop_page_print .txt_wrap .sign .stamp{ position:absolute; z-index:-1; left:89%; top:-45%;}
.pop .pop_page_print .txt_wrap .sign .stamp img{ display:block; /*width:2em; */max-width:none;}
.pop .pop_page_print .print_num{ position:absolute; left:5%; top:5%;}
.pop .pop_page_print .print_num .num{ font-family:'맑은고딕','Malgun Gothic',sans-serif}


/*PRINT*/
@page{ size:auto; margin:10mm -210mm; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0;}
.printBreak{ page-break-before:always;}

@media print {
	html{ margin:0 210mm; -webkit-margin-end:0; -webkit-margin-start:0; background:#fff;}
	.noprint{ display:none;}
	.printBreak{ display:none;} 
	.pop .pop_page_print{ page-break-before:always; -webkit-margin-before:10mm; -webkit-margin-after:10mm;}
	.pop .pop_page_print .bg{ text-align:center; position:relative; top:45%}
	.pop .pop_page_print:first-child{ page-break-before:avoid;}
	.pop .pop_page_print .txt_wrap{ font-size:1.313em; left:10%; right:10%; top:13%}
	.pop .pop_page_print .font_bt{ font-family:"궁서체","Batang",serif;}
	.pop .pop_page_print .txt_wrap .info{ margin-top:1em;}
	.pop .pop_page_print .txt_wrap .info.info_top{}
	.pop .pop_page_print .txt_wrap .txt.t1{ margin-top:2.750em; /*letter-spacing:.025em; */font-size:1.188em;}
	.pop .pop_page_print .txt_wrap .txt.t2{ margin-top:2em; letter-spacing:-.05em;}
	.pop .pop_page_print .txt_wrap .sign{ position:relative; bottom:0; left:0; right:0; margin-top:3em}
	.pop .pop_page_print .info_bottom .txt_wrap .txt.t1{}
	.pop .pop_page_print .txt_wrap .sign .stamp{ top:-35%;}
	.pop .pop_page_print .txt_wrap .sign .tt.t1{ font-weight:bold; letter-spacing:.01em; /*text-indent:.01em;*/ font-size:1.75em}
	.pop .pop_page_print .f_size1{ font-size:1.063em !important}

}

/*INTRO*/
.main_icon_col{ margin-left:-1.25em;}
.main_icon_col .inner{ flex:1; margin:1.25em 0 1.25em 1.25em;}
.main_icon_col .list.st1{ margin-left:-1.5em; flex:1;}
.main_icon_col .list.st1 > li{ margin-left:1.5em;  flex:1; background:#fff;  border:1px solid transparent; border-radius:.6em; overflow:hidden; min-height:11.875em;}
.main_icon_col .list.st1 > li .in{ padding:1.563em .5em .5em .5em;  display:block; text-align:center; box-sizing:border-box; height:100%; color:#333;}
.main_icon_col .list.st1 > li .icon{ width:6.25em; height:6.25em; background:#ecf0f4; border-radius:100%;}
.main_icon_col .list.st1 > li .icon img{ max-height:3.75em; transition:.4s;}
.main_icon_col .list.st1 > li .sbj{ margin-top:1em;}
.main_icon_col .list.st1 > li .sbj .tt{ font-size:1.125em;}

.main_icon_col .list.st1 > li:hover .icon img{ transform:rotateY(360deg);}
.main_icon_col .list.st1 > li:hover{ background:#313851; transition:background .3s;}
.main_icon_col .list.st1 > li:hover .sbj .tt {color:#fff;}


/*이메일무단수집거부*/
.terms_area{/* padding:20px; background:#f7f7f7; border-top:2px solid #333; border-bottom:1px solid #999;*/ font-size:1em; color:#555; font-weight:400; line-height:1.6;}
.terms_area .terms_box{ padding:30px; background:#fff; border:1px solid #eee; font-size:0.875em;}
.terms_area .terms_box strong{ color:#111; font-weight:500;}
.terms_area.agree{ padding:15px 20px; border:1px solid #aaa; line-height:1.4;}
.terms_area.agree .tit{ margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px;}
.terms_area.agree .tit i{ vertical-align:middle;}
.terms_area.agree .tit .xi{ padding-right:5px;}
.terms_area.agree .terms_box{ padding:20px 30px; height:150px; overflow-y:scroll;}
.terms_area.agree .check{ margin-top:10px; text-align:right;}
.page_email{ padding:1.5em; background:#fff; border:1px solid #eee; border-top:2px solid #333;}
.page_email .line{ margin:30px 0 30px 0; height:1px; background:#ccc;}
.page_email .email_top{ padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000; font-weight:500;}
.page_email .email_con .con_wrap{ margin-top:2em;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333; font-weight:500;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:.938em; color:#666; font-weight:400; line-height:1.8;}

/*개인정보처리방침*/
.privacy_area{ border-top:2px solid #333; border-bottom:1px solid #666; position:relative;}
.privacy_area .privacy_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc;  text-align:right;}
.privacy_area .privacy_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; color:#fff; padding:20px 15px 0; font-weight:500}
.privacy_area .privacy_box{  background-color:#f9f9f9; padding:30px;}
.privacy_area .privacy_box .privacy_in{ overflow-y:hidden; height:auto; padding:30px; border:1px solid #ccc; background:#fff; line-height:1.6; margin-bottom:10px; color:#222; font-size:.875em; font-weight:300}
.privacy_area .privacy_box .privacy_in > strong { font-weight:500;}

/*뷰페이지 추가*/
.view_btn_wrap{ margin-left:2em}
.edu_view_wrap .con_in{ padding:2em; border-width:1px 1px 1px 1px; border-color:#ddd; border-style:solid; margin-top:-1px; border-top-color:#111}
.edu_view_wrap .list_con{ margin-top:2em}
.edu_view_wrap .list_con:first-child{ margin-top:0}

/*설문통계*/
.page_database{ background:#f2faf9; padding:2em}
.page_database .page_con{ position:relative;}
.page_database .pos.circle{ position:absolute; top:-10em; left:50%; margin-left:20%; width:36em; height:36em; border-radius:100%; opacity:.08;}
.page_database .database_wrap .en{ font-weight:600; letter-spacing:0;}
.page_database .database_wrap > li{ margin-top:1.5em;}
.page_database .database_wrap > li:first-child{ margin-top:0;}
.page_database .database_wrap .inner{ padding:3em 3em; background:#fff; box-shadow:.25em .25em 0 rgba(15,40,113,.2);}
.page_database .database_wrap .list{ padding:1em 0; border:dashed #afafeb; border-width:1px 0 1px 0;}
.page_database .database_wrap .list > li{ margin-top:.4em;}
.page_database .database_wrap .list > li:first-child{ margin-top:0;}
.page_database .database_wrap .list .con{ position:relative; line-height:2em; color:#3c3c3d;}
.page_database .database_wrap .list .con .pos{ position:absolute; top:0;}
.page_database .database_wrap .list .con .tit{ left:0; width:10em; text-align:right; font-size:1em}
.page_database .database_wrap .list .con .info{ right:0; width:7em;}
.page_database .database_wrap .list .con .info .t1{ font-size:1.250em; color:#095282;}
.page_database .database_wrap .list .con .info .t2{ margin-left:.6em; color:#69696b;}
.page_database .database_wrap .list .con .bar{ position:relative; height:2em;}
.page_database .database_wrap .list .con .bar:before{ content:""; position:absolute; top:.5em; left:0; right:0; height:1em; background:#f1f1f1;}
.page_database .database_wrap .list .con .bar .per{ position:absolute; top:.5em; left:0; height:1em; background:#65b5e9;}
.page_database .database_wrap .list > li:nth-child(6n+1) .bar .per{ background:#65b5e9;}
.page_database .database_wrap .list > li:nth-child(6n+2) .bar .per{ background:#63c9e6;}
.page_database .database_wrap .list > li:nth-child(6n+3) .bar .per{ background:#869fe4;}
.page_database .database_wrap .list > li:nth-child(6n+4) .bar .per{ background:#bca0e5;}
.page_database .database_wrap .list > li:nth-child(6n+5) .bar .per{ background:#eba3d8;}
.page_database .database_wrap .list > li:nth-child(6n+6) .bar .per{ background:#e6a377;}
.page_database .database_wrap .txt{ margin-top:1em; padding:1em 1.5em; background:#f5f5f5;}
.page_database .database_wrap .txt .xi{ display:inline-block; width:2.5em; line-height:2.5em; background:#005bbb; border-radius:100%; text-align:center; font-size:1em; color:#fff;}
.page_database .database_wrap .txt .xi:before{ content:"\e9d8"; font-size:1.250em;}
.page_database .database_wrap .txt .tt{ display:inline-block; vertical-align:middle; width:90%; margin-left:3%; line-height:1.4em; font-size:1.063em;}

.page_small_tit{ margin-bottom:1em; padding-left:1.8em;}
.page_small_tit .t1{ position:relative; font-size:1.250em; color:#3c3c3d; font-weight:500 }
.page_small_tit .t1:before{ content:"\e901"; position:absolute; top:0; left:-1.2em; font-family:xeicon; color:#095282;}
.page_small_tit .t2{ margin-top:2em; font-size:1em; color:#69696b; position:relative; margin-left:-2em}
/*.page_small_tit .t2:before{ position:absolute; content:""; border:2px solid #095282; width:.3em; height:.3em; top:5px; left:-1em; border-radius:50%}*/

.datapage_tit{ margin-bottom:2.2em;}
.datapage_tit .tit_s{ font-size:1.375em; color:#1e2424; font-weight:500}
.datapage_tit .tit_tt{ vertical-align:baseline}
.datapage_tit .tit_pp{ font-size:1.125em}
.datapage_tit .tit_pp .num{ vertical-align:baseline}
.datapage_tit .tit_pp > i{ margin-right:3px; color:#333}


/*오시는길*/
.location_wrap{}
.page_location_wrap{ margin-top:1em}
.root_daum_roughmap {width:100% !important; padding:0 !important; border:none !important}

.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em 2em; margin-top:2em; background:#fff;}
.map_info1 .t1 { float:left; }
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; }
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size: 1.250em; vertical-align:middle; color:#fff; margin-right:5px; background:#2756a6; border-radius:50px; width:1.7em; height:1.7em; line-height:1.7em; text-align:center;}
.map_info1 .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; }
.map_info1 .map_btn .tx{ font-size:.875em; color:#fff; vertical-align:middle}


/*사업소개*/
.greeting_wrap{}
.greeting_wrap .strong{ font-weight:600; vertical-align:baseline}
.greeting_wrap .page_in_con{ background:#f8fcfe}
.tbox .tit{ padding-left:0 !important;}
.tbox .tit .t1{ font-weight:500; color:#1f3b82; font-size:1em}
.tbox .tit .icon{ display:inline-block; width:2.5em; height:2.5em; line-height:2.5em; text-align:center; position:relative; margin-right:.25em}
.tbox .tit .icon .bg{ position:absolute; left:0; top:0; width:100%; height:100%}
.tbox .tit .icon .xi{ font-size:1.25em; position:relative; z-index:1; color:#fff }
.hexagon { display:block; position: relative; overflow: hidden; background:transparent; width: 100%; height:0; padding-bottom:100%; transform: rotate(-30deg) skewX(30deg) scaleY(.866)}
.hexagon:before { position: absolute; right: 6.7%; bottom: 0; left: 6.7%; top: 0; transform: scaleY(1.155) skewX(-30deg) rotate(30deg); background: linear-gradient(275deg, #00aaab 0%,#2855a5 100%); content: '';}


/*모바일 헤더*/
#header_m{height:4.25rem; background:#fff; border-bottom:1px solid #ccc; box-shadow:0 .2em 0 rgba(0,0,0,.04); position:fixed; left:0; top:0; width:100%; z-index:999999;}
#header_m .hm_top{padding-top:.5rem; padding-bottom:.5rem;}
@media screen and (max-width: 500px){
#header_m .hm_top{padding-top:.375rem;}
}
@media screen and (max-width: 412px){
#header_m .hm_top{padding-top:.65rem;}
}
#header_m .h_btn{transform:scale(.9);}
#header_m .h_btn.hb_back{margin-left:10px;}
#header_m .h_btn.hb_home{margin-right:auto;}
#header_m .h_btn.hb_login{margin-left:auto;}
#header_m .h_btn.hb_logout{margin-left:auto;}
#header_m .h_btn.hb_menu{margin-right:10px;}
#header_m .logo_wrap{transform:scale(.9);}

#header_m .nav_layer{ position:fixed; z-index:-1; top:0; left:0; right:0; bottom:0; background:#fff; overflow-y:auto; opacity:0; visibility:hidden;}
#header_m .nav_layer .nav_wrap2{ padding-bottom:2em; opacity:0; visibility:hidden; transition:.2s;}
#header_m .nav_layer .nav_wrap2 a{ color:#555;}
#header_m .nav_layer .nav_wrap2 .nav_logo{ margin-bottom:2em; padding:3em 0 2em 0; border-bottom:3px solid #e4e6e8; text-align:left;}
#header_m .nav_layer .nav_wrap2 .nav_logo > a{ display:inline-block;}
#header_m .nav_layer .nav_wrap2 .nav_logo .txt{ padding-left:10px; display:block}
#header_m .nav_layer .nav_wrap2 .nav_logo .txt > i{ display:block; color:#00479e; font-weight:500}
#header_m .nav_layer .nav_wrap2 .nav_logo img{ width:13.5em;}
#header_m .nav_layer .nav_wrap2 .nav_mem{ text-align:right;}
#header_m .nav_layer .nav_wrap2 .nav_mem > li{ display:inline-block; flex:1;}
#header_m .nav_layer .nav_wrap2 .nav_mem > li a{ display:block; min-width:6em; padding:.6em 2em; border:1px solid rgba(255,255,255,.4); text-align:center; text-transform:uppercase; font-size:1em; font-weight:500;}
#header_m .nav_layer .nav_wrap2 .goLink > li a{ background:#fff !important; color:#0d2d4f !important; border:1px solid #0d2d4f !important; padding:.8em 2em; display:block; min-width:6em; font-size:1.125em; font-weight:500; text-align:center}
/*#header_m .nav_layer .nav_wrap2 .goLink > li:hover a{ background:#fff; color:#0d2d4f; }*/
#header_m .nav_layer .nav_wrap2 .nav_mem > li .xi{ margin-right:.3em;}
/*#header_m .nav_layer .nav_wrap2 .nav_mem > li:hover a{ background:#0d2d4f; border-color:#0d2d4f; color:#fff;}*/
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li{ float:none; overflow:hidden; padding:2.5em 0; border-top:1px solid rgba(0,0,0,.1);}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li:first-child{ border-top:none;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li a{ text-align:left;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .xi.link{ margin-left:1em; color:#5de6ff;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp1{ float:left; padding:.2em 0; font-size:1.500em; color:#0d2d4f; font-weight:500; text-transform:uppercase;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp1:after{ content:""; display:inline-block; margin-left:.3em; width:.8em; height:3px; background:#5de6ff;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2{ margin-left:12em; overflow:hidden;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li{ width:25%;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li:nth-child(4n+1){clear:both;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a{ padding:.4em 0; font-size:1.063em;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3{ padding:.4em 0;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3 > li > a{ position:relative; padding:.3em 0; padding-left:1em; font-size:.875em; color:rgba(255,255,255,.6); font-weight:300;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp3 > li > a:after{ content:""; position:absolute; top:.9em; left:0; width:.4em; height:1px; background:#fff; opacity:.6;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li ul > li:hover > a .vm_tt{ text-decoration:underline;}

#header_m.m_nav_open .nav_layer{ z-index:4; opacity:1; visibility:visible;}
#header_m.m_nav_open .nav_layer .nav_wrap2{ opacity:1; visibility:visible;}
#header_m.m_nav_open .gnb_wrap .util .btnAll{ position:fixed; z-index:5; top:2em; right:2.5em;}
#header_m.m_nav_open .gnb_wrap .util .btnAll.vm_wrap{ height:auto;}
#header_m.m_nav_open .gnb_wrap .util .btnAll .in{ width:4em; height:4em;}
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham{ background:transparent !important;}
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:before,
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:after { background:#fff !important; top:50%; width:100% !important;}
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:before{ transform:rotate(-45deg);}
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:after { transform:rotate(45deg);}

#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li.active{ background:#edf0f4}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a{ padding-left:1em; position:relative}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb .dp2 > li > a:before{ content:"\e91b"; position:absolute; left:0; top:7px; color:#555; font-family:'xeicon';}

#header_m .gnb_wrap .util{ display:block; position:absolute; right:0}
#header_m .nav_layer{ overflow-y:hidden;}
#header_m .nav_layer .nav_wrap2{ position:absolute; top:0; left:3%; right:3%; bottom:0; padding:0;}
#header_m .nav_layer .nav_wrap2 .nav_logo img{ width:21.5em}
#header_m .nav_layer .nav_wrap2 .nav_logo{ margin-bottom:1em; padding:2.5em 0 1.5em 0;}
#header_m .nav_layer .nav_wrap2 .nav_mem > li a{ background:#00aaad; border-color:#00aaad; color:#fff; margin-left:1px}
#header_m .nav_layer .nav_wrap2 .nav_mem > li:nth-child(1) a{ background:#2956a5 !important; border-color:#2956a5 !important}
#header_m .nav_layer .nav_wrap2 .nav_gnb{ position:sticky; position: -webkit-sticky; top:11em; left:0; width:100%; height:calc(100% - 11em); /*overflow-y:scroll; -webkit-overflow-scrolling:touch;*/}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb{ padding-bottom:3em;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li{ padding:1em 2em; background:#f9f9f9}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp1{ float:none; position:relative; padding:0 2em 0 0; font-size:1.250em;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp1:after{ content:"\e941";font-family:xeicon!important; position:absolute; right:-.5em; top:50%; margin-top:-.875em; width:1.75em; height:1.75em; line-height:1.75em; background:#fff; border:1px solid #ddd; border-radius:100%; color:#222; text-align:center; transition:.3s; display:none;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp1.arrow:after{ display:block;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp2{ margin-left:0; padding:1em 0 1em 0; font-size:1.063em; display:none;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp2 > li{ float:none; width:100%; border-top:1px dashed #ddd; padding-top:1em}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp3{ padding-bottom:1em; font-size:1.125em;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp3 > li > a{ font-weight:400;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp2 > li.on.on > a .vm_tt{ text-decoration:underline;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li .dp3 > li.on > a{ color:#ffbc1c;}

#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li.active .dp1.plus:after{ transform:rotate(180deg);}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li.on .dp1.plus:after{ transform:rotate(0);}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li.active .dp2{ display:block;}
#header_m .nav_layer .nav_wrap2 .nav_gnb .gnb > li.on .dp2{ display:block;}

#header_m.m_nav_open .gnb_wrap .util .btnAll{ font-size:.688em; top:1.5em; right:3%;}

#header_m.m_nav_open .gnb_wrap .util .btnAll{ font-size:.750em; top:3em;}
#header_m.m_nav_open .gnb_wrap .util .btnAll .in{ background:#2956a5; border-radius:100%;}
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:before,
#header_m.m_nav_open .gnb_wrap .util .btnAll .ham:after { left:15%; width:70% !important;}

#header_m .main_edu_btn{margin-top:.25em;}
#header_m .main_edu_btn li{flex:1 1 100%;}
#header_m .main_edu_btn li a{height:auto; padding-top:.75em; padding-bottom:.75em;}
#header_m .main_edu_btn li:nth-of-type(2n-1) a{background:#3d6ac5;}
#header_m .main_edu_btn li:nth-of-type(2n) a{background:#406fce;}
#header_m .main_edu_btn li a > .img{padding-top:0; width:60%;}
#header_m .main_edu_btn li a > .tit{padding-top:.25em; font-size:2vw;}

.header_m_pd{padding-bottom:120px;}


.page_sec_m05{ margin-top:-.5em}
.page_sec_m1{ margin-top:-1em}
.page_sec_m2{ margin-top:-2em}
.page_sec_m3{ margin-top:-3em}
.page_sec{ margin-top:3em}
.page_sec2{ margin-top:2em}
.page_sec3{ margin-top:1em}
.page_sec4{ margin-top:.5em}
.page_sec5{ margin-top:5em}

.step_tit{ padding-bottom:1.5em; text-align:center}
.step_tit.pd1{ padding:0 0 5em 0;}
.step_tit .t1{ font-size:.750em; color:#aaa; letter-spacing:2px;}
.step_tit .t2{ font-size:2.000em; font-weight:700; padding-top:.25em}

/* 수강신청 */

.priceBox{ display:flex; flex-wrap:wrap; align-items:center; gap:.125em .75em; margin-top:auto;}
.priceBox .price{}
.priceBox .price > i{ vertical-align:baseline}
.priceBox .price .no { font-size:1.125em; font-weight:800;}
.priceBox .price .won{ padding-left:.063em;}
.priceBox .discount{ font-size:.813em; color:#77787b; text-decoration:line-through; position: relative;}

.mall_view_top{}
.mall_view_top .prod_img,
.mall_view_top .prod_info{ width:calc(50% - 1.5em)}
.mall_view_top .prod_img .imgBig img{ display:block; width:100%}
.mall_view_top .prod_info{ padding: 1.5em; box-shadow: 0 0 1em rgba(0,0,0,.1); border-radius: .5em;}
.mall_view_top .prod_info .tit_wrap .tit{ font-weight:700; font-size:1.8em;color: var(--siteC);}
.mall_view_top .prod_info .tit_wrap .t1{ opacity:.4; font-size:1.125em; margin-top:1em}
.mall_view_top .prod_info .tit_wrap .t2{ font-size:1.5em; font-weight:300; margin-top:1em}
.mall_view_top .prod_info .prod_price{ margin-top:2em; font-size:1.25em}
.mall_view_top .prod_info .info_wrap{ margin-top:1em;}
.mall_view_top .prod_info .info_wrap .list{ border-top: 1px solid var(--siteC); border-bottom: 1px solid var(--siteC); padding:.5em 1em; margin-top: 0.5em; background-color: var(--crGray2);}
.mall_view_top .prod_info .info_wrap .list.infomation {}
.mall_view_top .prod_info .info_wrap .list > li{ padding:.75em 0; border-bottom: 1px dashed #000;}
.mall_view_top .prod_info .info_wrap .list > li:last-child {border-bottom: unset;}
.mall_view_top .prod_info .info_wrap .list > li .radio {margin-right: 0.5em;}
.mall_view_top .prod_info .info_wrap .list .tit{ width:7em; margin-right:1em}
.mall_view_top .prod_info .info_wrap .list .tit .t1{ font-weight:500; font-size:1.063em}
.mall_view_top .prod_info .info_wrap .list .con .t1{ font-weight:300;}
.mall_view_top .prod_info .op_wrap > li .wrap_in{ padding:1.5em 2.5em; background:#f5f5f5; margin-bottom:1em}
.mall_view_top .prod_info .op_wrap > li .wrap_in .wrap1{ margin-bottom:.75em}
.mall_view_top .prod_info .op_wrap > li .wrap_in .tit{ font-size:1.125em}
.mall_view_top .prod_info .op_wrap > li .wrap_in .tt_price{ font-size:.938em; width:120px;}
.mall_view_top .prod_info .total_price{ margin:2em 0}
.mall_view_top .prod_info .total_price .tt_price{ font-size:1.375em; font-weight: 600;}
.mall_view_top .prod_info .total_price .tt_price2 { font-size:1.175em; font-weight: 600;}
.mall_view_top .prod_info .buy_btn_wrap > li.btnWish{ margin-left:1em}
.mall_view_top .prod_info .buy_btn_wrap > li.btnCart .btn{ color:#fff; background:#222}
.mall_view_top .prod_info .buy_btn_wrap > li.btnBuy .btn{ color:#fff; background:var(--siteC);}
.mall_view_top .prod_info .buy_btn_wrap > li.btnWish .btn{ border-color:#222}
.mall_view_top .prod_info .buy_btn_wrap.on{ position:fixed; left:50%; bottom:0; z-index:1; width:50em; max-width:100%; transform:translateX(-50%)}
.mall_view_top .prod_info .buy_btn_wrap.on > li.btnWish{ margin-left:0}
.mall_view_top .prod_info .buy_btn_wrap > li button {line-height: 3em; min-height: 3em; text-align: center; width: 100%; border: 1px solid transparent; font-size: 1.025em; font-weight: 500; border-radius: 0.5em;}
.mall_view_con {margin-top: 6em;}
.mall_view_con .view_tab{ max-width:none}
.mall_view_con .view_tab.on{ position:fixed; top:0; z-index:1}
.mall_view_con .view_con{ padding:4em 0}
.mall_view_con .view_con .view_contents {margin-top: 1em;}
.priceB span.price{display:inline-block; float:right; font-size:100%; color:#d50000; text-align:right;}
.priceB span.price span.delspan{font-size:12px; color:#0071d0; margin-right: .7em;}
.priceB span.price span.bold{font-weight:600; }
.priceB span.price .num {vertical-align: baseline;}

.mall_view_top .section2 {width: 100%; margin-top: 2em;} 
.mall_view_top .section2 .list { width: 70%; padding: 1em 2em; box-shadow: 0 0 1em rgba(0,0,0,.1); border-radius: 0.5em; min-height: 15em;}
.mall_view_top .section2 .list li {padding: 1em 0; border-bottom: 1px dashed;}
.mall_view_top .section2 .list li:hover,
.mall_view_top .section2 .list li:focus {background: var(--crGray2);}
.mall_view_top .section2 .list li:last-child {border-bottom: unset;}
.mall_view_top .section2 .list li.payRadio label {font-weight: 600;}
.mall_view_top .section2 .list li.payRadio .btn {margin-right: 1em;}
.mall_view_top .section2 .price_wrap {width: 30%; padding-left: 2em; }
.mall_view_top .section2 .price_wrap .inner {box-shadow: 0 0 1em rgba(0,0,0,.1); border-radius: .5em; padding: 1.5em 2em; min-height: 12em; height: 12em;}
.mall_view_top .section2 .price_wrap .inner .tt_price {font-size: 1.025em; font-weight: 600;}
.mall_view_top .section2 .price_wrap .inner .tt_price .tn {font-size: 1.4em; vertical-align: baseline; margin-right:0.5em;}
.mall_view_top .section2 .price_wrap .inner .total_price {border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: 1em;}
.buy_btn_wrap .btn{ line-height:3em; min-height:3em; text-align:center; width:100%; border:1px solid transparent; background:var(--crGrad1); font-size:1.025em; font-weight:500; border-radius: .5em;}
.buy_btn_wrap > li.btnCart .btn{ color:#fff; background:#222}
.buy_btn_wrap > li.btnBuy .btn{ color:#fff; background:var(--siteC)}

.mall_view_wrap{ box-shadow: 0 0 1em rgba(0,0,0,.1); padding:2.5em; min-height:18em}
.tab_st1{ text-align:center; padding-left:1px}
.tab_st1 > li{ width:25%}
.tab_st1 > li > a{ display:block; overflow: hidden; border-bottom:none; padding:1em 0; position:relative; background: var(--gradC1);color: #fff; border-top-right-radius: 3em; border-top-left-radius: 3em;}
.tab_st1 > li.on > a{ background:#fff; border-color:#ddd; z-index:1; color:var(--gradC1); box-shadow: 0px -7px 1em rgba(0,0,0,.1);}
.tab_st1 > li.on > a:before{ content:""; position:absolute; left:6.5em; top:21px; width:7px; height:7px; background:var(--crGrad1);border-radius: 50%;}
.tab_st1 > li.on > a:after{ content:""; position:absolute; left:0; bottom:-1px; padding-right:1px; width:100%; width:calc(100% - 1px); height:1px; background:#fff}
.tab_st1 > li > a .ko{ display:block; font-size:1em; color:#fff; font-weight:500;}
.tab_st1 > li > a .en{ display:block; font-size:.75em; color:#aaa; padding-top:5px; text-transform:uppercase;}
.tab_st1 > li.on .ko{ color:var(--gradC1);}
.tab_st1 > li.on .en{ color:#777}


.list_coupon_wrap .list_coupon{ margin:0 0 -3em -1.5em;}
.list_coupon_wrap .list_coupon .coupon .in{ margin:0 0 3em 1.5em; text-align:center;}
.list_coupon_wrap .list_coupon .coupon .item{ box-sizing:border-box; background:var(--siteC); border:2px solid var(--siteC); border-right:none; border-radius:1em; overflow:hidden; text-align:left;}
.list_coupon_wrap .list_coupon .coupon .item.resize{ padding-bottom:50%;}
.list_coupon_wrap .list_coupon .coupon .item:before,
.list_coupon_wrap .list_coupon .coupon .item:after { content:""; position:absolute; top:50%; margin-top:-1.25em; width:2.5em; height:2.5em; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.2) inset; border-radius:50%;}
.list_coupon_wrap .list_coupon .coupon .item:before{ left:-1.5em; display:none;}
.list_coupon_wrap .list_coupon .coupon .item:after { right:-1.5em;}
.list_coupon_wrap .list_coupon .coupon .item .flex{ align-items:stretch; justify-content:flex-start;}
.list_coupon_wrap .list_coupon .coupon .item .con_wrap{ flex:1; padding:1em 1.25em; padding-right:.25em; background:#fff;}
.list_coupon_wrap .list_coupon .coupon .item .con_wrap .sbj{ display:inline-block; padding:.125em .5em; border:1px solid var(--siteC); font-size:.813em; color:var(--siteC);}
.list_coupon_wrap .list_coupon .coupon .item .con_wrap .tit{ margin:1.125em 0; color:#111;}
.list_coupon_wrap .list_coupon .coupon .item .con_wrap .tit .tt{ display:inline-block; font-weight:700; letter-spacing:-1.5px;}
.list_coupon_wrap .list_coupon .coupon .item .con_wrap .tit .t1{ font-size:2.250em;}
.list_coupon_wrap .list_coupon .coupon .item .con_wrap .tit .t2{ font-size:1.125em; margin-left:.25em;}
.list_coupon_wrap .list_coupon .coupon .item .con_wrap .desc{ font-size:.875em; color:#111; line-height:1.2em; height:2.438em; overflow:hidden; margin-bottom:.5em;}
.list_coupon_wrap .list_coupon .coupon .item .con_wrap .pay { font-size:.813em; color:#777; margin-top:.25em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.list_coupon_wrap .list_coupon .coupon .item .con_wrap .date{ font-size:.813em; color:#777; margin-top:.25em;}
.list_coupon_wrap .list_coupon .coupon .item .side_wrap{ width:4em; position:relative;}
.list_coupon_wrap .list_coupon .coupon .item .side_wrap .name{ position:absolute; top:50%; left:50%; transform:rotate(90deg) translate(-50%,-20%); transform-origin:left top; font-size:.813em; color:#fff; white-space:nowrap;}
.list_coupon_wrap .list_coupon .coupon .btn{ margin-top:1em; width:11em; max-width:100%; border-radius:6em;}
.list_coupon_wrap .list_coupon .coupon .btn .icon:before{ content:"\eb7c";}

.list_coupon_wrap.st1 .list_coupon .coupon > li{ width:33.33%;}

.coupon_info_wrap{}
.coupon_info_wrap .bx{ padding:.75em 1.25em; background:var(--crGray2);}
.coupon_info_wrap .tt_coupon{}
.coupon_info_wrap .tt_coupon .tt{ margin:.5em 0;}
.coupon_info_wrap .tt_coupon .t1{ font-size:.938em; font-weight:500;}
.coupon_info_wrap .tt_coupon .t2{ font-size:1em; color:#000; font-weight:500;}
.coupon_info_wrap .tt_coupon .tt.dot{ position:relative; padding-left:.75em;}
.coupon_info_wrap .tt_coupon .tt.dot:before{ content:""; position:absolute; left:0; top:.438em; width:.313em; height:.313em; background:var(--siteC); border-radius:50%;}
.coupon_info_wrap .btn_coupon{ margin:.75em 0;}
.coupon_info_wrap .btn_coupon .input_st{ width:100%; display:flex; align-items:center; gap:0 1em;}
.coupon_info_wrap .btn_coupon .input_st .arrow{ margin:0 0 0 auto; font-size:1.500em; color:#000;}

.enterInfo_bottom{ font-size:.875em}
.prod_info_wrap{ display:flex; flex-wrap:wrap; align-items:center; gap:1em;}
.prod_info_wrap.gap1{ gap:2em;}
.prod_info_wrap .img{ width:10em; max-width:16%}
.prod_info_wrap .img.w1{ width:8em;}
.prod_info_wrap .img.w2{ width:7em; max-width:none;}
.prod_info_wrap .img.w3 { width:15em; max-width:none}
.prod_info_wrap .img img{ width:100%; height:100%; object-fit:cover;}
.prod_info_wrap .tt{ flex:1; min-width:0;}
.prod_info_wrap .tt .t1{ font-size:1.063em; color:#000}
.prod_info_wrap .tt .t2{ font-size:.938em; color:#999; padding-top:.5em}
.prod_info_wrap .tt .t2:before{ content:"ㄴ"}
.prod_info_wrap .tt .t3{}
.prod_info_wrap .tt .t4{ font-size:1.125em; color:#000; font-weight:600;}
.prod_info_wrap a.tt:hover{ text-decoration:underline;}
.board_st .prod_info_wrap .img{ border:1px solid #ddd}
.board_st .prod_info_wrap .tt .t1{ font-size:inherit}

.order_wrap{}
.order_wrap .order_fix_wrap{ width:100%;}
.order_wrap .order_fix_wrap .order_fix{width:100%;}
.order_wrap .order_fix_wrap .order_fix .in{ border:2px solid #333; padding:2em 1.5em; background:#fff}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_tit{ font-size:1.5em; color:#111; font-weight:500; padding-bottom:1em; margin-bottom:.5em; border-bottom:1px solid #333}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li{ display:flex; flex-wrap:wrap; align-items:center; position:relative; line-height:3em}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li .tit{ flex:1; font-size:.813em; color:#999;}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li .con{ text-align:right; font-size:.875em}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li .con *{ color:#666; vertical-align: middle}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li .con .xi{ padding:.063em .125em 0 0;}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li.st1{ border-top:1px solid #333; margin-top:1em; font-size:1.125em}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li.st1 .tit{ color:#111}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li.st1 .con{}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li.st1 .con *{ color:var(--siteC)}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_btn{ margin-top:1em; width:100%; padding:1em 0; height:auto; font-size:1.125em}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_agree{ color:#999; margin-top:1em; padding:.75em .5em; border:1px solid #ddd}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_agree .label_st{ display:flex; align-items:center;}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_agree .label_st > *{ box-sizing:border-box; min-width:0; line-height:normal;}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_agree .label_st .xi{ margin-bottom:auto; font-size:1em;}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_agree .label_st span{ flex:1; margin-left:.5em; font-size:.875em;}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_agree:hover{ background:#f5f5f5;}

.order_wrap .table_st ~ .order_opt_sel{ margin-top:3em;}
.order_opt_sel{ padding:1.5em; border:1px solid #333;}
.order_opt_sel .opt_inner{ gap:1em;}
.order_opt_sel .opt_inner .sec_row{ gap:1em; padding-top:1em; border-top:1px dashed #ddd;}
.order_opt_sel .opt_inner .opt_tit{ width:9em;}
.order_opt_sel .opt_inner .opt_tit .tt{ display:block;}
.order_opt_sel .opt_inner .opt_tit .t1{ font-size:1.063em; font-weight:500;}
.order_opt_sel .opt_inner .opt_tit .t2{ font-size:.875em; color:#666;}
.order_opt_sel .opt_inner .opt_tit .tt.dot{ position:relative; padding-left:.75em;}
.order_opt_sel .opt_inner .opt_tit .tt.dot:before{ content:""; position:absolute; left:0; top:.438em; width:.313em; height:.313em; background:var(--siteC); border-radius:50%;}
.order_opt_sel .opt_inner .opt_con{ flex:1; gap:.5em;}
.order_opt_sel .opt_inner .opt_con.fix1 > *{ width:calc(25% - 0.375em); max-width:10em}

.tbox{ text-align:center}
.tbox .t0{ font-size:1.75em; color:#111; font-weight:600; letter-spacing:-1px; margin:.5em 0;}
.tbox .t1{ font-size:1.5em; color:#111; font-weight:600;}
.tbox .t2{ font-size:1.125em; color:#333; line-height:1.5; margin:1.5em 0}
.tbox .t3{ font-size:.938em; color:#77787b; line-height:1.5; margin:1.5em 0 0 0;}
.tbox .c1{ color:var(--siteC)}
.tbox .order_no{ display:inline-block; *display:inline; zoom:1; background:var(--siteC); padding:0 2em; color:#fff; border-radius:3em; line-height:2.5em}
.tbox .order_no .tt{ font-size:.938em}
.tbox .order_no .no{ font-size:1.5em; font-weight:700; letter-spacing:1px}

/* 데일리 과제 */

.study_search { border-radius:1em; border:none; box-shadow:0 0 1em rgba(0,0,0,.1); overflow:hidden;table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}
.study_search td{ border:none; padding:1em .5em}
.study_search th{ background:var(--siteC); color:#fff; height:2em;font-size:1.063em; font-weight:500;}
.study_search th,
.study_search td{ height:3em; padding:.5em .5em; text-align:center}

.study_list_wrap { gap: 3em;}
.study_list_wrap li {border: 1px solid #ddd; padding: 2em; background: #fff; border-radius: 1em; width: calc(50% - 1.5em);}
.study_list_wrap li.w100 {width: 100%;}
.study_list_wrap li:hover {background: var(--crGray2);}
.study_list_wrap li .date{background: var(--siteC); color: #fff; margin-bottom: 2em; border-radius: 1em; display: inline-block; padding: 0.5em 1.5em;}
.study_list_wrap li .date .num {font-size: 0.76em;}
.study_list_wrap li .date .tt {font-size: 1.050em; font-weight: 600;}
.study_list_wrap li .info { margin-bottom: 2em; width: 70%;}
.study_list_wrap li .info .title {font-size: 1.250em; font-weight: 600; margin-bottom: 0.5em; border-bottom: 1px dashed #ddd; padding-bottom: 0.8em;}
.study_list_wrap li .info .deadline {font-size: 0.98em; color: #595959;}
.study_list_wrap li .detail_box {margin-top: 2em;}
.study_list_wrap li .detail_box .inner {background-color: rgba(52,95,137,.1); padding: 2em;}

.study_view_wrap {border: 1px solid #ddd; padding: 2em; margin-top: 2em;}
.study_view_wrap .tit {font-size: 1.125em; font-weight: 600; margin-bottom: 1em;}
.study_view_wrap .inner {background-color: rgba(141,29,37,.1); padding: 2em;}

.study_comment_wrap {border: 1px solid #ddd; padding: 2em; margin-top: 2em;}
.study_comment_wrap .tit {font-size: 1.125em; font-weight: 600; margin-bottom: 1em;}
.study_comment_wrap .inner {background-color: rgba(52,95,137,.1); padding: 2em;}
.study_comment_wrap .inner.st2 {background-color: rgba(141,29,37,.1);}

/* 수강신청 */

.teach-title {font-size: 2em; font-weight: 700; color: #333;}
.teach-title > h3 {flex: 1 1 25%;}
.teach-title .line {flex: 1 1 90%; display: inline-block; height: 3px; background: linear-gradient(to right,var(--siteC), transparent); transform: translateY(16px); position: relative;}
.teach-title .line:before {content: ''; position: absolute; width: 7px; height: 7px; top: 50%; left: 0; transform: translateY(-50%); border: 5px solid var(--siteC); border-radius: 50%; background: #fff;}


/* Profile */
.profile-container {}
.profile-container .profile-wrap {gap:3em;}
.profile-wrap .left {flex: 1 1 45%;}
.profile-wrap .left .img-wrap {height: 100%;}
.profile-wrap .left .img-wrap img {width: 100%; height: 100%; object-fit: contain; object-position: center;}
.profile-wrap .right {flex: 1 1 40%;}
.profile-wrap .right .subject {}
.profile-wrap .right .subject > span {font-size: 1em; opacity: .7; padding: .5em 1.5em; display: inline-block; border-radius: 30px; background: #fff; font-weight: 700; margin-right: .5em;}
.profile-wrap .right .subject > .st1 {border: 2px solid #04857a; color: #04857a;}
.profile-wrap .right .subject > .st2 {border: 2px solid #786e04; color: #786e04;}
.profile-wrap .right .subject > .st3 {border: 2px solid #4d0354; color: #4d0354;}
.profile-wrap .right .subject > .st4 {border: 2px solid #767676; color: #767676;}
.profile-wrap .right .tit {font-size: 2.5em; font-weight: 700; color: #333; margin-bottom: 1em; padding: .5em 0; border-bottom: 2px solid var(--gradC1);}
.profile-wrap .right .tit > p {font-size: 1.5rem; color: #767676; vertical-align: baseline;}
.profile-wrap .right .tit > h3 > i {}
.profile-wrap .right .txt {}
.profile-wrap .right .txt .sub-title {font-size: 1.5em; font-weight: 700; color: #333; margin-bottom: 1em;}
.profile-wrap .right .txt .info {display: flex; flex-wrap: wrap;}
.profile-wrap .right .info-wrap {padding-left: 4em;}
.profile-wrap .right .info > li {margin-bottom: 1em;  flex: 1 1 calc(50% - 2em); box-sizing: border-box; }
.profile-wrap .right .info > li > span {font-size: 1.125em; color: #333; padding-left: .5em; font-weight: 600; position: relative; display: inline-block; }
.profile-wrap .right .info > li > span:before {content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: var(--gradC1); margin-right: .25em;}
.profile-wrap .right .info > li > p {padding-left: .5em; font-size: 1.125em; padding-top: .5em; margin-top: .5em; color: #333; background: #f3f5f8; border-radius: 0 0 30px 0; padding: 1.5em;}
/* 강사진 소개 */
.profile-wrap{ align-items: flex-start;}
.profile-wrap .right .info > li.w100{ flex:1 1 100%;}
.profile-wrap .right .info > li .con_wrap{ 
    padding:1em; 
    margin-top: 0.5em;
    border-radius: 0 0 30px 0;
    background: #f3f5f8;
    font-size: 1.025em;
    color: #333;
    position: relative;
}

.profile-wrap .right .info > li .con_wrap.drop li:nth-child(n+3){
    display: none;
}
.profile-wrap .right .info > li .con_wrap.drop.down li{ 
    display: block;
}
.profile-wrap .right .info > li .con_wrap .btn_more{
    position:absolute;
    right: 1em;
    bottom: 1em;
    z-index: 1;
}
.profile-wrap .right .info > li .con_wrap .btn_more .xi{
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    color: #999;
}
.profile-wrap .right .info > li .con_wrap li:not(:last-child){ margin-bottom:10px}
.teach-title.st2 > h3{ flex:1 1 12%;}
.profile-wrap .right .info > li .con_wrap .sub_list{ padding-left:1em;}
.profile-wrap .right .info > li .con_wrap.drop:hover .btn_more .xi{ background-color:var(--color1); color:#fff; transform: rotate(180deg); transition: .3s;}

.sub-left-ank-wrap {position: fixed; left: 3em; top: 50vh; opacity: 0; transition: .35s;}
.sub-left-ank-wrap.on {opacity: 1;}
.sub-left-ank-wrap.bottom {opacity: 0;}
.sub-left-ank-wrap .ank-list .list {position: relative;}
.sub-left-ank-wrap .ank-list .list:before {content: ''; position: absolute; width: 3px; height: 88%; top: .5em; left: 1.5px; background: #eee; z-index: -1;}
.sub-left-ank-wrap .ank-list .list > li:not(:last-child) {padding-bottom: 3em;}
.sub-left-ank-wrap .ank-list .list > li.active .ank-in .ico-cir{background:  var(--gradC1); transform: scale(1.15);}
.sub-left-ank-wrap .ank-list .list > li.active .ank-in .ico-cir:before {background:  var(--gradC1); transform: translate(-50%, -50%) scale(1.15);}
.sub-left-ank-wrap .ank-list .list > li .ank-in {text-align: center; display: flex; align-items: center;}
.sub-left-ank-wrap .ank-list .list > li .ank-in .ico-cir {width: 6px; height: 6px; border-radius: 50%; background: #aaa; position: relative; transition: .35s;}
.sub-left-ank-wrap .ank-list .list > li .ank-in .ico-cir:before {content: ''; position: absolute; width: 1em; height: 1em; border-radius: 50%; background: #aaa; opacity: .2; transform: translate(-50%, -50%); left: 50%; top: 50%; transition: .35s;}
.sub-left-ank-wrap .ank-list .list > li .ank-in .in-txt {padding-left: 1.5em; text-align: left;}
.sub-left-ank-wrap .ank-list .list > li .ank-in .in-txt .tt {font-size: 1em; color: #aaa; transition: .35s; font-weight: 600;}
.sub-left-ank-wrap .ank-list .list > li.active .ank-in .in-txt .tt {color: #333;} 

.intro-wrap .left {flex: 1 1 700px;}
.sub-wrap {margin-top: 8em; border-top: 3px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right,var(--gradC1),var(--gradC2)); background-origin: border-box; background-clip: content-box, border-box;}
.sub-wrap.st2 {margin-top: unset;}
.sub-wrap .sub-title-wrap {position: relative; margin-top: 3em;}
.sub-wrap .sub-title-wrap > h1 {font-size: 2em; line-height: 1.2em;}
.sub-wrap .sub-title-wrap > h1 .sub-tt {font-size: 1.5rem; vertical-align: baseline; padding-left: .5em;}
.sub-wrap .sub-title-wrap > h1 > b {vertical-align: baseline;}
.sub-wrap .sub-title-wrap .title-img {width: 15em;  position: absolute; right: 0; top: 0; z-index: 10;}
.sub-wrap .sub-title-wrap .title-img .img-wrap {opacity: .5;}
.sub-wrap .sub-title-wrap .title-img .img-wrap > img {width: 100%; height: 100%; object-fit: contain;}

.assign_tit {border-top: 3px solid #ddd;border-bottom: 3px solid #ddd; padding: 2em 0;}
.assign_tit .tit {font-size: 2em; font-weight: 600;}
.assign_tit .date {background: var(--siteC); color: #fff; font-size: 1.250em; padding: 0.5em 1em; margin-right: 1em; border-radius: 1em;}

.recruit-wrap {margin-top: 3em;}
.recruit-wrap .recruit-list {}
.recruit-wrap .recruit-list > li {border-bottom: 3px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #04857a81, #545eb480); background-origin: border-box; background-clip: content-box, border-box; }
.recruit-wrap .recruit-list > li:last-child {border-bottom: none;}
.recruit-wrap .recruit-in {padding: 4em 0; }
.recruit-wrap .recruit-in.pd0 {padding: unset;}
.recruit-wrap .recruit-in .left {flex: 0 0 350px;}
.recruit-wrap .recruit-in .left .title {}
.recruit-wrap .recruit-in .left .title .dot {padding-left: 1.5em; font-size: 2em; color: #333; position: relative;}
.recruit-wrap .recruit-in .left .title .dot:before,
.recruit-wrap .recruit-in .left .title .dot:after {content: ''; position: absolute; left: 20px; top: .65em; background:  var(--gradC1); width: 10px; height: 10px; border-radius: 50%; transform: translate(-50%, -50%);}
.recruit-wrap .recruit-in .left .title .dot:after {background: var(--gradC1); opacity: .2; width: 20px; height: 20px;}
.recruit-wrap .recruit-in .left .title .dot .small-tt {font-size: 1.25rem; color: #555; font-weight: 500; margin-top: 0.5em;}
.recruit-wrap .recruit-in .right {flex: 0 0 1050px;}
.recruit-wrap .recruit-in .right > .img-wrap {width: 50%; margin: auto;}
.recruit-wrap .recruit-in .right > .img-wrap > img {width: 100%; height: 100%; object-fit: contain;}

.recruit-wrap .txt-box {color: #555; line-height: 1.7em; margin-bottom: 3em;}
.recruit-wrap .txt-box:last-child {margin-bottom: 0;}
.recruit-wrap .txt-box .t2-box {margin-top: 1em; padding-left: 1em;}
.recruit-wrap .txt-box .t2-box > li {font-size: 1.125em; margin-bottom: .5em; position: relative; padding-left: 1em; font-weight: 500;}
.recruit-wrap .txt-box .t2-box > li > span {vertical-align: baseline;}
.recruit-wrap .txt-box .t2-box > li:before {content: ''; position: absolute; left: 0; top: .65em; width: 5px; height: 5px; background: #555; border-radius: 50%;}
.recruit-wrap .txt-box .t2-box > li .in-t2 {counter-reset: number 0; margin-top: .5em; padding-left: 0.75em;}
.recruit-wrap .txt-box .t2-box > li .in-t2 > li {padding-left: 1.75em; font-size: 1.125rem; color: #333; margin-bottom: 0.5em; position: relative;}
.recruit-wrap .txt-box .t2-box > li .in-t2 > li:before {content: counter(number); counter-increment: number;  position: absolute; left: 0; top: .2em; background: linear-gradient(to right, #04857a, #545DB4); color: #fff; border-radius: 50%; width: 1.5em; height: 1.5em; display: flex; justify-content: center; align-items: center; font-size: 0.8em;}
.recruit-wrap .txt-box .t2-box .t2-box-img {padding: 2em 0;}
.recruit-wrap .txt-box .t2-box .t2-box-img .img-list {gap: 1em;}
.recruit-wrap .txt-box .t2-box .t2-box-img .img-list > li {flex: 1;}
.recruit-wrap .txt-box .t2-box .t2-box-img .img-list > li .img-in {overflow: hidden; border-radius: 1em;}
.recruit-wrap .txt-box .t2-box .t2-box-img .img-list > li .img-in > img {width: 100%; height: 100%; object-fit: cover;}

.recruit-wrap .txt-box .t2-box .t2-box-img .img-list > li .txt-in {margin-top: 1em;}
.recruit-wrap .txt-box .t2-box .t2-box-img .img-list > li .txt-in > p {font-size: 1.125em;}

.recruit-wrap .txt-box .t3-box {margin-bottom: 2.25em;}
.recruit-wrap .txt-box .t3-box:last-child {margin-bottom: 0;}
.recruit-wrap .txt-box .t4-box {margin-left: 2em; font-size: 1.125em; margin-bottom: 20px;}
.recruit-wrap .txt-box .bg-box {padding: 2em; border-radius: 30px; background: #f8f8f8; margin-top: 1em;}
.recruit-wrap .txt-box .bg-box .t3-box {gap: 1.5em; }
.recruit-wrap .txt-box .lay-L {}
.recruit-wrap .txt-box .lay-L.dvs {flex: 0 0 200px;}
.recruit-wrap .txt-box .lay-L .t-wrap {background-image: linear-gradient(#f8f8f8, #f8f8f8), linear-gradient(to right, #04857a, #545DB4); border: 2px solid transparent; border-radius: 50px; background-origin: border-box; background-clip: content-box, border-box; display: inline-block;}
.recruit-wrap .txt-box .lay-L .t-wrap > span {padding: .5em 1em; box-sizing: border-box; font-size: 1.25em;}
.recruit-wrap .txt-box .lay-R {padding-top: .8em;}
.recruit-wrap .txt-box .t1 {font-size: 1.25em; font-weight: 500;}
.recruit-wrap .txt-box .t4 {color: #333; margin-bottom: 4px; }
.recruit-wrap .txt-box .t4 > b {vertical-align: baseline;}
.recruit-wrap .txt-box .t5 {padding-left: 2.5em; position: relative;}
.recruit-wrap .txt-box .t6 {font-size: 1.5em; font-weight: 700; color: #333;}
.recruit-wrap .txt-box .t5:before {content: ''; position: absolute; width: 2em; height: 1px; background: #04857a; top: calc(50% - 1px); left: 0;}

.recruit-wrap .t6-box {gap: 1em;} 
.recruit-wrap .t6-box .gd-num {width: 2em; height: 2em; border-radius: 50%; background: linear-gradient(to right, #04857a, #545DB4); color: #fff; display: flex; justify-content: center; align-items: center;} 
.recruit-wrap .t6-box .t6 {font-size: 1.25em; font-weight: 500; color: #333;} 
.recruit-wrap .re-circle-wrap {} 
.recruit-wrap .re-circle-wrap .list {gap: 4em; margin-top: 3em; counter-reset: cirnum 0;} 
.recruit-wrap .re-circle-wrap .list > li  {position: relative;} 
.recruit-wrap .re-circle-wrap .list > li:before {content: counter(cirnum); counter-increment: cirnum; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background: #04857a; z-index: 111;}
.recruit-wrap .re-circle-wrap .list > li .cir-in {width: 195px; height: 195px; border: 3px solid #04857a; border-radius: 50%; background: #fff; position: relative; display: flex; justify-content: center; align-items: center;} 
.recruit-wrap .re-circle-wrap .list > li .cir-txt {} 
.recruit-wrap .re-circle-wrap .list > li .cir-txt > h3 {font-size: 1.125em; } 
.recruit-wrap .re-circle-wrap .list > li .cir-txt > span {font-size: .938em; color: #888; line-height: 1.2; width: 100%;} 
.recruit-wrap .re-circle-wrap .list > li .cir-in .xi {position: absolute; right: -2.15em; top: 50%; transform: translate(-50%, -50%); font-size: 2em; color: #04857a;}

.recruit-wrap .guide-tt {margin-top: 1.5em; padding-left: 2em;}
.recruit-wrap .guide-tt > li {font-size: 1em; color: #555; line-height: 1.75em;}

/*  */
.bg_gray{background:#f5f5f5;}
.txt_bold{font-weight:bold; vertical-align:baseline;}
.txt_small{font-size:.875em; vertical-align:baseline;}
.txt_light{font-weight:200; vertical-align:baseline;}

.pageBg{ position:absolute; top:0; bottom:0; left:0; right:0; box-sizing:border-box;}
.pageBg ~ *{ position:relative;}
.pageBg.s1{ bottom:4em;}
.pageBg.s1:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--crGrad1); opacity:.85;}
.page_cover{ position:relative;}
.page_cover.h10{ padding-top:20em;}
.page_cover.sec{ position:relative; padding-top:3em; overflow:hidden;}
.page_cover .wrap_con{ box-sizing:border-box; background:#fff; border-radius:6em 0 0 0; text-align: center;}
.page_cover .wrap_con2{ position:relative; padding:0 0 8em;}

.page_greetings{ overflow:hidden;}
.page_col{ gap:2em 6em;}
.page_col > li{}
.page_col > li.w1{ width:30%;}
.page_col > li.w2{ width:40%;}
.page_col > li.w2.ceo{ align-self:flex-start;}
.page_col + .page_col{ margin-top:8em;}
.page_col > li.inImg{ position:relative;}
.page_col > li .p1{ padding:2em 0 4em 0;}
.page_col > li .p2{ padding:3em 4em;}
.page_col > li .p3{ padding:0 18vw;}
.page_col > li .round{ border-radius:2em; overflow:hidden;}
.page_col > li .wrap_img{ height:100%; border-radius: 2em; position: relative;}
.aca_detail {position: absolute; bottom: 0; left: -23%; z-index: 1; width: 50%;}
.aca_detail .t1 {font-weight: 500;}
.aca_detail .t2 {font-size: 0.8em;}
.page_col > li .wrap_img img{ width:100%;}
.page_col > li .wrap_img.w1{ width:80%; margin:0 auto;}
.page_col > li .wrap_img.w1.mgL{ margin-right:0;}
.page_col > li .wrap_img.w1.mgR{ margin-left:0;}
.page_col > li .wrap_img.w2{ width:70%;}
.page_col > li .wrap_img.pos{ position:absolute; top:0; left:0;}
.page_col > li .wrap_img.pos.imR{ right:0; left:unset;}
.page_col > li .wrap_img.pos.s1{ width:50vw;}
.page_col > li .wrap_img.pos.s2{ width: 30vw;}
.page_col > li .wrap_img.pos.s3{ width: 52vw;}
.page_col > li .wrap_img.pos.s1.re{ left:auto; right:0;}
.page_col > li .wrap_mov iframe{ position:absolute; left:0; top:0; width:100%; height:100%;}
.page_col > li .wrap_ico{ flex:1; padding:0 3em 0 1.5em; border:solid #e9e9e9; border-width:0 1px 0 0;}
.page_col > li .ico_circle{ width:4.5em; height:4.5em; background:#fff9f2; border-radius:50%; color:#8c5f46;}
.page_col > li .ico_circle .xi{ font-size:1.625em;}
.page_col > li .posTxt{ position:absolute; top:0; left:0; padding:.5em 0; text-align:center;}
.page_col > li .posTxt > *{ margin:.25em 0;}
.page_col > li .posTxt .line{ display:inline-block; width:1px; height:4em; background:#c9ab81;}
.page_col > li .p1 .m1:nth-child(n + 1){ margin-top: 1.5em;}
.page_col > li .p1 .m1:nth-child(1){ margin-top: 0em;}
.page_col > li .wrap_img.w2.po_ab{ position: absolute; right: 0; width: 30%; top: 9em;}
.page_col > li .wrap_img.w2.po_ab.imL{ right: unset; left: 0;}
.pageShape{ max-width:100%;}
.pageShape img{ width:100%;}
.pageShape.s1{ width:17em;}
.pageShape.s2{ width:19em; position:absolute; z-index:-1; bottom:0; left:0; transform:translate(-100%, 8em) rotate(-35deg); opacity:.4;}
.pageShape.s2.mobile{ width: 5em; opacity: 1; left: unset; top: -80px;  right: 0; transform: translate(10%, 6em) rotateY(-180deg);}
.pageShape.s2.mobile_l{ width: 5em; opacity: 1; left: 65px; top: -80px;  right: unset;  transform: translate(-100%, 6em);}
.pageShape.s2.re{ left:100%; transform:translate(-50%, 6em) rotateY(-180deg);}
.pageShape.s2.re.Lf{ left:0%; transform:translate(-100%, 6em) rotateY(0deg);}
.pageShape.s2.re img{ transform:rotate(-35deg);}
.pageShape.s3{ width:18em; position:absolute; top:-12em; right:0; transform:translateX(70%); opacity:.4;}
.pageShape.s4{ width:18em; position:absolute; top:-7.5em; left:-12vw; opacity:.4;}
.pageShape.s4.re{ top:0; left:auto; right:0;}
.pageShape.s5{ width:18em; position:absolute; top:-7.5em; right:-11vw; opacity:.4;}

.page_tt{ font-size:1em; word-break:keep-all; line-height:1.4;}
.page_tt > .tt + .tt{ margin-top:1.5em;}
.page_tt.o1{ opacity:.5;}
.page_tt.s1{ font-size:0.938em}
.page_tt.s2{ font-size:1.063em}
.page_tt.s3{ font-size:1.125em}
.page_tt.s4{ font-size:1.250em}
.page_tt.s5{ font-size:1.313em}
.page_tt.s6{ font-size:1.500em}
.page_tt.s7{ font-size:1.625em}
.page_tt.s8{ font-size:1.875em}
.page_tt.s9{ font-size:2.500em}
.page_tt.s10{ font-size:2.750em}
.page_tt.s11{ font-size:3.000em}
.page_tt.s12{ font-size:4.000em;}
.page_tt.s13{ font-size:6.500em;}

.lh0{ line-height:1;}
.lh1{ line-height:1.2;}
.lh2{ line-height:1.6;}
.lh3{ line-height:1.8;}
.wb{ word-break:keep-all;}
.ffEN{ font-family:'DM Serif Display','Pretendard','Noto Sans KR',sans-serif;}

.psM1{ margin-top:-1px !important}
.ps05{ margin-top:.5em !important}
.ps1 { margin-top:1em !important}
.ps15{ margin-top:1.5em !important}
.ps2 { margin-top:2em !important}
.ps3 { margin-top:3em !important}
.ps4 { margin-top:4em !important}
.ps5 { margin-top:5em !important}
.ps6 { margin-top:6em !important}
.ps  { margin-top:4em !important}

.about_index_wrap{}
.about_index_wrap .sub_page_bg_wrap{}
.about_index_wrap .sub_page_bg_wrap .img_wrap{height:580px;}
.about_index_wrap .sub_page_bg_wrap .img_wrap .img{width:100%; height:100%;}

.sp_brand{}
.sp_brand .brand_ctt_wrap{margin-top:60px;}
.sp_brand .brand_ctt_wrap > div{width:570px;}
.sp_brand .brand_ctt_wrap > div .img_wrap{height:380px;}
.sp_brand .brand_ctt_wrap > div .img_wrap .img{width:100%; height:100%;}
.sp_brand .brand_ctt_wrap > div .txt_wrap{margin-top:30px; text-align:center;}
.sp_brand .brand_ctt_wrap > div .txt_wrap .t1{opacity:.5; font-size:.9375em; letter-spacing:.5px; margin-bottom:1.125rem;}
.sp_brand .brand_ctt_wrap > div .txt_wrap .t2{font-size:1.0625em; letter-spacing:-.5px; color:#555; font-weight:200; margin-bottom:20px;}
.sp_brand .brand_ctt_wrap > div .txt_wrap .t3{font-size:1.5em; margin-bottom:24px;}

.sp_contact{}
.sp_contact .btns_wrap{}
.sp_contact .btns_wrap .btn_st{cursor:pointer;}
.sp_contact .btns_wrap .btn_st.st1{background:var(--siteC2); color:#fff; width:240px; padding:18px 0; border-radius: 1em;}
.sp_contact .btns_wrap .btn_st.st1.c2{background:#333;}
.sp_contact .btns_wrap .btn_st.st1 .tt{font-size:1.1875em;}
.sp_contact .btns_wrap .btn_st.st1 .xi{margin-left:1rem; transition:.3s; margin-top:2px;}
.sp_contact .btns_wrap .btn_st.st1:hover .xi{margin-left:2rem; margin-right:-1rem;}

/*오시는길*/
.map_view{ border-top:3px solid var(--siteC2); box-shadow:0 .25em .5em rgba(0,0,0,.2); transition:.3s; padding:1em; border-radius:0 0 1em 1em}
.map_view > div{ max-width:98%; margin:0 auto;}
.map_view .tt { padding-bottom:10px; font-size:1.063em; color:#222; letter-spacing:-2px; vertical-align:middle;}
.map_view .xi { vertical-align:middle; font-size:1.188em; padding-right:5px;}
.map_view:hover{ border-color: var(--color1); }

.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box; background:#fff; border-radius:1em;}
.map_info1 .t1 .tt_in { color:#666; padding:0 1.875em .625em 0;}
.map_info1 .t1 .tt_in:last-child { padding-right:0;}
.map_info1 .t1 .tt_in.time{ flex:1 1 100%;}
.map_info1 .t1 .tt_in .tt{ flex:1;}
.map_info1 .t1 .tt_in a{ color:inherit;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:.625em; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:var(--siteC2);}

/* 정기구독 */
.subscribe_title {margin: 5em 0;}
.subscribe_title .tit {font-size: 2em;font-weight: 700;}
.subscribe_wrap {gap: 1em; margin-bottom: 7em;}
/* .subscribe_wrap li {width: calc(25% - 1em);} */
.subscribe_wrap li {width: calc(50% - 1em);}
.subscribe_wrap li .inn {background: var(--crGray);border-radius: 1em;padding: 3em 2em;}
.subscribe_wrap li .inn .icon {margin-bottom: 2em;}
.subscribe_wrap li .inn .t1 {font-size: 1.250em;font-weight: 600;margin-bottom: 1em;min-height: 2.4em; }
.subscribe_wrap li .inn .t2 {min-height: 4.8em;}

.radius-bg {border-radius: 3em 3em 0 0; overflow: hidden; padding: 4em 0;}
.radius-bg.st1 {background: var(--crGrad1);}
.radius-bg .in {color: #fff;}
.radius-bg .in .l-tit {flex: 1;}
.radius-bg .in .l-tit > p {font-size: 2.2em;}
.radius-bg .in .r-txt {flex: 1;}
.radius-bg .in .r-txt .btn a {width: 4.5em; display: inline-block; border: 1px solid #fff; height: 4.5em; padding: 1em; border-radius: 50%;}
.radius-bg .in .r-txt .btn a:hover {background-color: rgba(255,255,255,.1);}
.radius-bg .in .r-txt .btn a img {width: 3em; padding-top: 1em;}

/* 출석표 */

.table_scroll{overflow:auto;max-height:calc(100vh - 15em);border-top:2px solid #000;}
.table_scroll .table_st{ white-space:nowrap; min-width:100%; width:auto}
.table_scroll.h0{max-height:none;}
.table_scroll.h1{ max-height:30em;}
.board_st .fixT{ position:sticky; top:0; z-index:2}
.board_st .fixL{ position:sticky; left:0; z-index:1}

.study_upload_top { padding: 2em; margin-bottom: 1em;}
.study_upload_top .wrap_in .t_date { font-size: 2em; font-weight: 600;}
.study_upload_top .input_st .xi{ font-size:1.750em;}
.study_upload_top .input_st.prev .xi:before{ content:"\e93b"}
.study_upload_top .input_st.next .xi:before{ content:"\e93e"}
.study_upload_top .input_st:hover{ color:var(--siteC2);}

.board_st.people th,
.board_st.people td {height: 3.25em;}
.board_st.people tr td,
.board_st.people tr th {background: #fff;}
.board_st.people tr:nth-child(even) td,
.board_st.people tr:nth-child(even) th { background-color: var(--crGray2);}
.board_st.people tr .yes { background: var(--gradC1); color: #fff; border-radius: 50%; width: 1.5em; line-height: 1.5em;}
.board_st.people tr .no { background: var(--gradC2); color: #fff;}

.cate_place{ display:flex; gap: 1em;}
.cate_place > li{}
.cate_place > li .in{ display:flex; align-items:center; gap:.625em;}
.cate_place > li .in > *{ min-width:0;}
.cate_place > li .ico{ display:flex; align-items:center; justify-content:center; text-align:center; margin-bottom:auto; width:2em; height:2em; border-radius:50%; font-size:.875em; color:#fff; font-weight:600;}
.cate_place > li .ico.c1{ background:var(--siteC2);}
.cate_place > li .ico.c2{ background:var(--siteC3);}
.cate_place > li .ico.c3{ background:var(--siteC);}
.cate_place > li .txt{ flex:1;}
.cate_place > li .txt .tt{}
.cate_place > li .txt .t1{ font-size:1.063em; font-weight:600;}
.cate_place > li .txt .t2{ color:#555;}
.cate_place > li .txt .t2:not(:first-child):before{ content:"·"; padding:0 .25em;}
.cate_place > li a.in:hover .txt .t2{ text-decoration:underline;}

.board_st.people tr .ico{ display:flex; align-items:center; justify-content:center; text-align:center; margin-bottom:auto; width:2em; height:2em; border-radius:50%; font-size:.875em; color:#fff; font-weight:600;}
.board_st.people tr .ico.c1{ background:var(--siteC2);}
.board_st.people tr .ico.c2{ background:var(--siteC3);}
.board_st.people .day {width: 3em;}

/*  */

.basic-table-con {gap: 1em;}
.basic-table-con > div {flex: 1;}

/* Basic Table */
.basic-table-wrap {margin-top: 1em; border: 1px solid rgba(0, 0, 0, .1); border-radius: 30px; overflow: hidden;}
.basic-table-wrap .basic-table {width: 100%;}
.basic-table-wrap .basic-table thead {background: var(--crGrad1); color: #fff;}
.basic-table-wrap .basic-table thead.info-bg {background: #555;}
.basic-table-wrap .basic-table thead tr {}
.basic-table-wrap .basic-table thead tr th {border-right: 1px solid rgba(255, 255, 255, .8);}
.basic-table-wrap .basic-table thead tr th:last-child {border-right: none;}
.basic-table-wrap .basic-table thead tr th.bg-blue {background: #545db45c;}
.basic-table-wrap .basic-table tbody {}
.basic-table-wrap .basic-table tbody tr {border-bottom: 1px solid rgba(0, 0, 0, .1);}
.basic-table-wrap .basic-table tbody tr:last-child {border-bottom: none;}
.basic-table-wrap .basic-table tbody tr td {background: #fff; border-right: 1px solid rgba(0, 0, 0, .1); color: #555; }
.basic-table-wrap .basic-table tbody tr:first-child td:last-child {border-right: none;}
.basic-table-wrap .basic-table tbody tr td.grey_bg {background: var(--crGray2);}
/* .basic-table-wrap .basic-table tbody tr td:last-child {border-right: none;} */

.basic-table-wrap .basic-table thead tr th,
.basic-table-wrap .basic-table tbody tr td {padding: 1em; text-align: center; font-size: 1.125em; font-weight: 500;}
.basic-table-wrap .basic-table tbody tr td.point-td {border: 3px solid #04857a;}
.basic-table-wrap .basic-table tbody tr td .t-dot {padding-left: .75em; position: relative; color: #555;}
.basic-table-wrap .basic-table tbody tr td .t-dot:before {content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #555; left: 0; top: .5em;}
.basic-table-wrap .basic-table tbody tr td .li {margin-bottom: .5em;}

.vod_wrap {width: 100%; overflow: hidden; box-sizing: border-box;}
.vod_wrap video {width: 100%;}

/*  */
.popSelf {}
.popSelf .popIn {width: 800px; overflow: hidden;}
.popSelf .popIn .popCon {}
.popSelf .popIn .popCon .self_wrap {padding-bottom: 2em;}
.popSelf .popIn .popCon .tit {text-align: center;}
.popSelf .popIn .popCon .tit .t1 { font-size: 1.250em; margin-bottom: .5em;}
.popSelf .popIn .popCon .tit .t2 {font-size: 2.4em; font-weight: 700;}
.popSelf .popIn .popCon .min_inn .img {width: 70%; margin: 0 auto; }
.popSelf .popIn .popCon .min_inn .tt { font-size: 1.250em; margin-bottom: 2em;}
.popSelf .popIn .popCon .min_inn .tt2 { font-size: 2em; margin-bottom: 2em; position: relative; font-weight: 700; display: inline-block;}
.popSelf .popIn .popCon .min_inn .tt2:before {position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: .5em; background-color: rgba(141,29,37,.1); border-radius: 1em;}
.popSelf .popIn .popCon .min_inn a {display: inline-block; background: var(--siteC2); color: #fff; border-radius: 2em; padding: 1em 2em; font-size: 1.150em;}
.popSelf .popIn .popCon .min_inn a:hover {background: #000; transition: .3s;}
.popSelf .popIn .popCon .min_inn a.quiz_btn {text-align: center; border-radius: 1em; display: block; width: 100%;}
.popSelf .popIn .popCon .min_inn .quiz_wrap {width: 70%; margin: 4em auto; text-align: left; gap: 1em;}

/*  */
.board_photo .preview{ position:relative}
.board_photo .preview:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:.5em solid #fff; opacity:0; border-radius:1em; transition:.3s}
.board_photo .preview .img_wrap{ position:absolute; left:0; top:0; width:100%; height:100%;}
.board_photo .preview .con_wrap{ box-sizing: border-box; height:100%; position:relative; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.5em}
.board_photo .preview .con_wrap .twrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.5em}
.board_photo .preview .con_wrap .t1{ font-size:1.75em; font-weight:800}
.board_photo .preview .con_wrap .t2{ font-size:1.125em; font-weight:600; line-height:1.5}
.board_photo .preview .con_wrap .more{ font-size:1.875em}
.board_photo .preview:hover:after{ opacity:.5}

/**/
.radiusN{ display:block; border-radius:1em; overflow:hidden}
.main_boxN{ padding:2.5em 0}
.main_boxN.p1{ padding-bottom:6.25em}
.main_boxN.bg1{ background:#f3fafa}
.main_boxN.bg2{ background:#f5f5f5}
.main_titN{ margin-bottom:1.5em}
.main_titN .t1{ font-weight:800; font-size:2.25em; letter-spacing:-.025em; word-spacing:.025em}

.main_lecture_wrap{ display:flex; gap:1.75em}
.main_lecture_wrap .preview{ width:calc(25% - .875em); position:relative}
.main_lecture_wrap .preview:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:.5em solid #fff; opacity:0; border-radius:1em; transition:.3s}
.main_lecture_wrap .preview .img_wrap{ position:absolute; left:0; top:0; width:100%; height:100%;}
.main_lecture_wrap .preview .con_wrap{ box-sizing: border-box; height:100%; position:relative; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.5em}
.main_lecture_wrap .preview .con_wrap .twrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.5em}
.main_lecture_wrap .preview .con_wrap .t1{ font-size:1.75em; font-weight:800}
.main_lecture_wrap .preview .con_wrap .t2{ font-size:1.125em; font-weight:600; line-height:1.5}
.main_lecture_wrap .preview .con_wrap .more{ font-size:1.875em}
.main_lecture_wrap .preview:hover:after{ opacity:.5}
.main_lecture_wrap .list{ flex:1 1 0%; min-width:0; display:flex; gap:1.6875em}
.main_lecture_wrap .list .main_lecture_st{ width:calc(33.33% - 1.1666em)}
.main_lecture_st{ box-shadow:0 0 1em rgba(0,0,0,.1); background:#fff; position:relative}
.main_lecture_st:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:.25em solid var(--siteC); opacity:0; border-radius:1em; transition:.3s}
.main_lecture_st .img_wrap .resize{ padding-bottom:66.66%}
.main_lecture_st .con_wrap{ padding:2em}
.main_lecture_st .con_wrap .tit{ font-size:1.45em; font-weight:600}
.main_lecture_st .con_wrap .info{ margin-top:.5em;}
.main_lecture_st .con_wrap .info .priceBox {display: ;}
.main_lecture_st .con_wrap .info .priceBox .price .no {font-size: 1.25em;}
.main_lecture_st .con_wrap .info .t1{ font-size:.938em; color:#777}
.main_lecture_st:hover:after{ opacity:.8}

/* .main_curriculum{ display:flex; flex-direction:column; gap:1.875em} */
.main_curriculum li > a {display: block;}
.main_curriculum
.main_reviewN{ display:flex; gap:1.25em}
.main_reviewN .wrap{ position:relative; height: 18em;}
.main_reviewN .wrap.text{ flex:1 1 0%; min-width:0}
.main_reviewN .wrap.vod{ width:34.69%}
.main_reviewN .wrap.link{ width:19.53%}
.main_reviewN .wrap .wrap_more{ position:absolute; right:0; bottom:0; transform:translateY(50%); padding:0 1em; height:2.5em; display:flex; align-items:center; gap:.75em; border-radius:.5em 0 .5em .5em}
.main_reviewN .wrap .wrap_more .t1{ font-size:.875em; font-weight:600; color:#fff}
.main_reviewN .wrap .wrap_more .arrow{ width:1.25em; height:1.25em; border-radius:50%; background:#fff; color:inherit; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.3s}
.main_reviewN .wrap .wrap_more .arrow:before{content:"\e93f"}
.main_reviewN .wrap a.wrap_more:hover .arrow{ transform:translateX(.5em)}
.main_reviewN .wrap.text .wrap_more{ background:#999; color:#999}
.main_reviewN .wrap.vod .wrap_more{ background:#e01519; color:#e01519}
.main_reviewN .wrap.link .wrap_more{ background:#34a735; color:#34a735}
.main_reviewN .nav{ display:flex; gap:.25em}
.main_reviewN .nav .prev{ transform:rotateY(180deg)}
.main_reviewN .paging{ color:#fff; font-size:.813em; display:flex; align-items:center}
.main_reviewN .paging .swiper-pagination-current{ font-weight:700; width:1em; padding-right:.125em; text-align:right}
.mainReviewSlideN_wrap{ background:#fff; border:1px solid #999; padding:1.5em; box-sizing:border-box}
.mainReviewSlideN_wrap,
.mainReviewSlideN,
.mainReviewSlideN .el,
.mainReviewSlideN .el .wrap_in{ height:100%}
.mainReviewSlideN .el .wrap_in{ display:flex; flex-direction:column; gap:.75em;}
.mainReviewSlideN .el .wrap_in .tit{ display:flex; align-items:center; gap:.75em}
.mainReviewSlideN .el .wrap_in .tit .logo{ height:3.5em}
.mainReviewSlideN .el .wrap_in .tit .t1{ font-size:1.125em; font-weight:700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2}
.mainReviewSlideN .el .wrap_in .tt{ flex:1 1 0%; min-height:0; padding:.25em}
.mainReviewSlideN .el .wrap_in .tt .t1{ color:#666; font-size:.938em; line-height:1.4}

.main_quick_list {gap: 1em;}
.main_quick_list > li {flex: 1; border-radius: 1em; overflow: hidden;}
.main_quick_list > li .in {background: linear-gradient(to right, #171616, #0d3563); padding: 1em 2em; color: #fff;font-weight: 600; font-size: 1.25em;}
.main_quick_list > li .in .icon {margin-right: 1em; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0.625em;}
.main_quick_list > li .in .xi {background: #fff; color: #000; width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5em; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0.625em;}
.main_quick_list > li:hover .in {background: linear-gradient(to right, #171616, #8d1d26);}

.vodWrap{ position:relative}
.vodWrap .in{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.3)}
.vodWrap .playBtn .xi,
.vodWrap .in .xi{ color:#fff; font-size:4em; line-height:1}
.vodWrap .vod{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:-1}
.vodWrap .loadWrap{ display:none}
.vodWrap.load .loadWrap{ display:flex}
.vodWrap.load .playWrap{ display:none}
.vodWrap.play .vod{ opacity:1; z-index:inherit}
.vodWrap.play .playWrap{ display:none}
.vodWrap img {height: 100%; width: 100%;}


.popBook {}
.popBook .book_wrap {}
.popBook .book_wrap .img { width: 23em; padding: 1em 5em;}
.popBook .book_wrap .img img { width: 55%;}
.popBook .book_wrap .tt_box {padding: 1em;}
.popBook .book_wrap .tt_box .t1 {font-weight: 600; font-size: 1.5em; margin-bottom: 1em;}
.popBook .book_wrap .tt_box .t2 {font-size: 1.25em; background: var(--crGray2); padding: .3em 1em; border-radius: 1em;}


.edu_img img {width: 100%;}