@media screen and (min-width:769px) and (max-width:1400px) {
  nav {
    width: 1400px;
/*     overflow: hidden; */
  }
  .mainTop {
    width: 1400px;
  }
  .center_dream_wrap {
    width: 1400px;
  }
  body.wrap footer {
    width: 1400px;
  }
  .subVis {
    width: 1400px;
  }
}

/******************************* mobile(under 768px) *******************************/
	
@media screen and (max-width:768px) {

/* 	메인 */
	.contentWrap > article {
   		margin-bottom: 10px;
	}
	.main>section.mainTop{
		padding: 10px;
	}
	.mainTop .mainBaner {
	    width: 100%;
	    height: 100%;
	}
	.mainBaner .swiper-slide a{
		height: 100%;
	}
	/*.mainBaner .btnWrap{
		left: 50%;
    	margin-left: -46px;
	}*/
	
	.contentWrap .implementCenterWrap {
    	width: 100%;
    	
    	position: unset;
	}
	.impleCenter_btm{
		position: unset;
	}
	
	
	.main>section {
    	margin-top:0px;
	}
	.main .tab-content {
    	height: auto;
		padding:10px;
	}
	.contentWrap .content01.noticWrap a.notic_moreBtn{
		padding-right: 20px;
	}
	ul.main_tabs li{
		padding: 0 8px;
	}
	.tab-content table.notic tbody th {
	    padding: 8px 0px;
	}
	.shortcut_title{
		flex-direction: column;
		height: auto;
		padding-bottom: 4px;
	}
	.shortcut_title span{
		padding-left: 0;
	}
	.shortcut_list li {
		padding: 0 8px;
	    flex-flow: row;
	    word-break: keep-all;
	}
	.shortcut_list li a h5{
	    font-size: 1rem;
	    word-break: keep-all;
	}
	.shortcut_list li a span{
		margin-top: 15px;
	}
	
	.main>section.mob_full {
	    padding: 0;
	    margin-top: 0;
	}
	.center_dream_wrap {
	    background: url(../../images/doggeonoin/main_content_bg.png) no-repeat center center;
	    background: #8aa2c2;
	    background-size: auto;
        word-break: keep-all;
        padding: 20px 5px;
        height: auto;
	}
	.center_dream_wrap > div > p {
	    padding-top: 20px;
        font-size: 1.5rem;
        font-size: 1.4rem;
	}
	.center_dream_wrap .center_dream_list {
	    flex-wrap: wrap;
	    padding: 10px 0;
	    padding: 0;
        background: unset;
	}
	.center_dream_wrap .center_dream_list li {
	    width: calc(100% / 2 - 10px);
	    
        background: #fff;
  		border-radius: 15px;
    	margin: 0 5px 10px;
    	padding: 10px;
	}
	.center_dream_wrap .center_dream_list li a span{
		height: fit-content;
	}
	.center_dream_wrap .center_dream_list li a span img{
		width: 100%;
		height: 100%;
		vertical-align: top;7
	}
	.center_dream_wrap .center_dream_list li a h5{
		margin-top: 15px;
		font-size: 1.1rem;
	}
	.center_dream_wrap .center_dream_list li a p{
		font-size: 0.9em;
	    color: #666;
	}
	.center_dream_wrap .center_dream_list li a h5:after {
	    margin: 8px 0;
	}
	
	
	.main>section.newsWrap {
		padding: 0;
		background: #e5ebf2;
		padding-bottom: 40px;
	}
	.newsWrap .news-tab {
        padding: 40px 10px;
        padding: 0;
	    justify-content: flex-start;
	    
	    
	    overflow: hidden;
	}

	.news-tab .news_title_wrap {
        padding: 0;
        padding: 30px 0 30px 10px;
	}
	.news_title_wrap .newsWrap_tit{
		line-height: unset;
	}
	.news_title_wrap .newsWrap_tit p {
	    font-size: 1.8rem;
	}
	.news_title_wrap .newsWrap_tit h4 {
	    font-size: 1.35rem;
	}

	.news-tab .news_content_wrap {
	    padding: 10px;
        padding: 30px 20px;
        width: calc(100% - 150px);
	}
	
	.news-tab .news-tab-menu {
	    width: 140px;
	}
	.news-tab .news-tab-menu > li {
	    font-size: 1.1rem;
	    font-size: 1rem;
        height: 48px;
    	line-height: 48px;
	}
	.news-tab .news-tab-menu li.current {
	    width: 150px;
	}
	
	.news-tab .news-tab-content{
		padding-bottom: 30px;
	}
	.news-tab .news-tab-content .news_list {
	    width: auto;
	}
	.news-tab .news-tab-content .news_list li{
		margin-right: 10px;
	}
	.news-tab .news-tab-content .news_list li p{
		width: 100%;
	}
	.swiper-pagination.news_bullet {
	    bottom: 0px;
	    height: 30px;
	    margin: 0;
	    line-height: 30px;
	    line-height: 40px;
	}
	.swiper-pagination.news_bullet .swiper-pagination-bullet {
	    width: 12px;
	    height: 12px;
	    background: #2d5991;
    }
	.news-tab .news-tab-content .news_list li span{
		width: 100%;
		height: 175px;
	}
	
	
	
	
	
	.footerTop ul{
		padding-top: 0;
		height: 40px;
	}
	.footer.container{
		flex-direction: column-reverse;
	}
	.footer .footerTel{
		text-align: center;
	    margin-bottom: 15px;
	}
	.footer .footerTel .telInfo span.tel{
		font-size: 2rem;
	}
	.footer .footerTel .telInfo span.tel_img img {
	    width: 28px;
	}
	.footerBtm {
	    flex-direction: column;
	}
	
	body.wrap {
	    padding-bottom: 440px;
	}
	
	
	/* 서브페이지 */
	.subContent {
	    margin-top: 32px;
	}
	.subContentTop {
	    flex-direction: column;
	    align-items: center;
	    margin-top: 20px;
	}
	.contentNav{
		font-size: 1em;
	}
	.subContentTop h4{
		letter-spacing: -1px;
	}
	
	.subVis{
		min-height: 120px;
	}
	.subVis_inner {
	    background: url(../../images/doggeonoin/sub_vis_img01.png) no-repeat right -360px center;
	    position: relative;
	   	height: 120px;
	}
	.subVis_inner:before{
		content: '';
		display: block;
		background: #8d9cb0;
		background: #000;
		width: 100%;
		height: 100%;
		opacity: 0.35;
		position: absolute;
		top: 0;
		left: 0;
	}
	.subVis_inner p {
	    font-size: 2em;
	    font-size: 1.8em;
	    padding-left: 20px;
	    padding-left: 12px;
	    z-index: 5;
	}
	
	.subContentWrap {
	    margin-left: 0;
	    width: 95%;
	}
	.contentList>li>h4 {
	    padding-left: 26px;
        word-break: keep-all;
	}
	.contentList>li:after {
	    top: 3px;
	}
		
	.intro_box_inner{
		padding: 30px 10px 10px !important;
		text-align: center;
	}
	.intro_box_inner span.intro_img {
	    top: -20px;
	    left: 50%;
	    margin-left: -35px;
	    padding: 0 10px;
	}
	.intro_box_inner span.intro_img img{
		width: 70px;
	}	
	.intro_box_inner p {
	    font-size: 1.1em;
	}
	
	
	
	.contentList02>li.fyi_box p.fyi {
	    top: 114px;
	    width: 100%;
	}
		
		
	.subContent .subContentTit {
	    margin-bottom: 52px;
	}
	.position_box div.down_btn_box {
		top: 40px;
	    right: 50%;
	    margin-right: -92px;
	}
		
	.bsn_cont_box.qty3 > li {
	    width: calc(100% / 2 - 12px);
	}
	.sponsorship_type > li{
		padding: 20px 0; 
	}
	.sponsorship_type > li span:first-child {
	    text-align: center;
	    padding: 0;
	}	
	.sponsorship_type > li span:last-child{
		padding: 15px 10px 0;
	}
	
		
	.sponsorship_type > li:nth-child(1) > span:first-child { background-size: 80px 80px; background-position: bottom; }
	.sponsorship_type > li:nth-child(2) > span:first-child { background-size: 80px 80px; background-position: bottom; }
	.sponsorship_type > li:nth-child(3) > span:first-child { background-size: 80px 80px; background-position: bottom; }
		
		
	.linkBtnWrap {
/* 	    flex-direction: column; */
	}
	
	.linkBtnWrap a {l
	    margin-bottom: 12px;
	}
	
	.txt_box01{
	    padding: 8px 12px;
	}
	
	
	
  .practician_box {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
  }		
  .practician_box li {
    width: 100%;
    margin-bottom: 12px;
  }
  .practician_box > li > p {
    width: 100%;
    height: fit-content;
    overflow: hidden;
  }
  .practician_box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .practician_box .practician_txt h4 {
    font-size: 1.3em;
    letter-spacing: -1px;
  }
  .practician_box .practician_txt p {
    padding: 0 8px 12px;
  }
	
	
  .footerTop{
  	position: relative;
	display:block;
  }
  .footerTop ul.snsIcon{
  	position: absolute;
  	top: 60px;
  	left: 0;
    justify-content: center;
  }
  .footerTop > ul.snsIcon li:after{
  	display: none;
  }
  
  .offcanvas {top:0; width:100%; height:100%;}
  
  .contentList>li {margin-bottom:30px;}
  .contentList>li>h4 {margin-bottom:5px;}
  .contestWrap .table01 th {font-size:14px; line-height:2;}
  .contestWrap .table01 th {background:#c5c5c5; color:#000;}
  .contestWrap .table01 th.th02 {background:#e5e5e5; color:#606060;}
  .contestWrap .table01 td {font-size:13px;}
  .contestWrap .table01 .input.search {width:84% !important;}
  .contestWrap .table01 td input {margin:5px 3px 5px 0;}
  .btm_txt p {font-size:13px;}
	
	
}

/******************************* mobile(under 375px)*******************************/
@media screen and (max-width:375px) {
	
	.news-tab .news-tab-content .news_list li span {
	    height: 142px;
	}
	
	.subContentTop h4 {
		font-size: 1.8em;
	}
	
	.bsn_cont_box .bsn_cont_tit span i {
	    padding: 8px 2px;
	    letter-spacing: -1px;
	}
	
	
	.main>section.newsWrap {
		padding: 0;
		background: #e5ebf2;
		padding-bottom: 35px;
	}
	.footerTop {
		position: relative;
		display: block;
		height: 120px;
		padding-top: 6px;
	}
	.footerTop ul {
		padding-top: 0;
		height: auto;
		display: block;
	}
	.footerTop ul li {
		margin: 0;
		float: left;
		padding: 5px 10px;
	}
	.footerTop ul li:after {
		right: 0;
	}
	.footer {
		padding: 30px 10px 30px 10px;
	}
	
}