@charset "utf-8";

.m_container{background:url("/images/13_study/main/main_bg.jpg") no-repeat center 0;background-size:cover;padding: 50px 0 160px 0;}
/*상단*/
.menu_position .top_search p a{background:#37326a;}
.top_st h1 span{color:#293567;}
#nav ul li a.on span{background:url("/images/13_study/main/m_on_arr.png") no-repeat center bottom;}
.s_content .s_left h2{background:#37326a;}

/*인포존*/
.infozone{position:relative;}
.infozone p{position:absolute;top:0;right:0;overflow:hidden;}
.infozone span{display:inline-block;padding:8px 10px 0 10px;height:27px;background:rgba(0, 0, 0, .5);color:#fff;float:left;}
.infozone button{width:39px;height:0;padding:35px 0 0 0;margin:0 0 0 1px;overflow:hidden;background:url("/images/13_study/main/main_ico.png") no-repeat; float:left;}
.infozone button.prev{background-position:0 0;}
.infozone button.stop{background-position:-78px 0;}
.infozone button.play{background-position:-116px 0;}
.infozone button.next{background-position:-38px 0;}
.infozone li{display:none}
.infozone li.on{display:block; border:1px #d6d6d6 solid;}
.infozone li img{width:100%}

/*교육프로그램*/
.program{background:url("/images/13_study/main/pro_bg.jpg") no-repeat center; background-size:cover; text-align:center; color:#fff; padding:30px 0;} 
.program h2{font-size:30px;}
.program p{font-size:15px; margin-top:10px;}
.program p span{display:block;}
.program ul{overflow:hidden;padding: 0 40px;}
.program ul li{float:left; width:50%; margin-top:35px;}
.program ul li a{display:block; padding:120px 0 0 0; color:#fff;}
.program ul li a:hover{text-decoration:underline;}
.program .pro_01{background:url("/images/13_study/main/pro_01.png") no-repeat top center;}
.program .pro_02{background:url("/images/13_study/main/pro_02.png") no-repeat top center;}
.program .pro_03{background:url("/images/13_study/main/pro_03.png") no-repeat top center;}
.program .pro_04{background:url("/images/13_study/main/pro_04.png") no-repeat top center;}

/*학습갤러리*/
.photo{clear:both; position:relative; overflow:hidden;}
.photo h2{background:#004baa url("/images/13_study/main/title_bg.png"); font-size:20px; color:#fff; padding:20px}
.photo ul{padding:36px 0; background:rgba(255,255,255,0.8);}
.photo ul li{display:none; text-align:center;}
.photo ul li:first-child{display:block;}
.photo ul li img{width:auto; max-width:100%;}
.photo ul li a{display:block; color:#333;}
.photo ul li a:hover{text-decoration:underline;}
.photo ul li span{display:block; text-overflow:ellipsis; white-space:nowrap;overflow:hidden; margin-top:20px; font-size:15px;}
.photo p{position:absolute;top: 0;right: 0; border-left:1px #336fbb solid}
.photo p a{display:block;width:60px;height:0;padding:63px 0 0 0;overflow:hidden;background:url("/images/13_study/main/main_ico.png") no-repeat 0 -35px;}

/*공지사항*/
.notice{position:relative; overflow:hidden;}
.notice h2{background:#37326a url("/images/13_study/main/title_bg.png");font-size: 20px;color:#fff;padding: 21px 20px;}
.notice p{position:absolute;top: 0;right: 0; border-left:1px #5f5b88 solid}
.notice p a{display:block;width:60px;height:0;padding: 65px 0 0 0;overflow:hidden;background:url("/images/13_study/main/main_ico.png") no-repeat 0 -35px;}
.notice div{min-height:235px;background: #fff;}
.notice ul{background:#fff; padding:30px 10px;}
.notice ul li:first-child{margin:0;}
.notice ul li{background:url("/images/13_study/main/bbs_dot.gif") no-repeat 0 center; padding-left:10px; margin-top:15px;}
.notice ul li a{display:inline-block;width:auto;max-width: 70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.notice ul li a:hover{text-decoration:underline;}
.notice ul li span{float:right;}

/*전화번호 안내*/
.call{background:url("/images/13_study/main/call_bg.jpg") no-repeat center;background-size:cover;padding: 35px 5%;text-align:center;}
.call h2{font-size:30px; color:#37326a; }
.call p{font-size:15px; margin-top:5px;}
.call ul{text-align:left; margin:30px 0 0 0;}
.call ul li{margin:5px 0; font-weight:600; color:#333; font-size:18px;}
.call ul li strong{display:inline-block;width:96px;background:#37326a;border-radius:20px;text-align:center;color:#fff;font-size:15px;font-weight:400;padding:3px 0;margin-right: 5px;}
.call .c_txt{margin-top:20px; text-align:left; color:#333; font-size:15px; font-weight:600;}
.call .c_txt span{display:block; color:#004baa;}

/* Tablet */
@media all and (min-width:768px) {
.main{overflow:hidden;padding:0 3.90625%;}

.infozone{width: 50%;float:left;height: 490px;}
.infozone li img{height:490px;}
                              
.program{width:50%; height:430px;float:left;}
.notice div{min-height: 205px;}
.photo ul{padding:34px 0;width: 100%; height:192px;}
.photo ul li{display:block;float:left;width: 40%;margin: 0 5%;}
.photo ul li img{height:160px;}

.notice{float:left; width:50%;}
.call{float:left;width:41.468%;padding: 40px 4.239%;height:190px;}
.call h2{font-size:26px;}
.call p{font-size:13px;}
.call ul{margin-top:25px;}
.call ul li {font-size:16px;}
.call ul li strong{width:80px;font-size:13px;}
.call .c_txt{margin-top:14px; font-size:14px;}
}

/* Desktop */
@media all and (min-width:1023px) {
body{min-width:1400px;}
#nav ul{padding-left:80px;}
.main{width:1400px; margin:0 auto; padding:0;}

.infozone{width: 430px;}
.infozone li img{height:auto}

.m_section2{width:570px; float:left;}
.program{width:auto;height: 240px; float:none;}
.program ul li{width: 21%;margin: 35px 2% 0;}
.program p span{display:inline;}

.photo ul{padding:34px 0;width: 100%;height: 169px;}
.photo ul li img{height:auto;}

.m_section3{float:left; width:400px;}
.notice{float:none; width:auto;}
.notice div{min-height: 235px;}
.notice ul{padding:45px 18px;}
.photo ul li span{margin-top:6px;}

.call{float:none;width: 340px;padding: 30px; height:240px;}
.call h2{font-size:30px;}
.call p{font-size:15px;}
.call ul{margin-top:30px;}
.call ul li {font-size:18px;}
.call ul li strong{width:96px;font-size:15px; margin-right:8px;}
.call .c_txt{margin-top:20px; font-size:16px;}
}