@media (min-width:1921px) {
    main{max-width:100%; margin:0 auto;}
    
    
}
@media  (min-width:1921px) and (max-width:2500px) {
    
}
@media (max-width:1910px) {
  .circle_bg{ height: 60.625rem; width: 60.625rem;}
  .circle_bg ul { height: 56.25rem; width: 56.25rem; }
  
}
@media (max-width:1810px) {
  
  .gnb-menu-list { padding: 13rem 4rem 0;}
  .gnb_absol_img {max-width: 17%; right: 4rem;}

	.inner.w1780 { max-width: 100%;}

	.main_net { padding: 6rem 0 7rem; }
	.main_net .tit01 { font-size: 2rem;}
	.main_net_tabBtn { font-size: 1.5rem;}
	.main_net .inner ul li a > span { font-size: 1.3rem;}
	.main_net .inner ul li a > p { font-size: 1.3rem; }

	.main_with .inner >img { width: 85%;}
	.main_stastic .titimg { width: 16rem; right: 2%; top:-10rem;}
	.main_with .greenBox { height: 27rem;  }

	.main_fourth .inner { width: 95%;} 
	.main_fourth ul li { width: calc( 25% - 0.45rem); }
	.main_fourth ul li .txts { height: 17rem; }
	.main_fourth ul li .txt01{font-size: 1.5rem;}
	.main_fourth ul li .txt02 { font-size: 1rem;  } 


	.main_doctors .inner.n01 { gap: 3.6rem;} 
	.main_doctors .inner.n01 .imgbox {width: 40%;}
	.main_doctors .bluetxt { font-size: 13rem; right:-4rem;}
	.main_doctors .bluetxt > span {font-size: 7rem;}

	.main_wherever .titlebox { width: 95%; margin: 0 auto; gap: 5.5rem;} 
	.main_wherever .bluetxt { font-size: 17.5rem; width: auto;}
	.main_wherever .imgbox {width: 50%; }

	.main_special .inner.w1780 { width: 90%;} 
	.main_special ul li .txt02 { font-size: 1.4rem; }
	.absolCont { max-width: 40%; max-height: 60vh; overflow: hidden; right: 1rem;}
	.absolCont.n01 { padding: 2rem 2rem; }
	.absolCont.n02 { padding: 2rem 2rem; }
	.absolCont.n02 .tit {font-size: 1.4rem}
	.absolCont.n04 {top: -25rem; flex-direction: column;}
	.absolCont.n04 .txtbox { margin: 2rem 2rem 1rem; }
	.absolCont.n05 {top: -31rem; flex-direction: column;}
	.absolCont.n05 .txtbox { margin: 2rem 2rem 1rem; }

	.main_since .txtbox { width: 90%; margin:0 auto;} 

}
@media (max-width:1710px) {

	.main_stastic ul { flex-wrap: wrap; gap: 5rem 0}
	.main_stastic ul li {width: 26%; }  
}
@media (max-width:1680px) {
    
} 
@media (max-width:1560px) { 
	html, body{ font-size:15px !important; }
 
	.main_net .inner ul { max-width: 90%; margin:0 auto; gap: 1rem 1rem; } 
	.main_net .inner ul li { width: calc(34% - 2rem);}
	.main_net .inner ul li a { width: 100%;  flex-direction: column; gap: 5px;   border-radius: 4px;}

	.main_ortho .inner { max-width: 100%;}
	.main_ortho .titlebox { width: 40%; }
	.main_ortho .imgbox {width: 50%;}
}

@media (max-width:1440px) {
    html, body{
      font-size:14px !important;
    }
    

    .pd_160{padding: 100px 0;}
    
    .container-1500{max-width:90%;}
    .container-1580{max-width:100%; padding:0 2%;}
    .container-md,.container-sm{max-width: 1280px;}
    
    
    .pc_cont_1440{display:none; opacity:0; visibility:hidden;}
    .m_cont_1440{display:block; opacity:1; visibility:visible;}
    
    .main_net::before { display: none;}
    .main_net .inner { margin: 5rem auto 0;	}

    .main_special .inner.w1780 { width: 100%;}

	.main_nvrBanner .inner::before { width: 19%;}

}

