@charset "utf-8";
.main_container{position:relative;}
.m_content:before{display:block;content:'';  width:100%;  height:1px; background:#e4e4e4;}
.m_content h2,.m_content h2 a,
.m_content h3,.m_content h3 a{font-family:'SBAggro';font-weight:500;font-size:1.35rem;text-align:center;}

.con1{background:#f1f1fa url("/images/09_baeum/main/con1.png") no-repeat left bottom;padding:30px 3% 0 3%;}

/*인포존*/
.info_zone{position:relative;margin-top:20px;}
.info_zone .img{display:flex;justify-content:center;flex-wrap:wrap;box-shadow:2px 2px 10px rgba(125,88,220,.3);overflow:hidden;height:100%;border-radius:15px 15px 45px 15px;}
.info_zone .img div{width:100%;overflow:hidden;}
.info_zone .img img{width:100%;}
.info_zone .img div a{display:block;}
.info_zone .control{display:block;position:absolute;left:0;top:-20px;text-align:center;background:rgba(0,0,0,.6);border-radius:30px;padding:12px 20px;}
.info_zone .control p{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.info_zone .control .btn button{width:21px;height:21px;overflow:hidden;background:url("/images/09_baeum/main/m_i.png") no-repeat;font-size:0;border-radius:50%;margin:0 3px;}
.info_zone .control .btn button.prev{background-position:5px 0;}
.info_zone .control .btn button.next{background-position:-20px 0;}
.info_zone .control .btn button.play{background-position:-77px 0;}
.info_zone .control .btn button.stop{background-position:-47px 0;}
.info_zone .control span{color:#bbb;display:inline-block;padding-left:10px;border-left:solid 1px rgba(255,255,255,.2);margin-left:5px;}
.info_zone .control em{font-style:normal;color:#fff;padding-right:7px;}

/*문의전화*/
.m_info{margin:35px 0;position:relative;padding-bottom:120px;}
.m_info:after{display:block;content:'';background:url("/images/09_baeum/main/liu1.png") no-repeat bottom center;width:100%;height:142px;position:absolute;bottom:-35px;}
.m_info h3{color:#615997;font-size:1.125rem;position:relative;margin:15px 0 5px;text-align:left;}
.m_info h3:before{display:inline-block;content:'';width:24px;height:24px;vertical-align:middle;background:url("/images/09_baeum/main/m_i.png") no-repeat 0 -36px;}
.m_info ul{padding-left:10px;}
.m_info li{color:#4a4a4a;margin:5px 0;}
.m_info li:before{display:inline-block;content:'';width:7px;height:7px;background:#d3d3d3;border-radius:50%;vertical-align:middle;margin-right:5px;}
.m_info li strong{font-weight:500;width:80px;display:inline-block;}
.m_info li a{position:relative;}
.m_info li:hover a{color:#463ca4;}
.m_info li a:before{display:inline-block;content:'';width:30px;height:26px;vertical-align:middle;background:url("/images/09_baeum/main/m_i.png") no-repeat -29px -36px;}
.m_info .bx{border:solid 3px #ddddf5;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:12px 0;justify-content:center;}
.m_info .bx li{margin:2px 0;}
.m_info .bx li:before{display:none;}
.m_info .bx li strong{width:130px;}

.con2{padding:30px 3%;}
/*교육프로그램 안내*/
.m_link p{text-align:center;font-family:'SBAggro';color:#7e7e7e;font-weight:300;font-size:.95rem;margin:5px 0;}
.m_link ul{display:flex;gap:2%;margin:20px 0;flex-wrap:wrap;justify-content:center;}
.m_link li {text-align:center;}
.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:80px;height:80px;vertical-align:middle;background:#e5e9fe url("/images/09_baeum/main/m_i.png") no-repeat;margin:0 auto 10px auto;}
.m_link li:nth-child(2n) a:before{background-color:#fef1ee;}
.m_link .l1 a:before{background-position:12px -142px;}
.m_link .l2 a:before{background-position:-132px -140px;}
.m_link .l3 a:before{background-position:-280px -142px;}
.m_link .l4 a:before{background-position:-420px -139px;}
.m_link li:hover a:before{background-color:#fff;box-shadow:2px 2px 7px rgba(178,162,218,.3);}
.m_link li:hover a:before,
.m_link li:focus a:before,
.m_link li:active a:before{transform:rotateY(360deg); transition:0.5s;}

/* 게시판 */
.con3{background:#fff9fa url("/images/09_baeum/main/con2.png") no-repeat 30% top;padding:30px 3%;}
.m_bbs{position:relative;height:410px;}
.m_bbs .bbs_con{display:none;position:absolute;top:50px;padding:20px;border:1px #e3e3e3 solid;border-radius:20px;background:#fff;}
.m_bbs .bbs_con.on{display:block;}
.m_bbs h2{text-align:center;}
.m_bbs h2 a{display:block;font-family:'SBAggro';}
.bbs_con ul li a{display:block;position:relative;height:55px;padding-top:14px;border-top:1px #e7e7e7 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:#d1d1d1;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;color:#463ca4;}
.bbs_con ul li a p i{display:block;font-style:normal;color:#767676;font-size:14px;}
.bbs_con ul li:first-of-type a{height:146px;border-top:0;}
.bbs_con ul li:first-of-type a strong{width:100%;-webkit-line-clamp:2;margin:12px 0;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 a:before{content:'NEW';position:absolute;display:block;color:#e2274f;font-size:14px;top:0;}
.bbs_con p .more{display:block;width:35px;height:35px;background:url("/images/09_baeum/main/m_i.png") no-repeat 0 -70px;position:absolute;font-size:0;right:calc(50% - 80px);top:-58px;transform:translate(-50%, 0);}

@media all and (min-width:768px) {
.con1{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;}
 
.info_zone{margin:0;}
.info_zone .img{ border-radius:25px 25px 80px 25px;}
.info_zone .control{top:30px;left:30px;}
.m_info{width:100%;padding-bottom:0;}
.m_info .bx li strong{margin-right:15px;}
.m_info:after{width:307px;right:0;bottom:-50px;}
 
.m_bbs .bbs_con ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.m_link{background:#fff;border-radius:0 60px 0 0;padding:30px;}
}

@media all and (min-width:1023px) {
.m_content{position:relative;}
.m_content h2, 
.m_content h2 a{font-size:1.7rem;text-align:left;display:inline-block;}
.m_content>div{padding:80px 0;}
.main_container:before{top:280px;width:48%;}

.con1{justify-content:space-between;align-items:flex-start;background:none;}
.con1:after{display:block;content:'';background:#f1f1fa url("/images/09_baeum/main/con1.png") no-repeat left 75%;position:absolute;right:0;top:0;width:50%;height:730px;z-index:-1;border-radius:100px 0 0 0;}
 
.info_zone{max-width:928px;width:63%;max-height:446px;}
.m_info{width:34%;margin:0;}    
.m_info:after{bottom:-138px;right:0;}
 
.m_content .con2{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;}
.con2:after{width:20%;height:365px;}
.m_link{width:100%;}
.m_link p{display:inline-block; padding-left:10px}
.m_link li{text-align:left;width:calc(25% - 20px);}
.m_link li a{font-size:1.125rem;}
.m_link li a:before{margin:0  20px 0 0;display:inline-block;}
.m_link h2{margin-top:-55px;}
.m_link p{margin-top:-45px;font-size:1rem;}
.con3{border-radius:0 40px 40px 0;background-position:left top;margin-bottom:60px !important;} 
.con3:before{display:block;content:'';background:#fff9fa url("/images/09_baeum/main/con2.png") no-repeat 15% top;width:60%;height:430px;position:absolute;left:0;bottom:0;}
.m_bbs{height:270px;position:relative;}
.m_bbs h2{width:auto;}
.m_bbs .bbs_con{border:none;padding:0;background:none;width:calc(100% - 120px);right:0;top:0;}
.bbs_con ul li{width:calc(25% - 15px);}
.bbs_con ul li a{height:267px;padding:31px 25px;border-radius:20px;background:#fff;border:1px #e7e7e7 solid;}
.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:20px;}
.bbs_con ul li a p{position:static; display:flex; justify-content:space-between;}
.bbs_con ul li.new a{padding:50px 25px 30px !important;height:auto;border:1px #e7e7e7 solid;}
.bbs_con ul li.new a:before{top:30px; left:20px;}
.bbs_con ul li:first-of-type a{height:auto;border-top:1px #e7e7e7 solid;}
.bbs_con ul li:first-of-type a strong{margin:0 0 12px 0}
.bbs_con ul li.new a strong{margin-bottom:12px !important;}
.bbs_con ul li.new a span{margin-bottom:10px !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;}
.bbs_con p .more{top:50px;right:auto;left:-100px;}
.bbs_con ul li a:hover,
.bbs_con ul li a:focus{box-shadow:2px 2px 10px rgba(0,0,0,.08)}
.bbs_con ul li a:hover strong,
.bbs_con ul li a:focus strong{text-decoration:underline;}
}

@media all and (min-width:1440px) {
.m_content>div{width:1400px;margin:0 auto;}

.info_zone{width:auto;}

.m_info{width:calc(100% - 1000px); padding-top:60px}
.m_info:after{bottom:-210px;right:60px;z-index:1;} 
    
.m_bbs{padding-right:calc(100% - 220px);}
.m_bbs h2{position:absolute;top:0;left:0;}
.m_bbs .bbs_con{width:calc(100% - 220px);}
.bbs_con p .more{left:-205px;}
    
.con3{padding-right:80px !important;background:#fff9fa url("/images/09_baeum/main/con2_1.png") no-repeat right bottom;}
.m_link{padding:40px 0;position:relative;}

.m_link ul{padding:0 60px 0 220px;justify-content:space-between;}
.m_link:before{display:block;content:'';background:url("/images/09_baeum/main/liu2.png") no-repeat bottom center;width:158px;height:167px;position:absolute;left:0;bottom:0;}   
}

/*레이아웃 수정*/
.sub_site .head h1 span{color:#463ca4 ;}
.sitelink_list>div>button{background-color:#f2f2f2 ;}
footer .top a{background-color:#463ca4;}

@media all and (min-width:1440px) {
.sub_site .head{margin:0 auto;}
.sub_site .menu ul li .depth_box{top:100px;background:#fff;}
.sub_site .menu>ul{justify-content:space-around;width:auto ;min-width:auto;padding:0 0 0 100px;}
.sub_site nav{position:inherit;border:none ;width:800px ;}
.head h1 a{z-index:1;}
.sub_site .tsitemap{top:38px;right:calc((100% - 850px) / 2);}
.sub_site .s_content{margin-top: 0;}
}