@charset "utf-8"; 
@import "common.css?v=20220602";
@import "layout.css?v=20231012";
@import "pop.css?v=20220602";
@import "form.css?v=20220602";
@import "tab.css?v=20220602";
@import "table.css?v=20241220";
@import "button.css?v=20220602";
@import "list.css?v=20240607";
@import "content.css?v=20240619";
/*@import "media-mobile.css";*/


/*
  CSS order:
  1. clear/display/position/z-index/overflow/float
  2. width/height
  3. margin/padding
  4. color/font/line-height/text/letter-spacing/vertical-align/white-spacing/word-spacing
  5. etc
  6. border/background
*/



/* tablet web에 대한 미디어쿼리 : 임시사이즈 */

@media only screen and (orientation:portrait){
  .TABLET .lpop-wrapper.size-4 .layer-pop-wrapper {vertical-align: middle} /* 태블릿 포트일때 팝업 위치와 높이값 재정의 */
  .TABLET .lpop-wrapper.size-4 .layer-pop {height:60vh; border-radius: 2rem}
}

@media only screen and (min-width:753px) and (orientation:portrait){
  html.TABLET {font-size:33%;} 
  /*html{font-size:35%;} */
}  /* TabS7 */

@media only screen and (min-width:768px) and (orientation:portrait){
  html.TABLET {font-size:35%;} 
  /*html{font-size:35%;} */
}  /* iPad */

@media only screen and (min-width:1024px) and (orientation:portrait){ 
  html.TABLET {font-size: 45%}
  /*html {font-size: 45%}*/
}/* iPad Pro*/
 

@media only screen and (min-width:800px) and (orientation:landscape){ 
	/*html {font-size: 43%}*/
  html.TABLET{font-size:43%;} 
}/* iPad */
@media only screen and (min-width:1024px) and (orientation:landscape){ 
	/*html {font-size: 50%}*/
  html.TABLET{font-size:46%;}
  /*html{font-size:55%;}*/
}/* iPad Pro, Ipad Pro 12.9, Tab S7, TabA(2016) width Spen, Tab A6 width Spen*/

@media only screen and (min-width:1280px) and (orientation:landscape){ 
  /*html {font-size: 50%}*/
  html.TABLET{font-size:56%;}
  /*html{font-size:55%;}*/
}