/* header */
.navbar-fixed-top, .navbar-fixed-bottom { position: absolute; }
header.header { background: #f7f7f7; border-bottom: 1px solid #e7e7e7; }
header .header-top-menu .fa, header .header-top-menu li a { color: #000; }


.nav > li > a:hover, .nav > li > a:focus { background: none; color: inherit; text-decoration: underline }

.navbar-header { float: none; position: relative; text-align: center; }
.navbar-header .nh-left-contents { position: absolute; top: 45px; left: 0; transform: translateY(-50%);  height: 2px; width: calc(50% - 72px); z-index: 5; }
.navbar-header .nh-right-contents { position: absolute; top: 45px; right: 0; transform: translateY(-50%);  height: 2px; width: calc(50% - 72px); z-index: 5; }
.navbar-header .nav-justified { display: table; table-layout: fixed; width: 100%; }
.navbar-header .nav-justified > li { width: 100%; }
.navbar-header .nav > li > a { font-size: 14px; font-weight: 500; padding: 20px 2px; color: #fff; font-size: 20px; text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.3);  }
.navbar-header .nav .open > a,
.navbar-header .nav .open > a:hover { background: none; }




.navbar-default .navbar-nav>li>a { font-weight: 400; padding: 15px 15px;}
.navbar-default .navbar-nav>li>a:hover { background: none; color: inherit }


/* banner */
.banner { margin: 0; }
.banner .item { height: 100vh; }
.banner .item .contents { display: table; width: 100%; height: 100%; text-align: center; }
.banner .item .contents > div { display: table-cell; height: 100%; vertical-align: middle; color: #fff; }
.banner .item .contents > div h1 { font-size: 62px; text-shadow: 2px 2px 4px rgba(0, 0, 0, .7); }
.banner .item .contents > div p { text-shadow: 2px 2px 4px rgba(0, 0, 0, .7); margin: 20px 0 0; color: #fff; }
.banner .item .contents .max500 div p { text-align: justify; }

.banner .item .contents > div .btn-box { text-align: center; margin: 62px 0 0; }
.banner .item .contents > div .btn-box a { display: inline-block; padding: 12px 20px; min-width: 126px; margin-left: 34px; background: #fff; color: #444; cursor: default; }
.banner .item .contents > div .btn-box a:first-child { margin: 0; }
.banner .item.item01 { background: url("/img/main-banner01.png") center no-repeat; background-size: cover; }
.banner .item.item02 { background: url("/img/main-banner02.png") center no-repeat; background-size: cover; }
.banner .item.item03 { background: url("/img/main-banner03.png") center no-repeat; background-size: cover; }
.banner .item.item04 { background: url("/img/main-banner04.png") center no-repeat; background-size: cover; }

.banner .owl-theme .owl-dots .owl-dot.active span,
.banner .owl-theme .owl-dots .owl-dot:hover span { background: #fff; }
.banner .owl-theme .owl-dots .owl-dot span { background: #bbb; }


.sub-banner { margin: 0; }
.sub-banner.news { background: url("/img/news-background.png") center no-repeat; background-size: cover; }
.sub-banner.facility { background: url("/img/facility-background.png") center no-repeat; background-size: cover; }
.sub-banner.shuttle { background: url("/img/shuttle-background.png") center no-repeat; background-size: cover; }
.sub-banner.about { background: url("/img/about-background.png") center no-repeat; background-size: cover; }
.sub-banner.admission { background: url("/img/admission-background.png") center no-repeat; background-size: cover; }
.sub-banner.map { background: url("/img/map-background.png") center no-repeat; background-size: cover; }
.sub-banner.overview { background: url("/img/overview-background.png") center no-repeat; background-size: cover; }
.sub-banner.kinder { background: url("/img/kinder-background.png") center no-repeat; background-size: cover; }
.sub-banner.junior { background: url("/img/junior-background.png") center no-repeat; background-size: cover; }
.sub-banner.honors { background: url("/img/honors_background.png") center no-repeat; background-size: cover; }
.sub-banner.library { background: url("/img/library_background.png") center no-repeat; background-size: cover; }

.sub-banner .contents { height: 60vh; position: relative; }
.sub-banner .contents h1 { position: absolute; left: 0; bottom: 40px; color: #fff; font-weight: 600; text-transform: uppercase; }

/* shopping */
.cde_detail_option { font-size: 14px; }
.cde_detail_option p.cde_title { font-size: 16px; margin: 0 0 12px; line-height: 1.2; }
.cde_detail_option span.cde_price_obj { font-size: 16px; vertical-align: bottom; margin: 0 8px 0 0; }
.cde_detail_option span.cde_price_obj span { font-size: 20px; font-weight: 500; vertical-align: bottom; }

.shop_list h5 { text-align: center; margin-bottom:10px; font-size: 34px; font-weight: 600; }
.shop_list h5 span { color: #f5821f; }
.shop_list p.shop_list_sub_title { text-align: center; color: #5e5e5e; font-weight: 500; margin: 0 0 50px; font-size: 19px; }
.cmall-list { margin-bottom:105px;  }
.cmall-list .cmall-tit { font-size: 14px; margin: 10px 0 0; text-align: center; font-weight: 500; }
.cmall-list .cmall-txt { font-size: 13px; color: #777; margin-bottom: 7px; word-break: keep-all; word-wrap: break-word; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; text-align: center;   white-space: nowrap;  }
.cmall-list .cmall-price { font-size: 14px; font-weight: 500; text-align: center; }


.empty-list { padding: 55px 0; text-align: center; font-size: 15px; }
.navbar-default .navbar-brand { padding: 28px 0 20px; display: inline-block; float: none; }
.navbar-brand > img { display: inline-block; width: auto; width: 100px; }

.ci-box { margin-bottom: 20px;}

.webseller { font-size: 12px; color: #aaa;  }
.webseller a { font-size: 12px; color: #aaa;  }


.sns { padding: 0 0 10px ; text-align: left; }
.sns a { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #ddd; border-radius: 50%; margin-right: 8px; }
.sns a .fa { color: #fff; font-size: 19px; }

#side_menu .m_search { padding: 10px 0 0; }
.m_close .fa { color: #ccc; }
.header_line { background: #ddd; height: 2px; }

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#selectedOption { display: none; margin: 25px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0; }
#selectedOption .form-group { }
#selectedOption .form-group:last-child { margin-bottom: 0; }

.product-no-box { }
.product-no-box .product-no { }
.product-no-box .product-no td { padding-left: 0; padding-right: 0; }
.item_detail_table {}
.item_detail_table.table td { padding-left: 0; padding-right: 0; }

.menu-box { border-top: 1px solid #e0e0e0; border-bottom: 2px solid #000; }

.menu-box .nav-justified > li { width: auto; }
.menu-box .nav > li > a { font-size: 17px; font-weight: 500; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin: 0; }

section.default { padding: 83px 0; }
section.default.recom { background: #f9f9f9; border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; }



/* footer */
footer { background: #f1f1f1; border-top: 0; padding: 35px 0; }
footer .button-contents { text-align: center; margin-top: 32px; }
footer .button-contents .button-box { padding-bottom: 50px; border-bottom: 1px solid #dfdfdf; }
footer .button-contents .button-box h2 { color: #333333; margin: 0 0 16px; font-size: 22px; }
footer .button-contents .button-box p { margin: 0 auto 50px; font-size: 16px; max-width: 900px; color: #666666; }
footer .button-contents .button-box .btc-contents {  }
footer .button-contents .button-box .btc-contents a { display: inline-block; padding: 17px 50px; min-width: 136px; box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, .1);  font-size: 24px; line-height: 1; border-radius: 29px; }
footer .button-contents .button-box .btc-contents a:first-child {  background: #fff; color: #000; }
footer .button-contents .button-box .btc-contents a:nth-child(2) { background: #050e47; margin-left: 12px; color: #fff; }

footer .footer-contents { padding-top: 50px; }
footer .footer-contents h4 { font-size: 18px; margin-bottom: 30px; }
footer .footer-contents ul {  }
footer .footer-contents ul li { font-size: 14px; line-height: 1.7; margin: 4px 0; }
footer .footer-contents ul li a { color: #000; }





.option_window { border-top: 1px solid #eaeaea; padding-top: 20px; }



section.default.board-section .board .board-faq-contents {  }
section.default.board-section .board .board-faq-contents .panel.panel-faq { font-size: 17px; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #D3D3D3; }
section.default.board-section .board .board-faq-contents .panel-group .panel + .panel { margin-top: 15px; }
section.default.board-section .board .board-faq-contents .panel.panel-faq i { font-size: 21px; padding-right: 4px; position: absolute; top: 22px; left: 20px; color: #666; }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-heading { padding: 0;  }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-heading a.panel-title-obj { background: #faf7fc; display: block; padding: 20px 59px 20px 59px; font-size: 15px; position: relative; line-height: 1.3; }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-heading a.panel-title-obj i.fa-caret-right { left: auto; right: 20px; transform: rotate(90deg); transition: transform .3s; }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-heading a.panel-title-obj.collapsed i.fa-caret-right { left: auto; right: 20px; transform: rotate(0deg);  }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-body { position: relative; padding: 20px 20px 20px 59px; font-size: 15px; }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-body img { max-width: 100%; }


section.why-section {  padding-bottom: 140px; }
.why-section .pos { position: relative; padding: 20px 0; }
.why-section .pos:after { position: absolute; top: 0; right: 20px; width: 35px; height: 3px; background: #ac162c; content: ''; }
.why-section h2 { color: #ac162c; font-size: 48px; margin: 0 0 20px; }
.why-section h2 span { color: #333; }
.why-section p { font-size: 16px; color: #444444; }
.why-section img { max-width: 100% !important; width: auto !important; }


.project-section { background: url("/img/project-background.png") center no-repeat; background-size: cover; color: #fff; }
.project-section h1 { text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); text-align: center; font-size: 26px; font-weight: 700; line-height: 1.6; }
.project-section h5 { text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); text-align: center; font-size: 16px; font-weight: 700; margin: 12px 0 62px; line-height: 1.6; }
.project-section .pjs-contents { background: rgba(255, 255, 255, 0.6); padding: 20px; color: #222; position: relative; min-height: 540px; }
.project-section .pjs-contents > div { font-weight: 700; font-size: 20px; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px; }
.project-section .pjs-contents p { font-weight: 700; }
.project-section .pjs-contents a { display: block; padding: 10px; background: #d2d2d2; color: #111; font-weight: 700; position: absolute; bottom: 20px; left: 20px; right: 20px; }


.adv-section { background: #f6f6f6; }
.adv-section h1 { text-align: center; font-size: 26px; font-weight: 700; line-height: 1.6; }
.adv-section .adv-contents { margin: 64px 0 0; }
.adv-section .adv-contents a { color: #000; }
.adv-section .adv-contents p { text-align: center; font-size: 20px; font-weight: 700; margin: 40px 0 20px; }


.adv-section2 {  }
.adv-section2 .adv-contents2 {  }
.adv-section2 .adv-contents2 h1 { font-size: 26px; font-weight: 700; padding: 40px 0 43px; position: relative; }
.adv-section2 .adv-contents2 h1:after { position: absolute; content: ''; top: 0; left: 0; width: 53px; height: 4px; background: #8b0506; }
.adv-section2 .adv-contents2 .article { overflow: hidden; }
.adv-section2 .adv-contents2 .article + .article { margin: 42px 0 0 ; }
.adv-section2 .adv-contents2 .article .img-body { float: left; }
.adv-section2 .adv-contents2 .article a { color: #1a1a1a; display: block; }
.adv-section2 .adv-contents2 .article .article-body { padding-left: 82px; }
.adv-section2 .adv-contents2 .article .article-body h4 { font-size: 20px; margin: 12px 0 0 8px; }
.adv-section2 .adv-contents2 .article .article-body p {  font-size: 14px; color: #8d8d8d; margin: 7px 0 0; }


section.default.main-youtube-section { padding: 0; }
section.default.main-youtube-section .mys-contents { text-align: center; }
section.default.main-youtube-section .mys-contents span { display: inline-block; text-align: left; font-size: 42px; line-height: 1.7; font-weight: 900; color: #000; letter-spacing: 4px; padding-top: 40px; position: relative; text-shadow: 5px 5px 0 #ccc; }
section.default.main-youtube-section .mys-contents span:after { position: absolute; content: ''; width: 51px; height: 4px; background: #8b0506; top: 0; left: 0; }


.event-section { background: #f5f5f5; }
.event-section h1 { text-align: center; font-size: 36px; font-weight: 700; line-height: 1.6; margin-bottom: 48px; }
.event-section .event-contents { padding: 50px 50px 70px; background: #fff; }
.event-section .event-contents .owl-theme.owl-dots-inner .owl-dots { bottom: -54px; margin: 0;  }
.event-section .event-contents .owl-theme .owl-dots .owl-dot.active span,
.event-section .event-contents .owl-theme .owl-dots .owl-dot:hover span { background: #8b0506; }
.event-section .event-contents .event-contents-title { font-size: 26px; margin: 20px 0 16px; }
.event-section .event-contents .event-contents-script { font-size: 16px; color: #666; }
.event-section .event-contents .more-box { margin: 30px 0 0; }
.event-section .event-contents .more-box a { display: inline-block; width: 143px; height: 42px; padding: 12px 20px; background: #8b0506; color: #fff; text-align: center; }




.news-section { background: url("/img/news-background.png") center no-repeat; background-size: cover; }
.news-section h1 { text-align: center; font-size: 36px; font-weight: 700; line-height: 1.6; color: #fff; margin-bottom: 48px; }
.news-section .item { background: #fff; padding: 20px 20px 40px; position: relative; }
.news-section .item .date-box { position: absolute; width: 80px; height: 80px; background: #fff; border-radius: 50%; text-align: center; padding: 17px 5px; top: 30px; right: 30px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);  }
.news-section .item .date-box span.mm { font-size: 12px;}
.news-section .item .date-box span.dd { font-size: 12px; }
.news-section .item .date-box div.hr { width: 8px; height: 1px; background: #999999; margin: 2px auto; }
.news-section .item h5 { margin: 20px 0 11px; font-weight: 700; }
.news-section .item p { font-size: 14px; height: 44px; line-height: 22px; }
.news-section .item a.more-btn {  margin-top: 30px; display: inline-block; background: #8b0506; color: #fff; font-size: 17px; padding: 11px 37px; line-height: 1; }



.about-script { text-align: center; }
.about-script p { font-size: 20px; color: #8d8d8d; line-height: 1.4;   }
.about-script h1 { font-size: 28px; font-weight: 700; margin: 20px;  }


section.default.about-icon-section { text-align: center; padding: 0; }
.about-icon-section .ais-contents { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 95px 0; }
.about-icon-section .img-box {}
.about-icon-section p { color: #333333; font-size: 16px; margin: 42px 0 0; }



.about-script2-section { font-size: 17px; color: #777; line-height: 1.75; }
.about-script2-section h2 { color: #333; }
.about-script2-section p { margin-top: 60px;  }
.about-script2-section p span { font-size: 30px; font-weight: 700; font-size: 20px; }




.shuttle-script { text-align: center;  }
.shuttle-script h1 { font-size: 28px; font-weight: 700; margin: 20px; line-height: 1.4; }




section.default.shuttle-img { padding: 0; }

.shuttle-script2 { font-size: 16px; }
.shuttle-script2 span:first-child { display: inline-block; min-width: 160px; border-right: 1px solid #ddd; margin-right: 40px; padding: 0 20px; text-align: center; float: left; }
.shuttle-script2 span:nth-child(2) { display: block; padding-left: 160px; }



.map-script { }
.map-script .cards { }
.map-script .cards + .cards { margin-top: 60px; }
.map-script .cards h4 { font-size: 22px;  }
.map-script .cards ul { margin-top: 26px; font-size: 17px; }
.map-script .cards ul li { margin: 6px 0; }
.map-script .cards ul li span { display: inline-block; min-width: 120px; color: #646464; float: left; }
.map-script .cards ul li div { padding-left: 120px; }


.admission-script { }
.admission-script .cards { border-radius: 14px; text-align: center; padding: 30px 0; }
.admission-script .cards.c1 { background: #eeeeee; }
.admission-script .cards.c2 { background: #bdd1bb; }
.admission-script .cards.c3 { background: #8db3b7; }
.admission-script .cards.c4 { background: #a091ae; }

.admission-script .cards h5 { font-size: 20px; font-weight: 700; }
.admission-script .cards p { font-size: 14px; margin-top: 12px; }




.admission-script2 { background: #f5f5f5; }
.admission-script2 .article { color: #444444; }
.admission-script2 .article + .article { margin-top: 60px; border-top: 1px solid #ddd; padding-top: 60px;  }
.admission-script2 .article h2 { font-weight: 300; }
.admission-script2 .article p { margin-top: 16px; line-height: 1.72; }



.admission-table {}
.admission-table table.table {}
.admission-table table.table th { text-align: center; background: #033a5f; color: #fff; vertical-align: middle; font-weight: 800; }


.num-contents { margin-bottom: 12px; text-align: center; }
.num-contents .num { display: inline-block; width: 34px; height: 34px; text-align: center; line-height: 34px; color: #fff; border-radius: 100%; font-weight: 800; font-size: 16px; }


.overview-script { text-align: center; }
.overview-script .num-contents .num { background: #32dbc6;  }
.overview-script small { color: #9a9a9a; font-size: 12px; }
.overview-script h2 { font-size: 28px; line-height: 1.5; }
.overview-script h5 { margin: 32px 0; font-size: 20px; line-height: 1.48; }
.overview-script p { color: #32dbc6; font-size: 15px; line-height: 1.65;  }
.overview-script .img-box { margin: 60px 0 0; }

.overview-script.ov1 { text-align: center; background: #f4f4f5; }
.overview-script.ov1 small { color: #9a9a9a; font-size: 12px; }
.overview-script.ov1 h2 { font-size: 28px; color: #32dbc6; }
.overview-script.ov1 p { color: #32dbc6; font-size: 15px; line-height: 1.65; margin-top: 26px; font-weight: 400; }

.overview-script.ov2 { text-align: center; background: #fff; }
.overview-script.ov2 small { color: #7f4782; font-size: 12px; }
.overview-script.ov2 h2 { font-size: 28px; color: #7f4782; }
.overview-script.ov2 p { color: #7f4782; font-size: 15px; line-height: 1.65; margin-top: 26px; font-weight: 400; }
.overview-script.ov2 .num-contents .num { background: #7f4782;  }

.overview-script.ov3 { text-align: center; background: #f4f4f5; }
.overview-script.ov3 small { color: #ff8364; font-size: 12px; }
.overview-script.ov3 h2 { font-size: 28px; color: #ff8364; }
.overview-script.ov3 p { color: #ff8364; font-size: 15px; line-height: 1.65; margin-top: 26px; font-weight: 400; }
.overview-script.ov3 .num-contents .num { background: #ff8364;  }

.overview-script.ov4 { text-align: center; background: #fff; }
.overview-script.ov4 small { color: #ed4165; font-size: 12px; }
.overview-script.ov4 h2 { font-size: 28px; color: #ed4165; }
.overview-script.ov4 p { color: #ed4165; font-size: 15px; line-height: 1.65; margin-top: 26px; font-weight: 400; }
.overview-script.ov4 .num-contents .num { background: #ed4165;  }

.overview-script.ov5 { text-align: center; background: #f4f4f5; }
.overview-script.ov5 small { color: #1c1259; font-size: 12px; }
.overview-script.ov5 h2 { font-size: 28px; color: #1c1259; }
.overview-script.ov5 p { color: #1c1259; font-size: 15px; line-height: 1.65; margin-top: 26px; font-weight: 400; }
.overview-script.ov5 .num-contents .num { background: #1c1259;  }


/*section.default { color: #666;  }*/
.gallery-box {}
.gallery-box a { color: #333; }



.edution-section { text-align: center; }
.edution-section h2 { margin: 0 0 40px; }
.edution-section .contents {}
.edution-section .contents .card { margin: 0 0 32px; }
.edution-section .contents .card .num-box {  }
.edution-section .contents .card .num-box span { display: block; margin: 0 auto 12px; border-radius: 100%; background: #ffe400; color: #fff; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 22px; }
.edution-section .contents .card h5  { font-size: 18px; }
.edution-section .contents .card p { font-size: 14px; font-weight: 400; color: #888; line-height: 1.3; margin: 8px 0 0; }

.management-section { background: #fafafa; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; }
.management-section h2 { margin: 0 0 40px; }
.management-section .img-box { padding: 0 40px; }

.global-section .img-box { padding: 0 40px; }

.table-section { font-size: 14px; }
.table-section.gr { background: #f7f7f7; }
.table-section h2 { }
.table-section p.script { margin: 0 0 40px; }
.table-section table.table { font-size: 16px; line-height: 1.62; }
.table-section table.table td { border-top: 1px solid #ddd; padding: 18px 8px; vertical-align: middle; }

.table-section table.table.grn { border-top: 2px solid #97ce62; }
.table-section table.table.ylw { border-top: 2px solid #fff100; }
.table-section table.table.ble { border-top: 2px solid #009fe8; }
.table-section table.table.red { border-top: 2px solid #e4007f; }
.table-section table.table.vio { border-top: 2px solid #00469c; }



.library-section { text-align: center; }
.library-section h1 { font-size: 48px; font-weight: 700; margin: 0 0 20px; }
.library-section p { font-size: 16px; margin-top: 40px; }
.library-section .slide-contents { margin: 60px 0; }


.library-section2 { text-align: center; }

.navbar-default .navbar-toggle { border: 0; margin: 0; }
.navbar-default .navbar-toggle .icon-bar { background: #fff; width: 32px; height: 3px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 8px; }


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: none; }

.owl-theme .owl-nav { position: absolute; top: 50%; width: 100%; margin: 0; }
.owl-theme .owl-nav button { background: none !important; outline: none !important; }
.owl-theme .owl-nav .owl-prev { position: absolute; left: 0;  }
.owl-theme .owl-nav .owl-prev span { display: inline-block; width: 40px; height: 48px; background: url("/img/arrow-left.png") center no-repeat; background-size: contain; margin-left: 60px; text-indent: -1000px; font-size: 0px; }
.owl-theme .owl-nav .owl-next { position: absolute; right: 0; }
.owl-theme .owl-nav .owl-next span { display: inline-block; width: 40px; height: 48px; background: url("/img/arrow-right.png") center no-repeat; background-size: contain; margin-right: 60px; text-indent: -1000px; font-size: 0px; }


.why-section .owl-theme .owl-nav .owl-prev span { margin-left: -60px; }
.why-section .owl-theme .owl-nav .owl-next span { margin-right: -60px; }
.why-section .owl-theme.owl-dots-inner .owl-dots { bottom: -60px; }