@media (max-width:1280px) {
    html, body{
      font-size:14px !important;
    }
    
    /* padding */
    .pd_60{padding: 40px 0;}
    .pd_160{padding: 100px 0;}
    
    /* padding-top */
    .pt_160{padding-top:120px;}
    .pt_200{padding-top:180px;}
    
    .container-md,.container-sm{max-width: 100%; padding:0 8%;}
    .container-1200{max-width: 100%; padding:0 4rem;}
    .container-1500{max-width:94%;}
    
    .pc_cont_1280{display:none; opacity:0; visibility:hidden;}
    .m_cont_1280{display:block; opacity:1; visibility:visible;}

	.main_copy { height: 21.6rem;}
	.main_copy > p { top:29%; font-size: 2rem; }


	.main_vids {  margin-top: 2rem;}
    .main_vids_inner { width: 100%;  height: 100%; border-radius: 0;}

	.main_net .tit01 { font-size: 1.7rem; }
	.main_net .tit01::before { width: 9.875rem; height: 8.75rem; top: 0rem; left: 7rem; }
	.main_net_tabBtn { margin-top: 3rem; font-size: 1.3rem;}

	.main_stastic .tit01 { font-size: 1.7rem; line-height:3rem;} 
	.main_stastic .tit01 .stars::before { font-size: 0.7rem; letter-spacing: 3px; top: -1rem; top: -2rem;}
	.main_stastic ul { margin-top:5rem;}
	
	.main_nvrBanner .txt01 { font-size: 1.8rem; line-height: 1.4; margin-bottom:1rem;}
	.main_nvrBanner .txt02 { font-size: 1.5rem; display: inline; line-height: 1.7; box-shadow: inset 0 -5px 0 #d8f3f0; font-weight: 400;}
	.main_nvrBanner .inner .img { margin-top: 2rem;}
	.main_nvrBanner .txt03 { font-size: 1.1rem; margin-top:2.3rem;}
	.main_nvrBanner .txt04 { font-size: 1.4rem;line-height: 1.4; }
	.main_nvrBanner .sp { width: 29%; bottom: -5rem;right: 2%; } 
	.main_nvrBanner .txt05 { font-size: 1.5rem;line-height: 1.8; margin-top: 2rem;}

	.main_special .inner { margin:3rem auto 0; flex-direction:column;}
	.main_special .left { width: 100%; border-right: none;}
	.sp_btns { width: 100%;}
	.sp_btns li { padding: 1rem 2rem; font-size: 1.1rem;}
	.sp_btns li:nth-of-type(1) i { width: 3.5rem; height: 4.375rem; }
	.sp_btns li:nth-of-type(2) i { width: 3.563rem; height: 4.75rem;}
	.sp_btns li:nth-of-type(3) i { width: 3.563rem; height: 5.25rem;  }
	.sp_btns li:nth-of-type(4) i { width: 3rem; height: 4.25rem; }
	.sp_btns li:nth-of-type(5) i { width: 3.063rem; height: 4.063rem; }
	.sp_btns li::before  { width: 1.3rem; height: 1.3rem; right: 1rem;}

	.main_ortho .tit01 { font-size:1.125rem; }
	.main_ortho .tit02 {font-size: 1.7rem;}
	.main_ortho .tit03 { font-size: 1rem; margin-top: 1.7rem;} 
	.main_ortho .tit04 { font-size: 1rem;} 
	.main_ortho .tit04 strong { font-size: 1.1rem;} 
	.main_ortho .inner { flex-direction: column;align-items: center; }
	.main_ortho .titlebox { width:auto; }
	.main_ortho .bluetxt { font-size: 7rem; }
	.main_ortho .imgbox {width: auto;}
	.main_ortho .hoverImg { right: 50%; transform: translateX(50%); top: auto; bottom: -1rem; width:90%;} 
	.main_ortho .imgbox .desc { bottom: 0rem; right: auto; left: 50%; transform: translateX(-50%);}

	.main_doctors { background: #fff;}
	.main_doctors .tit01 { font-size:1.125rem; }
	.main_doctors .tit02 {font-size: 1.7rem;}
	.main_doctors .tit03 { font-size: 1rem; margin-top: 1.7rem;} 
	.main_doctors .inner.n01 { flex-direction: column-reverse; align-items: center; gap: 2.6rem;} 
	.main_doctors .titlebox {width: 90%;}
	.main_doctors .bluetxt { display: none; }
	.main_doctors .inner.n01 .imgbox {width: 95%;}

	.main_doctors .inner + .inner {    margin-top: 7rem;}
	.main_doctors .inner.n02 .subtit01 {font-size: 1.7rem;}
	.main_doctors .inner.n02 .subtit02 {font-size: 1rem; margin-top: 1.7rem;}
	.main_doctors .inner.n02 ul {gap: 3rem 2rem; margin-top: 4rem;}
	.main_doctors .inner.n02 ul a { display: block; width: calc( 34% -  2rem);}  

	.main_special .right { display: none;}
	.main_special .tit01 { font-size:1.125rem; }
	.main_special .tit02 {font-size: 1.6rem;}
	.main_special .panel-title .txt02 { font-size: 1.3rem; }

	.main_fourth .titlebox > img { left: auto; right: 0%; width: 20%; }
	.main_fourth .tit01 {font-size: 1.7rem; line-height:1.4;}
	.main_fourth .tit02 { font-size: 1rem; margin-top: 1.7rem;} 
	.main_fourth ul { flex-wrap:wrap; gap: 1rem 0.9rem;} 
	.main_fourth ul li {width: calc(50% - 0.45rem);} 
	.main_fourth ul li .img { width: 100%;}

	.main_wherever { max-height: unset; } 
	.main_wherever .titlebox { position:static;} 
	.main_wherever .tit01 { font-size:1.125rem; }
	.main_wherever .tit02 {font-size: 1.7rem;}
	.main_wherever .tit03 { font-size: 1rem; margin-top: 1.7rem;} 
	.main_wherever .bluetxt { line-height: 1; margin-top: 1rem; font-size: 9.75rem; letter-spacing: -5px; margin-left: -0.5rem; }
	.main_wherever .bluetxt > span { font-size: 5.875rem;} 
	.main_wherever .imgbox { position: absolute; z-index: -1; width: 45%; right: 0%; bottom:0;}
	.main_wherever .imgbox video { object-fit: contain; } 

	.main_since .inner { height: auto;max-width: 100%; } 
	.main_since .tit01 { font-size: 2rem;}
	.main_since .tit02 { font-size: 1.5rem;}
	.main_since .txts { top: 40%; }
	.main_since .txtbox .txt01 {font-size: 1.5rem;}
	.main_since .txtbox .txt02 { font-size: 2.3rem;  } 
}
@media (max-width:1024px) {
    html, body{
      font-size:13px !important;
    }
    
    .pc_cont_1024{display:none; opacity:0; visibility:hidden;}
    .m_cont_1024{display:block; opacity:1; visibility:visible;}

    .gnb-menu-list { padding: 0 3rem 7rem;}
 

	.main_copy { height: auto; padding: 2rem 0 0;}
	.main_copy > p { position:static; font-size: 1.8rem;}
	.main_copy::before, .main_copy::after { display: none;}
	.main_copy  .mouse-wrap {display: none;} 

	.main_with .greenBox {  display: none;}
	.main_with .inner >img { width: 100%;}
	.main_stastic .titimg { display: none;}
	.main_stastic .tit01 { font-size: 1.5rem; line-height: 2.6rem; }
	.main_stastic .tit01 .stars::before { font-size: 0.5rem; top: -1.7rem; }

  }

@media (max-width:960px) {
    html, body{
      font-size:13px !important;
    }
    
    
    /* margin-bottom */
    .m_5{margin-bottom: 5px;}
    .m_10{margin-bottom: 10px;}
    .m_20{margin-bottom: 12px;}
    .m_30{margin-bottom: 16px;}
    .m_40{margin-bottom: 20px;}
    .m_50{margin-bottom: 24px;}
    .m_60{margin-bottom: 28px;}
    .m_80{margin-bottom: 36px;}
    .m_100{margin-bottom: 40px;}
    .m_200{margin-bottom: 80px;}
    
    /* margin-left */
    .ml_10{margin-left: 10px;}
    .ml_20{margin-left: 12px;}
    .ml_30{margin-left: 16px;}
    .ml_40{margin-left: 20px;}
    
    /* padding */
    .pd_60{padding: 30px 0;}
    .pd_80{padding: 40px 0;}
    .pd_100{padding: 60px 0;}
    .pd_120{padding: 80px 0;}
    .pd_160{padding: 100px 0;}
    .pd_200{padding: 120px 0;}
    
    /* padding-top */
    .pt_60{padding-top: 30px;}
    .pt_80{padding-top: 40px;}
    .pt_100{padding-top: 60px;}
    .pt_120{padding-top: 80px;}
    .pt_160{padding-top: 100px;}
    .pt_200{padding-top: 120px;}
    .pt_210{padding-top: 130px;}
    .pt_230{padding-top: 140px;}
    .pt_250{padding-top: 150px;}
    
    
    .column_quarter{width:100%;}
    
    .container-1580{padding: 0 4%;}
    .container-1500{max-width:100%; padding: 0 4%;}
    .container-md,.container-sm{max-width: 720px;}
    
    .pc_cont_960{display:none; opacity:0; visibility:hidden;}
    .m_cont_960{display:block; opacity:1; visibility:visible;}
    
    .pc_cont_960_in{display:none; opacity:0; visibility:hidden;}
    .m_cont_960_in{display:inline-block; opacity:1; visibility:visible;}
    
    
	.main_net .inner { margin:3rem auto 0;}
	.main_net .inner ul li a { gap:0px;}
	.main_net .inner ul li a > span { font-size: 0.8rem; height: 2rem; line-height:2rem; border-radius: 4px; z-index: 1;} 
	.main_net .inner ul li a > p { font-size: 0.9rem; height: 4.5rem; line-height: 4.5rem; border-radius: 4px; z-index: 0; margin-top: -6px;} 


	.main_stastic {padding: 4rem 0 8rem;}
	.main_stastic ul { gap: 3rem 0;margin-top: 2.875rem; }
	.main_stastic ul li { min-width: unset; width: 50%; padding: 0 0rem; }
	.main_stastic ul li::before { height: 4.438rem;top: 1.2rem; left: -4px;} 
	.main_stastic ul li:last-of-type { margin-bottom:1rem;}
	/* .main_stastic ul li:nth-of-type(4) { width: 36%;}
	.main_stastic ul li:nth-of-type(5) { width: 36%;} */
	.main_stastic .txt01 { font-size: 1.8rem; }
	.main_stastic .txt02 { font-size: 1rem; margin-top: 1.3rem; line-height: 1.3;}
	.main_stastic .txt02 span { font-size: 0.8rem;}
	.main_stastic .txt03 { font-size: 0.9rem; margin-top: 1rem; }
     

	.doctor_modal { width:85%; height: auto;}
	.doctor_modal .modal-content {padding: 2.438rem 1.5rem 1.875rem;}
	.doctor_modal .oneline { font-size: 1.3rem; }
	.doctor_modal .localUrlBtn { border-radius: 25px; width: 9.5rem; height: 3.375rem; line-height: 3.375rem; font-size: 1rem;}
 
	.main_wherever .imgbox{ width: 70%;bottom: -26rem; }
	.main_where_swiper .swiper-slide { width: 17rem; height: auto;}
	 
	.main_since .txtbox {position:static; width: 100%; transform: translate(0%, 0%); padding: 2rem 1rem 2rem;  }

	.main_nvrBanner .sp { display: none;} 
	.main_nvrBanner .inner::before { display: none;}
	.main_nvrBanner .m_img { width: 82%; margin: 3rem auto 0; }

}

@media (max-width:800px) {
    
  
    /* margin-bottom */
    .m_5{margin-bottom: 5px;}
    .m_10{margin-bottom: 10px;}
    .m_20{margin-bottom: 12px;}
    .m_30{margin-bottom: 16px;}
    .m_40{margin-bottom: 20px;}
    .m_50{margin-bottom: 24px;}
    .m_60{margin-bottom: 28px;}
    .m_80{margin-bottom: 36px;}
    .m_100{margin-bottom: 40px;}
    .m_200{margin-bottom: 80px;}
    
    /* margin-left */
    .ml_10{margin-left: 10px;}
    .ml_20{margin-left: 12px;}
    .ml_30{margin-left: 16px;}
    .ml_40{margin-left: 20px;}
    
    /* padding */
    .pd_60{padding: 30px 0;}
    .pd_80{padding: 40px 0;}
    .pd_100{padding: 60px 0;}
    .pd_120{padding: 80px 0;}
    .pd_160{padding: 100px 0;}
    .pd_200{padding: 120px 0;}
    
    /* padding-top */
    .pt_80{padding-top: 36px;}
    .pt_100{padding-top: 40px;}
    .pt_160{padding-top: 64px;}
    .pt_200{padding-top: 80px;}
    .pt_210{padding-top: 130px;}
    .pt_230{padding-top: 140px;}
    .pt_250{padding-top: 150px;}
    
    
    .column_quarter{width:100%;}
    
    .container-1580{padding: 0 4%;}
    .container-1500{max-width:100%; padding: 0 4%;}
    .container-md,.container-sm{max-width: 720px;}
    
    .pc_cont{display:none; opacity:0; visibility:hidden;}
    .m_cont{display:block; opacity:1; visibility:visible;}
    
	.main_cont_wrap {padding: 6rem 0 2rem;}
	.main_copy { padding: 1rem 0 2rem; }
	.main_vids {  margin-top: 8rem;}
	.main_wherever { padding: 6rem 0 6rem;}
    .main_net { padding: 8rem 0 5rem;} 
	.main_since { padding: 6rem 0 4rem; }
	.main_stastic { padding: 2rem 0 5rem;}

	.main_net .tit01::before { width: 6.875rem; height: 5.75rem; top: -6rem;opacity: 0.5;left: 49%; transform: translateX(-50%);}
	.main_net .inner ul li { width: calc(34% - 1rem);}

	.main_since .txts { top:32%;}
	.main_since .txtbox .txt01 { font-size: 1.3rem;}
	.main_since .txtbox .txt02 { font-size: 2rem; line-height: 1.3;}
	.main_since .txtbox .imgbox { width: 100%; height: 17rem; object-fit: cover; }
	
	.main_with { padding: 0 0 2rem 	}

	.main_special { padding: 8rem 0 2rem;}
	.main_special .inner { margin: 2rem auto 0;} 
	
	.main_fourth { padding: 6rem 0 6rem;}
}

@media (orientation: portrait ) and (max-width:800px) {
    
}

@media (max-width:768px) {
    
	.bluetitBox { width: 27rem;}
	.bluetitBox span { font-size: 0.9rem;} 
	.bluetitBox .tit01 { width: 65%;}

	.main_ortho .tit01 { font-size: 1rem;}
	.main_ortho .bluetitBox { width: 16rem;}


	.main_ortho .titlebox { width: 89%; }
	.main_ortho .imgbox {width: 90%;} 
	.main_wherever .titlebox { gap: 0;}
	.main_ortho .bluetxt { font-size: 4rem; }
     
	.main_nvrBanner .inner .img { width: 92%;} 

	.main_doctors .bluetitBox { width: 19rem;}
	.main_doctors .bluetitBox .tit01 { font-size: 1.1rem;}
	.main_doctors .inner.n02 ul { gap:3rem 1rem;}
	.main_doctors .inner.n02 ul a { width: calc(33.333% - 0.7rem); }
	.main_doctors .inner.n02 ul .txt01 { font-size: 0.8rem;gap:0; flex-direction: column-reverse; margin-top: 0.9rem; gap: 5px;}
	.main_doctors .inner.n02 ul .txt01 > span:last-of-type { font-size: 0.8rem; min-width: unset;   padding: 2px 0.3rem 0;  }
	.main_doctors .inner.n02 ul .txt02 { margin-top: 0.6rem;}

	.main_wherever .bluetitBox { width: 19rem;}
	.main_wherever .bluetitBox span { width: 50%;}
	.main_wherever .bluetitBox .tit01 { width: 50%; font-size: 1.1rem;}

	.main_since .tit02 { font-size: 1.3rem;}
}
@media (max-width:640px) {
    
    
    .pc_cont_640{display:none; opacity:0; visibility:hidden;}
    .m_cont_640{display:block; opacity:1; visibility:visible;}

    /* font-size */
    .fz_50 { font-size: 2.2rem;}
    .fz_110 {font-size: 4.7rem;}
    .fz_130 {font-size: 5.1rem;}
 
    .main_special .bottom_img { margin-top:1rem; width:100%;} 
	.main_special .panel1 .panel-content .txtbox { padding: 2rem 0rem; }
	.main_special .panel-title {padding: 1.5rem 1rem; gap: 0 0.5rem;}
	.main_special .panel-title .txt02 { font-size: 1rem; }
	.main_special .panel3 .panel-title { display: flex;align-items: flex-start;line-height: 1.3; padding: 1rem 1rem;}
	.main_special .panel3 .panel-title .txt02 { display: flex;align-items: flex-start; gap:0.3rem;}
	.main_special .panel3 .panel-title .txt02 strong {  }
	.panel-wrap .panel .icon-panel { right: 2%;width: 0.8rem;height: 0.8rem;}

	.main_special .panel2 .tit {font-size: 1.2rem; }
	.main_special .panel2 .tit i {width: 3rem;height: 3.2rem;}
	.main_special .panel4 .txt {font-size: 0.9rem; }
	.main_special .panel5 .txt {font-size: 0.9rem; }

	.main_fourth .titlebox > img { bottom:auto; top:-5rem; } 
	.main_fourth ul { margin-top:2.5rem;}
	.main_fourth ul li .txts  { height: 16rem; }
	.main_fourth ul li .txt01 { font-size: 1.16rem; }

	.main_wherever .tit02 { margin-top:4rem;}
	.main_wherever .bluetxt { font-size: 5rem; align-items: flex-start; position: absolute;top: 3rem; right: 0.8rem;}
	.main_wherever .bluetxt > span {font-size: 4rem; }
	.main_wherever .slider { margin-top:3rem;}
	.main_where_swiper .swiper-slide { width: 13rem;}
}

@media (orientation: portrait ) and (max-width:640px) {

    
    
}

@media (max-width:606px) {
    
}

@media (max-width:590px) {
    
    
}

@media (max-width:566px) {
    

    
}
@media (max-width:550px) {
    
}
@media (max-width:480px) {
    html, body{
        font-size:13px !important;
    }
    
    .lh_2{line-height:1.6;}
    

    /* padding */
    .pd_60{padding: 20px 0;}
    .pd_80{padding: 30px 0;}
    .pd_100{padding: 40px 0;}
    .pd_120{padding: 60px 0;}
    .pd_160{padding: 80px 0;}
    .pd_200{padding: 100px 0;}
    
    
    
    .pc_cont_480{display:none; opacity:0; visibility:hidden;}
    .m_cont_480{display:block; opacity:1; visibility:visible;}
    
	.main_stastic .txt02 { font-size: 1.1rem;}
	.plus_include span { font-size: 1rem; }  
	.main_stastic .txt03 { font-size: 0.8rem; margin-top: 1rem; }
	\
	.main_wherever .imgbox{ width: 95%;bottom: 1vh; height: 33vh; }
	.main_wherever .imgbox video { object-fit: cover;}

	.main_ortho .basicimg { width: 65%;}
	
	.main_nvrBanner .txt02 { line-height: 1.8; padding: 3px 6px 2px 6px;  }

	.sp_btns li { padding: 1.2rem 2rem;}
	.sp_btns li:nth-of-type(1) i { width: 3rem; height: 4.3rem; }
	.sp_btns li:nth-of-type(2) i { width: 3rem; height: 4.3rem;}
	.sp_btns li:nth-of-type(3) i { width: 2.9rem; height: 5rem; }
	.sp_btns li:nth-of-type(4) i { width: 2.9rem; height: 4rem; }
	.sp_btns li:nth-of-type(5) i { width: 2.8rem; height: 4rem; }

	.sp_btns li .txts p + p { margin-top:0.2rem;}
}

@media (min-width:435px) and (max-width:460px) {
    
    
}

@media (min-width:376px) and (max-width:434px) {
    
    
}

@media (max-width:434px){
    html {
        /* Prevent font scaling in landscape */
        -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
        -moz-text-size-adjust: none; /*Firefox*/
        -ms-text-size-adjust: none;  /*Ie*/
        -o-text-size-adjust: none; /*old versions of Opera*/
    }
    html, body{
        font-size:12px !important;
    }


    
    
    .pc_cont_434{display:none; opacity:0; visibility:hidden;}
    .m_cont_434{display:block; opacity:1; visibility:visible;}
    
 
    
}

@media (max-width:424px){
    
    
    
    
}

@media (max-width:418px){
    
    
    
    
}

@media (max-width:414px){
    
}

@media (max-width:400px){
    
    

}
@media (max-width:390px){
    html, body{
      font-size:12px !important;
    }
     
    
}
@media (max-width:376px){
    html, body{
      font-size:12px !important;
    }
    
    .pc_cont_376{display:none; opacity:0; visibility:hidden;}
    .m_cont_376{display:block; opacity:1; visibility:visible;}
    
    
}

@media (max-width:365px){
    
    
    
    
}

@media (max-width:360px){
    html, body{
      font-size:11px !important;
    }
}
    

@media all and (min-width:351px) and (max-width:375px) {
    
    
}

@media all and (min-width:320px) and (max-width:355px) {
    
    
    
    
}
@media all and (min-width:290px) and (max-width:320px) {
    
    
    
}
@media all and (min-width:250px) and (max-width:290px) {
    
    
    
}
@media all and (min-width:100px) and (max-width:250px) {
    
    
    
}


@media all and (min-width:801px) and  (max-height:880px){
    
    
    
}




@media (orientation: landscape) {
    
}

@media (orientation: portrait) {
    
}