@charset "utf-8";


/* 
  ##Device = Low Resolution Tablets, Mobiles
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  
}



/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}



/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}


/* 
  ##Device = Laptops, Desktops common
  ##Screen = B/w 1024px to 
*/
@media (min-width: 1024px)  {
/* =======================================================
 login 
========================================================*/
.fm--login {background-color: #f5f5f5; }	

.login-container {width: 600px; max-width: 100%; margin: 0 auto; padding: 50px; background-color: #fff; box-sizing: border-box; }

.login-guest {margin-top: 50px; text-align: center; }
.login-guest p {color: #666; }
.login-guest .btn-small {margin-top: 10px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 20px; }

/* =======================================================
 find 
========================================================*/
.fm--find {background-color: #f5f5f5; }	

.fm--find .tab-nav02 {width: 600px; margin: 80px auto 0; }
.fm--find .tab-nav02 ul li + li {border-left: 0; }

.fm--find .find-container,
.fm--find .result-id-container, 
.fm--find .reset-pw-container {width: 600px; margin: 0 auto; padding: 80px 50px 100px; background-color: #fff; }

.fm--find .reset-pw-container .form-dl + .form-dl {margin-top: 10px; }

.fm--find .reset-pw-container .input-text {width: 100%; }

.fm--find .reset-pw-container dt {width: 30%; }
.fm--find .reset-pw-container dd {width: 70%; }

.fm--find .find-container .input-btn-group .input-text { width: 346px; }
.fm--find .find-container .input-btn-group .input-text + .btn { width: 150px; }
}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1024px to 1099px
*/


@media (min-width: 1024px) and (max-width: 1099px) and (hover:hover) {}


/* 
  ##Device = Desktops
  ##Screen = B/w 1200px to
*/
@media (min-width: 1200px) {}