@charset "utf-8";
/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다. 
********************/

/*구조*/
.wrap_header .head_util button{background:url(../../images/common/openM.png) no-repeat center;}
#multipleContentsDiv_templet_07_4 ._obj:nth-child(2) {top: 47%;}

/*메인*/
.visual_slogan .p_1{font-weight:500;}
.visual_slogan .p_2{font-size:22px;font-weight:300;}
.visual_slogan .p_3{font-size:18px;}
@media all and (max-width:1400px) {
  .visual_slogan .p_1{font-size:22px;}
  .visual_slogan .p_3{font-size:18px;}
}
@media all and (max-width:768px) {
  .visual_slogan .p_1,
  .visual_slogan .p_2,
  .visual_slogan .p_3{font-size:16px;}
}


/*서브비주얼****************************************/
.eQ01 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_25.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_7.jpg) no-repeat center top;}
.eQ03 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center top;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_20.jpg) no-repeat center top;}


/*2023.05.09 모바일 표 잘림 현상 방지 */
@media (max-width: 768px){

	table {
		display: block;
		overflow: auto;
	}
	
}