:root {
  --full-container: 1520px;
  --middle-container: 1460px;
  --main-color: #ef8200;
  --sub-color: #595656;
  --sub-point-color: #0097d3;
  --txt-color: #1a1a1a;
  --bg-color: #f2f2f2;
}
.full-container 
{max-width:var(--full-container); margin:0 auto;}
.middle-container
{max-width:var(--middle-container); margin:0 auto;}

body 
{position: relative; word-break: keep-all; font-size: 10px;} 
*
{box-sizing: border-box; font-size: 10px; letter-spacing: -0.03rem; font-family: "Pretendard", sans-serif; line-height: 1;} 
body,h1,h2,h3,h4,h5,p,ul,li,address,small,a,br,hr,button,img,dl,dd,dt
{margin: 0; padding: 0; list-style: none; word-break: keep-all; line-height: 1; color: var(--txt-color);} 
span 
{margin: 0; padding: 0; list-style: none; word-break: keep-all; line-height: 1;}
a 
{text-decoration: none; color: var(--txt-color);} 
label {font-size: 1.6rem;}

/* common */
table {border-top: 2px solid #333;}
table tbody tr th { background-color: rgb(245, 245, 245); min-width: 15rem;}
table tbody tr th,table tbody tr td { font-size: 1.8rem; vertical-align: middle; border: 1px solid #e4e4e4; border-left: 0; border-right: 0;}
table.align-center tr td {text-align: center;}

/* 에디터 미디어추가 삭제 */
#insert-media-button {display: none;}
.wp-core-ui .button {font-size: 1.6rem !important;}


/* animation */
#visualCon,#quickCon,#introCon,#noticeCon,#greetCon,
.title-wrap01, .business-con ,.group-box,
.greeting-txt-con h2,.greeting-txt-con p ,
.company-con, .business-sub-con
{opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease, transform 0.6s ease;}
#visualCon.active,#quickCon.active,#introCon.active,#noticeCon.active,#greetCon.active,
.title-wrap01.active, .business-con.active ,.group-box.active, 
.greeting-txt-con h2.active,.greeting-txt-con p.active ,
.company-con.active, .business-sub-con.active
{opacity: 1; transform: translateY(0);}

@media screen and (max-width: 600px) {
  
#visualCon,#quickCon,#introCon,#noticeCon,#greetCon,
.title-wrap01, .business-con ,.group-box,
.greeting-txt-con h2,.greeting-txt-con p ,
.company-con, .business-sub-con ,
.greeting-img-con
{opacity: 1 !important; transform: none !important; transition: none !important;}

.quick-box, .intro-wrap .main-title, .intro-left ,.intro-right
,.notice-wrap .news-wrap ,.notice-left, .notice-right,
.greet-wrap .main-title,.greet-wrap .title-wrap,.greet-con ul li 
{opacity: 1 !important; transform: none !important; transition: none !important;}

}

/* common design */
.arrow
{position: relative; display: inline-block; margin-left: 2rem; transition: all 0.3s ease;} 
.arrow::after
{content: ""; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: var(--bg-color); z-index: 1; transition: all 0.3s ease;}
.arrow .fa-solid
{font-size: 2rem; color: #595656; position: relative; z-index: 2; transition: all 0.3s ease;}

.more
{display: flex; align-items: center;}
.more p
{font-size: 1.6rem; font-weight: 700; transition: all 0.3s ease;}
.more .arrow::after
{width: 3.7rem; height: 3.7rem; right: -15px; transition: all 0.3s ease;}
.more .arrow .fa-solid
{font-size: 3rem; transition: all 0.3s ease;}

.more:hover p ,.more:hover .arrow .fa-solid
{color: var(--main-color);}
.more:hover .arrow
{transform: translateX(4px);}
.more:hover .arrow::after
{background-color: #fdd9a0;}

#subContent
{margin: 10rem 0;}
#subVisual
{position: relative; overflow: hidden;}