@media screen and (max-width: 850px) {

 /* body { background-color: lightgreen; } */

 html.hidden, body.hidden { overflow: hidden !important; } 
 #header, #footer , .pc_main{ display: none; } 
 .m_show { display: block; } 

 html, body{
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
}
 


 #m_header { display: block; width: 100%; height: 110px; position: fixed; left: 0; top: 0; z-index: 100;  background:#fff;} 
 #m_header .wrap { padding: 0 5%; margin: 0 auto; justify-content: space-between; align-items: center; } 
 #m_header .m_shcBtn{cursor:pointer;} 
 #m_header h1 { } 
 #m_header h1 a { display: block; width: 199px; height: 46px; background: url(../image/m_main/hd_m_logo_on.png) no-repeat; } 
 /* #m_header .nav-btn { display: block; position: absolute; right: 3%; top: 50%; transform: translateY(-50%); } */
 #m_header .nav-btn { background: 0; border: 0; position: relative; width: 50px; height:110px; cursor: pointer; } 
 #m_header .nav-btn span { position: absolute; width: 50px; height: 4px; display:inline-block; background-color: #222; top: 53px; left: 0; right: 0; margin: auto; transition: background-color 0.5s; } 
 #m_header .nav-btn span:after, #m_header .nav-btn span:before { content:''; position:absolute; left: 0; width: 50px; height: 4px; display:inline-block; background: #222; transition: all 0.5s; } 
 #m_header .nav-btn span:after { top: 16px; } 
 #m_header .nav-btn span:before { top:-16px; } 

 #m_header .nav-btn.on { } 
 #m_header .nav-btn.on span { background-color:rgba(255, 255, 255, 0); z-index: 50; opacity:1; } 
 #m_header .nav-btn.on span:after, #m_header .nav-btn.on span:before { top: 0; background-color: #333;} 
 #m_header .nav-btn.on span:before { transform:rotate(45deg); } 
 #m_header .nav-btn.on span::after { transform:rotate(-45deg); } 

 #m_header .menu { width:100%; height: auto; background-color: #fff; position: absolute; right: 0; top: 110px; z-index: 10; display: none; } 
 #m_header .menu .top { height: 100px; border-bottom: 1px solid #ececec; display:flex; justify-content:space-between; box-sizing:border-box; padding:30px 40px; align-items:center;} 
 #m_header .menu .top > div.contact{width:185px; line-height:50px; height:50px; background:#a31c27; text-align:center; font-size:22px; font-weight:bold; border-radius:50px; overflow:hidden;}
 #m_header .menu .top > div.contact a{font-size:26px; font-weight:bold; color:#fff; display:block; width:100%; line-height:50px;}
 #m_header .hd-RightArea > ul{}
 #m_header .hd-RightArea > ul > li{position:relative;}
 #m_header .hd-RightArea > ul > li > p{font-family: 'Montserrat' !important; font-size:30px; color:#333; font-weight:600;  display:flex; align-items:center; cursor:pointer;}
 #m_header .hd-RightArea > ul > li > p img{margin:0 10px;}
 #m_header .hd-RightArea > ul > li > p span{width:9px; height:5px; background:url(../image/main/hd-RightAreaArw.png) center center no-repeat;}
 #m_header .hd-RightArea > ul > li > p.on span{transform:rotate(-180deg);}
 #m_header .hd-RightArea > ul > li > ul{width:auto; position:absolute; box-sizing:border-box; background:#fff; border:1px solid #ddd; padding:10px 12px; top:0; left:0; margin-top:30px; display:none;}
 #m_header .hd-RightArea > ul > li > ul > li a{font-family: 'Montserrat' !important; font-size:30px; color:#333; font-weight:500; display:block; line-height:1;  cursor:pointer;}
 #m_header .hd-RightArea > ul > li > ul > li + li{margin-top:15px;}
 #m_header .hd-RightArea > ul.on > li > p span{transform:rotate(-180deg);}
 #m_header .hd-RightArea > ul.on > li > ul{display:block;}
 #m_header .menu .nav { } 
 #m_header .menu #gnb {box-sizing:border-box; padding:40px;} 
 #m_header .menu #gnb > li { border-bottom: 1px solid #ececec; } 
 #m_header .menu #gnb > li > a { display: block; font-size: 36px; line-height: 1; color: #333; padding: 18px 0px; box-sizing: border-box; background: url(../image/m_main/sub_menuOn.png) right 40px center no-repeat; font-weight:bold;} 
/*  #m_header .menu #gnb > li:last-child > a { font-family: 'Montserrat'; }  */
 #m_header .menu #gnb > li .sub-menu { background-color: #fff; border-top: 1px solid #ececec; padding: 7.5px 0; display: none; } 
 #m_header .menu #gnb > li .sub-menu > li { padding: 0; } 
 #m_header .menu #gnb > li .sub-menu > li > a { display: block; font-size: 30px; color: #777777; padding: 12.5px 0; box-sizing:border-box; padding-left:25px; position:relative;} 
 #m_header .menu #gnb > li .sub-menu > li > a:before{content:"·"; width:25px; height:20px; position:absolute; top:50%; left:0; text-align:center; display:block; color:#777777; font-size:22px; transform:translateY(-50%);}
 #m_header .menu-bg { width: 100vw; height: 100vh; background: rgb(0, 0, 0, 0.8); position: fixed; left: 0; top: 110px; display: none; z-index: 5; } 

 /* 메뉴 on */
 #m_header.on .menu { display: block; } 
 #m_header .menu #gnb > li > a.on { background: url(../image/m_main/sub_menuOff.png) right 40px center no-repeat; color:#d60011; } 
 #m_header.on .menu-bg { display: block; } 

 /* body scroll */
/*  body.didScroll #m_header { background-color:rgba(255, 255, 255, 0); border-bottom: 1px solid #ddd; } 
 body.didScroll #m_header .nav-btn span { background-color: #fff; } 
 body.didScroll #m_header .nav-btn.on span { background-color:rgba(255, 255, 255, 0);} 
 body.didScroll #m_header .nav-btn span:after,body.didScroll #m_header .nav-btn span:before { background-color: #222; } 
 body.didScroll #m_header h1 a { background: url(../image/m_main/hd_m_logo_on.png) no-repeat; } 

 body.didScroll #m_header .top-btn{ opacity: 1;}
 */

 /* top-btn */
 #m_header .top-btn { position: fixed; right: 40px; bottom: 50px; z-index: 9999; cursor: pointer; opacity: 0; transition: opacity 0.3s;} 
 #m_header .top-btn span { display: block; width: 65px; height: 65px; background: url(../image/main/scrolltop_btn.png) no-repeat; background-size: cover; position:  relative; } 
 #m_header .top-btn span::after { content: ""; display: block; width: 80px; height: 80px; background-color: #ff6216; position: absolute; left: 50%; top: 50%; transform:  translate(-50%,-50%); z-index: -1; border-radius: 50%; opacity: 0; transition: opacity 0.3s; } 
 #m_header .top-btn span:hover::after { opacity: 0.5;} 


 /* main */
 #m_main { display: block; background-color: #fff; } 
 #m_main .tit { display: block; font-family: 'Montserrat', sans-serif; line-height: 1; font-size: 52px; font-weight: bold; text-align: center; padding-bottom: 30px; } 
 #m_main .txt { display: block; font-size: 30px; text-align: center; line-height: 1.5; } 

 #m_main .sec-01 {background: url(../image/m_main/m_main.png) center center no-repeat; background-size:cover; height:789px;} 
 #m_main .sec-02 {background:#a31c27; padding:50px 0;}
 #m_main .sec-02 ul{display:flex; flex-wrap:wrap; }
 #m_main .sec-02 ul li{width:33.3%; box-sizing:Border-box; height:145px; display:flex; flex-direction:column; align-items:center; justify-content: flex-end; padding-bottom:15px;}
 #m_main .sec-02 ul li + li{border-left:1px solid #fff;}
 #m_main .sec-02 ul li:nth-child(4){border-left:none;}
 #m_main .sec-02 ul li:nth-child(5){}
 #m_main .sec-02 ul li:nth-child(n+4){margin-top:55px;}
 #m_main .sec-02 ul li img{}
 #m_main .sec-02 ul li span{font-size:26px; font-weight:500; color:#fff; text-align:center; display:inline-block; margin-top:25px; letter-spacing:-1.4px;}








 #m_footer{}

 #m_footer .top{ background-color: #333; padding: 30px 0; border-top: 1px solid #444; border-bottom: 1px solid #444;}
 #m_footer .top ul{ display: flex; justify-content: center;}
 #m_footer .top ul li{ position: relative; padding-left: 20px; margin-left: 20px;}
 #m_footer .top ul li:first-child{ padding-left: 0;}
 #m_footer .top ul li:first-child::before{ display: none;}
 #m_footer .top ul li::before{ content: ""; display: block; width: 1px; height: 15px; background-color: #666; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
 #m_footer .top ul li a{ display: block; font-size: 28px; color: rgba(255, 255, 255, 0.4);}

 #m_footer .bottom{ padding-top: 50px; background:#333333;}
 #m_footer .bottom .wrap{ padding: 0 5% 120px;}
 #m_footer .bottom .ft-logo{ width: 195px; height: 100px; background: url(../image/m_main/ft_logo.png) no-repeat; background-size: contain; margin: 30px auto 30px;}
 #m_footer .bottom .ft-logo a{ display: block; width: 100%; height: 100%;}
 #m_footer .bottom address{}
 #m_footer .bottom address p{ text-align: center; line-height: 3;}
 #m_footer .bottom address p span{ font-size: 28px; color: #898989; position: relative;}
 #m_footer .bottom address p span.bf{ padding-left: 20px; margin-left: 20px;}
 #m_footer .bottom address p span.bf::before{ content: ""; display: block; width: 1px; height: 15px; background-color: #898989; position: absolute; left: 0; top: 15px;}
 #m_footer .bottom address p span.tel{ color: #898989;}
 #m_footer .bottom address p span.tel strong{ font-weight: 500; color:#898989}
 #m_footer .bottom address p span strong{ font-weight: 500;}

 #m_footer .bottom .login{ margin-top: 20px;}
 #m_footer .bottom .login li{ text-align: center;}
 #m_footer .bottom .login li a{ font-size: 28px; color: #666;}

 #m_footer .bottom .sns{ display: flex; justify-content: center; margin: 40px 0;}
 #m_footer .bottom .sns li{ }
 #m_footer .bottom .sns li+li{ margin-left: 30px;}
 #m_footer .bottom .sns li a{ display: block; width: 85px; height: 85px;}
 #m_footer .bottom .sns li:nth-child(1) a{ background: url(../image/main/sns_ico1.png) no-repeat; background-size: contain;}
 #m_footer .bottom .sns li:nth-child(2) a{ background: url(../image/main/sns_ico2.png) no-repeat; background-size: contain;}
 #m_footer .bottom .sns li:nth-child(3) a{ background: url(../image/main/sns_ico3.png) no-repeat; background-size: contain;}

 #m_footer .bottom .family-wrap { position: relative; margin-top:30px;} 
 #m_footer .bottom .family-btn { display: block; width: 280px; height: 75px; border-radius: 50px; border: 1px solid #aaa; font-family: 'Montserrat'; font-size: 24px; background: url(../image/m_main/family_arrow.png) no-repeat right 30px center; padding: 0 30px 0 0; cursor: pointer; margin: 0 auto; color:#898989;} 
 #m_footer .bottom .family-list { width: 280px; border: 1px solid #aaa; background-color: #fff; border-radius: 10px; padding: 25px; box-sizing: border-box;
 position: absolute; left: 50%; bottom: 85px; margin-left: -140px; opacity: 0; visibility: hidden; } 
 #m_footer .bottom .family-list li { } 
 #m_footer .bottom .family-list li+li { margin-top: 30px; } 
 #m_footer .bottom .family-list li a { display: block; color: #898989; font-size: 26px; text-align: left; } 

 #m_footer .family-bg { width: 100vw; height: 100vh; background-color: transparent; position: fixed; top: 0; left: 0; z-index: 1; display: none; } 
 
 /* on */
 #m_footer .bottom .family-btn.on { background-image: url(../image/m_main/family_arrow_on.png); } 

 #m_footer .bottom .copy{ font-size: 23px; color: #898989; text-align: center;  margin-top: 30px; line-height:1.3;}





 /* fullpage custom */
 .fp-section.fp-table, .fp-slide.fp-table, .fp-section, .fp-tableCell { height: auto !important; } 
 }