@media (min-width:1200px) {
.left_crousel_btn {
left : 30px;
}
.right_crousel_btn {
right : 30px;
}
.buttonset{display:none}

}
@media (min-width:992px) and (max-width:1169px) {
.container {
width : 970px;
}
.buttonset{display:none}
.lts_pst img {
width : 100%;
}
#InputName {
width : 205px;
}
#InputEmail {
width : 205px;
}
.title_sec {
width : 750px;
}
.abt {
width : 820px;
}
#protfolio_sec .single-portfolio {
margin-left : 10px;
}
.left_crousel_btn {
left : 30px;
}
.right_crousel_btn {
right : 30px;
}

#mobile_top{display:none}

}
@media (min-width:768px) and (max-width:991px) {
	
	body {
font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; margin:0; padding:0; font-size:1.4em
} 


	#header {
    position: relative!important;
    width: 100%;
    margin-top: 0px;
    background:none!important;
}

.gnb ul{display:none}
.head_tnb{border:none; background:none!important; width:100%!important;}
.logo{float:none!important; margin:3em 0 1.5em!important; text-align:center; margin:0 auto; width:60%!important; } 
.logo > a > img{width:100%}
#tnb_tb{display:none!important}
#tnb_tb {background:#007aff}
#tnb_tb > li > a{padding: 20px; font-weight:400}
#mobile_top{display:block!important; margin:0; padding:0}
#mobile_top> li{list-style:none; float:left; width:25%;  background:#046eb8;  text-align:center}
#mobile_top> li > a > .glyphicon{ font-size: 1.8em!important;font-weight:400; color:#FFF; padding: 20px 15px;}
.swiper-slide{width:100%!important; height:auto!important} 
.swiper-wrapper a{width:100%!important;}
.swiper-slide img{width:100%}
.intro-wrap{height:auto!important; margin-top:0!important}
.gnb_wrap{display:none!important}	
.list_bn{display:none!important}

#quick_sec  a{font-size:1.8em!important; }

.latest_tl {  font-size: 1.8em!important;}
.latest_more{  font-size: 1.3em!important;}
.latest a {font-size: 1.8em!important;}
.list-unstyled {max-height: none!important}
.foot_sec{text-align:center!important}
.copy_right li{text-align:center!important}
.bottom_menu li a{  font-size: 1.8em!important;}

