@charset "utf-8"; /*기본*/ html,body {width: 100%; height: 100%;} body{margin: 0; 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;} .inner{width:1200px;} .fontBold{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;} .i_block{display:inline-block;} .txt_bold{font-weight:bold;} .txt_Blue{color:#4b8eef !important;} .txt_Red{color:#cf1621 !important;} .txt_Green{color:#7db83a !important;} .txt_Orange{color:#f1a52b !important;} .txt_Purple{color:#8169f3 !important;} .txt_Gray{color:#555555 !important;} .txt_Line{text-decoration:underline;} .bg_Gray{background:#f6f6f6;} .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;} .mgb25{margin-bottom:25px;} .mgb30{margin-bottom:30px;} .mgb35{margin-bottom:35px;} .mgb40{margin-bottom:40px;} .mgb45{margin-bottom:45px;} .mglMinus10{margin-left:-10px;} .pdl20{padding-left:20px;} .fs_20{font-size:18px;} .fs_15{font-size:15px !important;} .aLink{text-decoration:underline;} .aLink:hover{font-weight:bold;text-decoration:underline;} input[type='text'], input[type='password'], input[type='number'], select{height:32px;border:1px solid #bbb;margin:2px 1px;} textarea{border:1px solid #bbb;} input.useDatepicker{width:140px;background:#fff url(/images/content/bg_inputDate.png) no-repeat 95% center;} .desktopOnly{display:block;} .mobileOnly{display:none;} .lineh{line-height:200% !important;} .orange{color:orange;} /*레이아웃*/ #wrap {width: 100%; background: none; position: fixed; top: 0; left: 0; z-index: 9997;} #header {width: 100%; max-width: 1920px; margin: 0 auto; height: unset; display: flex; flex-direction: column;} #header .top-bar.active {background: #ffffff !important;} #header #topBar {display: flex; align-items: center; justify-content: center; background: none; border-bottom: 1px solid #FF877C20; height:50px; line-height:50px;} #header #topBar ul, #header #topBar ul li, #header #topBar ul li a {display:block;} #header #topBar .inner {display: flex; align-items: center; justify-content: flex-end; width: 100%; height: 100%; padding: 0 68px;} #header #topBar .mobile-top {display: none;} #header #topBar .inner .right { display: flex; align-items: center; justify-content: flex-end;} #header #topBar .right ul {overflow:hidden; display: flex; align-items: center; margin: 0; } #header #topBar .right ul:after {display:block;content:'';clear:both;} #header #topBar .right ul li {display: flex; align-items: center; justify-content: center; width: 120px; position:relative; box-sizing:border-box; text-decoration: none;} #header #topBar .right ul li:hover a {color: #FF877C; transition: all 0.3s;} #header #topBar .right ul li:last-child {width: 200px !important;} #header #topBar .right ul li a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size:16px; color:#573D3A; text-decoration: none; transition: all 0.3s;} #header #topBar .right ul li:last-child a {width: unset !important} #header #topBar .right ul li a.toy {position: relative; display: flex; align-items: center; justify-content: center; background: #573d3a; transition: all 0.2s; color: #ffffff !important; height: 36px; border-radius: 25px; padding: 0 24px 0 45px; white-space: nowrap;} #header #topBar .right ul li a.toy::before {content: ''; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 20px; height: 20px; background: url(/new/images/icon-toy-link.png) no-repeat;} #header #topBar .right ul li:hover a.toy {background: #FF877C; transition: all 0.2s;} #header #topBar .topSearch {position: relative; height: 32px;} #header #topBar .topSearch input[type='text']{font-size: 16px; margin:0; padding:0 12px; width:168px;height:32px;color:#573D3A; background:#ffffff50; border: 0px none; vertical-align:top; box-sizing:border-box;} #header #topBar .topSearch .btn_topSearch{position:absolute; top:50%; right:-32px; margin-top:-15px; width:32px; height:32px; text-indent:-9999em; cursor: pointer; background: url(/new/images/icon-search.png) no-repeat #ffffff50 50%; border: 0px none;} #header #topBar .topSearch input[type='text']::-webkit-input-placeholder{font-size: 16px; font-weight: 300; color:#573D3A;} #header #topBar .topSearch input[type='text']:-ms-input-placeholder{font-size: 16px; font-weight: 300; color:#573D3A;} #header #topBar .topSearch input[type='text']::placeholder{font-size: 16px; font-weight: 300; color:#573D3A;} #header .gnb-wrap {z-index: 9999; position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 80px; padding: 0 100px; box-sizing: border-box;} #header .gnb-wrap .submenu-back {display: none;} #header .gnb-wrap.active {background: #ffffff;} #header .gnb-wrap.active .submenu-back {position: absolute; top: 80px; left: 0; display: block; width: 100%; height: 320px; background: #ffffff; box-shadow: 3px 3px 10px #FFD8C350; border-top: 1px solid #FF877C20;} #header .gnb-wrap > h1 {display: block; width: auto; margin: 0;} #header .gnb-wrap > h1 > a { display: flex; align-items: center; justify-content: center;} #header .gnb-wrap > h1 > a > img {width: 293px; height: auto; object-fit: contain;} #header .gnb-wrap > div {width: 100%; display: flex; align-items: center; justify-content: flex-end;} #header .gnb-wrap-mo {display: none;} #header #gnb { height: 100%; } #header #gnb > ul {display: flex; justify-content: flex-end; width: 100%; margin: 0; padding: 0; height: 100%; max-width: 1000px;} #header #gnb > ul > li {width:100%; position:relative;display: flex; align-items: center; justify-content: center; flex: 1 1 0;} #header #gnb > ul > li > a {position:relative; width:100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size:20px; color:#573D3A; text-align:center; text-decoration: none;white-space: nowrap;} #header #gnb > ul > li > a::after {content: ""; position: absolute; bottom: 0; left: 50%; width: 100%; height: 3px; background-color: #FF5F51; transform: translateX(-50%) scaleX(0); transform-origin: center; transition: transform 0.3s ease;} #header #gnb > ul > li:hover > a::after, #header #gnb > ul > li.on > a::after { transform: translateX(-50%) scaleX(1); } #header #gnb > ul > li .submenu {display: none; z-index: 10; padding: 0; margin: 0; list-style: none; position: absolute; top: 80px; padding: 10px 0;} #header #gnb > ul > li .submenu > li > a {width: 100%; min-width: 220px; height: 42px; display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; font-size: 18px; color: #333333; transition: all 0.3s;} #header #gnb > ul > li .submenu > li:hover > a {color: #FF5F51; text-decoration: underline; transition: all 0.3s;} #header #gnb > ul > li.active .submenu {display: block;} #header.is-scroll #topBar {display: none;} #header.is-scroll .gnb-wrap {background: #ffffff; box-shadow: 3px 3px 16px rgb(151 10 0 / 15%);} /* quickmenu */ .quickmenu {position: fixed; width: 100px; height: 620px; z-index: 999; top: 50%; right: 50px; margin-top: -310px;} .quickmenu ul {background:#ffffff; list-style: none; margin: 0; padding: 10px 0; border-radius: 20px; overflow: hidden; border: 1px solid #FF5F51;} .quickmenu ul li a {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-decoration: none; width: 100%; height: 80px; transition: all 0.3s;} .quickmenu ul li:hover a {background: #db696915; 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: #FF877C; border: 1px solid #FF5F51; border-radius: 40px; margin-top: 6px;} /* content */ #container {width: 100%; height: 100%; max-width: 1920px; margin: 0 auto;} #container .mainFullpage .fullpage-slide {width: 100%; height: 100vh; text-align: center; font-size: 18px; background: #d88686; 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(/new/images/new-main-back.png) no-repeat; background-size: 100% auto; gap: 40px; background-position-y: -40px; } #container .mainFullpage .fullpage-slide.top-section .fp-tableCell {display: flex; flex-direction: column; align-items: center; gap: 40px; overflow-x: hidden; padding: 40px; box-sizing: border-box; justify-content: center;} #container .mainFullpage .fullpage-slide.top-section h1 {font-size: 36px; color: #573D3A; text-align: center; margin: 60px 0 20px 0;} #container .mainFullpage .fullpage-slide.top-section h1 span {font-size: 24px;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu {position: relative; display: flex; align-items: center; justify-content: center; list-style: none; gap: 20px; padding: 0 40px; box-sizing: border-box; margin: 0;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu .main-img-family {position: absolute; top: -210px; right: 40px; width: 330px; height: 225px; z-index: 1000; object-fit: contain;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box {display: flex; flex-direction: column; align-items: center; list-style: none; text-align: left; width: 400px; height: 260px;border-radius: 40px;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box a {position:relative; width: 100%; height: 100%;text-decoration: none;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.yellow a::before {content: ''; position: absolute; bottom: 30px; left: 40px; display: block; width: 100px; height: 100px; background: url(/new/images/main-yellow-img.png) no-repeat; scale: 1; transition: all 0.5s;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.blue a::before {content: ''; position: absolute; bottom: 30px; left: 40px; display: block; width: 100px; height: 100px; background: url(/new/images/main-blue-img.png) no-repeat; scale: 1; transition: all 0.5s;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.green a::before {content: ''; position: absolute; bottom: 30px; left: 40px; display: block; width: 100px; height: 100px; background: url(/new/images/main-green-img.png) no-repeat; scale: 1; transition: all 0.5s;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.yellow a .big-menu-box-top {width: 100%; height: 180px; display: flex; flex-direction: column; gap: 10px; justify-content: flex-start; align-items: flex-start; padding: 30px 40px; background: #FFF8CF; border-radius: 40px 40px 40px 0; border: 1px solid #FFCA76; border-bottom: none; box-sizing: border-box;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.yellow a .big-menu-box-left {width: 320px; height: 80px; background: #FFF8CF; border-radius: 0 0 40px 40px; border: 1px solid #FFCA76; border-top: none; box-sizing: border-box;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.yellow a .big-menu-box-right {position: absolute; bottom: 0; right: 0; width: 120px; height: 120px; background: url(/new/images/main-box-yellow.png);} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.blue a .big-menu-box-top {width: 100%; height: 180px; display: flex; flex-direction: column; gap: 10px; justify-content: flex-start; align-items: flex-start; padding: 30px 40px; background: #C8EEFF; border-radius: 40px 40px 40px 0; border: 1px solid #7BD6FF; border-bottom: none; box-sizing: border-box;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.blue a .big-menu-box-left {width: 320px; height: 80px; background: #C8EEFF; border-radius: 0 0 40px 40px; border: 1px solid #7BD6FF; border-top: none; box-sizing: border-box;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.blue a .big-menu-box-right {position: absolute; bottom: 0; right: 0; width: 120px; height: 120px; background: url(/new/images/main-box-blue.png);} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.green a .big-menu-box-top {width: 100%; height: 180px; display: flex; flex-direction: column; gap: 10px; justify-content: flex-start; align-items: flex-start; padding: 30px 40px; background: #E9FFC9; border-radius: 40px 40px 40px 0; border: 1px solid #A1DA95; border-bottom: none; box-sizing: border-box;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.green a .big-menu-box-left {width: 320px; height: 80px; background: #E9FFC9; border-radius: 0 0 40px 40px; border: 1px solid #A1DA95; border-top: none; box-sizing: border-box;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box.green a .big-menu-box-right {position: absolute; bottom: 0; right: 0; width: 120px; height: 120px; background: url(/new/images/main-box-green.png);} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box a .box-tit {font-size: 24px; color: #333333;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box a .box-sub {font-size: 16px; color: #484848;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box a .arrow-btn {position: absolute; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; width: 66px; height: 66px; border-radius: 50%; background: #ffffff; color: #333333; box-shadow: 4px 4px 10px #FF620010; transition: all 0.5s;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box a .arrow-btn img {width: 24px; height: 24px; object-fit: contain;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box:hover a .arrow-btn {background: #FFCA76; transition: all 0.5s;} #container .mainFullpage .fullpage-slide.top-section ul.top-big-menu li.big-menu-box:hover a::before {scale: 0.9; transition: all 0.5s;} #container .mainFullpage .fullpage-slide.top-section ul.bottom-menu {display: flex; gap: 55px; align-items: center; justify-content: center; list-style: none; padding: 0; margin: 0;} #container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li a {display: flex; flex-direction: column; align-items: center; gap: 8px; text-decoration: none;} #container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li a:hover .bottom-menu-circle-out {background: #c8c4ff54; transition: all 0.5s;} #container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li a:hover .bottom-menu-circle-out .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-out {transition: all 0.5s; display: flex; align-items: center; justify-content: center; width: 106px; height: 106px; background: #ffffff30; border-radius: 50%; box-shadow: 3px 3px 10px #FFD8C350;} #container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li a .bottom-menu-circle-out .bottom-menu-circle {width: 80px; height: 80px; background: #ffffff; border-radius: 50%;} #container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li a .bottom-menu-circle-out .bottom-menu-circle img {transition: all 0.5s; scale: 1; width: 100%; height: 100%; object-fit: contain;} #container .mainFullpage .fullpage-slide.top-section ul.bottom-menu li a .icon-text {font-size: 20px; color: #573D3A;} #container .mainFullpage .fullpage-slide.edu-section {position: relative; display: flex; flex-direction: column; background: #ffffff; gap: 60px; overflow: hidden;} #container .mainFullpage .fullpage-slide.edu-section::before {content: ''; position: absolute; top: -100px; left: -180px; width: 493px; height: 539px; background: url(/new/images/edu-img-left.png) no-repeat;} #container .mainFullpage .fullpage-slide.edu-section::after {z-index: 999; content: ''; position: absolute; bottom: -180px; right: -240px; width: 493px; height: 539px; background: url(/new/images/edu-img-right.png) no-repeat;} #container .mainFullpage .fullpage-slide.edu-section .fp-tableCell {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; margin-top: 60px; padding: 0 40px; box-sizing: border-box;overflow-x: hidden;} #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 12px; 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: #FF877C; color: #ffffff;} #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap {display: flex; gap: 20px; width: 100%; max-width: 1400px; } #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box {display: flex; 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 {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: #FF877C; 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;} #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(/new/images/edu-tab-red.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:#FF877C; color: #ffffff;} */ #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-right .right-bottom {width: 100%; height: 470px; background: #FF877C; 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; width: 100%; height: 100%; } #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; 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 {flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%; background: #FF877C; display: flex; align-items: center; justify-content: center;} #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; width: 100%; gap: 20px; } #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .mainCalendar {position: relative; width: 600px; height: 550px; background: #FFC27C; 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:#FFC27C;} #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;} /* 기존 hover 기능 없애고 우측 리스트랑 연동하는 것으로 변경 */ /* #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td ul.eduList > li {width: 100%; margin: 0;} #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td ul.eduList > li > a {width: 100%; padding: 10px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-decoration: none; gap: 2px;} #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td ul.eduList > li > a > span {font-size: 14px; white-space: nowrap; color: #333333;} #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td ul.eduList > li > a > span.type1 {font-weight: bold; color: #70a3ed;} #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td ul.eduList > li > a > span.type2 {font-weight: bold; color: #e093eb;} #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td ul.eduList > li > a > span.type3 {font-weight: bold; color: #FFC27C;} #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td ul.eduList > li > a > span.type4 {font-weight: bold; color: #a9e455;} #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule table td a:hover + ul.eduList {position: absolute; display: flex; flex-direction: column; align-items: flex-start; height: auto; overflow: unset; padding: 10px 16px; border: 1px solid #FF877C; border-radius: 15px; background: #ffffff; z-index: 99; margin: 0; } */ #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:#FFC27C;} #container .mainFullpage .fullpage-slide.edu-section .edu-content-wrap .edu-content-box .mainSchedule .eduCategory span.typeGreen::before {background:#a9e455;} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #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.news-section {position: relative; display: flex; flex-direction: column; background: #F6FAED; gap: 46px;} #container .mainFullpage .fullpage-slide.news-section::before {z-index: 1000; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 240px; background: url(/new/images/news-img-back.png) no-repeat;} #container .mainFullpage .fullpage-slide.news-section::after {z-index: 1; content: ''; position: absolute; top: 60px; left: 0; width: 100%; height: 100%; background: url(/new/images/news-img-back2.png) no-repeat;} #container .mainFullpage .fullpage-slide.news-section .fp-tableCell {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; margin-top: 40px; padding: 20px 40px; box-sizing: border-box;overflow-x: hidden;} #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: #FF877C; border: 1px solid #FF5F51; 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 {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; box-shadow: 4px 4px 10px rgba(255, 98, 0, 0.1);} #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 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-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-tab {background: #ffffff; width: 690px; height: 550px; border-radius: 40px; overflow: hidden; box-shadow: 4px 4px 10px rgba(255, 98, 0, 0.1);} #container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-list {width: 100%; height: 80px; display: flex; align-items: center; background: #38414a;} #container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-list button {width: 154px; height: 100%; font-size: 20px; color: #ffffff; padding: 0; margin: 0; border: none; background: #38414A; cursor: pointer;} #container .mainFullpage .fullpage-slide.news-section .news-content-wrap .news-content-tab .news-tab-list button[aria-selected="true"] {background: #FF877C;} #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;} #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;} #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 #FF877C; background: #ffffff; font-size: 20px; color: #FF877C;} #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-top .top-sub-box a {width: 100%; text-decoration: none; color: #333333;} #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%; display: block; text-align: left; font-size: 18px; color: #333333; text-decoration: none;} #container .mainFullpage .fullpage-slide.center-section {position: relative; display: flex; flex-direction: column; background: #F6FAED; gap: 60px;} #container .mainFullpage .fullpage-slide.center-section::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/new/images/center-back.png) no-repeat; background-size: cover;} #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: 0 40px; box-sizing: border-box;overflow-x: hidden;} #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 > span {display: flex; background: #FF877C; border: 1px solid #FF5F51; color: #ffffff; padding: 8px 20px; font-size: 20px; font-weight: bold; border-radius: 25px;} #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: 100%; 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: #FF877C; color: #ffffff;} /* #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; white-space: nowrap;} #container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-left .text-box li > div {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; flex-wrap: wrap;} #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 {display: flex; justify-content: center; align-items: center; flex-shrink: 0;} #container .mainFullpage .fullpage-slide.center-section .center-content-tab .center-tab-content .list-box .content-box .list-box-right img {width: 100%; height: 100%; max-width: 450px;} /* 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%;} #footer {width: 100%; height:300px; background:#38414A; } #footer .inner { width: 100%; height: 100%; display: flex; justify-content: center; 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;} #mainBanner {width: 100%; height: 76px; background:#ffffff; border-top: 1px solid #cfcfcf;} #mainBanner .inner {width: 100%; height: 100%; padding: 0;} #mainBanner .inner .autoControl {display: none;} #mainBanner .inner .mainBannerSlide {width: 100%; height: 100%;} #mainBanner .inner .mainBannerSlide .bx-wrapper {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1000px !important; height: 100%; padding-left: unset; padding-right: 180px;} #mainBanner .inner .mainBannerSlide .bx-wrapper .bx-viewport {width: 100%; height: 100%;} #mainBanner .inner .mainBannerSlide .bx-wrapper .bx-controls {position: absolute; top: 22px; right:100px; left: unset;} #mainBanner li{text-align:center;line-height:50px;} #mainBanner li img{max-width:80%;} #mainBanner .bx-wrapper{display:block;padding-left:180px;} #mainBanner .bx-controls{display:block;position:absolute;top:13px;left:70px;} #mainBanner .bx-controls a{display:block;position:absolute;top:0;width:23px;height:23px;text-indent:-9999em;border:1px solid #c9c9c9;} #mainBanner .bx-prev{left:0;background:#fff url(/toy/images/common/icon_banner_prev.png) center center no-repeat;} #mainBanner .bx-next{left:48px;background:#fff url(/toy/images/common/icon_banner_next.png) center center no-repeat;} #mainBanner .bx-stop{left:24px;background:#fff url(/toy/images/common/icon_banner_stop.png) center center no-repeat;} #mainBanner .bx-start{left:24px;background:#fff url(/toy/images/common/icon_banner_start.png) center center no-repeat;} #mainBanner .bx-stop.active, #mainBanner .bx-start.active{display:none;} /* popup */ .popup-dim {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; z-index: 9998;} .popup-wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; border-radius: 12px; padding: 20px 100px; 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; width: 100%; 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 > a {display: flex; width: 100%; height: 100%;} .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 > img {width: 100% !important; height: 100% !important; object-fit: fill; 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;} .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-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: #FF877C; 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:#FF877C; color: #ffffff; text-decoration: underline;} .popup-close-btn {white-space: nowrap; cursor: pointer; font-size: 18px; height: 48px; padding: 0 28px; background: #FF877C; color: #ffffff; border-radius: 8px; border: none; cursor: pointer; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------- */ #fp-nav {position: relative;} #fp-nav::before {content: ''; position: absolute; top: 28px; left: 50%; width: 2px; height: 114px; background: #FFBFB9; margin-left: -3px;} #fp-nav > ul > li {width: 10px; height: 10px; margin: 0 !important;} #fp-nav > ul > li > a {width: 10px !important; height: 10px !important; margin: 25px 0 !important; background: #FFBFB9; opacity: unset; box-sizing: border-box; border-radius: 50%; margin: 0;} #fp-nav > ul > li > a > span {background: #FFBFB9 !important; } #fp-nav > ul > li > a.active > span {background: #ffffff !important; border: 2px solid #FF5F51 !important; box-sizing: border-box;} #fp-nav > ul > li > a:last-child {display: none;} #fp-nav > ul > li > .fp-tooltip {padding: 6px 16px; background: #FF877C; color: #ffffff; font-size: 14px; border-radius: 25px; top: -10px !important; left: 15px !important;} #container > .inner{padding:40px 0 40px 240px;} #containerNav{position:absolute;top:40px;bottom:40px;left:0px;width:225px;background:#ffffff;border-radius:15px;overflow:hidden;} #containerNav h2{padding-top:45px;height:120px;font-family:"NanumSquare";font-size:28px;text-align:center;letter-spacing:-1px;color:#fff;box-sizing:border-box;} #containerNav.type1 h2{background:url(/images/content/bg_containerNav1.png) no-repeat left top;} #containerNav.type2 h2{background:url(/images/content/bg_containerNav2.png) no-repeat left top;} #containerNav.type3 h2{background:url(/images/content/bg_containerNav3.png) no-repeat left top;} #containerNav.type4 h2{background:url(/images/content/bg_containerNav4.png) no-repeat left top;} #containerNav.type5 h2, #containerNav.type10 h2{background:url(/images/content/bg_containerNav5.png) no-repeat left top;} #containerNav.type6 h2{background:url(/images/content/bg_containerNav6.png) no-repeat left top;} #containerNav > ul{width:100%;} #containerNav > ul > li > a{display:block;padding:20px 25px 20px 17px;border-bottom:1px solid #ddd;font-family:'NanumSquare';font-size:17px;color:#333;} #containerNav > ul > li.over > a{font-weight:bold;} #containerNav.type1 > ul > li.over > a{color:#4b8eef;} #containerNav.type2 > ul > li.over > a{color:#9582ee;} #containerNav.type3 > ul > li.over > a{color:#f69a06;} #containerNav.type4 > ul > li.over > a{color:#7db83a;} #containerNav.type10 > ul > li.over > a, #containerNav.type5 > ul > li.over > a{color:#55b0db;} #containerNav.type6 > ul > li.over > a{color:#f07088;} #containerNav > ul > li.hasNav > a{background:url(/images/content/icon_sideArrow_off.png) no-repeat 93% center;} #containerNav > ul > li.over.hasNav > a{background:url(/images/content/icon_sideArrow2_on.png) no-repeat 93% center;} #containerNav.type3 > ul > li.over.hasNav > a{background:url(/images/content/icon_sideArrow3_on.png) no-repeat 93% center;} #containerNav.type4 > ul > li.over.hasNav > a{background:url(/images/content/icon_sideArrow4_on.png) no-repeat 93% center;} #containerNav.type6 > ul > li.over.hasNav > a{background:url(/images/content/icon_sideArrow5_on.png) no-repeat 93% center;} #containerNav > ul > li > ul{display:none;border-bottom:1px solid #ddd;background:#f3f3f3;padding:10px 0} #containerNav > ul > li.over > ul{display:block;} #containerNav > ul > li > ul > li a{position:relative;display:block;padding:0 10px 0 20px;font-size:14px;line-height:30px;} #containerNav > ul > li > ul > li a:after{position:absolute;display:block;content:"-";top:0;left:10px;color:#717171;} #containerNav > ul > li > ul > li.over a{text-decoration:underline;color:#e16438;} #containerNav > ul > li > ul > li.over a:after{color:#e16438;} #allNav{display:none;position:absolute;top:45px;left:50%;margin-left:-600px;padding:40px;width:1140px;background:#fff;box-sizing:border-box;z-index:999;} #allNav.active{display:block;} #allNav .title, #allNav .link{display:none;} #allNav ul, #allNav ul li, #allNav ul li a{display:block;} #allNav > ul.nav{border:1px #e1e1e1 solid;border-right:0px none;overflow:hidden;} #allNav > ul.nav:after{display:block;content:'';clear:both;} #allNav > ul.nav > li{position:relative;float:left;width:25%;box-sizing:border-box;} #allNav > ul.nav > li.mobileOnly{display:none;} #allNav > ul.nav > li:after{display:block;content:'';position:absolute;top:0;right:0;height:1000px;border-right:1px #e1e1e1 solid;} #allNav > ul.nav > li > a{height:60px;font-size:18px;color:#fff;font-weight:bold;line-height:60px;text-align:center;background:#5ba5e8;} #allNav > ul.nav > li > ul{padding:15px 45px;} #allNav > ul.nav > li > ul > li > a{padding:15px 5px;font-size:16px;color:#333;line-height:150%;letter-spacing:-.5px;} #allNav > ul.nav > li > ul > li:hover > a{text-decoration:underline;} #allNav .depth3{display:none;} #allNav .btn_navClose{display:block;position:absolute;top:0;right:-63px;width:60px;height:60px;text-indent:-9999em;background:#fff url(/images/common/btn_navClose.png) no-repeat center center;box-sizing:border-box;} #allNav .joinArea{display:none;} /*메인*/ #container.main > .inner{padding:40px 0 55px;} .mainVisual{margin-bottom:16px;} .mainVisual:after{display:block;content:'';clear:both;} #mainPopup{position:relative;float:left;width:406px;height:380px;background:#fff;border-radius:15px;overflow:hidden;} #mainPopup h6{padding-left:25px;height:50px;line-height:50px;font-size:17px;color:#282828;} #mainPopup img{max-width:100%;height:330px;} #mainPopup .bx-wrapper li{border-bottom-left-radius:15px;border-bottom-right-radius:15px;overflow:hidden;} #mainPopup .bx-controls{display:block;position:absolute;top:-40px;left:0;right:0;height:35px;} #mainPopup .bx-controls a{display:block;position:absolute;top:0;width:20px;height:20px;text-indent:-9999em;border:1px solid #cdcdcd;border-radius:50%;} #mainPopup .bx-controls .bx-stop{right:15px;top:5px;background:#fff url(/images/common/icon_banner_stopB.png) center center no-repeat;} #mainPopup .bx-controls .bx-start{right:45px;top:5px;background:#fff url(/images/common/icon_banner_startB.png) center center no-repeat;} #mainPopup .bx-controls .bx-pager{top:4px;bottom:inherit;right:65px;margin-right:10px;line-height:22px;font-size:14px;color:#555;font-weight:bold;text-align:right;} #mainPopup .bx-controls .bx-pager a{position:static;margin:0 2px;width:18px;height:18px;background:#fff;border:1px #cdcdcd solid;border-radius:9px;box-sizing:border-box;font-size:12px;text-align:center;line-height:16px;text-indent:0;} #mainPopup .bx-controls .bx-pager a.active{background:#4379c7;border:1px solid #4379c7;color:#fff;} #mainSlogan{float:right;width:77cdcdcdpx;height:380px;border-radius:15px;overflow:hidden;} #mainSlogan img{max-width:100%;height:100%;} .mainLink{margin-bottom:16px;padding:0 12px;background:url(/images/common/bg_mainLink.png) repeat-x left top;border-radius:15px;} .mainLink ul{overflow:hidden;} .mainLink ul:after{display:block;content:'';clear:both;} .mainLink ul li{position:relative;float:left;width:16.6666%;} .mainLink ul li:before{display:block;content:'';position:absolute;left:-1px;top:35px;width:1px;height:75px;background:#bdcdd8;} .mainLink ul li a{display:block;padding-top:135px;height:176px;font-size:16px;color:#282828;font-weight:bold;text-align:center;box-sizing:border-box;} .mainLink ul li:hover a{text-decoration:underline;} .mainLink ul li.item1 a{background:url(/images/common/icon_mainLink1.png) no-repeat center 20px;} .mainLink ul li.item2 a{background:url(/images/common/icon_mainLink2.png) no-repeat center 20px;} .mainLink ul li.item3 a{background:url(/images/common/icon_mainLink3.png) no-repeat center 20px;} .mainLink ul li.item4 a{background:url(/images/common/icon_mainLink4.png) no-repeat center 20px;} .mainLink ul li.item5 a{background:url(/images/common/icon_mainLink5.png) no-repeat center 20px;} .mainLink ul li.item6 a{background:url(/images/common/icon_mainLink6.png) no-repeat center 20px;} .mainLink ul li.item7 a{background:url(/images/common/icon_mainLink7.png) no-repeat center 20px;} .mainLink ul li.item8 a{background:url(/images/common/icon_mainLink8.png) no-repeat center 20px;} .mainCommunity:after{display:block;content:'';clear:both;} .mainCommunity > div{position:relative;padding:10px 30px 0;height:370px;border-radius:15px;box-sizing:border-box;} .mainCommunity h6{padding:0 7px;height:50px;line-height:50px;font-size:18px;color:#fff;} .mainCommunity .mainBoard{float:right;width:436px;background:#fefefe;} .mainCommunity .mainBoard .btn_more{display:block;position:absolute;top:10px;right:30px;width:30px;height:50px;text-indent:-9999em;background:url(/images/common/icon_plus.png) no-repeat center center;} .mainCommunity .mainBoard .tabBar{margin:0 7px;height:auto;border:0px none;} .mainCommunity .mainBoard .tabBar li{position:relative;padding:0;margin:0 30px 0 0;height:auto;border:0px none;} .mainCommunity .mainBoard .tabBar li a{display:block;padding:0;height:50px;line-height:50px;font-size:18px;color:#616161;border:0px none;} .mainCommunity .mainBoard .tabBar li.active a{color:#282828;} .mainCommunity .mainBoard .tabPage ul{display:block;height:270px;border-top:1px solid #cccdce;overflow:hidden;} .mainCommunity .mainBoard .tabPage ul li{display:block;border-bottom:1px dotted #dcddde;} .mainCommunity .mainBoard .tabPage ul li a{display:block;position:relative;padding-left:12px;font-size:15px;line-height:50px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:'malgun gothic';} .mainCommunity .mainBoard .tabPage ul li a:after{display:block;content:'';position:absolute;left:3px;top:23px;width:3px;height:3px;background:#7c7c7c;border-radius:50%;} .mainCommunity .mainBoard .tabPage ul li:hover a{text-decoration:underline;} #subContents{min-height:720px;padding:20px 30px 50px;background:#fff;border-radius:15px;} .contentTop{position:relative;margin-bottom:25px;text-align:center;border-bottom:1px solid #999;} .contentTop h3{height:60px;line-height:60px;font-family:'NanumSquare';font-size:26px;color:#000;text-align:left;} .contentTop .location{position:absolute;top:50%;right:5px;margin-top:-8px;} .contentTop .location span{position:relative;display:inline-block;font-size:14px;color:#464646;padding-right:25px;} .contentTop .location span:after{display:inline-block;content:'';clear:both;width:9px;height:11px;position:absolute;top:3px;right:5px;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{margin-bottom:25px;border-bottom:1px solid #9582ee;} .tabBar > li{margin-right:5px;} .tabBar > li > a{border-bottom:1px solid #9582ee;border-top-left-radius:3px;border-top-right-radius:3px;} .tabBar > li.active > a{color:#a797f5;font-weight:bold;border:1px solid #9582ee;border-bottom:1px solid #fff;} .cate3 .tabBar{border-bottom:1px solid #f1a52b;} .cate3 .tabBar > li > a{border-bottom:1px solid #f1a52b;} .cate3 .tabBar > li.active > a{color:#f1a52b;border:1px solid #f1a52b;border-bottom:1px solid #fff;} .cate3 .tabBar.col4 > li{margin-right:0;padding:0 3px;width:25%;box-sizing:border-box;} .cate3 .tabBar.col4 > li > a{text-align:center;} .cate3 .tabBar.col4 > li.active > a{color:#fff;background:#f1a52b;border-bottom:1px solid #f1a52b;} .cate4 .tabBar{border-bottom:1px solid #7db83a;} .cate4 .tabBar > li > a{border-bottom:1px solid #7db83a;} .cate4 .tabBar > li.active > a{color:#7db83a;border:1px solid #7db83a;border-bottom:1px solid #fff;} .cate5 .tabBar{border-bottom:1px solid #f07088;} .cate5 .tabBar > li > a{border-bottom:1px solid #f07088;} .cate5 .tabBar > li.active > a{color:#f07088;border:1px solid #f07088;border-bottom:1px solid #fff;} .tabBar.many li a{padding:0 15px;} /*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(/images/common/icon_calTopBtn_prev.gif);} #subContents .calendar_top > a.btnNext{background-image:url(/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{} /*#subContents .calendar.cate2{border-top:2px solid #3ab3ac;}*/ /*#subContents .calendar.cate3{border-top:2px solid #a16bdf;}*/ #subContents .calendar table{width:100%;border-collapse:collapse;font-size:13px;letter-spacing:-.5px;border-top:2px solid #393939;border-left:1px solid #ddd;} #subContents .calendar table th{padding:15px 5px;color:#333;font-weight:bold;background:#f8f8f8;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} #subContents .calendar table td{position:relative;height:80px;padding:5px 5px 10px 5px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;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;width:24px;height:20px;line-height:12px;text-align:left;} #subContents .calendar table span.dayName{display:block;padding:4px 2px;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{position:relative;margin:0 auto 5px;text-align:center;} #subContents .calendar .calSchedule2 .set{position:relative;margin:2px 0;} #subContents .calendar .calSchedule2 .set .bubble{display:none;position:absolute;left:4px;top:-35px;background:#fff;border:1px solid #4e7ecc;border-radius:5px;z-index:1;} #subContents .calendar .calSchedule2 .set .bubble:after{display:block;content:'';position:absolute;left:10px;bottom:-6px;width:9px;height:6px;background:#fff url(/images/content/bg_balloon.gif) no-repeat center center;} #subContents .calendar .calSchedule2 .set .bubble .subject {display:block;width:300px;padding:5px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #subContents .calendar .calSchedule2 .set:hover .bubble{display:block;} span.eduBtn{display:inline-block;padding:5px 3px;margin:1px 0;min-width:9px;color:#fff;border-radius:5px;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.bgGray2{background-color:#8f8f8f;} span.eduBtn.bgBrown{background-color:#ca9914;} span.eduBtn.bgAqua{background-color:#05a4a2;} span.eduBtn.brblack{border:1px solid #000; box-sizing:border-box; color:#000 !important; padding:4px 2px !important;} /* search */ .searchBox{margin-bottom:30px;padding:14px 20px;background:#f5f5f5;border:1px solid #ddd;text-align:center;} .searchBox input[type='text']{width:440px;} .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:#8bc648 url(/images/content/icon_searchBox_submit.png) no-repeat center center;text-indent:-9999em;border:0;border-radius:2px;} .cate2 .searchBox input[type="submit"]{background-color:#9582ee;} .cate3 .searchBox input[type="submit"]{background-color:#f1a52b;} .searchBox .btnListAll{display:inline-block;vertical-align:middle;margin-left:3px;padding:0 10px;height:40px;background:#fff;border:1px solid #666666;box-sizing:border-box;text-align:center;line-height:40px;color:#333;font-size:15px;font-weight:bold;border-radius:2px;} .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.recruit div.topbox{padding:10px 0 15px 0 ; border-bottom:1px solid #ddd;} .searchBox.recruit div.topbox span{color:#7db83a} .searchBox.recruit div.bottombox{ padding-top:10px;} /* paging */ .paging{margin:20px 0;min-height:20px;font-size:13px;text-align:center;} .paging > a{display:inline-block;margin:0 5px;padding:0 3px;width:34px;height:34px;line-height:34px;font-size:11px;text-align:center;color:#1b1b1b;border:1px solid #d1d1d1;box-sizing:border-box;border-radius:100%;} .paging > a.active{background-color:#5f9efa;border:1px solid #5f9efa;color:#fff;} .cate1 .paging > a.active{background-color:#5f9efa;border:1px solid #5f9efa;} .cate2 .paging > a.active{background-color:#9582ee;border:1px solid #9582ee;} .cate3 .paging > a.active{background-color:#f1a52b;border:1px solid #f1a52b;} .cate4 .paging > a.active{background-color:#7fbc3a;border:1px solid #7fbc3a;} .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} /* table */ .tableBox table{font-size:16px;} .tableBox table th, .tableBox table td{border-bottom:1px #ddd solid;border-right:1px #ddd solid;box-sizing:border-box;} .tableBox table th{font-weight:bold;color:#333;background:#fff;} .tableBox table td.color_thBg{color:#485593;} .tableBox table.list{border-top:2px solid #393939;border-bottom:1px solid #aaa;border-left:0px;} .tableBox table.list thead th{padding:15px;font-size:16px;color:#333;border-bottom:1px solid #aaa;border-left:0px;border-right:0px;} .tableBox table.list td{padding:15px;border-left:0px;border-right:0px;} .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(/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 td a .commentNum{ margin-left:3px; font-size:11px; font-weight:bold; color:#cf1621; } .tableBox table.list .last td{border-bottom:0px;} .tableBox table.view{border-top:2px solid #393939;border-bottom:1px solid #aaa;border-left:0px;} .tableBox table.view thead th{padding:15px;font-family:'NanumSquare';font-size:22px;color:#222;font-weight:normal;background:#f5f5f5;} .tableBox table.view th, .tableBox table.view td{padding:15px;border-right:0px;background:#fff;border-left:0px;} .tableBox table.view tbody th, .tableBox table.view tbody td{position:relative;} .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{display:block;position:absolute;content:"";top:50%;right:0px;margin-top:-6.5px;width:1px;height:13px;background:#dcdcdc;} .tableBox table.view td .btnFileDown, .tableBox table.view td .fileDown{display:inline-block;margin:2px;padding:2px 10px;font-size:13px;color:#fff;background:#696e7f;border-radius:2px;} .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;} .tableBox table.form{border-top:2px solid #888;border-left:0;} .tableBox table.form td:last-child{border-right:0;} .tableBox table.form label{display:inline-block;position:relative;} .tableBox table.form label .required{display:block;position:absolute;top:0;left:-10px;color:#cf1621;} .tableBox table.form .required{color:#cf1621;} .tableBox table.form .btn{display:inline-block;margin: 2px 1px;min-width:inherit;height:32px;line-height:32px;font-size:14px;padding:0 10px;color:#fff;background:#696e7f;border:none;box-sizing:border-box;cursor:pointer;vertical-align:middle;} .tableBox table.form td .btnFileDown, .tableBox table.form td .fileDown{display:inline-block;margin:2px;padding:2px 10px;font-size:13px;color:#fff;background:#696e7f;border-radius:2px;} .tableBox table.info{margin-top:5px;border-top:2px solid #393939;border-left:1px #ddd solid;} .tableBox table.info th, .tableBox table.info td{padding:12px;text-align:center;} .tableBox table.info td.left{text-align:left;} .tableBox table.info th{background:#f8f8f8;} .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 !important;} .tableBox table.info .bg1{background:#f7faed;} .tableBox table.info .bg2{background:#f9f6fc;} .tableBox table.info .bg3{background:#fee9e9;} .tableBox table.info .bg4{background:#fdefe1;} .tableBox table.info .bg5{background:#fbfcd8;} .tableBox table.info .bg6{background:#e5f5fc;} .tableBox table.info .bg7{background:#e9edff;} .tableBox table.info .bg8{background:#e8fef4;} .tableBox table.info .bg9{background:#ffedfc;} .tableBox table.info.type2{border-top:2px solid #f1ab3b;} .tableBox table.info.type2 th{background:#fff;} .tableBox table.info.type2 td.b_none{border-bottom:0px none;} .tableBox table.info.type2.top td{vertical-align:top;} .tableBox table.info.type2.bottom td{vertical-align:bottom;} .tableBox table.schedule th, .tableBox table.schedule td{padding:12px 5px;word-break:break-all;} .tableBox table.schedule .dot{display:inline-block;margin:0 2px;width:10px;height:10px;background:#f1a52b;border-radius:50%;} .division_listBox{padding:10px 0px 0px;} .division_listBox .btnEdu{margin-left:5px;} .division_listBox .btnEdu:first-child{margin-left:0px;} .explain{font-size:13px;color:#666;} .formExplain{height:30px;line-height:30px;font-size:12px;color:#666;text-align:right;} .formExplain > .required{color:#cf1621;font-size:15px;font-weight:bold;margin-right:3px;} .eduBtnState{display:inline-block;width:70px;padding:2px 5px;letter-spacing:-1px;font-size:13px;text-align:center;} .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;padding: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;padding: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;padding:2px;letter-spacing:-1px;font-size:13px;text-align:center;line-height:24px;} .eduBtnState4.navy{border:1px solid #323e67;color:#323e67;} .listTotal{display:block;margin-bottom:10px;} /* 포토갤러리 */ .gallery {padding-bottom:25px;border-bottom:1px solid #989eb3;overflow:hidden;} .gallery ul.thumb{margin:-6px;overflow:hidden;} .gallery ul.thumb > li{float:left;padding:6px;box-sizing:border-box;} .gallery ul.thumb > li > a{display:block;border:1px solid #dedede;} .gallery ul.thumb > li div{padding:30px 25px;border-bottom:0px;} .gallery ul.thumb > li div span{display:block;} .gallery ul.thumb > li div span.subject{display:block;margin-bottom:15px;line-height:140%;font-weight:bold;color:#202020;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .gallery ul.thumb > li div span.date{font-size:13px;color:#777;} .gallery ul.thumb > li span.imgBox{display:block;width:100%;height:146px;} .gallery ul.thumb > li img{width:100%;height:100%;} .gallery ul.thumb > li.list_none{width:100%; text-align:center;} .gallery ul.thumb.col3 > li{width:33.3333%;} .gallery ul.thumb.col4 > li{width:25%;} .gallery_view .imgContent{text-align:center;} /* btn */ .btnArea{margin:40px 0;} .btnArea:after{display:block;content:"";clear:both;} .btn{display:inline-block;padding:0 18px;min-width:130px;height:46px;line-height:44px;color:#5ba5e8;font-size:16px;font-weight:bold;text-align:center;border:1px solid #5ba5e8;border-radius:3px;box-sizing:border-box;cursor:pointer;} .btn.small{padding:0 10px;min-width:50px;height:26px;line-height:24px;font-size:14px;} .btn.focus{background:#5ba5e8;color:#fff;} .cate2 .btn{color:#7d69d5;border:1px solid #7d69d5;} .cate2 .btn.focus{color:#fff;background:#7d69d5;} .cate2 .btn.focus.green{background:#7fbc3a;border:1px solid #7fbc3a;} .cate3 .btn{color:#f1a52b;border:1px solid #f1a52b;} .cate3 .btn.focus{color:#fff;background:#f1a52b;} .cate4 .btn{color:#8bc648;border:1px solid #7fbc3a;} .cate4 .btn.focus{color:#fff;background:#7fbc3a;} .btn.down{position:relative;padding-right:50px;} .btn.down:after{display:block;content:'';position:absolute;display:block;top:50%;right:20px;margin-top:-9px;width:18px;height:17px;background:url("/images/content/icon_down.png") no-repeat center center;} .filedown{color:#fff;background:#696e7f;border:0px;} .btn_download{padding:6px 16px;height:auto;font-size:13px !important;color:#fff;line-height:100% !important;background:#696e7f;border-color:#696e7f;border-radius:3px;} .btn_go{display:inline-block;padding:0 40px 0 15px;height:36px;line-height:36px;font-size:15px;color:#fff;background:#a0a0a0 url(/images/common/icon_btn_go.png) 93% center no-repeat;border-radius:3px;} .btn.small.sizeAuto{padding:5px 10px;height:auto;line-height:140%;} /* Title */ h4{margin-bottom:15px;padding-left:30px;font-family:'NanumSquare';font-size:20px;color:#222;line-height:120%;background:url(/images/content/h4_bullet.png) left top no-repeat;} .cate2 h4{background-image:url(/images/content/h4_bullet_type2.png);} .cate3 h4{background-image:url(/images/content/h4_bullet_type3.png);} .cate5 h4{background-image:url(/images/content/h4_bullet_type5.png);} h5{margin:25px 0 10px;font-family:'NanumSquare';font-size:17px;color:#4b8eef;line-height:120%;} .cate2 h5{color:#9582ee;} .cate3 h5{color:#f69a06;} .cate4 h5{color:#7db83a;} .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;line-height:30px;} .tableTitle .desc .mark{display:inline-block;position:relative;margin-left:5px;padding-left:5px;padding-right:25px;} .tableTitle .desc .mark:after{display:block;content:'';position:absolute;right:5px;top:50%;margin-top:-6px;width:12px;height:12px;background:#e4f0c2;} .tableTitle .desc .mark.bg2:after{background:#ece1f4;} .tableTitle .formExplain{float:right;} .h4Content{margin:10px 0 50px;padding-left:30px;font-size:16px;line-height:150%;letter-spacing:-.3px;word-break:keep-all;} .h4Content img.mg_Auto{display:block;margin:auto;} /* list */ ul.listCon > li{position:relative;padding-top:3px;padding-bottom:3px;padding-left:10px;line-height:150%;font-size:16px;letter-spacing:-.5px;} 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:before{display:block;content:'';position:absolute;top:12px;left:0;width:4px;height:1px;background-color:#6c6c6c;} ul.listCon.star > li{padding-left:18px;} ul.listCon.star > li:before{display:block;content:'※';position:absolute;top:0;left:0;} ul.listCon.em > li{padding-left:18px;} ul.listCon.em > li em{display:block;width:12px;position:absolute;top:0px;left:0;} ul.listCon.em > li b{display:inline-block;margin-bottom:5px;font-size:1.1em;} ul.listCon ul.listCon{padding:3px 0;} ul.listCon ul.listCon > li{padding-top:1px;padding-bottom:1px;} ul.listCon table.info ul.listCon{padding:0;} /* error */ .errorWrap{position:absolute;left:0;right:0;top:0;bottom:0;} #error{position:absolute;left:50%;top:50%;width:600px;height:300px;margin-left:-300px;margin-top:-150px;text-align:center;} #error h1{margin-bottom:20px;} /* intro */ #introWrap{position:absolute;left:0;right:0;top:0;bottom:0;background:#82e18f;} .introCon{padding-top:95px;min-height:960px;background:url(/images/bg_introCon.jpg) no-repeat right top;text-align:center;box-sizing:border-box;} .introCon h1{margin-bottom:50px;} .introCon .slogan{display:block;margin-bottom:70px;font-size:26px;color:#00397f;line-height:200%;} .introCon .slogan img{display:block;margin:0 auto 15px;max-width:100%;} .introCon .linkBox a{display:inline-block;vertical-align:middle;margin:0 12px;padding-top:55px;width:317px;height:280px;box-sizing:border-box;line-height:140%;font-size:30px;color:#fff;text-align:center;} .introCon .linkBox .item1{background:url(/images/bg_intro_linkBox1.gif) no-repeat;} .introCon .linkBox .item2{background:url(/images/bg_intro_linkBox2.gif) no-repeat;} .introCon .linkBox .item3{background:url(/images/bg_intro_linkBox3.gif) no-repeat;} .introFooter{padding:240px 0 50px;color:#000;text-align:center;} .introFooter img{display:inline-block;vertical-align:middle;margin-right:45px;} .introFooter span{display:inline-block;vertical-align:middle;} .introFooter br{display:none;} /* ready */ #readyWrap{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;text-align:center;} .readyBox{position:absolute;left:50%;top:50%;margin-left:-120px;margin-top:-150px;} .ready{padding-top:150px;height:400px;text-align:center;} /* mobile */ .mobilePage{display:none;} .btn_mobileBack{display:none;position:fixed;bottom:0;right:0;width:40px;height:40px;text-indent:-9999em;background:#f6f6f6 url(/images/common/slick_btn_prev.png) no-repeat center center;border:1px #ddd solid;z-index:999;} /* ======================================== BBS ======================================== */ div.list.list{border-top:2px solid #394698;} div.list > table{width:100%;border-bottom:1px solid #ababab;text-align:center;font-size:13px;} div.list > table thead th{padding:7px 5px;height:25px;line-height:25px;color:#152168;background-color:#f5f5f8;} div.list > table tbody th{position:relative;padding:10px 5px;border-top:1px solid #dfdfdf;} div.list > table tbody td{padding:7px 5px;height:25px;line-height:25px;color:#555;border-top:1px solid #dfdfdf;} div.list > table tbody td a img{margin-left:5px;} div.list > table tbody td.subject{text-align:left;} div.list > table tbody td.subject a{display:inline-block;max-width:85%;font-size:14px;color:#272727;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;} div.list > table tbody td .iconNew{display:inline-block;width:14px;height:14px;line-height:14px;margin:3px 6px;text-align:center;border-radius:7px;background-color:#ff8f35;color:#fff;font-size:5px;vertical-align:top;} div.list > table tbody td span.icon_notice{display:inline-block;width:26px;height:26px;background-image:url(/images/sub/icon_notice.gif);background-repeat:no-repeat;background-position:center center;vertical-align:middle;} div.list > table tbody td span.icon_lock{display:inline-block;width:26px;height:26px;background:url(/images/sub/icon_lock.gif) no-repeat center center;vertical-align:middle;} .tableDesc{margin:10px 0;} ul.bullet{display:block;} ul.bullet li{display:block;margin:5px 0;padding-left:10px;color:#333;line-height:150%;text-align:left;background:url(/images/common/bullet.gif) no-repeat 0 10px;} /* calender */ .calendar_search {margin-bottom:20px;border:1px solid #dfdfdf;background-color:#fafafa;text-align:center;} .calendar_search li {display:inline-block;padding:5px;font-size:15px;vertical-align:middle;} .calendar_search li span {display:inline-block;margin-right:5px;} .calendar_search li select {display:inline-block;height:30px;padding-left:5px;border-radius:4px;} .calendar_search li input[type="submit"] {height:30px;line-height:30px;margin-left:5px;padding:1px 20px 0;border:none;background-color:#e84f5f;color:#fff;border-radius:4px;} .calendar_guide1{margin-bottom:20px;} .calendar_guide1:after{display:block;content:'';clear:both;} .calendar_guide1 > li {} .calendar_guide1 > li.fl_left {padding-left:40px;background:url(/images/serverTime.png) no-repeat left 5px;} .calendar_guide1 > li.fl_left dt {color:#666;font-size:1em;letter-spacing:-.5px;} .calendar_guide1 > li.fl_left dd {color:#dc1111;font-size:1.1em;letter-spacing:-.5px;font-weight:bold;} .calendar_guide1 > li.fl_right {margin-top:-26px;text-align:right;font-size:.9em;letter-spacing:-1px;} .calendar_guide1 > li.fl_right img {vertical-align:middle;} @media all and (max-width:1200px){ #introWrap .inner{width:100%;} #introWrap .introCon .slogan img{max-width:75%;} #introWrap .introCon .linkBox a{margin:5px;padding-top:45px;width:200px;height:178px;font-size:24px;background-size:100%;} #introWrap .introFooter{padding-top:300px;} .quickmenu{display:none;} } @media all and (min-width:641px) and (max-width:960px){ #mainPopup .bx-controls .bx-stop, #mainPopup .bx-controls .bx-start{top:-7px;} #mainPopup .bx-controls .bx-pager{top:15px;right:15px;margin-right:0;} } @media all and (max-width:640px){ #introWrap .introCon{padding-top:20px;min-height:auto;background-position:center 90%;} #introWrap .introCon h1{margin-bottom:10px;} #introWrap .introCon h1 img{width:auto;height:24px;} #introWrap .introCon .slogan{margin-bottom:0;font-size:15px;} #introWrap .introCon .slogan img{margin-bottom:5px;} #introWrap .introCon .linkBox{margin:10px 0;} #introWrap .introCon .linkBox a{margin:5px 0;padding:5px;width:80%;height:auto;font-size:20px;font-weight:bold;border-radius:10px;} #introWrap .introCon .linkBox a br{display:none;} #introWrap .introCon .linkBox a span{display:block;padding-top:34px;height:100px;line-height:140%;border-radius:10px;border:2px dashed #1b3e70;box-sizing:border-box;} #introWrap .introCon .linkBox .item1{background:#467ecf;} #introWrap .introCon .linkBox .item2{background:#28bdc6;} #introWrap .introCon .linkBox .item2 span{border-color:#127b81;} #introWrap .introCon .linkBox .item3{background:#f69420;} #introWrap .introCon .linkBox .item3 span{border-color:#bb6d11;} #introWrap .introFooter{padding:40px 0 20px;font-size:13px;} #introWrap .introFooter img{margin:0 0 10px;width:auto;height:24px;} #introWrap .introFooter br{display:block;} } @media all and (max-width:360px){ #introWrap .introCon .linkBox a{font-size:17px;} #introWrap .introCon .linkBox a span{padding-top:20px;height:70px;} }