@charset "utf-8";

/*reset*/
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
html,body{width:100%;height:100%;-webkit-font-smoothing:antialiased;box-sizing:border-box; overflow-x: hidden !important;}
body,p,h1,h2,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
body{font-size:14px;font-weight:400;color:#111;}
ul,ol,li{display:block;list-style:none;}
img{border:0px none;}
img,input,button,label,select{vertical-align:middle;}
input[type='text'],input[type='password'],input[type='number']{text-indent:5px;}
input[type='submit'],input[type='button'],button{cursor:pointer;}
i,em,address{font-style:normal;}
a {text-decoration:none;color:#111;}
a:hover {text-decoration:none;}
table{border-spacing:0;table-layout:fixed;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;}
.clear{display:block;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';overflow:hidden;clear:both;}
caption, .soundOnly{display:block !important;position:absolute !important;top:-9999px !important;}

.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w90{width:95px}
.w5p{width:5%}.w8p{width:8%}.w10p{width:10%}.w12p{width:12%}.w15p{width:15%}.w18p{width:18%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h10{height:10px}.h20{height:20px}.h20{height:30px}.h30{height:40px}.h40{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h200{height:300px}.h210{height:310px}.h220{height:320px}.h230{height:330px}.h240{height:340px}.h250{height:350px}.h260{height:360px}.h270{height:370px}.h280{height:380px}.h290{height:390px}.h300{height:400px}.h310{height:410px}.h320{height:420px}.h330{height:430px}.h340{height:440px}.h350{height:450px}.h360{height:460px}.h370{height:470px}.h380{height:480px}.h390{height:490px}.h400{height:500px}.h410{height:510px}.h420{height:520px}.h430{height:530px}.h440{height:540px}.h450{height:550px}.h460{height:560px}.h470{height:570px}.h480{height:580px}.h490{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px}

/*all*/
body{font-size:16px;color:#111;background:#fff;letter-spacing:-0.2px;}
textarea{font-size:14px;border-color:#e5e5e5;}
#wrap{position:relative;}
#skipLink a{display:block;position:fixed;top:-9999px;left:0;right:0;height:30px;font-size:14px;color:#fff;line-height:30px;text-align:center;background:#134c97;z-index:9999;}
#skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{top:0;}
.txtBold{font-weight:bold;}
.alignCenter{text-align:center !important;}
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.fl-l{float:left !important;}
.fl-r{float:right !important;}
.di-b{display:block !important;}
.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgtNone{margin-top:0px !important;}
.txt_Blue{color:#105ac8 !important;}
.txt_Red{color:#da2828 !important;}
.txt_Line{text-decoration:underline;}
input.useDatepicker{width:140px;background:#fff url(/images/content/bg_inputDate.png) no-repeat 95% center;}
input[type='text'],
input[type='password'],
input[type='number'],
select{height:36px;border:1px solid #d2d2d2;margin:2px 1px;}
textarea{border:1px solid #d2d2d2;}
.desktopOnly{display:block;}
.mobileOnly{display:none;}
.TbOnly{ display:none; }

/*main slide pagenation*/
#fp-nav {position: relative;}
#fp-nav::before {content: ''; position: absolute; top: 28px; left: 50%; width: 2px; height: 114px; background: #FFF09A; margin-left: -3px;}
#fp-nav > ul > li {width: 10px; height: 10px; margin: 0 !important;}
#fp-nav > ul > li:last-child {display: none;}
#fp-nav > ul > li > a {width: 10px !important; height: 10px !important; margin: 25px 0 !important; background: #FFF09A; opacity: unset; box-sizing: border-box; border-radius: 50%; margin: 0;}
#fp-nav > ul > li > a > span {background: #FFF09A !important; }
#fp-nav > ul > li > a.active > span {background: #ffffff !important; border: 2px solid #FBA24A !important; box-sizing: border-box;}
#fp-nav > ul > li > .fp-tooltip {padding: 6px 16px; background: #FBB74A; color: #ffffff; font-size: 14px; border-radius: 25px; top: -10px !important; left: 15px !important;}

/* header  */
#header {width: 100%; max-width: 1920px; min-width: 400px; background: none; position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 9000;}
#header #topBar {width: 100%; height: 50px; display: flex; justify-content: flex-end; align-items: center; padding: 0 68px; border-bottom:1px solid #ffffff50; box-sizing:border-box; background: none;}
#header #topBar .mobile-top {display: none;}
#header #topBar .right {display: flex; justify-content: center; height: 100%; align-items: center; gap: 20px;}
#header #topBar .right > ul {display: flex; justify-content: center; align-items: center; height: 100%;}
#header #topBar .right > ul > li {display: flex; justify-content: center; align-items: center; width: 120px; height: 100%;}
#header #topBar .right > ul > li:last-child {width: 200px;}
#header #topBar .right > ul > li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; line-height: 40px; font-size:16px; font-weight: 500; color: #ffffff;}
#header #topBar .right > ul > li:hover a {text-decoration: underline;}
#header #topBar .right > ul > li .submenu {display: none;}
#header #topBar .right > ul > li.active .submenu {display: block;}
#header #topBar .topSearch {position: relative; height: 32px;}
#header #topBar .topSearch .btn_topSearch {position:absolute; top:50%; right:-32px; margin-top:-16px; width:32px; height:32px; text-indent:-9999em; cursor: pointer; background: url(/toy/new/images/icon-search.png) no-repeat #ffffff50 50%; border: 0px none;}
#header #topBar .topSearch input[type='text']{font-size: 16px; margin:0; padding:0 12px; width:168px ;height:32px;color:#ffffff; background:#ffffff50; border: 0px none; border-radius: 4px; vertical-align:top; box-sizing:border-box;}
#header #topBar .topSearch input[type='text']::-webkit-input-placeholder {font-size: 16px; font-weight: 400; color:#ffffff;}
#header #topBar .topSearch input[type='text']:-ms-input-placeholder {font-size: 16px; font-weight: 400; color:#ffffff;}
#header #topBar .topSearch input[type='text']::placeholder {font-size: 16px; font-weight: 400; color:#ffffff;}
#header #topBar.active {background: #83C1EC;}
#header #topBar .right > ul > li a.homepage {position: relative; display: flex; align-items: center; justify-content: center; background: #0b82d9; transition: all 0.2s; color: #ffffff !important; width: unset; height: 36px; border-radius: 25px; padding: 0 24px 0 50px; white-space: nowrap;}
#header #topBar .right > ul > li a.homepage::before {content: ''; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 24px; height: 24px; background: url(/toy/new/images/icon-homepage-link.png) no-repeat;}
#header #topBar .right > ul > li:hover a.homepage {background: #FBB74A; transition: all 0.2s;}
.gnb-wrap-mo {display: none;}

#header .submenu-back {display: none;}
#header .gnb-wrap.active {background: #83C1EC;}
#header .gnb-wrap.active + .submenu-back {position: absolute; top: 130px; left: 0; display: block; width: 100%; height: 260px; background: #83C1EC; box-shadow:6px 6px 10px #1361931a; border-top: 1px solid #ffffff50;}

#header .gnb-wrap {background: none; width: 100%; height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 40px; box-sizing: border-box; padding: 0 100px;}
#header .gnb-wrap .left {height: 100%; display: flex; align-items: center; justify-content: center; gap: 12px;}
#header .gnb-wrap .left > h1 {font-size: 0;}
#header .gnb-wrap .left > h1 > a {display: block; width: 293px; height: 39px; background: url(/toy/new/images/logo_new.png) 100% no-repeat; background-size: contain;}
/* #header .gnb-wrap .left > h1 > a > img {width: 320px; height: 40px; object-fit: contain;} */
#header .gnb-wrap .left .text {font-size: 25px; font-weight: 500; color: #FFF09A; white-space: nowrap;}
#header .gnb-wrap .right {width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end;}
#header .gnb-wrap .right > ul {margin: 0; padding: 0; width: 100%; max-width: 1100px; height: 100%; display: flex; justify-content: flex-end;}
#header .gnb-wrap .right > ul > li {position: relative; width: 100%; max-width: 200px; height: 100%; flex: 1 1 0;}
#header .gnb-wrap .right > ul > li > a {width: 100%; max-width: 200px; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 80px; padding: 0; font-size: 20px; white-space: nowrap; font-weight: 400; color: #ffffff;}
#header .gnb-wrap .right > ul > li > a::after {content: ""; position: absolute; bottom: 0; left: 50%; width: 100%; height: 3px; background-color: #0b82d9; transform: translateX(-50%) scaleX(0); transform-origin: center; transition: transform 0.3s ease;}
#header .gnb-wrap .right > ul > li:hover > a::after {transform: translateX(-50%) scaleX(1);}
#header .gnb-wrap .right > ul > li.on > a::after {transform: translateX(-50%) scaleX(1);}
#header .gnb-wrap .right > ul > li .submenu {display: none; z-index: 10; width: 100%; margin: 0; list-style: none; position: absolute; top: 80px; padding: 20px 0; box-sizing: border-box;}
#header .gnb-wrap .right > ul > li .submenu > li > a {width: 100%; height: 42px; display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; font-size: 18px; color: #ffffff; transition: all 0.3s;}
#header .gnb-wrap .right > ul > li .submenu > li:hover > a {text-decoration: underline;}

/* 고정 헤더 스타일 */
#header.is-scroll .top-bar {display: none !important;}
#header.is-scroll .gnb-wrap {background: #ffffff; box-shadow: 6px 6px 10px rgba(11, 10, 10, 0.1);}
#header.is-scroll .gnb-wrap .right > ul > li > a {color: #333333;}
#header.is-scroll .gnb-wrap.active + .submenu-back {top: 80px;}
#header.is-scroll .gnb-wrap .left > h1 > a {background: url(/toy/new/images/logo_new_black.png) 100% 100% no-repeat; background-size: contain;}
#header.is-scroll .gnb-wrap .left .text {color: #70a1fc;}
#header.is-scroll .gnb-wrap.active {background: #ffffff;}
#header.is-scroll .gnb-wrap.active + .submenu-back {background: #ffffff; box-shadow: 6px 6px 10px rgb(155 77 0 / 10%); border-top: 1px solid #ededed;}
#header.is-scroll .right > ul > li .submenu > li > a {color: #333333;}

/* quickmenu */
.quickmenu {position: fixed; width: 100px; height: 620px; z-index: 999; top: 50%; right: 50px; margin-top: -260px;}
.quickmenu ul {background:#ffffff; list-style: none; margin: 0; padding: 10px 0; border-radius: 20px; overflow: hidden; border: 1px solid #FBA24A;}
.quickmenu ul li a {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-decoration: none; width: 100%; height: 80px;}
.quickmenu ul li:hover a {background: #dbaf692e; transition: all 0.3s;}
.quickmenu ul li a img {width: 30px; height: 30px;}
.quickmenu ul li a span {font-size: 13px; color: #333333;}
.quickmenu .page-top-btn { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; text-decoration: none; color: #ffffff; font-size: 14px; background: #FBB74A; border: 1px solid #FBA24A; border-radius: 40px; margin-top: 6px;}

#container {width: 100%; max-width: 1920px; margin: 0 auto;  min-width: 400px; height: 100%;}
#container .mainFullpage .fullpage-slide {width: 100%; height: 100vh; text-align: center; font-size: 18px; background: #ffffff; display: flex; justify-content: center; align-items: center;}
#container .mainFullpage .fullpage-slide > div {width: 100%;}
#container .mainFullpage .fullpage-slide.top-section {display: flex; flex-direction: column; background: url(/toy/new/images/new-main-back.png); background-size: cover; gap: 40px;}
#container .mainFullpage .fullpage-slide.top-section .fp-tableCell {display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 0 100px 100px 100px; box-sizing: border-box; justify-content: center;}
#container .mainFullpage .fullpage-slide.top-section h1 {font-size: 45px; font-weight: 600; color: #ffffff; text-align: center; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);}
#container .mainFullpage .fullpage-slide.top-section h1 span {font-size: 33px; font-weight: 400;}

#container .mainFullpage .fullpage-slide.top-section ul.bottom-menu {display: flex; width: 100%; max-width: 1200px; align-items: center; justify-content: space-between; list-style: none; padding: 0; margin: 0; gap: 20px 0;}
#container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li a {display: flex; flex-direction: column; align-items: center; gap: 16px; text-decoration: none; transition: all 0.5s;}
#container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li:hover a .bottom-menu-circle-box {background: #faffc4a3; transition: all 0.5s;}
#container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li:hover a .bottom-menu-circle-box .bottom-menu-circle img {scale: 0.9; transition: all 0.5s;}
#container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li a .bottom-menu-circle-box {display: flex; align-items: center; justify-content: center; width: 135px; height: 135px; background: #ffffff30; border-radius: 50%; box-shadow: 3px 3px 10px #A9D4EF50;  transition: all 0.5s;}
#container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li a .bottom-menu-circle-box .bottom-menu-circle {transition: all 0.5s; width: 108px; height: 108px; background: #ffffff; border-radius: 50%;}
#container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li a .bottom-menu-circle-box .bottom-menu-circle img {width: 100%; height: 100%; object-fit: contain; scale: 1; transition: all 0.5s;}
#container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li a .icon-text {font-size: 24px; color: #ffffff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);}

#container .mainFullpage .fullpage-slide.edu-section {position: relative; display: flex; flex-direction: column; background: #ffffff; gap: 60px;}
#container .mainFullpage .fullpage-slide.edu-section::before {z-index: 5; content: ''; position: absolute; top: -150px; left: -180px; width: 540px; height: 550px; background: url(/toy/new/images/edu-img-left.png) no-repeat;}
#container .mainFullpage .fullpage-slide.edu-section::after {z-index: 5; content: ''; position: absolute; bottom: -420px; right: -240px; width: 640px; height: 680px; background: url(/toy/new/images/edu-img-right.png) no-repeat;}
#container .mainFullpage .fullpage-slide.edu-section .fp-tableCell {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; padding-top: 60px;}
#container .mainFullpage .fullpage-slide.edu-section .title-wrap {display: flex; flex-direction: column; gap: 10px; }
#container .mainFullpage .fullpage-slide.edu-section .title-wrap h2 {font-size: 40px; font-weight: 600; color: #333333; margin: 0;}
#container .mainFullpage .fullpage-slide.edu-section .title-wrap p {font-size: 20px; color: #919294; margin: 0;} 
#container .mainFullpage .fullpage-slide.edu-section .title-wrap .deu-right-tab-wrap {width: 638px; height: 80px; display: flex; gap: 20px; align-items: center; justify-content: center;}
#container .mainFullpage .fullpage-slide.edu-section .title-wrap .deu-right-tab-wrap .edu-tab {display: flex;    align-items: center;    align-items: center;; height: 52px; transition: all 0.2s; background: #F1F4F9; border-radius: 28px; font-size: 20px; padding: 14px 20px; box-sizing: border-box; border: none; font-weight: 400; cursor: pointer; text-decoration: none; color: #333333; white-space: nowrap;}
#container .mainFullpage .fullpage-slide.edu-section .title-wrap .deu-right-tab-wrap .edu-tab:hover {background: #e2e5e9; transition: all 0.2s;}
#container .mainFullpage .fullpage-slide.edu-section .title-wrap .deu-right-tab-wrap .edu-tab.active {background: #FBA24A; color: #ffffff;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap {display: flex; gap: 20px; width: 100%; padding: 0 40px; box-sizing: border-box; justify-content: center;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box {display: flex; justify-content: center; width: 100%; height: 100%;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .content-calendar-tit {display: flex; align-items: center; justify-content: center; gap: 30px; margin-top: 10px;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .content-calendar-tit .arrow-prev, .arrow-next {width: 36px; height: 36px; background: #ffffff; border-radius: 50%;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .content-calendar-tit .tit-text {font-size:40px; color: #ffffff;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .content-calendar-body {width: 100%; height: 100%; border-radius: 30px; background: #ffffff; padding: 0 10px 10px 10px; box-sizing: border-box;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right {z-index: 999; display: flex; flex-direction: column; width: calc(100% - 620px); height: 550px;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-top {display: flex;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-top .right-tit {width: 142px; height: 80px; background: #FBA24A; border-radius: 40px 40px 0 0;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-top .right-tit a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 24px; gap: 12px;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-top .right-tit a img {width: 24px; height: 24px; object-fit: contain;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-top .right-tab {display: flex; gap: 10px; padding: 14px 0 0 20px; box-sizing: border-box; width: 638px; height: 80px; background: url(/toy/new/images/edu-tab-color.png) no-repeat;} 
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-top .right-tab button {display: none; height: 52px; background:#F1F4F9; border-radius: 28px; font-size: 20px; padding: 14px 20px; border: none; font-weight: 400; cursor: pointer;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-top .right-tab button[aria-selected="true"] {background:#FBA24A; color: #ffffff;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom {width: 100%; height: 470px; background: #FBA24A; padding: 20px; box-sizing: border-box; border-radius: 0 40px 40px 40px; border: none; color: #333333; font-size: 20px;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom .list-box {width: 100%; height: 100%; padding: 0 10px 0 0; box-sizing: border-box; overflow-y: auto;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom .list-box ul {display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; gap: 4px;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom .list-box ul li {background: #ffffff; padding: 20px 30px; box-sizing: border-box;}

#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom .list-box ul li a {display: flex; align-items: center; justify-content: flex-start; gap: 20px; box-sizing: border-box; width: 100%; background: #ffffff; text-decoration: none; border-radius: 10px;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom .list-box ul li a:hover .list-right > div {text-decoration: underline;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom .list-box ul li a .list-left {width: 60px; height: 60px; border-radius: 50%; background: #FBA24A; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom .list-box ul li a .list-left > span {color: #ffffff; font-size: 30px;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom .list-box ul li a .list-right {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left;} 
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom .list-box ul li a .list-right > span {font-size: 16px; color: #9B9B9B;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom .list-box ul li a .list-right > div {color: #212121; font-size: 20px;}

/* main calendar */
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule {display: flex; justify-content: center; width: 100%; max-width: 1400px; gap: 20px; }
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .mainCalendar {position: relative;  width: 600px; height: 550px; background: #FBB74A; border-radius: 40px;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .mainCalendar::before {content: ''; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; width: calc(100% - 20px); height: calc(100% - 90px); background: #ffffff; border-radius: 40px; z-index: 1;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .calendarHeader {width: 100% ; height: 90px; font-size: 34px; color: #fff; line-height: 50px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 30px;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .calendarHeader a {display:inline-block; vertical-align:middle; width:36px; height:36px; border-radius:50%;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .calendarHeader .btn_monthPrev {font-size: 0; background: #ffffff url(/new/images/icon-arrow-prev.png) no-repeat center center;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .calendarHeader .btn_monthNext {font-size: 0; background: #ffffff url(/new/images/icon-arrow-next.png) no-repeat center center;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table {position: absolute; z-index: 11; margin: 0; width:100%; font-size:18px; padding: 0 10px 10px 10px; box-sizing: border-box;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table caption {font-size: 0;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table th {color:#333333;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table th { padding:20px 0; text-align:center;font-size: 18px;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td {text-align:center; font-size: 18px;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table th.sun,
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td.sun{color:#DA383A;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table th.sat,
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td.sat{color:#245EB0;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td > a {display:block; margin:0 auto; width: 100%; height: 100%; padding:20px 0; text-decoration: none; text-align:center; color: #333333;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td .today {background:#f24954; color:#fff;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td .hasPlan {display: block; position: relative;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td .hasPlan .planIcon {display:block; position:absolute; top:36px; left:0; right:0; text-align:center;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td .hasPlan .planIcon em {display:inline-block; vertical-align:middle; margin:0; width:6px; height:6px; border-radius: 50%;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td .hasPlan .planIcon .color1 {background:#e093eb;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td .hasPlan .planIcon .color2 {background:#70a3ed;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td .hasPlan .planIcon .color3 {background:#FBB74A;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td .hasPlan .planIcon .color4 {background:#a9e455;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td ul.eduList {display: none; list-style: none;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .mainCalList{display:block;position:absolute;right:25px;top:10px;padding-left:30px;width:380px;box-sizing:border-box;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .mainCalList:before{display:inline-block;content:'';position:absolute;left:0;top:70px;bottom:-10px;width:1px;background:#e2e3e4;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .eduCategory {display: flex; align-items: center; justify-content: center; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); margin: 0; z-index: 1; gap: 24px; padding: 0;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .eduCategory span {position:relative; padding-left:15px; font-size: 14px; color: #333333; white-space: nowrap;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .eduCategory span::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; background: #333333;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .eduCategory span.typeBlue::before {background:#70a3ed;}
/* #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .eduCategory span.typePurple::before {background:#e093eb;} */
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .eduCategory span.typeYellow::before {background:#FBB74A;}
#container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .eduCategory span.typeGreen::before {background:#a9e455;}

#container .mainFullpage .fullpage-slide.news-section {position: relative; display: flex; flex-direction: column; background: #ffffff; gap: 46px;}
#container .mainFullpage .fullpage-slide.news-section .fp-tableCell {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px; padding: 100px 40px 40px 40px; box-sizing: border-box; }
#container .mainFullpage .fullpage-slide.news-section .title-wrap {z-index: 1001; width: 100%; max-width: 1400px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}
#container .mainFullpage .fullpage-slide.news-section .title-wrap > span {display: flex; background: #FBB74A; border: 1px solid #FBA24A; color: #ffffff; padding: 8px 20px; font-size: 20px; border-radius: 25px;}
#container .mainFullpage .fullpage-slide.news-section .title-wrap > h2 {font-size: 40px; color: #333333; margin: 0; font-weight: 400;}
#container .mainFullpage .fullpage-slide.news-section .title-wrap > h2 > span {color: #FBB74A; font-weight: bold;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap {z-index: 1001; width: 100%; max-width: 1400px; display: flex; gap: 20px; align-items: flex-start;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone {position: relative; background: #ffffff; width: 690px; height: 550px; border-radius: 40px; overflow: hidden;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .popZoneSwiper {width: 100%; height: 100%;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .popZoneSwiper .swiper-wrapper {width: 100%; height: 100%;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .popZoneSwiper .swiper-wrapper .swiper-slide {background: #333333;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .popZoneSwiper .swiper-wrapper .swiper-slide img {width: 100%; object-fit: contain;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .popZoneSwiper .swiper-wrapper .swiper-slide a img {width: 100%; object-fit: contain;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .popZoneSwiper-pagination {z-index: 999; width: 304px; height: 50px; background: #38414A; border-radius: 40px 40px 0 0; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .popZoneSwiper-pagination .swiper-pagination-bullet {background: #737A80;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .popZoneSwiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #ffffff;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .swiper-button-next {bottom: 12px; right: 39%; transform: translateX(-50%); left: unset; top: unset; width: 24px; height: 24px; position: absolute; z-index: 9999; background: url(/new/images/icon-pagenation-next.png) no-repeat;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .swiper-button-next::after {display: none;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .swiper-button-prev {bottom: 12px; left: 42%; transform: translateX(-50%); right: unset; top: unset; width: 24px; height: 24px; position: absolute; z-index: 9999; background: url(/new/images/icon-pagenation-prev.png) no-repeat;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-popupzone .swiper-button-prev::after {display: none;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab {background: #ffffff; width: 690px; height: 550px; border-radius: 40px; overflow: hidden;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-list {width: 100%; height: 80px; display: flex; align-items: center; color: #333333;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-list button {width: 154px; height: 100%; font-size: 20px; color: #333333; padding: 0; margin: 0; border: none; background: #F2F2F2; cursor: pointer;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-list button:last-child {border-radius: 0 20px 0 0;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-list button[aria-selected="true"] {background: #FBA24A; color: #ffffff;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-list a {display: flex; align-items: center; justify-content: center; width: 74px; height: 100%; text-decoration: none; font-size: 0;    background: #f2f2f2; border-radius: 0 25px 0 0;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-list a img {width: 24px; height: 24px; object-fit: contain;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-content {width: 100%; height: 470px; padding: 20px; box-sizing: border-box; border: 1px solid #FBA24A; border-radius: 0 40px 40px 40px;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-content .list-box {width: 100%; height: 100%; overflow: hidden;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-content .list-box .list-box-top {display: flex; gap: 14px; margin-bottom: 20px; padding: 0 20px; box-sizing: border-box;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-content .list-box .list-box-top .top-tit-box {display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 14px; box-sizing: border-box; width: 100px; height: 100px; border-radius: 10px; border:2px solid #FBB74A; background: #ffffff; font-size: 20px; color: #FBB74A;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-content .list-box .list-box-top .top-tit-box .main {font-size: 40px; font-weight: bold;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-content .list-box .list-box-top .top-sub-box {display: flex; align-items: center; justify-content: flex-start; width: calc(100% - 100px); height: 100px; padding: 20px 30px; text-align: left; box-sizing: border-box; background: #F9F9F9; border: 1px solid #D3D3D3; border-radius: 10px;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-content .list-box .list-box-bottom {list-style: none; margin: 0; padding: 0;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-content .list-box .list-box-bottom li {border-bottom: 1px solid #EAEFF8; padding: 20px 30px; box-sizing: border-box;}
#container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-content .list-box .list-box-bottom li a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 100%; display: block; font-size: 18px; color: #333333; text-decoration: none; text-align: left;}
#container .mainFullpage .fullpage-slide.center-section {position: relative; display: flex; flex-direction: column; background: #ffffff; gap: 60px;}
#container .mainFullpage .fullpage-slide.center-section .fp-tableCell {z-index: 1; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 60px; margin-top: 100px; padding: 40px; box-sizing: border-box;}
#container .mainFullpage .fullpage-slide.center-section .title-wrap {z-index: 1001; width: 100%; max-width: 1400px; display: flex; flex-direction: column; align-items: center; gap: 12px;}
#container .mainFullpage .fullpage-slide.center-section .title-wrap > h2 {font-size: 40px; color: #333333; margin: 0;}
#container .mainFullpage .fullpage-slide.center-section .title-wrap > h2 > span {font-weight: bold;}
#container .mainFullpage .fullpage-slide.center-section .title-wrap > p {margin: 0; padding: 0; color: #919294;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab {display: flex; flex-direction: column; gap: 60px; width: 100%; max-width: 1400px;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-list {display: flex; align-items: center; justify-content: center;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-list button {width: 352px; height: 74px; border: 1px solid #CFCFCF; background: #F9F9F9; font-size: 20px; color: #333333; margin: 0; padding: 0; border-right: none; cursor: pointer;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-list button:last-child {border-right: 1px solid #cfcfcf;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-list button[aria-selected="true"] {background: #FBA24A; color: #ffffff; border: 1px solid #FBA24A;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content {padding: 0 40px;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box {display: flex; justify-content: space-between;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left {display: flex; flex-direction: column; gap: 60px;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left .left-tit {text-align: left; font-size: 30px; color: #333333;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left .text-box {display: flex; flex-direction: column; gap: 36px; margin: 0; list-style: none;padding: 0;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left .text-box li {display: flex; align-items: flex-start; justify-content: flex-start; text-align: left;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left .text-box li.center {align-items: center;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left .text-box li > span {width: 120px; font-size: 20px; color: #333333; font-weight: bold; text-align: left;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left .text-box li > div {width: calc(100% - 120px); font-size: 16px; color: #333333;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left .text-box li > .text-dot-list {list-style: circle; padding: 0; margin: 0;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left .text-box li > .text-dot-list > li {font-size: 16px; color: #333333;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left .text-box li > .text-icon-list {display: flex; gap: 10px; margin: 0; padding: 0;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left .text-box li > .text-icon-list > li {width: 100px; height: 100px; border-radius: 20px; color: #333333; border: 1px solid #cfcfcf;}
#container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-right img {width: 446px; height: auto; min-height: 430px; object-fit: contain;}

/* popup */
.popup-dim {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; z-index: 9500;}
.popup-wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; border-radius: 12px; padding: 20px 80px; box-sizing: border-box; display: none; z-index: 9999; }
.popup-inner { position: relative; }
.popup-close { position: absolute; top: 10px; right: 10px; border: none; background: none; font-size: 24px; cursor: pointer; }
.popupSwiper { width: 100%; height: 600px; margin-bottom: 20px; }
.popupSwiper.is-center .swiper-wrapper {justify-content: center;}
.popupSwiper .swiper-slide { background: #eee;  max-width: 480px; height: 600px; border-radius: 30px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.popupSwiper .swiper-slide > div {width: 100%; height: 100%;}
.popupSwiper .swiper-slide > div > img {width: 100% !important; height: 100% !important; object-fit: fill; }
.popupSwiper .swiper-slide > div > a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.popupSwiper .swiper-slide > div > a > img {width: 100% !important; height: 100% !important; object-fit: fill;  scale: 1; transition: all 0.5s;}
.popupSwiper .swiper-slide > div:hover > a > img {scale: 1.05; transition: all 0.5s;}
.popupSwiper .swiper-slide > div:hover > img {scale: 1.05; transition: all 0.5s;}
.popupSwiper .swiper-slide > a {width: 100%; height: 100%;}
.popupSwiper .swiper-slide > a > img {width: 100% !important; height: 100% !important; object-fit: fill; }
.popupSwiper .swiper-slide:hover > a > img {scale: 1.05; transition: all 0.5s;}
.popup-inner .swiper-button-prev {position: absolute; z-index: 9999; width: 50px; height: 50px; border-radius: 50%; left: -68px !important; background: #ffffff url(/new/images/icon-popup-prev.png) center no-repeat;}
.popup-inner .swiper-button-next {position: absolute; z-index: 9999; width: 50px; height: 50px; border-radius: 50%; right: -68px !important; background: #ffffff url(/new/images/icon-popup-next.png) center no-repeat;}
.popup-inner .swiper-button-prev::after, .popup-inner .swiper-button-next::after {display: none;}
.popup-bottom {display: flex; justify-content: center; align-items: center; gap: 10px;}
.popup-count {white-space: nowrap; cursor: pointer; background: #ffffff; font-size: 18px; height: 48px; color: #FBA24A; border-radius: 8px; padding: 0 28px; display: flex; align-items: center; justify-content: center;}
.popup-hide-text {white-space: nowrap; cursor: pointer; font-size: 18px; display: flex; align-items: center; padding: 0 48px; height: 48px; border-radius: 8px; background:#FBA24A; color: #ffffff; text-decoration: underline;}
.popup-close-btn {white-space: nowrap; cursor: pointer; font-size: 18px; height: 48px; padding: 0 28px; background: #FBA24A; color: #ffffff; border-radius: 8px; border: none; cursor: pointer; }

/* footer */
#container .mainFullpage .fullpage-slide.footer-section {width: 100%; height: 300px;}
#container .mainFullpage .fullpage-slide.footer-section .fp-watermark {display: none;}
#container .mainFullpage .fullpage-slide.footer-section .fp-tableCell {width: 100%;}

#mainBanner {position:relative;}
#mainBanner .inner {padding-right: 180px; border-top: 1px solid #cfcfcf;}
#mainBanner .mainBannerSlide {width: 100%; max-width: 1000px; height:76px; }
#mainBanner .mainBannerSlide .swiper-wrapper > li { display:flex; align-items:center; }
#mainBanner .mainBannerSlide .swiper-wrapper > li img { max-width:100%; }
#mainBanner .swiper-button-prev { top:50%; left:auto; right: calc(50% - 500px); transform: translate(-50%, -50%); margin:0; width:8px; height:14px; background:url(/toy/images/common/icon_prev_cal_new.png); }
#mainBanner .swiper-button-prev:after{ display:none; }
#mainBanner .swiper-button-next { top:50%; left:auto; right: calc(50% - 565px); transform: translate(-50%, -50%); margin:0; width:8px; height:14px; background:url(/toy/images/common/icon_next_cal_new.png); }
#mainBanner .swiper-button-next:after { display:none; }
#mainBanner .autoControl {position: absolute; top: 50%; right: calc(50% - 530px); transform: translate(-50%, -50%);}
#mainBanner .autoControl span{ display:block; text-indent:-9999px; }
#mainBanner .autoControl span:hover{ cursor:pointer; }
#mainBanner .autoControl span.active{ display:none; }
#mainBanner .autoControl .swiperStart{ width:9px; height:14px; background:url(/toy/images/common/icon_swiper_start.png) no-repeat center; }
#mainBanner .autoControl .swiperStop{ width:6px; height:13px; background:url(/toy/images/common/icon_swiper_stop.png) no-repeat center; }

#footer {width: 100%; height:300px; background:#38414A; }
#footer .inner { width: 100%; height: 100%; display: flex; gap: 232px; padding: 96px; box-sizing: border-box;}
#footer .inner > img {width: 320px; height: 40px; object-fit: contain;}
#footer .inner .right-box {display: flex; flex-direction: column; gap: 40px;}
#footer .inner .right-box > ul {display: flex; gap: 80px; padding: 0; margin: 0; list-style: none;}
#footer .inner .right-box > ul > li > a {font-size: 20px; color: #bbbbbb; text-decoration: none;}
#footer .inner .right-box > ul > li:first-child a {color: #FFC27C;}
#footer .inner .right-box .right-box-bottom {display: flex; flex-direction: column; gap: 10px;}
#footer .inner .right-box .right-box-bottom > ul {display: flex; gap: 10px; list-style: none; margin: 0; padding: 0;}
#footer .inner .right-box .right-box-bottom > ul > li {font-size: 16px; color: #bbbbbb;}
#footer .inner .right-box .right-box-bottom > p {font-size: 16px; color: #bbbbbb; margin: 0; text-align: left;}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#mainVisual{ margin-bottom:122px; height:495px; background:#f2ecc3 url(../images/common/bg_main_visual.jpg) no-repeat center; }
#mainVisual .inner {padding-top:119px; height:100%; box-sizing:border-box; }
#mainVisual .inner .slogan{ margin-bottom:20px; line-height:130%; font-size:43px; font-family:'NanumSquare'; font-weight:800; color:#4cbd91; }
#mainVisual .inner .slogan .colorRed{ font-weight:800; color:#f37c69; }
#mainVisual .inner .slogan .colorBlue{ font-weight:800; color:#1eb2b7; }
#mainVisual .inner > span{ font-size:21px; color:#323232; }
#mainVisual ul{ display:flex; position:absolute; left:0; right:0; bottom:-90px; height:210px; justify-content:space-between; }
#mainVisual ul > li{ width:226px; }
#mainVisual ul > li a{ display:block; padding-top:168px; height:100%; font-size:22px; font-family:'NanumSquare'; font-weight:500; text-align:center; color:#fff; border-radius:15px; box-sizing:border-box; }
#mainVisual ul > li.item1 a{ background:#f6bd74 url(../images/common/icon_visual_quick01.png) no-repeat center 21px; }
#mainVisual ul > li.item2 a{ background:#b3de97 url(../images/common/icon_visual_quick02.png) no-repeat center 21px; }
#mainVisual ul > li.item3 a{ background:#71d0c1 url(../images/common/icon_visual_quick03.png) no-repeat center 21px; }
#mainVisual ul > li.item4 a{ background:#b0c2ed url(../images/common/icon_visual_quick04.png) no-repeat center 21px; }
#mainVisual ul > li.item5 a{ background:#d8b0ed url(../images/common/icon_visual_quick05.png) no-repeat center 21px; }

#mainCommunity{ display:flex; justify-content:space-between; margin-bottom:35px; height:337px; }
#mainCommunity .mainBoard{ position:relative; padding:32px 28px; width:552px; height:100%; border:1px solid #ededed; box-sizing:border-box; }
#mainCommunity .mainBoard h2{ margin-bottom:12px; font-size:19px; color:#1f1f1f; }
#mainCommunity .mainBoard .mainBoardList > li{ position:relative; padding:5px 0 5px 19px; }
#mainCommunity .mainBoard .mainBoardList > li:after{ display:block; content:''; position:absolute; top:12px; left:0; width:4px; height:4px; background:#636363; }
#mainCommunity .mainBoard .mainBoardList > li a{ display:inline-block; max-width:100%; font-size:15px; color:#6a6a6a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#mainCommunity .mainBoard .mainBoardList > li a:hover{ text-decoration:underline; }
#mainCommunity .mainBoard .mainBoardList > li.fisrtNotice{ margin-bottom:22px; padding:26px 0 13px 104px; height:94px; background:url(../images/common/icon_mainBoard.png) no-repeat left 7px center; border-bottom:1px solid #e1e1e1; box-sizing:border-box; }
#mainCommunity .mainBoard .mainBoardList > li.fisrtNotice:after{ display:none; }
#mainCommunity .mainBoard .mainBoardList > li.fisrtNotice a:hover{ text-decoration:none; }
#mainCommunity .mainBoard .mainBoardList > li.fisrtNotice a .title{ display:inline-block; margin-bottom:4px; max-width:100%; font-size:17px; color:#3b3b3b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#mainCommunity .mainBoard .mainBoardList > li.fisrtNotice a:hover .title{ text-decoration:underline; }
#mainCommunity .mainBoard .mainBoardList > li.fisrtNotice a .date{ display:block; font-size:14px; }
#mainCommunity .mainBoard .btnMore{ position:absolute; top:32px; right:30px; width:17px; height:17px; text-indent:-9999px; background:url(../images/common/icon_more_new.png) no-repeat center; }

#mainCommunity .mainPopup{ position:relative; padding:20px; width:366px; border:1px solid #ededed; box-sizing:border-box; }
#mainCommunity .mainPopup h2{ margin-bottom:10px; font-size:19px; color:#1f1f1f; }
#mainCommunity .mainPopup .mainPopSlide{ width:100%; height:calc(100% - 31px); overflow:hidden; }
#mainCommunity .mainPopup .mainPopSlide .swiper-wrapper{ display:flex; width:100%; height:100%; }
#mainCommunity .mainPopup .mainPopSlide .swiper-wrapper img{ width:100%; height:100%; }
#mainCommunity .mainPopup .autoControl{ position:absolute; top:21px; right:20px; }
#mainCommunity .mainPopup .autoControl span{ display:inline-block; width:20px; height:20px; text-indent:-9999px; }
#mainCommunity .mainPopup .autoControl span:hover{ cursor:pointer; }
#mainCommunity .mainPopup .autoControl .swiperStart{ background:url(../images/common/icon_slide_pop_start.png) no-repeat center; }
#mainCommunity .mainPopup .autoControl .swiperStop{ background:url(../images/common/icon_slide_pop_stop.png) no-repeat center; }

#mainCommunity .mainEtc{ width:320px; }
#mainCommunity .mainQna{ margin-bottom:12px; padding:13px; border:1px solid #ededed; box-sizing:border-box; }
#mainCommunity .mainQna h2{ margin-bottom:10px; text-align:center; font-size:19px; }
#mainCommunity .mainQna div{ padding:10px; background:#f7f7f7; border-radius:10px; }
#mainCommunity .mainQna div:nth-of-type(1){margin-bottom:10px;}
#mainCommunity .mainQna .mainTel{ margin-bottom:5px; }
#mainCommunity .mainQna .mainTel > li{ position:relative; margin-bottom:4px; padding-left:87px; min-height:24px; line-height:24px; font-size:15px; font-weight:600; color:#323232; }
#mainCommunity .mainQna .mainTel > li em{ position:absolute; top:0; left:0; width:74px; line-height:24px; font-size:13px; text-align:center; color:#fff; background:#56b6a7; border-radius:4px; }
#mainCommunity .mainQna .mainTime > li{ position:relative; padding:2px 0 2px 8px; font-size:13px; color:#494949; }
#mainCommunity .mainQna .mainTime > li:after{ display:block; content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background:#06100c; }
#mainCommunity .mainLink{ display:block; padding:0 15px; height:69px; line-height:66px; text-align:center; background:#edf8f8; }

/* 서브 */
#containerTop{height:173px;background:#f2ecc3 url(/toy/images/common/bg_subVisual1.png) center top no-repeat;}
#containerTop h2{line-height:173px;font-family:'NanumSquare';font-size:40px;color:#996d50;font-weight:bold;text-align:center;}
#containerNav{height:50px;border-bottom:1px solid #e5e5e5;}
#containerNav ul{overflow:hidden;}
#containerNav ul:after{display:block;content:'';clear:both;}
#containerNav ul li{float:left;position:relative;line-height:50px;text-align:center;}
#containerNav ul li:before{display:block;content:'';position:absolute;left:-1px;top:50%;margin-top:-8px;width:1px;height:16px;background:#e2e2e2;}
#containerNav > .col1 > li{width:100%;}
#containerNav > .col2 > li{width:50%;}
#containerNav > .col3 > li{width:33.33%;}
#containerNav > .col4 > li{width:25%;}
#containerNav > .col5 > li{width:20%;}
#containerNav > .col6 > li{width:16.6666%;}
#containerNav > .col7 > li{width:14.285714%;}
#containerNav > .col8 > li{width:12.5%;}
#containerNav > .col9 > li{width:11.1111%;}
#containerNav > .col10 > li{width:10%;}
#containerNav ul li a{display:block;font-family:'NanumSquare';font-size:17px;color:#333;}
#containerNav ul li.over a,
#containerNav ul li:hover a{color:#1599a0;font-weight:bold;}
#containerNav ul li.over:after,
#containerNav ul li:hover:after{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:#1eabb3;}
.contentTop{position:relative;text-align:center;}
.contentTop h3{margin-bottom:10px;height:130px;font-family:'NanumSquare';line-height:130px;font-size:36px;color:#666;font-weight:normal;}
.contentTop .location{position:absolute;top:50%;right:5px;margin-top:-10px;}
.contentTop .location span{position:relative;display:inline-block;font-size:14px;color:#666;line-height:19px;padding-right:25px;}
.contentTop .location span:after{display:inline-block;content:'';clear:both;width:7px;height:11px;position:absolute;top:50%;margin-top:-6px;right:6px;background:url(/images/common/locationArrow.png) no-repeat 0 0;}
.contentTop .location span:last-child:after{display:none;}
.contentTop .location span:last-child{padding-right:0;}
.contentTop .location span img{vertical-align:text-bottom;}

/* Tab */
.tabBar.subTab{height:44px;margin-bottom:20px;border-bottom:0px;text-align:center;font-size:0px;}
.tabBar.subTab > li{position:relative;display:inline-block;float:none;margin-right:-1px;z-index:1;font-size:16px;}
.tabBar.subTab > li > a{display:block;position:relative;height:38px;line-height:38px;padding:0 50px;color:#454545;border:1px solid #e0e0e0;background:#f5f5f5;}
.tabBar.subTab > li.active > a{background:#fff;border:0px none;font-weight:normal;color:#0db2ab;}
.tabBar.subTab > li.active > a:after{display:block;content:'';position:absolute;top:-1px;right:0;bottom:-1px;left:0;border:3px solid #0db2ab;background:none;}

/* list */
ul.listCon > li{position:relative;padding-top:3px;padding-bottom:3px;line-height:140%;font-size:16px;letter-spacing:-.5px;} 
ul.listCon.dot > li{padding-left:10px;}
ul.listCon.dot > li:before{display:block;content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#6c6c6c;}
ul.listCon.minus > li{padding-left:10px;}
ul.listCon.minus > li:before{display:block;content:'';position:absolute;top:13px;left:0;width:4px;height:1px;background-color:#6c6c6c;}
ul.listCon.em > li{padding-left:18px;}
ul.listCon.em > li > em{display:block;width:12px;position:absolute;top:5px;left:0px;font-weight:bold;}
ul.listColor{margin:10px 0;}
ul.listColor:after{display:block;content:'';clear:both;}
ul.listColor li{float:left;width:50%;line-height:180%;}
ul.listColor li em.yel{color:#dac901;}
ul.listColor li em.blu{color:#105ac8;}
ul.listColor li em.red{color:#da2828;}

/* btn */
.btnArea{margin:45px 0;}
.btnArea.mgt20{margin-top:20px;}
.btnArea:after{display:block;content:"";clear:both;}
.btn{display:inline-block;height:50px;line-height:48px;padding:0 20px;min-width:140px;font-size:18px;color:#333;font-weight:bold;text-align:center;border:1px solid #bfbfbf;box-sizing:border-box;cursor:pointer;}
.btn.focus{background:#1eabb3;border:1px solid #1eabb3;color:#fff;}
.btn.small{height:30px;line-height:29px;padding:0 10px;min-width:100px;font-size:15px;}
.filedown{color:#fff;background:#1eabb3;border:1px solid #1eabb3;}
.btn.fileDown{padding-right:55px;background:#1eabb3 url(/toy/images/content/icon_btnFileDown.png) no-repeat 92% center;border:1px solid #1eabb3;color:#fff;font-weight:bold;}
.btn.small.sizeAuto{padding:5px 10px;height:auto;line-height:140%;}
.btn.small.on{border:1px solid #1eabb3;color:#1eabb3;}

/*calendar*/
#subContents .calendar_top {position:relative;margin-bottom:15px;text-align:center;}
#subContents .calendar_top > a{display:inline-block;width:34px;height:34px; vertical-align:middle;border-radius:15px;background-repeat:no-repeat;background-position:center center;text-indent:-9999px;}
#subContents .calendar_top > a.btnPrev{background-image:url(/toy/images/images/common/icon_calTopBtn_prev.gif);}
#subContents .calendar_top > a.btnNext{background-image:url(/toy/images/images/common/icon_calTopBtn_next.gif);}
#subContents .calendar_top > span{display:inline-block;margin:0 20px;vertical-align:middle;font-size:18px;font-weight:bold;}
#subContents .calendar_top select{height:25px;}
#subContents .calendar table{width:100%;border-collapse:collapse;font-size:13px;}
#subContents .calendar table th{padding:15px 5px;background:#485593;border:1px solid #646fa0;color:#fff;}
#subContents .calendar table td{position:relative;height:80px;padding:25px 5px 10px 5px;border:1px solid #dddddd;vertical-align:top;}
#subContents .calendar.reserve table td{height:30px;text-align:center;}
#subContents .calendar table tr:first-child th,
#subContents .calendar table tr:first-child td{border-top:0;}
#subContents .calendar table .sun{color:#f26d7d;}
#subContents .calendar table .sat{color:#3095dd;}
#subContents .calendar table .holiday{color:#f26d7d;}
#subContents .calendar table span.day{display:block;padding-top:4px;width:24px;height:20px;line-height:20px;position:absolute;top:0;left:0;text-align:center;}
#subContents .calendar table span.dayName{display:block;padding:2px 5px;position:absolute;top:0;left:20px;right:0px;text-align:right;font-size:12px;letter-spacing:-0.5px;}
#subContents .calendar .scheduleText{display:block;padding-left:10px;margin-bottom:8px;position:relative;letter-spacing:-1px;word-break:keep-all;}
#subContents .calendar .scheduleText:hover{text-decoration:underline;}
#subContents .calendar .scheduleText:before{display:block;content:'';clear:both;position:absolute;left:0px;top:4px;width:6px;height:6px;border-radius:3px;}
#subContents .calendar .scheduleText.red:before{background-color:#ff8b8b;}
#subContents .calendar .scheduleText.green:before{background-color:#98c87c;}
#subContents .calendar .scheduleText.yellow:before{background-color:#f5d613;}
#subContents .calendar .scheduleText.blue:before{background-color:#8ac1ff;}
#subContents .calendar .scheduleText.purple:before{background-color:#8e5aab;}
#subContents .calendar .scheduleText.sky:before{background-color:#257fc0;}
#subContents .calendar .scheduleText.gray:before{background-color:#b7c3cc;}
#subContents .calendar .eduCate{padding:5px 0;} 
#subContents .calendar .eduCate span{display:inline-block;margin-right:8px;font-size:0.9em;}
#subContents .calendar .list.notice td {height:30px;}
#subContents .calendar .calSchedule{margin:0 auto 5px;text-align:center;}
span.eduBtn{display:inline-block;padding:5px 9px;margin:1px 0;min-width:55px;color:#fff;border-radius:0px;font-size:14px;letter-spacing:-0.5px;}
span.eduBtn.colorRed{color:#f27800;}
span.eduBtn.colorGreen{color:#7ba003;}
span.eduBtn.colorBlue{color:#005aa1;}
span.eduBtn.colorPurple{color:#733bcf;}
span.eduBtn.colorPink{color:#d2357c;}
span.eduBtn.bgRed{background-color:#d74d43;}
span.eduBtn.bgBlue{background-color:#2a63d8;}
span.eduBtn.bgGreen{background-color:#72b234;}
span.eduBtn.bgPurple{background-color:#733bcf;}
span.eduBtn.bgPink{background-color:#d2357c;}
span.eduBtn.bgGray{background-color:#6f6f6f;}
span.eduBtn.bgBrown{background-color:#ca9914;}
span.eduBtn.bgAqua{background-color:#05a4a2;}

/* search */
.searchBox{margin-bottom:30px;padding:14px 20px;border:1px solid #ececec;background:#f5f5f5;text-align:center;}
.searchBox input[type='text']{width:590px;}
.searchBox input[type='text'],
.searchBox input[type='password'],
.searchBox input[type='file'],
.searchBox input[type='number'],
.searchBox select,
.searchBox label{display:inline-block;vertical-align:middle;padding:0 5px;height:40px;border:1px solid #dedede;}
.searchBox select{padding:0 0 0 5px;}
.searchBox input[type="submit"]{width:50px;height:40px;background:#0291a5 url(/images/content/icon_searchBox_submit.png) no-repeat center center;text-indent:-9999em;border:0;}
.searchBox .btnListAll{display:inline-block;vertical-align:middle;margin-left:3px;padding:0 10px;height:40px;background:#fff;border:1px solid #4c4c4c;box-sizing:border-box;text-align:center;line-height:40px;color:#4c4c4c;font-size:13px;font-weight:bold;}
.searchBox table{margin:0 auto;width:100%;background:#fff;border-collapse:collapse;}
.searchBox table th,
.searchBox table td{padding:8px 8px 10px 8px;border:1px solid #d7d7d7;}
.searchBox table td ul{padding:0 !important;}
.searchBox table td ul:after{display:block;content:'';clear:both;}
.searchBox table td ul li{float:left;width:20%;text-align:left;}
.searchBox table td label{margin-left:5px;font-size:14px;}
.searchBox.careCenter table{border:1px solid #d7d7d7;}
.searchBox.careCenter table th,
.searchBox.careCenter table td{padding:4px 8px;text-align:left;border:none;border-bottom:1px solid #d7d7d7;}
.searchBox.careCenter .explain{padding:10px 0 0 0;text-align:left;}
.searchBox select{font-size:15px;}
.searchBox input[type='text']{width:600px;}
.searchBox b{display:inline-block;vertical-align:middle;padding:0 10px 0 30px;font-size:16px;color:#4c4c4c;}
.searchBox.toySearch input[type='text']{width:400px;}

/* paging */
.paging{margin:20px 0;min-height:20px;font-size:13px;text-align:center;}
.paging > a{display:inline-block;vertical-align:middle;margin:0 5px;padding:0 3px;width:34px;height:34px;line-height:34px;font-size:16px;text-align:center;color:#1b1b1b;border:1px solid #d1d1d1;box-sizing:border-box;border-radius:100%;}
.paging > a.active{background-color:#1ba3b6;border:1px solid #1ba3b6;color:#fff;}
.paging > a.btn_first{background:url(/images/content/btn_pageFirst.png) no-repeat center center;text-indent:-9999px;}
.paging > a.btn_prev{background:url(/images/content/btn_Prev.png) no-repeat center center;text-indent:-9999px;}
.paging > a.btn_next{background:url(/images/content/btn_Next.png) no-repeat center center;text-indent:-9999px;}
.paging > a.btn_last{background:url(/images/content/btn_pageLast.png) no-repeat center center;text-indent:-9999px;}
.paging > select{margin-left:5px;height:20px;line-height:18px;font-size:11px;color:#1b1b1b;vertical-align:top;border:1px solid #ebebeb}

/* title */
h4{margin-bottom:10px;font-family:'NanumSquare';font-size:18px;color:#333;padding-left:27px;background:url(../images/content/h4_bullet.gif) left top no-repeat;}
.h4Content{margin:10px 0 50px;padding-left:25px;font-size:16px;line-height:150%;letter-spacing:-.5px;word-break:keep-all;}
.tableTitle{margin-bottom:10px;}
.tableTitle:after{display:block;content:'';clear:both;}
.tableTitle h4{display:inline-block;margin-bottom:0;}
.tableTitle .desc{display:inline-block;float:right;font-size:14px;color:#333;}
.tableTitle .formExplain{float:right;}
.formExplain{height:20px;line-height:20px;font-size:14px;color:#888;text-align:right;}
.formExplain > .required{display:inline-block;margin-right:5px;color:#cf1621;font-size:17px;font-weight:bold;}

/* table */
.tableBox table{border-left:0px;}
.tableBox table th,
.tableBox table td{padding:8px 25px;font-size:15px;border-bottom:1px #e5e5e5 solid;border-left:0px;border-right:0px;box-sizing:border-box;}
.tableBox table th{color:#404040;font-weight:bold;background:#f6f6f6;}
.tableBox table.list{border-top:2px solid #0291a5;border-bottom:1px solid #888ea2;}
.tableBox table.list thead th{padding:15px;}
.tableBox table.list td{padding:15px;}
.tableBox table.list td span.icon_lock{display:inline-block;width:26px;height:26px;background:url(/images/content/icon_lock.gif) no-repeat center center;vertical-align:middle;}
.tableBox table.list td .icon_notice{display:block;margin:auto;width:33px;height:33px;text-indent:-9999px;background:url(/toy/images/content/icon_notice.png) no-repeat center center;}
.tableBox table.list td .icon_file{display:block;margin:auto;width:20px;height:20px;text-indent:-9999px;background:url(/images/content/icon_file.png) no-repeat left center;}
.tableBox table.list td a.subject{display:inline-block;max-width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle;}
.tableBox table.list .last td{border-bottom:0px;}
.tableBox table.form{border-top:2px solid #a9a9a9;}
.tableBox table.form th{padding-left:35px;}
.tableBox table.form th .desc{font-size:14px;color:#666;}
.tableBox table.form label{display:inline-block;position:relative;}
.tableBox table.form label .required{display:block;position:absolute;top:0;left:-15px;color:#cf1621}
.tableBox table.form .btn{display:inline-block;min-width:50px;height:36px;line-height:34px;font-size:14px;padding:0 10px;color:#fff;background:#777981;border:1px solid #777981;border-radius:3px;vertical-align:middle;cursor:pointer;}
.tableBox table.info{border-top:2px solid #1eabb3;border-left:1px solid #e5e5e5;border-bottom:1px solid #2da0a6;}
.tableBox table.info th,
.tableBox table.info td{font-size:16px;text-align:center;border-right:1px solid #e5e5e5;}
.tableBox table.info tbody tr:last-child th,
.tableBox table.info tbody tr:last-child td{border-bottom:0px none;}
.tableBox table.info td .listCon.em > li > em{top:inherit;}
.tableBox table.info.small{border-top:1px solid #4c4c4c;}
.tableBox table.info.small th{background:#f5f5f5;}
.tableBox table.info.small th,
.tableBox table.info.small td{font-size:15px;}
.tableBox table table.inTable{margin:5px 0;width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.tableBox table table.inTable .bg{color:#404040;font-weight:bold;background:#f6f6f6;}
.explain{font-size:15px;color:#666;vertical-align:middle;}
.emphaBox{display:inline-block;margin:15px 0;padding:0 18px;height:40px;background:#0db2ab;line-height:40px;text-align:center;color:#fff;font-size:16px;font-weight:bold;}
.eduBtnState{display:inline-block;width:62px;height:20px;line-height:18px;padding:0 2px;letter-spacing:-1px;font-size:13px;text-align:center;line-height:20px;}
.eduBtnState.red{border:1px solid #e64848;color:#e64848;}
.eduBtnState.gray{border:1px solid #6f6f6f;color:#6f6f6f;}
.eduBtnState.blue{border:1px solid #73a1e1;color:#73a1e1;}
.eduBtnState.green{border:1px solid #46b179;color:#46b179;}
.eduBtnState2{display:block;margin:auto;width:48px;height:20px;line-height:20px;padding:0 2px;letter-spacing:-1px;font-size:13px;text-align:center;}
.eduBtnState2.red{border:1px solid #e64848;color:#e64848;}
.eduBtnState2.gray{border:1px solid #6f6f6f;color:#6f6f6f;}
.eduBtnState2.blue{border:1px solid #73a1e1;color:#73a1e1;}
.eduBtnState2.green{border:1px solid #46b179;color:#46b179;}
.eduBtnState3 {display:block;margin:auto;width:60px;height:20px;line-height:20px;padding:0 2px;letter-spacing:-1px;font-size:13px;text-align:center;}
.eduBtnState3.red{border:1px solid #e64848;color:#e64848;}   
.eduBtnState3.gray{border:1px solid #6f6f6f;color:#6f6f6f;}  
.eduBtnState3.blue{border:1px solid #73a1e1;color:#73a1e1;}  
.eduBtnState3.green{border:1px solid #46b179;color:#46b179;} 
.eduBtnState4{display:inline-block;width:62px;height:24px;line-height:18px;padding:0 2px;letter-spacing:-1px;font-size:14px;text-align:center;line-height:24px;}
.eduBtnState4.green{border:1px solid #064b48;color:#064b48;}

/* table : view */
.tableBox table.view{border-top:2px solid #4c4c4c;border-bottom:1px solid #888ea2;border-left:0px;}
.tableBox table.view thead th{padding:17px 20px;font-family:'NanumSquare';font-size:22px;color:#006863;background:#f6f6f6;}
.tableBox table.view th,
.tableBox table.view td{position:relative;padding:15px 20px;border-right:0px;background:#fff;border-left:0px;}
.tableBox table.view tbody th:after,
.tableBox table.view tbody td:after{position:absolute;display:block;content:"";top:50%;right:0px;margin-top:-6.5px;width:1px;height:13px;background:#dcdcdc;}
.tableBox table.view tbody td:last-child:after{display:none;}
.tableBox table.view .R_Line{position:relative;}
.tableBox table.view .R_Line::after{position:absolute;content:"";top:50%;right:0px;margin-top:-6.5px;width:1px;height:13px;background:#dcdcdc;}
.tableBox table.view td .btnFileDown{display:inline-block;margin:2px;padding:2px 10px;font-size:13px;color:#fff;background:#696e7f;}
.tableBox table.view .textContent{padding:40px 25px;}
.tableBox table.view .last th,
.tableBox table.view .last td{border-bottom:0px;}
.tableBox table.view .required{color:#cf1621;}
.tableBox table.view .moveList{color:#064b48;}
.tableBox table.view.info th{background:#f5f5f5;}
.tableBox table.view.info th,
.tableBox table.view.info td{padding:16px;}
.tableBox table.view.info td{text-align:left;}

/* 분할 */
.divGroup.imgGroup > div{margin-left:-1px;padding:10px;border:1px solid #e5e5e5;}
.divGroup img{width:100%; height:430px;}

/* 팝업 */
.popup_wrap{padding:20px;}
.popup_wrap h4{margin-bottom:20px;}

/* 준비중 */
.ready{padding-top:150px;height:400px;text-align:center;}

/* 반응형 */
.mobilePage{display:none;}

