@charset "UTF-8";

/*----------------------------------------------------------------
    768px Breakpoint
----------------------------------------------------------------*/
@media handheld, only screen and (max-width:48em) {
    .column.one,
    .column.two,
    .column.three,
    .column.four,
    .column.five,
    .column.six,
    .column.seven,
    .column.eight,
    .column.nine,
    .column.ten,
    .column.eleven,
    .column.twelve,
    .column.full {float: none !important; clear: both !important; margin-right: 0 !important; margin-left: 0 !important; width: auto !important;}

    body {font-size: 0.9em;}

    .top{height: 30px; }
    /* .top_container li a{display: block; padding: 0 0 0 30px; line-height: 30px;}  */

    header {position: relative !important; background-color: #fff !important;}
    header.fixed-header {top: 30px; }
    header .headerBox .logo h1 {margin: 0.16em 0 0.13em;}
    header .headerBox .logo h1 a{width: 114px; height: 32px; background-image: url(../images/mobile/logo_m.jpg);}
    header #menu-toggle {float: right; display: block; margin-top: 0.2em;}

    header nav {float: none; display: block; clear: both;}
    header nav > ul {float: none; display: none; margin-top: 2em;}
    header nav > ul > li {float: none;}
    header nav .sub-arrow {display: none;}

    header nav > ul li > a {display: block; margin: 0; padding: 1.3em 0 0.8em; border-bottom: 1px solid #DDD !important; font-size: 1.125em; line-height: 1.250rem;}
    header nav > ul > li > a:hover {border-radius: 0 !important; }
    header nav > ul > li > a.active{color: #2b70cc;}       
    header nav > ul li.last > a,
    header nav > ul li.last > a:hover {border-bottom: none !important;}

    header nav > ul > li.menu-item {padding: 0 !important;}
    header nav ul.sub-menu {position: static; display: block; padding: 0 0 0 1.5em; width: inherit; box-shadow: none; background-color: #fff;}
    header nav ul.sub-menu > li > a {border-radius: 0 !important;}
    header nav ul.sub-menu > li > a {color: #666; font-size: 1em; background-color: transparent !important;}
    header nav ul.sub-menu > li > a.active{color: #2b70cc;}
    header nav ul li > a:hover {color: #ff8800 !important; background-color: transparent !important;}
    header nav > ul > li:hover > a {border-bottom: none;}

    footer .btn_top{display: block; position: absolute; bottom:5%; right: 8%; }
    footer .footerBox .footer_logo h1 a{display: block; overflow: hidden; text-indent: -999em; width: 115px; height: 32px; background: url(../images/mobile/footer_logo_m.png) no-repeat 0 0;}
    
    .content{margin-top: 30px;}
    .sub_tit{font-size:1.25em; background: url(../images/ico_tit.png) no-repeat 0 8px; padding-left: 20px; margin-bottom: 20px;}
    .sub_tit2{background: url(../images/ico_tit2.png) no-repeat 0 0; padding-top: 10px; }
    .info_txt{margin-bottom: 40px !important;}

    /* 상단 타이틀 */
    .visual{height: 160px;}
    .visual .title{padding: 0 8%;}
    .visual .title.line1{padding-top:1.34em; }
    .visual .title.line2{padding-top:0.8em; }
    .visual .title p{margin-top: 0;}

    /* location */    
    .row_location .location{height: 40px; }
    .location p{height: 38px; line-height: 38px; }
    .location p .home{display: inline-block; overflow: hidden; text-indent: -999em; width: 15px; height: 40px; background:url(../images/mobile/ico_home_m.png) no-repeat 0 0px;} 
    
    /* tab */
    .tab{margin-bottom: 65px;}
    .tabList_style li{display: inline-block; width: 30%;}
    .tabList_style li a{line-height: 1.5; padding: 2% 1%;}
    .tabWrap .txt{margin-bottom: 1.5em; line-height: 1.8;}

    /* MAIN */
    .content.main{height: 740px;}
    .row_noticeBox{max-width: 100%; margin: 0 auto; padding: 0% 0%; }

    .noticeBox{position: relative; z-index: 10; height: 280px; }
    .noticeBox.down{top: 184px; }

    .btnArea{position: relative; height: 50px; display: none;}
    
    .infoArea > li{float: none; position: relative;}
    .infoArea .news{width: 100%; height: 130px; background: rgba(253,205,0,0.65); }
   
    .infoArea .blog{width: 100%; height: 213px; background: rgba(221,221,221,0.65); }
    .infoArea .blog li.first {height: 160px;}
    .infoArea .blog li.last {height: 160px;}
    
    .infoArea .event{width: 100%; height: 213px; background: rgba(31,57,80,0.65); }
    .infoArea .event li.img img{height: 143px;}
   
    .flexslider .slides li{height: 740px;}    
    .flexslider .slides p{font-size: 1.25em;}

    /* 상세화면 */
    .board_title{border-bottom: 1px solid #ccc; padding-bottom: 1em; margin-bottom: 2em;}
    .board_title .date{font-size: 0.813em; color: #666;}
    .board_title .tit{font-size: 1.25em; line-height: 1.8;}
    .board_con{border-bottom: 1px solid #ccc; padding-bottom: 3em; margin-bottom: 0em;}
    .board_con iframe{width: 100% !important;}
    .board_con img{display: block; width: 100% !important;  margin: 0 auto 2em;}
    .board_btn{display: block; padding: 8% 0 0; margin: 0 0 10%; }
    .board_btn a{display: block; width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #2b70cc;}

}