@charset "utf-8";


.main_container{position:relative;}
.m_content h2,
.m_content h2 a{font-family:'SBAggro';font-weight:500;}


/*비주얼*/
.m_visual{font-family:'SBAggro';background:url("/images/13_edu/main/visual_bg.jpg") no-repeat center top;background-size:cover;text-align:center;padding:50px 0;}
.m_visual .vtxt{font-size:23px;padding:5px 0 15px 0;}
.m_visual .vtxt span{color:#c41e58;}
.m_visual .vtxt strong{color:#1d4eb2;}
.m_visual .vtxt2 span{display:block;font-size:14px;font-weight:300;line-height:20px;}
.m_visual .vtxt2 span em{font-style:normal;color:#0074a9;}

/*자주찾는서비스*/
.m_link{padding:50px 20px;}
.m_link h2{font-size:30px;text-align:center;}
.m_link h2 strong{display:inline-block;color:#1d4eb2;padding-left:7px;}
.m_link ul{}
.m_link ul:after{display:block;content:"";clear:both;}
.m_link li {float:left;width:calc(100% / 2); text-align:center;padding-top:20px;}
.m_link li a{display:block;position:relative;font-family:'SBAggro';font-weight:300;}
.m_link li a:before{display:block;content:'';border-radius:25px;width:76px;height:76px;vertical-align:middle;background:url("/images/13_edu/main/svc_icon.png") no-repeat;margin:0 auto 10px auto;}
.m_link .l1 a:before{background-position:center 0;background-color:#6278d1;}
.m_link .l2 a:before{background-position:center -150px;background-color:#59babf}
.m_link .l3 a:before{background-position:center -300px;background-color:#ab83f5}
.m_link .l4 a:before{background-position:center -450px;background-color:#49769b}
.m_link .l5 a:before{background-position:center -600px;background-color:#ff8683}


/*인포존*/
.info_zone{position: relative;padding: 6px 20px;margin-bottom: 30px;}
.info_zone h2{margin-bottom: 26px;text-align:left;padding-left:10px;}
.info_zone .img img{width: 100%; border-radius: 20px;}
.info_zone .control{position: absolute; top: 0; right:10px;}
.info_zone .control span{display: inline-block; margin: 3px 4px 0 0; vertical-align: middle;}
.info_zone .control i{font-style: normal;font-size: 18px;}
.info_zone .control em{font-style: normal; font-size: 18px;font-weight: 600;}
.info_zone .control em::after{content: ''; display: inline-block; width: 5px; height: 5px; margin: 0 8px; background: #aad2e2; border-radius: 50%; vertical-align: middle;}
.info_zone .control button{display: inline-block;width: 29px;height: 29px;border-radius: 10px;background: #fff url('/images/common/footer_arrow.png') no-repeat;font-size: 0;border: 1px #e3e9f3 solid;}
.info_zone .control button.prev{background-position: center 9px;}
.info_zone .control button.next{background-position: center -57px;}
.info_zone .control button.play{background-position: center -35px;}
.info_zone .control button.stop{background-position: center -12px;}


/* 게시판 */
.m_bbs{position: relative;  padding: 30px 20px 50px 20px; background:#ebf3f6;}
.m_bbs h2{color:#1d4eb2;font-size:30px;}
.m_bbs .bbs_con{margin-top:30px;background:#fff;border-radius:20px;padding:20px;border: 1px #e3e9f3 solid;}
.bbs_con ul li a{display: block; position: relative; height: 55px; padding-top: 14px; border-top: 1px #e3e9f3 solid;}
.bbs_con ul li a strong{display: inline-block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 65%; font-weight: 400;}
.bbs_con ul li a strong::before{content: ''; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: #b2d5e5; vertical-align: middle;}
.bbs_con ul li a span{display: none; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.bbs_con ul li a p{position: absolute; top: 16px; right: 0;}
.bbs_con ul li a p em{display: none;}
.bbs_con ul li a p i{display: block; font-style: normal; color: #0074a9; font-size: 14px;}
.bbs_con ul li:first-of-type a{height: auto; padding-top: 24px; margin-bottom: 30px; border: none;}
.bbs_con ul li:first-of-type a strong{width: 100%; -webkit-line-clamp: 2; margin-bottom: 12px; font-size: 18px; font-weight: 500;}
.bbs_con ul li:first-of-type a strong::before{display: none;}
.bbs_con ul li:first-of-type a span{display: block; display: -webkit-box;}
.bbs_con ul li:first-of-type a p{top: 0;}
.bbs_con ul li.new::before{content: 'NEW'; position: absolute; display: block; color: #e2274f; font-size: 14px;}
.bbs_con p .more{display: block; width: 34px; height: 34px; overflow:hidden; padding-top:34px;border: 1px #e3e9f3 solid; border-radius: 10px; background:#fff url('/images/13_edu/main/ico_more.png') no-repeat center;position:absolute;top:25px;right:20px;box-shadow:0 0 10px rgba(0,0,0,0.1)}


@media all and (min-width:768px) {

/*비주얼*/
.m_visual{font-size:30px;}
.m_visual .vtxt{font-size:40px;}
.m_visual .vtxt2 span{font-size:20px;line-height:30px;}

    
.m_link{}
.m_link li {width:calc(100% / 5);letter-spacing:-1px;}
    

.info_zone:after{display:block;content:"";clear:both;}
.info_zone h2{float:left;padding:40px 50px;}
.info_zone .img{float:left;}
.info_zone .control{right:unset;left:62px;top:90px;}
  

}

@media all and (min-width:1023px) {
.m_content{position:relative;}
.m_content h2, 
.m_content h2 a{text-align:left;}
.m_content .wrap{position:relative;width:1400px;margin:0 auto;padding:80px 0 0 0;}


/*비주얼*/
.m_visual{font-size:30px;font-weight:100;height:460px;padding:80px 0 0 0;}
.m_visual .vtxt{font-size:48px;}
.m_visual .vtxt2 span{font-size:18px;display:inline-block;} 
.m_visual .vtxt2 span em{font-weight:600;}


.m_link{position:relative;width:100%;margin-top:-240px;background:#fff;border-radius:0 180px 0 0;padding:50px 0 0 0;height:160px;}
.m_link:before{display:block;content:"";width:50%;height:160px;background:#fff;position:absolute;top:0;left:-50%;}
.m_link:after{display:block;content:"";clear:both;}
.m_link h2{float:left;padding:10px 0 0 0;font-size:22px;width:120px;}
.m_link h2 strong{display:block;font-size:30px;padding:0;}
.m_link ul{float:left;width:1280px;}
.m_link li{text-align:left;display:inline-block;float:none;width:auto;padding:0;}
.m_link li a{font-size:1.125rem;padding:0 40px 0 0;}
.m_link li a:before{margin:0  20px 0 0;display:inline-block;}
.m_link li a:hover,
.m_link li a:focus{border-radius:25px;color:#fff;}
.m_link .l1 a:hover,
.m_link .l1 a:focus{background:#6278d1;}
.m_link .l2 a:hover,
.m_link .l2 a:focus{background:#59babf;}
.m_link .l3 a:hover,
.m_link .l3 a:focus{background:#ab83f5;}
.m_link .l4 a:hover,
.m_link .l4 a:focus{background:#49769b;}
.m_link .l5 a:hover,
.m_link .l5 a:focus{background:#ff8683;}


.mb_con{padding:50px 0;height:470px;}    
.mb_con:after{display:block;content:"";clear:both;}

    
.info_zone{float:left;width:480px;padding:0;}
.info_zone h2{float:none;padding:0 0 0 20px;}
.info_zone .img{float:none;}
.info_zone .control{left:140px;top:8px;}

.m_bbs{position: relative;width: 870px;float:right;padding:0 0 0 50px;background:none;}
.m_bbs:after{content:""; position: absolute;top:-50px; left: 0; display: block; width:150%; height:470px; background: #ebf3f6; border-radius: 80px 0 0 0; z-index: -1;}
    
.m_bbs .bbs_con{width: 100%;background:none;border:none;padding: 0;/* margin: 0; */}
.bbs_con ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.bbs_con ul li{position:relative;width:calc(100% / 3 - 15px);height: 270px;}
.bbs_con ul li a{height: 280px !important; padding: 30px 20px !important;background:#fff; border: 1px #e3e9f3 solid !important; border-radius: 20px;}
.bbs_con ul li a strong{width: 100%; height: 74px; margin-bottom: 20px !important; -webkit-line-clamp: 3 !important; font-size: 18px; font-weight: 500;}
.bbs_con ul li a strong::before{display: none;}
.bbs_con ul li a span{display: block;height: 70px;display: -webkit-box;-webkit-line-clamp: 3;margin-bottom: 40px;}
.bbs_con ul li a p{position: static; display: flex; justify-content: space-between;}
.bbs_con ul li.new a{padding: 50px 20px 30px !important;}
.bbs_con ul li.new::before{top: 20px; left: 20px;z-index:1;}
.bbs_con ul li.new a strong{margin-bottom: 12px !important;}
.bbs_con ul li.new a span{margin-bottom: 30px !important;}
.bbs_con ul li a p i{color: #333;}
.bbs_con ul li a p em{display: block; font-size: 14px; font-style: normal; color: #0074a9;}
.bbs_con p .more{top:0;}