@charset "utf-8";
/* CSS Document */


/**********************************************************************

 							공통

**********************************************************************/

/*sub_visual*/
.sub_visual  									{ width:100%; height:450px; background-size:cover;  margin:30px 0; border-radius: 10px 100px 10px 10px;}

/*box_round*/
.box_round										{ display:flex; flex-wrap:wrap; gap:.94em }
.box_round>li									{  display:flex; flex-flow:column; justify-content:space-between; flex: 1 1 calc((100% - 1.88em) / 3); padding:2.25em; background:#f5f5f5; border-radius:10px; }
.box_round.line>li                              {background:var(--color-white);border:1px solid #ddd;}
.box_round.col2>li  								{ flex: 0 1 calc((100% - .94em) / 2); }
.box_round.col4>li  								{ flex: 0 1 calc((100% - 2.82em) / 4); }
.box_round.col5>li  								{ flex: 0 1 calc((100% - 3.76em) / 5); }
.box_round.col6>li  								{ flex: 0 1 calc((100% - 4.7em) / 6); }
.box_round>li dl									{ display:flex; flex-flow:column;  gap:1.56em;line-height:1 }
.box_round>li dl>dt								{ font-size:1.375em; font-weight:700; }
.box_round>li dl>dd								{ line-height:1.4; opacity:.94; font-size:1.1em;}
.box_round>li dl>dd	.gray                       {opacity:.74;}
.box_round>li .icon					              { position:relative; display:flex; align-items:center; justify-content:end; margin-top:clamp(1.5em, 2vw + 1em, 3.75em); }
.box_round>li .icon::before			             { display:flex; content:''; width:70px;height:70px;background-repeat:no-repeat; background-position:center; background-size:contain; }
.box_round>li :hover .icon,
.box_round>li :focus .icon		                { animation:iconShow 0.7s ease-in-out 1 forwards; }

/*row*/
.row                                                {display:flex;flex-wrap:wrap;border-top:2px solid var(--color-base);}
.row .flex                                           {display:flex;width:100%;flex:0 1 100%;justify-content: space-between;flex-flow:row;border-bottom:1px dotted #e5e5e5;align-items: flex-start;padding:2.5em 0;--sizeWidth: 360px;}
.row .flex:last-child									{border-bottom:none;}
.row .flex .ti                                             {font-size: 1.75em;font-weight: 700;;width: var(--sizeWidth);}
.row .flex .ti:has(.icon)                                   {display: flex;gap: 1.5em;align-items: center;}
.row .flex .ti .gray                                        {display:block;opacity:.74;font-weight:400;font-size: .8em;margin-top: .15em;}
.row .flex .ti .icon                                       {position:relative; display:flex; align-items:center; justify-content:center; width:90px;height:90px;margin-top:0;background:#f5f5f5;;gap: 1.5em;border-radius:100%;}
.row .flex .ti .icon::before                            { display:flex; content:''; width:100%;height:100%;background-repeat:no-repeat; background-position:center; background-size:100%; }
.row .flex .content                                  {width: calc(100% - var(--sizeWidth));align-self: center;}
.row .flex .title_h5:first-child,
.row .flex .content .basic_ul                             {margin-top:0;}
.row .flex .content .img img                            {width:100%;}

.row .flex .content .img_list                       {display:flex;gap:.7em;flex-wrap:wrap;}
.row .flex .content .img_list > li                  {padding-left:0;flex: 0 1 calc((100% - .7em) / 2); }
.row .flex .content .img_list.col3 > li             {flex: 0 1 calc((100% - 1.4em) / 3); }
.row .flex .content .img_list > li + li             {margin-top:0;}
.row .flex .content .img_list > li::before         {display:none;}
.row .flex .content .img_list > li img              {width:100%;}

.basic_p                                         {font-size:1.167em;}
.basic_ul>li									{color:#444;}
.box_info_top::before,
.box_info_top::after                        {background-image: url(/resource/stone/images/contents/img_box_info.svg);}
.area_diagram .list > li:after              { background-image: url(/resource/stone/images/contents/icon_diagram.svg) ;}
.area_diagram .list > li span small         {font-size:.88em;}
.area_diagram_type02 .list > li dl          {background:var(--color-white);}
.area_diagram_type02 .list > li dt          {background:var(--color-point);}
table.basic_table .total th,
table.basic_table .total td                     {background:#f3f2f5;}
.basic_btn a,
.basic_btn button                           {min-width: 160px;height: 60px;padding: 0 1.5em;font-size: 1.167em;}
.basic_btn a[target="_blank"] span:after,
.basic_btn button[target="_blank"] span:after{filter: brightness(0) invert(1);}
.basic_p,
.box_info_top p												{color:var(--color-base);}


/*둘러보기 슬라이드*/
.img_slide										{position:relative;padding: 0 6em 6em 6em;}
.img_slide::before							{position:absolute;width:100%;height: calc(100% - 6em);background:#f9f6fb;border-radius:10px;content:'';left:0;bottom:0;z-index:-1;}
.img_slide .swiper                           {border-radius:10px;}
.img_slide .swiper_control                   {text-align:center;margin-top:2em}
.img_slide .swiper_control .control      {display: inline-flex;padding: 1em 1.5em;border-radius: 3em;color: #fff;justify-content: center; background: var(--color-point);}
.img_slide .swiper_control .swiper_page i::after { width:80px }


/*준비중 페이지*/
.ready                                                      {background:#f5f5f5;border-radius:10px;padding:6em 2em;flex-flow: column;display:flex;justify-content: center;align-items:center;gap:2.5em;}
.ready .icon                                                 {display:flex;width: 140px;height: 150px;justify-content: center;align-items:center;}
.ready .icon::before                                        {content:'';display:block;background:url(/resource/stone/images/contents/icon_ready.svg) no-repeat center 100%;width: 100%;height: 100%;}
.ready p                                                       {color:var(--color-base);font-size: 3em;text-align:center;}
.ready p strong                                             {font-weight:700;}



@media all and (max-width:1468px){
    /*box_round*/
    .box_round										{ gap:.7em }
    .box_round>li									{ flex:1 1 calc((100% - 1.4em) / 3); padding:1.5em; }
    .box_round.col2>li  								{ flex: 0 1 calc((100% - .7em) / 2); }
    .box_round.col4>li  								{ flex: 0 1 calc((100% - 2.1em) / 4); }
  	.box_round.col5>li  								{ flex: 0 1 calc((100% - 2.8em) / 5); }
    .box_round.col6>li  								{ flex: 0 1 calc((100% - 3.5em) / 6); }
    .box_round>li dl									{ gap:1em; }
    .box_round>li dl>dt								{ font-size:1.2em; }

    /*row*/
    .row .flex                                          {padding:2em 0;--sizeWidth: 320px}
    .row .flex .ti                                      {font-size:1.5em;}
    .row .flex .content .img_list                       {gap:.5em;}
    .row .flex .content .img_list > li                  {flex: 0 1 calc((100% - .5em) / 2); }
    .row .flex .content .img_list.col3 > li             {flex: 0 1 calc((100% - 1em) / 3); }
}

@media all and (max-width:1368px){
    /*box_round*/
    .box_round>li dl				                { gap:1.5em; }
}

@media all and (max-width:1268px){
    /*row*/
    .row .flex                                          {padding:2em 0;--sizeWidth: 260px}
    .row .flex .ti                                      {font-size:1.375em;}
    .row .flex .ti:has(.icon)                           {gap:1em;}
    .row .flex .ti .icon                                {width:80px;height:80px;}

    .basic_p                                         {font-size:1.1em;}
  
  	 /*box_round*/
  	.box_round.col6>li  							{ flex: 0 1 calc((100% - 1.4em) / 3); }

    /*둘러보기 슬라이드*/
    .img_slide                                  {padding: 0 4em 4em 4em;}
    .img_slide::before                       { height: calc(100% - 4em);}
    .img_slide .swiper_control               {margin-top:1.5em;}
    .img_slide .swiper_control .swiper_page i::after { width:80px; }
}

@media all and (max-width:1024px){
    /*sub_visual*/
    .sub_visual   								{ height: 300px; margin: 20px 0; border-radius: 10px 60px 10px 10px;}

    /*row*/
    .row .flex                                          {padding:1.88em 0;--sizeWidth: 200px;}
    .row .flex .ti .icon                                {width:70px;height:70px;}
}

@media all and (max-width:968px){
    /*box_round*/
    .box_round>li,
	.box_round.col4>li,
    .box_round.col5>li,
    .box_round.col6>li								{ min-width:calc((100% - 1.4em) / 3);}
    .box_round>li .icon::before                     {width:60px;height:60px;}

    .area_diagram_type02 .list > li dt                {min-height: 65px;}

    .basic_btn a,
    .basic_btn button                                 {min-width: 130px;height: 50px;}
}

@media all and (max-width:868px) {
    /*둘러보기 슬라이드*/
    .img_slide                                   {padding: 0 3em 3em 3em;}
    .img_slide::before                       { height: calc(100% - 3em);}
    .img_slide .swiper_control               {margin-top:1.25em;}
    .img_slide .swiper_control .swiper_page i::after { width:40px; }
}


@media all and (max-width:768px) {
    /*sub_visual*/
    .sub_visual                                          {height: 200px;margin: 15px 0;border-radius: 10px 30px 10px 10px;}

    /*row*/
    .row .flex                                          {position: relative;padding:1.5em 0;gap:1.125em;flex-flow: column;align-items: start;}
    .row .flex .ti                                      {width:100%;}
    .row .flex .ti:has(.icon)                          {gap:.75em;}
  	.row .flex .ti .gray								{display:inline-block;}
    .row .flex .ti br                                   {display:none;}
    .row .flex .ti .icon                                {width:60px;height:60px;}
    .row .flex .content                                {width:100%;}
  	.row .flex .content:has(.basic_table) .tar			{position: absolute;right: 0;top: 1.7em;}
    .row .flex .content .img_list > li,
    .row .flex .content .img_list.col3 > li          {flex:0 1 100%;}

    /*준비중 페이지*/
    .ready                                              {gap:1.5em;padding:4em 2em;}
    .ready p                                            {font-size:2em;}
    .ready .icon                                        {width:80px;height:86px;}
}

@media all and (max-width:668px) {
    /*box_round*/
    .box_round>li,
    .box_round.col2>li,	
	.box_round.col4>li,
    .box_round.col5>li,
    .box_round.col6>li								{ flex:0 1 100%; min-width:inherit}
    .box_round>li dl>dt								{ font-size:1.167em; }
    .box_round>li .icon::before                     {width:50px;height:50px;}

    .basic_btn a,
    .basic_btn button                                 {min-width:100px;height:42px;font-size:1.067em;}

    /*둘러보기 슬라이드*/
    .img_slide                                   {padding: 0 2em 2em 2em;}
    .img_slide::before                       { height: calc(100% - 2em);}
    .img_slide .swiper_control               {margin-top:1em;}
    .img_slide .swiper_control .control      {padding:.5em 1.25em;}
    .img_slide .swiper_control .swiper_page i::after { width:20px; }
}


@media all and (max-width:468px){
    /*row*/
    .row .flex .ti                                      {font-size:1.25em;}
    .row .flex .ti .icon                                {width:50px;height:50px;}

    .area_diagram_type02 .list > li dt, .area_diagram_type02 .list > li dd{padding:18px 10px;}

    /*둘러보기 슬라이드*/
    .img_slide                                   {padding: 0;}
    .img_slide::before                       { display:none;}

     /*준비중 페이지*/
    .ready                                              {gap:1em;padding:3em 1em;}
    .ready p                                            {font-size:1.5em;}
    .ready .icon                                        {width:60px;height:65px;}
}

@media all and (max-width:368px){
	.row .flex .content:has(.basic_table) .tar			{position: initial;}
}


/**********************************************************************

 							홍보관 소개

**********************************************************************/

[data-subarea="introduce"] .fc_black {color:var(--color-black);}
[data-subarea="introduce"] .fc_point {color:var(--color-point);}

[data-subarea="introduce"] .sub_visual  									{ background:url(/resource/stone/images/contents/img_introduce.jpg) no-repeat center / cover; }


[data-subarea="introduce"] .introduce_tit_wrap   							{ position: relative; }
[data-subarea="introduce"] .introduce_tit_wrap .introduce_tit  			{ font-family:var(--font-paperlogy); text-align: center; font-size:2.125rem; line-height: 1.5; padding-top:36px}
[data-subarea="introduce"] .introduce_tit_wrap .introduce_tit strong  		{ font-weight:700 }
[data-subarea="introduce"] .introduce_tit_wrap .bg_text					{ position: absolute;top: 0; left: 50%; transform: translateX(-50%); font-size: 5.625rem; font-weight: 900; color: rgba(34, 34, 34, 0.05); white-space: nowrap; user-select: none; pointer-events: none; z-index: 0; text-transform: uppercase; line-height: 1;  animation: floatUpDown 3s ease-in-out infinite;}

@keyframes floatUpDown {
    0%, 100% 	{ transform: translateX(-50%) translateY(0);}
    50% 		{ transform: translateX(-50%) translateY(-10px);}
}


@media all and (max-width:1368px){
    [data-subarea="introduce"] .introduce_tit_wrap .bg_text 				{  font-size: 4.5rem; }
}

@media all and (max-width:1024px){
    [data-subarea="introduce"] .introduce_tit_wrap .bg_text  				{ font-size:3rem; }
}

@media all and (max-width:768px) {
    [data-subarea="introduce"] .introduce_tit_wrap .bg_text {
        display: none;
    }

    [data-subarea="introduce"] .introduce_tit_wrap .introduce_tit {
        font-size: 1.25rem;
        line-height: 1.3;
        padding-top: 0px;
    }
}



/**********************************************************************

 							전시관 안내

**********************************************************************/

[data-subarea="exhibition"] .img_box                                            {background:#f5f5f5;border-radius:10px;margin-bottom:2.5em;padding:6em;}
[data-subarea="exhibition"] .img_box img                                        {width:100%;}

[data-subarea="exhibition"] .row .flex .content .img_text_list							{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;--sizePadding:40px;gap: 1em 0;}
[data-subarea="exhibition"] .row .flex .content .img_text_list:has(> li:nth-child(3):last-child):not(:has(> li:nth-child(4))) { margin-right: calc(var(--sizePadding) * -1); }
[data-subarea="exhibition"] .row .flex .content .img_text_list > li						{ flex:none; width:calc(100% / 4); box-sizing:border-box; position:relative; padding-right:var(--sizePadding);}
[data-subarea="exhibition"] .row .flex .content .img_text_list > li:after,
[data-subarea="exhibition"] .row .flex .content .img_text_list > li:before				{ content:''; display:block; position:absolute; top:50%; right:calc(var(--sizePadding) / 2 - 0px); width:8px; height:8px; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-point); transform:translateY(-50%) rotate(45deg);}
[data-subarea="exhibition"] .row .flex .content .img_text_list > li:before				{ right:calc(var(--sizePadding) / 2 - 4px); }
[data-subarea="exhibition"] .row .flex .content .img_text_list > li .con                {height:100%;border: 1px solid var(--color-base3);background: #f2f2f2;}
[data-subarea="exhibition"] .row .flex .content .img_text_list > li .img img          {width:100%;}
[data-subarea="exhibition"] .row .flex .content .img_text_list > li dl					{overflow:hidden;display:flex;flex-flow:row wrap;padding: 1.5em;justify-content:center;align-items:flex-start;gap:1em;}
[data-subarea="exhibition"] .row .flex .content .img_text_list > li dt					{flex:0 1 100%;display:flex;flex-flow:row wrap;align-items:center;font-size:1.06em;border-bottom: 1px solid #d5d5d5;font-weight:bold;padding-bottom: .5em;color:var(--color-base);word-break:keep-all;text-align:left;}
[data-subarea="exhibition"] .row .flex .content .img_text_list > li dd					{flex:0 1 100%;display:flex;flex-flow:row wrap;align-items:center;color:#444;word-break:keep-all;text-align: left;border-radius:10px;}
[data-subarea="exhibition"] .row .flex .content .img_text_list > li:last-child:before,
[data-subarea="exhibition"] .row .flex .content .img_text_list > li:last-child:after	{ display:none;}

[data-subarea="exhibition"] .area_diagram .list > li.point > span                       {background: var(--color-point);color: #fff;}

@media all and (max-width:1568px) {
    [data-subarea="exhibition"] .row .flex .content .img_text_list				                                            { --sizePadding:30px; }
    [data-subarea="exhibition"] .row .flex .content .img_text_list > li dt		                                            { font-size:1.03em; line-height:1.3 }
}


@media all and (max-width:1268px){
    [data-subarea="exhibition"] .img_box                                    {margin-bottom:2em;padding:4em;}
    [data-subarea="exhibition"] .row .flex .content .img_text_list > li   { width:calc(100% / 3); }
}

@media all and (max-width:968px){
    [data-subarea="exhibition"] .row .flex .content .img_text_list:has(> li:nth-child(3):last-child):not(:has(> li:nth-child(4)))	{ margin-right:0; }
	[data-subarea="exhibition"] .row .flex .content .img_text_list > li                                             { width:calc(100% / 2); }
}

@media all and (max-width:768px){
    [data-subarea="exhibition"] .img_box                                    {margin-bottom:1.5em;padding:2.5em;}

}

@media all and (max-width:668px){
    [data-subarea="exhibition"] .row .flex .content .img_text_list					{ --sizePadding:20px; }
}

@media all and (max-width:468px){
    [data-subarea="exhibition"] .img_box                                    {margin-bottom:1em;padding:1.5em;}
    [data-subarea="exhibition"] .row .flex .content .img_text_list > li                { width:100%; }
	[data-subarea="exhibition"] .row .flex .content .img_text_list > li				{ padding-right:0; padding-bottom:var(--sizePadding); }
	[data-subarea="exhibition"] .row .flex .content .img_text_list > li:after, 
	[data-subarea="exhibition"] .row .flex .content .img_text_list > li:before		{ top:inherit; bottom:1px; right:inherit; left:50%; transform:translate(-50%, -50%) rotate(135deg)}
	[data-subarea="exhibition"] .row .flex .content .img_text_list > li:before		{ bottom:-4px; }
    [data-subarea="exhibition"] .row .flex .content .img_text_list > li dl              {padding:1.125em;}
}

@media all and (max-width:368px){
    [data-subarea="exhibition"] .img_box                                    {padding:1em;}
}

/**********************************************************************

 							연혁

**********************************************************************/
[data-subarea="history"] .flex                                                  {display:flex;gap:4em;justify-content: space-between;--sizeWidth:360px;}
[data-subarea="history"] .ti                                                    {font-size:3.75em;color:var(--color-point);font-weight:800;width:var(--sizeWidth);}
[data-subarea="history"] .history_wrap                                      {flex:auto;}
[data-subarea="history"] .history_wrap .img_box                         {background:url(/resource/stone/images/contents/img_history.jpg) no-repeat center center / cover;padding-top:30.613%;;width:100%;}
[data-subarea="history"] .history_wrap .history                            {border-top:2px solid var(--color-base);margin-top:4em;}
[data-subarea="history"] .history_wrap .history > li                          {padding:2.5em;display:flex;--sizeYear:240px;gap:4em;align-items:center;border-bottom:1px dotted #e5e5e5;}
[data-subarea="history"] .history_wrap .history > li .year                    {width: var(--sizeYear);color:var(--color-black);font-size:2.25em;font-weight:700;line-height: 1;}
[data-subarea="history"] .history_wrap .history > li > ul                   {margin-top:0;}
[data-subarea="history"] .history_wrap .history > li > ul > li               {opacity:.84;}

@media all and (max-width:1368px){
    [data-subarea="history"] .flex                                                  {--sizeWidth:320px;}  
    [data-subarea="history"] .history_wrap .history                              {margin-top:3em;}
    [data-subarea="history"] .history_wrap .history > li                        {--sizeYear:220px;}                                  
}

@media all and (max-width:1268px){
    [data-subarea="history"] .flex                                                     {gap:2em;--sizeWidth:280px;}
    [data-subarea="history"] .ti                                                         {font-size: 3.25em;}
    [data-subarea="history"] .history_wrap .history                              {margin-top:2.5em;} 
    [data-subarea="history"] .history_wrap .history > li                        {gap:2em;--sizeYear:200px;padding: 2em;}
    [data-subarea="history"] .history_wrap .history > li .year                  {font-size:1.875em;}
}

@media all and (max-width:1024px){
    [data-subarea="history"] .flex                                                  {flex-flow: column;gap:1.5em;}
    [data-subarea="history"] .ti                                                    {font-size:2.8em;width:100%;}
    [data-subarea="history"] .history_wrap .history                             {margin-top:2em;}
    [data-subarea="history"] .history_wrap .history > li                    {gap:1.5em;--sizeYear:180px;padding:1.88em;}
}

@media all and (max-width:768px){
    [data-subarea="history"] .flex                                                  {gap:1em;}
    [data-subarea="history"] .ti                                                    {font-size:2.5em;}
    [data-subarea="history"] .history_wrap .img_box                         {min-height:220px;background-position:left 5% center;}
    [data-subarea="history"] .history_wrap .history > li                        {padding: 1.5em .5em;flex-flow: column;align-items: start;gap:1em;}
    [data-subarea="history"] .history_wrap .history > li .year                  {font-size:1.5em;}
}

@media all and (max-width:468px){
    [data-subarea="history"] .ti                                                    {font-size:2.25em;}
    [data-subarea="history"] .history_wrap .img_box                         {min-height:180px;}
}

/**********************************************************************

 							조직 및 업무

**********************************************************************/
[data-subarea="organization"] .org											{text-align:center; position:relative;}
[data-subarea="organization"] .org:before									{content:"";display:block;width:1px;height: 16.2em;background:#ddd;position:absolute;top:0;left:0;right:0;margin:auto;z-index:-1}
[data-subarea="organization"] .org>li											{margin:0 auto 2em;}
[data-subarea="organization"] .org>li:last-child								{margin-bottom:0;}

[data-subarea="organization"] .org>li>ul>li:after							{content:'';display: block;position: absolute;left: 50%;transform: translateX(-50%);top: -2em;width: 140%;height: 1px;background-color: #ddd;}									
[data-subarea="organization"] .org>li>ul>li:first-of-type::after			{left: 50%;transform: translateX(0);}
[data-subarea="organization"] .org>li>ul>li:last-of-type::after			{right: 50%;left:inherit;transform: translateX(0);}

[data-subarea="organization"] .org>li.top									{background: var(--color-point);padding: 1.25em;color:var(--color-white);}
[data-subarea="organization"] .org>li.top strong                            {font-weight:600;font-size: 1.125em;}
[data-subarea="organization"] .org>li:not(:has(ul)):not(:has(dl)),
[data-subarea="organization"] .org>li:not(:has(ul.list)):has(dl),
[data-subarea="organization"] .org>li:has(dl) > ul >li						{background:#fff;width: calc((100% - 9em) / 4);font-size:1.06em;border-radius: 10px;line-height:1.28;}
[data-subarea="organization"] .org>li:not(:has(ul)):not(:has(dl)),
[data-subarea="organization"] .org>li:not(:has(ul.list)):has(dl)            {min-width:242px;}

[data-subarea="organization"] .org>li:not(:has(ul.list)):has(dl) dl,
[data-subarea="organization"] .org>li:has(dl)>ul >li                          {background:#fff;border: 1px solid #d9d8e5;border-radius:10px;}
[data-subarea="organization"] .org>li:has(ul) > ul > li                         {position:relative;}
[data-subarea="organization"] .org>li:has(ul) > ul > li:before                  { content: "";display: block;width: 1px;height: 2em;background: #ddd;position: absolute;bottom:100%;left: 0;right:0;margin: auto;z-index:-1;}

[data-subarea="organization"] .org>li:has(dl)>ul									{position:relative;width:100%;padding-top: 2em;display:flex; flex-wrap:wrap;justify-content: space-between; gap:0 3em; }
[data-subarea="organization"] .org>li:has(dl)>ul >li								{position:relative;}
[data-subarea="organization"] .org>li:has(dl)>ul > li:before					{content:'';display:block;width:1px;height: 2em;background:#ddd;position:absolute;top: -2em;bottom: inherit;left: 0;right:0;margin:auto;z-index:-1}
[data-subarea="organization"] .org>li:has(dl) dl								{position:relative;width:100%;}
[data-subarea="organization"] .org>li:has(dl) dt 							 {background: #d9d8e5;padding: 1.25em;line-height: 1;color: #333055;font-weight: 600;border-top-left-radius: 8px;border-top-right-radius: 8px;}
[data-subarea="organization"] .org>li:has(dl) dd  							{position:relative;padding: 1.25em;}
[data-subarea="organization"] .org>li:has(dl) dd > ul.basic_ul              {margin-top:0;}
[data-subarea="organization"] .org>li:has(dl) dd > ul.basic_ul li              {font-size:1em;}
[data-subarea="organization"] .org>li:has(dl) dd > ul > li					{position:relative;width:100%;text-align: left;}

[data-subarea="organization"] .box_round>li .icon::before		    { background-image:url(/resource/stone/images/contents/icon_call.svg); }

@media all and (max-width:1368px){
    [data-subarea="organization"] .org>li:not(:has(ul)):not(:has(dl)),
    [data-subarea="organization"] .org>li:not(:has(ul.list)):has(dl),
    [data-subarea="organization"] .org>li:has(dl) > ul >li                  {width: calc((100% - 3em) / 4);}

    [data-subarea="organization"] .org>li>ul,
    [data-subarea="organization"] .org>li:has(dl)                           {gap: 0 1em;}
}

@media all and (max-width:1168px){
    [data-subarea="organization"] .org:before                               {height:13.9em;}
    [data-subarea="organization"] .org>li                                   {margin:0 auto 1.25em;}
    [data-subarea="organization"] .org>li:has(dl)>ul                        {padding-top:1.25em;}
    [data-subarea="organization"] .org>li:has(dl)>ul > li:before            {height:1.25em;}
    [data-subarea="organization"] .org>li>ul>li:after,
    [data-subarea="organization"] .org>li:has(dl)>ul > li:before            {top:-1.25em;}

    [data-subarea="organization"] .org>li:not(:has(ul)):not(:has(dl)),
    [data-subarea="organization"] .org>li:not(:has(ul.list)):has(dl),
    [data-subarea="organization"] .org>li:has(dl) > ul >li                  {width: calc((100% - 2.1em) / 4);}

    [data-subarea="organization"] .org>li:has(dl)>ul                           {gap: 0 .7em;}
}

@media all and (max-width:1024px){
    [data-subarea="organization"] .org:before                               {height:14.7em;}
    [data-subarea="organization"] .org>li>ul>li:after                       {display:none;}
    [data-subarea="organization"] .org>li:not(:has(ul)):not(:has(dl)),
    [data-subarea="organization"] .org>li:not(:has(ul.list)):has(dl), 
    [data-subarea="organization"] .org>li:has(dl) > ul >li                  {width: calc((100% - 1.4em) / 2);}
    [data-subarea="organization"] .org>li > ul.list::before                    {content:'';display:block;position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 51%;height: 1px;background-color: #ddd;}
    [data-subarea="organization"] .org>li:has(dl)>ul                           {gap:1.25em .7em;}
}

@media all and (max-width:868px){
     [data-subarea="organization"] .org:before                               {height:13em;}
    [data-subarea="organization"] .org>li.top,
    [data-subarea="organization"] .org>li:has(dl) dt,
    [data-subarea="organization"] .org>li:has(dl) dd                    {padding:1.125em;}

    [data-subarea="organization"] .org>li.top strong                    {font-size:1.06em;}
    [data-subarea="organization"] .org>li:not(:has(ul)):not(:has(dl)),
    [data-subarea="organization"] .org>li:not(:has(ul.list)):has(dl),
    [data-subarea="organization"] .org>li:has(dl) > ul >li                 {font-size:1em;}
}

@media all and (max-width:568px){
    [data-subarea="organization"] .org>li                                   {margin:0 auto 1em;}
    [data-subarea="organization"] .org>li:has(dl)>ul                        {padding-top:1em;}
    [data-subarea="organization"] .org>li:has(dl)>ul > li:before            {height:1em;}
    [data-subarea="organization"] .org>li>ul>li:after,
    [data-subarea="organization"] .org>li:has(dl)>ul > li:before            {top:-1em;}

    [data-subarea="organization"] .org>li:not(:has(ul)):not(:has(dl)),
    [data-subarea="organization"] .org>li:not(:has(ul.list)):has(dl), 
    [data-subarea="organization"] .org>li:has(dl) > ul >li                  {width:100%;}
    [data-subarea="organization"] .org>li > ul.list::before                    {display:none;}
    [data-subarea="organization"] .org>li:has(dl)>ul                            {padding-top:0;}
    [data-subarea="organization"] .org>li:has(dl)>ul                            {gap:1em .7em;}
}

/**********************************************************************

 							관람 안내

**********************************************************************/
[data-subarea="guide"] .box_round>li .icon1::before		{ background-image:url(/resource/stone/images/contents/icon_guide01.svg); }
[data-subarea="guide"] .box_round>li .icon2::before		{ background-image:url(/resource/stone/images/contents/icon_guide02.svg); }
[data-subarea="guide"] .box_round>li .icon3::before		{ background-image:url(/resource/stone/images/contents/icon_guide03.svg); }

[data-subarea="guide"] .not_list                                            {display: flex;flex-flow: column;gap: .75em;}
[data-subarea="guide"] .not_list>li                                       {position: relative;width: 100%;padding-left: 1.375em;line-height: 1.2;opacity: .84;}
[data-subarea="guide"] .not_list>li::before                              { position: absolute;left: 0;top: .15em;width: 18px;height: 18px;line-height: 18px;background: var(--color-black);content: '!';color:var(--color-white);font-size:12px;text-align:center;border-radius:100%;}
[data-subarea="guide"] .prohibit .not_list>li::before                     {content:'×';background:#a51010;line-height:17px;}

@media all and (max-width:1024px){
    [data-subarea="guide"] .not_list>li::before                              { top: .08em;width: 16px;height: 16px;line-height: 16px;}
    [data-subarea="guide"] .prohibit .not_list>li::before                   {line-height:15px;}
}

/**********************************************************************

 							찾아오시는 길

**********************************************************************/
[data-subarea="location"] .map_box													{ width:100%; height:400px;overflow:hidden; border-bottom:1px solid rgba(0,0,0,.1); }
[data-subarea="location"] .map_box .root_daum_roughmap,
[data-subarea="location"] .map_box .root_daum_roughmap .wrap_map					{ width:100%; height:100% !important; }
[data-subarea="location"] .map_box .root_daum_roughmap .wrap_btn_zoom				{z-index:1 !important;}
[data-subarea="location"] .row .flex .ti .icon.map::before 		            { background-image:url(/resource/stone/images/contents/icon_loc01.svg); }
[data-subarea="location"] .row .flex .ti .icon.bus::before 		            { background-image:url(/resource/stone/images/contents/icon_loc02.svg); }
[data-subarea="location"] .row .flex .ti .icon.car::before 		            { background-image:url(/resource/stone/images/contents/icon_loc03.svg); }


/**********************************************************************

 						야외 석상 전시

**********************************************************************/
[data-subarea="outdoor"] .row .flex .content .twelve_list                       {display:flex;gap:.7em;flex-wrap:wrap;}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li                  {flex: 0 1 calc((100% - 1.4em) / 3); border:1px solid var(--color-base3);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li .img            {position:relative;}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li .img img        {width:100%;}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li .icon               {position:absolute;right:1.5em;bottom: calc(var(--sizeWidth) / -2);--sizeWidth:70px;width:var(--sizeWidth);height:var(--sizeWidth);background:var(--color-white);border-radius:100%;}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li .icon::before   {content:'';display:block;width:100%;height:100%;background-size:100%;background-position:center;background-repeat:no-repeat;}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(1) .icon::before{background:url(/resource/stone/images/contents/icon_twelve01.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(2) .icon::before{background:url(/resource/stone/images/contents/icon_twelve02.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(3) .icon::before{background:url(/resource/stone/images/contents/icon_twelve03.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(4) .icon::before{background:url(/resource/stone/images/contents/icon_twelve04.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(5) .icon::before{background:url(/resource/stone/images/contents/icon_twelve05.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(6) .icon::before{background:url(/resource/stone/images/contents/icon_twelve06.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(7) .icon::before{background:url(/resource/stone/images/contents/icon_twelve07.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(8) .icon::before{background:url(/resource/stone/images/contents/icon_twelve08.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(9) .icon::before{background:url(/resource/stone/images/contents/icon_twelve09.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(10) .icon::before{background:url(/resource/stone/images/contents/icon_twelve10.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(11) .icon::before{background:url(/resource/stone/images/contents/icon_twelve11.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li:nth-child(12) .icon::before{background:url(/resource/stone/images/contents/icon_twelve12.svg);}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li dl                      {display:flex;flex-flow:column;gap: 1em;padding: 1.5em;}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li dl dt                   {display:flex;flex-flow:column;gap: .15em;font-size: 1.5em;font-weight:700;}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li dl dt strong            {font-size: .8em;color:var(--color-point);font-weight:600;}
[data-subarea="outdoor"] .row .flex .content .twelve_list > li dl dd                   {font-size: 1.06em;color:var(--color-base2);}


@media all and (max-width:1468px){
    [data-subarea="outdoor"] .row .flex .content .twelve_list                       {gap:.5em;}
    [data-subarea="outdoor"] .row .flex .content .twelve_list > li                  {flex: 0 1 calc((100% - 1em) / 3); }
    [data-subarea="outdoor"] .row .flex .content .twelve_list > li .icon           {--sizeWidth:60px;}
    [data-subarea="outdoor"] .row .flex .content .twelve_list > li dl dt           {font-size:1.25em;}
    [data-subarea="outdoor"] .row .flex .content .twelve_list > li dl dd		   { font-size:1.03em; }
}

@media all and (max-width:1268px){
    [data-subarea="outdoor"] .row .flex .content .twelve_list > li .icon          {right:1.25em;}
    [data-subarea="outdoor"] .row .flex .content .twelve_list > li dl              {padding:1.25em;gap:.8em;}
}

@media all and (max-width:1024px){
     [data-subarea="outdoor"] .row .flex .content .twelve_list > li                  {flex: 0 1 calc((100% - .5em) / 2); }
     [data-subarea="outdoor"] .row .flex .content .twelve_list > li .icon          {--sizeWidth:50px;}
}


@media all and (max-width:768px){
    [data-subarea="outdoor"] .row .flex .content .twelve_list > li                   {flex:0 1 100%;}
}

@media all and (max-width:468px){
    [data-subarea="outdoor"] .row .flex .content .twelve_list > li .icon          {right:1.125em;}
    [data-subarea="outdoor"] .row .flex .content .twelve_list > li dl              {padding:1.125em;gap:.5em;}
}


/**********************************************************************

 						익산석 이야기

**********************************************************************/
[data-subarea="story"] .box_info_top strong                                             {display: block;text-align: center;border: 2px solid var(--color-point); padding: .75em;border-radius: 8px;font-weight: 400;font-size: 1.06em;margin-top: 20px;color: #4b447d;background: #f9f6fb;}
[data-subarea="story"] .box_info_top strong em                                      {font-weight: 700;font-size: 1.125em;display: block;color: var(--color-point);}
[data-subarea="story"] .basic_table tr th.point                                        {border-top:2px solid #d31b1b;border-right: 2px solid #d31b1b;border-left: 2px solid #d31b1b;background:#f7e9e9;}     
[data-subarea="story"] .basic_table tr td.point                                        {border-right: 2px solid #d31b1b;border-left: 2px solid #d31b1b;}     
[data-subarea="story"] .basic_table tr:last-child td.point                           {border-bottom: 2px solid #d31b1b;}     
[data-subarea="story"] .basic_table .bold,
[data-subarea="story"] .basic_table .point                                              {font-weight:700;}
[data-subarea="story"] .text                                                                {margin-top:1em;text-align:center;}
[data-subarea="story"] .text dt                                                            {font-size:1em;font-weight:600;color:var(--color-base);}
[data-subarea="story"] .text dd                                                             {font-size: .94em;color: #666;line-height:1.3;margin-top:4px;}

@media all and (max-width:1268px){
    [data-subarea="story"] .text dt                                                            {font-size:.94em;}
    [data-subarea="story"] .text dd                                                              {font-size:.88em;}
}

@media all and (max-width:768px){
    [data-subarea="story"] .row .flex .content .img_list                                    {gap:1em;}
    [data-subarea="story"] .text                                                                {margin-top:.5em;}
    [data-subarea="story"] .text dd                                                              {margin-top:0;}
}




/**********************************************************************

 						석재 관련 단체 소개

**********************************************************************/

[data-subarea="group"] .box_round li                                        {position:relative;padding:1.5em;font-size: 1.063em;}

@media all and (max-width:1468px){
    [data-subarea="group"] .box_round li                                    {padding:1.375em;}
}

@media all and (max-width:468px){
    [data-subarea="group"] .box_round li                                    {padding:1.25em;font-size:1em;}
}



/**********************************************************************

 						명장 석장 소개

**********************************************************************/
[data-subarea="stonemason"] .mason_list                       {display:flex;gap:.94em;flex-wrap:wrap;}
[data-subarea="stonemason"] .mason_list > li                  {flex: 0 1 calc((100% - 3.76em) / 5); border:1px solid var(--color-base3);}
[data-subarea="stonemason"] .mason_list > li .img img        {width:100%;}
[data-subarea="stonemason"] .mason_list > li dl                      {display:flex;flex-flow:column;gap: 1em;padding: 1.5em;}
[data-subarea="stonemason"] .mason_list > li dl dt                   {display:flex;flex-flow:column;gap: .15em;font-size: 1.5em;font-weight:700;}
[data-subarea="stonemason"] .mason_list > li dl dt strong            {font-size: .8em;color:var(--color-point);font-weight:600;}
[data-subarea="stonemason"] .mason_list > li dl dd                   {font-size: 1.06em;color:var(--color-base2);}          


@media all and (max-width:1468px){
    [data-subarea="stonemason"] .mason_list										{ gap:.7em }
    [data-subarea="stonemason"] .mason_list>li									{ flex:0 1 calc((100% - 1.4em) / 3); }
    [data-subarea="stonemason"] .mason_list > li dl dt           {font-size:1.25em;}
    [data-subarea="stonemason"] .mason_list > li dl dd		   { font-size:1.03em; }
}

@media all and (max-width:1268px){
    [data-subarea="stonemason"] .mason_list > li dl              {padding:1.25em;gap:.8em;}
}

@media all and (max-width:968px){
    [data-subarea="stonemason"] .mason_list>li                                  { flex:0 1 calc((100% - .7em) / 2)}
}

@media all and (max-width:668px) {
    [data-subarea="stonemason"] .mason_list>li                              { flex:100%;}
    [data-subarea="stonemason"] .mason_list > li dl              {padding:1.125em;gap:.5em;}
}



/**********************************************************************

 						    프로그램

**********************************************************************/

[data-subarea="program"] .box_info_top .ico                          {background: #f3f2f5 url(/resource/stone/images/sub/icon_info_program.svg) no-repeat 50% 50%;}


/*홀로그램 쇼룸*/
[data-subarea="program"] .box_round.hologram>li .icon1::before		{ background-image:url(/resource/stone/images/contents/icon_guide01.svg); }
[data-subarea="program"] .box_round.hologram>li .icon2::before		{ background-image:url(/resource/stone/images/contents/icon_guide02.svg); }
[data-subarea="program"] .box_round.hologram>li .icon3::before		{ background-image:url(/resource/stone/images/contents/icon_guide03.svg); }

/*상시 체험 프로그램*/
[data-subarea="program"] .box_round.fulltime>li .icon1::before		{ background-image:url(/resource/stone/images/contents/icon_guide02.svg); }
[data-subarea="program"] .box_round.fulltime>li .icon2::before		{ background-image:url(/resource/stone/images/contents/icon_rental01.svg); }
[data-subarea="program"] .box_round.fulltime>li .icon3:before		{ background-image:url(/resource/stone/images/contents/icon_program02.svg); }
[data-subarea="program"] .box_round.fulltime>li .icon4::before		{ background-image:url(/resource/stone/images/contents/icon_rental02.svg); }
[data-subarea="program"] .box_round.fulltime>li .icon5::before		{ background-image:url(/resource/stone/images/contents/icon_call.svg); }
[data-subarea="program"] .poster                                    {text-align:center;}


/*주말 체험 프로그램*/
[data-subarea="program"] .box_round.weekend>li .icon1::before		{ background-image:url(/resource/stone/images/contents/icon_guide02.svg); }
[data-subarea="program"] .box_round.weekend>li .icon2::before		{ background-image:url(/resource/stone/images/contents/icon_program01.svg); }
[data-subarea="program"] .box_round.weekend>li .icon3::before		{ background-image:url(/resource/stone/images/contents/icon_rental01.svg); }
[data-subarea="program"] .box_round.weekend>li .icon4:before		{ background-image:url(/resource/stone/images/contents/icon_program02.svg); }
[data-subarea="program"] .box_round.weekend>li .icon5::before		{ background-image:url(/resource/stone/images/contents/icon_rental02.svg); }
[data-subarea="program"] .box_round.weekend>li .icon6::before		{ background-image:url(/resource/stone/images/contents/icon_call.svg); }



/**********************************************************************

 							전시관 대관 안내

**********************************************************************/
[data-subarea="rental"] .sub_visual  						    { background: url(/resource/stone/images/contents/img_rental.jpg) no-repeat left 25% center / cover; }
[data-subarea="rental"] .box_round>li .icon1::before		{ background-image:url(/resource/stone/images/contents/icon_rental01.svg); }
[data-subarea="rental"] .box_round>li .icon2::before		{ background-image:url(/resource/stone/images/contents/icon_guide03.svg); }
[data-subarea="rental"] .box_round>li .icon3::before		{ background-image:url(/resource/stone/images/contents/icon_guide01.svg); }
[data-subarea="rental"] .box_round>li .icon4:before		    { background-image:url(/resource/stone/images/contents/icon_rental02.svg); }
[data-subarea="rental"] .box_round>li .icon5::before		{ background-image:url(/resource/stone/images/contents/icon_call.svg); }