/* 모바일, 태블릿 배너 */
@media only screen and (min-width: 320px) and (max-width: 475px){
	header .pc_banner {display:none;}
	header .mo_banner {display:block;}
	header .mo_banner img{display:block; width:100%;height:100%;margin: 0 auto;}
}

@media only screen and (min-width: 475px) and (max-width: 992px) {
	header .mo_banner img{display:none;}
	header .pc_banner {display:block;}
	header .pc_banner img {height:300px;}

}

/* 모바일 */
@media only screen and (min-width: 320px) and (max-width: 768px){

	.pc {display:none !important;}
	.mo {display:block !important;}
	.mo_inline {display:inline-block !important;}

		/* navbar */
	.navbar {padding:0;}
	.navbar .row .logo_wrap .navbar-brand {padding:0; width:40%;}
	.navbar .row .logo_wrap .navbar-brand img { width:150px;}
	.navbar .row {padding:0 15px; justify-content:space-between; align-items: center;}
	.navbar .row .logo_wrap {width:100%; text-align:center; background:none; justify-content:space-between; margin:0;}
	nav .row .pc_nav_ad .adsbygoogle { display:none;}
	.navbar .row .navbar-toggler {width:15%;border-radius: 0; color:#7f75ef;  font-size:2.2rem; border:2px solid #7f75ef; padding:0;}

	header .mo_banner {margin-bottom:30px;}

	/* 공통 */


	/* footer */
	footer {margin-top:0 !important;}
	footer h2  {font-size:1.5rem;}
}

/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 990px){

.pc {display:none !important;}

.navbar {padding:0;}
.navbar .row {padding:0 35px; justify-content:space-between; }
.navbar .row .collapse .navbar-nav {background:#55626d;}
.navbar .row .collapse .navbar-nav .nav-item .nav-link {color:#fff;}
.mo_nav_ad { display:block; background:#fff; width:100%; text-align:center;}
.navbar .row .logo_wrap {width:88%;}
.navbar .row .navbar-toggler {width:12%;}

#main_1st_container { max-width:900px; }
#main_1st_container .right .front img { width: 30vw;} 

footer { margin-top:0 !important;}

}


@media (max-width: 1199px){
.navbar .row .navbar-toggler{border:0;color:#03588b;}
#main_1st_container{margin-bottom:30px;}
#main_1st_container .grid{grid-template-columns: repeat(1, 1fr);padding:0 20px;gap:20px;}
.insertAd1{margin-bottom:30px;}
#main_2nd_container .grid{grid-template-columns:repeat(2, 1fr);margin:0 20px;}
#main_3rd_container{margin-bottom:0;}
#main_3rd_container .wrap{padding-bottom:15px;}
#main_3rd_container .wrap .conBox{grid-template-columns: repeat(2, 1fr);padding:20px 15px;margin:0 20px 30px;border-radius:15px;}
#main_3rd_container .wrap .conBox a .top img{padding:0;}
#main_4th_container{margin:0;}
#main_4th_container .grid{grid-template-columns: repeat(1, 1fr);}
#main_4th_container .grid .con:first-of-type,
#main_4th_container .grid .con:nth-of-type(2){margin:0 15px;}



#main_5th_container{padding:0 15px;}
#main_5th_container .row{display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
#main_5th_container .content_box,
#main_5th_container .sim-ad{width:100%;}
#main_5th_container .sim-ad img{height:unset;}
#bg_gradient2{display:none;}
#main_6th_container{padding:0 15px;}
#main_6th_container .content_wrap .left{width:100%;}
.navbar .row .collapse{width:100%;}
.navbar .row .collapse .navbar-nav{align-items: flex-start;}
.navbar .row .collapse .navbar-nav .nav-item .nav-link{padding: 0.8rem 0rem;}


















}