/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
html,body {width:100%;height:100%;display:block; background-color: #efefef;}
.container {position:relative;}

.m-wrap {overflow-x:hidden;width:100%;}

.m-contentWrap {position:relative;transition: 300ms;-webkit-transition: 300ms ease-in-out;overflow:hidden;z-index:20;background:#efefef;}
.m-wrap.expand .m-contentWrap {transform : translate(260px,0);-webkit-transform : translate(260px,0);}

.m-o-gnb {display: none;transition: 300ms;-webkit-transition: 300ms ease-in-out;}
.m-wrap.expand .m-o-gnb {transform : translate(260px,0);-webkit-transform : translate(260px,0);}

.m-imageBox {display:block;}
.m-menuBar {position:absolute;right:0px;top:40px; }

.m-innerWrap {position:relative;z-index:10;width:100%;height:100%;background-color: #efefef;}
.m-section {position:relative;z-index: 5;}



.m-o-sideBar {display:none;}

.m-shadow {position:absolute;z-index:-1;width:100%;height:100%;left:0px;top:0px;overflow:scroll; transition: opacity 300ms ease-in-out;-webkit-transition: opacity 300ms ease-in-out;background:#000; opacity: 0;  }

.m-wrap.expand .m-shadow { opacity: 0.5; }

.login_btn {position:absolute;top:10px;right:18px;font-size: 14px;}
.login_btn a {color:#555;}
.login_btn span {color:#555; font-size:14px;}

.c-menu-1 ul {padding: 0px;}
.c-menu-1 ul li.text {float: left; font-size: 1.27em; font-weight: 600; color: #333;}
.c-menu-1 ul li.text a {padding:5px 18px; font-size: 20px; color: #333;}
.c-menu-1 ul li.text a:hover {text-decoration:none; color:#3cafff;}
.c-menu-1 ul li.dot {float:left; background:#555; border-radius: 50%; width:3px; height:3px; display:inline-block; margin-top:11px;}
.c-menu-1 ul li:last-child {display:none;}
.c-menu-1 ul li img{height:16px;}
.c-menu-1 a {color:#333;}
.c-menu-1 a:hover {color:#887d73;}
.c-section-1 {border-bottom:1px solid #ddd;height:90px; background-color:#fff;}
.c-image-1 {margin-top:14px;}

.m-sector {padding: 0px 15px;}

.mobile{display: none;}
.pc{display: block;}



/* Small devices (tablets, 768px and up) */
@media (min-width:1200px) {
    .container {width:1100px}
}


.mainbannner-img{display: block;width: 100%; height: 480px; }


/* 배경 객체들 때문에 */
@media (max-width:768px) {
	.mobile{display: block;}
	.pc{display: none;}
    
    .container {width:100%;}
    .login_btn {display:none;}
	
    .m-o-gnb {display:block; position:fixed;left:0px;width:60px;min-height:60px;z-index:50;}
    .m-menuBar {display:block;}
    .m-history {padding-top:30px!important; padding-bottom:5px!important; float:left!important;}

    .c-menu-1 {width:100%; position: absolute; left:0px; top:90px;}
    .c-menu-1 ul {width:100%; display:block; text-align:center; margin:0px auto; white-space: nowrap; overflow-x:auto; padding:9px 15px 0;}
    .c-menu-1 ul::-webkit-scrollbar {display:none;}
    /*.c-menu-1 ul li.text:first-child {margin-left:15px;}*/

    .c-menu-1 ul li.text {float:none;padding:0px;text-align:center;display:inline-block;}
    .c-menu-1 ul li.text a {padding:5px 40px 5px 0; display:inline-block;}
    .c-menu-1 ul li:nth-last-child(2) a {padding-right:0;}
    .c-menu-1 ul li img{height:15px;}
    .c-menu-1 ul li.dot {display: none;}

    

    .m-o-sideBar {display:none;z-index:9;position:fixed;top:0px;height:100%;left:0px;width:260px;overflow:auto;-webkit-overflow-scrolling:touch;background:#39464f}

    .m-o-sideBar .c-menuBox {width:85%;margin:80px auto;}
    .m-o-sideBar .c-top_menu li a{color:white;font-size:15px;font-weight:bold;padding:0;}
    .m-o-sideBar .c-top_menu li a:hover{text-decoration: none;background:#2d3a40;}
    .m-o-sideBar .c-sub_menu {display: block;}
    .m-o-sideBar .c-sub_menu li{padding: 15px 0; width: 46%; border: 1px solid #ccc; display: inline-block; text-align: center; margin: 5px 2px; border-radius: 3px;}
    .m-o-sideBar .c-sub_menu .on{background-color:#fff;}
    .m-o-sideBar .c-sub_menu .on a{color:#39464f;}
	.m-o-sideBar .c-sub_menu li a{color:white;font-size:14px;font-weight:normal; padding:0;}



    .c-btn-1 {border-radius:50%; text-align:center; line-height: 43px; height: 42px; width: 42px; font-size:24px;
        background:#79d426; margin-top: 10px; margin-left: 8px; color:#ffffff; cursor:pointer;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);}
    .c-image-1 {width:150px; margin:38px auto 0px auto;display:block;}
    .c-image-1 img {margin-left: -17px;}/*100%;}*/
    .c-section-1 {height:141px; background:white;}
    
 	.col-sm-3.col-xs-6.slogon, .col-sm-3.col-xs-6.slogon> div{height: auto!important; max-height: 340px!important; border:0!important;}
   	.container.footer{background: #3E3A38;}
	.container .foot_right{width: 100%!important; background: #6a6664!important;  display:none!important;}
   	.container .foot_right{width: 100%!important;}
   	.container .foot_right div{padding:12px 20px 0px!important; line-height: 1.5em!important;}
   	.container .foot_address{padding:3px 20px 12px!important; padding:10px 20px 10px!important;}
   	.container .foot_address div{padding:0px 20px 12px!important;  line-height: 2em!important;}
   	
   	/* 연혁 */
   	.history_year{display:none;}
   	.c-table-1 tr:first-child {border-top:2px solid #555;}
   	
   	.container.mainContainer{min-height: 500px!important;}
	
	.mainbannner-img{background-size: cover!important; height:315px}
	.col-height{height:315px;}

}


@media (max-width:480px) {
    .container {width:100%;}
    .login_btn {display:none;}
    .m-o-gnb {display: block;}
    .c-menu-1 ul li.text a {padding:5px 18px 6px 0;}
	.m-sector{padding:0!important;}
	.m-sector img{margin:0!important; width:100%!important;}	
	
	.m-border01{border-left: 0!important; border-top:1px solid #d0d0d0!important;}
	.m-border02{border-left: 1px solid #d0d0d0!important; border-right: 0!important; height:390px!important; padding: 100px 0px 0px 20px!important;}
	
}

.m-history li a{padding: 5px 3px!important;}
.logo-icon img{width:210px;}
.footer{text-align: center; padding: 20px 0 30px; font-size: 13px;}