.buttonset{display:block!important;position:absolute; top:20px; right:0px; }
.buttonset button {border: none;	background:#47a3da;	color: #fff;	padding: 1.5em;	display: inline-block; margin:15px 0;	cursor: pointer;	font-size: 1.8em; z-index:9999999999}

.buttonset button:hover {	background: #258ecd;}

.buttonset button .active {	background: #0d77b6;}

.buttonset button .disabled {	background: #aaa;	pointer-events: none;}



/* General styles for all menus */
.sub_head{display:none!important}
.container {width : 100%!important; height:auto!important}

.lft_hd{display:block!important; }
.lft_hd a{text-align:center; vertical-align:middle; font-size:1.4em; }
.lft_hd i{padding:1em 0;}
.center_hd a{padding:2em 0; margin:10px 0;}
.center_hd img{ margin:0!important; max-width:100%; width:68%; height:auto}
.rgt_hd{padding:2em 0;margin:0!important;} 

.lts_pst img {
width : 100%;
}
.title_sec {
width : 100%;
}
.abt {
width : 100%;
}
.sngl_pricing {
margin-bottom : 40px; 
}
.service {
margin-bottom : 20px;
}
#protfolio_sec .single-portfolio {
margin-left : 240px;
}
.lts_pst {
margin-bottom : 40px;
}
.left_crousel_btn {
left : 30px;
}
.right_crousel_btn {
right : 30px;
}
.widget {
float : left;
}
}
@media (max-width:767px) {
	
	#header {
    position: relative!important;
    width: 100%;
    margin-top: 0px;
    background:none!important;
}

.gnb ul{display:none}
.head_tnb{border:none; background:none!important; width:100%!important;}
.logo{float:none!important; margin:3em 0 1.5em!important; text-align:center;width:100%!important; } 
.log > a > img{width:100%}
#tnb_tb{display:none!important}
#tnb_tb {background:#007aff}
#tnb_tb > li > a{padding: 20px; font-weight:400}
#mobile_top{display:block!important; margin:0; padding:0}
#mobile_top> li{list-style:none; float:left; width:25%;  background:#046eb8;  text-align:center}
#mobile_top> li > a > .glyphicon{ font-size: 1.8em!important;font-weight:400; color:#FFF; padding: 20px 15px;}
.swiper-slide{width:100%!important; height:auto!important} 
.swiper-wrapper a{width:100%!important;}
.swiper-slide img{width:100%}
.intro-wrap{height:auto!important; margin-top:0!important}
.gnb_wrap{display:none!important}	
.list_bn{display:none!important}

#quick_sec  a{font-size:1.8em!important; }

.latest_tl {  font-size: 1.8em!important;}
.latest_more{  font-size: 1.3em!important;}
.latest a {font-size: 1.8em!important;}
.list-unstyled {max-height: none!important}
.foot_sec{text-align:center!important}
.copy_right li{text-align:center!important}
.bottom_menu li a{  font-size: 1.8em!important;}

.buttonset{display: inline-block;position:absolute; top:20px; right:0px;  }
.buttonset button {border: none;	background:#47a3da;	color: #fff;	padding: 1em;	display: inline-block; margin:15px 0;	cursor: pointer;	font-size: 1.3em; z-index:9999999999}

.buttonset button:hover {	background: #258ecd;}

.buttonset button .active {	background: #0d77b6;}

.buttonset button .disabled {	background: #aaa;	pointer-events: none;}


/* General styles for all menus */
.sub_head{display:none!important}
.container {
width : 100%;
}

.lft_hd{display:block!important; width:10%; float:left }
.lft_hd a{text-align:center; vertical-align:middle; font-size:1.4em; }
.lft_hd i{padding:1em 0;}
.center_hd{width:80%; float:left}
.center_hd a{padding:2em 0; margin:10px 0;}
.center_hd img{ margin:0!important; max-width:100%; width:68%; height:auto}
.rgt_hd{width:10%; float:right} 

.carousel {
	width:100%;
	margin:0 auto;
    position: relative;
height:auto; max-height:400px; min-height:200px; overflow:hidden;
}

.title_sec {
width : 100%;
}
.abt {
width : 100%;
}
.sngl_pricing {
margin-bottom : 40px;
}
.service {
margin-bottom : 20px;
}
#protfolio_sec ul.filter {
padding-left : 25px;
}
.main_menu_sec {
padding-bottom : 18px;
}
.lft_hd img {
margin-top : 9px;
}
.sngl_tstm p {
width : 260px;
}
.lts_pst > img {
width : 100%;
}
.right_crousel_btn {
right : 0;
}
.left_crousel_btn {
left : 0;
}
.author_info > img {
width : 100%;
margin-bottom : 20px;
}
}
@media only screen and (min-width:320px) and (max-width:479px) {
.gnb ul{display:none}
.head_tnb{border:none; background:#046eb8; height:5px; width:100%}
.logo{float:none!important; margin:33px 0 15px ; width:100%;text-align:center}

#tnb_tb{float:none!important; display:block; position:relative; margin-top:0px!important}
#tnb_tb > li > a{padding: 20px; font-weight:400}

.swiper-slide img{width:100%}
.intro-wrap{height:auto!important}
.gnb_wrap{display:none!important}	


#nav_menu ul {display:none!important}	

/* General styles for all menus */
.sub_head{display:none!important}
.container {
width : 100%;
}

.lft_hd{display:block!important; width:10%; float:left }
.lft_hd a{text-align:center; vertical-align:middle; font-size:1.4em; }
.lft_hd i{padding:1em 0;}
.center_hd{width:80%; float:left}
.center_hd a{padding:2em 0; margin:10px 0;}
.center_hd img{ margin:0!important; max-width:100%; width:68%; height:auto}
.rgt_hd{width:10%; float:right} 
.carousel {
	width:100%;
	margin:0 auto;
    position: relative;
height:auto; max-height:400px; min-height:200px; overflow:hidden;
}
	
}