@charset "UTF-8";

section{}

#topvisual{min-width:1100px;}
#topvisual .swiper-container{overflow:inherit;}
#topvisual .swiper-container-topvisual{width:100%; height:375px; font-size:0; overflow:hidden;}
#topvisual .swiper-container-topvisual .swiper-slide a{width:100%; height:100%; display:block;}
#topvisual .swiper-container-topvisual .arrows{width:1100px; margin:0 auto; position:relative; bottom:60%;}
#topvisual .swiper-container-topvisual .swiper-button-next{background:url('/template/1/html/image1904/main/topvisual_swiper-button-next.png') no-repeat; right:0; width:42px; height:82px;}
#topvisual .swiper-container-topvisual .swiper-button-prev{background:url('/template/1/html/image1904/main/topvisual_swiper-button-prev.png') no-repeat; left:0; width:42px; height:82px;}
#topvisual .visualtab{position:relative; bottom:25px; height:50px; overflow:hidden; z-index:1; display:table; background-color:#fff; border:1px solid #dbdbdb;}
#topvisual .visualtab .swiper-slide{display:table-cell; width:20%; line-height:48px; font-size:14px; color:#777; text-align:center; border-right:1px solid #dbdbdb; cursor:pointer;}
#topvisual .visualtab .swiper-slide:last-child{border-right:0;}
#topvisual .visualtab .swiper-slide:hover{color:#111; font-weight:bold;}
#topvisual .visualtab .swiper-slide-thumb-active{color:#111; font-weight:bold;}

