/* 김지혜 */


/* layout */

html{background:#fff;}
#shadow_device{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:1030}
#touchArea{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}




/* main_contents */
#mcontainer{width:100%; height:100%; background:#fbfaeb;}
.mcontent{width:1200px; margin:0px auto; padding:48px 0px; overflow:hidden;}
section#msec01{width:100%;}
section#msec02{width:100%; background:#ddecae;}
section#msec03{width:100%; background:#fbfaeb;}




/* 섹션1-파트1 ::: 메인슬라이드, 팝업존, pdf다운, 게시판 ::: */
.mcontent .part01{width:100%;  overflow:hidden;}
.mcontent .part01 .m_slider{float:left; width:593px; height:400px; }
.mcontent .part01 .mc_visual{float:left; background:#fff; margin-left:14px; width:290px; height:200px;}
.mcontent .part01 .popupZone{float:left; background:#fff; margin-left:14px; width:290px; height:200px;}
.mcontent .part01 .programDown{float:left; margin-left:13px; width:290px; height:200px;}
.mcontent .part01 .programDown.sp{overflow:hidden}
.mcontent .part01 .programDown.sp a{display:inline-block;font-size:0;}
.mcontent .part01 .programDown.sp a:nth-child(2){margin-left:9px}

/* 메인 슬라이드 */
.m_slider{position:relative;}
.m_slider .bx-caption{display:none;}
.m_slider .bx-wrapper .bx-pager.bx-default-pager a{display:inline-block; float:left; margin:2px 4px 0;width:15px; height:15px; background:#676767; border-radius:20px; text-indent:-9999px;}
.m_slider .bx-wrapper .bx-pager.bx-default-pager a.active{ border:2px solid #336ac0; background:#fff; width:25px;}
.m_slider .bx-controls{position:absolute; left:20px;bottom:20px; width:86%; }
.m_slider .bx-controls-direction, .m_slider .bx-controls-auto{ font-size:0px; text-indent:-999px; }
.m_slider .bx-controls-direction .bx-prev{ display:inline-block; float:left; background:url('/images/portal/main/popup_prev.gif') no-repeat; width:20px; margin-left:10px;}
.m_slider .bx-controls-auto .bx-stop{ display:inline-block; float:left; background:url('/images/portal/main/popup_stop.gif') no-repeat;  width:20px;}
.m_slider .bx-controls-auto .bx-start{ display:inline-block; float:left; background:url('/images/portal/main/popup_play.gif') no-repeat;  width:20px;}
.m_slider .bx-controls-direction .bx-next{ display:inline-block; float:left; background:url('/images/portal/main/popup_next.gif') no-repeat; width:20px; }


/* 메인 팝업존 popupZone */
#m_popupZone{position:relative;}
#m_popupZone h3{position:absolute; left:20px; top:10px; color:#333; font-weight:600;}
#m_popupZone .control{width:100%; height:40px; position:relative; top:0px;}
#m_popupZone .control button{width:45px; height:40px; float:left; text-indent:-9999px;}
#m_popupZone .control .none{display:none;}
#m_popupZone .bx-controls{margin-left:100px; float:left; padding:10px 20px 0 0;}
#m_popupZone .btn_prev{background:url('/images/llc/popup_btn_prev.jpg') no-repeat;}
#m_popupZone .btn_stop{background:url('/images/llc/popup_btn_stop.jpg') no-repeat;}
#m_popupZone .btn_play{background:url('/images/llc/popup_btn_play.jpg') no-repeat;}
#m_popupZone .btn_next{background:url('/images/llc/popup_btn_next.jpg') no-repeat;}
#m_popupZone .btn_prev{background:url('/images/llc/popup_btn_prev.jpg') no-repeat;}

/*메인 교복구입비*/
.top_box01{float: left; width: 290px; height: 200px; margin-left: 13px; background: #e07947bd;}
.top_box01 a{ display: block; width: 100%; height: 200px; text-decoration: none; background: url(/upload_data/board_data/BBS_0000248/161284958507112.png) center 28px no-repeat;}
.top_box01 a span{display: block; font-size: 20px; line-height: 23px; color: #fff; text-align: center; font-weight: 600; padding-top: 145px;}


/* 학습프로그램 pdf 다운로드 */
#m_programDown{position:relative; height:200px; background:url('/images/llc/pdf_down_bg.jpg') no-repeat;}
#m_programDown .proTit{display:block; text-align:center; font-size:23px; color:#000; line-height:28px; font-weight:600; padding-top:35px;}
#m_programDown .btn{display:block; text-align:center; margin-top:20px;}

/* 공지사항 */
.board { float:left; position:relative; width:593px; height:186px; margin:14px 0 0 13px; background:#fff url('/images/llc/board_headBg.png') repeat-x}
.board  ul li{display:inline;float: left;padding:0;}
.board  ul li a.tab_btn{display: block; padding:2px 18px 0; height:46px; background:#70a1d3; color:#ffffff; font-size:15px;line-height:46px;}
.board  ul li a.tab_btn:focus { border:1px dotted #ddd;}
.board  ul li.active a.tab_btn{background:#ffffff;  color:#336ac0; font-weight:600; font-size:15px;}
.board  ul li img{margin-left:5px;vertical-align:top}
.board  ul div.tabcontent{position: absolute;top:53px;left:0;width:100%; height:120px; padding:13px 0 10px; background:#ffffff;}
.board  ul ul{ padding:0 5%; width:100%;}
.board  ul ul li{ width:100%;margin:0;padding:0 0 0 10px;background: url(/images/llc/board_bu.gif) no-repeat 3px 13px;  text-align:right;}
.board  ul ul li a{display:inline-block; float:left; width: 80%; padding:0; font-size:15px;color:#1b1b1b;line-height:22px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.board  ul ul li img { vertical-align:middle;}
.board  ul ul li span.date { display:inline-block; padding-top:5px; font-size:12px; color:#898989;  text-decoration:none; }
.board  .more a{ display:block; position: absolute; top: -53px;right: 5px; width: 46px; height:46px; background:#70a1d3 url(/images/llc/board_more.png) no-repeat center; font-size: 0;line-height: 0;}


/* 섹션1-파트2 ::: 평생학습관 교육신청, 구민정보화 교육신청, 동래아카데미, 사이버학습방 ::: */
.mcontent .part02{width:100%; margin-top:13px; overflow:hidden;}
.mcontent .part02 .mBox_llc{float:left; width:290px; height:200px; margin-right:13px;}
.mcontent .part02 .bx-c01{background:#fdc453;}
.mcontent .part02 .bx-c02{background: #1a9c82;}
.mcontent .part02 .bx-c03{background:#7188cd;}
.mcontent .part02 .bx-c04{background: #72a04a;margin-right:0;}
.mcontent .part02 .mc_menu{display:block; width:100%; height:200px; text-decoration:none;}
.mcontent .part02 .mc_menu > span.text{display:block; font-size:20px; line-height:23px; color:#fff; text-align:center; font-weight:600; padding-top:145px;}
.mcontent .part02 .ic-m01{background:url('/images/llc/ic-m01.png') center 28px no-repeat;}
.mcontent .part02 .ic-m02{background:url('/images/llc/ic-m02.png') center 28px no-repeat;}
.mcontent .part02 .ic-m03{background:url('/images/llc/ic-m07.png') center 28px no-repeat;}
.mcontent .part02 .ic-m01 > span.text{color:#8b5c00}

.mcontent .part02 .mBox_llc .tit{display:block; padding-top:30px; font-size:26px; text-align:center; color:#fff; font-weight:600;}
.mcontent .part02 .mBox_llc .cyber_menu{width:182px; margin:0px auto; padding-top:20px;}
.mcontent .part02 .mBox_llc .cyber_menu li{margin-bottom:10px;}
.mcontent .part02 .mBox_llc .cyber_menu li a{display:block;height:25px;font-size:16px;text-align:center;color:#fff;font-weight:600;line-height:25px;border-radius:20px;background: #5b8e09;}

/* 섹션1-파트3 :::학습관 퀵메뉴, 안락누리도서관, 동래읍성도서관 ::: */
.mcontent .part03{width:100%; margin-top:13px; overflow:hidden;}
.mcontent .part03 .q_menu{width:593px; height:200px; float:left; background:#fff; border:1px solid #ffe0a3;}
.mcontent .part03 .q_menu ul{width:93%; margin:0px auto;padding:20px 10px;}
.mcontent .part03 .q_menu ul li{float:left; width:20%;}
.mcontent .part03 .q_menu ul li span{display:inline-block;margin-top:110px; font-size:14px; font-weight:600;}
.mcontent .part03 .q_menu ul li a{display:block; width:100%; height:150px; text-align:center; }
.mcontent .part03 .q_menu ul li .ic-q01{background:url('/images/llc/ic-q01.png') center 28px no-repeat;}
.mcontent .part03 .q_menu ul li .ic-q02{background:url('/images/llc/ic-q02.png') center 28px no-repeat;}
.mcontent .part03 .q_menu ul li .ic-q03{background:url('/images/llc/ic-q03.png') center 10px no-repeat;}
.mcontent .part03 .q_menu ul li .ic-q04{background:url('/images/llc/ic-q04.png') center 35px no-repeat;}
.mcontent .part03 .q_menu ul li .ic-q05{background:url('/images/llc/ic-q05.png') center 15px no-repeat;}
.mcontent .part03 .pic_menu{width:593px; float:left; margin-left:13px;}
.mcontent .part03 .pic_menu .pBox_llc{width:290px; height:200px; float:left; margin-right:13px;}
.mcontent .part03 .pic_menu .pBox_llc .p_menu{display:block; }
.mcontent .part03 .pic_menu .pBox_llc .text{display:block; color:#fff; font-size:20px; font-weight:600; line-height:28px; text-align:center; padding-top:70px;}
.mcontent .part03 .pic_menu .bg-m01{width:100%; height:100%; background:url('/images/llc/pic_shadow01.png') center no-repeat;}
.mcontent .part03 .pic_menu .bg-m02{width:100%; height:100%; background:url('/images/llc/pic_shadow02.png') center no-repeat;}
.mcontent .part03 .pic_menu .bx-c01{background:url('/images/llc/pic_menu01.jpg') no-repeat;}
.mcontent .part03 .pic_menu .bx-c02{background:url('/images/llc/pic_menu02.jpg') no-repeat; margin-right:0;}


/* 섹션2-갤러리슬라이드::: 평생학습관 교육신청, 구민정보화 교육신청, 동래아카데미, 사이버학습방 ::: */
.gallery_slider{position:relative; padding:80px 0; }
.gallery_slider .gal_tit{font-size:35px; color:#262c10; display:inline-block; letter-spacing:-0.5px; margin:0 20px 15px 0;}
.gallery_slider .gal_stit{font-size:18px; color:#262c10; display:inline-block; margin-bottom:15px;}
.gallery_slider .bx-viewport{height:380px !important;}
.gallery_slider ul li{margin-top:13px;}
.gallery_slider ul li.clfix{clear:both;}

.galSlider2 li span{display:block; height:174px;}
.galSlider2 li span a{position:relative; float:left; display:inline-block; margin-right:13px;}
.galSlider2 li span a.last{margin-right:0;}
.galSlider2 li span.sl01 {margin-bottom:13px;}
.galSlider2 li span .text{position:absolute; bottom:0px; width:100%; height:40px; text-align:center; line-height:40px; color:#fff; background:rgba(0, 0, 0, 0.6);}
/* .gallery_slider .bx-controls-direction{position:absolute; top:70px; right:0px;}
   .gallery_slider .bx-controls-direction a{width:38px; height:37px; display:none; float:left; margin-left:5px; text-indent:-9999px;}
   .gallery_slider .bx-controls-direction .bx-prev{background:url('/images/llc/galBtn_prev.jpg') no-repeat;}
   .gallery_slider .bx-controls-direction .bx-next{background:url('/images/llc/galBtn_next.jpg') no-repeat;}
*/
.gallery_slider .bx-pager{display:none;}


/* 섹션3 ::: 강의제안 안내, 평생학습기관 투어, 문의및상담 ::: */

/*강의제안안내 */
.llc_info{ float:left; width:593px; height:105px; background:#fff; border:1px solid #ded8c2;}
.llc_info p{width:100%; height:100%; padding:20px 60px; background:url('/images/llc/foot_box_bg.jpg') 440px bottom no-repeat;}
.llc_info p strong{color:#000;}
.llc_info p span.red{color:#f1616d;}

/*평생학습기관 투어 */
.llc_tour{ float:left; width:290px; height:105px; background:#f1616d; margin-left:13px;}
.llc_tour span{display:inline-block; font-size:16px; margin:30px 0 0 50px; color:#fff;}
.llc_tour span.tit{display:inline-block; font-size:22px; font-weight:600; margin: 2px 0 0 50px; color:#fff;}

/* 문의 및 상담 */
.llc_counsel{float:left; width:290px; height:105px; background:#f6db80; margin-left:13px;}
.llc_counsel span.tit{display:inline-block; width:100%; font-size:22px; color:#333; margin:30px 0 0 0; text-align:center; font-weight:600; letter-spacing:-0.5px;}
.llc_counsel span.tel{display:inline-block; width:100%;  font-size:15px; color:#555; margin:5px 0 0 0px; text-align:center; font-weight:500; }
.llc_counsel span.tel .nomal{display:inline-block; font-size:11px; color:#fff; width:40px; height:20px; line-height:20px; background:#f1616d; border-radius:20px; margin-right:5px;}


@media all and (max-width:956px) {
.mcontent{width:600px;}
.mcontent .part01 .popupZone{margin:13px 0 0 0;}
.mcontent .part01 .programDown{margin:13px 0 0 13px;}
.board{margin-left:0;}
.mcontent .part02 .bx-c01{margin-bottom:13px;}
.mcontent .part02 .bx-c02{margin:0 0 13px 0;}
.mcontent .part03 .pic_menu{margin:13px 0 0 0;}
.galSlider2 li span a{margin-right:10px; margin-bottom:10px;}
.llc_tour{margin:13px 0 0 0;}
.llc_counsel{margin:13px 0 0 13px;}
.top_box01{margin: 13px 0 0 0;}
}

@media all and (max-width:500px) {
.mcontent{width:290px;}
.mcontent .part01 .m_slider{width:290px; height:auto;}
.mcontent .part01 .m_slider li img{width:100%;}
.mcontent .part01 .programDown{margin:13px 0 0 0;}
.board{width:290px; height:280px;}
.board  ul ul li a{font-size:14px; width:95%;}
.board  ul li a.tab_btn{padding:2px 9px 0; font-size:13px;}
.board  ul li.active a.tab_btn{font-size:13px;}
.board  ul ul li span.date{float:left; padding:0 0 5px 0;}

.mcontent .part03 .q_menu{width:290px;}
.mcontent .part03 .q_menu ul li{width:100%;}
.mcontent .part03 .q_menu ul li .ic-q01{background:none;}
.mcontent .part03 .q_menu ul li .ic-q02{background:none;}
.mcontent .part03 .q_menu ul li .ic-q03{background:none;}
.mcontent .part03 .q_menu ul li .ic-q04{background:none;}
.mcontent .part03 .q_menu ul li .ic-q05{background:none;}
.mcontent .part03 .q_menu ul li a{height:auto; border:1px solid #e2e2e2; border-radius:20px; padding:1px; margin-bottom:7px;}
.mcontent .part03 .q_menu ul li span{margin-top:0;}
.gallery_slider .bx-viewport{height:748px !important;}
.galSlider2 li span a{margin:0 0 13px 0;}
.gallery_slider li{width:100%;}
.llc_info{width:290px; height:auto;}
.llc_info p{padding:20px;}
.llc_counsel{margin:13px 0 0 0;}
}