/* 모바일, 태블릿 배너 */
@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%;}

footer { margin-top:0 !important;}

}
@media(max-width: 1199px){
header .pc_banner{display:block !important;}
.insertAd3 img,
.insertAd4 img{width:100%;}
.insertContent2 .wrap{flex-direction: column;padding:20px;}
.insertContent2 .left h4{font-size:1rem;}
.insertContent2 .right{display:grid;grid-template-columns: repeat(2, 1fr);margin-top:10px;}
.insertContent2 .right a .radius img{width:60px;}
.insertContent2 .right a p{font-size:.8rem;text-align:center;}
.insertContent3 .flex{flex-direction: column;max-height: unset;gap:15px;}
.insertContent3 .flex .left,
.insertContent3 .flex .center,
.insertContent3 .flex .right{width:100%;max-height: 100px;width: 92%;margin:0 auto;}
.insertContent3 .flex p{display:none;}
.insertContent3 .flex .main .subLeft h4{font-size:.8rem;}
.insertContent3 .flex .main .subLeft{width:65%;margin-left:0;}
.insertContent3 .flex .main .subRight{width:35%}
.insertContent3 .flex .subRight .hidden{opacity:1;}
.insertContent3 .flex .subRight img{width:60px;margin: 0 0 0 30px;}
header .pc_banner .left.fix{width:30%;display:block;}
.pc_banner .flex.mo{display:none !important;}
.insertContent2 .wrap{margin-top:0;padding:30px 0;}
.insertContent1{margin:0;}
.insertAd5 img{width:100%;}
.insertContent2 .left h4{margin-left:20px;}
#main_1st .title_wrap h2{font-size:1.2rem;}
.insertAd3{margin-top:30px;}
#main_1st .content_wrap{flex-direction: column;}
#main_1st .content_wrap .tap_wrap{width:100%;padding-bottom:0;}
#main_1st .content_wrap .middle_cont{width:100%;margin:0 15px;}
#main_1st .content_wrap .middle_cont .bottom{width:100%;}
#main_1st .content_wrap .right_cont{width:100%;margin-top:15px;padding:0px;}
#main_1st .content_wrap .middle_cont .top img{width:100%;}
#main_1st .content_wrap .middle_cont .top .swiper-wrapper{display:none;}
#main_1st .content_wrap .middle_cont .bottom.mo{display:flex !important;width: 90%;}
#main_1st .content_wrap .right_cont a{display:flex;flex-direction: column;margin:0 15px;}
#main_1st .content_wrap .right_cont a > div{width:100%;}
#main_1st .content_wrap .right_cont a .r_text h3{font-size:1rem;}
#main_1st .content_wrap .right_cont a .r_text p{font-size:.8rem;display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;padding:0 10px;}
.insertAd6{margin-bottom:30px;}
.insertAd6 img{width:100%;}
#main_1st .content_wrap{margin-bottom:30px;}
.swiper-slide .wrap{flex-direction: column;align-items: center;gap:20px;}
.swiper-slide{max-height:215px;height:340px !important;padding:20px 10px;}
.swiper-slide .wrap h4{font-size:.7rem;text-align:center;}
.swiper-slide .wrap p{font-size:.8rem;text-align:center;}
.insertAd4{margin-top:30px;margin-bottom:0;}
.insertAd4 img{width:100%;}
footer img{display:none;}
.navbar .row .navbar-toggler{border:0;color:#ffcb2c;}
.navbar .row{padding:15px;}
header .pc_banner{padding-top:0;}
.navbar .row .collapse .navbar-nav{align-items: flex-start;}
@media only screen and (min-width: 320px) and (max-width: 500px){
.navbar .row .collapse .navbar-nav .nav-item .nav-link{padding-left:0;}
}
@media only screen and (min-width: 501px) and (max-width: 600px){
.navbar .row .collapse .navbar-nav .nav-item .nav-link{padding-left:1.5rem;}
}
.mo_nav_ad img{width:100%;}
#main_1st .title_wrap h2 span::before,
#main_1st .title_wrap h2 span::after{width:3px;height:3px;}
#main_1st .content_wrap .middle_cont .bottom .b_content a h3{font-size:1rem;}
#main_3rd{margin:0 10px;}



}