html{font-size:10px;}
a,div,img,button,area,input,select,audio{outline:none;}
body,input,textarea,select,button,a{font-family:'pretendard';font-weight:400;}
body{line-height:1;}

.wrap .color_txt,
.wrap .color_txt a{color:#145092 !important;}
.wrap .color_hover_txt:hover,
.wrap .color_hover:hover .color_hover_txt{color:#145092 !important;}
.wrap .color_hover_back:hover,
.wrap .color_hover:hover .color_hover_back{color:#fff;background:#145092 !important;}
.wrap .color_hover_border:hover,
.wrap .color_hover:hover .color_hover_border{border-color:#145092 !important;}
.wrap .color_back{color:#fff !important;background-color:#145092 !important;}
.wrap .color_back_light{color:#fff !important;background-color:#5C7090 !important;}
.wrap .color_back_lighter{color:#fff !important;background-color:#8294b1 !important;}
.wrap .color_border{border-color:#145092 !important;}
.wrap .color_border_light{border-color:#526d98 !important;}
.wrap .color_border_lighter{border-color:#7489ab !important;}
.wrap .btn_primary{color:#fff;border:1px solid #145092;border-radius:2px;background:#145092;}
.wrap .btn_primary:hover{text-decoration:none;border:1px solid #003476;background:#003476;}
.wrap .btn_secondary{color:#fff;border:1px solid #418ccc;border-radius:2px;background:#418ccc;}
.wrap .btn_secondary:hover{text-decoration:none;border:1px solid #327DBD;background:#327DBD;}
.wrap input[type=radio]:checked:before{border:1px solid #145092;background:#145092;}
.wrap input[type=checkbox]:checked:before{border:1px solid #145092;background:#145092;}


#wrap{position:relative;overflow:hidden;}
.container{position:relative;z-index:1;text-align:center;}
.aside{display:none;margin:30px 0 80px 0;}
.has-aside .container{max-width:1260px;margin-left:auto;margin-right:auto;}
.has-aside .container:after{content:'';display:block;clear:both;}
.has-aside .aside{display:block;float:left;width:17%;}
.has-aside .content{float:right;width:80%;}
.db{position:relative;max-width:1260px;margin:0 auto;text-align:left;}

.skip_navigation{position:relative;}
.skip_navigation a{position:absolute;display:block;top:-10000px;left:0;padding:10px 0;text-align:center;font-size:1.5rem;line-height:1.5rem;color:#fff;background:#000;}
.skip_navigation a:focus{position:static;top:0;}

@media screen and (max-width:1099px) {
.aside{margin:0;}
.has-aside .aside{display:none;float:none;width:100%;background:#fff;}
.has-aside .content{float:none;width:auto;margin:0;}
}

@media screen and (max-width:767px) {
html{font-size:8px;}
}

.content{margin-top:30px;}
.page-id-553 .content{margin-top:0;}

.header{position:relative;z-index:2;}
.header .mobile-nav{display:none;}

.header .gnb{border-bottom:1px solid #F0F0F6;}
.header .gnb .db{text-align:right;}
.header .gnb a{display:inline-block;padding:12px 0;margin-left:18px;font-size:14px;color:#111111;}

.header .navi-wrap-outer{height:64px;}

.header .navi-wrap{position:relative;background:#fff;border-bottom:1px solid #F0F0F6;}
.page-id-553 .header .navi-wrap{border-bottom:none;}

.header .navi-wrap .logo{display:inline-block;vertical-align:top;width:8%;margin:18px 0 0 0;}
.header .navi-wrap .logo img:nth-child(2){display:none;}
.header .navi-wrap .navi-box{display:inline-block;vertical-align:top;}
.header .navi-wrap .nav-item{display:inline-block;vertical-align:top;}
.header .navi-wrap .main-item a{display:inline-block;padding:24px 32px;font-size:1.6rem;font-weight:500;color:#111111;}
.header .navi-wrap .sub-items{display:none;padding:15px 0 20px 0;text-align:center;}
.header .navi-wrap .sub-items a{display:block;padding:5px 0;margin-bottom:10px;font-size:1.4rem;color:#505050;}
.header .navi-wrap .sub-items a:hover{color:#005EEB;}

.header .navi-box:hover .sub-items{display:block;}

.header .navi-wrap .right-box{position:absolute;top:14px;right:0;}
.header .navi-wrap .right-box .global-search{display:inline-block;position:relative;vertical-align:top;width:166px;}
.header .navi-wrap .right-box .global-search input[type=text]{width:100%;height:36px;padding:0 30px 0 9px;text-align:center;border:1px solid #dcdde3;box-sizing:border-box;background:#F0F0F6;border-radius:20px;}
.header .navi-wrap .right-box .global-search input[type=text]:focus{outline:none;}
.header .navi-wrap .right-box .mark{position:absolute;top:0;right:0;width:42px;height:38px;}
.header .navi-wrap .right-box .mark span:nth-child(1){display:block;position:absolute;z-index:2;top:8px;right:21px;width:14px;height:14px;border-radius:10px;border:2px solid #333;background:#F0F0F6;}
.header .navi-wrap .right-box .mark span:nth-child(2){display:block;position:absolute;z-index:1;top:20px;right:21px;width:2px;height:10px;border-radius:6px;background:#333;
transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.header .navi-wrap .right-box .link-icons a{position:relative;display:inline-block;vertical-align:top;margin:2px 0 0 10px;}
.header .navi-wrap .right-box .link-icons a .val-count{display:inline-block;position:absolute;top:-3px;right:-3px;width:18px;height:18px;line-height:18px;text-align:center;color:#fff;background:#005EEB;border-radius:50%;}

.header .navi-wrap-outer:hover .navi-wrap,
.header .navi-wrap-outer.active .navi-wrap{position:fixed;z-index:1002;top:39px;left:0;width:100%;margin:0;transition:all ease-out .4s;}
.header .navi-wrap-outer.active .navi-wrap{top:0;}

.footer{margin:260px 0 60px 0;border-top:1px solid #E5E5EC;}
.footer .navs{margin-bottom:60px;border-bottom:1px solid #F7F7FB;}
.footer .navs a{display:inline-block;padding:22px 0;margin-right:32px;font-size:1.4rem;color:#111111;}
.footer .desc{margin-bottom:10px;}
.footer .desc li{position:relative;display:inline-block;font-size:1.3rem;color:#767676;}
.footer .desc li:after{content:'|';display:inline-block;padding:0 5px 0 7px;}
.footer .desc li:last-child:after{display:none;}
.footer .copyright{margin-top:24px;}
.footer .cs{position:absolute;bottom:25px;right:0;font-weight:bold;}
.footer .cs li:nth-child(1){font-size:1.8rem;color:#505050;}
.footer .cs li:nth-child(2){margin-top:10px;font-size:2rem;color:#005EEB;}

.mobile-page-name{display:none;}

@media screen and (max-width:1259px) {
.db{max-width:100%;margin:0;}

.header{height:auto;}
.header .gnb{display:none;}
.header .navi-wrap-outer{display:none;}

.header .mobile-nav{display:block;height:55px;background:#fff;}
.header .mobile-nav .mobile-nav-inside{position:fixed !important;z-index:1001;top:0;width:100%;text-align:center;border-bottom:1px solid #f4f4f4;background:#fff;}

.header .mobile-nav .mobile-nav-show-btn{float:left;width:20%;height:54px;cursor:pointer;}
.header .mobile-nav .mobile-nav-show-btn .box-wrap{text-align:center;}
.header .mobile-nav .mobile-nav-show-btn .box{display:inline-block;margin-top:9px;}
.header .mobile-nav .mobile-nav-show-btn ul{display:inline-block;margin-top:6px;}
.header .mobile-nav .mobile-nav-show-btn ul li{display:block;width:19px;height:3px;margin-top:4px;border-radius:8px;background:#ababab;}

.header .mobile-nav .logo-mobile{display:block;float:left;width:60%;height:54px;line-height:54px;margin:0;text-align:center;font-weight:bold;}
.header .mobile-nav .logo-mobile img{max-height:22px;vertical-align:middle;}

.header .mobile-nav-layer{position:fixed;z-index:1002;top:0;left:-100%;width:85%;height:100%;text-align:left;overflow-y:scroll;background:#fff;}
.header .mobile-nav-layer .inner-box{padding:30px 0 0 0;}
.header .mobile-nav-layer .menu a{display:block;text-align:left;font-size:2rem;padding:18px 20px;}
.header .mobile-nav-layer .sub-items{position:relative;}
.header .mobile-nav-layer .sub-items .show-sub-items{display:block;position:absolute;z-index:1;top:-44px;right:0;width:50px;height:22px;line-height:22px;padding:5px 0 7px 0;text-align:center;
font-size:22px;}
.header .mobile-nav-layer .sub-items-inside{display:none;padding:5px 0;}
.header .mobile-nav-layer .sub-item a{height:14px;padding:10px 50px 10px 24px;font-size:14px;}
.header .mobile-nav-layer .navi-layer-back{position:fixed;z-index:-1;top:0;left:85%;width:15%;height:200%;background:#333;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.header .mobile-nav-layer .navi-layer-close-btn{position:fixed;top:34px;right:0;width:15%;padding:.8em 0;text-align:center;font-size:30px;color:#fff;}

.header .navi-wrap .right-box{}
.header .navi-wrap .right-box .global-search{display:none;position:fixed;float:none;z-index:1000;top:55px;left:0;width:100% !important;padding:3em 0 0 0;margin-top:0 !important;text-align:center;
background:#fff;}
.header .navi-wrap .right-box .global-search input[type=text]{min-width:300px;height:1em;padding:1.4em;font-size:1em;line-height:1em;border-radius:0;}
.header .navi-wrap .right-box .global-search input[type=text]:focus{padding:1.4em;}
.header .navi-wrap .right-box .global-search input[type=submit]{display:block;width:100%;padding:.9em 0;color:#fff;border:none;border-radius:0;}
.header .navi-wrap .right-box .close_btn{padding:1em 0;margin-top:4em;text-align:center;color:#fff;background:#418ccc;}

.header .mobile-nav .account-btns{float:right;width:20%;height:54px;line-height:54px;text-align:center;}
.header .mobile-nav .account-btns a{position:relative;display:inline-block;}
.header .mobile-nav .account-btns a:last-child{margin-right:4px;}
.header .mobile-nav .account-btns .val-count{display:inline-block;position:absolute;top:8px;right:-3px;width:18px;height:18px;line-height:18px;text-align:center;color:#fff;background:#005EEB;border-radius:50%;}

.mobile-page-name{display:block;position:relative;z-index:1;padding:1.1em;font-size:1em;line-height:1em;color:#fff;text-align:left;background:#005EEB;}
.mobile-page-name .arrow_box{display:inline-block;position:relative;float:right;width:25px;height:25px;margin-top:-6px;border-radius:13px;background:#fff;}
.mobile-page-name .arrow_box::after{position:absolute;content:"";display:block;top:6px;left:8px;width:6px;height:6px;border-top:3px solid #333;border-right:3px solid #333;
-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.mobile-page-name .arrow_box.act::after{top:9px;-webkit-transform:rotate(315deg);transform:rotate(315deg);}
.page-id-553 .mobile-page-name{display:none;}

@media screen and (max-width:380px) {
.header .mobile-nav .logo-mobile{width:50%;}
.header .mobile-nav .account-btns{width:30%;}
}

.footer{margin:120px 0 60px 0;}
.footer .db{text-align:center;}
.footer .navs{margin-bottom:40px;}
.footer .navs a{padding:14px 0;margin:0 14px;}
.footer .cs{position:static;margin:0 0 30px 0;}
}

.aside .page-name{padding:0 0 15px 10px;margin-bottom:8px;font-size:1.8rem;text-align:left;color:#191919 !important;border-bottom:3px solid #454548;}
.aside .menu{text-align:left;}
.aside .menu .main-item{position:relative;}
.aside .menu .main-item a{display:block;padding:12px 0 10px 10px;font-size:1.5rem;color:#333338;font-weight:bold;border-top:1px solid #eee;}
.aside .menu .main-item:nth-child(1) a{border-top:none;}
.aside .menu .sub-items{padding:0 0 6px 0;}
.aside .menu .sub-item a{display:block;padding:8px 0 8px 10px;font-size:1.4rem;color:#767676;}
.aside .menu .sub-item.active a,
.aside .menu .sub-item a:hover{font-weight:bold;}

@media screen and (max-width:1259px) {
.aside .page-name{display:none;}
}

/*
.event-fade-in{opacity:0;}
.event-fade-in.start-event{opacity:1;transition:all ease-out 1.6s;}
*/

.observe-slide-up.observe-delay1{transition-delay:.6s;}
.observe-slide-up.observe-delay2{transition-delay:1.2s;}

.observe-number{overflow:hidden;}
.observe-number>span{display:inline-block;vertical-align:top;}
.observe-number.observe-active .number.even ul{animation:number-down-animation 3s forwards;}
.observe-number.observe-active .number.odd ul{transform:translateY(100%);animation:number-up-animation 3s forwards;}

.observe-slide-up{transform:translateY(90px);opacity:0;transition:all ease-out .8s;}
.observe-slide-up.observe-active{transform:translateY(0);opacity:1;}

.observe-slide-left{transform:translateX(90px);opacity:0;transition:all ease-out .8s, opacity 1s;}
.observe-slide-left.observe-active{transform:translateX(0);opacity:1;}

.observe-slide-right{transform:translateX(-90px);opacity:0;transition:all ease-out .8s, opacity 1s;}
.observe-slide-right.observe-active{transform:translateX(0);opacity:1;}

.observe-image-scale img{transform:scale(.65, .65);}
.observe-image-scale.observe-ratio2 img{transform:scale(1, 1);}
.observe-image-scale.observe-ratio1 img{transform:scale(.8, .8);}

@keyframes number-up-animation {
	0% {transform:translate3d(0, 0, 0);}
	100% {transform:translate3d(0, -90%, 0);}
}
@keyframes number-down-animation {
	0% {transform:translate3d(0, -90%, 0);}
	100% {transform:translate3d(0, 0, 0);}
} 

.observe-char{display:inline-block;overflow:hidden;}
.observe-char span{display:inline-block;position:relative;transform:translateY(50px);opacity:0;}
.observe-char span.active{animation:char-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

@keyframes char-animation {
	from {transform:translateY(50px);opacity:0;}
	to {transform:translateY(0);opacity:1.0;}
}

.linear-slider{display:grid;--d:20s;}
.linear-slider>img{grid-area:1/1;object-fit:cover;}
.linear-slider.row-cnt2.observe-active>img{animation:linear-slider-animation2 var(--d) linear infinite;}
.linear-slider:hover>img{animation-play-state:paused !important;}
.linear-slider.row-cnt2.observe-active>img:nth-child(2){animation-delay:calc(1*var(--d)/-2);}

@keyframes linear-slider-animation2 {
	50%{transform:translate(-100%);}
	50.01%{transform:translate(100%);}
}

.main-block1{position:relative;}
.main-block1 .row img:nth-child(2){display:none;}
.main-block1 .btns-outer{position:absolute;z-index:1;bottom:80px;left:0;width:100%;}
.main-block1 .btns{display:inline-block;position:relative;width:109px;height:28px;margin-left:69px;border-radius:14px;overflow:hidden;}
.main-block1 .btns:before{content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background:#333;opacity:.3;}
.main-block1 .pager{display:inline-block;vertical-align:top;cursor:pointer;}
.main-block1 .pager:before{content:'';display:inline-block;padding:3px;border:solid #fff;border-width:0 2px 2px 0;vertical-align:middle;}
.main-block1 .pager.pager-prev{padding:6px 0 7px 7px;margin-left:8px;}
.main-block1 .pager.pager-next{padding:6px 7px 7px 0;}
.main-block1 .pager.pager-prev:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.main-block1 .pager.pager-next:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.main-block1 .btns .txt{display:inline-block;vertical-align:top;margin-top:7px;font-size:1.4rem;color:#bbb;}
.main-block1 .btns .txt span{display:inline-block;width:12px;text-align:center;}
.main-block1 .btns .txt span:nth-child(1){color:#fff;}
.main-block1 .pager-pause{position:absolute;top:0;right:0;width:28px;height:28px;cursor:pointer;}
.main-block1 .pager-pause .symbol{display:inline-block;position:absolute;z-index:1;top:8px;right:9px;width:4px;height:12px;border-right:2px solid #fff;border-left:2px solid #fff;}
.main-block1 .pager-pause:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#111;opacity:.3;border-radius:50%;}

@media screen and (max-width:1180px) {
.main-block1 .btns-outer{display:none;}
.main-block1 .pagination-dot{position:absolute;left:0;bottom:20px;width:100%;text-align:center;}
.main-block1 .pagination-dot .page-item{display:inline-block;width:8px;height:8px;margin:0 2px;padding:0;font-size:0;color:transparent;cursor:pointer;border:none;
background:#ccc;border-radius:10px;}
.main-block1 .pagination-dot .page-item.slider-active{width:22px;background:#fff;}
}

@media screen and (max-width:767px) {
.main-block1 .row img:nth-child(1){display:none;}
.main-block1 .row img:nth-child(2){display:inline;}
}

.main-block2{margin-top:70px;}
.main-block2 .boxs{margin:0 -10px;overflow:hidden;}
.main-block2 .box{float:left;width:50%;}
.main-block2 .box a{display:block;padding:30px;margin:10px;color:#111111;background:#EFF4FF;border-radius:16px;}
.main-block2 .box ul li:nth-child(1){font-size:2.4rem;font-weight:bold;}
.main-block2 .box ul li:nth-child(2){margin-top:12px;line-height:2.4rem;font-size:1.6rem;}
.main-block2 .box ul li:nth-child(3){margin-top:16px;text-align:right;}

@media screen and (max-width:1259px) {
.main-block2{margin:40px 15px 0 15px;}
.main-block2 .boxs{margin:0;}
.main-block2 .box{float:none;width:100%;margin-bottom:20px;}
.main-block2 .box a{margin:0;}
.main-block2 .box ul li:nth-child(3) img{width:50px;}
}

.main-block3{margin-top:70px;}
.main-block3 .block-title{font-size:2.8rem;font-weight:bold;}
.main-block3 .slider{position:relative;}
.main-block3 .boxs-outer{margin:28px -10px 0 -10px;overflow:hidden;}
.main-block3 .boxs{margin:0 40% 0 -40%;}
.main-block3 .box{width:20%;vertical-align:top;}
.main-block3 .box a{display:block;margin:10px;}
.main-block3 .box ul li:nth-child(1){position:relative;border-radius:16px;overflow:hidden;}
.main-block3 .box ul li:nth-child(1) .txt{display:none;position:absolute;top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px);color:#fff;font-size:1.4rem;line-height:2.2rem;word-break:keep-all;}
.main-block3 .box ul li:nth-child(1) .txt .icon{display:inline-block;position:absolute;bottom:0;right:0;width:24px;height:24px;background:#fff;border-radius:50%;cursor:pointer;}
.main-block3 .box ul li:nth-child(1) .txt .icon:before{content:'';position:absolute;top:50%;left:50%;width:8px;height:2px;margin:-1px 0 0 -4px;background:#111;}
.main-block3 .box ul li:nth-child(1) .txt .icon:after{content:'';position:absolute;top:50%;left:50%;width:2px;height:8px;margin:-4px 0 0 -1px;background:#111;}
.main-block3 .box ul li:nth-child(1):hover:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#333;opacity:.7;}
.main-block3 .box ul li:nth-child(1):hover .txt{display:block;}
.main-block3 .box ul li:nth-child(2){margin-top:12px;line-height:2.2rem;font-size:1.6rem;font-weight:bold;color:#111111;word-break:keep-all;}
.main-block3 .box ul li:nth-child(3){margin-top:10px;line-height:2.2rem;font-size:1.4rem;color:#767676;}

.main-block3 .pager-outer{position:absolute;top:-30px;right:0;}
.main-block3 .pager{position:relative;display:inline-block;width:22px;height:22px;margin-left:3px;background:#fff;border:1px solid #E5E5EC;border-radius:50%;cursor:pointer;}
.main-block3 .pager:before{content:'';position:absolute;z-index:1;top:7px;display:inline-block;border:solid #191919;border-width:0 1px 1px 0;padding:3px;}
.main-block3 .pager.pager-prev:before{left:9px;transform:rotate(135deg);}
.main-block3 .pager.pager-next:before{left:7px;transform:rotate(-45deg);}

@media screen and (max-width:620px) {
.main-block3 .box ul li:nth-child(2){height:4.4rem;}
.main-block3 .box ul li:nth-child(3){height:4.4rem;}
}

@media screen and (max-width:1259px) {
.main-block3{margin:40px 15px 0 15px;}
.main-block3 .boxs{margin:00;}
.main-block3 .box{width:236px;margin-bottom:15px;}
}

.main-block4{padding-top:160px;margin-top:122px;background:#F7F8FB;}
.main-block4 .row{padding-bottom:160px;overflow:hidden;}
.main-block4 .row-col{width:50%;}
.main-block4 .row:nth-child(odd) .row-img{float:right;}
.main-block4 .row:nth-child(odd) .row-txt{float:left;}
.main-block4 .row:nth-child(even) .row-img{float:left;}
.main-block4 .row:nth-child(even) .row-txt{float:right;}
.main-block4 .row .row-txt>ul>li:nth-child(1){margin-top:26px;font-size:2rem;color:#005EEB;}
.main-block4 .row .row-txt>ul>li:nth-child(2){max-width:90%;margin-top:12px;line-height:4.4rem;font-size:3.6rem;color:#111111;word-break:keep-all;}
.main-block4 .row .row-txt>ul>li:nth-child(3){margin-top:30px;line-height:3.4rem;font-size:2rem;color:#6B7684;}
.main-block4 .row .row-txt>ul>li:nth-child(3) li{position:relative;padding-left:18px;}
.main-block4 .row .row-txt>ul>li:nth-child(3) li:before{content:'';position:absolute;left:2px;top:12px;width:3px;height:7px;border:solid #6B7684;border-width:0 2px 2px 0;transform:rotate(45deg);}

@media screen and (max-width:1259px) {
.main-block4{padding:80px 15px 80px 15px;margin-top:60px;}
.main-block4 .row{padding-bottom:80px;}
.main-block4 .row-col{width:100%;}
.main-block4 .row .row-img{float:none !important;}
.main-block4 .row .row-txt{float:none !important;}
}

.main-books{margin:93px 0 260px 0;}
.main-books .block-title li:nth-child(1){font-size:2.8rem;font-weight:bold;}
.main-books .block-title li:nth-child(2){margin-top:12px;font-size:1.5rem;color:#757575;}
.main-books .slider{position:relative;}
.main-books .boxs-outer{margin:28px -10px 0 -10px;overflow:hidden;}
.main-books .rows{margin:0 40% 0 -40%;}
.main-books .row{width:20%;vertical-align:top;}
.main-books .row a{display:block;margin:10px;}
.main-books .row ul li:nth-child(1){padding:22px 0;text-align:center;background:#F1F0F6;border-radius:16px;}
.main-books .row ul li:nth-child(2){margin-top:12px;line-height:2.2rem;font-size:1.6rem;color:#111111;}
.main-books .pager-outer{position:absolute;top:-30px;right:0;}
.main-books .pager{position:relative;display:inline-block;width:22px;height:22px;margin-left:3px;background:#fff;border:1px solid #E5E5EC;border-radius:50%;cursor:pointer;}
.main-books .pager:before{content:'';position:absolute;z-index:1;top:7px;display:inline-block;border:solid #191919;border-width:0 1px 1px 0;padding:3px;}
.main-books .pager.pager-prev:before{left:9px;transform:rotate(135deg);}
.main-books .pager.pager-next:before{left:7px;transform:rotate(-45deg);}

@media screen and (max-width:1259px) {
.main-books{margin:60px 15px 120px 15px;}
.main-books .rows{margin:0;}
.main-books .row{width:236px;margin-bottom:15px;}
}

@keyframes page-top-banner-img{
0%{}
100%{transform:scale(1.1);filter:brightness(1);}
}

@keyframes fade-up-event{
0% {opacity:0;transform:translate3d(0,30px,0);}
100% {opacity:1;transform:translate3d(0,0px,0);}
}

@keyframes fade-up-event2{
0% {opacity:0;transform:translate3d(0,20px,0);}
100% {opacity:1;transform:translate3d(0,0px,0);}
}

.page-top-banner{position:relative;height:240px;overflow:hidden;}
.page-top-banner .txt{position:absolute;z-index:1;top:35%;transform:translateY(-50%);left:0;width:100%;text-align:center;color:#fff;}
.page-top-banner ul li:nth-child(1){font-size:3.6rem;font-weight:600;opacity:0;}
.page-top-banner .back-img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;}
.page-top-banner .back-img img{width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.3, 1.3);filter:brightness(0);transition:transform ease-out 7s, filter 3s ease-out;}

.page-top-banner.observe-active ul li:nth-child(1){animation-name:fade-up-event;animation-duration:0.7s;animation-fill-mode:forwards;}
.page-top-banner.observe-active .back-img img{animation-name:page-top-banner-img;animation-duration:1.5s;animation-fill-mode:forwards;animation-delay:0.2s;}

.page-nav{margin-bottom:120px;border-bottom:1px solid #F1F1F5;}
.page-nav li{display:inline-block;margin-right:6px;}
.page-nav li a{display:inline-block;padding:18px 15px;font-size:1.8rem;color:#767676;}
.page-nav li.active a{padding-bottom:16px;font-weight:600;color:#005EEB;border-bottom:2px solid #005EEB;}

.page-title ul{text-align:center;}
.page-title li:nth-child(1){font-size:3.6rem;color:#111111;}
.page-title li:nth-child(2){margin-top:24px;font-size:1.8rem;line-height:2.6rem;color:#505050;}

@media screen and (max-width:1259px) {
.page-top-banner ul{text-align:center;}
.page-nav{margin-bottom:0;white-space:nowrap;overflow-x:scroll;}

.page-title{margin:0 15px;}
}

.intro-feature{margin-top:20px;}
.intro-feature .row{margin-top:100px;overflow:hidden;}
.intro-feature .row-col{width:50%;}
.intro-feature .row:nth-child(even) .row-img{float:right;}
.intro-feature .row:nth-child(even) .row-txt{float:left;}
.intro-feature .row:nth-child(even) .row-txt ul{max-width:calc(80% - 50px);padding-left:50px;}
.intro-feature .row:nth-child(odd) .row-img{float:left;}
.intro-feature .row:nth-child(odd) .row-txt{float:right;}
.intro-feature .row:nth-child(odd) .row-txt ul{padding-left:120px;}
.intro-feature .row .row-txt>ul>li:nth-child(1){display:inline-block;padding-top:8px;margin-top:26px;font-size:2rem;color:#005EEB;border-top:2px solid #005EEB;}
.intro-feature .row .row-txt>ul>li:nth-child(2){max-width:90%;margin-top:12px;line-height:5.2rem;font-size:4rem;font-weight:bold;color:#111111;word-break:keep-all;}
.intro-feature .row .row-txt>ul>li:nth-child(3){margin-top:36px;line-height:2.6rem;font-size:1.8rem;color:#767676;}

@media screen and (max-width:1259px) {
.intro{margin-top:80px;}
.intro-feature{margin:20px 15px 0 15px;}
.intro-feature .row{margin-top:60px;}
.intro-feature .row-col{width:100%;}
.intro-feature .row .row-img{float:none !important;}
.intro-feature .row .row-txt{float:none !important;}
.intro-feature .row .row-txt ul{max-width:none !important;padding-left:0 !important;}
}

.way .block-title{font-size:2.4rem;font-weight:bold;color:#111111;}

.way .map{padding-bottom:120px;border-bottom:1px solid #111111;}
.way .map ul{margin-top:26px;}
.way .map li{margin-top:12px;font-size:1.6rem;color:#767676;}
.way .map li strong{display:inline-block;margin-right:12px;color:#111111;font-weight:normal;}
.way .map .map-wrap{margin-top:50px;}

.way .map-info{padding:120px 0;border-bottom:1px solid #E5E5EC;}
.way .map-info ul{margin-top:26px;}
.way .map-info li{position:relative;padding-left:11px;margin-top:12px;font-size:1.6rem;color:#767676;}
.way .map-info li:before{content:'';display:inline-block;position:absolute;top:5px;left:0;width:4px;height:4px;background:#767676;border-radius:50%;}
.way .map-info li strong{font-weight:normal;color:#005EEB;}
.way .map-info .img{margin-top:50px;}
.way .map-info.last-child{padding-bottom:0;border-bottom:none;}

@media screen and (max-width:1259px) {
.way{margin:0 15px;}
.way .map{padding-bottom:90px;}
.way .map-info{padding:90px 0;}
}

.registration-guide{margin-top:120px;}
.registration-guide .block-cols{margin:0 -12px;overflow:hidden;}
.registration-guide .block-col{float:left;width:50%;}
.registration-guide .block-col-inside{margin:0 12px;}
.registration-guide .block-title{text-align:center;}
.registration-guide .block-title li:nth-child(1){font-size:3.6rem;color:#111111;}
.registration-guide .block-title li:nth-child(2){display:inline-block;max-width:80%;margin-top:16px;font-size:1.6rem;line-height:2.4rem;color:#505050;word-break:keep-all;}
.registration-guide .rows{margin-top:40px;}
.registration-guide .row{position:relative;padding:52px;margin-bottom:64px;border-radius:16px;}
.registration-guide .block-col:nth-child(1) .block-col-inside .row{background:#F7F7FB;}
.registration-guide .block-col:nth-child(2) .block-col-inside .row{background:#F2F7FE;}
.registration-guide .row:before{content:'';position:absolute;left:calc(50% - 12px);bottom:-34px;width:16px;height:16px;border:solid #191919;border-width:0 1px 1px 0;transform:rotate(45deg);}
.registration-guide .row:last-child:before{display:none;}
.registration-guide .row ul{position:relative;}
.registration-guide .row ul li:nth-child(1){font-size:1.4rem;color:#6B7684;}
.registration-guide .row ul li:nth-child(2){margin-top:9px;font-size:2rem;color:#111111;}
.registration-guide .row ul li:nth-child(3){height:16px;margin-top:13px;font-size:1.6rem;color:#767676;}
.registration-guide .row ul li:nth-child(4){position:absolute;top:0;right:0;}

@media screen and (max-width:1259px) {
.registration-guide{margin:110px 15px 0 15px;}
}

@media screen and (max-width:986px) {
.registration-guide{margin:90px 15px 0 15px;}
.registration-guide .block-cols{margin:0;}
.registration-guide .block-col{float:none;width:100%;}
.registration-guide .block-col-inside{margin:0;}
}

.course-registration-guide{margin-top:120px;}
.course-registration-guide .rows{margin:80px -12px;overflow:hidden;}
.course-registration-guide .row{position:relative;float:left;width:33.333333%;margin-bottom:56px;}
.course-registration-guide .row:before{content:'';position:absolute;width:12px;height:12px;border:solid #191919;border-width:0 1px 1px 0;}
.course-registration-guide .row:nth-child(1):before,
.course-registration-guide .row:nth-child(2):before{top:48%;right:-8px;transform:rotate(-45deg) translateY(-50%);}
.course-registration-guide .row:nth-child(3):before{left:calc(50% - 12px);bottom:-30px;transform:rotate(45deg);}
.course-registration-guide .row:nth-child(4):before{display:none;}
.course-registration-guide .row:nth-child(5):before,
.course-registration-guide .row:nth-child(6):before{top:44%;left:-8px;transform:rotate(135deg) translateY(-50%);}
.course-registration-guide .row ul{position:relative;padding:40px 30px;margin:0 12px;background:#F7F7FB;border-radius:16px;}
.course-registration-guide .row ul li:nth-child(1){font-size:1.4rem;color:#6B7684;}
.course-registration-guide .row ul li:nth-child(2){margin-top:8px;font-size:2rem;color:#111111;}
.course-registration-guide .row ul li:nth-child(3){max-width:70%;height:6.6rem;margin-top:11px;font-size:1.6rem;line-height:2.2rem;color:#767676;word-break:keep-all;}
.course-registration-guide .row ul li:nth-child(4){position:absolute;top:57px;right:30px;}

@media screen and (max-width:1259px) {
.course-registration-guide{margin:110px 15px 0 15px;}
}

@media screen and (max-width:1058px) {
.course-registration-guide .row{float:none;width:100%;}
.course-registration-guide .rows .row:before{display:block;left:calc(50% - 12px);top:auto;bottom:-30px;transform:rotate(45deg);}
.course-registration-guide .rows .row:last-child:before{display:none;}
}

.item-list .search-wrap{padding:0 0 10px 0;margin-top:60px;}
.item-list .search-wrap .order-box{position:relative;height:38px;border-bottom:1px solid #111111;overflow:hidden;}
.item-list .search-wrap .r-num{padding-top:6px;font-size:1.6rem;color:#111111;}
.item-list .search-wrap .right-box{position:absolute;top:0;right:0;}
.item-list .search-wrap .src-order{float:left;padding-top:5px;overflow:hidden;}
.item-list .search-wrap .src-order a{display:block;float:left;position:relative;padding:0 9px;font-size:1.6rem;color:#666;}
.item-list .search-wrap .src-order a.act{font-weight:bold;color:#000;}
.item-list .search-wrap .src-order a:after{content:'';position:absolute;top:2px;right:0;width:1px;height:12px;background:#ddd;}
.item-list .search-wrap .src-order a:last-child:after{display:none;}

.item-list .service-dates{margin-top:50px;}
.item-list .service-dates a{display:inline-block;padding:8px 15px;margin:0 6px 6px 0;font-size:15px;border:1px solid #dfdfdf;background:#fff;border-radius:2px;}
.item-list .service-dates a.active{color:#fff;border-color:#005EEB;background:#005EEB;}

@media screen and (max-width:1259px) {
.item-list{margin:0 15px;}
}

@media screen and (max-width:1040px) {
.item-list .search-wrap{padding:20px 0 10px 0;margin-top:60px;}
.item-list .search-wrap .mobile-src-order{float:left;}
}

.item-list-sha .row{padding:50px 0;border-bottom:1px solid #E5E5EC;white-space:nowrap;}
.item-list-sha .row .c1{display:inline-block;vertical-align:middle;width:18%;}
.item-list-sha .row .c1 img{width:70%;border-radius:8px;}
.item-list-sha .row .c2{display:inline-block;vertical-align:middle;width:60%;white-space:normal;}
.item-list-sha .row .c2 ul{margin:0 0 0 26px;word-break:keep-all;}
.item-list-sha .row .c2 ul li:nth-child(1){font-size:1.4rem;color:#767676;}
.item-list-sha .row .c2 ul li:nth-child(2){margin-top:6px;}
.item-list-sha .row .c2 ul li:nth-child(2) a{font-size:2rem;color:#111111;}
.item-list-sha .row .c2 ul li:nth-child(3){margin-top:12px;font-size:1.6rem;line-height:2.4rem;color:#767676;}
.item-list-sha .row .c2 ul li:nth-child(4){margin-top:24px;font-size:2rem;color:#767676;}
.item-list-sha .row .c2 ul li:nth-child(4) strong{color:#111111;}
.item-list-sha .row .c3{display:inline-block;vertical-align:middle;width:calc(22% - 8px);text-align:right;}
.item-list-sha .row .c3 a,
.item-list-sha .row .c3 button{display:inline-block;width:100px;margin-left:8px;line-height:3.6rem;text-align:center;border-radius:19px;}
.item-list-sha .row .c3 button{color:#111111;border:1px solid #D4D4D8;cursor:pointer;background:#fff;}
.item-list-sha .row .c3 a{color:#ffffff;background:#005EEB;border:1px solid #005EEB;}

@media screen and (max-width:1040px) {
.item-list-sha .row{position:relative;padding:40px 0;}
.item-list-sha .row .c1{position:absolute;top:20px;left:0;width:130px;}
.item-list-sha .row .c1 img{width:80%;}
.item-list-sha .row .c2{width:calc(100% - 130px);margin-left:130px;}
.item-list-sha .row .c2 ul{margin:0 0 0 18px;}
.item-list-sha .row .c3{display:block;width:100%;margin-top:50px;}
}

@media screen and (max-width:460px) {
.item-list-sha .row .c1 img{width:85%;}
}

.item-list-cua .row{padding:50px 0;border-bottom:1px solid #E5E5EC;white-space:nowrap;}
.item-list-cua .row .c1{display:inline-block;vertical-align:middle;width:22%;}
.item-list-cua .row .c1 img{border-radius:8px;}
.item-list-cua .row .c2{display:inline-block;vertical-align:middle;width:56%;white-space:normal;}
.item-list-cua .row .c2 ul{margin:0 0 0 26px;word-break:keep-all;}
.item-list-cua .row .c2 ul li:nth-child(1){font-size:1.4rem;color:#767676;}
.item-list-cua .row .c2 ul li:nth-child(2){margin-top:6px;}
.item-list-cua .row .c2 ul li:nth-child(2) a{font-size:2rem;color:#111111;}
.item-list-cua .row .c2 ul li:nth-child(3){margin-top:12px;font-size:1.6rem;line-height:2.4rem;color:#767676;}
.item-list-cua .row .c2 ul li:nth-child(4){margin-top:24px;font-size:2rem;color:#767676;}
.item-list-cua .row .c2 ul li:nth-child(4) strong{color:#111111;}
.item-list-cua .row .c3{display:inline-block;vertical-align:middle;width:calc(22% - 8px);text-align:right;}
.item-list-cua .row .c3 a,
.item-list-cua .row .c3 button{display:inline-block;width:100px;margin-left:8px;line-height:3.6rem;text-align:center;border-radius:19px;}
.item-list-cua .row .c3 button{color:#111111;border:1px solid #D4D4D8;cursor:pointer;background:#fff;}
.item-list-cua .row .c3 a{color:#ffffff;background:#005EEB;border:1px solid #005EEB;}

@media screen and (max-width:1040px) {
.item-list-cua .row{position:relative;padding:40px 0;}
.item-list-cua .row .c1{position:absolute;top:50px;left:0;width:130px;}
.item-list-cua .row .c2{width:calc(100% - 130px);margin-left:130px;}
.item-list-cua .row .c2 ul{margin:0 0 0 18px;}
.item-list-cua .row .c3{display:block;width:100%;margin-top:20px;}
}

.item-grid-sha .row-wrap{width:calc(100% + 24px);margin-left:-12px;overflow:hidden;}
.item-grid-sha .row{overflow:hidden;float:left;width:25%;}
.item-grid-sha .row .row-inside{position:relative;display:block;margin:12px;border:1px solid #eee;background:#fff;overflow:hidden;}
.item-grid-sha .row .img-box{position:relative;height:0;padding-bottom:75%;overflow:hidden;}
.item-grid-sha .row .img-box img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;}
.item-grid-sha .row .name{margin:12px 12px 0 12px;height:38px;font-size:15px;line-height:19px;font-weight:700;}
.item-grid-sha .row .cost-vals{position:relative;margin-top:12px;text-align:right;}
.item-grid-sha .row .cost-vals .col1{position:absolute;bottom:0;left:10px;font-family:'verdana';font-size:19px;color:#418ccc;}
.item-grid-sha .row .cost-vals .col2{margin:0 7px 0 0;}
.item-grid-sha .row .cost-vals .col2-r1{text-decoration:line-through;color:#727272;}
.item-grid-sha .row .cost-vals .col2-r2{margin-top:6px;font-size:15px;font-weight:bold;}
.item-grid-sha .row .item-d-3{height:20px;margin:12px 12px 15px 12px;}
.item-grid-sha .row .item-d-3 span{display:inline-block;height:12px;padding:3px 7px;margin:0 1px;font-size:12px;line-height:12px;border-radius:2px;}

@media screen and (max-width:767px) {
.item-grid-sha{margin:0 12px;}
.item-grid-sha .row-wrap{width:calc(100% + 16px);margin-left:-8px;}
.item-grid-sha .row{width:50%;}
.item-grid-sha .row .row-inside{margin:8px;}
}

.course-info{margin-bottom:-260px;}
.course-info .block1{margin-top:80px;}
.course-info .block1 .rows{margin:0 -10px;text-align:center;}
.course-info .block1 .row{display:inline-block;width:33%;white-space:normal;}
.course-info .block1 .row ul{padding:32px;margin:10px;text-align:left;background:#F7F7FB;border-radius:16px;}
.course-info .block1 .row ul li:nth-child(1){font-size:3.2rem;font-weight:bold;color:#111111;}
.course-info .block1 .row ul li:nth-child(2){height:5.2rem;margin-top:1.2rem;font-size:1.8rem;line-height:2.6rem;color:#505050;}
.course-info .block1 .row ul li:nth-child(3){margin-top:54px;text-align:right;}
.course-info .block1 .row ul li:nth-child(3) span{display:inline-block;width:90px;text-align:center;line-height:90px;background:#fff;border-radius:50%;}
.course-info .block2{padding:120px 0;margin-top:120px;text-align:center;background:#F7F7FB;}
.course-info .block2 .block-title li:nth-child(1){display:inline-block;padding:0 6px;font-size:1.6rem;line-height:30px;text-align:center;color:#fff;background:#005EEB;border-radius:15px;}
.course-info .block2 .block-title li:nth-child(2){margin-top:16px;font-size:3.6rem;line-height:4.2rem;font-weight:bold;color:#111111;}
.course-info .block2 .img{margin-top:32px;}
.course-info .block2 .img-inside{padding:20px 0;text-align:center;background:#fff;}

@media screen and (max-width:1259px) {
.course-info{margin-bottom:-120px;}
.course-info .block1{margin:0 15px;}
.course-info .block1 .rows{margin:60px 0 0 0;}
.course-info .block1 .row{width:49%;}
.course-info .block2{padding:90px 15px;margin-top:90px;}
}

@media screen and (max-width:767px) {
.course-info .block1 .row{display:block;width:100%;margin-bottom:20px;}
.course-info .block1 .row ul{margin:0;}
}

.schedule-info table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:80px;}
.schedule-info table th,
.schedule-info table td{padding:20px 12px;text-align:center;line-height:2.4rem;font-size:1.6rem;border-top:1px solid #E5E5EC;border-bottom:1px solid #E5E5EC;word-break:keep-all;}
.schedule-info table td strong{font-weight:normal;color:#111111;}
.schedule-info table th:nth-child(odd),
.schedule-info table td:nth-child(odd){background:#F7F7FB;}
.schedule-info table td:nth-child(1){font-weight:bold;color:#005EEB;}

@media screen and (max-width:1259px) {
.schedule-info{margin:0 15px;}
.schedule-info .table-wrap{overflow-x:scroll;}
.schedule-info .table-wrap table{min-width:767px;}
}

.schedule .t-page-title{text-align:center;}
.schedule .t-page-title li:nth-child(1){font-size:3.6rem;color:#111111;}
.schedule .t-page-title li:nth-child(2){margin-top:24px;font-size:1.8rem;color:#505050;}

.schedule .schedule-cats{margin-top:41px;text-align:center;}
.schedule .schedule-cats dl{position:relative;display:inline-block;margin:0 15px 10px 0;font-size:1.6rem;line-height:20px;color:#505050;}
.schedule .schedule-cats dl dt{display:inline-block;vertical-align:top;width:20px;height:20px;border-radius:50%;}
.schedule .schedule-cats dl dd{display:inline-block;vertical-align:top;margin:1px 0 0 6px;}

.schedule .select-year{padding-bottom:20px;margin-top:80px;border-bottom:1px solid #111111;}
.schedule .select-year a{display:inline-block;padding:9px 20px;font-size:2rem;margin-right:12px;border:1px solid #E5E5EC;border-radius:5px;}
.schedule .select-year a.active{color:#005EEB;}

.schedule .calendar-outer{display:flex;flex-wrap:wrap;padding-top:50px;margin:20px -12px 0 -12px;overflow:hidden;}
.schedule .calendar{width:33.333333%;padding:0 12px;margin-bottom:100px;box-sizing:border-box;}

.schedule .calendar-date{margin-bottom:18px;text-align:center;font-size:1.8rem;font-weight:bold;color:#111111;}
.schedule .calendar-table{display:table;width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #E5E5EC;}
.schedule .calendar-table .table-row{display:table-row;}
.schedule .calendar-table .table-row>li{display:table-cell;}
.schedule .calendar-tab{display:table-header-group;}
.schedule .calendar-content{display:table-row-group;}
.schedule .calendar-tab .table-row>li{padding:20px 0;text-align:center;font-size:1.4rem;color:#111111;border-top:1px solid #E5E5EC;border-bottom:1px solid #E5E5EC;}
.schedule .calendar-content .table-row>li{position:relative;padding:20px 0;text-align:center;font-size:1.4rem;color:#505050;}
.schedule .calendar-content .table-row>li ul{margin-top:5px;line-height:17px;text-align:left;}
.schedule .calendar-tab .table-row>li:nth-child(1),
.schedule .calendar-content .table-row>li:nth-child(1){color:#EE1F1F;}
.schedule .calendar-content .table-row>li>span{display:block;position:absolute;top:17px;left:0;width:100%;text-align:center;}
.schedule .calendar-content .table-row>li>span>span{display:inline-block;width:20px;height:20px;line-height:20px;color:#fff;border-radius:50%;}

@media screen and (max-width:1259px) {
.schedule{margin:0 15px;}

.schedule .calendar-outer{margin-top:60px;}
.schedule .calendar{width:50%;margin-bottom:80px;}
}

@media screen and (max-width:767px) {
.schedule .schedule-cats dl dd{margin:1px 0 0 6px;}
.schedule .calendar{width:100%;margin-bottom:60px;}
}

.forum-item-qna .common-rows ul{display:flex;flex-wrap:wrap;}
.forum-item-qna .common-rows ul li{display:flex;align-items:center;justify-content:center;}
.forum-item-qna .common-rows ul li:nth-child(1){width:150px;}
.forum-item-qna .common-rows ul li:nth-child(2){width:calc(84% - 290px);margin-left:20px;}
.forum-item-qna .common-rows ul li:nth-child(3){width:16%;}
.forum-item-qna .common-rows ul li:nth-child(4){width:120px;}
.forum-item-qna .tabs{position:relative;padding:12px 0;text-align:center;color:#393939;font-weight:bold;background:#f5f5f5;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.forum-item-qna .row{display:block;padding:12px 0;border-bottom:1px solid #dfdfdf;}
.forum-item-qna .row ul li:nth-child(1) img{height:112px;object-fit:cover;object-position:center;}
.forum-item-qna .row ul li:nth-child(2){justify-content:left;}
.forum-item-qna .row ul li:nth-child(2) dl{width:100%;}
.forum-item-qna .row ul li:nth-child(2) dl dt{color:#787878;}
.forum-item-qna .row ul li:nth-child(2) dl dd{margin-top:8px;}
.forum-item-qna .default-content{padding:50px 0;text-align:center;font-size:15px;}

@media screen and (max-width:1290px) {
.forum-item-qna{padding:0 15px;}
}

@media screen and (max-width:640px) {
.forum-item-qna .common-rows ul li:nth-child(1){width:100px;}
.forum-item-qna .common-rows ul li:nth-child(2){width:calc(80% - 115px);margin-left:15px;}
.forum-item-qna .common-rows ul li:nth-child(3){width:20%;}
.forum-item-qna .tabs ul li:nth-child(4){display:none;}
.forum-item-qna .row ul li:nth-child(1) img{height:75px;}
.forum-item-qna .row ul li:nth-child(4){width:calc(100% - 4px);margin:8px 4px 0 0;justify-content:right;color:#787878;}
}