@CHARSET "utf-8";

#container{overflow:hidden;}

/*탑배경*/
.topImg{width:100%; height:531px; overflow:hidden;}
.topImg1{background:url(../../images/contents/topbg1.jpg) no-repeat center center;}
.topImg2{background:url(../../images/contents/topbg2.jpg) no-repeat center center;}
.topImg3{background:url(../../images/contents/topbg3.jpg) no-repeat center center;}
.topImg4{background:url(../../images/contents/topbg4.jpg) no-repeat center center;}
.topImg5{background:url(../../images/contents/topbg5.jpg) no-repeat center center;}
.topImg6{background:url(../../images/contents/topbg6.jpg) no-repeat center center;}
.topImg7{background:url(../../images/contents/topbg7.jpg) no-repeat center center;}
.topImg8{background:url(../../images/contents/topbg8.jpg) no-repeat center center;}
.topImg8{background:url(../../images/contents/topbg8.jpg) no-repeat center center;}
.topImg10{background:url(../../images/contents/topbg10.jpg) no-repeat center center;}
.topImg11{background:url(../../images/contents/topbg11.jpg) no-repeat center center;}
.topImg12{background:url(../../images/contents/topbg12.jpg) no-repeat center center;}
.topImg dl{margin-top:225px; text-align:center;}
.topImg0 dl{margin-top:260px; text-align:center;}
.topImg dl dt{font-size:40px; font-weight:700; color:#fff;}
.topImg dl dt sup{font-weight:300;}
.topImg dl dd{margin-top:5px; font-size:20px; font-weight:300; color:#fff; line-height:30px; opacity:0.7;}
.topImg dl dd span{display:block;}

/*서브메뉴*/
.subm{width:100%;  margin-bottom:90px; border-bottom:1px solid #dddddd;}
.subm2{margin-bottom:0;}
.subm ul{text-align:center;}
.subm ul li{display:inline-block;}
.subm ul li a{display:block; position:relative; height:45px; margin-left:52px; font-size:17px; color:#333333; line-height:42px;}
.subm ul li a.on{border-bottom:2px solid #ab1e23;}
.subm ul li a sup{line-height:35px;}
.subm ul li a:before{content:''; position:absolute; top:20px; left:-26px; width:3px; height:3px; background:#333; border-radius:30px;}
.subm ul li:first-child a{margin:0; padding:0;}
.subm ul li:first-child a:before{background:none;}

/*소개*/
.intro_box1{width:100%; height:551px; background:url(../../images/contents/intro_img.jpg) no-repeat center center / cover; overflow:hidden;}
.intro_box1 img{width:100%;}
.intro_box1 .intro_img{width:50%;}
.intro_box1 .intro_bg{width:50%; height:551px; padding:190px 0 0 95px; }
.intro_box1 .intro_bg p{font-size:28px; font-weight:300; color:#111; line-height:48px;}
.intro_box1 .intro_bg p strong{}
.intro_box1 .intro_bg p strong.size{font-size:34px;}
.intro_box1 .intro_bg p span{display:block;}

.intro_box2{padding:110px 0 120px;}
.intro_box2 p{position:relative; margin-top:30px; font-size:20px; font-weight:300; color:#111111; line-height:36px; text-align:center;}
.intro_box2 p:first-child:before{content:''; position:absolute; top:-40px; left:100px; width:104px; height:72px; background:url(../../images/contents/intro_icon4.png) no-repeat 0 0;}
.intro_box2 p:last-child:before{content:''; position:absolute; bottom:-45px; right:150px; width:104px; height:72px; background:url(../../images/contents/intro_icon4.png) no-repeat -135px 0;}
.intro_box2 p strong{color:#ab1e23;}
.intro_box2 p strong.size{font-size:26px;}
.intro_box2 p span{display:block;}

.intro_box3{height:495px; background:url(../../images/contents/intro_bg2.jpg) no-repeat center center / cover;}
.intro_box3 p{position:relative; padding:130px 0 0 140px; font-size:50px; font-family: 'Montserrat', sans-serif; font-weight:300; color:#fff; line-height:60px;}
.intro_box3 p:before{content:''; position:absolute; top:155px; left:0; width:120px; height:4px; background:#fff;}
.intro_box3 p strong{font-weight:600;}
.intro_box3 p span{display:block;}
.intro_box3 dl{margin:130px 0 0 120px;}
.intro_box3 dl dt{margin-top:20px; font-size:30px; font-family: 'Montserrat', sans-serif; font-weight:300; color:#111111;}
.intro_box3 dl dt strong{font-weight:600;}
.intro_box3 dl dt .co1{color:#ab1e23;}
.intro_box3.on .ani{opacity: 1; transition: all 1s 0.2s;}
.intro_box3 dl dd{font-size:24px; font-weight:300; color:#111111}
.intro_box3 dl dd strong{font-weight:600; color:#ab1e23;}

/*지역 할당 안내*/
.at_box{width:1720px !important ;}
.at_box .at_search{margin-top:50px; padding:20px 303px; background:#efefef;}
.at_box .at_search h5{display:inline-block; font-size:20px; font-weight:700; color:#111;}
.at_box .at_search .search_box{display:inline-block; position:relative; width:840px; height:60px; margin:0 5px 0 40px; padding-left:20px; background:#fff; border:1px solid #ddd; border-radius:5px;}
.at_box .at_search .search_box span{display:block; background:url(../../images/contents/ad_arrow.png) no-repeat 95% center; font-size:20px; color:#333; line-height:60px; cursor:default;}
.at_box .at_search .search_box ul{display:none; position:absolute;top: 58px;left: -1px;width: 840px;height:0;padding:0 20px;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 5px 5px; z-index:10; overflow-y:scroll !important;}
.at_box .at_search .search_box ul li{font-size:20px; color:#333; line-height:40px; cursor:default;}
.at_box .at_search button{width:150px; height:60px; background:#ab1e23; border-radius:5px; font-size:20px; color:#fff; text-align:center; line-height:60px; vertical-align:top;}
.at_box .at_bot{overflow:hidden;}
.at_box .at_map{width:1140px; height:768px;}
.at_box .at_list{width:560px;}
.at_box .at_list h5{margin:25px 0 15px; font-size:26px; font-weight:700; color:#111;}
.at_box .at_list .at_scr{width:100%; height:627px; overflow:hidden;}
.at_box .at_list ul{border-top:1px solid #ab1e23; overflow:hidden;}
.at_box .at_list ul li{padding:34px 32px 30px 30px; border-bottom:1px solid #ddd;}
.at_box .at_list ul li:hover{background:#f7f7f7;}
.at_box .at_list ul li.on{background:#f7f7f7;}
.at_box .at_list ul li .at_info{overflow:hidden;}
.at_box .at_list ul li .at_info .left{width:280px;}
.at_box .at_list ul li .at_info .right{width:180px; height:205px;}
.at_box .at_list ul li .at_info .right img{width:100%;}
.at_box .at_list ul li .at_info dl{}
.at_box .at_list ul li .at_info dl dt{font-size:28px; font-weight:700; color:#111;}
.at_box .at_list ul li .at_info dl dd{position:relative; margin-top:12px; padding-left:23px; font-size:18px; font-weight:300; color:#333;}
.at_box .at_list ul li .at_info dl dd:before{content:''; position:absolute; top:2px; left:0; width:16px; height:20px; background:url(../../images/contents/at_icon.png) no-repeat 0 0;}
.at_box .at_list ul li .at_info dl dd.m_num{font-family: 'Montserrat', sans-serif;}
.at_box .at_list ul li .at_info dl dd.m_num:before{content:''; position:absolute; top:2px; left:0; width:20px; height:18px; background:url(../../images/contents/at_icon.png) no-repeat -23px 0;}
.at_box .at_list ul li .at_info dl dd span{display:block;}
.at_box .at_list ul li .at_info a{display:inline-block; width:120px; height:50px; margin:17px 10px 0 0; background:#333333; border-radius:30px; font-size:16px; font-weight:300; color:#fff; text-align:center; line-height:50px; }
.at_box .at_list ul li .at_info a:nth-child(3){background:#777;}
.at_box .at_list ul li .at_info a span{padding-right:15px; background:url(../../images/contents/at_arrow.png) no-repeat 66px 8px;}
.at_box .at_list .at_scr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px; background: #999999; border-radius: 10px;}
.at_box .at_list .at_scr .mCSB_scrollTools .mCSB_draggerRail{background: #ddd;}

/*인퓨전러닝*/
.inf_box{}
.inf_box span{display:block;}
.inf_box p{font-weight:300; color:#fff;}
.inf_box p strong{font-weight:700;}
.inf_box1{padding:228px 0; height:830px; background:url(../../images/contents/infs_bg1.png) no-repeat center center; text-align:center;}
.inf_box1 p{margin-top:100px; font-size:34px; line-height:50px; color:#111;}
.inf_box2{padding:250px 0; background:url(../../images/contents/infs_bg2.png) no-repeat center center; text-align:center;}
.inf_box2 p{font-size:34px; line-height:50px;}
.inf_box2 p strong{}
.inf_box2 p em{display:inline-block; width:186px; height:186px; margin:45px 0; border:8px solid #dbdce3; border-radius:50%; font-size:38px; font-weight:700; line-height:170px; opacity:0; transition: all 1.5s 0.6s;}
.inf_box2.on p em{ opacity:1; transition: all 1.5s 0.6s;}
.inf_box2 p em.c_bg{position:relative; margin:0 60px;}
.inf_box2 p em.c_bg:before{content:''; position:absolute; top:45%; left:-28%; width:21px; height:21px; background:url(../../images/contents/infs_icon.png) no-repeat 0 0;}
.inf_box2 p em.c_bg:after{content:''; position:absolute; top:45%; right:-28%; width:21px; height:21px; background:url(../../images/contents/infs_icon.png) no-repeat 0 0;}
.inf_box2 p.mart{margin:170px 0 120px;}
.inf_box3{height:830px; background:url(../../images/contents/infs_bg3.png) no-repeat center center;}
.inf_box3 p{font-size:20px; line-height:36px;}
.inf_box3 p strong{font-size:22px; opacity:0; transition: all 1.5s 0.4s;}
.inf_box3.on p strong{opacity:1; transition: all 1.5s 0.4s;}
.inf_box3 p .size{margin-bottom:23px; font-size:30px;}
.inf_box3 p .size strong{font-size:34px; opacity:1;}
.inf_box3 .left{margin-top:260px;}
.inf_box3 .inf_g{position:relative; width:400px; height:400px; margin:220px 0 0 140px; background:url(../../images/contents/infs_bg4_1.png) no-repeat center 90px;}
.inf_box3 .inf_g:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #989797; border-radius:50%;}
.inf_box3 .inf_g dl{position:absolute; width:150px; height:150px; border-radius:50%; text-align:center; transform: scale(0); z-index:99;}
.inf_box3.on .inf_g dl{transform: scale(1);}
.inf_box3 .inf_g dl:nth-child(1){top:-80px; left:31%; background:#4a90e8; transition: all 0.4s 0.09s cubic-bezier(0.645, 0.045, 0.355, 1);}
.inf_box3 .inf_g dl:nth-child(2){bottom:0; left:-60px; background:#e8904a; transition: all 0.4s 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);}
.inf_box3 .inf_g dl:nth-child(3){bottom:0; right:-60px; background:#b6cd58; transition: all 0.4s 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);}
.inf_box3 .inf_g dl dt{padding-top:45px; font-size:22px; font-weight:700; color:#fff;}
.inf_box3 .inf_g dl dd{margin-top:3px; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:300; color:#fff;}
.inf_box3 .inf_g svg{width:402px; height:402px; transform: rotate(90deg) scaleX(-1);} 
.inf_box3 .inf_g svg .progress{cx:201; cy:201; r:200; stroke: #fff; stroke-linecap: round; stroke-dasharray: 2350; stroke-dashoffset: 2350; stroke-width: 1; fill: transparent;}
.inf_box3.on .inf_g svg .progress{-webkit-animation: dash 4s linear forwards; -moz-animation: dash 4s linear forwards; -o-animation: dash 4s linear forwards; animation: dash 4s linear forwards;}

/*커리큘럼 학년별*/
.group.cul_box2 .contents {width:1402px;}
.cul_box1{margin:80px 0 90px;}
.cul_box1 p{font-size:24px; font-weight:300; color:#111; line-height:36px; text-align:center;}
.cul_box1 p strong{color:#ab1e23;}
.cul_box1 p span{display:block;}
.cul_box2{position:relative; background:#f9f9f9;}
.cul_box2 .tab{position:relative; z-index:10;}
.cul_box2 .tab:before{content:''; position:absolute; top:0; left:0; width:100%; height:35px; background:#fff; z-index:-1;}
.cul_box2 .culum_box{margin:65px auto 0;}
.cul_box2 .culum_box:after{content:''; display:block; clear:both;}
.culum_i{margin-top:25px; font-size:20px; font-weight:300; color:#555; text-align:center;}
.cul_box2 .culum_l{float:left; width:140px; text-align:center;}
.cul_box2 .culum_l p{margin-top:35px; font-size:26px; font-weight:500; color:#111; line-height:30px;}
.cul_box2 .culum_l ul{height:1138px; margin-top:33px; background:url(../../images/contents/cul_bg_2.png) no-repeat 0 0;}
.cul_box2 .culum_l:first-child ul li{padding:0;}
.cul_box2 .culum_l ul li{position:relative; font-size:22px; font-family: 'Montserrat', sans-serif; font-weight:600; color:#111; line-height:62px; padding:30px 0;}
.cul_box2 .culum_l ul li:first-child{padding:36px 0;}
.cul_box2 .culum_l ul li:last-child{padding:30px 0;}
.cul_box2 .culum_l:nth-child(1) ul li:first-child,
.cul_box2 .culum_l:nth-child(1) ul li:last-child {padding:35px;}
.cul_box2 .culum_l:nth-child(2) ul li:first-child,
.cul_box2 .culum_l:nth-child(2) ul li:last-child {padding:55px 40px;}
.cul_box2 .culum_l ul li:before{content:''; position:absolute; bottom:0; left:22px; width:97px; height:1px; background:#cdb285; }
.cul_box2 .culum_l ul li:after{content:''; position:absolute; bottom:-1px; left:22px; width:97px; height:1px; background:#fdf4e5; }
.cul_box2 .culum_l ul li:last-child:before{width:0; height:0;}
.cul_box2 .culum_l ul li:last-child:after{width:0; height:0;}
.cul_box2 .culum_r p{margin-top:15px;}
.cul_box2 .culum_r ul{margin-top:22px;} 
.cul_box2 .culum{float:left; width:1102px; height:1200px; margin:35px 10px 0; background:url(../../images/contents/cul_bg.png) no-repeat center 63px; background-size: contain;}
.cul_box2 .culum table{width:100%;}
.cul_box2 .culum table th{padding-bottom:20px; font-size:26px; font-weight:500; color:#111; text-align:center; line-height:30px;}
.cul_box2 .culum table th span{display:block;}
.cul_box2 .culum table td{font-size:20px; font-weight:500; color:#111; text-align:center; vertical-align:top; }
.cul_box2 .culum table td.wi1{padding:140px 0 50px;}
.cul_box2 .culum table td.wi2{padding:95px 0 77px;}
.cul_box2 .culum table td.wi3{padding:80px 0 85px;}
.cul_box2 .culum table td.wi4{padding:90px 0 145px;}
.cul_box2 .culum table td span{display:block;}
.cul_box2 .culum table td .f1{font-size:18px; margin-top:-58px;}
.cul_box2 .culum table td .rad_hover{width:210px; margin:0 auto 20px; padding:5px 0; border-radius:10px; cursor:pointer;}
.cul_box2 .culum table td .rad_hover .hover_box{display:none; width:100%; height:100%; padding:24px 24px 36px; background:#428bc7; border-radius:10px; text-align:left; }
.cul_box2 .culum table td .rad_hover .hover_box dl{}
.cul_box2 .culum table td .rad_hover .hover_box dl dt{font-size:26px; font-family: 'Montserrat', sans-serif; font-weight:600; color:#fff;}
.cul_box2 .culum table td .rad_hover .hover_box dl dd{font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:300; color:#fff;}
.cul_box2 .culum table td .rad_hover .hover_box p{margin:17px 0 15px; font-size:26px; font-weight:700; color:#fff; text-align:center; line-height:36px;}
.cul_box2 .culum table td .rad_hover .hover_box p span{display:block;}
.cul_box2 .culum table td .rad_hover .hover_box a{display:block; width:150px; height:50px; margin:0 auto; padding-right:15px; background:url(../../images/contents/rad_arrow.png) no-repeat 85% 20px; border:1px solid #fff; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:50px;}
.cul_box2 .culum table td .rad_hover.bg1{margin-top:270px; margin-left:38px; background:#8064a2;}
.cul_box2 .culum table td .rad_hover.bg2{margin:0 auto; margin-left:38px; background:#4bacc6;}
.cul_box2 .culum table td .rad_hover.bg2 ul {padding:31px 0 8px;}
.cul_box2 .culum table td .rad_hover.bg2 li{line-height:103px;}
.cul_box2 .culum table td .rad_hover.bg3{width:185px; margin-top:40px; margin-bottom:35px; background:#f79646;}
.cul_box2 .culum table td .rad_hover.bg3 ul {padding:0;}
.cul_box2 .culum table td .rad_hover.bg3 li{line-height:58px;}
.cul_box2 .culum table td .rad_hover.bg4{margin-top:60px; background:#1f497d; cursor:default;}
.cul_box2 .culum table td .rad_hover.bg4 li{padding:15px 0; line-height:91px;}
.cul_box2 .culum table td .rad_hover.bg5{margin:336px 0 0 69px; background:#9bbb59;}
.cul_box2 .culum table td .rad_hover.bg5 ul {padding:24px 0;}
.cul_box2 .culum table td .rad_hover.bg5 li {line-height:122px;}
.cul_box2 .culum table td .rad_hover.bg6{margin:145px 0 0 23px; background:#008080;}
.cul_box2 .culum table td .rad_hover.bg6 ul {padding-top:36px;}
.cul_box2 .culum table td .rad_hover.bg6 li{line-height:82px;}
.cul_box2 .culum table td .rad_hover.bg6 li:last-child {padding-bottom:65px;}
.cul_box2 .culum table td .rad_hover.bg7{margin:-25px 0 0 23px; background:#be4946; border-radius:10px 10px 0 0;}
.cul_box2 .culum table td .rad_hover.bg7 ul {padding:74px 0 94px;}
.cul_box2 .culum table td .rad_hover.bg8{margin:-20px 0 0 23px; background:#ffc000;}
.cul_box2 .culum table td .rad_hover.bg8 ul {padding:83px 0;}
.cul_box2 .culum table td .rad_hover.bg8 li{line-height:84px;}
.cul_box2 .culum table td .rad_hover.bg9{margin:35px 0 0 6px; background:#224269; padding:0;}
.cul_box2 .culum table td .rad_hover.bg9 li{line-height:97px; padding:2.5px 0;}
.cul_box2 .culum table td .rad_hover.bg9 li:first-child{padding-top:65px;}
.cul_box2 .culum table td .rad_hover.bg9 li:last-child{padding-bottom:65px;}
.cul_box2 .culum table td .rad_hover ul li{font-size:26px; font-family: 'Montserrat', sans-serif; font-weight:600; color:#fff; line-height:105px;}
.cul_box2 .culum table .rad_popup{display:none; position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%,-50%); z-index:1000;}
.cul_box2 .culum table .rad_popup .rad_txt{padding:0 0 41px 41px; background:#fff; text-align:left; overflow:hidden;}
.cul_box2 .culum table .rad_popup .rad_txt p{width: 260px; margin: 0 0 0 auto; padding: 10px 0; background: #ef9e62; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 24px; color: #fff; text-align: center;}
.cul_box2 .culum table .rad_popup .rad_txt p.tit1{background:#72c9d3;}
.cul_box2 .culum table .rad_popup .rad_txt p.tit2{background:#82cb78;}
.cul_box2 .culum table .rad_popup .rad_txt p.tit4{background:#9d7b49;}
.cul_box2 .culum table .rad_popup .rad_txt span{display:block;}
.cul_box2 .culum table .rad_popup .rad_txt dl{float:left;}
.cul_box2 .culum table .rad_popup .rad_txt dl dt{font-size:38px; font-family: 'Montserrat', sans-serif; font-weight:700; color:#111; letter-spacing:-1px; line-height:40px;}
.cul_box2 .culum table .rad_popup .rad_txt dl dt span{font-family:'Noto Sans KR', sans-serif; font-weight:300; font-size:24px;}
.cul_box2 .culum table .rad_popup .rad_txt dl dd{margin-top:15px; font-size:18px; font-weight:300; color:#333; line-height:30px;}
.cul_box2 .culum table .rad_popup .rad_txt a{display:block; float:right; width:150px; height:50px; margin:110px 41px 0 0; padding-right:15px; background:url(../../images/contents/rad_arrow2.png) no-repeat 85% 20px; border:1px solid #555555; font-size:18px; font-weight:300; color:#555555; text-align:center; line-height:50px;}
.cul_box2 .culum table .rad_popup .popup_c{float:left;}
.cul_box2 .culum table .rad_popup button{display:block; float:right; width:35px; height:35px; margin-left:20px; background:url(../../images/common/close2.png) no-repeat 0 0; font-size:0; line-height:0; cursor:pointer;}
.on_bg{display:none; position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999;}

/*커리큘럼 과정별*/
.cul_box2 .contents6 {margin:0 auto;}
.cul_box2 .culum_proc{margin:0 -1px;padding:100px 0 150px;}
.cul_box2 .culum_proc table thead tr th:first-child {width:272px; height:100px;}
.cul_box2 .culum_proc table thead tr th:nth-child(2),
.cul_box2 .culum_proc table thead tr th:nth-child(3),
.cul_box2 .culum_proc table thead tr th:nth-child(4),
.cul_box2 .culum_proc table thead tr th:nth-child(5),
.cul_box2 .culum_proc table thead tr th:nth-child(6),
.cul_box2 .culum_proc table thead tr th:nth-child(7),
.cul_box2 .culum_proc table thead tr th:nth-child(8),
.cul_box2 .culum_proc table thead tr th:nth-child(9),
.cul_box2 .culum_proc table thead tr th:nth-child(10) {width:105px; height:100px;}
.cul_box2 .culum_proc table thead tr th:last-child {width:315px; height:100px;}
.cul_box2 .culum_proc th{position:relative; height:89px; background:#fcfcfc; border:1px solid #ddd; font-size:24px; font-weight:700; color:#333; background-clip:padding-box;}
.cul_box2 .culum_proc th.co2{background:#f4fefe; background-clip:padding-box;}
.cul_box2 .culum_proc th.co3{background:#fffdf2; background-clip:padding-box;}
.cul_box2 .culum_proc td{position:relative; height:179px; background:#fff; border:1px solid #ddd; font-size:18px; font-weight:300; color:#333; line-height:30px; letter-spacing:-0.05em; text-align:center; background-clip:padding-box;}
.cul_box2 .culum_proc td:first-child{background:#fff9fb; font-size:20px; font-weight:700; background-clip:padding-box;}
.cul_box2 .culum_proc td span{display:block;}
.cul_box2 .culum_proc td strong{font-size:20px;}
.cul_box2 .culum_proc .proc_on{display:none; position:absolute; top:0; left:0; width:100%; height:178px; padding:16px 20px 20px 20px; background:rgba(114,201,211,0.95); text-align:left;}
.cul_box2 .culum_proc .proc_on.pbg4{padding-right:18px;}
.cul_box2 .culum_proc .pbg1{}
.cul_box2 .culum_proc .pbg2{background:rgba(236,206,86,0.95);}
.cul_box2 .culum_proc .pbg3{background:rgba(66,139,199,0.95);}
.cul_box2 .culum_proc .pbg4{background:rgba(239,158,98,0.95);}
.cul_box2 .culum_proc .pbg5{background:rgba(108,122,196,0.95);}
.cul_box2 .culum_proc .pbg6{background:rgba(234,138,163,0.95);}
.cul_box2 .culum_proc .pbg7{background:rgba(87,159,111,0.95);}
.cul_box2 .culum_proc .pbg8{background:rgba(216,242,242,0.95);}
.cul_box2 .culum_proc .pbg9{background:rgba(248,243,208,0.95);}
.cul_box2 .culum_proc .pbg10{background:rgba(34, 66, 105, 0.95);}
.cul_box2 .culum_proc th .proc_on p{float:left; font-size:26px; color:#111;}
.cul_box2 .culum_proc th .proc_on a{float:right; margin:0; background:url(../../images/contents/rad_arrow2.png) no-repeat 85% 20px; border:1px solid #111; color:#111;}
.cul_box2 .culum_proc .proc_on p{font-size:34px; font-family: 'Montserrat', sans-serif; font-weight:600; color:#fff;}
.cul_box2 .culum_proc .proc_on p span{display:inline; font-size:18px; font-weight:300;}
.cul_box2 .culum_proc .proc_on a{display:block; width:150px; height:50px; margin:25px 0 0 auto; padding-right:15px; background:url(../../images/contents/rad_arrow.png) no-repeat 85% 20px; border:1px solid #fff; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:50px;}
.cul_box2 .culum_proc td:hover .proc_on{display:block;}
.cul_box2 .culum_proc th:hover .proc_on{display:block;}

/*집중과정*/
.proc_box{}
.proc_box .proc_list{}
.proc_box .proc_list ul{overflow:hidden;}
.proc_box .proc_list ul li{position:relative; float:left; width:360px; height:360px; margin-right:60px; background:#f0f0f0; border-radius:10px; text-align:center;}
.proc_box .proc_list ul li:before{content:''; position:absolute; top:46%; right:-49px; width:33px; height:30px; background:url(../../images/contents/proc_icon1.png) no-repeat -49px 0;}
.proc_box .proc_list ul li.on:before{background:url(../../images/contents/proc_icon1.png) no-repeat 0 0;}
.proc_box .proc_list ul li.on2:before{background:url(../../images/contents/proc_icon3.png) no-repeat 0 0}
.proc_box .proc_list ul li:last-child{margin-right:0;}
.proc_box .proc_list ul li h5{display:inline-block; margin:76px 0 30px; padding:4px 10px; background:#fff; border-radius:30px; font-size:22px; font-weight:300; }
.proc_box .proc_list ul li dl{}
.proc_box .proc_list ul li dl dt{font-size:110px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:86px;}
.proc_box .proc_list ul li dl dd{margin-top:10px; font-size:24px; font-family: 'Montserrat', sans-serif; font-weight:400; color:#999999;}
.proc_box .proc_list ul li dl dd span{display:block;}
.proc_box .proc_list ul li a{display:block; width:100%; height:100%;}
.proc_box .proc_list ul li.on dl dd{color:#fff;}
.proc_box .proc_list ul li.coy a{color:#eac638;}
.proc_box .proc_list ul li.coy.on{background:#eac638; color:#fff;}
.proc_box .proc_list ul li.coy.on h5{background:#e7a93e;}
.proc_box .proc_list ul li.cob a{color:#428bc7;}
.proc_box .proc_list ul li.cob.on{background:#4c94ed; color:#fff;}
.proc_box .proc_list ul li.cob.on h5{background:#3b73da;}
.proc_box .proc_list ul li.cog a{color:#82cb78;}
.proc_box .proc_list ul li.cog.on{background:#3ad294; color:#fff;}
.proc_box .proc_list ul li.cog.on h5{background:#19a971;}
.proc_box .proc_list ul li.on a{color:#fff !important;}
.proc_box .proc_list p{position:relative; margin:170px 0 160px; font-size:34px; font-weight:300; color:#111; line-height:50px; text-align:center;}
.proc_box .proc_list p:before{content:''; position:absolute; top:50%; left:0; width:88px; height:62px; background:url(../../images/contents/intro_icon4.png) no-repeat 0 0 / 203px; transform:translate(0,-50%);}
.proc_box .proc_list p:after{content:''; position:absolute; top:50%; right:0; width:88px; height:62px; background:url(../../images/contents/intro_icon4.png) no-repeat -115px 0 / 203px; transform:translate(0,-50%);}
.proc_box .proc_list p span{display:block;}
.proc_box2{padding-top:188px; background:#f0f0f0; overflow:hidden; text-align:center;}
.proc_box2 .proc_list2{padding-top:40px; background:url(../../images/contents/proc_bg4.png) no-repeat center 0;}
.proc_box2 .proc_list2 dl{display:inline-block; width:395px; padding-top:465px; vertical-align:top;}
.proc_box2 .proc_list2 dl.pbg1{background:url(../../images/contents/proc_bg1.png) no-repeat center 0;}
.proc_box2 .proc_list2 dl.pbg2{background:url(../../images/contents/proc_bg2.png) no-repeat center 0;}
.proc_box2 .proc_list2 dl.pbg3{background:url(../../images/contents/proc_bg3.png) no-repeat center 0;}
.proc_box2 .proc_list2 dl dt{position:relative; font-size:34px; font-weight:500; color:#111;}
.proc_box2 .proc_list2 dl dt:after{content:''; position:absolute; top:-21px; left:49%; width:10px; height:10px; background:#81bbe8; border-radius:50%; }
.proc_box2 .proc_list2 dl dt:before{content:''; position:absolute; top:-100px; left:50%; width:2px; height:70px; background:url(../../images/contents/proc_icon2.png) no-repeat 0 0;}
.proc_box2 .proc_list2 dl.pbg2 dt:after{background:#ef9e62;}
.proc_box2 .proc_list2 dl.pbg3 dt:after{background:#aedb6e;}
.proc_box2 .proc_list2 dl dd{margin-top:15px; font-size:24px; font-weight:300; color:#333; line-height:34px;}
.proc_box2 .proc_list2 dl dd span{display:block;}

/*집중과정 eip*/
.proc_box2 .proc_list3 .eip_list ul{margin-top:90px; padding-top:80px; overflow:hidden;}
.proc_box2 .proc_list3 .eip_list ul li{display:inline-block; position:relative; width:350px; margin-right:72px; vertical-align:middle;}
.proc_box2 .proc_list3 .eip_list ul li:before{content:''; position:absolute; top:36%; right:-60px; width:38px; height:28px; background:url(../../images/contents/eip_arrow.png) no-repeat 0 0;}
.proc_box2 .proc_list3 .eip_list ul li:last-child{margin-right:0;}
.proc_box2 .proc_list3 .eip_list ul li .eip_img{height:350px; background:#72c9d3; text-align:center;}
.proc_box2 .proc_list3 .eip_list ul li .eip_img2{background:#74cee8;}
.proc_box2 .proc_list3 .eip_list ul li .eip_img3{background:#66cbff;}
.proc_box2 .proc_list3 .eip_list ul li .eip_img img{margin-top:-80px;}
.proc_box2 .proc_list3 .eip_list ul li .eip_img p{margin-top:15px; font-size:32px; font-family: 'Montserrat', sans-serif; font-weight:600; color:#fff; line-height:40px;}
.proc_box2 .proc_list3 .eip_list ul li .eip_img2 p{margin-top:0;}
.proc_box2 .proc_list3 .eip_list ul li .eip_img p span{display:block;}
.proc_box2 .proc_list3 .eip_list ul li p{margin-top:35px; font-size:24px; font-weight:300; color:#333;}
.proc_box2 .proc_list3 .eip_list ul li p span{display:block;}

/*집중과정 as*/
.txt_box{margin-bottom:89px; padding:65px 0; background:url(../../images/contents/txt_box.png) no-repeat 0 0;}
.proc_box2 .proc_list3 .con_list{}
.proc_box2 .proc_list3 .con_list ul{}
.proc_box2 .proc_list3 .con_list ul li{position:relative; display:inline-block; width:560px; margin-right:77px; background:#fff; box-shadow: 1px 3px 32px -2px #d9d9d9; vertical-align:top;}
.proc_box2 .proc_list3 .con_list ul li:before{content:''; position:absolute; top:45%; right:-63px; width:50px; height:50px; background:url(../../images/contents/as_icon.png) no-repeat 0 0;}
.proc_box2 .proc_list3 .con_list ul li:last-child{margin-right:0;}
.proc_box2 .proc_list3 .con_list ul li:last-child:before{width:0; height:0; background:none;}
.proc_box2 .proc_list3 .con_list ul li dl{padding:40px 0;}
.proc_box2 .proc_list3 .con_list ul li dl dd{margin-top:10px;}

/*몰입과정 RB*/
.proc_box .proc_list ul li.coy2 a{color:#e2aa00;}
.proc_box .proc_list ul li.coy2.on{background:#e2aa00; color:#fff;}
.proc_box .proc_list ul li.coy2.on h5{background:#d28600;}
.proc_box .proc_list ul li.cob2 a{color:#0e5ea0;}
.proc_box .proc_list ul li.cob2.on{background:#0e5ea0; color:#fff;}
.proc_box .proc_list ul li.cob2.on h5{background:#0b4778;}
.proc_box .proc_list ul li.cog2 a{color:#00ad66;}
.proc_box .proc_list ul li.cog2.on{background:#00ad66; color:#fff;}
.proc_box .proc_list ul li.cog2.on h5{background:#008551;}
.proc_box .proc_list p.m2{margin:90px 0 160px;}
.proc_box2 .proc_list2 dl.pbg4{background:url(../../images/contents/rb_bg1.png) no-repeat center 0;}
.proc_box2 .proc_list2 dl.pbg5{background:url(../../images/contents/rb_bg2.png) no-repeat center 0;}
.proc_box2 .proc_list2 dl.pbg6{background:url(../../images/contents/rb_bg3.png) no-repeat center 0;}
.proc_box2 .proc_list3 .con_list2 ul li{width:360px;}
.proc_box2 .proc_list3 .con_list2 ul li dl{height:300px; padding:30px 0;}
.proc_box2 .proc_list3 .con_list2 ul li dl dd{font-size:22px;}
.imm_box2 .contents{width:1240px !important;}
.imm_box .proc_list ul li.on:before{background: url(../../images/contents/proc_icon1.png) no-repeat 0 0;}
.imm_box .proc_list ul li.on2:before{background: url(../../images/contents/proc_icon3.png) no-repeat 0 0;}

/*주니어과정 JIP*/
.jun_box2 .contents{width:1680px !important;}
.jun_box3 .contents{width:1656px !important;}
.jun_box .proc_list ul li{width:570px;cursor:pointer;}
.jun_box .proc_list ul li:before{background: url(../../images/contents/proc_icon4.png) no-repeat 0 0;}
.jun_box .proc_list ul li.on:before{background: url(../../images/contents/proc_icon4.png) no-repeat 0 0;}
.proc_box .proc_list ul li.coy3{color:#e2aa00;}
.proc_box .proc_list ul li.coy3 h5{color:#999;}
.proc_box .proc_list ul li.coy3 dl dt{color:#7a4ab1;}
.proc_box .proc_list ul li.coy3.on{background:#bd97e8;}
.proc_box .proc_list ul li.coy3.on h5{background:#7a4ab1; color:#fff;}
.proc_box .proc_list ul li.coy3.on dl dt{color:#fff;}
.proc_box .proc_list ul li.cob3{background:#f0f0f0; color:#224269;}
.proc_box .proc_list ul li.cob3 h5{padding-left:57px; padding-right:57px; background:#fff; color:#999;}
.proc_box .proc_list ul li.cob3 dl dt{color:#1d395c;}
.proc_box .proc_list ul li.cob3 dl dd{color:#1d395c;}
.proc_box .proc_list ul li.cob3.on{background:#385578; color:#fff;}
.proc_box .proc_list ul li.cob3.on h5{background:#1c395c; color:#fff;}
.proc_box .proc_list ul li.cob3.on dl dt{color:#fff;}
.proc_box .proc_list ul li.cob3.on dl dd {color:#fff;}
.jun_box.proc_box .proc_list p.m2 {display:block;margin:80px 0 172px; letter-spacing:-0.04em;}
.jun_box.proc_box .proc_list p span {font-weight:400;}
.proc_box2 .proc_list3 .con_list3 ul li dl{height:260px;}
.jun_box3 .proc_list3 {position:relative;}
.jun_box3 .proc_list3 ul li img {border-bottom:1px solid #ddd; box-sizing:border-box;}
.jun_box3 .proc_list3 .con_list2 ul {font-size:0;}
.jun_box3 .proc_list3 .con_list ul li{margin-right:40px;}
.jun_box3 .proc_list3 .con_list ul li:before{display:none;}
.jun_box3 .proc_list3 .con_list2 ul li:first-child:before {content:''; display:block; position:absolute;  left:-48px; top:auto; right:auto; bottom:-24px; width:310%; height:48px; background:none; background-color:#f9d6d7; border-radius:0 0 0 21px; z-index:1;}
.jun_box3 .proc_list3 .con_list2 ul li:first-child:after {content:''; display:block; position:absolute; left:-48px; bottom:-3px; width:48px; height:94.8%; background-color:#f9d6d7; border-radius:21px 0 0 0; z-index:1;}
.jun_box3 .proc_list3 .con_list2 ul li:last-child:before { content:''; display:block; position:absolute; right:-48px; top:-24px; width:310%; height:48px; background-color:#f9d6d7; border-radius:0 21px 0 0;}
.jun_box3 .proc_list3 .con_list2 ul li:last-child:after { content:''; display:block; position:absolute; right:-48px; top:-3px; width:48px; height:94.8%; background-color:#f9d6d7; border-radius:0 0 21px 0; z-index:1;}
.jun_box3 .proc_list3 .con_list2 ul li:nth-child(2):before { content:''; display:block; position:absolute; left:13.5%; top:-42px; width:50px; height:89px; background:url( ../../images/contents/jip_left_fusion_arrow.png) 0 0 no-repeat;}
.jun_box3 .proc_list3 .con_list2 ul li:nth-child(3):before { content:''; display:block; position:absolute; top:auto; right:13.5%; bottom:-42px; width:50px; height:89px; background:url( ../../images/contents/jip_right_fusion_arrow.png) 0 0 no-repeat;}
.jun_box3 .proc_list3 .con_list2 ul li:first-child dl:after {content:''; display:block; position:absolute; left:0; top:auto; right:auto; bottom:22px; width:21px; height:21px; background:url( ../../images/contents/jip_round_left.jpg) 0 0 no-repeat;}
.jun_box3 .proc_list3 .con_list2 ul li:last-child dl:after {content:''; display:block; position:absolute; top:24px; right:0; width:21px; height:21px; background:url( ../../images/contents/jip_round_right.jpg) 0 0 no-repeat;}
.jun_box3 .proc_list3 .con_list2 ul li dl{height:260px;}

/*온라인학습 - 이러닝*/
.alps_c{height:auto; margin-top:90px; background:none;}
.alps_c1{}
.alps_c2{background:#f8f5e4;}
.alps_c3{}
.alps_c4{background:#e6fafc;}
.alps_c5{}
.alps_box{padding:100px 0;}
.tab + .alps_box {padding-top:180px;}
.alps_box .left{float:none; display:inline-block; vertical-align:top;}
.alps_box .alps_t{margin:0;}
.alps_box .alps_t dl{display:table-cell; height:420px; vertical-align:middle;}
.alps_box .alps_t dl dt{margin-bottom:25px; font-size:34px; font-weight:700; color:#111; line-height:48px;}
.alps_box .alps_t dl dt span{display:block;}
.alps_box .alps_t dl dt em{position:relative; z-index:9;}
.alps_box .alps_t dl dt em:before{content:''; position:absolute; top:27px; left:-5px; width:104%; height:22px; background:#f5d1d2; z-index:-1;}
.alps_box .alps_t dl dt em.iw:before{width:102%;}
.alps_box .alps_t dl dd{font-size:18px; font-weight:300; color:#111; line-height:30px;}
.alps_box .alps_t dl dd span{display:block;}
.alps_box .alps_t dl dd strong{font-weight:400;}
.alps_box .left.alps_img{box-shadow: 0px 0px 20px -4px #c5c5c5;}
.alps_box .alps_img p{margin-top:40px; font-size:20px; color:121212; text-align:center;}
.alps_box .alps_img ul{margin-top:23px; overflow:hidden;}
.alps_box .alps_img ul li{float:left; margin-right:11px;}
.alps_box .alps_img ul li:last-child{margin-right:0;}
.alps_box .alps_img ul li a{display:block; width:142px; height:50px; background:#efefef; border-radius:5px; font-size:20px; font-family: 'Montserrat', sans-serif; font-weight:400; color:#999; text-align:center; line-height:50px;}
.alps_box .alps_img ul li a.on{background:#ab1d22; color:#fff;}
.alps_btn{width:420px; margin:50px auto 0; }
.alps_btn a{display:block; width:100%; height:90px; background:#ab1d22; font-size:24px; color:#fff; text-align:center; line-height:90px; box-shadow: 1px 8px 23px 6px #c5c5c5;}
.alps_box .inf_g{margin:0; background:none;}
.alps_box .inf_g p{position:absolute; top:45%; left:46%; font-size:28px; font-weight:700; color:#111; transform:translate(-50%,-50%); text-align:center;}
.alps_box .inf_g p span{display:block;}
.alps_box .inf_g svg{width:365px; height:365px; transform:rotate(-90deg);}
.alps_box .inf_g svg .progress{cx:184; cy:181; r:180; stroke:#7a7a7a;}
.alps_box .inf_g:before{width:360px; height:360px; border:1px solid #dddddd;}
.alps_box .inf_g dl{width:135px; height:auto; background:none !important; border-radius:0; }
.alps_box .inf_g dl dt{width:135px; height:135px; padding-top:54px; border-radius:50%; font-size:24px; }
.alps_box .inf_g dl dd{margin-top:15px;color:#555555;}
.alps_box .inf_g dl dd span{display:block;}
.alps_box .inf_g dl:nth-child(1){left:29%; width:270px;}
.alps_box .inf_g dl:nth-child(1) dt{float:left; background:#4a90e8;}
.alps_box .inf_g dl:nth-child(1) dd{float:left; margin:50px 0 0 20px;}
.alps_box .inf_g dl:nth-child(2) dt{background:#b6cd58;}
.alps_box .inf_g dl:nth-child(2){bottom:-27px; left:265px;}
.alps_box .inf_g dl:nth-child(3){bottom:-27px; left:-40px;}
.alps_box .inf_g dl:nth-child(3) dt{background:#e8904a;}
.arrow{position:absolute;}
.arrow1{bottom:168px; right:31px; width:24px; height:15px; background:url(../../images/contents/alps_ar1.png) no-repeat 0 0; -webkit-transition: all 0.5s 1.5s ease; -moz-transition: all 0.5s 1.5s ease; -o-transition: all 0.5s 1.5s ease; transition: all 0.5s 0.76s ease;}
.arrow1.on{background:url(../../images/contents/alps_ar1_on.png) no-repeat 0 0;}
.arrow2{bottom:51px; left:83px; width:17px; height:20px; background:url(../../images/contents/alps_ar2.png) no-repeat 0 0;-webkit-transition: all 0.5s 1.5s ease; -moz-transition: all 0.5s 1.5s ease; -o-transition: all 0.5s 1.5s ease; transition: all 0.5s 1.1s ease;}
.arrow2.on{background:url(../../images/contents/alps_ar2_on.png) no-repeat 0 0;}
.arrow3{top:5px; left:105px; width:16px; height:22px; background:url(../../images/contents/alps_ar3.png) no-repeat 0 0;-webkit-transition: all 0.5s 1.5s ease; -moz-transition: all 0.5s 1.5s ease; -o-transition: all 0.5s 1.5s ease; transition: all 0.5s 1.5s ease;}
.arrow3.on{background:url(../../images/contents/alps_ar3_on.png) no-repeat 0 0;}
.alps_c5 .alps_box{padding:148px 0 47px;}
.alps_box .alps_curve{position:relative;}
.alps_box .alps_curve .chart .dot{display:inline-block; position:absolute; opacity:0; transition:0.4s;}
.group.alps_c5.on .alps_curve .chart .dot{opacity:1;}
.alps_box .alps_curve .chart .dot:nth-child(1){left:94px; top:70px; transition-delay:0;}
.alps_box .alps_curve .chart .dot:nth-child(2){left:109px; top:98px; transition-delay:0.2s;}
.alps_box .alps_curve .chart .dot:nth-child(3){left:159px; top:152px; transition-delay:0.4s;}
.alps_box .alps_curve .chart .dot:nth-child(4){left:234px; top:181px; transition-delay:0.6s;}
.alps_box .alps_curve .chart .dot:nth-child(5){left:308px; top:193px; transition-delay:0.8s;}
.alps_box .alps_curve .chart .dot:before{content:""; position:absolute; left:0; top:0; width:16px; height:16px; background-color:#b11016; border-radius:8px;}
.alps_box .alps_curve .chart .dot span{position:absolute; display:block; padding:0 8px; line-height:28px; font-size:14px; color:#767676; white-space:nowrap; border:1px solid #e2e2e2; border-radius:5px;}
.alps_box .alps_curve .chart .dot:nth-child(2) span{left:6px; top:-37px;}
.alps_box .alps_curve .chart .dot:nth-child(3) span{left:6px; top:-40px;}
.alps_box .alps_curve .chart .dot:nth-child(5) span{left:-3px; top:-44px;}
.alps_box .alps_curve .chart .dot span:before{ content:''; position:absolute; width:0; height:0; left:14px; top:100%; border:6px solid; border-color:#e2e2e2 transparent transparent #e2e2e2;}
.alps_box .alps_curve .chart .dot span:after{content:''; position:absolute; width:0; height:0; left:16px; top:100%; border: 4px solid; border-color:#fff transparent transparent #fff;}
.alps_box .alps_curve strong{margin-top:37px; display:block; font-size:20px; color:#121212; font-weight:400; text-align:center;}

/*온라인학습 - 독서프로그램*/
.online_bg{height:510px; margin-top:100px; background: url(../../images/contents/read_bg1.jpg) no-repeat center top; overflow:hidden;}
.onl_box{width:600px; height:374px; margin:136px 0 0 auto; background:#82cb78; text-align:center; overflow:hidden; }
.onl_box dl{display: table-cell; width:600px; height:374px; vertical-align: middle;}
.onl_box dl dt{font-size:38px; font-family: 'Montserrat', sans-serif; font-weight:700; color:#fff;}
.onl_box dl dt strong{display:block; font-size:50px; line-height:25px;}
.onl_box dl dt span{font-size:26px; font-family: 'Montserrat', sans-serif; font-weight:300;}
.onl_box dl dd{margin-top:20px; font-size:20px; font-weight:300; color:#fff; line-height:32px;}
.onl_box dl dd span{display:block;} 
.onl_box dl dd a{display:inline-block; width:190px; height:50px; margin-top:15px; border:1px solid #fff; border-radius:30px; font-size:18px; font-weight:300; color:#fff; line-height:50px;} 
.online_bg3{height:1385px; margin-top:100px; background: url(../../images/contents/read_bg2.jpg) no-repeat center center;  background-size:cover;}
.read_box p{font-size:24px; font-weight:300; color:#fff; text-align:center; line-height:36px;}
.read_box p span{display:block;}
.read_box .sori_box{margin:80px 0 145px;}
.read_box .sori_box ul{text-align:center;}
.read_box .sori_box ul li{display:inline-block; color:#fff; vertical-align:middle;}
.read_box .sori_box ul li.icon{position:relative; width:290px; height:290px; margin-right:100px; padding-top:100px; border:1px solid #fff; border-radius:50%; font-size:24px; font-weight:700; }
.read_box .sori_box ul li.icon:before{content:''; position:absolute; top:42%; right:-77px; width:45px; height:45px; background: url(../../images/contents/read_icon2.png) no-repeat 0 0;}
.read_box .sori_box ul li.icon2:before{background-position:-65px -10px;}
.read_box .sori_box ul li strong{display:block; margin-top:5px; font-size:34px; font-family: 'Montserrat', sans-serif; font-weight:700; }
.read_box .read_list{overflow:hidden;}
.read_box .read_list li{position:relative; float:left; margin-right:113px; background:#fff; text-align:center;}
.read_box .read_list li:last-child{margin-right:0;}
.read_box .read_list li:before{content:''; position:absolute; top:43%; right:-88px; width:60px; height:60px; background: url(../../images/contents/read_icon.png) no-repeat 0 0;}
.read_box .read_list li dl{padding:35px 0; border-top:1px solid #ddd;}
.read_box .read_list li dl dt{font-size:26px; font-weight:700; color:#111;}
.read_box .read_list li dl dd{margin-top:17px; font-size:16px; font-weight:300; color:#111; line-height:26px;}
.read_box .read_list li dl dd span{display:block;}
.read_box .read_list li dl dd strong{font-weight:400;}
.online .txt_box{width:1100px; margin:100px auto 140px; padding:79px 0; background: url(../../images/contents/txt_box2.png) no-repeat 0 0; text-align:center;}
.online .txt_box p{font-size:18px; font-weight:300; color:#111; line-height:30px;}
.online .txt_box p.tit{margin-bottom:25px; font-size:34px; font-family: 'Montserrat', sans-serif; font-weight:700;}
.online .txt_box p.tit em{font-size:26px; font-weight:300;}
.online .txt_box p span{display:block;}
.online .txt_box p strong{font-weight:400;}

/*온라인학습 - 화상영어*/
.online_bg2{background: url(../../images/contents/online_img1.jpg) no-repeat center top;}
.onl_box2{background:#fa974e;}
.onl_list{background: url(../../images/contents/online_line.png) no-repeat center 64%;}
.onl_list ul{text-align:center;}
.onl_list ul li{display:inline-block; position:relative; width:130px; margin-right:70px; padding-top:150px; background: url(../../images/contents/online_icon.png) no-repeat 0 0; font-size:18px; font-weight:300; color:#555;}
.onl_list ul li:last-child{margin-right:0;}
.onl_list ul li:nth-child(2){background-position:-200px 0;}
.onl_list ul li:nth-child(3){background-position:-400px 0;}
.onl_list ul li:nth-child(4){background-position:-600px 0;}
.onl_list ul li:nth-child(5){background-position:-800px 0;}
.onl_list ul li:nth-child(6){background-position:-1000px 0;}
.onl_list ul li:nth-child(7){background-position:-1200px 0;}
.onl_list ul li:before{content:''; position:absolute; top:33%; right:-45px; width:19px; height:19px; background: url(../../images/contents/online_icon3.png) no-repeat 0 0 / 19px;}
.onl_list ul li:last-child:before{width:0; height:0; background:none;}
.onl_cul ul li{position:relative; width:260px; height:310px; margin:65px 97px 0 0; box-shadow: 0 5px 15px 6px #d9d9d9; }
.onl_cul ul li:nth-child(2){width:340px;}
.onl_cul ul li:last-child{margin-right:0;}
.onl_cul ul li:before{content:''; position:absolute; top:44%; right:-70px; width:40px; height:40px; background: url(../../images/contents/online_icon3.png) no-repeat 0 0;}
.onl_cul ul li:last-child:before{width:0; height:0; background:none;}
.onl_cul ul li dl dt{padding:118px 0 25px; font-size:30px; font-weight:700; line-height:40px;}
.onl_cul ul li dl dt:after{content:''; position:absolute; top:-65px; left:65px; width:130px; height:135px; background: url(../../images/contents/online_icon2.png) no-repeat 0 0; z-index:99;}
.onl_cul ul li:first-child dl dt{padding:85px 0 10px;}
.onl_cul ul li:nth-child(2) dl dt:after{left:110px; background-position:-180px 0;}
.onl_cul ul li:nth-child(3) dl dt:after{background-position:-356px 0;}
.onl_cul ul li:nth-child(4) dl dt:after{background-position:-530px 0;}
.onl_cul ul li dl dd{font-size:18px; line-height:30px;}
.onl_cul ul li dl dd strong{font-weight:400;}
.onl_cul ul li.on{background:#4fa5ec;}
.onl_cul ul li.on dl dt{color:#fff;}
.onl_cul ul li.on dl dd{color:#fff;}

/*입학절차*/
.step{}
.step .txt_box{padding:69px 0; background: url(../../images/contents/txt_box3.png) no-repeat center 0;}
.step .txt_box p{font-size:24px; line-height:36px;}
.step ul{padding-top:25px; overflow:hidden;}
.step ul li{float:left; width:240px; height:272px; margin-right:100px; background:#f8f3d0; text-align:center; cursor:pointer;}
.step ul li:nth-child(2){width:420px; background:#d8f2f2;}
.step ul li:nth-child(3){background:#e8f1c3;}
.step ul li:nth-child(4){margin-right:0; background:#e2d6ef;}
.step ul li .step_box{}
.step ul li .step_box span{display:block; width:140px; height:50px; margin:-25px auto 0; background:#e8bf42; border-radius:30px; font-size:20px; font-family: 'Montserrat', sans-serif; font-weight:700; color:#fff; line-height:50px;}
.step ul li .step_box p{display:inline-block; margin-top:20px; padding-top:160px; font-size:18px; font-weight:300; color:#111; background: url(../../images/contents/ads_icon.png) no-repeat 20px 0;}
.step ul li.on .step_box p{background-position:20px -209px;}
.step ul li.on .step_box p{background-position:20px -209px;}
.step ul li.on .step_box p{background-position:20px -209px;}
.step ul li:hover .step_box p{background-position:20px -209px;}
.step ul li:nth-child(2).on .step_box p{background-position:-313px -209px;}
.step ul li:nth-child(2).on .step_box p.pd{background-position:-149px -209px;}
.step ul li:nth-child(3).on .step_box p{background-position:-480px -209px;}
.step ul li:nth-child(4).on .step_box p{background-position:-622px -209px;}
.step ul li:nth-child(2) .step_box p{background-position: -313px 0;}
.step ul li:nth-child(2):hover .step_box p{background-position: -313px -209px;}
.step ul li:nth-child(2) .step_box p.pd{margin-right:20px; padding:160px 20px 0; background-position:-149px 0;}
.step ul li:nth-child(2):hover .step_box p.pd{background-position:-149px -209px;}
.step ul li:nth-child(2) .step_box span{background:#428bc7;}
.step ul li:nth-child(3) .step_box p{background-position: -480px 0;}
.step ul li:nth-child(3):hover .step_box p{background-position: -480px -209px;}
.step ul li:nth-child(3) .step_box span{background:#82cb78;}
.step ul li:nth-child(4) .step_box p{background-position: -622px 0;}
.step ul li:nth-child(4):hover .step_box p{background-position: -622px -209px;}
.step ul li:nth-child(4) .step_box span{background:#bd97e8;}
.group.step_group{margin:60px auto 100px; background:#f7f7f7; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; overflow:initial;}
.step_db{display:none; position:relative; width:1440px; margin:0 auto; padding:50px 0; text-align:center;}
.step_db p{margin:30px 0 25px; font-weight:700;}
.step_db.on:before{content:''; position:absolute; top:-30px; left:88px; width:63px; height:30px; background: url(../../images/contents/ads_arrow.png) no-repeat 0 0;}
.step2.on:before{left:515px; }
.step3.on:before{left:953px; }
.step4.on:before{left:1295px; }
.step_db.on{display:block;}
.step_db .s_num{display:block; width:140px; height:50px; margin:0 auto; background:#e8bf42; border-radius:30px; font-size:20px; font-family: 'Montserrat', sans-serif; font-weight:700; color:#fff; line-height:50px;}
.step2 .s_num{background:#428bc7;}
.step3 .s_num{background:#82cb78;}
.step4 .s_num{background:#bd97e8;}
.step_db dl{margin-bottom:20px;}
.step_db dl dt{font-size:18px; font-weight:700;}
.step_db dl dd{font-size:18px; font-weight:300; color:#111; line-height:30px;}
.step_db dl dd span{display:block;}

/*공지이벤트*/
.notice_c{margin-bottom:80px; padding:80px 0; background:#ddd;}
.notice{}
.notice .nbox{position:relative; float:left; width:580px; height:380px; margin-right:20px; padding:35px 40px 40px 40px; background:#fff; box-shadow:0px 4px 12px -1px #dcdcdc;}
/*.notice .nbox:hover{background: url(../../data/bbs/003/1564290427.jpg) no-repeat 0 0 / cover;}*/
.notice .nbox:last-child{margin-right:0;}
.notice .nbox img{width:100%;}
.notice .nbox h6{position:absolute; top:40px; left:40px; font-size:24px; font-weight:700; color:#ab1e23;} 
.notice .nbox p{margin:30px 0 13px; font-size:34px; font-weight:300; color:#111; line-height:44px;}
.notice .nbox p span{display:block;}
.notice .nbox > span{display:block; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:300; color:#888;}
.notice .nbox a{display:block; position:absolute; bottom:40px; right:40px; width:140px; height:50px; padding-right:15px; background: url(../../images/contents/notice_icon2.png) no-repeat 86% 53%; border:1px solid #ab1e23; font-size:18px; color:#ab1e23; text-align:center; line-height:50px;}
.notice .nbox:before{content:''; display:none; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.notice .nbox:hover:before{display:block;}
.notice .nbox:hover h6{color:#fff;}
.notice .nbox:hover a{background: url(../../images/contents/notice_icon2_on.png) no-repeat 86% 53%; border:1px solid #fff; color:#fff;}
.notice table{width:100%; margin-bottom:60px;}
.notice table th{height:59px; border-top:1px solid #666666; border-bottom:1px solid #666666; font-size:16px; font-weight:500;}
.notice table td{height:90px; border-bottom:1px solid #dadada; font-size:16px; color:#999; text-align:center;}
.notice table td .n_img{float:left; width:95px; margin-right:23px; background:#000;}
.notice table td .n_img img{width:100%;}
.notice table td a{display:inline-block; position:relative; margin:19px 0; color:#111;}
.notice table td a.down{padding-right:50px; background: url(../../images/contents/notice_icon.png) no-repeat 90% center;}
.notice table td a.new:before{content:''; position:absolute; top:2px; right:-32px; width:18px; height:18px; background: url(../../images/contents/notice_icon.png) no-repeat -32px center;}
.notice table td:nth-child(1){font-family: 'Montserrat', sans-serif; font-weight:400;}
.notice table td:nth-child(3){padding-left:52px; text-align:left;}
.notice table td:nth-child(4){font-family: 'Montserrat', sans-serif; font-weight:400; color:#777;}
.notice2 table td:nth-child(2){text-align:left;}
.notice2 table td:nth-child(3){padding-left:0; text-align:center;}

/*언론보도 view*/
.n_view{}
.n_view .view_box{}
.n_view .view_box table{width:100%; border-top:1px solid #666666;}
.n_view .view_box table tr td{position:relative; height:70px; padding:0 40px; border-bottom:1px solid #dadada; font-size:18px; color:#000; text-align:left;}
.n_view .view_box table tr td:last-child{text-align:right;}
.n_view .view_box table tr td.view_c{padding:60px 0 175px; text-align:center;}
.n_view .view_box table tr td.data{font-size:16px;}
.n_view .view_box table tr td.data span{margin-left:10px; font-weight:300; color:#555;}
.n_view .view_box table tr td.td_box{width:50%;}
.n_view .view_box table tr td > a{padding:2px 45px 3px; font-size:16px; font-weight:500; color:#666;}
.n_view .view_box table tr td > a.prev{background: url(../../images/contents/online_icon4.png) no-repeat left 2px / 25px;}
.n_view .view_box table tr td > a.prev:before{content:''; position:absolute; top:10px; right:0; width:1px; height:48px; background:#999999;}
.n_view .view_box table tr td > a.next{float:right; background: url(../../images/contents/online_icon3.png) no-repeat right 2px / 25px;}
.n_view .view_box table tr td p{display:inline-block; width:350px; font-size:16px; vertical-align:middle;}
.n_view .view_box table tr td p a{display:block; color:#999; width:100%; font-size:16px; text-overflow: ellipsis; overflow: hidden; word-wrap: normal; white-space: nowrap;}
.n_view .view_box table tr td.view_c p{display:block;}
.n_view .view_box table tr:nth-child(2) td p{width:auto;}
.n_view .view_box .list_btn{margin-top:40px; text-align:center;}
.n_view .view_box .list_btn a{display:inline-block; width:140px; height:50px; padding-left:27px; background:url(../../images/contents/list.png) no-repeat 25px center #ab1d22; font-size:17px; font-family: 'NanumSquare'; font-weight:400; color:#fff; text-align:center; line-height:50px;}


/*공통*/
.group{overflow:hidden;}
.group .contents{width:1200px;}
.group .contents2{width:1240px;}
.group .contents3{width:1420px;}
.group .contents4{width:1660px;}
.group .contents5{width:1440px;}
.group .contents6{width:1530px;}
.left{float:left;}
.right{float:right;}
.pdtt100{padding:100px 0;}
.mdt100{margin-top:100px;}
.mdb100{margin-bottom:100px;}
.mdb170{margin-bottom:170px;}
.mdb190{margin-bottom:190px;}
.co1{color:#ab1e23;}
.com_txt p{font-size:34px; font-weight:300; color:#111; line-height:50px; text-align:center;}
.com_txt p span{display:block;}
.com_tit{font-size:34px; font-weight:500; color:#111;}
.com_tit span{display:block;}
.com_txt2{font-size:24px; font-weight:300; color:#333; line-height:34px;}
.com_txt2 span{display:block;}
.com_txt3{font-size:18px; text-align:center;}
strong{font-weight:700;}
.s_title{margin-bottom:80px; font-size:30px; font-weight:700; color:#333; text-align:center;}
.s_title2{margin-bottom:20px;}
.s_title4{margin-bottom:40px;}

.bgef{background:#efefef;}
.com_box{text-align:center;}
.com_box li{display:inline-block; background:#fff; vertical-align:middle;}
.com_box li dt{font-size:34px; font-weight:500; color:#111;}
.com_box li dd{font-size:24px; font-weight:300; color:#333; line-height:34px;}
.com_box li span{display:block;}

/*탭*/
.tab ul{text-align:center;}
.tab ul li{display:inline-block; margin-right:-4px; background:#fff;}
.tab ul li:first-child{margin-right:-4px;}
.tab ul li a{display:inline-block; width:305px; height:75px; background:#fff; border:1px solid #dbd6d6; font-size:26px; font-weight:300; color:#333333; line-height:75px; text-align:center;}
.tab ul li a.on{background:#ab1d22; color:#fff; box-shadow: -1px 9px 21px 2px #ebc6c7;}
.info_txt{margin-top:30px; font-size:18px; text-align:center;}

/*페이징*/
.at_num{margin-top:28px; text-align:center;}
.at_num a{display:inline-block; position:relative; width:40px; height:40px; margin:0 3px; border:1px solid #ddd; border-radius:5px; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:600; color:#111; text-align:center; vertical-align:middle; line-height:40px; }
.at_num a.on{color:#ab1d22;}
.at_num a.n_none{font-size:0; line-height:0;}
.at_num a:first-child:before{content:''; position:absolute; top:15px; left:15px; width:6px; height:10px; background:url(../../images/contents/at_arrow.png) no-repeat -9px 0;}
.at_num a:last-child:before{content:''; position:absolute; top:15px; left:15px; width:6px; height:10px; background:url(../../images/contents/at_arrow.png) no-repeat -19px 0;}
.at_num a img{display:none;}



/*@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash {

  to {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes dash {

  to {
    stroke-dashoffset: 0;
  }
}

@-o-keyframes dash {

  to {
    stroke-dashoffset: 0;
  }
}*/


/*이러닝 추가*/
.video{width:600px; height:350px; overflow:hidden;}
.video .video_box{width:100%; height:100%;}
.video .video_box .video_w{width:100%; height:100%;}


/*이러닝 추가2*/
.alps_box .alps_img.right{vertical-align:bottom;}
.alps_box .alps_img .sys_list{height:368px; vertical-align:bottom;}
.alps_box .alps_img .sys_list li{display:inline-block; position:relative; float:none; width:200px; height:368px; margin-right:-3px; text-align:center;}
.alps_box .alps_img .sys_list li .sys_box{position:absolute; bottom:0; left:0;}
.alps_box .alps_img .sys_list li .sys_img{display:inline-block; width:200px; height:0; margin-top:11px; transition:all ease 0.3s 0.3s; vertical-align:bottom; opacity:0;}
.alps_c3.on .alps_img .sys_list li:nth-child(1) .sys_img{height:133px; transition:all ease 1s 0.3s; opacity:1;}
.alps_c3.on .alps_img .sys_list li:nth-child(2) .sys_img{height:198px; transition:all ease 1s 1s; opacity:1;}
.alps_c3.on .alps_img .sys_list li:nth-child(3) .sys_img{height:283px; transition:all ease 1s 1.8s; opacity:1;}


/*가맹문의 추가*/
.topImg9{background:url(../../images/contents/topbg9.jpg) no-repeat center center;}
.fi_cont{position:relative; margin-top:312px; padding-bottom:100px; background:#f9f9f9; overflow:visible;}
.fi_cont3{position:relative; background:none; overflow: visible;}
.fi_box{padding-bottom:50px; overflow:hidden;}
.fi_box .fi_img{position:absolute; top:-215px; left:50%; transform:translate(-50%,0);}
.fi_box .fi_txt{margin-top:340px; overflow:hidden;}
.fi_box .fi_txt .left{width:24%;}
.fi_box .fi_txt .right{width:75%;}
.fi_box .fi_txt h5{float:left; font-size:34px; font-weight:700; color:#111;}
.fi_box .fi_txt p{float:left; margin-bottom:25px; font-size:20px; font-weight:300; color:#333; line-height:36px; letter-spacing:-0.6px;}
.fi_box .fi_txt p:last-child{font-weight:400;}
.fi_box .fi_txt p span{display:block;}
.fi_btn{margin-top:50px; text-align:center;}
.fi_btn a{display:inline-block; height:50px; padding:0 20px; background:#ab1e23; font-size:18px; color:#fff; text-align:center; line-height:50px;}

.contents.fi_count{width:930px; margin:0 auto 100px; overflow:hidden;}
.fi_count .count_img{}
.fi_count .count_txt{margin-top:210px;}
.fi_count .count_txt p{font-size:34px; font-weight:300; color:#111;}
.fi_count .count_txt p strong{display:inline-block; font-size:80px; font-family: 'Montserrat', sans-serif; font-weight:700; color:#ab1e23; vertical-align:middle;}
.fi_count .count_txt a{display:block; width:273px; height:69px; border:1px solid #333333; font-size:24px; font-weight:300; color:#333; text-align:center; line-height:69px;}

.fi_cont2{background:#f9f9f9;}
.fi_cont2 .fi_map{position:relative; width:450px; margin:0 auto; text-align:center;}
.fi_cont2 .fi_map .fi_map_p{position:absolute; width:350px;}
.fi_cont2 .fi_map .fi_map_p1{top:135px; left:162px; z-index:999;}
.fi_cont2 .fi_map .fi_map_p2{top:190px; right:250px; z-index:999;}
.fi_cont2 .fi_map .fi_map_p3{top:110px; left:300px; width:382px; z-index:998;}
.fi_cont2 .fi_map .fi_map_p4{top:315px; left:335px; z-index:998;}
.fi_cont2 .fi_map .fi_map_p5{top:380px; left:350px; width:382px; z-index:998;}
.fi_cont2 .fi_map .fi_map_p6{top:429px; right:275px;}
.fi_cont2 .fi_map .fi_map_p7{top:476px; left:143px; width:382px;}
.fi_cont2 .fi_map .fi_map_p8{top:465px; left:415px; width:382px;}
.fi_cont2 .fi_map .fi_map_p9{top:142px; right:370px; }
.fi_cont2 .fi_map .fi_map_p10{top:420px; left:430px; width:382px;}
.fi_cont2 .fi_map .fi_map_p11{top:308px; right:282px; }
.fi_cont2 .fi_map .fi_map_p12{top:258px; right:282px; }
.fi_cont2 .fi_map .fi_map_p p{position:relative; height:25px; padding:0 12px; background:#666666; border-radius:5px; font-size:16px; color:#fff; line-height:25px;}
.fi_cont2 .fi_map .fi_map_p p.on{background:#ab1d22; color:#fff;}
.fi_cont2 .fi_map .fi_map_p p:before{content:''; position:absolute; top:1px; left:-33px; width:24px; height:24px; background:url(../../images/contents/fi_icon.png) no-repeat 0 0;}
.fi_cont2 .fi_map .fi_map_p .map_p:before{top:-27px; left:24px; width:24px; height:24px; background:url(../../images/contents/fi_icon.png) no-repeat 0 0;}
.fi_cont2 .fi_map .fi_map_p .map_p2:before{top:0px; left:103px; width:24px; height:24px; background:url(../../images/contents/fi_icon.png) no-repeat 0 0;}
.fi_cont2 .fi_map .fi_map_p .fi_map_on{display:none; width:270px; padding:35px 0; background:rgba(255,255,255,0.9); border:1px solid #ddd;}
.fi_cont2 .fi_map .fi_map_p .fi_map_on dl{}
.fi_cont2 .fi_map .fi_map_p .fi_map_on dl dt{margin-bottom:10px; font-size:20px; font-weight:700; color:#111;}
.fi_cont2 .fi_map .fi_map_p .fi_map_on dl dd{font-size:18px; font-weight:300; color:#555555; line-height:30px;}

/*가맹문의 본사 지원사항*/
.fi_box2{}
.fi_box2 table{width:100%; margin-top:40px;}
.fi_box2 table th{height:80px; background:#fcfcfc; border:1px solid #ddd; font-size:24px; font-weight:700; color:#333;}
.fi_box2 table td{height:179px; font-size:20px; color:#333; border:1px solid #ddd; text-align:center;}
.fi_box2 table td ul li{position:relative; margin-left:50px; padding-left:15px; font-size:18px; font-weight:300; line-height:30px; text-align:left; letter-spacing:-1px;}
.fi_box2 table td ul li:before{content:''; position:absolute; top:13px; left:0; width:4px; height:4px; background:#333333; border-radius:50%;}

/*가맹문의 가맹절차*/
.fi_box3{height:500px;}
.fi_box3 .fi_proc{background:none;}
.fi_box3 .fi_proc ul{background: url(../../images/contents/fi_icon3.png) no-repeat 44% 33%;}
.fi_box3 .fi_proc ul li{margin-right:67px; background:none; font-size:20px; font-weight:400; color:#111; vertical-align:top;}
.fi_box3 .fi_proc ul li:after{content:''; position:absolute; top:0; left:50%; width:130px; height:130px; background: url(../../images/contents/fi_icon2.png) no-repeat 0 0; transform:translate(-50%,0);}
.fi_box3 .fi_proc ul li:nth-child(2):after{background-position:-200px 0;}
.fi_box3 .fi_proc ul li:nth-child(3):after{background-position:-400px 0;}
.fi_box3 .fi_proc ul li:nth-child(3):before{top:28%;}
.fi_box3 .fi_proc ul li:nth-child(4):after{background-position:-600px 0;}
.fi_box3 .fi_proc ul li:nth-child(4):before{top:28%;}
.fi_box3 .fi_proc ul li:nth-child(5):after{background-position:-800px 0;}
.fi_box3 .fi_proc ul li:nth-child(6):after{background-position:-1000px 0;}
.fi_box3 .fi_proc ul li:nth-child(7):after{background-position:-1200px 0;}
.fi_box3 .fi_proc ul li:nth-child(8):after{margin-right:0; background-position:-1399px 0;}
.fi_box3 .fi_proc ul li .fi_proc_on{position:absolute; bottom:-220px; left:-84px; width:285px; padding:25px 20px; background:#fff; border:1px solid #ddd;}
.fi_box3 .fi_proc ul li .fi_proc_on2{bottom:-126px; left:-7px; width:150px;}
.fi_box3 .fi_proc ul li .fi_proc_on3{bottom:-177px; left:-10px; width:155px;}
.fi_box3 .fi_proc ul li .fi_proc_on4{bottom:-151px; left:-21px; width:175px;}
.fi_box3 .fi_proc ul li .fi_proc_on:before{content:''; position:absolute; top:-16px; left:50%; width:22px; height:16px; background: url(../../images/contents/fi_icon4.png) no-repeat 0 0; transform:translate(-50%,0);}
.fi_box3 .fi_proc ul li .fi_proc_on p{position:relative; padding-left:15px; font-size:18px; font-weight:300; color:#555; line-height:26px; text-align:left; letter-spacing:-1px;}
.fi_box3 .fi_proc ul li .fi_proc_on p:before{content:''; position:absolute; top:12px; left:0; width:4px; height:4px; background:#333333; border-radius:50%;}
.fi_box3 .fi_proc ul li .fi_proc_on a{display:block; width:200px; height:50px; margin:15px auto 0; background:#ab1e23; font-size:18px; font-weight:300; color:#fff; line-height:50px; }

/*상담신청서*/
.apply_box{margin-top:100px;}
.apply_box table{width:100%; margin-top:70px; border-top:3px solid #ab1d22; text-align:left;}
.apply_box table .bg{background:#f9f9f9;}
.apply_box table th{width:295px; height:90px; padding-left:41px; border-bottom:1px solid #ddd; font-size:20px; font-weight:400; color:#111; text-align:left;}
.apply_box table th.point span{position:relative; padding-right:16px;}
.apply_box table th.point span:before{content:''; position:absolute; top:12px; right:0; width:6px; height:6px; background:#ab1d22; border-radius:50%;}
.apply_box table th.vat{padding-top:20px;}
.apply_box table td{font-size:18px; border-bottom:1px solid #ddd;}
.apply_box table td input{height:50px; padding-left:20px; background:#fff; border:1px solid #ddd; font-size:18px; font-weight:300; vertical-align:middle;}
.apply_box table td input.a_ipt1{width:255px;}
.apply_box table td input.a_ipt2{width:645px; margin:10px 0 0 53px;}
.apply_box table td input.a_ipt3{width:120px;}
.apply_box table td input.a_ipt4{width:695px;}
.apply_box table td input.a_ipt5{width:210px;}
.apply_box table td input.a_ipt6{width:580px; margin-left:10px;}
.apply_box table td input.a_ipt7{width:175px;}
.apply_box table td input.a_ipt8{width:228px;}
.apply_box table td label{margin-right:19px; font-size:18px; color:#333;}
.apply_box table td .a_tit{display:inline; margin-right:19px; font-size:18px; color:#333;}
.apply_box table td .line{ border-bottom:1px solid #ddd;}
.apply_box table td .ap_box{padding:20px 0; }
.apply_box table td .ap_set{display:inline-block; position:relative; width:120px; height:50px; padding-left:20px; background:#fff; border:1px solid #ddd; vertical-align:middle; cursor:default;}
.apply_box table td .ap_set span{display:block; line-height:50px; background: url(../../images/contents/apply_icon.png) no-repeat 85% center; color:#555;}
.apply_box table td .ap_set ul{display:none; position:absolute; top:48px; left:-1px; width:101.5%; height:150px; padding:10px 20px; background:#fff; border:1px solid #ddd; z-index:99; overflow-y:scroll !important;}
.apply_box table td .ap_set ul li{line-height:25px;}
.apply_box table td .ap_set2{width:90px;}
.apply_box table td .ap_set3{width:200px;}
.apply_box table td .ap_set2 span{background-position:73% center;}
.apply_box table td button{width:150px; height:50px; margin-left:7px; background:#333333; font-size:18px; font-weight:300; color:#fff; vertical-align:middle;}
.apply_box table td .icon{margin:0 6px; font-size:18px; color:#999999;}
.apply_box table td span.ex_txt{margin-left:10px; font-size:18px; color:#999;}
.apply_box table td textarea{width:860px; height:160px; margin:20px 0; padding:20px; border:1px solid #ddd; font-size:18px; resize:none;}
.apply_box table td .texta{height:240px;}
.apply_box table td ul{padding:20px 0;}
.apply_box table td ul li{margin-bottom:10px;}
.apply_box table td ul li:last-child{margin-bottom:0;}
.apply_box table td .radio{display:inline-block; margin-right:20px;}
.apply_box table td.date p{margin-left:5px;}
.apply_box table td.date span{font-family: 'Montserrat', sans-serif; font-weight:400;}
.apply_box table td.date ul li{font-family: 'Montserrat', sans-serif; font-weight:400;}
.apply_box table td .memberIpt2{margin-bottom:20px;}
.apply_box table td .priv_box{width:860px; height:240px; margin:20px 0; padding:20px; background:#fff; border:1px solid #ddd; font-size:16px; line-height:26px; overflow-y:scroll;}
/*.apply_box .memberIpt input[type="radio"]{display:none;}
.apply_box input[type="checkbox"] + label, .memberIpt input[type="radio"] + label{color:#000;}
.apply_box input[type="checkbox"] + label span, .memberIpt input[type="radio"] + label span{display:inline-block; width:25px; height:25px; margin:-2px 7px 0 0; vertical-align:middle; background:url(../../images/contents/radio.png) no-repeat left top; cursor:pointer;}
.apply_box input[type="checkbox"]:checked + label span, .memberIpt input[type="radio"]:checked + label span{background-position: -36px 0;}
.apply_box input[type="checkbox"] + label span{width:30px; height:30px; background:url(../../images/contents/check.png) no-repeat left top;}
.apply_box input[type="checkbox"]:checked + label span{background-position: -40px 0;} */
.apply_box .app_btn{margin-top:60px; text-align:center;}
.apply_box .app_btn a{display:inline-block; width:200px; height:70px; background:#777777; font-size:24px; color:#fff; text-align:center; line-height:70px;}
.apply_box .app_btn a.on{margin-right:7px; background:#ab1d22;}
.apply_box .app_btn input{display:inline-block; width:200px; height:70px; background:#777777; font-size:24px; color:#fff; text-align:center; line-height:70px; vertical-align:top;}
.apply_box .app_btn input.on{margin-right:7px; background:#ab1d22; border:none;}

.tab2{position:relative;}
.tab2:after{content:''; position:absolute; top:0; left:0; width:100%; height:39px; background:#f9f9f9; z-index:-1;}
.tab2 ul li a{font-size:22px;}
.s_title3{margin:100px 0 30px;}

/*사이트맵*/
.sitemap{}
.sitemap .site_list{margin-bottom:90px;}
.sitemap .site_list2{margin-bottom:30px;}
.sitemap .site_list h2{padding-bottom:15px; border-bottom:2px solid #ab1e23; font-size:30px;}
.sitemap .site_list h2 a{color:#333;}
.sitemap .site_list2 h2{padding-bottom:0; border:none;}
.sitemap .site_list ul{margin:30px 0 0 10px; overflow:hidden;}
.sitemap .site_list ul li{position:relative; float:left; margin-right:80px; padding-left:15px;}
.sitemap .site_list ul li:before{content:''; position:absolute; top:12px; left:0; width:4px; height:4px; background:#ab1e23; border-radius:50%;}
.sitemap .site_list ul li a{font-size:20px; color:#333333;}

/*서강교육그룹*/
.g_box .fi_txt p:last-child{font-weight:300;}

/*서강교육그룹 - 영어교육사업*/
.g_cont{}
.g_cont .contents{overflow:hidden;}
.g_cont2{margin:100px 0; padding:100px; background:#efefef;}
.g_cont dl{margin-top:110px;}
.g_cont2 dl{margin-top:50px;}
.g_cont dl dt{font-size:30px; font-weight:700; color:#111;}
.g_cont dl dd{position:relative; margin-top:20px; padding-left:15px; font-size:20px; font-weight:300; color:#333; line-height:32px;}
.g_cont dl dd:before{content:''; position:absolute; top:14px; left:0; width:4px; height:4px; background:#333; border-radius:50%;}
.g_cont dl dd span{display:block;}
.g_cont dl dd ul li{font-size:18px; color:#555; line-height:28px;}
.g_cont dl dd ul li span{padding-left:10px;}
.g_cont .g_list li{position:relative; margin-top:7px; padding-left:15px; font-size:20px; font-weight:300; color:#333; line-height:32px;}
.g_cont .g_list li:before{content:''; position:absolute; top:14px; left:0; width:4px; height:4px; background:#333; border-radius:50%;}

/*서강교육그룹 - 사회공헌사업*/
.g_cont1{margin-top:345px; padding-bottom:50px;}
.g_cont1 .g_box .fi_img{top:-248px;}
.g_cont .g_box .fi_img2{top:-160px;}
.g_cont1 h4{margin-bottom:40px;}
.g_cont1 .fi_txt{margin-top:250px;}
.g_cont .g_txt{margin-top:250px;}
.g_cont3{margin-bottom:100px;}
.g_cont3 .g_txt{margin-top:70px;}
.g_cont4{margin-top:345px; padding-bottom:0;}
.g_cont5{margin-top:250px; padding-bottom:90px;}
.g_cont6{margin-top:270px; padding-bottom:0;}
.g_box .g_txt .left{width:26%;}
.g_box .g_txt .right{width:70%;}
.fi_box .g_txt2 h5{margin-left:20px; font-size:30px;}
.fi_box .g_txt2 h5 span{display:block;}
.fi_box .g_txt dl{margin-top:0;}
.fi_box .g_txt dl dt{margin:5px 0 20px; font-size:22px; font-weight:400;}
.fi_box .g_txt dl dt span{display:block;}
.fi_box .g_txt dl dd{margin-top:7px;}
.fi_box .g_txt dl dd strong{font-weight:400;}
.fi_box .g_txt dl dd span{padding-left:120px;}
.fi_box .f_btn{margin-top:50px; text-align:center;}
.fi_box .f_btn a{display:inline-block; width:260px; height:50px; margin:0 auto; background:#ab1e23; font-size:18px; font-weight:300; color:#fff; text-align:center; line-height:50px;}
.g_box .fi_img{top:-232px;}
.g_box .g_img{margin-top:100px;}

@media screen and (min-width: 1280px) and (max-width: 1719px){

/*학당찾기*/
.at_loaction{width:100% !important;}
.at_box .at_search{width:1115px; margin:50px auto 0; padding:20px 0;}
.at_box .at_map{width:54%;}
.at_box .at_list{width:45%;}

/*주니어과정*/
.jun_box2 .contents{width:100% !important;}
.jun_box2 .proc_list3 .con_list2 ul li{width:21%; margin-right:5%;}
.jun_box2 .proc_list3 .con_list2 ul li img{width:100%;}
.jun_box2 .proc_list3 .con_list3 ul li dl{height:310px; padding:30px 10px;}
.jun_box2 .proc_list3 .con_list3 ul li dl dd span{display:inline;}
.jun_box3 .contents{width:100% !important;}
.jun_box3 .proc_list3 .con_list2 ul li{width:21%; margin-right:2.4%;}
.jun_box3 .proc_list3 .con_list2 ul li img{width:100%;}
.jun_box3 .proc_list3 .con_list3 ul li dl{padding:30px 10px;}
.jun_box3 .proc_list3 .con_list3 ul li dl dd span{display:inline;}

/*가맹절차*/
.fi_box3 .fi_proc ul{background-size:90%; background-position:44% 61px;}
.fi_box3 .fi_proc ul li{width:11%;}
.fi_box3 .fi_proc ul li{margin-right:1%;}
.fi_box3 .fi_proc ul li:last-child{margin-right:0;}
.fi_box3 .fi_proc ul li:before{top:30%; right:-11%;}
.fi_box3 .fi_proc ul li .fi_proc_on1{left:0;}
.fi_box3 .fi_proc ul li .fi_proc_on1:before{left:29%;}
.fi_box3 .fi_proc ul li .fi_proc_on2{left:0;}
.fi_box3 .fi_proc ul li .fi_proc_on3{left:0;}
.fi_box3 .fi_proc ul li .fi_proc_on4{left:0;}

}

@media screen and (min-width: 1280px) and (max-width: 1659px){

/*독서프로그램*/
.online_bg3 .contents4{width:100%;}
.read_box .read_list li{width:19.3%; margin-right:7.6%;}
.read_box .read_list li:before{right:-31%;}
.read_box .read_list li img{width:100%;}

}

@media screen and (min-width: 1280px) and (max-width: 1439px){

/*입학절차*/
.group .step_page{width:100%;}
.step ul li{width:19%; margin-right:5%;}
.step ul li:nth-child(2){width:28%;}
.step_db{width:100%;}
.step2.on:before{left:36%;}
.step3.on:before{left:65%;}
.step4.on:before{left:89%;}

}

@media screen and (min-width: 1280px) and (max-width: 1419px){

/*화상영어*/
.online .contents3{width:1280px;}
.onl_list ul li{margin-right:4%;}
.onl_list ul li:before{right:-40px;}

.onl_cul ul li{width:18%; margin:65px 6% 0 0;}
.onl_cul ul li:nth-child(2){width:24%;}
.onl_cul ul li:before{right:-26%;}
.onl_cul ul li:nth-child(2):before{right:-19%;}
.onl_cul ul li dl dt:after{left:50%; transform:translate(-50%,0);}
.onl_cul ul li:nth-child(2) dl dt:after{left:50%;}
}

/*ceo 추가*/
.ceo{margin-bottom:200px;}
.ceo dl{}
.ceo dl dt{margin:90px 0 5px; font-size:26px; font-weight:500; color:#111; letter-spacing:-1px;}
.ceo dl dd{position:relative; padding-bottom:40px; margin-bottom:35px; font-family: 'Montserrat', sans-serif; font-size:50px; font-weight:700; color:#111; letter-spacing:-4px;}
.ceo dl dd:before{content:''; position:absolute; bottom:0; left:0; width:60px; height:3px; background:#ab1d22;}
.ceo p{font-size:18px; font-weight:300; color:#333; line-height:30px;}
.ceo p span{display:block; margin-top:25px;}
.ceo p strong{display:block;}
.ceo .sign{margin-top:50px; font-size:24px; color:#000; text-align:right;}
.ceo .sign strong{display:inline; font-size:30px; margin-right:25px;}