@media (min-width: 768px) {
  /* Navbar positioning foo */


  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  

	
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  
  
 /* mid*/

.midmenu{height:54px;}

 .boxed-agree iframe {width:100%;min-height:200px;}
  
  
  
 .comemo {padding:25px;display:inline-block;clear:both;}
 .comemo img{max-width:80%;display:block;text-align:center;margin:15px auto;} 
  
  
  
  
  
  
  
  
  
}



/* RESPONSIVE CSS hp
-------------------------------------------------- */
@media(max-width:767px) {
	
  body{background-color:#eee;}
 .container-fluid {padding-right: 0px; padding-left: 0px;margin-right:auto;margin-left:auto;width:100%;}
 .container{padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto;width:100%;}
 .row {margin-right: 0px;     margin-left: 0px;}

 .mmartop10{margin-top:10px;}
 .mmartop15{margin-top:15px;}

 .carousel-caption{width:100%;right:1%;left:1%;}
 .carousel-caption > h1{padding:0 10%;}
 
 .navbar-nav { margin: 0px -15px; }
 
.container > .navbar-header { margin-right: 0px; margin-left: 0px;}
 
 #pinBoot  article {width:100% !important;}
 
 .copy{margin:0 15px 0 15px;}
 
 .navbar-nav > li {  
 border-bottom: 1px solid #eee;
 padding:2px 15px;
 }
 
.boxed-agree iframe {width:100%;}
 
.page-header .breadcrumb{line-height: 20px;}
 
  
 .withsearch{    position: absolute;
    bottom: 25%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;}
 
 .form-group {
    margin-bottom: 0px;
}


.yakagree{font-size:2rem;}

}






/* RESPONSIVE CSS mobile
-------------------------------------------------- */
@media(max-width:498px) {
	
  
    .navbar-default {background-color: #556ada !important;}
	.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    border-bottom-color: #7386E6 !important;
	}
	

	.navbar-default .navbar-brand {
    color: #fff !important;
	font-size: 1.3em !important;
	font-weight: 700 !important;
    }
	.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
    }
	.navbar-default .navbar-toggle .icon-bar:hover {
    background-color: #fff !important;
    }
	.navbar-default .navbar-toggle:hover{ background-color: #556ada !important;}
	.navbar-nav > li {
    border-bottom: 1px solid #eee;
    padding: 2px 15px;
    background-color: #fff;
	}
	.navbar-default .navbar-nav > li > a {
    color: #000 !important;
	}
	
	
	.carousel{height:80px !important;background-color: #556ada;}
	.carousel-inner{display:none;}
	.carousel-control{display:none;}
	
	.withsearch {
    position: absolute;
    bottom:0px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #fff;}

	
	.pad0{padding-left:0px !important;padding-right:0px !important;}
	
	.imgmenu .btn {
    font-size: 1.0em !important;
	line-height: 1.1em !important;
	font-weight: 700 !important;
	padding-top:16px;
	}
	
	.midmenu{border-top:1px solid #fff !important;border-bottom:1px solid #034193 !important;background-color:#fff !important;}

	.btn-mmenu {
		color: #000 !important;
		background-color: #fff !important;
		padding:15px 0; 
	}
	.btn-mmenu:hover, .btn-mmenu:focus{background-color: #063675;color:#000 !important;}	
	
	
	/*회원가입*/
    #wrapper { margin-top: 0px !important; }
    #fregister{margin-top:10px;}
    #fregister_chkall {
        text-align: right;  padding-right: 10px;    
    }
	#register_form .half_input{width:100%;}
	#register_form .frm_info{display:none;}
	#register_form .frm_pw_info{display:none;}
	#reg_mb_password{margin-bottom:10px;}
	#register_form .register_ma10{margin-bottom:10px !important;}
	#captcha_audio{display:none !important;}
	#captcha #captcha_img{width:40% !important;height: 40px !important; }
	#captcha #captcha_key{width:40% !important;    height: 40px !important;     margin-top: 4px !important;}
	#captcha #captcha_reload{margin-top: 4px !important;}
	#fregisterform .form_01 div{margin-bottom:0px !important;}
    #fregisterform{background-color:#fff !important;}
    
    /*로그인*/
    .mbskin::before, .mbskin::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 2%;
        bottom: 0;
        -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.8);
        -moz-box-shadow: 0 0 0px rgba(0,0,0,0.8);
        box-shadow: 0 0 0px rgba(0,0,0,0.8);
        -moz-border-radius: 100px / 10px;
        border-radius: 100px / 10px;    
    }

    .mbskin {
        position: relative;
        margin: 20px auto 0;
        border: 1px solid #ddd;
        width: 95% !important;
        background: #fff;
        text-align: center;    
    }
	
	/*내용보기*/	
	#bo_v {
    margin-bottom: 20px;
    padding: 20px 5px !important;
    background: #fff;
    box-sizing: border-box;
   }
   #bo_v_link {
    margin: 10px 0;
    border: 0px solid #fff;
   }
   #bo_v_link iframe {
    margin: 0 auto;
    margin-bottom: 0px;
    display: block;
    margin-bottom: 20px;
    width: 100%;
   }
   #bo_v_link h2 {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
    font-size: 1.5em;
   }
    
   #bo_v_con img{width:100% !important;margin:0 auto;}  
   #bo_v_con>p{text-align:left; width:100% !important; margin:0 auto;}
   #map{width:100% !important;height:200px;margin:0 auto;}
   .mapadress{text-align:center;padding:6px 2px; font-size:0.8em;line-height: .6em;}
   #bo_vc .cmt_contents p.cmt_ikcon {
    width: 100% !important;
    clear: both;
    float: left;
    display:block !important;
    }
    #bo_vc .cmt_contents ul.bo_vc_act {
        clear:both;
        width:100% !important;
        float: left;
    }
    .bo_vc_act li a {
        padding: 0 5px;
        line-height: 20px;
        font-size: .7em;
        background-color: #253dbe;
        color:#fff;
        border: 0px solid #b9bdd3;
        border-radius: .3em;
    }

    span.winsizeedit{display:none !important;} 
    #smart_editor2 .se2_inputarea_controller span{display:none !important;}
    
    .page-header {
        padding-bottom: 9px;
        margin: 15px 0 10px 0px !important;
        border-bottom: 1px solid #eee;   
        padding-bottom:15px !important;
    }

    #bo_vc .cmt_contents ul.bo_vc_act li{}
   /*댓글*/





   /*서브레이아웃*/
   #container_wr {
    width: 100%;
     }

   .on{color: #034193 !important;font-weight: 700 !important;border-bottom:2px solid #034193 !important;}
   #bo_gall .gall_img .no_image{display:none !important;}
   #bo_gall .gall_img{border-bottom: 0px solid #fff !important;}

   /*검색결과*/
   .sch_res_list li {
    border: 1px solid #e0e0e0;
    background: #fff;
    position: relative;
    margin-bottom:4px;
    }
    .sch_res_list .sch_tit {
        display: block;
        background: #fff;
        padding: 10px 70px 10px 10px;  
        border-bottom:1px solid #ddd;  
        
    }
    a.sch_res_title {
        display: inline-block;
        margin: 0 0 5px;    
        font-size: 0.9em !important; 
    }
    .sch_res_list .sch_info {
        padding: 10px;
        color: #777;
        font-size: 0.8em; 
        background-color: #f7f7f7;    
    }

  /*글등록하기*/
    .page-header .breadcrumb{display: none;}
    .tabmenu > .nav > li > a {
        background-color: #f5f5f5;
        color: #676767;
        border: 1px solid #ddd;
        padding: 10px 20px !important;
        line-height: 2;
        -webkit-transition: all 0.75s;
        -moz-transition: all 0.75s;
        transition: all 0.75s;    
    }
    select.w_bun {
        width: 83% !important;     
    }
    select.w_area1 {
        width: 20% !important;    
    }
    select.w_area2 {
        width: 15% !important;    
    }
    input.w_area3 {
        width: 46% !important;    
    }
    #bo_w .bo_w_tit #btn_autosave{display:none !important;}

    #smart_editor2{min-width:100% !important;}

/*웹에디터*/
    li.husky_seditor_ui_superscript{display:none !important;}
    #captcha_mp3{display:none !important;}
   
/*로그인*/

  /*  .mbskin {
        position: relative;    
        border: 0px solid #ddd;
        background: #fff;
        text-align: center;
        width: 100% !important;
        height: 100vh !important;
        max-height: 100% !important;
        min-height: 100% !important;
        display: inline-block;
        top: -40px !important;
        margin: 0;
    }*/
 
 
   .subloginbg{background-color: #fff !important;}
    .mbskin {border: 0px solid #ddd !important;}








}