.language{position:absolute;right:10%;top:30px} .language ul{display:block;float:right;list-style:none} .language ul li{color:#ffffff;float:left;margin-right:10px;width:50px} .language ul li img{width:100%} #navbarResponsive .mobile_lang{display:none} h2{font-size:2.5rem} .text-white-50{font-size:1.2rem} .h-100 { height: -webkit-fill-available !important;} #services{background-color:#ffffff} #services h2{color:#bf0005;text-align:center;font-family:'Noto Sans KR' sans-serif;padding:3% 0 0.5% 0;margin:0;font-size:60px} #services #myCarousel {max-width:877px;margin:0 auto; text-align:center; display:block;} #services p{color:#ffffff;font-size:24px;padding:0;margin:0;font-family:'Noto Sans KR' sans-serif;font-weight:100} #portfolio {background-color:#f7f7f7 !important} #portfolio h1{color:#222222;text-align:center;font-family:'Noto Sans KR' sans-serif;padding:4% 0 0.5% 0;margin:0;font-size:60px;font-weight:900;letter-spacing:-4px} #portfolio h4{color:#666666;font-size:24px;padding:0;margin:0;font-family:'Noto Sans KR' sans-serif;font-weight:100;text-align:center;padding:0 0 3% 0} footer h3{color:#bf0005;font-size:22px;text-align:center;width:100%;font-weight:900;margin:0;padding:30px 0 0 0;letter-spacing:-3} footer p{color:#bf0005;font-size:18px;text-align:center;font-weight:200;margin:0;padding:0 0 10px 0} footer address{background-color:#bf0005;text-align:center; color:#ffffff;text-decoration:normal;font-size:18px;padding:10px 0;font-weight:200} footer address a{color:#ffffff} ul{list-style: none outside none;padding-left: 0;margin: 0;} footer select{border:1px solid #bf0005;color:#bf0005;padding:6px 25px;margin-bottom:20px} #main_contents{background:url('/img/section_bg02.jpg');height:727px;background-size:contain;background-repeat:no-repeat;background-color:#bf0005;background-position:right;} #main_contents ul {padding-top:30px} #main_contents ul li{color:#ffffff;font-size:1.2rem} #main_contents ul li a{color:#ffffff} #main_contents .contents01{padding:10%} #main_contents .contents01 button{background:none;color:#ffffff;border:1px solid #ffffff;padding:8px 22px;font-size:1.2rem;margin-top:5%} #main_rnd {background:url('/img/section_bg03.jpg') no-repeat;background-size:100%;text-align:center;padding:150px 0 50px 0} #main_rnd .main_rnd_slider{width:1200px;margin:0 auto} #main_rnd .main_rnd_slider ul{width:100%;display:inline-block;} #main_rnd .main_rnd_slider ul li{float:left;width:220px;height:220px;margin:5% 10px;color:#444444;text-align:center;font-size:18px;font-weight:600;background-color:#ffffff;border-radius:220px;border:4px solid #e9e9e9} #main_rnd .main_rnd_slider ul li i{width:100%;font-size:50px;display:block;color:#bf0005;padding:60px 0 10px 0} #main_rnd .main_rnd_slider ul li img{width:100%} #main_rnd .main_rnd_slider ul li a{color:#444444;} #main_rnd .main_rnd_slider ul li a:hover{color:#bf0005;text-decoration:none} #main_rnd .main_rnd_slider button{background:none;color:#444444;border:1px solid #dddddd;font-size:1.2rem;padding:8px 22px;margin-top:3%;} #main_service{width:100%;margin:0 auto;padding:5%;display:inline-block;background-color:#f4f4f4} #main_service h2{color:#bf0005;font-weight:500;letter-spacing:-1px;font-size:50px;text-align:center} #main_service p{color:#444444;font-size:24px;font-weight:300;text-align:center} #main_service ul{margin:50px 0;;width:1000px;margin:0 auto} #main_service ul li{width:46%;margin:2%;float:left;} #main_service ul li img{display:block;margin:0 auto;margin-bottom:50px} #main_service ul li h4{text-align:center;font-size:18px} #main_service ul li p{font-size:16px;color:#666666;text-align:center} #main_notice{width:100%;;padding:5%} #main_notice h3{color:#bf0005;font-weight:500;letter-spacing:-1px;font-size:50px;text-align:center} #main_notice h2{color:#1c1b20;font-size:19px;font-weight:900;padding-bottom:10px} #main_notice h2 a{color:#1c1b20;} #main_notice dl{width:100%;margin:0 auto;padding:50px 0 150px 0} #main_notice dl dd{float:left;width:19.6%;margin:0.2%;background-color:#f7f7f7;padding:30px} #main_notice dl .no_blank{background:none;border:1px solid #cccccc} #main_notice ul li {height:30px;line-height:30px} #main_notice ul li a{color:#666666} #main_notice ul li span{text-align:right;float:right;color:#666666} #main_notice .lt_more{margin-top:20px;display:inline-block} #main_notice .lt_more i{display:none} /*==================================SUB VISUAL======================================================================*/ #sub_visual01{width:100%;height:200px;background:url('../img/sub_visual_01.jpg')} #sub_visual02{width:100%;height:200px;background:url('../img/sub_visual_02.jpg')} #sub_visual03{width:100%;height:200px;background:url('../img/sub_visual_03.jpg')} #sub_visual04{width:100%;height:200px;background:url('../img/sub_visual_04.jpg')} #sub_visual05{width:100%;height:200px;background:url('../img/sub_visual_05.jpg')} #sub_nav{width:100%;background-color:#212529;position:relative;top:150px;opacity:0.85} #sub_nav ul{width:100%;list-style:none;display:block;text-align:center;margin:0 auto;height:50px;max-width:1140px;} #sub_nav ul li{float:left;text-align:center;width:16.3%;line-height:50px;font-weight:200} #sub_nav ul li a{color:#ffffff} #mobile_nav{width:90%;margin:20px 5%;display:none;border:1px solid #cccccc;color:#666666;padding:10px;background-color:#ffffff;border-radius:0px} #mobile_nav option{color:#666666} #sub_nav2{width:100%;background-color:#212529;position:relative;top:150px;opacity:0.85} #sub_nav2 ul{width:100%;list-style:none;display:block;text-align:center;margin:0 auto;height:50px;max-width:1140px;} #sub_nav2 ul li{float:left;text-align:center;width:25%;line-height:50px;font-weight:200} #sub_nav2 ul li a{color:#ffffff} #sub_nav3{width:100%;background-color:#212529;position:relative;top:150px;opacity:0.85} #sub_nav3 ul{width:100%;list-style:none;display:block;text-align:center;margin:0 auto;height:50px;max-width:1140px;} #sub_nav3 ul li{float:left;text-align:center;width:20%;line-height:50px;font-weight:200} #sub_nav3.sub_nav3_en ul li{float:left;text-align:center;width:16%;line-height:50px;font-weight:200} #sub_nav3.sub_nav3_en ul li:nth-child(1){width:15%;} #sub_nav3.sub_nav3_en ul li:nth-child(2){width:19%;} #sub_nav3.sub_nav3_en ul li:nth-child(3){width:25%;} #sub_nav3.sub_nav3_en ul li:nth-child(4){width:17%;} #sub_nav3.sub_nav3_en ul li:nth-child(5){width:11%;} #sub_nav3.sub_nav3_en ul li:nth-child(6){width:13%;} #sub_nav3 ul li a{color:#ffffff} #sub_nav4{width:100%;background-color:#212529;position:relative;top:150px;opacity:0.85} #sub_nav4 ul{width:100%;list-style:none;display:block;text-align:center;margin:0 auto;height:50px;max-width:1140px;} #sub_nav4 ul li{float:left;text-align:center;width:50%;line-height:50px;font-weight:200} #sub_nav4 ul li a{color:#ffffff} #certificate{width:100%;margin-top:100px} #certificate ul{list-style:none;width:100%;display:inline-block} #certificate ul li{width:19%;float:left} #certificate ul li img{width:100%} #certificate h2{font-size:40px;text-align:center;padding-bottom:60px} #certificate button{color:#ffffff;background-color:#bf0005; padding:16px 50px;border:0;font-family:'Noto Sans KR' sans-serif;font-size:20px;margin:50px auto 0 auto;display:block} .identity{text-align:center} .identity ul{list-style:none;width:100%;display:inline-block} .identity ul li{float:left;width:25%;text-align:center} .identity p{font-family:'Noto Sans KR' sans-serif;padding:70px 0 0 0;margin:0;font-size:20px;font-weight:300;text-align:center;color:#888888} .identity aside{font-family:'Noto Sans KR' sans-serif;padding:50px 0;margin:0;font-size:18px;font-weight:300;text-align:center;color:#888888} .identity aside span{color:#bf0005;font-weight:600} .identity hr{padding: 0} .identity button{color:#ffffff;background-color:#bf0005; padding:16px 50px;border:0;font-family:'Noto Sans KR' sans-serif;font-size:20px} /*==================================ceo인사말=======================================================================*/ #about .ceogreeting{max-width:1140px;margin:0 auto;width:100%;padding:0 20px} #about .ceogreeting h3{font-family:'Noto Sans KR' sans-serif;font-size:40px;font-weight:600;color:#bf0005;text-align:center} #about .ceogreeting h4{font-family:'Noto Sans KR' sans-serif;font-size:24px;font-weight:400;color:#6c757d;text-align:center;padding:20px 0 10px 0;margin:0} #about .ceogreeting p{font-family:'Noto Sans KR' sans-serif;font-size:16px;font-weight:400;color:#666666;text-align:center;line-height:26px;width:80%;margin:0 auto} #about .ceo_info{padding-top:60px;display:inline-block;width:100%} #about .left_img{width:50%;float:left} #about .left_img ul li{text-align:center;padding:0 0 20px 0} #about .sain{max-width:124px;display:block;margin:0 auto} #about .right_text{width:50%;float:left} #about .right_text dl{padding-bottom:50px;} #about .right_text dl dt{font-size:22px;font-weight:900;color:#444444} #about .right_text dl dd{font-size:16px;color:#666666;line-height:24px;padding:0 0 5px 20px;margin:0;font-weight:400} /*==================================경영철학=======================================================================*/ #management {max-width:1140px;margin:0 auto;width:100%;padding:0 20px} #management h3{font-family:'Noto Sans KR' sans-serif;font-size:40px;font-weight:600;color:#222222;text-align:center;font-weight:900} #management h4{font-family:'Noto Sans KR' sans-serif;font-size:16px;font-weight:300;color:#6c757d;text-align:center;padding:10px 0 10px 0;margin:0} #management .management_img{margin:0 auto;text-align:center;display:block} #management p{font-family:'Noto Sans KR' sans-serif;color:#666666;line-height:30px;font-size:16px;font-weight:300;padding-bottom:30px} #management p span{color:#bf0005;font-weight:900} #management h1{color:#bf0005;font-family:'Noto Sans KR' sans-serif;font-size:30px;padding:0 0 50px 0;font-weight:400;text-align:center} #management dl{display:none;width:50%;float:left;padding:15px} #management dl dt img{display:block;margin:0 auto} #management dl dt {padding:20px} #management dl dd{color:#666666;font-size:14px} /*==================================오시는길=======================================================================*/ .location{width:100%;} .location iframe{width:100%} .location p{font-family:'Noto Sans KR' sans-serif;padding:30px 0 0 0;margin:0;font-size:16px;font-weight:300;text-align:center;color:#888888} .location dl{margin:50px 0 0 0;} .location dl dt {font-family:'Noto Sans KR' sans-serif;padding:30px 0 0 0;margin:0;font-size:18px;font-weight:600;text-align:left;color:#bf0005} .location dl dd {font-family:'Noto Sans KR' sans-serif;padding:10px 0 0 0;margin:0;font-size:16px;font-weight:300;text-align:left;color:#888888} /*==================================디지털=======================================================================*/ .digital {width:100%} .digital img{text-align:center;display:block;margin:0 auto} .digital h2{font-family:'Noto Sans KR' sans-serif;padding:70px 0 0 0;margin:0;font-size:30px;font-weight:700;text-align:center;color:#212529} .digital h2 span{color:#bf0005} /* .digital table{width:100%;border-top:2px solid #bf0005;margin:20px 0;} .digital table th{ font-size:20px;color:#222222;font-weight:600;vertical-align:middle;padding: 0;text-align:left;border-bottom:1px solid #ededed;text-align:center} .digital table td{font-size:18px;color:#888888;line-height:32px;font-weight:300;vertical-align:middle;padding:0; text-align:left;border-bottom:1px solid #ededed;padding:12px 0}*/ .digital dl{width:100%;border-top:2px solid #bf0005;margin:20px 0;} .digital dl dt{font-size:20px;color:#222222;font-weight:600;vertical-align:middle;padding: 0;text-align:left;padding-top:10px} .digital dl dd{font-size:18px;color:#888888;line-height:1.2;font-weight:300;vertical-align:middle;text-align:left;border-bottom:1px solid #ededed;padding:10px 0} .digital dl dd table td{vertical-align:middle} .accordionWrapper{padding:0px;background:#fff;float:left;width:100%;box-sizing:border-box;border-top:2px solid #bf0005;margin-top:20px} .accordionItem{ float:left; display:block; width:100%; box-sizing: border-box; font-family:'Open-sans',Arial,sans-serif;} .open .accordionItemContent .accordionItemHeading{cursor:pointer;margin:0px;padding:10px;background:#ffffff;color:#666666;width:100%;box-sizing: border-box;} .close .accordionItemContent{height:0px;transition:height 1s ease-out;-webkit-transform: scaleY(0);-o-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);float:left;display:block;} .open .accordionItemContent{background-color:#f6f6f6; width: 100%;margin:0;padding:10px 20px;display:block;box-sizing: border-box;font-size:16px;line-height:26px;text-align:left;font-weight:400;color:#888888} .open .accordionItemHeading{background-color: #bf0005;color: #ffffff;font-size:19px;font-weight:400;text-align:center;padding:14px 20px;margin:0;cursor:pointer; } .accordionItem h3{text-align:left;font-weight:400;font-size:17px;border-bottom:1px solid #cccccc;cursor:pointer;margin:0;padding:14px 20px} /*==================================이러닝=======================================================================*/ #Elearning{width:1140px;margin:0 auto;padding:100px 0 0 0 } #Elearning h3{font-family:'Noto Sans KR' sans-serif;font-size:40px;color:#222222;padding:40px 0 0 0;text-align:center;margin:0} #Elearning p{font-family:'Noto Sans KR' sans-serif;font-size:16px;color:#6c757d;padding:10px 0 0 0;text-align:center;margin:0} #Elearning .e-contents{padding:100px 0;width:100%;display:inline-block} #Elearning .e-contents h3{font-family:'Noto Sans KR' sans-serif;font-size:38px;color:#222222;text-align:left;line-height:48px;font-weight:200;} #Elearning .e-contents .right-img{float:right} #Elearning .e-contents img{float:left} #Elearning .e-contents ul{padding:100px 0 70px 0;list-style:none;} #Elearning .e-contents ul li{font-family:'Noto Sans KR' sans-serif;font-size:16px;color:#666666;line-height:18px;padding-bottom:12px} #Elearning .e-right-con{float:left;} #Elearning .e-right-con ol{width:100%;border-top:1px solid #dddddd;margin:20px 0;list-style:none;padding:30px 0 0 0} #Elearning .e-right-con ol li{font-family:'Noto Sans KR' sans-serif;font-size:16px;color:#666666;line-height:18px;padding-bottom:12px} .tab-content>.tab-pane {display:none} .tab-content>.active {display:block} .fade.in {} .fade:not(.show){opacity:1} .nav-tabs{background-color:#f7f7f7;width:100%;margin:0 auto;border:1px solid #e9e9e9;border-bottom:2px solid #e9e9e9;padding:0 40px;margin-top:20px} .nav-tabs { border-bottom:1px solid #ddd} .nav-tabs>li {float:left; margin-bottom:-1px;width:25%;text-align:center;height:42px;line-height:42px} .nav-tabs>li>a {margin-right:2px;line-height:1.42857143;border-radius:4px 4px 0 0;color:#888888;height:42px;display:block;line-height:42px;letter-spacing:-1px} .nav-tabs>li>a:hover {color:#333333;text-decoration:none;font-weight:600} .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {color:#bf0005;cursor:default;border-bottom:2px solid #bf0005;font-weight:600} .nav-tabs.nav-justified {width:100%;border-bottom:0} .nav-tabs.nav-justified>li {float:none} .nav-tabs.nav-justified>li>a {margin-bottom:5px;text-align:center} .nav-tabs.nav-justified>.dropdown .dropdown-menu {top:auto;left:auto} .tab-content dl{width:100%;margin:50px 0%;border-bottom:1px solid #dddddd;display:inline-block;padding:0 0 30px 0} .tab-content dl img{float:left;margin-right:30px} .tab-content dl dt{font-family:'Noto Sans KR' sans-serif;font-size:20px;font-weight:600;color:#333333;padding-bottom:20px} .tab-content dl dd{font-family:'Noto Sans KR' sans-serif;font-size:15px;font-weight:200;color:#444444} .center{margin:0 auto;text-align:center;display:block} /*==================================HTML5/모바일=======================================================================*/ #html5{width:1140px;margin:0 auto;padding:100px 0} #html5 h3{font-family:'Noto Sans KR' sans-serif;font-size:40px;color:#222222;padding:40px 0 0 0;text-align:center;margin:0;letter-spacing:-1px} #html5 p{font-family:'Noto Sans KR' sans-serif;font-size:16px;color:#6c757d;padding:10px 0 50px 0;text-align:center;margin:0} #html5 .html_con{width:100%;display:inline-block;padding:50px 0} #html5 .html_con dl{float:left;width:25%;} #html5 .html_con dl dt{font-size:24px;color:#333333;font-weight:900;text-align:center;} #html5 .html_con dl dt i{color:#bf0005;font-size:30px;padding-bottom:10px} #html5 .html_con dl dd{font-size:14px;color:#888888;font-weight:300;line-height:20px;padding:20px 20px} /*==================================에듀테인먼트=======================================================================*/ #edutainment{width:1140px;margin:0 auto;padding:100px 0} #edutainment h3{font-family:'Noto Sans KR' sans-serif;font-size:40px;color:#222222;padding:40px 0 0 0;text-align:center;margin:0} #edutainment p{font-family:'Noto Sans KR' sans-serif;font-size:16px;color:#6c757d;padding:10px 0 50px 0;text-align:center;margin:0} #edutainment .edutainment_con{width:100%;display:inline-block;padding:50px 0} #edutainment .edutainment_con dl{float:left;width:50%;} #edutainment .edutainment_con dl dt{font-size:24px;color:#333333;font-weight:900;text-align:center;} #edutainment .edutainment_con dl dt i{color:#bf0005;font-size:30px;padding-bottom:10px} #edutainment .edutainment_con dl dd{font-size:14px;color:#888888;font-weight:300;line-height:20px;padding:20px 20px} /*==================================R&D개요=======================================================================*/ .rnd_info {width:100%;border-bottom:1px solid #dddddd;padding:30px 0} .rnd_info h3{text-align:center;color:#666666;font-size:20px;font-weight:400;letter-spacing:-1px;padding:0;margin:0} .rnd_info h2{text-align:center;color:#222222;font-size:38px;letter-spacing:-1px;font-weight:900;padding:0;margin:0} .rnd_info h2 strong{color:#bf0005} .rnd_info .rnd_date{background-color:#f5f5f5;color:#666666;font-size:18px;padding:0;margin:30px auto;width:395px;border-radius:200px;height:35px;line-height:35px} .rnd_info .rnd_date span{display:block;background-color:#bf0005;float:left;color:#ffffff;padding:0 12px;border-radius:200px;margin-right:20px;font-size:18px;height:35px;line-height:35px;font-weight:600} .rnd_info .rnd_date span p{color:#ffffff;float:right;font-size:18px;font-weight:900;padding:0 0 0 10px;height:30px;line-height:30px} .rnd_info img{text-align:center;margin:0 auto;display:block;margin-bottom:30px} .rnd_info p{color:#666666;font-weight:300;line-height:20px;font-size:14px;padding:10px 0} .rnd_info h4{margin:20px 0 0 0;color:#bf0005} .rnd_img_style01{width:90%;margin:0 5%;display:inline-block} .rnd_img_style01 ul{width:100%;} .rnd_img_style01 ul li{width:20%;float:left;padding:10px;text-align:center;font-size:18px;font-weight:600} .rnd_img_style01 ul li img{width:100%} .rnd_img_style02{width:90%;margin:0 5%;display:inline-block} .rnd_img_style02 ul{width:100%;} .rnd_img_style02 ul li{width:28%;float:left;margin:0 2%;　　-moz-box-shadow: 3px 3px 3px 0px #999;-webkit-box-shadow: 3px 3px 3px 0px #999;　　box-shadow: 3px 3px 3px 0px #999;box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} .rnd_img_style02 ul li img{width:100%} section h2.section-heading{text-transform:none !important} /*==================================학습분석=======================================================================*/ .rnd_history{padding-bottom: 100px;background: url('../img/history_line.gif') repeat-y 50% 0;} #historyContent{padding-bottom:100px; background:url(/images/content/history_line.gif) repeat-y 50% 0} .history-year-con{position:relative; } .history-year-con dl dt{position:relative; color:#2b2b2b; font-size:45px; font-weight:700 ; margin-bottom:15px; font-family:'Poppins','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;} .history-year-con dl .sub_dt{font-size:20px;color:#bf0005;font-weight:800;margin-bottom:25px} .history-year-con dl dt:before{position:absolute; content:""; top:50%; width:10px; height:10px; margin-top:-5px; background-color:#bf0005; border-radius:50%;} .history-year-con dl dt:after{position:absolute;content:"";top:50%;width:80px;height:3px;margin-top:-1px;background-color:#bf0005;} .history-year-con dl dd ul li{position:relative; margin-bottom:7px; line-height:24px; word-break:keep-all;} .history-year-con dl dd ul li p{color:#535252; font-size:16px; font-weight:300; letter-spacing:-0.5px; } .history-year-con dl dd ul li .subject{position:absolute; top:0px; width:25px; text-align:center; color:#222222; font-size:16px; font-weight:600; letter-spacing:-0.5px;} .history-year-con dl dd .history-img{display:block; padding-top:30px;} .history-year-con.left-year-con{margin-right:50%; text-align:right;} .history-year-con.left-year-con dl{padding-right:100px} .history-year-con.left-year-con dl dt:before{right:-20px;} .history-year-con.left-year-con dl dt:after{left:100%; margin-left:20px} .history-year-con.left-year-con ul li {padding-right:45px} .history-year-con.left-year-con ul li .subject{right:0px;} .history-year-con.right-year-con{margin-left:50%; text-align:left;} .history-year-con.right-year-con dl{padding-left:100px} .history-year-con.right-year-con dl dt:before{left:-20px;} .history-year-con.right-year-con dl dt:after{right:100%; margin-right:20px} .history-year-con.right-year-con ul li {padding-left:45px} .history-year-con.right-year-con ul li .subject{left:0px;} .history-year-con.last-year-con dl dd ul li{padding-left:90px} .history-year-con.last-year-con dl dd ul li .subject{width:80px; } /*==================================ksteam=======================================================================*/ #ksteam-con{max-width:100%;} #ksteam-con dl{width:100%; margin:0;} #ksteam-con dl:last-child{margin-bottom: 50px;} #ksteam-con dl img{width:100%;} #ksteam-con dl video{width:100%;} .ksteam-con-txt1 h3{font-size:24px;} .ksteam-con-txt2 p{margin:0;font-size:0.9rem;line-height:1.5;padding:0;} #ksteam-download-btn > img{width:100%;max-width:120px;} /*==================================리안의 수학모험=======================================================================*/ .ryan{width:1140px;margin-bottom:100px} .tyan_top p{width:100%;margin:0;padding:50px 30px;color:#666666;background-color:#eeeeee;text-align:center;line-height:30px;font-size:18px;letter-spacing:-1px} .tyan_top p strong{color:#222222} .ryan img{margin:0 auto;display:block;text-align:center;width:100%} .brand_history{margin:0 0 100px 0;display:inline-block;width:100% ;display: flex;} .brand_history p{color:#666666;font-size:14px;width:90%;margin:0 5%;line-height:24px;text-align:center;display:block} .brand_history dl{width:29%;float:left;border:10px solid #dddddd;margin:50px 2% 2% 2%;padding:30px;order: 1;padding: 2em;} .brand_history dl dt{text-align:center;color:#222222;font-size:20px;padding-bottom:10px} .brand_history dl dt i{color:#bf0005;font-size:30px;padding-top:40px} .brand_history dl dd{color:#666666;font-size:14px;} .tyan_top{margin-bottom:50px} /* .carousel-inner>.item img{width:100%;max-width:400px} .carousel{background-color:#eeeeee}*/ .character{width:100%;display:inline-block;margin-bottom:100px} .character ul {width:100%;display:inline-block} .character ul li{float:left;width:22%;margin:1.5%;cursor:pointer} .character ul li img{display:block;text-align:center;margin:0 auto;} .modal-content{background:transparent;display:inline-block;text-align:center;margin:0 auto;border:0} .modal-dialog{width:100%;max-width:100%;position:relative;top:10%} #close_btn{position:absolute;right:10%} #myModal{ background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.7);} .tyan_top .item{width:50%; margin:0 25%} .area{padding:50px 0} .bottom_contents h4{color:#bf0005} .bottom_contents p{padding-bottom:20px;color:#666666;font-size:14px} .bottom_contents button{background-color:#bf0005;border:0;color:#ffffff;padding:12px 22px;margin:0 auto;display:block;font-size:16px;font-weight:600} #board_wrap {max-width:1140px;margin:0 auto;width:100%;padding:50px 0} /*==================================OLL KIDS MATH======================================================================*/ .oll_kids{width:100%;background-color:#204146} .oll_info{width:1140px;margin:0 auto;padding:0} .oll_info img{text-align:center;display:block;margin:30px auto;} .oll_info2{width:1140px;margin:0 auto} .oll_info2 p{color:#666666;text-align:center;font-size:16px;letter-spacing:-0.5px} .oll_info2 p span{color:#eeab42;font-weight:400} .oll_info2 h6{text-align:center;padding:50px 0 0 0;font-size:16px;margin:0} .oll_info2 h2{text-align:center;font-size:40px;color:##212529;padding:0 0 50px 0;margin:0} .oll_info2 dl{width:25%;float:left;padding:30px 0} .oll_info2 dl dt{text-align:center;font-size:30px} .oll_info2 dl dd{text-align:center;vertical-align:middle;font-weight:400;color:#666666;} .oll_info2 .oll_list{width:100%;display:inline-block} .oll_info3{width:1140px;margin:0 auto} .oll_info3 h2{text-align:center;font-size:40px;color:##212529;padding:50px 0;margin:0} .oll_info3 button{background-color:#bf0005;border:0;color:#ffffff;padding:12px 22px;margin:0 auto;display:block;font-size:16px;font-weight:600} @media (min-width:768px) { .nav-tabs.nav-justified>li {display:table-cell; width:1%} .nav-tabs.nav-justified>li>a {margin-bottom:0} .ryan{width:100%} } .nav-tabs.nav-justified>li>a {margin-right:0;border-radius:4px} .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {border:1px solid #ddd} @media (min-width:768px) { .nav-tabs.nav-justified>li>a {border-bottom:1px solid #ddd;border-radius:4px 4px 0 0} .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {border-bottom-color:#fff} } @media (max-width: 992px) { #main_rnd .main_rnd_slider{width:100%;margin:0 auto} #navbarResponsive ul {margin-top:30px} #navbarResponsive ul li{text-align:center} #navbarResponsive .mobile_lang{display:block;padding:20px 0} #navbarResponsive .mobile_lang img{width:70px} .language{display:none} #html5{width:90%;margin:0 5%} #html5 h3{font-family:'Noto Sans KR' sans-serif;font-size:40px;color:#222222;padding:40px 0 0 0;text-align:center;margin:0} #html5 p{font-family:'Noto Sans KR' sans-serif;font-size:16px;color:#6c757d;padding:10px 0 50px 0;text-align:center;margin:0} #html5 .html_con{width:100%;display:inline-block;padding:50px 0} #edutainment{width:100%;margin:0 auto;padding:0} #edutainment h3{font-family:'Noto Sans KR' sans-serif;font-size:40px;color:#222222;padding:0;text-align:center;margin:0} #edutainment p{font-family:'Noto Sans KR' sans-serif;font-size:16px;color:#6c757d;padding:10px 0 0 0;text-align:center;margin:0} #Elearning{width:1140px;margin:0 auto;padding:0 } .digital h2{font-family:'Noto Sans KR' sans-serif;padding:0;margin:0;font-size:30px;font-weight:700;text-align:center;color:#212529} section{padding:0} #Elearning h3{padding:0} #management .management_img{width:100%} #main_service h2{color:#bf0005;font-weight:500;letter-spacing:-1px;font-size:50px;text-align:center} #main_service h2 img{width:100%;max-width:502px} #main_service p{color:#444444;font-size:24px;font-weight:300;text-align:center} #main_service ul{width:100%;margin:50px auto} #main_service ul li{width:80%;margin:0 10%;float:left;background:none} #main_service ul li img{width:100%} #main_notice h3{color:#bf0005;font-weight:500;letter-spacing:-1px;font-size:50px;text-align:center} #main_notice h3 img{width:100%;max-width:472px} #main_notice dl dd{width:49%} } @media (max-width: 625px) { #services h2{font-size:46px} #portfolio h1{font-size:46px} #portfolio h4{font-size:20px} .language{display:none} #navbarResponsive ul {margin-top:30px} #navbarResponsive ul li{text-align:center} #navbarResponsive .mobile_lang{display:block} #portfolio {width:80%;margin:0 auto} .demo .item li img{width:100%;text-align:center;box-shadow:none;border:1px solid #cccccc} #html5{padding: 0} #html5 .html_con dl{float:left;width:100%;} #html5 h3{font-family:'Noto Sans KR' sans-serif;font-size:36px;color:#222222;padding:40px 0 0 0;text-align:center;margin:0;letter-spacing:-1px} #close_btn{width:70px} #main_notice ul li span{display:none} .gall_row .col-gn-3{width:50%} #bo_gall .gall_img{width:100%} #bo_gall .gall_img img{width:100%} #main_notice dl dd{width:99%} #management .management_img{display:none} #management dl{display:block} } @media (max-width: 800px) { #about .left_img{width:80%;margin-left:10%} #about .right_text{width:80%;margin-left:10%} .identity img{width:90%;margin-left:5%} .digital img{width:100%} #Elearning{width:100%} .center{width:100%} #Elearning .e-contents{width:90%;display:inline-block;margin:5% 5% 0px 5%} #Elearning .e-contents .right-img{display:block;width:100%;padding:50px 10%} #Elearning .e-right-con{width:100%;float:left;padding:0} #Elearning .e-contents h3{font-family:'Noto Sans KR' sans-serif;font-size:32px;color:#222222;text-align:left;line-height:48px;font-weight:200;} #Elearning .e-contents img {display:block;margin:0 auto;text-align:center} .nav-tabs>li{width:49%;border-bottom:1px solid #dddddd} .tab-content dl img{width:90%;margin:0 5%;text-align:center} .tab-content dl {width:90%;margin:0 5%} #html5 .html_con dl{float:left;width:50%;} #edutainment .edutainment_con dl{float:left;width:80%;margin:0 10%} .rnd_info img{width:90%;margin:0 5%} .rnd_img_style01 ul li{width:33.33%;float:left;padding:10px;text-align:center;font-size:18px;font-weight:600} .rnd_history{padding-bottom:0px;background: url('../img/history_line.gif') repeat-y 0% 0;} .history-year-con{margin-top:0 !important; margin-bottom:40px !important;} .history-year-con dl dt{font-size:25px; margin-bottom:15px;} .history-year-con dl dt:before{width:7px; height:7px; left:-18px !important;} .history-year-con dl dt:after{display:none;} .history-year-con dl dd ul li{line-height:18px; margin-bottom:8px;} .history-year-con dl dd ul li p{font-size:13px; } .history-year-con dl dd ul li .history-month{font-size:14px; top:-2px;} .history-year-con.left-year-con, .history-year-con.right-year-con{margin:0; text-align:left; margin-left:15px;} .history-year-con.left-year-con dl dt:before{right:auto; } .history-year-con.left-year-con dl, .history-year-con.right-year-con dl{padding:0px} .history-year-con.left-year-con ul li {padding-left:45px} .history-year-con.left-year-con ul li .history-month{right:auto; left:0;} .history-year-con.last-year-con dl dd ul li{padding-left:65px} .history-year-con.last-year-con dl dd ul li .history-month{width:52px;} .history-year-con.left-year-con ul li .subject{left:0} .rnd_history span img{width:100%} .brand_history dl{width:90%;float:left;border:10px solid #dddddd;margin:20px 5%;padding:30px;} .character ul li{float:left;width:48%;margin:1%} .character ul li img{width:100%} .ryan{width:100%} .ryan img{width:100%} .brand_history{display:block} .modal-content img{width:100%} .oll_info{width:90%;margin:0 auto;padding:0 5%} .oll_info img{width:100%} .oll_info2{width:90%;margin:0 auto;padding:0 5%} .oll_info3{width:90%;margin:0 auto;padding:0 5%} .oll_info3 img{width:100%} #sub_nav ul{display:none} #sub_nav2 ul{display:none} #sub_nav3 ul{display:none} #sub_nav4 ul{display:none} #sub_nav5 ul{display:none} #mobile_nav{display:block} #sub_visual01 {height:150px} #sub_visual02 {height:150px} #sub_visual03 {height:150px} #sub_visual04 {height:150px} #sub_visual05 {height:150px} #main_contents{background:none;height:400px;background-size:contain;background-repeat:no-repeat;background-color:#bf0005;background-position:right;} #main_contents .contents01{padding:10%} #main_contents .contents01 img{width:100%} #main_contents .contents01 button{background:none;color:#ffffff;border:1px solid #ffffff;padding:8px 22px;font-size:1.2rem;margin-top:10%} #main_rnd {background:url('/img/section_bg03.jpg') no-repeat;background-size:cover;text-align:center;padding:5% } #main_rnd .main_rnd_slider{width:90%;margin:0 5%} #main_rnd .contents02 img{width:90%;padding:2% 5%} #main_rnd .main_rnd_slider ul{width:100%;} #main_rnd .main_rnd_slider ul li{float:left;width:30%;margin:5% 1%} #main_rnd .main_rnd_slider ul li img{width:100%} #main_rnd .main_rnd_slider button{background:none;color:#ffffff;border:1px solid #dddddd;font-size:1.2rem;padding:8px 22px;margin-top:3%;} #main_rnd .main_rnd_slider ul{width:100%;display:inline-block;background:none;margin-top:10%} #main_rnd .main_rnd_slider ul li{width:100%;color:#ffffff;text-align:left;height:35px;line-height:35px;padding-left:10px;font-size:20px;margin:0;background:none;border:0} #main_rnd .main_rnd_slider ul li a{color:#ffffff;font-weight:400} #main_rnd .main_rnd_slider ul li i{float:left;width:30px;font-size:20px;color:#ffffff;line-height:35px;padding:0 10px 0 0} #main_rnd .main_rnd_slider button{display:flex} .rnd_info .rnd_date{width:100%} } } @media (max-width: 1000px) { #Elearning{width:100%} .nav-tabs {margin-bottom:20px} #html5{width:90%;margin:0 5%} #edutainment{width:100%} } @media (max-width: 500px) { #certificate ul li{width:48%;float:left;margin-left:1%} .identity ul li{float:left;width:46%;text-align:center;margin:2%} #html5 .html_con dl{float:left;width:100%;} .rnd_info h3{text-align:center;color:#666666;font-size:16px;font-weight:400;letter-spacing:-1px;padding:0;margin:0} .rnd_info h2{text-align:center;color:#222222;font-size:26px;letter-spacing:-1px;font-weight:900;padding:0;margin:0} .rnd_img_style01{width:100%;margin:0} .rnd_img_style01 ul li{width:50%;float:left;padding:10px;text-align:center;font-size:14px;font-weight:400;letter-spacing:-0.5px;padding:0} .rnd_img_style01 ul li img{width:80%;margin-left:10%} .oll_info2 dl{width:50%;float:left;padding:10px 0} .navbar-brand{margin-right:0;width:200px} header.masthead{height:600px} #main_contents{height:auto;min-height:400px} #about .left_img img{width:100%} #management dl{width:100%;margin:10px 0%;padding:20px;border:5px solid #f9f9f9} #main_rnd .main_rnd_slider ul li{font-size:13px;line-height:18px} #main_rnd .main_rnd_slider ul li i{line-height:18px} #management dl dt img{width:100%} .nav-tabs>li {width:100%} .rnd_info .rnd_date span p{display:none} .rnd_info .rnd_date{width:100%} section h2.section-heading{font-size:28px;text-transform:none !important;padding-top:20px} section h3.section-subheading{margin-bottom:20px} #close_btn{width:50px} .align-self-end h1{font-size:30px} } .demo .item{ margin-bottom: 60px; } .content-slider li{ text-align: center;color: #FFF;padding-bottom:50px} .content-slider li img{-webkit-box-shadow: 14px 16px 32px -8px rgba(97,97,97,1);-moz-box-shadow: 14px 16px 32px -8px rgba(97,97,97,1);box-shadow: 14px 16px 32px -8px rgba(97,97,97,1);} .content-slider h3 { margin: 0;padding: 70px 0;} .demo{width: 100%;} .lSSlideOuter {overflow: hidden;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none} .lightSlider:before, .lightSlider:after {content: " ";display: table;} .lightSlider {overflow: hidden;} .lSSlideWrapper {max-width: 100%;overflow: hidden;position: relative;} .lSSlideWrapper > .lightSlider:after {clear: both;} .lSSlideWrapper .lSSlide {-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);-webkit-transition: all 1s;-webkit-transition-property: -webkit-transform,height;-moz-transition-property: -moz-transform,height; transition-property: transform,height;-webkit-transition-duration: inherit !important;transition-duration: inherit !important;-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important;} .lSSlideWrapper .lSFade {position: relative;} .lSSlideWrapper .lSFade > * {position: absolute !important;top: 0;left: 0;z-index: 9;margin-right: 0;width: 100%;} .lSSlideWrapper.usingCss .lSFade > * {opacity: 0;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition-duration: inherit !important;transition-duration: inherit !important;-webkit-transition-property: opacity; transition-property: opacity;-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important;} .lSSlideWrapper .lSFade > *.active {z-index: 10;} .lSSlideWrapper.usingCss .lSFade > *.active {opacity: 1;} .lSSlideOuter .lSPager.lSpg {margin: 10px 0 0;padding: 0;text-align: center;} .lSSlideOuter .lSPager.lSpg > li {cursor: pointer;display: inline-block;padding: 0 5px;} .lSSlideOuter .lSPager.lSpg > li a {background-color: #222222;border-radius: 30px;display: inline-block;height: 8px;overflow: hidden;text-indent: -999em;width: 8px;position: relative;z-index: 99; -webkit-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;} .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #428bca;} .lSSlideOuter .media {opacity: 0.8;} .lSSlideOuter .media.active {opacity: 1;} /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery {list-style: none outside none;padding-left: 0;margin: 0;overflow: hidden;transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li {overflow: hidden;-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;transition: border-radius 0.12s linear 0s 0.35s linear 0s;} .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {border-radius: 5px;} .lSSlideOuter .lSPager.lSGallery img {display: block;height: auto;max-width: 100%;} .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {content: " ";display: table;} .lSSlideOuter .lSPager.lSGallery:after {clear: both;} .lSAction > a {width: 32px;display: block;top: 50%;height: 32px;background-image: url('../img/controls.png');cursor: pointer;position: absolute;z-index: 9999;margin-top: -16px;opacity: 0.5;-webkit-transition: opacity 0.35s linear 0s;transition: opacity 0.35s linear 0s;} .lSAction > a:hover {opacity: 1;} .lSAction > .lSPrev {background-position: 0 0;left: 10px;} .lSAction > .lSNext {background-position: -32px 0;right: 10px;} .lSAction > a.disabled {pointer-events: none;} .cS-hidden {height: 1px;opacity: 0;filter: alpha(opacity=0);overflow: hidden;} .lSSlideOuter.vertical {position: relative;} .lSSlideOuter.vertical.noPager {padding-right: 0px !important;} .lSSlideOuter.vertical .lSGallery {position: absolute !important;right: 0;top: 0;} .lSSlideOuter.vertical .lightSlider > * {width: 100% !important;max-width: none !important;} .lSSlideOuter.vertical .lSAction > a {left: 50%;margin-left: -14px;margin-top: 0;} .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px;top: auto;} .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px;} .lSSlideOuter.lSrtl {direction: rtl;} .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {padding-left: 0;list-style: none outside none;} .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {padding-right: 0;} .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {float: left;} .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {float: right !important;} @-webkit-keyframes rightEnd {0% {left: 0;}50% {left: -15px;}100% {left: 0;}} @keyframes rightEnd { 0% { left: 0;} 50% {left: -15px;} 100% {left: 0; }} @-webkit-keyframes topEnd {0% {top: 0;} 50% {top: -15px;} 100% {top: 0;}} @keyframes topEnd { 0% {top: 0;} 50% { top: -15px;} 100% { top: 0;}} @-webkit-keyframes leftEnd {0% {left: 0;} 50% {left: 15px;} 100% {left: 0;}} @keyframes leftEnd {0% {left: 0;} 50% {left: 15px;} 100% {left: 0;}} @-webkit-keyframes bottomEnd {0% {bottom: 0;} 50% {bottom: -15px;} 100% {bottom: 0;}} @keyframes bottomEnd {0% {bottom: 0;} 50% {bottom: -15px;} 100% {bottom: 0;}} .lSSlideOuter .rightEnd {-webkit-animation: rightEnd 0.3s;animation: rightEnd 0.3s;position: relative;} .lSSlideOuter .leftEnd {-webkit-animation: leftEnd 0.3s;animation: leftEnd 0.3s;position: relative;} .lSSlideOuter.vertical .rightEnd {-webkit-animation: topEnd 0.3s;animation: topEnd 0.3s;position: relative;} .lSSlideOuter.vertical .leftEnd {-webkit-animation: bottomEnd 0.3s;animation: bottomEnd 0.3s;position: relative;} .lSSlideOuter.lSrtl .rightEnd {-webkit-animation: leftEnd 0.3s;animation: leftEnd 0.3s;position: relative;} .lSSlideOuter.lSrtl .leftEnd {-webkit-animation: rightEnd 0.3s;animation: rightEnd 0.3s;position: relative;} /*/ GRab cursor */ .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;} .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing;}