.customerwrap{margin-top:20px; margin-bottom:55px; font-size:13px;}
.customerwrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.customerwrap h1{font-size:20px; color:#111; height:40px; font-weight:bold;}
.customerwrap h1 a{margin-left:10px;}
.customerwrap .update{float:left; width:32%}
.customerwrap .update .swiper-container-update{width:90%; line-height:24px; height:145px; overflow:hidden;}
.customerwrap .update .swiper-container-update .swiper-slide{height:24px; overflow:hidden;}
.customerwrap .notice{float:left; width:32%}
.customerwrap .notice .swiper-container-notice{width:90%; line-height:24px; height:145px; overflow:hidden;}
.customerwrap .notice .swiper-container-notice .swiper-slide{height:24px; overflow:hidden;}
.customerwrap .customer{float:right; width:36%}
.customerwrap .customer .call{margin-top:10px;}
.customerwrap .customer .call:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.customerwrap .customer .call strong{float:left; color:#109856; font-size:40px; line-height:30px; width:70%; font-weight:bold;}
.customerwrap .customer .call span{float:right; line-height:16px; width:30%;}
.customerwrap .customer ul{margin-top:30px; border-left:1px solid #e6e6e6; display:table; width:100%;}
.customerwrap .customer ul li{display:table-cell; width:20%; border-right:1px solid #e6e6e6; text-align:center;}

.category{background-color:#f0f0f0; padding-top:45px; height:500px;}
.category h1{font-size:20px; color:#111; height:40px; border-bottom:1px solid #d8d8d8; width:150px; margin:0 auto; text-align:center; font-weight:bold;}
.category .categorytab{font-size:16px; width:90%; margin:0 auto; text-align:center; margin-top:20px;}
.category .categorytab li{display:inline-block; margin:0 25px;}
.category .categorytab li a.on{color:#20a555;}
.category .categorytab li a:hover{color:#20a555;}
.category .list{margin-top:35px; margin-left:-4px;}
.category .list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.category .list li{float:left; background-color:#fff; border:1px solid #e6e6e6; width:267px; height:312px; overflow:hidden; margin-left:8px; text-align:center;}
.category .list li:first-child{margin-left:0;}
.category .list li img{display:block; margin:0 auto; margin-bottom:20px; width:267px; height:170px; overflow:hidden;}
.category .list li p{height:22px;}
.category .list li h2{font-weight:normal; font-size:14px; margin-top:5px; line-height:18px; height:55px;}
.category .list li button{width:50%; border-top:1px solid #e6e6e6; float:left; letter-spacing:-1px; height:40px; padding-bottom:5px;}
.category .list li .categorybtn01{border-right:1px solid #e6e6e6;}
.category .list li .categorybtn02{color:#109856;}

.curriculum{margin-top:45px; margin-bottom:50px;}
.curriculum h1{font-size:20px; color:#111; height:45px; text-align:center; font-weight:bold;}
.curriculum .list{}
.curriculum .swiper-container-curriculum{width:100%; height:310px; overflow:hidden;}
.curriculum .swiper-container-curriculum .swiper-slide .box{text-align:center; border:1px solid #e6e6e6; height:270px;}
.curriculum .swiper-container-curriculum .swiper-slide .box img{display:block; margin:0 auto; margin-top:20px; margin-bottom:15px; width:238px; height:150px; overflow:hidden;}
.curriculum .swiper-container-curriculum .swiper-slide .box h2{font-weight:normal; font-size:14px; margin-top:5px; line-height:18px;}
.curriculum .swiper-container-curriculum .swiper-slide .box p{display:none;}
.curriculum .swiper-container-curriculum .swiper-slide .box button{display:none;}
.curriculum .swiper-container-curriculum .swiper-slide .box:hover{background-color:#000; padding:0 30px;}
.curriculum .swiper-container-curriculum .swiper-slide .box:hover span{display:none;}
.curriculum .swiper-container-curriculum .swiper-slide .box:hover img{display:none;}
.curriculum .swiper-container-curriculum .swiper-slide .box:hover .txt{height:160px; overflow:hidden; margin-bottom:15px;}
.curriculum .swiper-container-curriculum .swiper-slide .box:hover h2{font-weight:bold; color:#fff; margin-top:30px;}
.curriculum .swiper-container-curriculum .swiper-slide .box:hover h2 span{display:none;}
.curriculum .swiper-container-curriculum .swiper-slide .box:hover p{display:block; color:#fff; font-size:13px; line-height:18px; margin-top:20px;}
.curriculum .swiper-container-curriculum .swiper-slide .box:hover p strong{color:#52f1a4; font-weight:normal;}
.curriculum .swiper-container-curriculum .swiper-slide .box:hover button{display:block; width:170px; height:30px; padding-bottom:5px; margin:0 auto; margin-top:10px; letter-spacing:-1px;}
.curriculum .swiper-container-curriculum .swiper-slide .box:hover .curriculumbtn01{border:1px solid #fff; color:#fff;}
.curriculum .swiper-container-curriculum .swiper-slide .box:hover .curriculumbtn02{border:1px solid #2fa56c; color:#2fa56c;}
.curriculum .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position:relative; bottom:20px;}
.curriculum .swiper-pagination-bullet{width:11px; height:11px;}
.curriculum .swiper-pagination-bullet-active{background:#555;}

.new{font-size:11px; color:#fff; padding:1px 10px 2px; background-color:#ef468d; display:inline-block; margin:0 1px;}
.new2{font-size:12px; color:#ff4606; margin-left:4px; font-weight:bold;}
.hot{font-size:11px; color:#fff; padding:1px 10px 2px; background-color:#f09406; display:inline-block; margin:0 1px;}

.boardwrap{border:1px solid #e6e6e6; font-size:13px;}
.boardwrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.boardwrap h1{font-size:20px; color:#333; height:40px; font-weight:bold;}
.boardwrap h1 a{float:right; position:relative; bottom:20px; left:20px;}
.boardwrap .hour{float:left; width:519px; height:190px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:30px 40px 0 40px;}
.boardwrap .hour .swiper-container-hour{height:125px; overflow:hidden;}
.boardwrap .hour ul{}
.boardwrap .hour ul li{}
.boardwrap .hour ul li strong{font-size:14px; color:#222; margin-right:5px; font-weight:bold;}
.boardwrap .hour ul li .green{color:#0b9342;}
.boardwrap .hour ul li p{height:40px; overflow:hidden;}

/* 24시간 학습질의 응답현황 팝업 */
.hour_pop.active{display:block;}
.hour_pop{width:480px; height:135px; background-color:#fff; border:1px solid #111; position:absolute; margin-top:-165px; z-index:99; display:none; text-align:center; font-size:14px; color:#111; padding-top:30px;}
.hour_pop .hour_close{background-color:#111; width:34px; height:29px; padding-top:5px; display:block; text-align:center; position:absolute; top:-1px; right:-35px;}
.hour_pop p{font-size:18px; color:#109856; margin:13px 0; font-weight:bold;}
.hour_pop .hour_pop_btn{width:260px; height:28px; color:#fff; background-color:#109856; font-weight:bold; padding-bottom:5px;}

.boardwrap .schedule{float:right; width:420px; height:190px; border-bottom:1px solid #e6e6e6; padding:30px 40px 0 40px;}
.boardwrap .schedule .swiper-container-schedule .swiper-slide div{background-color:#fff;}
.boardwrap .schedule h2{background-color:#eeefef; color:#333; text-align:center; font-size:14px; height:30px; line-height:28px; font-weight:bold;}
.boardwrap .schedule ul{margin-top:10px;}
.boardwrap .schedule ul li{margin-top:5px;}
.boardwrap .schedule ul li strong{text-align:center; border:1px solid #dbdbdb; margin-right:10px; width:100px; height:20px; display:inline-block; font-weight:bold;}
.boardwrap .after{float:left; width:519px; height:190px; border-right:1px solid #e6e6e6; padding:30px 40px 0 40px;}
.boardwrap .after .swiper-container-after .swiper-slide div{background-color:#fff;}
.boardwrap .after strong{font-size:14px; color:#333; font-weight:bold;}
.boardwrap .after em{margin:0 5px; color:#c4c6c5;}
.boardwrap .after span{color:#333;}
.boardwrap .after .star{margin-left:5px;}
.boardwrap .after .star img{vertical-align:baseline;}
.boardwrap .after p{margin-top:10px; height:82px; overflow:hidden; line-height:20px;}
.boardwrap .faq{float:right; width:420px; height:190px; padding:30px 40px 0 40px;}
.boardwrap .faq .list{width:50%;}
.boardwrap .faq .list li{color:#999; height:20px; overflow:hidden; margin-bottom:3px; text-overflow:ellipsis;}
.boardwrap .faq .faq_link{font-size:14px; color:#333; text-align:right; position:relative; bottom:90px; left:10px; float:right; width:50%;}
.boardwrap .faq .faq_link li{display:inline-block; text-align:center; margin:0 3px; width:94px; height:94px;}
.boardwrap .faq .faq_link li a{display:block; width:94px; height:74px; padding-top:20px; line-height:18px;}
.boardwrap .faq .faq_link .faq_link01{background:url('/template/1/html/image1904/main/faq_link01.png') no-repeat;}
.boardwrap .faq .faq_link .faq_link01 span{display:block; color:#388a59;}
.boardwrap .faq .faq_link .faq_link02{background:url('/template/1/html/image1904/main/faq_link02.png') no-repeat;}
.boardwrap .faq .faq_link .faq_link02 span{display:block; color:#8c5a02;}

.teacher{margin-top:50px; margin-bottom:50px;}
.teacher .swiper-container-teacher{width:100%; height:270px; overflow:hidden;}
.teacher .swiper-container-teacher .swiper-slide div{background-color:#e8e8e8; height:270px; overflow:hidden;}
.teacher .swiper-container-teacher .swiper-slide div h1{color:#525057; font-size:13px; line-height:18px; text-decoration: underline; padding: 35px 25px 20px 25px; font-weight:bold;}
.teacher .swiper-container-teacher .swiper-slide div h2{color:#111; font-size:16px; line-height:21px; padding-left:25px; width:55%; font-weight:bold;}

/* 강사 소개 팝업 */
.teacher_pop.active{display:block;}
.teacher_pop{width:620px; color:#666; background-color:#fff; border:2px solid #111; position:absolute; margin-top:-604px; margin-left:210px; z-index:99; padding:60px 0 60px 60px; display:none;}
.teacher_pop .teacher_close{background-color:#111; width:32px; height:28px; padding-top:4px; display:block; text-align:center; position:absolute; top:-2px; right:-33px;}
.teacher_pop .teacher_pop_img{width:320px; height:540px; overflow:hidden; position:absolute; top:40px; right:20px; z-index:-1;}
.teacher_pop h1{color:#3ca968; font-size:18px; font-weight:bold;}
.teacher_pop h2{color:#111; font-size:36px; letter-spacing:-5px; height:55px; margin-top:-5px; font-weight:bold;}
.teacher_pop h2 strong{font-weight:bold;}
.teacher_pop h3{font-size:20px; font-weight:normal; width:50%; line-height:28px; margin-bottom:50px}
.teacher_pop h4{color:#111; font-size:18px; margin-top:30px; height:30px; font-weight:bold;}
.teacher_pop .list1{width:50%;}
.teacher_pop .list1 li{font-size:13px; line-height:20px;}
.teacher_pop .list2{width:55%; margin-top:5px;}
.teacher_pop .list2 li{font-size:13px; background-color:#fff; border:1px solid #b3b2b2; padding:0 10px; display:inline-block; margin-bottom:5px; height:28px; line-height:25px; margin-right:5px;}


/* 시설안내 */
.officewrap{margin-top:70px; height:700px; background-color:#f2f2f2;}
.officewrap .imgwrap{position:absolute; height:588px; overflow:hidden; width:69%;}
.officewrap .imgwrap li{height:100%; font-size:0;}
.officewrap h1{font-size:20px; color:#3b3232; position:absolute; right:0; border-top:1px solid #109856; width:30%; padding:50px 0 0 70px; margin-top:140px;}
.officewrap h1 p{font-size:56px; color:#109856;}
.officewrap h1 ul{font-size:13px; color:#725f5f; margin-top:10px; line-height:20px;}
.officewrap h1 ul li{background:url('/template/1/html/image1904/main/officewrap_list.gif') no-repeat left; padding-left:13px;}
.officewrap .width{position:relative;}
.officewrap .tab1{float:left; background-color:rgba(59,50,50,0.9); color:#b59f9f; width:130px; text-align:center; font-size:13px;}
.officewrap .tab1 li{display:block; height:40px; line-height:40px; border-top:1px solid #111; border-color:rgba(0,0,0,0.1); cursor:pointer;}
.officewrap .tab1 li.logo{height:125px; line-height:110px; cursor:default;}
.officewrap .tab1 li.on{background-color:#109856; color:#fff; font-weight:600;}
.officewrap .tab1 li:hover{background-color:#109856; color:#fff; font-weight:600;}
.officewrap .tab1 li.logo:hover{background:none;}

.officewrap .tab_jongro                   {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_jongro ul                {margin-top:10px;}
.officewrap .tab_jongro ul li             {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_jongro ul li span        {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_jongro ul li span:hover  {background-color:#109856;}
.officewrap .tab_jongro ul li.img1        {background:url('/template/1/html/image1904/main/officewrap_jongro_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img2        {background:url('/template/1/html/image1904/main/officewrap_jongro_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img3        {background:url('/template/1/html/image1904/main/officewrap_jongro_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img4        {background:url('/template/1/html/image1904/main/officewrap_jongro_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img5        {background:url('/template/1/html/image1904/main/officewrap_jongro_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.on          {background:#109856;}

.officewrap .tab_gangnam                  {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_gangnam ul               {margin-top:10px;}
.officewrap .tab_gangnam ul li            {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_gangnam ul li span       {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_gangnam ul li span:hover {background-color:#109856;}
.officewrap .tab_gangnam ul li.img1       {background:url('/template/1/html/image1904/main/officewrap_gangnam_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.img2       {background:url('/template/1/html/image1904/main/officewrap_gangnam_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.img3       {background:url('/template/1/html/image1904/main/officewrap_gangnam_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.img4       {background:url('/template/1/html/image1904/main/officewrap_gangnam_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.img5       {background:url('/template/1/html/image1904/main/officewrap_gangnam_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.on         {background:#109856;}

.officewrap .tab_noryangjin                     {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_noryangjin ul                  {margin-top:10px;}
.officewrap .tab_noryangjin ul li               {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_noryangjin ul li span          {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_noryangjin ul li span:hover    {background-color:#109856;}
.officewrap .tab_noryangjin ul li.img1          {background:url('/template/1/html/image1904/main/officewrap_noryangjin_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img2          {background:url('/template/1/html/image1904/main/officewrap_noryangjin_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img3          {background:url('/template/1/html/image1904/main/officewrap_noryangjin_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img4          {background:url('/template/1/html/image1904/main/officewrap_noryangjin_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img5          {background:url('/template/1/html/image1904/main/officewrap_noryangjin_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.on            {background:#109856;}

.officewrap .tab_busan                    {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_busan ul                 {margin-top:10px;}
.officewrap .tab_busan ul li              {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_busan ul li span         {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_busan ul li span:hover   {background-color:#109856;} 
.officewrap .tab_busan ul li.img1         {background:url('/template/1/html/image1904/main/officewrap_busan_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_busan ul li.img2         {background:url('/template/1/html/image1904/main/officewrap_busan_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_busan ul li.img3         {background:url('/template/1/html/image1904/main/officewrap_busan_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_busan ul li.img4         {background:url('/template/1/html/image1904/main/officewrap_busan_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_busan ul li.img5         {background:url('/template/1/html/image1904/main/officewrap_busan_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_busan ul li.on           {background:#109856;}

.officewrap .tab_daegu                    {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_daegu ul                 {margin-top:10px;}
.officewrap .tab_daegu ul li              {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_daegu ul li span         {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_daegu ul li span:hover   {background-color:#109856;}
.officewrap .tab_daegu ul li.img1         {background:url('/template/1/html/image1904/main/officewrap_daegu_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img2         {background:url('/template/1/html/image1904/main/officewrap_daegu_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img3         {background:url('/template/1/html/image1904/main/officewrap_daegu_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img4         {background:url('/template/1/html/image1904/main/officewrap_daegu_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img5         {background:url('/template/1/html/image1904/main/officewrap_daegu_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.on           {background:#109856;}