#mcontainer { width:100%; margin-top:20px; }
#cont { width:1200px; margin:0 auto; }
.conbox {  }
.main_rolling {float:left;position:relative;width:600px;height: 500px;}
.main_rolling .title_navi { background-color:rgba(0, 0, 0, 0.8); width:100%; position:absolute; bottom:0; color:#fff; font-size:15px; padding:13px 30px; }
.main_rolling ul li img { height:500px; width:600px; }
.title_navi .btn_navi { float:right; margin-top:4px; }
.title_navi .btn_navi > li { float:left; margin-left:5px; }
.title_navi .btn_navi > li > a.on { width:30px; background:#fff; }
.title_navi .btn_navi > li > a { width:10px; height:10px; display:block; background:#676767; border-radius:5px; }
.popupzone { float:left; border-top:1px solid #dedede; width:300px;}
.popupzone .tit { float:left; font-size:16px; font-weight:600; color:#333; margin:13px 0 0 15px; }
.popupzone .navi { float:right; }
.popupzone .navi li { float:left; }
.popupzone .navi li:first-child { margin:12px 14px 0 0; }
.weather { float:left; position:relative; }
.weather > p { position:absolute; bottom:0; background:rgba(0, 0, 0, 0.5); width:100%; text-align:center; color:#fff; font-size:15px; font-weight:600; padding:12px 0; } 
.news { width:600px; height:250px; background:#fff; display:block; float:left; }
.news > .tab { background:#e1e5ea; }
.news > .tab > li { float:left; width:135px; }
.news > .tab > li > a { color:#333; font-family: 'NanumSquare', sans-serif; font-size:18px; text-align:center; display:block; padding:17px 0; }
.news > .tab > li > a:hover { color:#010101; font-weight:600; background:#fff; }
.news > .tab > li.news_on > a {/* color:#444; *//* background:#fff; */}
.news > .tab > .more { float:right; margin:17px 30px 0 0; }
.board_list { margin:20px 0 0 30px; }
.board_list > li { margin:7px 0px; font-size:14px; }
.board_list > li > span { float:right; margin-right:30px; }

#fieldWrap { width:100%; background:#3383cc; }
.field { width:1200px; margin:0 auto; }
.field > ul {}
.field > ul > li {  float:left; margin-left:66px; padding:25px 0; }
.field > ul > li > a { color:#fff; font-size:15px; font-weight:600; display:block; }
.field > ul > li > a > span { display:block; text-align:center; }
.field > ul > li > a > span:first-child { margin-bottom:10px; }

.banner { margin:30px 0; }
.banner > li { width:278px; height:100px; display:block; font-size:14px; letter-spacing:-1px; border:1px solid #e1e5ea; float:left; margin-right:25px; }
.banner > li:last-child { margin-right:0; }
.banner > li.banner01 { background:#f0f2f4 url(/images/jumin/banner_icon01.png) no-repeat 25px 20px; }
.banner > li.banner02 { background:#f0f2f4 url(/images/jumin/banner_icon02.png) no-repeat 25px 20px; }
.banner > li.banner03 { background:#f0f2f4 url(/images/jumin/banner_icon03.png) no-repeat 25px 20px; }
.banner > li.banner04 { background:#f0f2f4 url(/images/jumin/banner_icon04.png) no-repeat 25px 20px; }
.banner > li > a { padding:15px 0 0 110px; display:block; color:#666; }
.banner > li > a > span { display:block; font-size:15px; font-weight:600; color:#444; margin-bottom:5px; }

#m_popupZone{position:relative;}
#m_popupZone h3{position:absolute; left:20px; top:10px; color:#333; font-weight:600;}
#m_popupZone .control{width:100%; height:44px; 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;}


.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-right:4px;width:8px; height:8px; background:#676767; border-radius:20px; text-indent:-9999px;}
.m_slider .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff; width:20px;}
.m_slider .bx-controls{position:absolute; right:20px;bottom:20px; z-index:999}
.m_slider .bx-controls-direction, .m_slider .bx-controls-auto{display:none;}
.main_rolling .title_navi a{color:#fff; text-decoration:none;}
.m_slider .bx-pager-item{float:left;}


@media only screen and (max-width: 1220px) {

    #mcontainer{max-width:600px;width:100%;margin:0 auto   ;}
    #m_popupZone{float:none;height: 239px;overflow: hidden;}
    .popupzone{/* width:50% */}
    .inner{max-width:600px;margin:0 auto;width: 100% !important;}
    .conbox{}
    .weather{height:240px !important;overflow:hidden}
    .field{max-width:600px;width:100%;}
    .field > ul > li{text-align:center;width:25%;margin:0}
    .banner > li{width:50%;margin:0}
    #foot_menus .inner, #foot_info .inner{max-width:none}

    
}


@media only screen and (max-width: 630px) {

    .popupzone{float:none;margin: 0 auto;/* margin-top: 600px; */padding-top: 499px;}
    .weather{margin:0 auto;float:none}
    .news{max-width:600px;width:100%}
    .main_rolling{max-width:600px;width:100%;height:auto}
    .field > ul > li{width:33.33%}
    .board_list > li > span{display:none}
    .banner{width:400px;margin:0 auto}
    .banner li{width:100%}
    .banner > li > a br{display:none}
    #foot_menus .foot_menus > li:first-child > button{border-top:1px solid #e1e1e1}

}