@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Noto+Serif+KR:wght@300;400;500&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
.ft_mont{ font-family: 'Montserrat'; }
.ft_serif{ font-family: 'Noto Serif KR'; }

@font-face {font-family:MalgunGothic; src:url(font/MalgunGothic.eot);}
.malgun { font-family:'Malgun Gothic' !important; }


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR', dotum, sans-serif;background:#fff; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ol,ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}


.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}


@-webkit-keyframes moveBar {
    0% { top: -100%; }
    100% { top: 100%; }
}
@keyframes moveBar {
    0% { top: -100%; }
    100% { top: 100%; }
}
@-webkit-keyframes txtUp{
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0px); opacity: 1; }
}
@keyframes txtUp{
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0px); opacity: 1; }
}
@-webkit-keyframes txtLeft{
    0% { transform: translateX(-50px); opacity: 0; }
    100% { transform: translateX(0px); opacity: 1; }
}
@keyframes txtLeft{
    0% { transform: translateX(-50px); opacity: 0; }
    100% { transform: translateX(0px); opacity: 1; }
}
@-webkit-keyframes rotate{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes rotate{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes mainUp{
    0% { transform: translateY(50px); }
    100% { transform: translateY(0px); }
}
@keyframes mainUp{
    0% { transform: translateY(50px); }
    100% { transform: translateY(0px); }
}



.sub_page > h2,
.sub_page .inner > h2,
.ani{ opacity: 0; animation: txtUp 0.6s ease-in-out 1 forwards; }
.ani.del01{ animation-delay: 0.1s; }
.ani.del02{ animation-delay: 0.2s; }
.ani.del03{ animation-delay: 0.3s; }




#hd,
#hd .hd_wrap > #logo a,
#hd .hd_wrap > nav ul li::before,
#hd .hd_wrap > nav ul li a,
#hd .hd_wrap > nav ul li a span,
#hd .hd_wrap > .btn_allMenu{ transition: all 0.2s ease-in-out; }


/*! ============================== H E A D E R ============================== */
#hd{ position: fixed; left: 0; top: 0; width: 100%; height: 100px; background: url(/img/bg_hd.png) no-repeat center center; background-size: cover; border-bottom: 1px solid transparent; z-index: 990; }
#hd .hd_wrap{ width: 100%; padding: 0 40px; display: flex; align-items: center; justify-content: space-between; }
#hd .hd_wrap > .left{ display: flex; align-items: center; }
#hd .hd_wrap > .left #logo{ width: 240px; }
#hd .hd_wrap > .left #logo a{ display: block; width: 240px; height: 106px; background: url(/img/logo.svg) no-repeat center center; background-size: contain; text-indent: -9999px; }
#hd .hd_wrap > .left nav{ width: 1200px; }
#hd .hd_wrap > .left nav ul{ display: flex; align-items: center; }
#hd .hd_wrap > .left nav ul li{ position: relative; padding: 30px 45px 25px 13px; }/* 20230404수정 */
#hd .hd_wrap > .left nav ul li::before{ position: absolute; left: 0; top: 0; width: 1px; height: 72px; background: rgba(255, 255, 255, 0.25); content: ''; display: block; }
#hd .hd_wrap > .left nav ul li a{ display: block; font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -0.9px; }
#hd .hd_wrap > .left nav ul li a span{ display: block; font-size: 13px; font-weight: 900; color: #fff; letter-spacing: -0.5px; opacity: 0.25; }
#hd .hd_wrap > .left nav ul li.on a span,
#hd .hd_wrap > .left nav ul li a:hover span{ color: #0078c5; opacity: 1; }
#hd .hd_wrap > .btn_allMenu{ width: 95px; height: 72px; background: url(/img/btn_all_menu.png) no-repeat center center; background-size: contain; border: none; text-indent: -9999px; }
#hd .hd_wrap > .be_logo{ width: 300px; height: 55px; background: url(/img/be_logo_on.png) no-repeat center center; background-size: contain; border: none; text-indent: -9999px; margin-right:10px; }

/* ? active */
#hd.active{ background: #fff; border-bottom: 1px solid #e6e6e6; }
#hd.active .hd_wrap > .left #logo a{ background: url(/img/logo_on.svg) no-repeat center center; background-size: contain; }
#hd.active .hd_wrap > .left nav ul li::before{ background: rgba(0, 0, 0, 0.05); }
#hd.active .hd_wrap > .left nav ul li a{ color: #111111; }
#hd.active .hd_wrap > .left nav ul li a span{ color: #111111; }
#hd.active .hd_wrap > .left nav ul li.on a span,
#hd.active .hd_wrap > .left nav ul li a:hover span{ color: #0078c5; }
#hd.active .hd_wrap > .btn_allMenu{ background: url(/img/btn_all_menu_on.png) no-repeat center center; background-size: contain; }
#hd.active .hd_wrap > .be_logo{ background: url(/img/be_logo.png) no-repeat center center; background-size: contain; }

/* 메뉴드랍 */
#hd .menudrop{ display: none; position: fixed; left: 0; top: 100px; width: 100%; border-bottom-right-radius: 150px; overflow: hidden; }
#hd .menudrop::after{ content: ''; display: block; visibility: hidden; clear: both; }
#hd .menudrop > .left{ float: left; width: 430px; height: 100%; padding: 50px 40px 50px 40px; text-align: right; background-color: #fff; }
#hd .menudrop > .left .hd_slider{ position: relative; width: 350px; height: 210px; border-radius: 10px; overflow: hidden; margin: 0 auto 0 0;}
#hd .menudrop > .left .hd_slider ul li{ width: 350px; height: 100%; }
#hd .menudrop > .left .hd_slider ul li a{ display: block; }
#hd .menudrop > .left .hd_slider > .hd-swiper-pagination{ position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 10; }
#hd .menudrop > .left .hd_slider > .hd-swiper-pagination span{ background-color: #fff; opacity: 1; margin: 0 5px; }
#hd .menudrop > .left .hd_slider > .hd-swiper-pagination span.swiper-pagination-bullet-active{ background-color: #111; }
#hd .menudrop > .left > a{ position: relative; display: block; width: 100%; font-size: 15px; font-weight: 400; color: #fff; line-height: 65px; text-align: left; padding: 0 35px; border-radius: 10px; background-color: #0075c2; margin-top: 10px; }
#hd .menudrop > .left > a::after{ position: absolute; right: 35px; top: 25px; width: 15px; height: 15px; background: url(/img/ico_download02.png) no-repeat center center; background-size: contain; content: ''; display: inline-block; }
/* 메뉴드랍_20230404수정 */
#hd .menudrop > .right{ position: relative; float: left; width: calc(100% - 430px); height: 390px; background-color: #fff; }/* 20230404수정 */
#hd .menudrop > .right .menuTab{ position: absolute; top: 40px; width: 250px; height: 82%; padding: 0 15px; border-right: 1px solid #eee; z-index: 10; transition: all 0.2s ease-in-out;}
#hd .menudrop > .right > div:nth-of-type(1){ left: 0;  width: 180px; }
#hd .menudrop > .right > div:nth-of-type(2){ left: 180px; width: 140.4px; }
#hd .menudrop > .right > div:nth-of-type(3){ left: 317px; width: 159px; }
#hd .menudrop > .right > div:nth-of-type(4){ left: 474px; width: 152px; }
#hd .menudrop > .right > div:nth-of-type(5){ left: 624.7px; width: 135px;}
#hd .menudrop > .right > div:nth-of-type(6){ left: 757.3px; width: 126px;}
#hd .menudrop > .right > div:nth-of-type(7){ left: 880px; width: 155.6px;}
#hd .menudrop > .right > div:nth-of-type(8){ left: 1033px; width: 125.6px;}

#hd .menudrop > .right .menuTab ul li{ margin-bottom: 12px; }
#hd .menudrop > .right .menuTab ul li:last-of-type{ margin-bottom: 0; }
#hd .menudrop > .right .menuTab ul li a{ display: block; font-size: 15px; font-weight: 400; color: #777; letter-spacing: -0.5px; line-height: 20px; word-break: keep-all; transition: all 0.2s ease-in-out; }
#hd .menudrop > .right .menuTab ul li a:hover{ color: #0779c3; }
#hd .menudrop > .right > .obj01{ position: absolute; right: 15%; top: -40px; display: block; width: 150px; height: 150px; background-color: #f8f8f8; border-radius: 50%; }
#hd .menudrop > .right > .obj02{ position: absolute; right: 0; top: -130px; display: block; width: 245px; height: 242px; background: url(/img/obj_txt_circle.png) no-repeat center center; background-size: contain; animation: rotate 15s linear infinite; }




/* 전체메뉴 */
#hd .allMenu{ position: fixed; right: -1600px; top: 0; width: 1500px; z-index: 999; transition: all 0.5s ease-in-out; }
#hd .allMenu.active{ right: 0; }
#hd .allMenu > .all_wrap .menuBox{ position: absolute; right: 0; top: 0; width: 100%; padding: 120px 50px 50px 90px; background: url(/img/bg_menubox.png) no-repeat left top; background-size: cover; border-bottom-left-radius: 120px; }
#hd .allMenu > .all_wrap .menuBox::before{ position: absolute; right: -100%; top: 50px; width: 100%; height: 100%; background-color: #0075c2; border-bottom-left-radius: 120px; content: ''; display: block; z-index: -1; transition: all 0.4s ease-in-out; transition-delay: 0.2s; }
#hd .allMenu.active > .all_wrap .menuBox::before{ right: -50px; }
#hd .allMenu > .all_wrap .menuBox .btn_aclose{ position: absolute; right: 50px; top: 50px; width: 65px; height: 42px; }
#hd .allMenu > .all_wrap .menuBox > ul{ width: 1000px; display: flex; flex-wrap: wrap; align-items: stretch; }
#hd .allMenu > .all_wrap .menuBox > ul > li{ width: 30%; margin-right: 4%; }
#hd .allMenu > .all_wrap .menuBox > ul > li:nth-of-type(3n){ margin-right: 0; }
#hd .allMenu > .all_wrap .menuBox > ul > li:nth-of-type(n+4){ margin-top: 60px; }
#hd .allMenu > .all_wrap .menuBox > ul > li > span{ position: relative; display: block; font-size: 24px; font-weight: 700; color: #111111; letter-spacing: -1.5px; margin-bottom: 5px; cursor: pointer; transition: all 0.2s ease-in-out; }
#hd .allMenu > .all_wrap .menuBox > ul > li:hover > span{ color: #0075c2; padding-left: 15px; }
#hd .allMenu > .all_wrap .menuBox > ul > li > span::before{ position: absolute; left: -10px; top: 16px; width: 10px; height: 3px; background-color: #0075c2; content: ''; display: block; opacity: 0; transition: all 0.2s ease-in-out; }
#hd .allMenu > .all_wrap .menuBox > ul > li:hover > span::before{ left: 0; opacity: 1; }
#hd .allMenu > .all_wrap .menuBox > ul > li > ol{ display: flex; flex-wrap: wrap; }
#hd .allMenu > .all_wrap .menuBox > ul > li > ol li{ border-left: 1px solid #d4d4d4; margin-top: 12px; }
#hd .allMenu > .all_wrap .menuBox > ul > li > ol li a{ display: inline-block; font-size: 15px; font-weight: 400; color: #aaaaaa; letter-spacing: -0.5px; line-height: 15px; padding: 0 10px; transition: all 0.2s ease-in-out; }
#hd .allMenu > .all_wrap .menuBox > ul > li > ol li.first{ border-left: 0; }
#hd .allMenu > .all_wrap .menuBox > ul > li > ol li.first a{ padding-left: 0; }
#hd .allMenu > .all_wrap .menuBox > ul > li > ol li a:hover{ color: #0075c2; }
#hd .allMenu > .all_wrap .menuBox > .menu_foot{ text-align: right; }
#hd .allMenu > .all_wrap .menuBox > .menu_foot .btnBox{ border-bottom: 1px solid #e9e9e9; padding-bottom: 40px; margin-bottom: 15px; }
#hd .allMenu > .all_wrap .menuBox > .menu_foot .btnBox a{ display: inline-block; width: 60px; height: 60px; font-size: 13px; font-weight: 400; color: #fff; line-height: 59px; text-align: center; border-radius: 20px; vertical-align: middle; margin-left: 5px; }
#hd .allMenu > .all_wrap .menuBox > .menu_foot .btnBox a:first-of-type{ background-color: #a0a0a0; }
#hd .allMenu > .all_wrap .menuBox > .menu_foot .btnBox a:last-of-type{ background-color: #0779c3; }
#hd .allMenu > .all_wrap .menuBox > .menu_foot p{ font-size: 12px; font-weight: 400; color: #888888; text-transform: uppercase; }
#hd .allMenu > .all_wrap .menuBox > .menu_foot p strong{ font-weight: 400; color: #0075c2; }
#hd .allMenu + .allMenu-bg{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow: hidden; z-index: 995; }
#hd .allMenu + .allMenu-bg::after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ''; display: block; z-index: 10; }
#hd .allMenu + .allMenu-bg > video{ width: 100%; }


/* 로그인추가 */
#hd .hd_wrap .left .menu_foot{width:150px; }
#hd .hd_wrap .left .menu_foot .btnBox{ margin-left:5px; }
#hd .hd_wrap .left .menu_foot .btnBox a{ display: inline-block; width: 60px; height: 40px; font-size: 13px; font-weight: 400; color: #fff; line-height: 40px; text-align: center; border-radius: 10px; vertical-align: middle; margin-left: 5px; }
#hd .hd_wrap .left .menu_foot .btnBox a:first-of-type{ background-color: #a0a0a0; }
#hd .hd_wrap .left .menu_foot .btnBox a:last-of-type{ background-color: #0779c3; }




/*! ============================== W R A P P E R ============================== */
#wrapper { position: relative; min-height: 700px; overflow: hidden; }
/* 픽스메뉴 */
#wrapper > .fixed{ position: fixed; right: 50px; bottom: 20px; width: 60px; z-index: 900; }
#wrapper > .fixed a { display: block; width: 60px; height: 60px; font-size: 11px; font-weight: 700; line-height: 14px; text-align: center; border-radius: 20px; -webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%); box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%); overflow: hidden; margin-bottom: 10px; }
#wrapper > .fixed a:first-of-type{ background: url(/img/ico_inquiry.png) no-repeat center center, #3AF089; background-size: 30px 30px; }
#wrapper > .fixed a:nth-of-type(2){ background: url(/img/ico_apply.png) no-repeat center center, #FF9454; background-size: 30px 30px; }
/*#wrapper > .fixed a:nth-of-type(3){ background: url(/img/ico_requirement2.png) no-repeat center center, #87cefa; background-size: 30px 30px; }*/
#wrapper > .fixed a:nth-of-type(3){ background: url(/img/ico_download.png) no-repeat center center, #0075c2; }
#wrapper > .fixed a:nth-of-type(4){ background: url(/img/ico_map02.png) no-repeat center center, #003577; }
#wrapper > .fixed a:nth-of-type(5){ background: url(/img/ico_kakao.png) no-repeat center center, #fae100; }
#wrapper > .fixed a:last-of-type{ background: url(/img/ico_top_arrow.png) no-repeat center center, #ffffff; }
#wrapper > .fixed a span{ display: block; transition: all 0.2s ease-in-out; }
#wrapper > .fixed a:first-of-type span{ color: #fff; background-color: #3CFAC4; padding: 23px 0; }
#wrapper > .fixed a:nth-of-type(2) span{ color: #fff; background-color: #ff6f61; padding: 15px 0; }
/*#wrapper > .fixed a:nth-of-type(3) span{ color: #fff; background-color: #87cefa; padding: 15px 0; }*/
#wrapper > .fixed a:nth-of-type(3) span{ color: #fff; background-color: #0075c2; padding: 15px 0; }
#wrapper > .fixed a:nth-of-type(4) span{ color: #fff; background-color: #003577; padding: 23px 0; }
#wrapper > .fixed a:nth-of-type(5) span{ color: #000; background-color: #fae100; padding: 15px 0; }
#wrapper > .fixed a:last-of-type span{ color: #000; background-color: #ffffff; padding: 23px 0; }
#wrapper > .fixed a:hover span{ opacity: 0; }
/* 플로팅배너 */
#wrapper > .floating{ position: fixed; right: 0; top: 100px; width: 209px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; z-index: 900; }
#wrapper > .floating > .btn_fclose{ position: absolute; left: 12px; top: 12px; width: 8px; height: 8px; background: url(/img/btn_floating_close.png) no-repeat center center; background-size: contain; text-indent: -9999px; border: none; z-index: 10; }
#wrapper > .floating > .float_slider ul li{ width: 100%; height: 380px; }
#wrapper > .floating > .float_slider ul li .btn_promo{ display: block; width: 100%; height: 380px; cursor: pointer; }
#wrapper > .floating > .float_slider ul li a img{ height: 100%; }
#wrapper > .floating > .swiper-pagination01{ position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 10; }
#wrapper > .floating > .swiper-pagination01 span{ background-color: #fff; opacity: 1; margin: 0 5px; }
#wrapper > .floating > .swiper-pagination01 span.swiper-pagination-bullet-active{ background-color: #111; }
/* 프로모션배너 */
#wrapper > .promotion{ position: fixed; right: -1600px; top: 170px; width: 1560px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; z-index: 995; transition: all 0.4s ease-in-out; }
#wrapper > .promotion.active{ right: 0; }
#wrapper > .promotion + .promotion-bg{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); overflow: hidden; z-index: 990; }
#wrapper > .promotion .btnBox{ position: absolute; right: 250px; top: 30px; width: 100px; height: 25px; display: flex; justify-content: space-between; z-index: 10; }
#wrapper > .promotion .btnBox > div{ width: 38px; height: 25px; cursor: pointer; }
#wrapper > .promotion .btnBox > .swiper-button-prev01{ background: url(/img/btn_swiper_prev.png) no-repeat center center; background-size: contain; }
#wrapper > .promotion .btnBox > .swiper-button-next01{ background: url(/img/btn_swiper_next.png) no-repeat center center; background-size: contain; }

.inner{ width: 1200px; margin: 0 auto;}
.inner h2 {font-size:36px; text-align:center; margin:30px 0;}

/*! ============================== M A I N ============================== */
/** --- MAIN VISUAL --- */
.main_visual{ position: relative; width: 100%; height: 100vh; max-height: 1000px; min-height: 700px; }
.main_visual > .videoBox{ position: relative; width: 100%; height: 100%;  }
.main_visual > .videoBox video{ width: 100% !important; height: 100% !important; object-fit: cover;}
.main_visual > .mv_wrap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 10; }
.main_visual > .mv_wrap > .scroll{ position: absolute; left: 50px; bottom: 0; }
.main_visual > .mv_wrap > .scroll .bar_wrap{ position: relative; width: 1px; height: 120px; background-color: rgba(255, 255, 255, .3); overflow: hidden; }
.main_visual > .mv_wrap > .scroll .bar_wrap .bar{ position: absolute; left: 0; top: -100%; width: 1px; height: 100%; background-color: #fff; animation: moveBar 1.3s ease-in-out infinite; }
.main_visual > .mv_wrap > .scroll p{ position: absolute; left: 20px; top: -9px; transform: rotate(90deg); transform-origin: left; width: 50px; font-size: 13px; font-weight: 400; color: #fff; }
.main_visual > .mv_wrap > .txtBox{ position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 1200px; text-align: center; }
.main_visual > .mv_wrap > .txtBox p{ font-size: 45px; font-weight: 900; color: #fff; letter-spacing: -2px; line-height: 70px; overflow: hidden; }
.main_visual > .mv_wrap > .txtBox p span{ display: inline-block; transform: translateY(80px); animation: mainUp 0.5s ease 1 forwards; }
.main_visual > .mv_wrap > .txtBox h2{ font-size: 70px; font-weight: 900; color: #fff; letter-spacing: -4px; line-height: 90px; overflow: hidden; margin-bottom: 20px; }
.main_visual > .mv_wrap > .txtBox h2 span{ display: inline-block; opacity: 0; transform: translateY(80px); animation: txtUp 0.5s ease 1 forwards; }
.main_visual > .mv_wrap > .txtBox h2 span strong{ font-weight: 900; color: #fff55d; }

.main_visual > .mv_wrap > .txtBox a{ display: inline-block; font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -0.5px; line-height: 50px; padding: 0 30px; background-color: #1361D7; border-radius: 35px; margin: 8px 10px; opacity: 0; transform: translateY(50px); animation: txtUp 0.3s ease 1 1.2s forwards; }
/* ? Animation */
.main_visual > .mv_wrap > .txtBox p:nth-of-type(1) span:nth-of-type(1){ animation-delay: 0.1s; }
.main_visual > .mv_wrap > .txtBox p:nth-of-type(1) span:nth-of-type(2){ animation-delay: 0.25s; }
.main_visual > .mv_wrap > .txtBox p:nth-of-type(1) span:nth-of-type(3){ animation-delay: 0.4s; }
.main_visual > .mv_wrap > .txtBox h2 span:nth-of-type(1){ animation-delay: 0.65s; }
.main_visual > .mv_wrap > .txtBox h2 span:nth-of-type(2){ animation-delay: 0.8s; }
.main_visual > .mv_wrap > .txtBox h2 span:nth-of-type(3){ animation-delay: 0.95s; }



.main_visual > .mv_wrap > .txtBox02{ position: absolute; left: 200px; top: 380px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 1200px; text-align: center; }
.main_visual > .mv_wrap > .txtBox02 a{ display: inline-block; font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -0.5px; line-height: 50px; padding: 0 30px; background-color: #1361D7; border-radius: 35px; margin: 8px 10px; opacity: 0; transform: translateY(50px); animation: txtUp 0.3s ease 1 1.2s forwards; }
/* ? Animation */
.main_visual > .mv_wrap > .txtBox02 p:nth-of-type(1) span:nth-of-type(1){ animation-delay: 0.1s; }
.main_visual > .mv_wrap > .txtBox02 p:nth-of-type(1) span:nth-of-type(2){ animation-delay: 0.25s; }
.main_visual > .mv_wrap > .txtBox02 p:nth-of-type(1) span:nth-of-type(3){ animation-delay: 0.4s; }
.main_visual > .mv_wrap > .txtBox02 h2 span:nth-of-type(1){ animation-delay: 0.65s; }
.main_visual > .mv_wrap > .txtBox02 h2 span:nth-of-type(2){ animation-delay: 0.8s; }
.main_visual > .mv_wrap > .txtBox02 h2 span:nth-of-type(3){ animation-delay: 0.95s; }














/** --- MAIN 02 --- */
.main02 .inner{ width: 100%; display: flex; align-items: stretch; justify-content: center; }
.main02 .inner .left{ width: 50%; }
.main02 .inner .left > div{ width: 100%; height: 100vh; min-height: 800px; background: url(/img/bg_main02_01.png) no-repeat center center; background-size: cover; }
.main02 .inner .right{ width: 50%; }
.main02 .inner .right > div{ width: 100%; height: 50vh; min-height: 400px; }
.main02 .inner .right > div:first-of-type{ background: url(/img/bg_main02_02.png) no-repeat center center; background-size: cover; }
.main02 .inner .right > div:last-of-type{ background: url(/img/bg_main02_03.png) no-repeat center center; background-size: cover; }
.main02 .inner > div{ perspective: 800px; transition: all .8s cubic-bezier(.215, .610, .355, 1); }
.main02 .inner > div .box{ position: relative; transform-origin: 0 0; backface-visibility: hidden; transform-style: preserve-3d; transform: rotateX(-180deg); transition: all .6s ease-out; }
.main02.active .inner > div .box{ transform: rotateX(0deg); }
.main02 .inner > div .box .txtBox{ padding: 100px 0 0 80px; }
.main02 .inner > div .box .txtBox h3{ font-size: 34px; font-weight: 700; color: #111; letter-spacing: -2px; line-height: 46px; margin-bottom: 10px; }
.main02 .inner > div .box .txtBox p{ font-size: 18px; font-weight: 400; color: #111; letter-spacing: -0.8px; line-height: 32px; }
.main02 .inner > div .box a{ position: absolute; left: 80px; display: inline-block; font-size: 18px; font-weight: 600; color: #111; letter-spacing: -0.5px; z-index: 10; }
.main02 .inner > div .box a::before{ position: absolute; left: -23px; top: -13px; width: 47px; height: 46px; background: url(/img/obj_arrow.png) no-repeat center center; background-size: contain; content: ''; display: inline-block; z-index: -1; transition: all 0.3s ease-in-out; }
.main02 .inner > div .box a:hover::before{ transform: rotate(90deg); }
.main02 .inner > div .box a::after{ width: 20px; height: 11px; background: url(/img/ico_arrow.png) no-repeat center center; background-size: contain; margin-left: 15px; content: ''; display: inline-block; transition: all 0.2s ease-in-out; }
.main02 .inner > div .box a:hover::after{ margin-left: 25px; }
/* ? case */
.main02 .inner .left .box a{ top: 380px; }
.main02 .inner .right .box a{ bottom: 100px; }
/* ? hover */
.main02 .inner .left:hover{ width: 55%; }
.main02 .inner .left:hover + .right{ width: 45%; }
.main02 .inner .right:hover{ width: 65%; }
.main02 .inner .right:hover + .left{ width: 35%; }

/** --- MAIN 03 (선생님) --- */
.main03{ position: relative; padding: 145px 0 80px; overflow: hidden; }
.main03::before{ position: absolute; left: -140px; top: -100px; width: 400px; height: 400px; background: url(/img/obj_main03_01.png) no-repeat center center; background-size: contain; content: ''; display: block; animation: rotate 15s linear infinite; z-index: 1; }
.main03::after{ position: absolute; left: 160px; top: -40px; width: 200px; height: 200px; background-color: #f8f8f8; border-radius: 50%; content: ''; display: block; }
.main03 .inner{ text-align: center; }
.main03 .inner > span{ display: inline-block; margin-bottom: 25px; }
.main03 .inner > h2{ font-size: 40px; font-weight: 700; color: #111111; letter-spacing: -2px; line-height: 52px; margin-bottom: 60px; }
.main03 .inner > .tnav{ width: 100%; max-width: 1200px; margin: 0 auto 60px; }
.main03 .inner > .tnav ul{ display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #ececec; }
.main03 .inner > .tnav ul li{ margin: 0 30px; }
.main03 .inner > .tnav ul li span{ display: block; font-size: 20px; font-weight: 400; color: #999999; letter-spacing: -1px; line-height: 40px; padding: 0 15px; cursor: pointer; }
.main03 .inner > .tnav ul li span::after{ width: calc(100% + 30px); height: 5px; background-color: transparent; content: ''; display: block; margin-left: -15px; }
.main03 .inner > .tnav ul li.on span{ color: #111; }
.main03 .inner > .tnav ul li.on span::after{ background-color: #0075c2; }
.main03 .cbox{ position: relative; width: 100%; height: 720px; }
.main03 .cbox .tcon{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; pointer-events: none; }
.main03 .cbox .tcon.active{ opacity: 1; pointer-events: all; }


/** --- MAIN 04 (공지사항) --- */
.main04{ width: 100%; background: #f5f7f9; padding: 160px 0 0; }
.main04 .notice_box{ width: 100%; height: 660px; }
.main04 .notice_box h2{color:#fff;}
.main04 .notice_box ul li{border-radius: 15px !important;}


/** --- MAIN 04 (하단비주얼) --- */
.main04 .bottom_visual{ position: relative; width: 100%; height: 75vw; min-height: 800px; }
.main04 .bottom_visual > .inner{ position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center;  z-index: 10; }
.main04 .bottom_visual > .inner > span{ display: inline-block; margin-bottom: 40px; }
.main04 .bottom_visual > .inner > h2{ font-size: 70px; font-weight: 900; color: #fff; letter-spacing: -3px; line-height: 95px; text-shadow: 0 0 15px rgb(0 0 0 / 50%); margin-bottom: 100px; }
.main04 .bottom_visual > .inner > .btnBox a{ display: inline-block; font-size: 23px; font-weight: 700; color: #fff; letter-spacing: -1.2px; line-height: 80px; padding: 0 50px; border-radius: 20px; margin: 0 8px; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3); }
.main04 .bottom_visual > .inner > .btnBox a:first-of-type{ background: #23272a; }
.main04 .bottom_visual > .inner > .btnBox a:nth-of-type(2){ background: #0082d7; }
.main04 .bottom_visual > .inner > .btnBox a:last-of-type{ color: #111; background: #fff; }
.main04 .bottom_visual > .inner > .btnBox a:last-of-type strong{ display: inline-block; font-weight: 700; color: #0082d7; letter-spacing: -0.5px; margin-left: 10px; }
.main04 .bottom_visual > .objBox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.main04 .bottom_visual > .objBox .obj01{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1230px; background: url(/img/obj_main04_01.png) no-repeat center bottom; background-size: contain; z-index: -1; }
.main04 .bottom_visual > .objBox .obj02{ position: absolute; left: 0; bottom: 50px; width: 100%; height: 1628px; background: url(/img/obj_main04_02.png) no-repeat center bottom; background-size: contain; z-index: -2; transition: all 0.8s ease-in-out; }
.main04 .bottom_visual > .objBox .obj03{ position: absolute; left: 0; bottom: 50px; width: 100%; height: 1320px; background: url(/img/obj_main04_03.png) no-repeat center bottom; background-size: contain; z-index: -3; transition: all 0.8s ease-in-out; transition-delay: 0.2s; }
.main04 .bottom_visual.active > .objBox .obj02{ bottom: 0; }
.main04 .bottom_visual.active > .objBox .obj03{ bottom: 0; }



/*! ============================== S U B P A G E ============================== */
/*? 서브 비주얼 */
.svisual{ position: relative; width: 100%; height: 380px; overflow: hidden; }
.svisual.sv021{ height: 570px; background: url(/img/bg_svisual02.png) no-repeat center center; background-size: cover; }
.svisual.sv022{ height: 570px; background: url(/img/bg_svisual022.png) no-repeat center center; background-size: cover; }
.svisual.sv023{ height: 570px; background: url(/img/bg_svisual023.png) no-repeat center center; background-size: cover; }
.svisual.sv024{ height: 570px; background: url(/img/bg_svisual024.png) no-repeat center center; background-size: cover; }
.svisual.sv025{ height: 570px; background: url(/img/bg_svisual025_2.png) no-repeat center center; background-size: cover; }
.svisual.sv041{ height: 570px; background: url(/img/bg_svisual041.png) no-repeat center center; background-size: cover; }
.svisual.sv042{ height: 570px; background: url(/img/bg_svisual042.png) no-repeat center center; background-size: cover; }
.svisual.sv044{ height: 570px; background: url(/img/bg_svisual044.png) no-repeat center center; background-size: cover; }
.svisual.sv4_7{ height: 570px; background: url(/img/bg_svisual4_7.png) no-repeat center center; background-size: cover; }/*20230427 */
.svisual.sv05{ height: 570px; background: url(/img/bg_svisual05.png) no-repeat center center; background-size: cover; }
.svisual.sv2_5{ height: 570px; background: url(/img/bg_svisual2_5.png) no-repeat center center; background-size: cover; }
.svisual.sv2_6{ height: 570px; background: url(/img/bg_svisual_2_18.png) no-repeat center center; background-size: cover; }
.svisual.sv2_14{ height: 570px; background: url(/img/bg_svisual2_14.png) no-repeat center center; background-size: cover; }
.svisual.sv2_15{ height: 570px; background: url(/img/bg_svisual_2_15.png) no-repeat center center; background-size: cover; }
.svisual.sv2_16{ height: 570px; background: url(/img/bg_svisual_2_16.png) no-repeat center center; background-size: cover; }
.svisual.sv2_17{ height: 570px; background: url(/img/bg_svisual_2_17.png) no-repeat center center; background-size: cover; }
.svisual.sv2_18{ height: 570px; background: url(/img/bg_svisual_2_19.png) no-repeat center center; background-size: cover; }
.svisual.sv2_20{ height: 570px; background: url(/img/bg_svisual_2_20.png) no-repeat center center; background-size: cover; }
.svisual.sv2_21{ height: 570px; background: url(/img/bg_svisual_2_21.png) no-repeat center center; background-size: cover; }
.svisual.sv2_22{ height: 570px; background: url(/img/bg_svisual_2_20_1.png) no-repeat center center; background-size: cover; }
.svisual.sv2_20_6{ height: 570px; background: url(/img/bg_svisual_2_20_6.png) no-repeat center center; background-size: cover; }
.svisual.sv2_21_1{ height: 570px; background: url(/img/bg_svisual_2_21_1.png) no-repeat center center; background-size: cover; }
.svisual.sv2_23{ height: 570px; background: url(/img/bg_svisual_2_23.png) no-repeat center center; background-size: cover; }

.svisual > video{ position: absolute; left: 0; bottom: -50%; width: 100% !important; }
.svisual .inner{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(17, 32, 66, 0.7); z-index: 10; }
.svisual .inner .txtBox{ position: absolute; left: 0; top: 60%; transform: translateY(-50%); width: 100%; text-align: center; }
.svisual .inner .txtBox > h2{ font-size: 40px; font-weight: 900; color: #fff; letter-spacing: -1px; margin-bottom: 10px; }
.svisual .inner .txtBox > p{ display: block; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 4px; text-transform: uppercase; opacity: 0.3; }
/*? 서브 네비게이션 */
.snav{ border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.snav .inner{ position: relative; height: 58px; display: flex; align-items: center; }
.snav .inner > a{ position: absolute; left: 0; top: 0; display: block; width: 60px; height: 60px; background: url(/img/ico_home.png) no-repeat center center; text-indent: -9999px; border: 1px solid #e6e6e6; margin-top: -1px; z-index: 1; transition: all 0.2s ease-in-out; }
.snav .inner > a:hover{ background: url(/img/ico_home_on.png) no-repeat center center; border: 1px solid #0075c2; }
.snav .inner > ul{ position: absolute; left: 60px; top: -1px; display: flex; }
.snav .inner > ul > li{ position: relative; width: 330px; border: 1px solid #e6e6e6; margin-left: -1px; transition: all 0.2s ease-in-out; }
.snav .inner > ul > li:hover,
.snav .inner > ul > li.on{ border: 1px solid #0075c2; }
.snav .inner > ul > li > b{ position: relative; display: block; width: 100%; font-size: 17px; font-weight: 400; color: #888888; letter-spacing: -0.5px; line-height: 58px; padding: 0 30px; cursor: pointer; transition: all 0.2s ease-in-out; }
.snav .inner > ul > li > b::after{ position: absolute; right: 30px; top: 26px; width: 11px; height: 7px; background: url(/img/ico_snav_arrow.png) no-repeat center center; background-size: contain; content: ''; display: block; transition: all 0.2s ease-in-out; }
.snav .inner > ul > li.on > b,
.snav .inner > ul > li > b:hover{ color: #fff; background-color: #0075c2; }
.snav .inner > ul > li.on > b::after,
.snav .inner > ul > li > b:hover::after{ background: url(/img/ico_snav_arrow_on.png) no-repeat center center; background-size: contain; }
.snav .inner > ul > li.on > b::after{ transform: rotate(180deg); }
.snav .inner > ul > li > ol{ display: none; position: absolute; left: -1px; width: 330px; background-color: #fff; padding: 0 20px; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; z-index: 10; }
.snav .inner > ul > li > ol li{ padding: 0 10px; border-top: 1px solid #f2f2f2; }
.snav .inner > ul > li > ol li a{ display: block; font-size: 17px; font-weight: 400; color: #888888; letter-spacing: -0.5px; line-height: 58px; transition: all 0.2s ease-in-out; }
.snav .inner > ul > li > ol li a:hover{ color: #0075c2; }
/*? 서브 네비게이션 2 */
.sub_top{ position: relative; }
.sub_top .snav2{ position: absolute; left: 0; bottom: 0; width: 100%; }
.sub_top .snav2 .inner ul{ display: flex; align-items: center; justify-content: center; }
.sub_top .snav2 .inner ul li{ width: 26%; border: 1px solid #e6e6e6; background-color: #fff; text-align: center; margin-left: -1px; transition: all 0.2s ease-in-out; }
.sub_top .snav2 .inner ul li:first-of-type{ margin-left: 0; }
.sub_top .snav2 .inner ul li.on{ border: 1px solid #0075c2; background-color: #0075c2; }
.sub_top .snav2 .inner ul li a{ display: block; width: 100%; font-size: 20px; font-weight: 400; color: #888888; letter-spacing: -1.5px; line-height: 70px; transition: all 0.2s ease-in-out; }
.sub_top .snav2 .inner ul li.on a{ color: #fff; }
/*? 서브 페이지 */
.sub_page .inner{ padding: 100px 0; }
.sub_page.type02 .inner{ width: 100%; }
.sub_board .inner{ padding: 100px 0; }
.sub_board .inner > h2,
.sub_page .inner > h2{ font-size: 45px; font-weight: 900; color: #111111; letter-spacing: -2px; text-align: center; margin-bottom: 70px; }
/* ? 서브 테이블 */
.sub_page .inner table{ width: 100%; text-align: center; border-collapse: collapse; border-top: 2px solid #000000; border-bottom: 1px solid #e6e6e6; }
.sub_page .inner table tr{ border-bottom: 1px solid #e6e6e6; }
.sub_page .inner table thead tr th{ height: 65px; font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; }
.sub_page .inner table thead tr th:last-of-type{ border-right: none; }
.sub_page .inner table tbody tr td{ font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 26px; word-break: keep-all; padding: 20px 30px; border-right: 1px solid #e6e6e6; }
.sub_page .inner table tbody tr td:last-of-type{ border-right: none; }
.sub_page .inner table tbody tr td.borderR{ border-right: 1px solid #e6e6e6; }



/*! ============================== S U B P A G E - 1 ============================== */
/** S U B 1 - 1 ( 인사말 ) */
.sub11 .inner{ width: 100%; }
.sub11 .inner > .contBox{ position: relative; width: 100%; padding-bottom: 640px; }
.sub11 .inner > .contBox .imgBox{ width: 100%; height: 600px; background: url(/img/img_sub11_01.png) no-repeat left center; background-size: cover; overflow: hidden;}
.sub11 .inner > .contBox .txtBox{ position: absolute; right: 0; bottom: 0; width: 95%; max-width: 1250px; padding: 110px; background-color: #fff; }
.sub11 .inner > .contBox .txtBox > h3{ font-size: 40px; font-weight: 500; color: #111; letter-spacing: -2px; line-height: 55px; margin-bottom: 60px; }
.sub11 .inner > .contBox .txtBox > p{ font-size: 20px; font-weight: 400; color: #888; letter-spacing: -1px; line-height: 33px; margin-bottom: 60px; }
.sub11 .inner > .contBox .txtBox > span{ font-size: 20px; font-weight: 400; color: #888; letter-spacing: -1px; }
.sub11 .inner > .contBox .txtBox > span strong{ font-weight: 400; color: #111; }
.sub11 .inner > ul > li{ display: flex; align-items: center; margin-bottom: 120px; }
.sub11 .inner > ul > li:last-of-type{ margin-bottom: 0; }
.sub11 .inner > ul > li > div{ width: 50%; }
.sub11 .inner > ul > li .imgBox img{ width: 100%; max-width: 920px; }
.sub11 .inner > ul > li .txtBox{ padding-left: 100px; }
.sub11 .inner > ul > li .txtBox > h3{ position: relative; font-size: 35px; font-weight: 500; color: #111; letter-spacing: -2px; line-height: 40px; margin-bottom: 30px; }
.sub11 .inner > ul > li .txtBox > h3::before{ position: absolute; top: -25px; width: 22px; height: 7px; background-color: #0075c2; content: ''; display: block; }
.sub11 .inner > ul > li .txtBox > p{ font-size: 18px; font-weight: 400; color: #888; letter-spacing: -0.8px; line-height: 33px; }
.sub11 .inner > ul > li .txtBox > p strong{ font-weight: 400; color: #0075c2; }
/* ? case */
.sub11 .inner > ul > li:nth-of-type(odd) > .imgBox{ padding-right: 40px; text-align: right; }
.sub11 .inner > ul > li:nth-of-type(odd) > .txtBox{ padding-left: 40px; }
.sub11 .inner > ul > li:nth-of-type(odd) .txtBox > h3::before{ left: 0; }
.sub11 .inner > ul > li:nth-of-type(even) > .imgBox{ padding-left: 40px; }
.sub11 .inner > ul > li:nth-of-type(even) > .txtBox{ padding-right: 40px; text-align: right; }
.sub11 .inner > ul > li:nth-of-type(even) .txtBox > h3::before{ right: 0; }

/** S U B 1 - 2 ( 연혁 ) */
.sub12 .inner > p{ text-align: center; margin-bottom: 40px; }
.sub12 .inner > ul{ position: relative; width: 100%; }
.sub12 .inner > ul::before{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 2px; height: 100%; background-color: #ececec; content: ''; display: block; z-index: -1; }
.sub12 .inner > ul > li{ text-align: center; }
.sub12 .inner > ul > li > span{ display: inline-block; font-size: 50px; font-weight: 900; color: #0075c2; letter-spacing: -3px; background-color: #fff; padding: 10px 0 15px; }
.sub12 .inner > ul > li > ol{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 60px 0; }
.sub12 .inner > ul > li > ol li{ position: relative; width: 50%; }
.sub12 .inner > ul > li > ol li::before{ position: absolute; top: 9px; width: 14px; height: 14px; border: 3px solid #d7d7d7; border-radius: 50%; background-color: #fff; content: ''; display: block; }
.sub12 .inner > ul > li > ol li::after{ position: absolute; top: 15px; width: 50px; height: 2px; border-top: 2px dashed #dfdfdf; content: ''; display: block; }
.sub12 .inner > ul > li > ol li p{ font-size: 18px; font-weight: 400; color: #888888; letter-spacing: -0.8px; line-height: 33px; }
.sub12 .inner > ul > li > ol li p strong{ display: inline-block; font-weight: 500; color: #111111; }
.sub12 .inner > ul > li > ol li .imgBox img{ border-radius: 10px; }
/* ? case - right */
.sub12 .inner > ul > li > ol li:nth-of-type(odd){ padding-right: 70px; text-align: right; }
.sub12 .inner > ul > li > ol li:nth-of-type(even){ padding-left: 70px; text-align: left; }
.sub12 .inner > ul > li > ol li:nth-of-type(odd)::before{ right: -7px; }
.sub12 .inner > ul > li > ol li:nth-of-type(even)::before{ left: -7px; }
.sub12 .inner > ul > li > ol li:nth-of-type(odd)::after{ right: 5px; }
.sub12 .inner > ul > li > ol li:nth-of-type(even)::after{ left: 5px; }
.sub12 .inner > ul > li > ol li:nth-of-type(odd) .imgBox{ margin-top: 35px; }
.sub12 .inner > ul > li > ol li:nth-of-type(even) .imgBox{ margin-bottom: 35px; }
.sub12 .inner > ul > li > ol li.empty::before,
.sub12 .inner > ul > li > ol li.empty::after{ display: none; }
.sub12 .inner > ul > li:nth-of-type(2) > ol li.right::before{ top: auto; bottom: 9px; }
.sub12 .inner > ul > li:nth-of-type(2) > ol li.right::after{ top: auto; bottom: 15px; }

/** S U B 1 - 5 ( 오시는 길 ) */
.sub15 > .inner{ width: 100%; }
.sub15 .inner .contBox{ position: relative; padding-bottom: 300px; }
.sub15 .inner .contBox .mapBox{ width: 100%; }
.sub15 .inner .contBox .mapBox > div{ width: 100%; }
.sub15 .inner .contBox .mapBox .wrap_controllers{ display: none; }
.sub15 .inner .contBox .inner{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); padding: 60px 100px 40px 100px; background-color: #fff; z-index: 10; }
.sub15 .inner .contBox .inner > div:first-of-type{ margin-bottom: 80px; }
.sub15 .inner .contBox .inner .infoBox{ display: flex; align-items: center; }
.sub15 .inner .contBox .inner .infoBox .left{ width: 270px; }
.sub15 .inner .contBox .inner .infoBox .left h3{ font-size: 25px; font-weight: 700; color: #111111; letter-spacing: -1.5px; margin-bottom: 15px; }
.sub15 .inner .contBox .inner .infoBox .left p{ font-size: 18px; font-weight: 400; color: #888888; letter-spacing: -0.7px; }
.sub15 .inner .contBox .inner .infoBox .right{ position: relative; width: calc(100% - 270px); padding-left: 90px; border-left: 1px solid #e6e6e6; }
.sub15 .inner .contBox .inner .infoBox .right > p{ position: relative; font-size: 18px; font-weight: 400; color: #888888; letter-spacing: -0.7px; line-height: 30px; padding-left: 25px; margin-bottom: 45px; }
.sub15 .inner .contBox .inner .infoBox .right > p::before{ position: absolute; left: 0; top: 8px; content: ''; display: block; }
.sub15 .inner .contBox .inner .infoBox.ib01 .right > p::before{ width: 13px; height: 17px; background: url(/img/ico_map.png) no-repeat center center; background-size: contain; }
.sub15 .inner .contBox .inner .infoBox.ib02 .right > p::before{ width: 19px; height: 16px; background: url(/img/ico_car.png) no-repeat center center; background-size: contain; }
.sub15 .inner .contBox .inner .infoBox .right > p span{ display: block; font-size: 16px; }
.sub15 .inner .contBox .inner .infoBox .right > p strong{ font-weight: 500; color: #111111; }
.sub15 .inner .contBox .inner .infoBox .right > ol{ position: absolute; right: 0; top: 0;  }
.sub15 .inner .contBox .inner .infoBox .right > ol li{ position: relative; font-size: 18px; font-weight: 600; color: #222222; line-height: 35px; padding-left: 25px; }
.sub15 .inner .contBox .inner .infoBox .right > ol li::before{ position: absolute; left: 0; top: 8px; content: ''; display: block; }
.sub15 .inner .contBox .inner .infoBox .right > ol li:nth-of-type(1):before{ width: 17px; height: 17px; background: url(/img/ico_call.png) no-repeat center center; background-size: contain; }
.sub15 .inner .contBox .inner .infoBox .right > ol li:nth-of-type(2):before{ width: 17px; height: 17px; background: url(/img/ico_mail.png) no-repeat center center; background-size: contain; }

/** S U B 1 - 7 ( 환불규정 ) */
.sub17 .inner > h2{ margin-bottom: 10px; }
.sub17 .inner > p{ font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.5px; text-align: center; margin-bottom: 80px; }
.sub17 .inner > table tbody tr th{ font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; word-break: keep-all; padding: 10px; border-right: 1px solid #e6e6e6; }
.sub17 .inner > table tbody tr td{ font-size: 14px; color: #999; line-height: 22px; padding: 15px 10px; }
.sub17 .inner > .contBox{ padding: 30px 40px; background-color: #f8f8f8; border: 1px solid #ececec; margin-top: 40px; }
.sub17 .inner > .contBox ul li{ font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.5px; line-height: 35px; }
.sub17 .inner > .contBox ul li::before{ width: 4px; height: 4px; background-color: #0075c2; border-radius: 50%; content: ''; display: inline-block; vertical-align: 5px; margin-right: 10px; }



/*! ============================== S U B P A G E - 2 ============================== */
/** S U B 2 - 1 ( 기초선행반 ) */
.sub2 .inner > h2{ text-align: left; margin-bottom: 60px; }
.sub2 .inner > h2 span{ display: block; font-size: 16px; font-weight: 400; color: #0075c2; letter-spacing: -0.5px; line-height: 20px; margin-bottom: 5px; }
.sub2 .inner > .stit{ display: block; font-size: 25px; font-weight: 500; color: #111111; letter-spacing: -1px; line-height: 40px; margin-bottom: 20px; }
.sub2 .inner > .stit b{ position: relative; display: inline-block; font-weight: 500; z-index: 10; }
.sub2 .inner > .stit b::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 16px; background-color: #fff493; content: ''; display: block; z-index: -1; }
.sub2 .inner > table tbody tr th{ font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; padding: 20px; }
.sub2 .inner > table tbody tr td{ text-align: left; }
.sub2 .inner > table tbody tr td p{ font-size: 23px; letter-spacing: -1.2px; }
.sub2 .inner > table tbody tr td p em{ font-weight: 700; color: #0075c2; font-style: normal; }
.sub2 .inner > table tbody tr td b{ display: inline-block; font-weight: 400; color: #de2424; }
.sub2 .inner > table tbody tr td span{ display: block; font-size: 14px; margin-top: 5px; }
.sub2 .inner > table tbody tr td strong{ display: block; font-weight: 400; color: #0075c2; }
.sub2 .inner > table tbody tr td ul li{ position: relative; padding-left: 20px; margin-bottom: 5px; }
.sub2 .inner > table tbody tr td ul li:last-of-type{ margin-bottom: 0; }
.sub2 .inner > table tbody tr td ul li::before{ position: absolute; left: 0; top: 8px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub2 .inner > table tbody tr td ul li > img{ vertical-align: 1px; margin: 0 2px; }
.sub2 .inner > table tbody tr td ul li.mtop{ margin-top: 20px; }
.sub2 .inner > .contBox{ width: 100%; margin-bottom: 80px; }
.sub2 .inner > .contBox h3{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 20px; }
.sub2 .inner > .contBox h3::before{ width: 7px; height: 30px; background-color: #0075c2; vertical-align: -3px; content: ''; display: inline-block; margin-right: 10px; }
.sub2 .inner > .contBox ul li{ position: relative; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 26px; word-break: keep-all; padding-left: 20px; }
.sub2 .inner > .contBox ul li::before{ position: absolute; left: 0; top: 8px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub2 .inner > .contBox ul li strong{ font-weight: 400; color: #0075c2; }




/** S U B 2 - 5 ( 2025대입기초반 ) */
.sub2_5 .inner > h2{ text-align: left; margin-bottom: 60px; }
.sub2_5 .inner > h2 span{ display: block; font-size: 16px; font-weight: 400; color: #0075c2; letter-spacing: -0.5px; line-height: 20px; margin-bottom: 5px; }
.sub2_5 .inner > .stit{ display: block; font-size: 25px; font-weight: 500; color: #111111; letter-spacing: -1px; line-height: 40px; margin-bottom: 20px; }
.sub2_5 .inner > .stit b{ position: relative; display: inline-block; font-weight: 500; z-index: 10; }
.sub2_5 .inner > .stit b::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 16px; background-color: #fff493; content: ''; display: block; z-index: -1; }
.sub2_5 .inner > table tbody tr th{ font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; padding: 20px; }
.sub2_5 .inner > table tbody tr td{ text-align: left; }
.sub2_5 .inner > table tbody tr td p{ font-size: 23px; letter-spacing: -1.2px; }
.sub2_5 .inner > table tbody tr td p em{ font-weight: 700; color: #0075c2; font-style: normal; }
.sub2_5 .inner > table tbody tr td b{ display: inline-block; font-weight: 400; color: #de2424; }
.sub2_5 .inner > table tbody tr td span{ display: block; font-size: 14px; margin-top: 5px; }
.sub2_5 .inner > table tbody tr td strong{ display: block; font-weight: 400; color: #0075c2; }
.sub2_5 .inner > table tbody tr td ul li{ position: relative; padding-left: 20px; margin-bottom: 5px; }
.sub2_5 .inner > table tbody tr td ul li:last-of-type{ margin-bottom: 0; }
.sub2_5 .inner > table tbody tr td ul li::before{ position: absolute; left: 0; top: 8px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub2_5 .inner > table tbody tr td ul li > img{ vertical-align: 1px; margin: 0 2px; }
.sub2_5 .inner > table tbody tr td ul li.mtop{ margin-top: 20px; }
.sub2_5 .inner > .contBox{ width: 100%; margin-bottom: 80px; }
.sub2_5 .inner > .contBox h3{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 20px; }
.sub2_5 .inner > .contBox h3::before{ width: 7px; height: 30px; background-color: #0075c2; vertical-align: -3px; content: ''; display: inline-block; margin-right: 10px; }
.sub2_5 .inner > .contBox ul li{ position: relative; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 26px; word-break: keep-all; padding-left: 20px; }
.sub2_5 .inner > .contBox ul li strong{ font-weight: 400; color: #0075c2; }






/* SUB 2 - 모집요강 */
.sub2.tab01 .inner > table tbody tr th{ width: 200px; }
/* SUB 2 - 미라클 1:1 티코칭 시스템 */
.sub2.tab02 .inner > p{ font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.5px; margin-bottom: 80px; }
.sub2.tab02 .inner > .contBox ul{ border-top: 2px solid #000; border-bottom: 1px solid #e6e6e6; text-align: left; padding: 25px 30px; }
.sub2.tab02 .inner > .contBox ul li{ margin-bottom: 5px; }
.sub2.tab02 .inner > .contBox ul li:last-of-type{ margin-bottom: 0; }
.sub2.tab02 .inner > .contBox ul li .flex{ display: flex; align-items: stretch; justify-content: space-between; margin-top: 10px; }
.sub2.tab02 .inner > .contBox ul li .flex .tbBox{ width: 32%; }
.sub2.tab02 .inner > .contBox ul li .flex .tbBox h4{ font-size: 16px; font-weight: 500; color: #111; margin-bottom: 5px; }
.sub2.tab02 .inner > .contBox ul li .flex .tbBox table thead tr th{ height: 40px; font-size: 14px; }
.sub2.tab02 .inner > .contBox ul li .flex .tbBox table tbody tr > *{ width: 20%; height: 40px; font-size: 13px; color: #333; padding: 0; }
.sub2.tab02 .inner > .contBox ul li .flex .tbBox table tbody tr > th{ border-right: 1px solid #e6e6e6; background: #f8f8f8; }
.sub2.tab02 .inner > .contBox .graphBox{ border-bottom: 1px solid #e6e6e6; padding: 30px; }
.sub2.tab02 .inner > .contBox .graphBox > p{ font-size: 15px; font-weight: 400; color: #de1c1c; margin-top: 30px; }
.sub2.tab02 .inner > .contBox a{ position: relative; display: block; width: 350px; font-size: 15px; font-weight: 400; color: #fff; line-height: 65px; text-align: left; padding: 0 35px; border-radius: 10px; background-color: #0075c2; margin: 10px auto; }
.sub2.tab02 .inner > .contBox a::after{ position: absolute; right: 35px; top: 27px; width: 12px; height: 13px; background: url(/img/ico_arrow_r.png) no-repeat center center; background-size: contain; content: ''; display: inline-block; }
.sub2.tab02 .inner > .contBox a strong{ font-weight: 700; color: #fff; }
/* ? case .contBox.cb02 */
.sub2.tab02 .inner > .contBox.cb02{ background: #f8f8f8; text-align: center; border-radius: 30px; padding: 50px 30px; }
.sub2.tab02 .inner > .contBox.cb02 > h4{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 20px; }
.sub2.tab02 .inner > .contBox.cb02 > h4 strong{ display: block; font-size: 25px; font-weight: 900; color: #0075c2; line-height: 30px; }
.sub2.tab02 .inner > .contBox.cb02 > h4 strong::before{ width: 96px; height: 46px; background: url(/img/img_star.png) no-repeat center center; background-size: contain; content: ''; display: block; margin: 0 auto; }
.sub2.tab02 .inner > .contBox.cb02 > p{ position: relative; display: inline-block; font-size: 18px; font-weight: 500; color: #111; letter-spacing: -0.5px; margin-bottom: 40px; text-align: center; z-index: 10; }
.sub2.tab02 .inner > .contBox.cb02 > p::before{ position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; background-color: #fff493; content: ''; display: block; z-index: -1; }
.sub2.tab02 .inner > .contBox.cb02 a{ margin-top: 30px; }
.sub2.tab02 .inner > .contBox.cb02 .graphBox{ padding: 30px 0; }
/* SUB 2 - 커리큘럼 */
.sub2.tab03 .bgBox1{ background: url(/img/bg_sub213_01.png) no-repeat center center; background-size: cover; }
.sub2.tab03 .bgBox2{ background: url(/img/bg_sub213_02.png) no-repeat center center; background-size: cover; }
.sub2.tab03 .bgBox3{ background: url(/img/bg_sub213_03.png) no-repeat center center; background-size: cover; }
.sub2.tab03 .bgBox4{ background: url(/img/bg_sub2-6-3_01.jpg) no-repeat center center; background-size: cover; }
.sub2.tab03 .bgBox5{ background: url(/img/bg_sub2-6-3_02.jpg) no-repeat center center; background-size: cover; }
.sub2.tab03 .bgBox6{ background: url(/img/bg_sub2-6-3_03.jpg) no-repeat center center; background-size: cover; }
.sub2.tab03 .inner > h2{ margin-bottom: 40px; }
.sub2.tab03 .inner > p{ width: 100%; font-size: 18px; font-weight: 400; color: #111111; letter-spacing: -0.8px; line-height: 33px; margin-top: 30px; }
.sub2.tab03 .inner.in02{ padding: 50px 0 100px; }
.sub2.tab03 .inner.in02 > .flex{ display: flex; justify-content: space-between; }
.sub2.tab03 .inner.in02 > .flex .tbBox{ width: 49%; }
.sub2.tab03 .inner.in02 > p{ font-size: 15px; color: #777; text-align: center; }
.sub2.tab03 .inner.in02 .tbBox h3{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1px; margin-bottom: 20px; }
.sub2.tab03 .inner.in02 .tbBox{ width: 100%; }
.sub2.tab03 .inner.in02 .tbBox table thead tr th{ font-size: 16px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; padding: 20px; border-left: 1px solid #e6e6e6; }
.sub2.tab03 .inner.in02 .tbBox table thead tr th:first-of-type{ border-left: none; }
.sub2.tab03 .inner.in02 .tbBox table tbody tr th{ width: 150px; font-size: 16px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; padding: 20px; }
.sub2.tab03 .inner.in02 .tbBox table.type02 tbody tr th{ border-right: 1px solid #e6e6e6; }
.sub2.tab03 .inner.in02 .tbBox table tbody tr td{ font-size: 15px; line-height: 24px; text-align: left; }
.sub2.tab03 .inner.in02 .tbBox table tbody tr td h4{ margin-bottom: 5px; }
.sub2.tab03 .inner.in02 .tbBox table tbody tr td ul li{ position: relative; font-size: 14px; line-height: 19px; padding-left: 45px; margin-bottom: 10px; }
.sub2.tab03 .inner.in02 .tbBox table tbody tr td ul li:last-of-type{ margin-bottom: 0; }
.sub2.tab03 .inner.in02 .tbBox table tbody tr td ul li span{ position: absolute; left: 0; top: 0; font-size: 14px; font-weight: 700; }
.sub2.tab03 .inner.in02 .stepBox{ text-align: center; margin-bottom: 80px; }
.sub2.tab03 .inner.in02 .stepBox ul{ display: flex; align-items: stretch; justify-content: space-between; }
.sub2.tab03 .inner.in02 .stepBox ul li{ width: 32%; border: 2px solid #f4f4f4; padding: 50px 30px; border-radius: 20px; }
.sub2.tab03 .inner.in02 .stepBox ul li h3{ font-size: 24px; font-weight: 900; color: #111; letter-spacing: -1px; line-height: 34px; word-break: keep-all; margin-bottom: 20px; }
.sub2.tab03 .inner.in02 .stepBox ul li p{ font-size: 15px; font-weight: 400; color: #222; line-height: 26px; word-break: keep-all; }
.sub2.tab03 .inner.in02 .stepBox > p{ font-size: 15px; font-weight: 400; color: #222; line-height: 26px; word-break: keep-all; margin-top: 20px; }

/* SUB 2 - 커리큘럼추가 20231026 */
.sub2.tab03 .inner.in02 .stepBox02{ text-align: center; margin-bottom: 80px; }
.sub2.tab03 .inner.in02 .stepBox02 table{ border: 1px solid #d5d5d5;}
.sub2.tab03 .inner.in02 .stepBox02 table tr th{ font-size: 24px; font-weight: 900; color: #111; letter-spacing: -1px; line-height: 34px; word-break: keep-all; margin-bottom: 20px; padding:10px 0;  border: 1px solid #d5d5d5; background-color:#f8f8f8;}
.sub2.tab03 .inner.in02 .stepBox02 table tr td{ font-size: 15px; font-weight: 400; color: #222; line-height: 26px; word-break: keep-all; }



/* SUB 2 - 커리큘럼추가 20231109 */
.sub2.tab04 .bgBox1{ background: url(/img/bg_sub213_01.png) no-repeat center center; background-size: cover; }
.sub2.tab04 .bgBox2{ background: url(/img/bg_sub213_02.png) no-repeat center center; background-size: cover; }
.sub2.tab04 .bgBox3{ background: url(/img/bg_sub213_03.png) no-repeat center center; background-size: cover; }
.sub2.tab04 .inner > h2{ margin-bottom: 40px; }
.sub2.tab04 .inner > p{ width: 100%; font-size: 18px; font-weight: 400; color: #111111; letter-spacing: -0.8px; line-height: 33px; margin-top: 30px; }
.sub2.tab04 .inner.in02{ padding: 50px 0 100px; }
.sub2.tab04 .inner.in02 > .flex{ display: flex; justify-content: space-between; }
.sub2.tab04 .inner.in02 > .flex .tbBox{ width: 49%; }
.sub2.tab04 .inner.in02 > p{ font-size: 15px; color: #777; text-align: center; }
.sub2.tab04 .inner.in02 .tbBox h3{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1px; margin-bottom: 20px; }
.sub2.tab04 .inner.in02 .tbBox{ width: 100%; }
.sub2.tab04 .inner.in02 .tbBox table thead tr th{ font-size: 16px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; padding: 20px; border-left: 1px solid #e6e6e6; }
.sub2.tab04 .inner.in02 .tbBox table thead tr th:first-of-type{ border-left: none; }
.sub2.tab04 .inner.in02 .tbBox table tbody tr th{ width: 150px; font-size: 16px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; padding: 20px; }
.sub2.tab04 .inner.in02 .tbBox table.type02 tbody tr th{ border-right: 1px solid #e6e6e6; }
.sub2.tab04 .inner.in02 .tbBox table tbody tr td{ font-size: 15px; line-height: 24px; text-align: left; }
.sub2.tab04 .inner.in02 .tbBox table tbody tr td h4{ margin-bottom: 5px; }
.sub2.tab04 .inner.in02 .tbBox table tbody tr td ul li{ position: relative; font-size: 14px; line-height: 22px; padding-left: 13px; margin-bottom: 10px; background: url(/img/dot_gray.png) no-repeat left 9px;}
.sub2.tab04 .inner.in02 .tbBox table tbody tr td ul li:last-of-type{ margin-bottom: 0; }
.sub2.tab04 .inner.in02 .tbBox table tbody tr td ul li span{ position: absolute; left: 0; top: 0; font-size: 14px; font-weight: 700; }

.sub2.tab04 .inner.in02 .stepBox{ text-align: left; margin-bottom: 80px; }
.sub2.tab04 .inner.in02 .stepBox > h3{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 30px; }
.sub2.tab04 .inner.in02 .stepBox > h3::before{ width: 7px; height: 30px; background-color: #0075c2; vertical-align: -3px; content: ''; display: inline-block; margin-right: 10px; }
.sub2.tab04 .inner.in02 .stepBox ul{ display: flex; align-items: stretch; justify-content: space-between;text-align: center; }
.sub2.tab04 .inner.in02 .stepBox ul li{ width: 32%; border: 2px solid #f4f4f4; padding: 50px 30px; border-radius: 20px; }
.sub2.tab04 .inner.in02 .stepBox ul li h3{ font-size: 24px; font-weight: 900; color: #111; letter-spacing: -1px; line-height: 34px; word-break: keep-all; margin-bottom: 20px; }
.sub2.tab04 .inner.in02 .stepBox ul li p{ font-size: 15px; font-weight: 400; color: #222; line-height: 26px; word-break: keep-all; }
.sub2.tab04 .inner.in02 .stepBox > p{ font-size: 15px; font-weight: 400; color: #222; line-height: 26px; word-break: keep-all; margin-top: 20px; }

















/* ? case */
.sub213.sub2.tab03 .inner.in02 .tbBox table tbody tr td{ padding: 20px 0 20px 35px; }
.sub223.sub2.tab03 .inner.in02 .tbBox table tbody tr td{ height: 60px; text-align: center; }
/* SUB 2 - 학습시간표 */
.sub2.tab04 .inner > h2{ margin-bottom: 20px; }
.sub2.tab04 .inner > p{ margin-bottom: 80px; }
.sub2.tab04 .inner > p span{ display: inline-block; font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.5px; line-height: 20px; background-color: #fff493; }
.sub2.tab04 .inner > p span:last-of-type{ margin-top: 8px; }
.sub2.tab04 .inner > .contBox ul{ margin-bottom: 35px; }
.sub2.tab04 .inner > .contBox .toggleBox .tit{ font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 70px; border-top: 2px solid #000000; background-color: #f8f8f8; text-align: center; cursor: pointer; }
.sub2.tab04 .inner > .contBox .toggleBox .tit::after{ width: 12px; height: 7px; background: url(/img/ico_toggle_arrow.png) no-repeat center center; background-size: contain; vertical-align: middle; content: ''; display: inline-block; margin-left: 15px; transition: all 0.2s ease-in-out; }
.sub2.tab04 .inner > .contBox .toggleBox.on .tit::after{ transform: rotate(180deg); }
.sub2.tab04 .inner > .contBox .toggleBox .tbBox{ display: none; }
.sub2.tab04 .inner > .contBox.cb01 .toggleBox .tbBox{ display: block; }
.sub2.tab04 .inner > .contBox table{ border-top: 1px solid #e6e6e6; }
.sub2.tab04 .inner > .contBox table tbody tr > *{ width: 12.5%; }
.sub2.tab04 .inner > .contBox table tbody tr th{ font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; padding: 15px; }
.sub2.tab04 .inner > .contBox table tbody tr th span{ display: block; font-size: 14px; font-weight: 400; color: #111; }
.sub2.tab04 .inner > .contBox table tbody tr td{ padding: 8px; }
.sub2.tab04 .inner > .contBox table tbody tr:first-of-type td{ height: 70px; font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; }
.sub2.tab04 .inner > .contBox table tbody tr td:last-of-type{ border-right: none; }
.sub2.tab04 .inner > .contBox table tbody tr td.borderR{ border-right: 1px solid #e6e6e6; }
.sub2.tab04 .inner > .contBox table + p{ font-size: 16px; font-weight: 500; color: #de2424; margin-top: 20px; }





/** 2024 겨울캠프 표디자인 */
.sub2.tab05 .inner > h2{ margin-bottom: 20px; font-size:30px; }
.sub2.tab05 .inner > p{ margin-bottom: 80px; }
.sub2.tab05 .inner > p span{ display: inline-block; font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.5px; line-height: 20px; background-color: #fff493; }
.sub2.tab05 .inner > p span:last-of-type{ margin-top: 8px; }
.sub2.tab05 .inner > h3{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 30px; }
.sub2.tab05 .inner > h3::before{ width: 7px; height: 30px; background-color: #0075c2; vertical-align: -3px; content: ''; display: inline-block; margin-right: 10px; }
.sub2.tab05 .inner > .contBox ul{ margin-bottom: 35px; }
.sub2.tab05 .inner > .contBox .toggleBox .tit{ font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 70px; border-top: 2px solid #000000; background-color: #f8f8f8; text-align: center; cursor: pointer; }
.sub2.tab05 .inner > .contBox .toggleBox .tit::after{ width: 12px; height: 7px; background: url(/img/ico_toggle_arrow.png) no-repeat center center; background-size: contain; vertical-align: middle; content: ''; display: inline-block; margin-left: 15px; transition: all 0.2s ease-in-out; }
.sub2.tab05 .inner > .contBox .toggleBox.on .tit::after{ transform: rotate(180deg); }
.sub2.tab05 .inner > .contBox .toggleBox .tbBox{ display: none; }
.sub2.tab05 .inner > .contBox.cb01 .toggleBox .tbBox{ display: block; }

.sub2.tab05 .inner > .contBox table{ border-top: 1px solid #e6e6e6; }
.sub2.tab05 .inner > .contBox table tbody tr > *{ width: 6%; }
.sub2.tab05 .inner > .contBox table tbody tr th{ font-size: 14px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; padding: 10px;}
.sub2.tab05 .inner > .contBox table tbody tr th span{ display: block; font-size: 14px; font-weight: 400; color: #111;  }
.sub2.tab05 .inner > .contBox table tbody tr td{ padding: 8px; font-size: 14px; }
.sub2.tab05 .inner > .contBox table tbody tr:first-of-type td{ height: 70px; font-size: 14px; font-weight: 700; color: #111; letter-spacing: -0.5px; }
.sub2.tab05 .inner > .contBox table tbody tr td:last-of-type{ border-right: none; }
.sub2.tab05 .inner > .contBox table tbody tr td.borderR{ border-right: 1px solid #e6e6e6; }
.sub2.tab05 .inner > .contBox table + p{ font-size: 16px; font-weight: 500; color: #de2424; margin-top: 20px; }






/** S U B 2 - 5 (2025 대입기초반) */
.sub2_5_2 .inner > h2{ text-align: left; margin-bottom: 60px; }
.sub2_5_2 .inner > h2 span{ display: block; font-size: 16px; font-weight: 400; color: #0075c2; letter-spacing: -0.5px; line-height: 20px; margin-bottom: 5px; }
.sub2_5_2 .inner > .contBox > h3{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 30px; }
.sub2_5_2 .inner > .contBox > h3::before{ width: 7px; height: 30px; background-color: #0075c2; vertical-align: -3px; content: ''; display: inline-block; margin-right: 10px; }
.sub2_5_2 .inner table tbody tr th{ font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; padding: 20px; }
.sub2_5_2 .inner table tbody tr th b{ font-size: 20px; color: #0075c2; }
.sub2_5_2 .inner table tbody tr td{ text-align: left; }
.sub2_5_2 .inner table tbody tr td.center{ text-align: center; }
.sub2_5_2 .inner table tbody tr td h4{ font-size: 20px; font-weight: 700; letter-spacing: -1px; margin-bottom: 5px; }
.sub2_5_2 .inner table tbody tr td p{ font-size: 23px; letter-spacing: -1.2px; margin-bottom: 3px; }
.sub2_5_2 .inner table tbody tr td p em{ font-weight: 700; color: #0075c2; font-style: normal; }
.sub2_5_2 .inner table tbody tr td b{ display: inline-block; font-weight: 400; color: #de2424; }
.sub2_5_2 .inner table tbody tr td span{ display: block; font-size: 14px; margin-top: 5px; }
.sub2_5_2 .inner table tbody tr td strong{ display: block; font-weight: 400; color: #0075c2; }
.sub2_5_2 .inner table tbody tr td ul li{ position: relative; padding-left: 20px; margin-bottom: 5px; }
.sub2_5_2 .inner table tbody tr td ul li:last-of-type{ margin-bottom: 0; }
.sub2_5_2 .inner table tbody tr td ul li::before{ position: absolute; left: 0; top: 8px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub2_5_2 .inner table tbody tr td ul li.mtop{ margin-top: 20px; }
.sub2_5_2.tab01 .inner > h2{ margin-bottom: 30px; }
.sub2_5_2.tab01 .inner > h2 strong{ font-weight: 900; }
.sub2_5_2.tab01 .inner > h2 strong em{ color: #0076c3; font-style: normal; }
.sub2_5_2.tab01 .inner > p{ display: block; font-size: 22px; font-weight: 500; color: #111111; letter-spacing: -1px; line-height: 40px; margin-bottom: 80px; }
.sub2_5_2.tab01 .inner > p b{ position: relative; display: inline-block; font-weight: 500; z-index: 10; }
.sub2_5_2.tab01 .inner > p b::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 16px; background-color: #fff493; content: ''; display: block; z-index: -1; }
.sub2_5_2.tab01 .inner > .contBox{ margin-bottom: 100px; }
.sub2_5_2.tab01 .inner > .contBox ul{ border-top: 2px solid #000; border-bottom: 1px solid #e6e6e6; text-align: left; padding: 25px 30px; }
.sub2_5_2.tab01 .inner > .contBox ul li{ position: relative; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 26px; word-break: keep-all; padding-left: 20px; }
.sub2_5_2.tab01 .inner > .contBox ul li::before{ position: absolute; left: 0; top: 12px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub2_5_2.tab01 .inner > .contBox ul li strong{ font-weight: 400; color: #0075c2; }
.sub2_5_2.tab01 .inner > .contBox.cb02{ background: #f8f8f8; text-align: center; border-radius: 30px; padding: 50px 30px; }
.sub2_5_2.tab01 .inner > .contBox.cb02 > h4{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 40px; }
.sub2_5_2.tab01 .inner > .contBox.cb02 > h4 strong{ display: block; font-size: 25px; font-weight: 900; color: #0075c2; line-height: 30px; }
.sub2_5_2.tab01 .inner > .contBox.cb02 > h4 strong::before{ width: 96px; height: 46px; background: url(/img/img_star.png) no-repeat center center; background-size: contain; content: ''; display: block; margin: 0 auto; }
.sub2_5_2.tab01 .inner > .contBox table tbody tr td{ text-align: center; }
.sub2_5_2.tab01 .inner .tbBox2 table tbody tr > *{ width: 12.5%; }
.sub2_5_2.tab01 .inner .tbBox2 table tbody tr th{ font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; padding: 15px; }
.sub2_5_2.tab01 .inner .tbBox2 table tbody tr th span{ display: block; font-size: 14px; font-weight: 400; color: #111; }
.sub2_5_2.tab01 .inner .tbBox2 table tbody tr td{ padding: 15px; }
.sub2_5_2.tab01 .inner .tbBox2 table tbody tr:first-of-type td{ height: 70px; font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; }
.sub2_5_2.tab01 .inner .tbBox2 table tbody tr td:last-of-type{ border-right: none; }
.sub2_5_2.tab01 .inner .tbBox2 table tbody tr td.borderR{ border-right: 1px solid #e6e6e6; }



/** S U B 2 - 6 ( 2024겨울캠프 ) */
.sub2-6 .inner > table tbody tr th{ width: 250px; font-size: 16px; font-weight: 700; color: #111; letter-spacing: -0.5px; word-break: keep-all; padding: 20px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; }
.sub2-6 .inner > table tbody tr td{ text-align: left; word-break: keep-all; }
.sub2-6 .inner > table tbody tr td strong {color:#de2424; font-weight:400; background-color:#fff493; line-height:30px;}
.sub2-6 .inner > h3{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 30px; }
.sub2-6 .inner > h3::before{ width: 7px; height: 30px; background-color: #0075c2; vertical-align: -3px; content: ''; display: inline-block; margin-right: 10px; }
.sub2-6 .inner > .contBox{ padding: 30px 40px; background-color: #f8f8f8; border: 1px solid #ececec; margin-top: 40px; }
.sub2-6 .inner > .contBox h3{ font-size: 21px; font-weight: 700; color: #111; letter-spacing: -1.5px; line-height: 30px; margin-bottom: 10px; }
.sub2-6 .inner > .contBox h3:nth-of-type(2){ margin-top: 30px; }
.sub2-6 .inner > .contBox ul li{ position: relative; font-size: 15px; font-weight: 400; color: #111111; letter-spacing: -0.5px; line-height: 30px; padding-left: 15px; margin-bottom: 5px; }
.sub2-6 .inner > .contBox ul li:last-of-type{ margin-bottom: 0; }
.sub2-6 .inner > .contBox ul li::before{ position: absolute; left: 0; top: 13px; width: 4px; height: 4px; background-color: #0075c2; border-radius: 50%; content: ''; display: inline-block; }
.sub2-6 .inner > .contBox ul li strong{ display: block; font-weight: 400; color: #de2424; }
.sub2-6 .inner > a{ display: block; width: 250px; font-size: 16px; font-weight: 500; color: #fff; line-height: 60px; border-radius: 10px; background: #0075c2; text-align: center; margin: 30px auto; }



/** S U B 2 - 7 ( 입학 준비물 ) */
.sub27 .inner > table tbody tr th{ width: 250px; font-size: 16px; font-weight: 700; color: #111; letter-spacing: -0.5px; word-break: keep-all; padding: 20px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; }
.sub27 .inner > table tbody tr td{ text-align: left; word-break: keep-all; }
.sub27 .inner > table tbody tr td strong {color:#de2424; font-weight:400; background-color:#fff493; line-height:30px;}
.sub27 .inner > .contBox{ padding: 30px 40px; background-color: #f8f8f8; border: 1px solid #ececec; margin-top: 40px; }
.sub27 .inner > .contBox h3{ font-size: 21px; font-weight: 700; color: #111; letter-spacing: -1.5px; line-height: 30px; margin-bottom: 10px; }
.sub27 .inner > .contBox h3:nth-of-type(2){ margin-top: 30px; }
.sub27 .inner > .contBox ul li{ position: relative; font-size: 15px; font-weight: 400; color: #111111; letter-spacing: -0.5px; line-height: 30px; padding-left: 15px; margin-bottom: 5px; }
.sub27 .inner > .contBox ul li:last-of-type{ margin-bottom: 0; }
.sub27 .inner > .contBox ul li::before{ position: absolute; left: 0; top: 13px; width: 4px; height: 4px; background-color: #0075c2; border-radius: 50%; content: ''; display: inline-block; }
.sub27 .inner > .contBox ul li strong{ display: block; font-weight: 400; color: #de2424; }
.sub27 .inner > a{ display: block; width: 250px; font-size: 16px; font-weight: 500; color: #fff; line-height: 60px; border-radius: 10px; background: #0075c2; text-align: center; margin: 30px auto; }

/** S U B 2 - 8 ( 비상 장학금 ) */
.sub28 .inner > h2{ margin-bottom: 10px; }
.sub28 .inner > p{ font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.5px; text-align: center; margin-bottom: 80px; }
.sub28 .inner > .tbBox{ margin-bottom: 80px; }
.sub28 .inner > .tbBox > h3{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 30px; }
.sub28 .inner > .tbBox > h3::before{ width: 7px; height: 30px; background-color: #0075c2; vertical-align: -3px; content: ''; display: inline-block; margin-right: 10px; }
.sub28 .inner > .tbBox > table tbody tr th{ font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; padding: 15px; }
.sub28 .inner > .tbBox > ul{ margin-top: 30px; }
.sub28 .inner > .tbBox > ul li{ position: relative; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 28px; word-break: keep-all; padding: 0 22px; margin-bottom: 5px; }
.sub28 .inner > .tbBox > ul li:last-of-type{ margin-bottom: 0; }
.sub28 .inner > .tbBox > ul li::before{ position: absolute; left: 0; top: 9px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub28 .inner > .tbBox > ul li.type02::before{ top: 20px; }
.sub28 .inner > .tbBox > ul li .math{ display: inline-block; margin: 0 10px; }
.sub28 .inner > .tbBox > ul li .math span{ display: inline-block; text-align: center; vertical-align: middle; }
.sub28 .inner > .tbBox > ul li .math span em{ display: block; font-style: normal; }
.sub28 .inner > .tbBox > ul li .math span em:first-of-type{ border-bottom: 1px solid #111; }
.sub28 .inner > .tbBox > ul li .math strong{ display: inline-block; font-weight: 400; margin-left: 10px; }
.sub28 .inner > .tbBox > ul li table{ margin: 10px 0 15px; }
.sub28 .inner > .tbBox > ul li table th{ height: 45px; font-size: 14px; }
.sub28 .inner > .tbBox > ul li table tbody tr th{ border-right: 1px solid #e6e6e6; background: #f8f8f8; }
.sub28 .inner > .tbBox > ul li table tbody tr td{ font-size: 14px; padding: 9px 10px; }
.sub28 .inner > .contBox{ padding: 30px 40px; background-color: #f8f8f8; border: 1px solid #ececec; margin-top: 40px; }
.sub28 .inner > .contBox h3{ font-size: 21px; font-weight: 700; color: #111; letter-spacing: -1.5px; line-height: 30px; margin-bottom: 10px; }
.sub28 .inner > .contBox ul li{ position: relative; font-size: 15px; font-weight: 400; color: #111111; letter-spacing: -0.5px; line-height: 30px; padding-left: 15px; margin-bottom: 5px; }
.sub28 .inner > .contBox ul li:last-of-type{ margin-bottom: 0; }
.sub28 .inner > .contBox ul li::before{ position: absolute; left: 0; top: 13px; width: 4px; height: 4px; background-color: #0075c2; border-radius: 50%; content: ''; display: inline-block; }


/** S U B 2 - 12-5 (정규반 추가 20231031 ) */
.sub2 > .sub2-12-5 p {font-size:23px; font-weight:700; margin:50px 0 10px 0;}
.sub2 > .sub2-12-5 ul li {font-size:16px; line-height:40px;}
.sub2 > .sub2-12-5 table {margin:30px 0 20px 0;}
.sub2 > .sub2-12-5 table tr th {background-color:#f8f8f8; height:40px; line-height:40px; border-right:1px solid #e6e6e6;}


/** S U B 2 - 15-3 (조기반선행반 추가 20240702 ) */
.sub2 > .sub2-15-3 h2 {font-size:60px; font-weight:900; margin:30px 0 10px 0;display:inline-block; color:#111111;}
.sub2 > .sub2-15-3 ul li {font-size:20px; line-height:40px; font-weight:700;}
.sub2 > .sub2-15-3 ul li p {display:block; background-color:#f3f4f6; border-radius: 10px; font-size:16px; color:#111111; width:1200px; font-weight:normal; margin:10px 0 10px 0; padding:10px 0 10px 20px;}
.sub2 > .sub2-15-3 h3 { font-size:35px; font-weight:700; margin-bottom:20px;}
.sub2 > .sub2-15-3 span{font-size:16px; line-height:25px;}
.sub2 > .sub2-15-3 span.text_box01 {display: inline-block; font-weight:700; background-color:#fff493; padding: 5px 10px; margin-top:20px;line-height:25px;}
.sub2 > .sub2-15-3 p.MT30 {margin-top:30px;}


/** S U B 2 - 18-7 (완자반 추가 20250227 ) */
.sub2 > .sub2-18-7 h2 {margin-bottom:0px;}
.sub2 > .sub2-18-7 h2 span{display:blok; font-size:16px; font-weight:400; color:#0075c2; letter-spacing: -0.5px; line-height:20px;}
.sub2 > .sub2-18-7 h3 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px;}
.sub2 > .sub2-18-7 h3::before {width:7px; height:40px; background-color:#0075c2; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}
.sub2 > .sub2-18-7 p {font-size:28px; color:#de3434; font-weight:bold;}
.sub2 > .sub2-18-7 div {margin-top:50px;}
.sub2 > .sub2-18-7 ul p {background-color:#0075c2; font-size:21px; color:#fff; font-weight:bold; padding:10px 30px; display:inline-block; border-radius:100px; margin-bottom:20px;}

.sub_page.sub2-18-7 .inner{ text-align: center; }
.sub_page.sub2-18-7 .inner > span{ position: relative; display: inline-block; font-size: 30px; font-weight: 500; color: #111; letter-spacing: -1.5px; margin-bottom: 20px; }
.sub_page.sub2-18-7 .inner > span::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 17px; background-color: #fff55d; content: ''; display: block; z-index: -1; }
.sub_page.sub2-18-7 .inner > p{ font-size: 18px; font-weight: 400; color: #888888; letter-spacing: -0.8px; line-height: 33px; margin-bottom: 70px;  }
.sub_page.sub2-18-7 .inner > ul{ width: 985px; margin: 0 auto; display: flex; padding-top: 400px; background: url(/img/img_sub71.png) no-repeat center top; }
.sub_page.sub2-18-7 .inner > ul li{ width: 33.33%; font-size: 18px; font-weight: 400; color: #111; letter-spacing: -0.8px; line-height: 33px; }

.sub2-18-7.contBox{ padding: 110px 0; }
.sub2-18-7.contBox .inner > h2{ font-size: 35px; font-weight: 700; color: #111; letter-spacing: -2px; line-height: 40px; text-align: left; margin-bottom: 10px; }
.sub2-18-7.contBox .inner > h2 span{display:blok; font-size:16px; font-weight:400; color:#0075c2; letter-spacing: -0.5px; line-height:20px;}
.sub2-18-7.contBox .inner > h3 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px;}
.sub2-18-7.contBox .inner > h3::before {width:7px; height:40px; background-color:#0075c2; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}
.sub2-18-7.contBox .inner > p {font-size:26px; color:#de3434; font-weight:bold; text-align: left;}


.sub2-18-7.contBox .inner > ul{ display: flex; align-items: stretch; justify-content: center; margin-top:50px; }
.sub2-18-7.contBox .inner > ul > li{ width: 400px; margin-right: 20px; border-radius: 20px; overflow: hidden; }
.sub2-18-7.contBox .inner > ul > li:last-of-type{ margin-right: 0; }
.sub2-18-7.contBox .inner > ul > li .tit{ font-size: 21px; font-weight: 700; color: #fff; letter-spacing: -1px; line-height: 30px; height:90px; text-align: center; padding: 15px 0; }
.sub2-18-7.contBox .inner > ul > li > ol{ height: 100%; padding: 25px; background-color: #fff; }
.sub2-18-7.contBox .inner > ul > li > ol li{ position: relative; font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.8px; line-height: 25px; padding-left: 20px; margin-bottom: 10px; }
.sub2-18-7.contBox .inner > ul > li > ol li span{color:#de3434;background-color:#fff493; font-weight: 700;}
.sub2-18-7.contBox .inner > ul > li > ol li:last-of-type{ margin-bottom: 0; }
.sub2-18-7.contBox .inner > ul > li > ol li::before{ position: absolute; left: 0; top: 6px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
/* ? case */
.sub2-18-7.contBox.cb02{ background: #f3f6f8; }
.sub2-18-7.contBox.cb02 .inner > ul > li .tit{ background-color: #0075c2; }


/** S U B 2 - 20-2 (올클리어반 추가 20250509 ) */
.sub2 > .sub2-20-2 h2 {margin-bottom:0px;}
.sub2 > .sub2-20-2 h2 span{display:blok; font-size:16px; font-weight:400; color:#0075c2; letter-spacing: -0.5px; line-height:20px;}
.sub2 > .sub2-20-2 h3 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px;}
.sub2 > .sub2-20-2 h3::before {width:7px; height:40px; background-color:#0075c2; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}
.sub2 > .sub2-20-2 p {font-size:28px; color:#de3434; font-weight:bold;}
.sub2 > .sub2-20-2 div {margin-top:50px;}
.sub2 > .sub2-20-2 ul p {background-color:#0075c2; font-size:21px; color:#fff; font-weight:bold; padding:10px 30px; display:inline-block; border-radius:100px; margin-bottom:20px;}

.sub_page.sub2-20-2 .inner{ text-align: center; }
.sub_page.sub2-20-2 .inner > p{ font-size: 18px; font-weight: 400; color: #888888; letter-spacing: -0.8px; line-height: 33px; margin-bottom: 70px;  }
.sub_page.sub2-20-2 .inner > ul{ width: 985px; margin: 0 auto; display: flex; padding-top: 400px; background: url(/img/img_sub71.png) no-repeat center top; }
.sub_page.sub2-20-2 .inner > ul li{ width: 33.33%; font-size: 18px; font-weight: 400; color: #111; letter-spacing: -0.8px; line-height: 33px; }

.sub2-20-2.contBox{ padding: 110px 0; }
.sub2-20-2.contBox .inner > h2{ font-size: 35px; font-weight: 700; color: #111; letter-spacing: -2px; line-height: 40px; text-align: left; margin-bottom: 10px; }
.sub2-20-2.contBox .inner > h2 span{display:blok; font-size:16px; font-weight:400; color:#0075c2; letter-spacing: -0.5px; line-height:20px;}
.sub2-20-2.contBox .inner > h2 span.tit_20_1 {background:#0075c2; border-radius:50px; font-size:18px; color:#ffffff; padding:10px 30px;}
.sub2-20-2.contBox .inner > h2 span.tit_20_2 {background:#663090; border-radius:50px; font-size:18px; color:#ffffff; padding:10px 30px;}


.sub2-20-2.contBox .inner > h3 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px;}
.sub2-20-2.contBox .inner > h3::before {width:7px; height:40px; background-color:#0075c2; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}
.sub2-20-2.contBox .inner > h4 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px;}
.sub2-20-2.contBox .inner > h4::before {width:7px; height:40px; background-color:#663090; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}
.sub2-20-2.contBox .inner > p {font-size:26px; color:#de3434; font-weight:bold; text-align: left;}


.sub2-20-2.contBox .inner > ul{ display: flex; align-items: stretch; justify-content: center; margin-top:50px; }
.sub2-20-2.contBox .inner > ul > li{ width: 400px; margin-right: 20px; border-radius: 20px; overflow: hidden; }
.sub2-20-2.contBox .inner > ul > li:last-of-type{ margin-right: 0; }
.sub2-20-2.contBox .inner > ul > li .tit{ font-size: 21px; font-weight: 700; color: #fff; letter-spacing: -1px; line-height: 30px; height:90px; text-align: center; padding: 15px 0; }
.sub2-20-2.contBox .inner > ul > li > ol{ height: 100%; padding: 25px; background-color: #fff; }
.sub2-20-2.contBox .inner > ul > li > ol li{ position: relative; font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.8px; line-height: 25px; padding-left: 20px; margin-bottom: 10px; }
.sub2-20-2.contBox .inner > ul > li > ol li span{color:#000; font-weight: 800;}
.sub2-20-2.contBox .inner > ul > li > ol li:last-of-type{ margin-bottom: 0; }
.sub2-20-2.contBox .inner > ul > li > ol li::before{ position: absolute; left: 0; top: 6px; width: 15px; height: 15px; background: url(/img/ico_bull_check02.png) no-repeat center center; background-size: contain; content: ''; display: block; }
/* ? case */
.sub2-20-2.contBox.cb02{ background: #f3f6f8; }
.sub2-20-2.contBox.cb02 .inner > ul > li .tit{ background-color: #0075c2; }



/** S U B 2 - 21-2 (개별진도 검시반 0521) */
.sub2 > .sub2-21-2 h2 {margin-bottom:0px;}
.sub2 > .sub2-21-2 h2 span{display:blok; font-size:16px; font-weight:400; color:#ee3668; letter-spacing: -0.5px; line-height:20px;}
.sub2 > .sub2-21-2 h3 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px;}
.sub2 > .sub2-21-2 h3::before {width:7px; height:40px; background-color:#ee3668; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}
.sub2 > .sub2-21-2 p {font-size:28px; color:#de3434; font-weight:bold;}
.sub2 > .sub2-21-2 div {margin-top:50px;}
.sub2 > .sub2-21-2 ul p {background-color:#0075c2; font-size:21px; color:#fff; font-weight:bold; padding:10px 30px; display:inline-block; border-radius:100px; margin-bottom:20px;}

.sub_page.sub2-21-2 .inner{ text-align: center; }
.sub_page.sub2-21-2 .inner > p{ font-size: 18px; font-weight: 400; color: #888888; letter-spacing: -0.8px; line-height: 33px; margin-bottom: 70px;  }
.sub_page.sub2-21-2 .inner > ul{ width: 985px; margin: 0 auto; display: flex; padding-top: 400px; background: url(/img/img_sub71.png) no-repeat center top; }
.sub_page.sub2-21-2 .inner > ul li{ width: 33.33%; font-size: 18px; font-weight: 400; color: #111; letter-spacing: -0.8px; line-height: 33px; }

.sub2-21-2.contBox{ padding: 110px 0; }
.sub2-21-2.contBox .inner > h2{ font-size: 35px; font-weight: 700; color: #111; letter-spacing: -2px; line-height: 40px; text-align: left; margin-bottom: 10px; }
.sub2-21-2.contBox .inner > h2 span{display:blok; font-size:16px; font-weight:400; color:#0075c2; letter-spacing: -0.5px; line-height:20px;}

.sub2-21-2.contBox .inner > h3 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px;}
.sub2-21-2.contBox .inner > h3::before {width:7px; height:40px; background-color:#ee3668; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}
.sub2-21-2.contBox .inner > h4 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px;}
.sub2-21-2.contBox .inner > h4::before {width:7px; height:40px; background-color:#663090; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}
.sub2-21-2.contBox .inner > p {font-size:26px; color:#de3434; font-weight:bold; text-align: left;}


.sub2-21-2.contBox .inner > ul{ display: flex; align-items: stretch; justify-content: center; margin-top:50px; }
.sub2-21-2.contBox .inner > ul > li{ width: 400px; margin-right: 20px; border-radius: 20px; overflow: hidden; }
.sub2-21-2.contBox .inner > ul > li:last-of-type{ margin-right: 0; }
.sub2-21-2.contBox .inner > ul > li .tit{ font-size: 21px; font-weight: 700; color: #fff; letter-spacing: -1px; line-height: 30px; height:90px; text-align: center; padding: 15px 0; }
.sub2-21-2.contBox .inner > ul > li > ol{ height: 100%; padding: 25px; background-color: #fff; }
.sub2-21-2.contBox .inner > ul > li > ol li{ position: relative; font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.8px; line-height: 25px; padding-left: 20px; margin-bottom: 10px; }
.sub2-21-2.contBox .inner > ul > li > ol li span{color:#000; font-weight: 800;}
.sub2-21-2.contBox .inner > ul > li > ol li:last-of-type{ margin-bottom: 0; }
.sub2-21-2.contBox .inner > ul > li > ol li::before{ position: absolute; left: 0; top: 6px; width: 15px; height: 15px; background: url(/img/ico_bull_check02.png) no-repeat center center; background-size: contain; content: ''; display: block; }
/* ? case */
.sub2-21-2.contBox.cb02{ background: #f3f6f8; }
.sub2-21-2.contBox.cb02 .inner > ul > li .tit{ background-color: #ee3668; }



/** 개별진도 검시반 */

.sub2-21-2_new.contBox{ padding: 110px 0; }
.sub2-21-2_new.contBox .inner > h2{ font-size: 35px; font-weight: 700; color: #111; letter-spacing: -2px; line-height: 40px; text-align: left; margin-bottom: 10px; }
.sub2-21-2_new.contBox .inner > h2 span{display:blok; font-size:16px; font-weight:400; color:#0075c2; letter-spacing: -0.5px; line-height:20px;}
.sub2-21-2_new.contBox .inner > h3 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px; margin-bottom:60px;}
.sub2-21-2_new.contBox .inner > h3::before {width:7px; height:40px; background-color:#0075c2; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}

.inner > .sub2_21_con01 li {float:left;border-radius:20px; width:370px; text-align:center; padding:53px 15px 15px 15px;}
.inner > .sub2_21_con01 li h3 {color:#ffffff; font-size:30px; line-height:40px; font-weight:900; margin-top:28px;}
.inner > .sub2_21_con01 .conbg01 {background-color: #f8981d; margin-right:45px;}
.inner > .sub2_21_con01 .conbg02 {background-color: #45c2c6; margin-right:45px;}
.inner > .sub2_21_con01 .conbg03 {background-color: #26abe3;}
.inner > .sub2_21_con01 li p {border-radius:20px; width:100%; font-size:20px; line-height:30px; padding:50px 0; margin-top:30px;}
.inner > .sub2_21_con01 .box_bg01 {background-color: #fef4e8; letter-spacing:-1px;}
.inner > .sub2_21_con01 .box_bg02 {background-color: #ecf9f9;}
.inner > .sub2_21_con01 .box_bg03 {background-color: #e2f6fe;}

.inner > .sub2_21_con01 div {background-color: #ffffff; font-size:30px;  line-height:62px; font-weight:900; border-radius:50px; width:70px; height:70px; margin-top:-85px; margin-left:15px;}
.no01 {color:#f8981d; border: solid 3px #f8981d; }
.no02 {color:#45c2c6; border: solid 3px #45c2c6; }
.no03 {color:#26abe3; border: solid 3px #26abe3; }


.sub2-21-3.contBox{ padding: 100px 0; background-color: #f3f6f8; margin-top:600px;}
.sub2-21-3.contBox .inner > h2{ font-size: 40px; font-weight: 700; color: #111; letter-spacing: -2px; text-align: left; margin-bottom: 60px; }
.sub2-21-3.contBox .inner > h2 span{font-size:16px; font-weight:400; color:#0075c2; letter-spacing: -0.5px; line-height:20px; margin-bottom:22px;}

.sub2-21-3.contBox .inner > h3 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px;}
.sub2-21-3.contBox .inner > h3::before {width:7px; height:40px; background-color:#ee3668; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}
.sub2-21-3.contBox .inner > h4 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px;}
.sub2-21-3.contBox .inner > h4::before {width:7px; height:40px; background-color:#663090; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}
.sub2-21-3.contBox .inner > p {font-size:26px; color:#de3434; font-weight:bold; text-align: left;}


.inner > .sub2_21_con02 {background-color: #faf3ff; border: solid 2px #663090; width:1200px; border-radius:20px; height:370px; }
.inner > .sub2_21_con02 h3 {border-radius:50px; color:#ffffff; width:450px; font-size:35px;  line-height:62px; text-align:center; margin:-33px auto; }
.inner > .sub2_21_con02 .con2_con01 {float:left; background-color: #ffffff; width:540px;  border-radius:20px; height:230px; margin:90px 0 0 0;}

.inner > .sub2_21_con02 .con2_con01 h3 {font-size:30px; font-weight:700; color:#111111; text-align:left;margin:20px 0 0 20px;}
.inner > .sub2_21_con02 .con2_con01 h3 span {color:#663090; font-size:40px;}
.inner > .sub2_21_con02 .con2_con01 ul { margin-left:80px;}
.inner > .sub2_21_con02 .con2_con01 ul li { font-size:18px; line-height:35px;  position: relative; font-weight: 400; color: #111111; letter-spacing: -0.8px; line-height: 25px; padding-left: 20px; margin-bottom: 10px;}
.inner > .sub2_21_con02 .con2_con01 ul li:last-of-type{ margin-bottom: 0; }
.inner > .sub2_21_con02 .con2_con01 ul li::before{ position: absolute; left: 0; top: 6px; width: 15px; height: 15px; background: url(/img/ico_bull_check02.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub2_21_con02 .con2_bg01 {background-color: #663090; text-align:center;}


.inner > .sub2_21_con03 {background-color: #feebf0; border: solid 2px #ee3668; width:1200px; border-radius:20px; height:370px; margin-top:100px; }
.inner > .sub2_21_con03 h3 {border-radius:50px; color:#ffffff; width:450px; font-size:35px;  line-height:62px; text-align:center; margin:-33px auto; }
.inner > .sub2_21_con03 .con2_con01 {float:left; background-color: #ffffff; width:540px;  border-radius:20px; height:230px; margin:90px 0 0 0;}

.inner > .sub2_21_con03 .con2_con01 h3 {font-size:30px; font-weight:700; color:#111111; text-align:left;margin:20px 0 0 20px;}
.inner > .sub2_21_con03 .con2_con01 h3 span {color:#ee3668; font-size:40px;}
.inner > .sub2_21_con03 .con2_con01 ul { margin-left:80px;}
.inner > .sub2_21_con03 .con2_con01 ul li { font-size:18px; line-height:35px;  position: relative; font-weight: 400; color: #111111; letter-spacing: -0.8px; line-height: 25px; padding-left: 20px; margin-bottom: 10px;}
.inner > .sub2_21_con03 .con2_con01 ul li:last-of-type{ margin-bottom: 0; }
.inner > .sub2_21_con03 .con2_con01 ul li::before{ position: absolute; left: 0; top: 6px; width: 15px; height: 15px; background: url(/img/ico_bull_check02.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub2_21_con03 .con2_bg02 {background-color: #ee3668;}



/** 조기대입반 */

.sub2-23-2_new.contBox{ padding: 110px 0; }
.sub2-23-2_new.contBox .inner > h2{ font-size: 35px; font-weight: 700; color: #111; letter-spacing: -2px; line-height: 40px; text-align: left; margin-bottom: 10px; }
.sub2-23-2_new.contBox .inner > h2 span{display:blok; font-size:16px; font-weight:400; color:#0075c2; letter-spacing: -0.5px; line-height:20px;}
.sub2-23-2_new.contBox .inner > h3 {font-size:45px; font-weight:900; color:#111; letter-spacing:-2px; margin-bottom:10px;}
.sub2-23-2_new.contBox .inner > h3::before {width:7px; height:40px; background-color:#0075c2; vertical-align:-3px; content: ''; display:inline-block; margin-right:15px;}
.sub2-23-2_new.contBox .inner > h4 { font-size:23px; margin:0 0 60px 20px;}

.inner > .sub2_23_con01 li {float:left; border-radius:20px; width:1200px; text-align:left; padding:25px;}
.inner > .sub2_23_con01 li h3 {float:left; color:#ffffff; font-size:30px; line-height:40px; font-weight:900; margin-top:28px; width:480px;}
.inner > .sub2_23_con01 li h3 span {display: block; font-weight:600; font-size:18px; padding:0 0; widht:480px;}
.inner > .sub2_23_con01 .conbg01 {background-color: #f8981d; margin:0 0 30px 0;}
.inner > .sub2_23_con01 .conbg02 {background-color: #45c2c6; margin:0 0 30px 0;}
.inner > .sub2_23_con01 .conbg03 {background-color: #26abe3;}
.inner > .sub2_23_con01 li p {float:left; border-radius:20px; width:656px; font-size:20px; line-height:35px; padding:30px; margin:30px 0 30px 0;}
.inner > .sub2_23_con01 .box_bg01 {background-color: #fef4e8; letter-spacing:-1px; }
.inner > .sub2_23_con01 .box_bg02 {background-color: #ecf9f9;}
.inner > .sub2_23_con01 .box_bg03 {background-color: #e2f6fe;}

.inner > .sub2_23_con01 div {float:left; background-color: #ffffff; font-size:30px;  line-height:62px; font-weight:900; border-radius:50px; width:70px; height:70px; margin-top:-10px; margin-right:15px; text-align:center;}
.no01 {color:#f8981d;}
.no02 {color:#45c2c6;}
.no03 {color:#26abe3;}


.inner > .sub2_23_con02 {background-color: #faf3ff; border: solid 2px #663090; width:1200px; border-radius:20px; display:inline-block; padding-bottom:43px;}
.inner > .sub2_23_con02 h3 {border-radius:50px; color:#ffffff; width:260px; font-size:35px;  line-height:62px; text-align:center; margin:-33px auto; }
.inner > .sub2_23_con02 .con2_con01 {float:left; background-color: #ffffff; width:1110px;  border-radius:20px; margin:90px 0 0 0; padding:20px 20px 23px 20px;}
.inner > .sub2_23_con02 .con2_con01 h3 {font-size:26px; font-weight:700; color:#111111; text-align:left;margin:0 0 0 20px;}
.inner > .sub2_23_con02 .con2_con01 h3.tit_new {font-size:26px; width:600px;}
.inner > .sub2_23_con02 .con2_con01 h3 span {background-color: #9a67c2; color:#fff; font-size:26px; border-radius:100px; padding:5px 20px; margin-right:15px;}
.inner > .sub2_23_con02 .con2_con01 ul { margin:15px 0 0 40px;}
.inner > .sub2_23_con02 .con2_con01 ul li { font-size:18px; line-height:35px;  position: relative; font-weight: 400; color: #111111; letter-spacing: -0.8px; line-height: 25px; padding-left: 20px; margin-bottom: 10px;}
.inner > .sub2_23_con02 .con2_con01 ul li:last-of-type{ margin-bottom: 0; }
.inner > .sub2_23_con02 .con2_con01 ul li::before{ position: absolute; left: 0; top: 6px; width: 15px; height: 15px; background: url(/img/ico_bull_check02.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub2_23_con02 .con2_bg01 {background-color: #663090; text-align:center;}


.inner > .sub2_23_con03 {background-color: #feebf0; border: solid 2px #ee3668; width:1200px; border-radius:20px; display:inline-block; padding-bottom:43px; margin-top:100px;}
.inner > .sub2_23_con03 h3 {border-radius:50px; color:#ffffff; width:260px; font-size:35px;  line-height:62px; text-align:center; margin:-33px auto; }
.inner > .sub2_23_con03 .con2_con01 {float:left; background-color: #ffffff; width:1110px;  border-radius:20px; margin:90px 0 0 0; padding:20px 20px 23px 20px;}
.inner > .sub2_23_con03 .con2_con01 h3 {font-size:26px; font-weight:700; color:#111111; text-align:left;margin:0 0 0 20px;}
.inner > .sub2_23_con03 .con2_con01 h3.tit_new {font-size:26px; width:600px;}
.inner > .sub2_23_con03 .con2_con01 h3 span {background-color: #ed648a; color:#fff; font-size:26px; border-radius:100px; padding:5px 20px; margin-right:15px;}
.inner > .sub2_23_con03 .con2_con01 ul { margin:15px 0 0 40px;}
.inner > .sub2_23_con03 .con2_con01 ul li { font-size:18px; line-height:35px;  position: relative; font-weight: 400; color: #111111; letter-spacing: -0.8px; line-height: 25px; padding-left: 20px; margin-bottom: 10px;}
.inner > .sub2_23_con03 .con2_con01 ul li:last-of-type{ margin-bottom: 0; }
.inner > .sub2_23_con03 .con2_con01 ul li::before{ position: absolute; left: 0; top: 6px; width: 15px; height: 15px; background: url(/img/ico_bull_check02.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub2_23_con03 .con2_bg01 {background-color: #ee3668; text-align:center;}


.inner > .sub2_23_con04 {background-color: #dff3fb; border: solid 2px #26abe3; width:1200px; border-radius:20px; display:inline-block; padding-bottom:43px; margin-top:100px;}
.inner > .sub2_23_con04 h3 {border-radius:50px; color:#ffffff; width:260px; font-size:35px;  line-height:62px; text-align:center; margin:-33px auto; }
.inner > .sub2_23_con04 .con2_con01 {float:left; background-color: #ffffff; width:1110px;  border-radius:20px; margin:90px 0 0 0; padding:20px 20px 23px 20px;}
.inner > .sub2_23_con04 .con2_con01 h3 {font-size:26px; font-weight:700; color:#111111; text-align:left;margin:0 0 0 20px;}
.inner > .sub2_23_con04 .con2_con01 h3.tit_new {font-size:26px; width:600px;}
.inner > .sub2_23_con04 .con2_con01 h3 span {background-color: #58b8e0; color:#fff; font-size:26px; border-radius:100px; padding:5px 20px; margin-right:15px;}
.inner > .sub2_23_con04 .con2_con01 ul { margin:15px 0 0 40px;}
.inner > .sub2_23_con04 .con2_con01 ul li { font-size:18px; line-height:35px;  position: relative; font-weight: 400; color: #111111; letter-spacing: -0.8px; line-height: 25px; padding-left: 20px; margin-bottom: 10px;}
.inner > .sub2_23_con04 .con2_con01 ul li:last-of-type{ margin-bottom: 0; }
.inner > .sub2_23_con04 .con2_con01 ul li::before{ position: absolute; left: 0; top: 6px; width: 15px; height: 15px; background: url(/img/ico_bull_check02.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub2_23_con04 .con2_bg01 {background-color: #26abe3; text-align:center;}





















/*! ============================== S U B P A G E - 4 ============================== */

/** S U B 4 - 1 ( 성적 수직상승 컨텐츠 ) */
.sub4 .inner > h2{ text-align: left; margin-bottom: 60px; }
.sub4 .inner > h2 span{ display: block; font-size: 16px; font-weight: 400; color: #0075c2; letter-spacing: -0.5px; line-height: 20px; margin-bottom: 5px; }

/** S U B 4 - 2 ( +1 국영수 성공전략 ) */
.sub42 .inner > h2{ margin-bottom: 30px; }
.sub42 .inner > p{ position: relative; font-size: 17px; font-weight: 400; color: #111; letter-spacing: -0.8px; line-height: 30px; margin-bottom: 80px; padding-left: 205px; }
.sub42 .inner > p span{ position: absolute; left: 0; top: -2px; display: inline-block; font-size: 25px; font-weight: 500; letter-spacing: -1.5px; }
.sub42 .inner > p span::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 16px; background-color: #f3f3f3; content: ''; display: block; z-index: -1; }
.sub42 .inner > *{ margin-bottom: 100px; }
/* 텍스트박스 */
.sub42 .inner > .txtBox{ position: relative; padding: 50px 320px 40px 30px; background: #f8f8f8; background-size: contain; border-radius: 20px; }
.sub42 .inner > .txtBox::after{ position: absolute; right: 45px; bottom: 0; width: 268px; height: 500px; background: url(/img/obj_sub42.png) no-repeat center center; background-size: contain; z-index: 10; content: ''; display: block; }
.sub42 .inner > .txtBox > .tit{ display: flex; align-items: center; justify-content: space-between; padding: 0 20px; }
.sub42 .inner > .txtBox > .tit h3{ font-size: 25px; font-weight: 900; color: #111; letter-spacing: -1.2px; line-height: 35px; }
.sub42 .inner > .txtBox > .tit h3 strong{ display: block; font-size: 30px; font-weight: 900; color: #da312b; }
.sub42 .inner > .txtBox > ul{ border-top: 1px solid #e6e6e6; padding-top: 20px; margin-top: 25px; }
.sub42 .inner > .txtBox > ul li{ position: relative; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 24px; word-break: keep-all; padding-left: 20px; margin-bottom: 20px; }
.sub42 .inner > .txtBox > ul li::before{ position: absolute; left: 0; top: 7px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub42 .inner > .txtBox > ul li b{ display: inline-block; font-weight: 400; line-height: 20px; background: #ffef95; }
/* 컨텐츠박스 */
.sub42 .inner > .contBox > h3{ display: inline-block; border-radius: 20px; background-color: #e3e3e3; overflow: hidden; margin-bottom: 20px; }
.sub42 .inner > .contBox > h3 span{ width: 50px; font-size: 18px; font-weight: 900; color: #fff; line-height: 50px; text-align: center; border-right: 1px solid #fff; display: inline-block; vertical-align: middle; }
.sub42 .inner > .contBox > h3 strong,
.sub42 .inner > .contBox > h3 em{ font-size: 20px; font-weight: 900; letter-spacing: -1px; line-height: 50px; padding: 0 35px 0 25px; display: inline-block; vertical-align: middle; }
.sub42 .inner > .contBox > h3 em{ font-style: normal; padding: 0 35px 0 0;}
/* 테이블박스 */
.sub42 .inner > .contBox > .tbBox > p{ font-size: 18px; font-weight: 400; color: #111; letter-spacing: -0.8px; margin-top: 20px; }
.sub42 .inner > .contBox > .tbBox table tbody tr th{ font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; padding: 20px; }
.sub42 .inner > .contBox > .tbBox table tbody tr td{ text-align: left; vertical-align: baseline; }
.sub42 .inner > .contBox > .tbBox table tbody tr td h4{ font-size: 20px; font-weight: 700; letter-spacing: -1px; margin-bottom: 5px; }
.sub42 .inner > .contBox > .tbBox table tbody tr td ul li{ position: relative; padding-left: 20px; margin-bottom: 5px; }
.sub42 .inner > .contBox > .tbBox table tbody tr td ul li:last-of-type{ margin-bottom: 0; }
.sub42 .inner > .contBox > .tbBox table tbody tr td ul li::before{ position: absolute; left: 0; top: 8px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub42 .inner > .contBox > .tbBox table tbody tr td ul li strong{ font-weight: 400; color: #0075c2; }
/* FAQ 박스 */
.sub42 .inner > .contBox > .faqBox ul{ width: 100%; }
.sub42 .inner > .contBox > .faqBox ul li{ position: relative; margin-bottom: 20px; border: 2px solid #f8f8f8; border-radius: 20px; overflow: hidden; }
.sub42 .inner > .contBox > .faqBox ul li .tit{ display: flex; align-items: center; justify-content: space-between; padding: 24px 30px; background-color: #f8f8f8; cursor: pointer; }
.sub42 .inner > .contBox > .faqBox ul li .tit h3{ display: inline-block; font-size: 22px; font-weight: 700; color: #111; letter-spacing: -1px; transition: all 0.2s ease-in-out; }
.sub42 .inner > .contBox > .faqBox ul li .tit .arrow{ position: relative; width: 11px; height: 7px; background: url(/img/ico_faq_arrow.png) no-repeat center center; background-size: contain; opacity: 0.5; transition: all 0.2s ease-in-out; }
.sub42 .inner > .contBox > .faqBox ul li .cont{ display: none; padding: 20px 30px; }
.sub42 .inner > .contBox > .faqBox ul li .cont p{ font-size: 17px; font-weight: 400; color: #999999; letter-spacing: -0.5px; line-height: 30px; word-break: keep-all; }
/* ? hover */
.sub42 .inner > .contBox > .faqBox ul li .tit:hover h3,
.sub42 .inner > .contBox > .faqBox ul li.on .tit h3{ color: #5118c3; }
.sub42 .inner > .contBox > .faqBox ul li.on .tit .arrow{ transform: rotate(180deg); opacity: 1; }
/* ? case */
.sub42 .inner > div:nth-of-type(2) > h3 span{ background: #0075c2; }
.sub42 .inner > div:nth-of-type(3) > h3 span{ background: #0f45ce; }
.sub42 .inner > div:nth-of-type(4) > h3 span{ background: #5118c3; }
.sub42 .inner > div:nth-of-type(5) > h3 span{ background: #7a18c3; }
.sub42 .inner > div:nth-of-type(2) > h3 em{ color: #0075c2; }
.sub42 .inner > div:nth-of-type(3) > h3 em{ color: #0f45ce; }
.sub42 .inner > div:nth-of-type(4) > h3 em{ color: #5118c3; }
.sub42 .inner > div:nth-of-type(5) > h3 em{ color: #7a18c3; }
.sub42 .inner > div table.type01 tbody tr td{ padding: 15px; }
.sub42 .inner > div table.type02 tbody tr th{ width: 170px; }
.sub42 .inner > div table.type02 tbody tr td{ padding: 25px 40px; }

/** S U B 4 - 3 ( 무한질의응답 ) */
.sub43{ width: 100%; background: url(/img/bg_sub43.png) no-repeat center center; background-size: cover; }
.sub43 .inner{ padding: 160px 0 120px; text-align: left; }
.sub43 .inner > h3{ opacity: 0; animation: txtLeft 0.6s ease-in-out 1 forwards; }
.sub43 .inner > .txtBox{ width: 720px; padding: 45px 55px; border-radius: 30px; background-color: #fff; margin-top: 70px; opacity: 0; animation: txtLeft 0.6s ease-in-out 1 0.1s forwards; }
.sub43 .inner > .txtBox ul li{ position: relative; font-size: 18px; font-weight: 400; color: #111; letter-spacing: -0.8px; padding-left: 25px; margin-bottom: 25px; }
.sub43 .inner > .txtBox ul li:last-of-type{ margin-bottom: 0; }
.sub43 .inner > .txtBox ul li::before{ position: absolute; left: 0; top: 7px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub43 .inner > .txtBox ul li strong{ display: inline-block; line-height: 18px; padding-bottom: 3px; background-color: #cfff5c; }

/** S U B 9 - 1 ( 명문대진학과 ) */
.sub9_1 { width: 100%;}
.sub9_1 .inner {width: 100%; padding: 160px 0 120px; text-align: center;}
.sub9_1 .inner > h3{font-size:46px;}
.sub9_1 .inner > .tit9_1 { font-size:23px; color:#848484;}
.sub9_1 .inner > .tit9_1 strong {color:#006bb7;}
.sub9_1 .inner > .tit9_1 span {background-color: #003577; padding:0 5px; color:#ffeb65; }
.sub9_1 .inner > .txtBox{width: 100%; background: url(/img/img_9_3.jpg) no-repeat center 260px; background-size: cover; height:970px; margin-top:50px }
.sub9_1 .inner > .contents { padding:100px 0; font-size:18px;}
.sub9_1 .inner > .contents .sub9_l_pa {width:260px; margin:0 auto;}
.sub9_1 .inner > .contents .sub9_l_pa ul {list-style:none; margin-top:50px;  text-align:center;}
.sub9_1 .inner > .contents .sub9_l_pa ul li{float:left; border:1px solid #ebebeb; padding:3px 10px; font-size:15px; margin:0 10px;}
.sub9_1 .inner > .contents .sub9_l_pa ul li.on{ background-color:#0075c2;}
.sub9_1 .inner > .contents .sub9_l_pa ul li.on a{color:#fff;}





/** S U B 4 - 4 ( 바른입시연구소 ) */
/* TAB 01 */
.sub44.tab01 .inner .tbBox{ margin-bottom: 50px; }
.sub44.tab01 .inner .tbBox table tr{ border-bottom: none; }
.sub44.tab01 .inner .tbBox table thead tr th{ height: 40px; font-size: 13px; font-weight: 400; letter-spacing: -0.5px; }
.sub44.tab01 .inner .tbBox table thead tr:last-of-type th{ font-weight: 700; background-color: #d3d3d3; }
.sub44.tab01 .inner .tbBox table tbody tr td{ position: relative; height: 56px; font-size: 14px; font-weight: 500; line-height: 20px; padding: 15px 0; }
.sub44.tab01 .inner .tbBox table tbody tr td > span{ position: absolute; left: 0; top: 7.5px; display: block; color: #fff; line-height: 40px; background: #0075c2; border-radius: 15px; }
.sub44.tab01 .inner .tbBox table tbody tr td > span.type02{ background: #1226c3; }
.sub44.tab01 .inner .tbBox table tbody tr td > span.type03{ color: #111; background: #efefef; }
/*  TAB 02 */
.sub44.tab03 .inner .contBox > h3{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 30px; }
.sub44.tab03 .inner .contBox > h3::before{ width: 7px; height: 30px; background-color: #0075c2; vertical-align: -3px; content: ''; display: inline-block; margin-right: 10px; }
.sub44.tab03 .inner .contBox > .tbBox{ margin-bottom: 70px; }
.sub44.tab03 .inner .contBox > .tbBox table{ margin-bottom: 15px; }
.sub44.tab03 .inner .contBox > .tbBox table thead tr th{ height: 60px; }
.sub44.tab03 .inner .contBox > .tbBox table tbody tr th{ font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; }
.sub44.tab03 .inner .contBox > .tbBox table tbody tr td{ padding: 15px 0; }
.sub44.tab03 .inner .contBox > .tbBox table tbody tr.bg td{ font-weight: 500; background-color: #f8f8f8; }
.sub44.tab03 .inner .contBox > .tbBox table tr .borderR{ border-right: 1px solid #e6e6e6; }
.sub44.tab03 .inner .contBox > .tbBox > p{ position: relative; font-size: 17px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 28px; padding-left: 20px; margin-bottom: 5px; }
.sub44.tab03 .inner .contBox > .tbBox > p::before{ position: absolute; left: 6px; top: 11px; width: 4px; height: 4px; background-color: #0075c2; border-radius: 50%; content: ''; display: inline-block; }
.sub44.tab03 .inner .contBox > .tbBox > p span{ display: block; font-size: 15px; color: #777; }
.sub44.tab03 .inner .contBox > .tbBox > strong{ display: block; font-size: 15px; font-weight: 400; color: #de2424; letter-spacing: -0.5px; line-height: 30px; margin-bottom: 20px; }
.sub44.tab03 .inner .contBox > .tbBox > ul li{ position: relative; font-size: 15px; font-weight: 400; color: #777; letter-spacing: -0.5px; line-height: 30px; word-break: keep-all; padding-left: 20px; }
.sub44.tab03 .inner .contBox > .tbBox > ul li::before{ position: absolute; left: 0; top: 8px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
/*  TAB 04 */
.sub44.tab04 .inner > .stit{ display: block; font-size: 25px; font-weight: 500; color: #111111; letter-spacing: -1px; line-height: 40px; margin-bottom: 20px; }
.sub44.tab04 .inner > .stit b{ position: relative; display: inline-block; font-weight: 500; z-index: 10; }
.sub44.tab04 .inner > .stit b::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 16px; background-color: #fff493; content: ''; display: block; z-index: -1; }
.sub44.tab04 .inner > p{ font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.5px; }
.sub44-2{ background: #f8f8f8; }
.sub44-2 .inner{ position: relative; padding: 100px 0; z-index: 10; }
.sub44-2 .inner::after{ position: absolute; right: 0; bottom: 0; width: 527px; height: 860px; background: url(/img/img_sub44_03.png) no-repeat center top; content: ''; display: block; }
.sub44-2 .inner > span{ display: block; font-size: 18px; font-weight: 500; color: #0075c2; letter-spacing: -0.5px; margin-bottom: 10px; }
.sub44-2 .inner > h3{ font-size: 20px; font-weight: 500; color: #111111; letter-spacing: -1px; line-height: 40px; margin-bottom: 30px; }
.sub44-2 .inner > h3 strong{ font-size: 35px; font-weight: 700; letter-spacing: 5px; }
.sub44-2 .inner > ul{ width: 350px; }
.sub44-2 .inner > ul li{ font-size: 15px; font-weight: 400; color: #111111; border-bottom: 2px solid #f3f3f3; padding: 10px 0;  }
.sub44-3 .inner{ padding: 100px 0; }
.sub44-3 .inner > ul{ display: flex; align-items: center; justify-content: center; padding-top: 385px; background: url(/img/img_sub44_02.png) no-repeat center top; }
.sub44-3 .inner > ul li{ width: 320px; font-size: 18px; font-weight: 400; color: #888888; line-height: 36px; text-align: center; }
.sub44-3 .inner > ul li:last-of-type{ border-bottom: none; }

/*! ============================== S U B P A G E - 5 ============================== */
/** S U B 5 - 1 ( 특별한 수학 교육과정 ) */
.sub5 .inner > h2{ text-align: left; margin-bottom: 60px; }
.sub5 .inner > h2 span{ display: block; font-size: 16px; font-weight: 400; color: #0075c2; letter-spacing: -0.5px; line-height: 20px; margin-bottom: 5px; }
.sub5 .inner > .contBox > h3{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 30px; }
.sub5 .inner > .contBox > h3::before{ width: 7px; height: 30px; background-color: #0075c2; vertical-align: -3px; content: ''; display: inline-block; margin-right: 10px; }
.sub5 .inner table tbody tr th{ font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; padding: 20px; }
.sub5 .inner table tbody tr th b{ font-size: 20px; color: #0075c2; }
.sub5 .inner table tbody tr td{ text-align: left; }
.sub5 .inner table tbody tr td.center{ text-align: center; }
.sub5 .inner table tbody tr td h4{ font-size: 20px; font-weight: 700; letter-spacing: -1px; margin-bottom: 5px; }
.sub5 .inner table tbody tr td p{ font-size: 23px; letter-spacing: -1.2px; margin-bottom: 3px; }
.sub5 .inner table tbody tr td p em{ font-weight: 700; color: #0075c2; font-style: normal; }
.sub5 .inner table tbody tr td b{ display: inline-block; font-weight: 400; color: #de2424; }
.sub5 .inner table tbody tr td span{ display: block; font-size: 14px; margin-top: 5px; }
.sub5 .inner table tbody tr td strong{ display: block; font-weight: 400; color: #0075c2; }
.sub5 .inner table tbody tr td ul li{ position: relative; padding-left: 20px; margin-bottom: 5px; }
.sub5 .inner table tbody tr td ul li:last-of-type{ margin-bottom: 0; }
.sub5 .inner table tbody tr td ul li::before{ position: absolute; left: 0; top: 8px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub5 .inner table tbody tr td ul li.mtop{ margin-top: 20px; }
.sub5.tab01 .inner > h2{ margin-bottom: 30px; }
.sub5.tab01 .inner > h2 strong{ font-weight: 900; }
.sub5.tab01 .inner > h2 strong em{ color: #0076c3; font-style: normal; }
.sub5.tab01 .inner > p{ display: block; font-size: 22px; font-weight: 500; color: #111111; letter-spacing: -1px; line-height: 40px; margin-bottom: 80px; }
.sub5.tab01 .inner > p b{ position: relative; display: inline-block; font-weight: 500; z-index: 10; }
.sub5.tab01 .inner > p b::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 16px; background-color: #fff493; content: ''; display: block; z-index: -1; }
/* .sub5.tab01 .inner > p{ font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.5px; margin-bottom: 80px;  } */
.sub5.tab01 .inner > .contBox{ margin-bottom: 100px; }
.sub5.tab01 .inner > .contBox ul{ border-top: 2px solid #000; border-bottom: 1px solid #e6e6e6; text-align: left; padding: 25px 30px; }
.sub5.tab01 .inner > .contBox ul li{ position: relative; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 26px; word-break: keep-all; padding-left: 20px; }
.sub5.tab01 .inner > .contBox ul li::before{ position: absolute; left: 0; top: 8px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub5.tab01 .inner > .contBox ul li strong{ font-weight: 400; color: #0075c2; }
.sub5.tab01 .inner > .contBox.cb02{ background: #f8f8f8; text-align: center; border-radius: 30px; padding: 50px 30px; }
.sub5.tab01 .inner > .contBox.cb02 > h4{ font-size: 30px; font-weight: 900; color: #111; letter-spacing: -1.5px; margin-bottom: 40px; }
.sub5.tab01 .inner > .contBox.cb02 > h4 strong{ display: block; font-size: 25px; font-weight: 900; color: #0075c2; line-height: 30px; }
.sub5.tab01 .inner > .contBox.cb02 > h4 strong::before{ width: 96px; height: 46px; background: url(/img/img_star.png) no-repeat center center; background-size: contain; content: ''; display: block; margin: 0 auto; }
.sub5.tab01 .inner > .contBox table tbody tr td{ text-align: center; }
.sub5.tab01 .inner .tbBox2 table tbody tr > *{ width: 12.5%; }
.sub5.tab01 .inner .tbBox2 table tbody tr th{ font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; padding: 15px; }
.sub5.tab01 .inner .tbBox2 table tbody tr th span{ display: block; font-size: 14px; font-weight: 400; color: #111; }
.sub5.tab01 .inner .tbBox2 table tbody tr td{ padding: 15px; }
.sub5.tab01 .inner .tbBox2 table tbody tr:first-of-type td{ height: 70px; font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; }
.sub5.tab01 .inner .tbBox2 table tbody tr td:last-of-type{ border-right: none; }
.sub5.tab01 .inner .tbBox2 table tbody tr td.borderR{ border-right: 1px solid #e6e6e6; }

/** S U B 5 - 2 ( 특별한 수학 커리큘럼 ) */
.sub5.tab02 .inner .contBox{ margin-bottom: 100px; }
.sub5.tab02 .inner .contBox > .tit{ display: flex; align-items: center; margin-bottom: 30px; }
.sub5.tab02 .inner .contBox > .tit > .tag{ display: inline-block; font-size: 18px; font-weight: 900; color: #111; line-height: 48px; padding-right: 35px; border-radius: 20px; background-color: #e3e3e3; overflow: hidden; margin-right: 20px; }
.sub5.tab02 .inner .contBox > .tit > .tag strong{ display: inline-block; font-size: 17px; font-weight: 900; letter-spacing: -0.5px; margin-left: 30px; margin-right: 25px; }
.sub5.tab02 .inner .contBox > .tit > .tag::before{ width: 50px; height: 50px; color: #fff; text-align: center; border-right: 1px solid #fff; display: inline-block; }
.sub5.tab02 .inner .contBox > .tit > p{ display: block; font-size: 24px; font-weight: 500; color: #111; letter-spacing: -1px; line-height: 40px; }
.sub5.tab02 .inner .contBox > .tit > p b{ position: relative; display: inline-block; font-weight: 500; z-index: 10; }
.sub5.tab02 .inner .contBox > .tit > p b::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 16px; background-color: #fff493; content: ''; display: block; z-index: -1; }
.sub5.tab02 .inner .contBox > table tbody tr th{ width: 170px; }
/*? case */
.sub5.tab02 .inner .cb01 > .tit > .tag strong{ color: #0075c2; }
.sub5.tab02 .inner .cb01 > .tit > .tag::before{ background-color: #0075c2; content: '01'; }
.sub5.tab02 .inner .cb02 > .tit > .tag strong{ color: #0f45ce; }
.sub5.tab02 .inner .cb02 > .tit > .tag::before{ background-color: #0f45ce; content: '02'; }
.sub5.tab02 .inner .cb03 > .tit > .tag strong{ color: #5118c3; }
.sub5.tab02 .inner .cb03 > .tit > .tag::before{ background-color: #5118c3; content: '03'; }

/** S U B 5 - 3 ( 자물쇠 수학 ) */
.sub5.tab03 .inner .banner{ position: relative; width: 100%; height: 300px; margin-bottom: 70px; }
.sub5.tab03 .inner .banner img{ position: absolute; left: 0; bottom: 0; width: 100%; }
.sub5.tab03 .inner table tbody tr th{ width: 230px; }
.sub5.tab03 .inner table tbody tr td.type02{ width: 170px; font-weight: 500; text-align: center; padding: 0; }
.sub5.tab03 .inner table tbody tr td > img{ max-width: 100%; margin: 20px 0; }
.sub5.tab03 .inner table tbody tr td h3{ font-weight: 500; margin-top: 20px; }
.sub5.tab03 .inner table tbody tr td h3:first-of-type{ margin-top: 0; }
.sub5.tab03 .inner table tbody tr td .flex{ display: flex; align-items: center; }
.sub5.tab03 .inner table tbody tr td .flex .imgBox{ width: 300px; height: 200px; border-radius: 5px; overflow: hidden;}
.sub5.tab03 .inner table tbody tr td .flex .imgBox img{ width: 100%; }
.sub5.tab03 .inner table tbody tr td .flex .txtBox{ margin-left: 30px; }
.sub5.tab03 .inner table tbody tr td .flex .txtBox h3{ font-size: 18px; margin-bottom: 10px; }

/** S U B 5 - 4 ( 또 하나의 선택, 수리논술 ) */
.sub5.tab04 .inner > strong{ position: relative; display: inline-block; font-size: 30px; font-weight: 500; color: #111; letter-spacing: -1.5px; z-index: 10; margin-bottom: 20px; }
.sub5.tab04 .inner > strong::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 17px; background-color: #fff55d; content: ''; display: block; z-index: -1; }
.sub5.tab04 .inner > p{ font-size: 18px; font-weight: 400; color: #111; letter-spacing: -0.8px; line-height: 33px; margin-bottom: 70px; }
.sub5.tab04 .inner > .contBox{ margin-bottom: 80px; }
.sub5.tab04 .inner > .contBox > .flex{ display: flex; align-items: stretch; justify-content: space-between; }
.sub5.tab04 .inner > .contBox > .flex > *{ width: 49%; }
.sub5.tab04 .inner > .contBox .txtBox{ border-top: 2px solid #000; border-bottom: 1px solid #e6e6e6; padding: 25px 30px; }
.sub5.tab04 .inner > .contBox .txtBox h4{ font-size: 20px; font-weight: 500; color: #111; letter-spacing: -1px; margin-bottom: 5px; }
.sub5.tab04 .inner > .contBox .txtBox ul li{ position: relative; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 28px; word-break: keep-all; padding-left: 22px; margin-bottom: 5px; }
.sub5.tab04 .inner > .contBox .txtBox ul li:last-of-type{ margin-bottom: 0; }
.sub5.tab04 .inner > .contBox .txtBox ul li::before{ position: absolute; left: 0; top: 9px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub5.tab04 .inner > .contBox .tbBox tbody .center td{ text-align: center; }


/* S U B 4_7 ( 6월 평가원 모의고사  ) */
.sub5.tab05 .inner > h2{ margin-bottom: 30px; }
.sub5.tab05 .inner > h2 strong{ font-weight: 900; }
.sub5.tab05 .inner > h2 strong em{ color: #0076c3; font-style: normal; }
.sub5.tab05 .inner > p{ display: block; font-size: 22px; font-weight: 500; color: #111111; letter-spacing: -1px; line-height: 40px; margin-bottom: 80px; }
.sub5.tab05 .inner > p b{ position: relative; display: inline-block; font-weight: 500; z-index: 10; }
.sub5.tab05 .inner > p b::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 16px; background-color: #fff493; content: ''; display: block; z-index: -1; }
.sub5.tab05 .inner > .contBox{ margin-bottom: 100px; }
.sub5.tab05 .inner > .contBox ul{ border-top: 2px solid #000; border-bottom: 1px solid #e6e6e6; text-align: left; padding: 25px 30px;  margin-bottom: 30px;}
.sub5.tab05 .inner > .contBox ul li{ position: relative; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 26px; word-break: keep-all; padding-left: 20px; }
.sub5.tab05 .inner > .contBox ul li::before{ position: absolute; left: 0; top: 8px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.sub5.tab05 .inner > .contBox ul li strong{ font-weight: 400; color: #0075c2; }

.sub5.tab05 .inner > .contBox.cb03{text-align: left;}
.sub5.tab05 .inner > .contBox.cb03 > span {font-size: 17px; margin-bottom: 30px;}
.sub5.tab05 .inner > .contBox.cb03 > h4{ font-size: 23px; font-weight: 700; color: #111; letter-spacing: -1.5px; margin-bottom: 10px; color: #0075c2;  margin-top: 30px; }
.sub5.tab05 .inner > .contBox.cb03 > h4 strong{ display: block; font-size: 25px; font-weight: 900; color: #0075c2; line-height: 30px; }
.sub5.tab05 .inner > .contBox.cb03 > h4 strong::before{ width: 96px; height: 46px; background: url(/img/img_star.png) no-repeat center center; background-size: contain; content: ''; display: block; margin: 0 auto; }
.sub5.tab05 .inner > .contBox.cb03 > .tit_box { font-size: 23px; line-height: 23px;text-align: left; font-weight: 700; margin: 20px 0; }


.sub5.tab05 .inner > .contBox table tbody tr td{ text-align: center; }
.sub5.tab05 .inner .tbBox3 h3 {font-size: 20px; font-weight: 900; margin-bottom: 20px;}
.sub5.tab05 .inner .tbBox3 p {margin: 10px 0; font-size: 17px; line-height: 18px; line-height: 30px;  background-color: #f8f8f8;  border-radius: 10px; overflow: hidden; padding:30px; }
.sub5.tab05 .inner .tbBox3 p span {margin: 50px 0;}
.sub5.tab05 .inner .tbBox3 p span.radius_box {padding:10px; font-weight: 700; margin:20xp 0;}

.sub5.tab05 .inner .tbBox3 table tbody tr > *{ width: 12.5%; }
.sub5.tab05 .inner .tbBox3 table tbody tr th{ font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; background-color: #f8f8f8; border-right: 1px solid #e6e6e6; padding: 15px; }
.sub5.tab05 .inner .tbBox3 table tbody tr th span{ display: block; font-size: 14px; font-weight: 400; color: #111; width: 150px; }
.sub5.tab05 .inner .tbBox3 table tbody tr td{ padding: 15px; }
.sub5.tab05 .inner .tbBox3 table tbody tr:first-of-type td{ height: 70px; font-size: 17px; font-weight: 700; color: #111; letter-spacing: -0.5px; }
.sub5.tab05 .inner .tbBox3 table tbody tr td:last-of-type{ border-right: none; }
.sub5.tab05 .inner .tbBox3 table tbody tr td.borderR{ border-right: 1px solid #e6e6e6; }




/*! ============================== S U B P A G E - 6 ============================== */
/** ( 시설안내 ) */
.sub6 .inner ul li{ width: 100%; display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 70px; }
.sub6 .inner ul li > div .imgBox{ width: 100%; border-radius: 10px; overflow: hidden; }
.sub6 .inner ul li > div .txtBox{ padding-top: 10px; padding-left: 20px; }
.sub6 .inner ul li > div .txtBox h3{ font-size: 23px; font-weight: 700; color: #111; letter-spacing: -1.2px; }
.sub6 .inner ul li > div .txtBox p{ font-size: 16px; font-weight: 400; color: #959595; letter-spacing: -0.5px; line-height: 26px; }
.sub6 .inner ul li .right .imgBox{ height: 220px; margin-bottom: 10px; }
.sub6 .inner ul li .left > div:first-of-type{ margin-bottom: 10px; }



/*! ============================== S U B P A G E - 7 ============================== */
/** S U B 7 - 1 ( 스마트케어 ) */
.sub_page.sub71 .inner{ text-align: center; }
.sub_page.sub71 .inner > span{ position: relative; display: inline-block; font-size: 30px; font-weight: 500; color: #111; letter-spacing: -1.5px; margin-bottom: 20px; }
.sub_page.sub71 .inner > span::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 17px; background-color: #fff55d; content: ''; display: block; z-index: -1; }
.sub_page.sub71 .inner > p{ font-size: 18px; font-weight: 400; color: #888888; letter-spacing: -0.8px; line-height: 33px; margin-bottom: 70px;  }
.sub_page.sub71 .inner > ul{ width: 985px; margin: 0 auto; display: flex; padding-top: 400px; background: url(/img/img_sub71.png) no-repeat center top; }
.sub_page.sub71 .inner > ul li{ width: 33.33%; font-size: 18px; font-weight: 400; color: #111; letter-spacing: -0.8px; line-height: 33px; }
.sub71.contBox{ padding: 110px 0; }
.sub71.contBox .inner > h2{ font-size: 35px; font-weight: 700; color: #111; letter-spacing: -2px; line-height: 40px; text-align: center; margin-bottom: 10px; }
.sub71.contBox .inner > p{ font-size: 18px; font-weight: 400; color: #888888; letter-spacing: -0.8px; line-height: 33px; text-align: center; margin-bottom: 45px; }
.sub71.contBox .inner > ul{ display: flex; align-items: stretch; justify-content: center; }
.sub71.contBox .inner > ul > li{ width: 285px; margin-right: 20px; border-radius: 20px; overflow: hidden; }
.sub71.contBox .inner > ul > li:last-of-type{ margin-right: 0; }
.sub71.contBox .inner > ul > li .tit{ font-size: 21px; font-weight: 700; color: #fff; letter-spacing: -1px; line-height: 30px; height:90px; text-align: center; padding: 15px 0; }
.sub71.contBox .inner > ul > li > ol{ height: 100%; padding: 25px; background-color: #fff; }
.sub71.contBox .inner > ul > li > ol li{ position: relative; font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.8px; line-height: 25px; padding-left: 20px; margin-bottom: 10px; }
.sub71.contBox .inner > ul > li > ol li:last-of-type{ margin-bottom: 0; }
.sub71.contBox .inner > ul > li > ol li::before{ position: absolute; left: 0; top: 6px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
/* ? case */
.sub71.contBox.cb02{ background: #f3f6f8; }
.sub71.contBox.cb02 .inner > ul > li .tit{ background-color: #0075c2; }
.sub71.contBox.cb03 .inner > ul > li .tit{ background-color: #00bec2; }
.sub71.contBox.cb03 .inner > ul > li > ol{ background-color: #f8f8f8; }
.sub71.contBox.cb04{ background: #f4f3f8; }
.sub71.contBox.cb04 .inner > ul > li .tit{ background-color: #2b15ca; }

/** S U B 7 - 2 ( 안전한 건강관리 ) */
.sub72 .inner{ width: 100%; }
.sub72 .inner > h2{ margin-bottom: 20px; }
.sub72 .inner > p{ font-size: 18px; font-weight: 400; color: #888888; letter-spacing: -0.8px; line-height: 33px; text-align: center; margin-bottom: 120px; }
.sub72 .inner > ul > li{ display: flex; align-items: center; margin-bottom: 120px; }
.sub72 .inner > ul > li:last-of-type{ margin-bottom: 0; }
.sub72 .inner > ul > li > div{ width: 50%; }
.sub72 .inner > ul > li .imgBox img{ width: 100%; max-width: 920px; }
.sub72 .inner > ul > li .txtBox{ padding-left: 100px; }
.sub72 .inner > ul > li .txtBox h3{ position: relative; font-size: 35px; font-weight: 500; color: #111; letter-spacing: -2px; line-height: 40px; margin-bottom: 30px; }
.sub72 .inner > ul > li .txtBox h3::before{ position: absolute; top: -25px; width: 22px; height: 7px; background-color: #0075c2; content: ''; display: block; }
.sub72 .inner > ul > li .txtBox p{ font-size: 18px; font-weight: 400; color: #888; letter-spacing: -0.8px; line-height: 33px; }
.sub72 .inner > ul > li .txtBox strong{ font-weight: 400; color: #0075c2; }
.sub72 .inner > ul > li .txtBox > img{ margin-top: 30px; }
.sub72 .inner > ul > li .txtBox > a{ display: inline-block; width: auto; font-size: 15px; font-weight: 400; color: #fff; line-height: 65px; text-align: left; padding: 0 40px; border-radius: 10px; background-color: #0075c2; }
.sub72 .inner > ul > li .txtBox ol li{ margin-bottom: 5px; }
.sub72 .inner > ul > li .txtBox ol li:last-of-type{ margin-bottom: 0; }
.sub72 .inner > ul > li .txtBox ol li span{ position: relative; display: inline-block; font-size: 18px; font-weight: 400; color: #888; letter-spacing: -0.8px; line-height: 30px; word-break: keep-all; padding-left: 25px; }
.sub72 .inner > ul > li .txtBox ol li span::before{ position: absolute; left: 0; top: 9px; width: 13px; height: 13px; background: url(/img/ico_bull_check.png) no-repeat center center; background-size: contain; content: ''; display: block; }
/* ? case */
.sub72 .inner > ul > li:nth-of-type(odd) > .imgBox{ padding-right: 40px; text-align: right; }
.sub72 .inner > ul > li:nth-of-type(odd) > .txtBox{ padding-left: 40px; }
.sub72 .inner > ul > li:nth-of-type(odd) .txtBox > h3::before{ left: 0; }
.sub72 .inner > ul > li:nth-of-type(even) > .imgBox{ padding-left: 40px; }
.sub72 .inner > ul > li:nth-of-type(even) > .txtBox{ padding-right: 40px; padding-left: 0; text-align: right; }
.sub72 .inner > ul > li:nth-of-type(even) > .txtBox p{ margin-bottom: 30px; }
.sub72 .inner > ul > li:nth-of-type(even) .txtBox > h3::before{ right: 0; }

/** S U B 7 - 3 ( 완벽한 식단관리 ) */
.sub73.cb02{ background-color: #f8f8f8; }
.sub73.cb02 .inner{ display: flex; align-items: center; justify-content: space-between; padding: 135px 0; }
.sub73.cb02 .inner .left{ width: 250px; height: 250px; background: url(/img/logo_sub73.png) no-repeat center center, #fff; border-radius: 50%; }
.sub73.cb02 .inner .right{ width: 880px; }
.sub73.cb02 .inner .right > span{ position: relative; display: inline-block; font-size: 30px; font-weight: 500; color: #111; letter-spacing: -1.5px; margin-bottom: 20px; z-index: 10; }
.sub73.cb02 .inner .right > span::before{ position: absolute; left: 0; bottom: 4px; width: 100%; height: 17px; background-color: #fff55d; content: ''; display: block; z-index: -1; }
.sub73.cb02 .inner .right > p{ font-size: 18px; font-weight: 400; color: #888888; letter-spacing: -0.8px; line-height: 33px; }
.sub73.cb02 .inner .right > p strong{ font-weight: 400; color: #0075c2; }
.sub73.cb03 .inner{ padding: 135px 0; }
.sub73.cb03 .inner ul{ display: flex; align-items: stretch; justify-content: center; }
.sub73.cb03 .inner ul li{ width: 250px; margin-right: 120px; }
.sub73.cb03 .inner ul li:last-of-type{ margin-right: 0; }
.sub73.cb03 .inner ul li .imgBox{ width: 200px; height: 200px; border-radius: 50%; margin: 0 auto 30px;}
.sub73.cb03 .inner ul li:nth-of-type(1) .imgBox{ background: url(/img/ico_sub73_01.png) no-repeat center center, #f8f8f8; }
.sub73.cb03 .inner ul li:nth-of-type(2) .imgBox{ background: url(/img/ico_sub73_02.png) no-repeat center center, #f8f8f8; }
.sub73.cb03 .inner ul li:nth-of-type(3) .imgBox{ background: url(/img/ico_sub73_03.png) no-repeat center center, #f8f8f8; }
.sub73.cb03 .inner ul li dl{ text-align: center; }
.sub73.cb03 .inner ul li dl dt{ font-size: 23px; font-weight: 700; color: #111; letter-spacing: -1.2px; margin-bottom: 10px; }
.sub73.cb03 .inner ul li dl dd{ font-size: 16px; font-weight: 400; color: #888; letter-spacing: -0.5px; line-height: 25px; }






/*! ============================== F O O T E R ============================== */
#ft { width: 100%; background-color: #f8f8f8; border-top: 1px solid #e8e8e8; }
#ft .ft_wrap{ width: 1200px; display: flex; align-items: stretch; padding-bottom: 60px; margin: 0 auto; }
#ft .ft_wrap > div{ padding-top: 60px; }
#ft .ft_wrap .left{ width: 280px; border-right: 1px solid #e8e8e8; }
#ft .ft_wrap .left #logo a{ display: block; width: 200px; height: 89px; background: url(/img/logo_on.svg) no-repeat center center; background-size: contain; text-indent: -9999px; }
#ft .ft_wrap .left > p{ font-size: 13px; font-weight: 700; color: #222222; margin-top: 30px; }
#ft .ft_wrap .left > a{ display: block; font-size: 30px; font-weight: 700; color: #0075c2; letter-spacing: -0.5px; line-height: 30px; font-family: 'Montserrat'; margin-top: 10px; }
#ft .ft_wrap .left > ul{ margin-top: 15px; }
#ft .ft_wrap .left > ul li{ font-size: 12px; font-weight: 400; color: #808080; line-height: 21px; }
#ft .ft_wrap .left > ul li span{ display: inline-block; width: 70px; }
/* CENTER */
#ft .ft_wrap .center{ width: 560px; padding-left: 60px; border-right: 1px solid #e8e8e8; }
#ft .ft_wrap .center > ul li{ font-size: 13px; font-weight: 400; color: #808080; margin-bottom: 10px; }
#ft .ft_wrap .center > ul li:last-of-type{ margin-bottom: 0; }
#ft .ft_wrap .center > ul li span{ display: inline-block; width: 100px; font-weight: 700; color: #222; }
#ft .ft_wrap .center > ol{ display: flex; align-items: center; margin-top: 50px; }
#ft .ft_wrap .center > ol li{ position: relative; padding: 0 20px; }
#ft .ft_wrap .center > ol li:first-of-type{ padding-left: 0; }
#ft .ft_wrap .center > ol li::after{ position: absolute; right: 0; top: 4px; width: 1px; height: 13px; background-color: #d9d9d9; content: ''; display: block; }
#ft .ft_wrap .center > ol li:last-of-type:after{ display: none; }
#ft .ft_wrap .center > ol li a{ display: block; font-size: 13px; font-weight: 700; color: #222; }
/* RIGHT */
#ft .ft_wrap .right{ width: 360px; padding-left: 60px; }
#ft .ft_wrap .right .social{ display: flex; align-items: center; }
#ft .ft_wrap .right .social li{ margin-right: 10px; }
#ft .ft_wrap .right .social li a{ display: block; border-radius: 50%; }
#ft .ft_wrap .right .social li a img { width: 32px; border-radius: 50%;}
#ft .ft_wrap .right .family-site-wrap{ margin-top: 65px; }
#ft .ft_wrap .right .family-site-wrap h3{ font-size: 18px; font-weight: 700; color: #222222; letter-spacing: -1px; line-height: 25px; margin-bottom: 10px; }
#ft .ft_wrap .right .family-site{ position: relative; width: 300px; }
#ft .ft_wrap .right .family-site dt{ background-color: #fff; border-radius: 3px; }
#ft .ft_wrap .right .family-site dt > a{ position: relative; display:block; font-size: 14px; font-weight: 400; color: #979797; line-height: 50px; padding: 0 25px; }
#ft .ft_wrap .right .family-site dt > a::after{ position: absolute; right: 25px; top: 23px; width: 9px; height: 7px; background: url(/img/ico_farrow.png) no-repeat center center; background-size: contain; content: ''; display: inline-block; }
#ft .ft_wrap .right .family-site dd{ display:none; position:absolute; bottom:50px; width:100%; z-index:2; }
#ft .ft_wrap .right .family-site dd ul{ border:1px solid #ddd; }
#ft .ft_wrap .right .family-site dd ul li{ border-bottom: 1px solid #ddd; }
#ft .ft_wrap .right .family-site dd ul li:last-of-type{ border-bottom: 0; }
#ft .ft_wrap .right .family-site dd ul li a { display: block; font-size: 14px; font-weight: 400; color: #222; line-height: 50px; padding: 0 25px; background-color: #fff; transition: all 0.2s ease-in-out; }
#ft .ft_wrap .right .family-site dd ul li a:hover { background-color: #f3f3f3; }








































.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}


/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc { display: none; }
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */



/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}



.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block; width: 140px; font-size: 13px; font-weight: 400; color: #797979; letter-spacing: -0.5px; line-height: 35px; border: 1px solid #ececec; border-radius: 0; background-color: #f8f8f8; } /* 우편번호검색버튼 등 */
a.btn_frmline span, button.btn_frmline span{ font-weight: 700; }



/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/


/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap{ width: 100%; text-align: center; }
.pg_wrap .pg{ display: block; }
.pg_page, .pg_current{ display:inline-block; width: 33px; height: 33px; font-size: 16px; font-weight: 400; color: #aaa; line-height: 35px; font-family: 'Montserrat'; border-radius: 10px; vertical-align:middle; margin: 0 2px; transition: all 0.2s ease-in-out; }
.pg_page:hover{ color: #0075c2; }
.pg_start{ text-indent:-9999px; overflow:hidden; background:url('../img/btn_first.png') no-repeat center center; padding:0; }
.pg_prev{ text-indent:-9999px; overflow:hidden; background:url('../img/btn_prev.png') no-repeat center center; padding:0; }
.pg_end{ text-indent:-9999px; overflow:hidden; background:url('../img/btn_end.png') no-repeat center center; padding:0; }
.pg_next{ text-indent:-9999px; overflow:hidden; background:url('../img/btn_next.png') no-repeat center center; padding:0; }
.pg_current{ color: #fff; font-weight: 600; background-color: #0075c2; }





/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}