@charset "utf-8";

/* 레이아웃 */
#main											{margin-top:-151px;}
#main *						                   { box-sizing:border-box;}
#main [data-main-con]					{padding:120px 0;}


@media (max-width: 1468px) {
    #main [data-main-con]					{padding:100px 0;}
}

@media (max-width: 1268px) {
    #main [data-main-con]					{padding:80px 0;}
}

@media (max-width: 1024px) {
    #main											{margin-top:-100px;}
    #main [data-main-con]					{padding:60px 0;}
}

@media (max-width: 868px) {
    #main											{margin-top:-88px;}
}

@media (max-width: 668px) {
    #main [data-main-con]					{padding:50px 0;}
}

@media (max-width: 468px) {
    #main											{margin-top:-80px;}
    #main [data-main-con]					{padding:40px 0;}
}


/* 타이틀 */
.title									{ position:relative;margin-bottom:4.375em;}
.title h2	                            {line-height:1.3; color:#000; font-size:1.75em;font-weight:400;}
.title h2 span						{color:#555;display:block;}
.title h2 strong					{display:block;color:var(--color-base);font-size:1.786em;font-weight:800;}


/* tab */
.control_main_tab .conts_tab				                             { display:none; }
.control_main_tab .conts_tab.active				                        { display:block; }

/* 더보기 */
.btn_more				{position:relative;display:inline-block;width:52px;height:52px;border:1px solid #dfdfdf;border-radius:100%;background:var(--color-white);}
.btn_more::before            {content:'';display:block;width:2px;height:20px;background:var(--color-base);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:var(--trans-ani);}
.btn_more::after             {content:'';display:block;width:20px;height:2px;background:var(--color-base);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:var(--trans-ani);}
.btn_more:focus,
.btn_more:hover					{border-color:var(--color-point);}
.btn_more:focus::before,
.btn_more:hover::before,
.btn_more:focus::after,
.btn_more:hover::after			{background:var(--color-point);}


@media (max-width: 1468px) {
    .title 														  {margin-bottom:3.75em;}
    .title h2	                                                 {font-size:1.5em;}
}

@media (max-width: 1268px) {
    .title 														  {margin-bottom:2.75em;}
    .title h2	                                                 {font-size:1.375em;}
}

@media (max-width: 1024px) {
    .title 														  {margin-bottom:2em;}
    .title h2													{font-size:1.25em}
    .btn_more												{width:46px;height:46px;}
    .btn_more::before            							{height:18px;}
    .btn_more::after 										{width:18px;}
}

@media (max-width: 668px) {
    .title 														  {margin-bottom:1.75em;}
    .title h2	                                                 {font-size:1.125em;}
    .btn_more												{width:40px;height:40px;}
    .btn_more::before            							{height:14px;}
    .btn_more::after 										{width:14px;}
}

@media (max-width: 468px) {
    .title 														  {margin-bottom:1.25em;}
    .title h2	                                                 {font-size:1.063em;}
    .btn_more												{width:36px;height:36px;}
    .btn_more::before            							{height:12px;}
    .btn_more::after 										{width:12px;}
}

@media (max-width: 368px) {
    .title h2	                                                 {font-size:1em;}
    .title h2 strong										{font-size:1.625em;}
}



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

 									비주얼

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

.visual											                  { position:relative;background:#000;}
.visual .text													{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:4; text-align:center; color:var(--color-base); line-height:1;}
.visual .text .title                                      	  	{display:inline-flex;flex-flow:column;gap:1.5em;justify-content:center;text-align:center;color:var(--color-white);margin-bottom:2.5em;}
.visual .text .title span                                     {font-size:2.1875em;font-weight:400;text-shadow:0 0 20px rgba(0,0,0,.2);}
.visual .text .title strong                                  {font-size:4.6875em;font-weight:800;text-shadow:0 0 20px rgba(0,0,0,.2);}
.visual .text .txt												{font-size:1.375em;font-weight:400;color:var(--color-white);line-height:1.6;text-shadow:0 0 20px rgba(0,0,0,.2);}
.visual .img													{ position:relative; width:100%; height:100vh; overflow:hidden; }
.visual .img::before											{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.45);content:'';display: block;z-index: 2;}
.visual .img img												{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; z-index:1}
.visual .swiper_control 										{display:flex;align-items: center;}
.visual .swiper_control .page									{display:flex;position:absolute;left:50%;transform:translateX(-50%);bottom:2.5em;z-index:9;gap:0 1em;}
.visual .swiper_control .swiper_page						{ display:flex; width:auto;align-items:center; justify-content:center; line-height:1;color:var(--color-white);}
.visual .swiper_control .swiper_page .swiper-pagination-total{font-weight:bold;opacity:1;}
.visual .swiper_control .swiper_page i::after				{background:rgba(255,255,255,.3);}
.visual .swiper_control .page .swiper_auto                 {width:20px;height:20px;transition:var(--trans-ani);}
.visual .swiper_control .page .swiper_auto::before        {content:'';filter: brightness(0) invert(1);}
.visual .swiper_control .control								{position:absolute;width:100%;padding:0 2.5em;top:50%;left:0;transform:translateY(-50%);display:flex;justify-content:space-between;z-index:9;}
.visual .swiper_control .control button							{width:48px;height:48px;border:1px solid rgba(255,255,255,.3);border-radius:100%;}
.visual .swiper_control .control .swiper_prev				{}
.visual .swiper_control .control .swiper_prev::before   {content:'';width:9px;height:14px;filter: brightness(0) invert(1);}
.visual .swiper_control .control .swiper_next				{}
.visual .swiper_control .control .swiper_next::before    	{content:'';width:9px;height:14px;filter: brightness(0) invert(1);}


@media all and (max-width:1468px){
    .visual .text .title											{margin-bottom:2em;}
    .visual .text .title span									{font-size:2em;}
    .visual .text .title strong									{font-size:4.25em;}
    .visual .text .txt												{font-size:1.25em;}
    .visual .img													{height:740px;}

}

@media all and (max-width:1368px) {
    .visual .swiper_control .swiper_page					{gap: 0 10px }
}


@media all and (max-width:1268px){
    .visual .text .title											{gap: 1.25em;margin-bottom:1.875em;}
    .visual .text .title span									{font-size:1.875em;}
    .visual .text .title strong									{font-size:3.75em;}
    .visual .text .txt												{font-size:1.125em;}
    .visual .img													{height:680px;}
    .visual .swiper_control .control							{padding:0 2em;}

}

@media all and (max-width:1024px){
    .visual .img															{height:620px;}
    .visual .swiper_control .control button 			{width: 46px;height: 46px;}
}


@media all and (max-width:868px) {
    .visual .text .title											{gap: 1em;margin-bottom:1.5em;}
    .visual .text .title span									{font-size:1.5em;}
    .visual .text .title strong									{font-size:3.25em;}
    .visual .text .txt												{font-size:1.063em;}
    .visual .img															{height:540px;}
    .visual .swiper_control .control							{padding:0 1.25em;}
}

@media all and (max-width:768px) {
    .visual .swiper_control .swiper_page					{gap: 0 5px }
}

@media all and (max-width:668px) {
    .visual .text													{width:75%;}
    .visual .text .title											{gap: .75em;margin-bottom:1.25em;}
    .visual .text .title span									{font-size:1.375em;}
    .visual .text .title strong									{font-size:2.5em;}
    .visual .text .txt												{font-size:1em;}
    .visual .img															{height:480px;}
    .visual .swiper_control .control							{padding:0 1em;}
    .visual .swiper_control .control button 			{width: 40px;height: 40px;}
}


@media all and (max-width:468px) {
    .visual .text .title											{gap: .5em;margin-bottom:1em;}
    .visual .text .title span									{font-size:1.25em;}
    .visual .text .title strong									{font-size:2em;}
    .visual .text .txt br											{display:none;}
    .visual .img													{height:400px;}
    .visual .swiper_control .control button 			{width: 36px;height: 36px;}
}

@media all and (max-width:368px) {
    .visual .text .title span									{font-size:1.125em;}
    .visual .text .title strong									{font-size:1.875em;}
    .visual .swiper_control .control							{padding:0 .5em;}
    .visual .swiper_control .control button 			{width: 30px;height: 30px;}
}





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

 								소개

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

[data-main-con="intro"] .title											{display:flex;justify-content: space-between;gap:0 2.5em;}
[data-main-con="intro"] .title .title_wrap									{width: calc((100% - 5em) / 3);}
[data-main-con="intro"] .title	.text_wrap							{width: calc(((100% - 5em) / 3) * 2 + 2.5em);font-size:1.125em;font-weight:400;color:#555;line-height:1.6;}
[data-main-con="intro"] .title	.text_wrap strong					{color:var(--color-base);font-weight:600;}
[data-main-con="intro"] .list													{display:flex;gap:0 2.5em;}
[data-main-con="intro"] .list li												{width:calc((100% - 5em) / 3);}
[data-main-con="intro"] .list li a												{position:relative;display:block;border-radius:1.25em;min-height:253px;padding:2.5em;overflow:hidden;}
[data-main-con="intro"] .list li a div											{position:absolute;}


[data-main-con="intro"] .list li.btn_01 a									{background:#ecf2fd url('/resource/strange/images/main/img_prison.png') no-repeat bottom right 1.563em / auto 137px;}
[data-main-con="intro"] .list li.btn_01 a .left							{left:7%;bottom:27%;}
[data-main-con="intro"] .list li.btn_01 a .right						{right:5%;top:15%;}
[data-main-con="intro"] .list li.btn_01 a:focus .cloud,
[data-main-con="intro"] .list li.btn_01 a:hover .cloud				{animation:cloud 1.5s infinite;}

[data-main-con="intro"] .list li.btn_02 a									{background:#e6f6fb url('/resource/strange/images/main/img_prisoner.png') no-repeat bottom right 2em / auto 207px;}
[data-main-con="intro"] .list li.btn_02 a .photo								{bottom:0;right:55%;}
[data-main-con="intro"] .list li.btn_02 a:focus .photo,
[data-main-con="intro"] .list li.btn_02 a:hover .photo				{animation:photo 1.5s infinite;}

[data-main-con="intro"] .list li.btn_03 a									{background:#f5f5f5;}
[data-main-con="intro"] .list li.btn_03 a .tour								{bottom:0;right:7%;}
[data-main-con="intro"] .list li.btn_03 a:focus .tour,
[data-main-con="intro"] .list li.btn_03 a:hover .tour				{animation:tour 1.5s infinite;}

[data-main-con="intro"] .list li a strong									{font-weight:700;font-size:1.625em;color:var(--color-base1);position: relative;z-index: 5;}


@keyframes cloud {
    0% { transform:translateY(0%) }
    50% { transform:translateY(25%) }
    100% { transform:translateY(0%) }
}

@keyframes photo {
    0% { transform:translate(0%,0%) }
    50% { transform:translate(-5%,10%) }
    100% { transform:translate(0%) }
}

@keyframes tour {
    0% { transform:translateX(0%) }
    50% { transform:translateX(-3%) }
    100% { transform:translateX(0%) }
}


@media all and (max-width:1468px){
    [data-main-con="intro"] .title									{gap:0 2em;}
    [data-main-con="intro"] .title .title_wrap						{width: calc((100% - 4em) / 3);}
    [data-main-con="intro"] .title .text_wrap						{width: calc(((100% - 4em) / 3) * 2 + 2em);font-size:1.063em;}
    [data-main-con="intro"] .list										{gap:0 2em;}
    [data-main-con="intro"] .list li									{ width: calc((100% - 4em) / 3);}
    [data-main-con="intro"] .list li a									{padding:2em;min-height:243px}
    [data-main-con="intro"] .list li a strong						{font-size:1.5em;}
    [data-main-con="intro"] .list li.btn_01 a						{background-size:auto 127px;}
    [data-main-con="intro"] .list li.btn_01 a .left					{width:59px;}
    [data-main-con="intro"] .list li.btn_01 a .right				{width:38px;}
    [data-main-con="intro"] .list li.btn_02 a						{background-size:auto 197px;}
    [data-main-con="intro"] .list li.btn_02 a .photo				{width:115px;}
    [data-main-con="intro"] .list li.btn_03 a .tour					{width:273px;right:5%;}

}

@media all and (max-width:1368px){
    [data-main-con="intro"] .list li.btn_01 a						{background-size:auto 117px;}
    [data-main-con="intro"] .list li.btn_02 a						{background-size:auto 187px;}
    [data-main-con="intro"] .list li.btn_02 a .photo				{width:101px;}
    [data-main-con="intro"] .list li.btn_03 a .tour					{width:260px;right:2%;}
}

@media all and (max-width:1268px){
    [data-main-con="intro"] .title									{flex-flow:column;gap:1em 0;}
    [data-main-con="intro"] .title .title_wrap						{width: 100%;}
    [data-main-con="intro"] .title .text_wrap					{width: 100%;}
    [data-main-con="intro"] .title .text_wrap br				{display:none;}
    [data-main-con="intro"] .list										{gap:1em;flex-wrap:wrap;}
    [data-main-con="intro"] .list li									{ width: 100%;flex: 1 1 calc(100% / 2 - 1em);}
    [data-main-con="intro"] .list li a									{min-height:220px;padding: 1.875em;}
    [data-main-con="intro"] .list li a strong							{font-size:1.375em;}
    [data-main-con="intro"] .list li.btn_02 a .photo				{right:44%;}
    [data-main-con="intro"] .list li.btn_03 a .tour					{right:2em;}
}

@media all and (max-width:1024px){
    [data-main-con="intro"] .list li a									{min-height:180px;padding: 1.5em;}
    [data-main-con="intro"] .list li.btn_01 a						{background-size:auto 107px;}
    [data-main-con="intro"] .list li.btn_02 a						{background-size:auto 147px;}
    [data-main-con="intro"] .list li.btn_02 a .photo				{width:74px;}
    [data-main-con="intro"] .list li.btn_03 a .tour					{width:210px;}
}

@media all and (max-width:868px){
    [data-main-con="intro"] .list li a									{min-height:168px;}
    [data-main-con="intro"] .list li.btn_01 a						{background-size:auto 97px;}
    [data-main-con="intro"] .list li.btn_02 a						{background-size:auto 137px;}
    [data-main-con="intro"] .list li.btn_02 a .photo				{width:84px;right:48%;}
    [data-main-con="intro"] .list li.btn_03 a .tour					{width:190px;}
}

@media all and (max-width:768px){
    [data-main-con="intro"] .title 										{gap: .75em 0;}
    [data-main-con="intro"] .title .text_wrap						{font-size:1em;}
    [data-main-con="intro"] .list										{gap:10px;}
    [data-main-con="intro"] .list li									{ flex: 1 1 100%;}
    [data-main-con="intro"] .list li a									{min-height:148px;padding:1.375em;border-radius:1em;}
    [data-main-con="intro"] .list li a strong							{font-size:1.25em;}
    [data-main-con="intro"] .list li.btn_02 a .photo				{right:30%;}
}

@media all and (max-width:568px){
    [data-main-con="intro"] .list li.btn_02 a .photo			{right:42%;}
}

@media all and (max-width:468px){
    [data-main-con="intro"] .title .text_wrap						{font-size:.938em;}
    [data-main-con="intro"] .list li a									{padding:1.25em;}
    [data-main-con="intro"] .list li a strong							{font-size:1.125em;}
    [data-main-con="intro"] .list li a									{min-height:138px;}
    [data-main-con="intro"] .list li.btn_01 a						{background-size:auto 85px;}
    [data-main-con="intro"] .list li.btn_02 a						{background-size:auto 120px;}
    [data-main-con="intro"] .list li.btn_02 a .photo				{width:65px;right:40%;}
    [data-main-con="intro"] .list li.btn_03 a .tour					{width:160px;}
}
어
@media all and (max-width:368px){
    [data-main-con="intro"] .list li.btn_01 a .left					{left:-10%;}
    [data-main-con="intro"] .list li.btn_01 a						{background-position:bottom right 1em;}
    [data-main-con="intro"] .list li.btn_02 a						{background-position:bottom right 1em;}
    [data-main-con="intro"] .list li.btn_02 a .photo				{right: 55%;}
    [data-main-con="intro"] .list li.btn_03 a .tour					{right:1em;}
}


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

 							촬영 작품

**********************************************************************/
[data-main-con="work"]														{position:relative;background:#f1f4f9;}
[data-main-con="work"]::before												{content:'';position:absolute;right:0;top:-4.7%;width:319px;height:430px;background:url('/resource/strange/images/main/img_staff.png') no-repeat center center / 100%;}
[data-main-con="work"]::after												{content:'';position:absolute;left:0;bottom:-2%;width:445px;height:270px;background:url('/resource/strange/images/main/img_movie.png') no-repeat center center / 100%;z-index: 9;}
[data-main-con="work"] .title h2 strong									{display:flex;align-items:center;gap:0 15px;}
[data-main-con="work"] .title h2 strong::after							{content:'';display:inline-block;width:56px;height:57px;background:url('/resource/strange/images/main/icon_slate.png') no-repeat center center / 100%;}
[data-main-con="work"] .swiper                                 			 {width: calc(100% + 2.5em);margin-left:-1.25em; margin-right:-1.25em;margin-top:-10px;margin-bottom:-10px;}
[data-main-con="work"] .swiper-wrapper								{align-items:stretch;}
[data-main-con="work"] .swiper-slide                          			  {width:20%;padding:10px 0;}
[data-main-con="work"] .swiper-slide a									{margin:0 1.25em;display:block;width: calc(100% - 2.5em);}
[data-main-con="work"] .swiper-slide .img								{ position:relative;position:relative; overflow:hidden; width:100%; height:0; padding-top:143.75%;border-radius:1.25em;box-shadow:0 0 10px rgba(0,0,0,.2); }
[data-main-con="work"] .swiper-slide .img img							{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; z-index:1;transition:var(--trans-ani);}
[data-main-con="work"] .swiper-slide a:focus .img img,
[data-main-con="work"] .swiper-slide a:hover .img img				{transform:translate(-50%,-50%) scale(1.1) ;}
[data-main-con="work"] .swiper_control									{margin-top:3.75em;}

[data-main-con="work"] .btns												{margin-top:3.75em;display:flex;margin-left:calc(20% + 1.25em);gap:0 2.5em;}
[data-main-con="work"] .btns li											{flex:1 1 33.3%;}
[data-main-con="work"] .btns li a										{display:flex;justify-content: space-between;align-items: center;background:var(--color-white);border-radius:1.25em;padding:1.875em;transition:var(--trans-ani);}
[data-main-con="work"] .btns li a:focus,
[data-main-con="work"] .btns li a:hover										{box-shadow:0 0 20px rgba(24,50,108,.1);}
[data-main-con="work"] .btns li a strong									{display:flex;align-items:center;color:var(--color-base);font-size:1.25em;font-weight:500;gap:0 .938em;line-height:1;}
[data-main-con="work"] .btns li a strong::before							{content:'';display:block;background-repeat:no-repeat;width:32px;height:32px;background-size:30px 30px;}
[data-main-con="work"] .btns li:nth-child(1) a strong::before				{background:url('/resource/strange/images/main/icon_camera.svg');}
[data-main-con="work"] .btns li:nth-child(2) a strong::before				{background:url('/resource/strange/images/main/icon_facility.svg');background-size:100%;}
[data-main-con="work"] .btns li:nth-child(3) a strong::before				{background:url('/resource/strange/images/main/icon_rental.svg');}

[data-main-con="work"] .btns li a .btn_more						{width:20px;height:20px;border:none;}
[data-main-con="work"] .btns li a .btn_more::before            {width:2px;height:16px;background:#bbb;}
[data-main-con="work"] .btns li a .btn_more::after             {width:16px;height:2px;background:#bbb;}

[data-main-con="work"] .btns li a:focus .btn_more::before,
[data-main-con="work"] .btns li a:hover .btn_more::before,
[data-main-con="work"] .btns li a:focus .btn_more::after,
[data-main-con="work"] .btns li a:hover .btn_more::after			{background:var(--color-point);}

@media all and (max-width:1668px){
    [data-main-con="work"]::after								{left:-4%;}
}
@media all and (max-width:1568px){
    [data-main-con="work"]::after								{left:-6%;}
}

@media all and (max-width:1468px){
    [data-main-con="work"] .title h2 strong::after				{width:50px;height:51px;}
    [data-main-con="work"]::before								{width:300px;height:405px;}
    [data-main-con="work"]::after									{width:425px;height:258px;}
    [data-main-con="work"] .swiper                                 {width: calc(100% + 2em);margin-left:-1em; margin-right:-1em;}
    [data-main-con="work"] .swiper-slide a						{margin:0 1em;display:block;width: calc(100% - 2em);}
    [data-main-con="work"] .swiper_control						{margin-top:3.25em;}
    [data-main-con="work"] .swiper_control .swiper_page	{gap:0 10px;}
    [data-main-con="work"] .btns									{margin-top:3.25em;gap:0 2em;margin-left: calc(20% + 1em);}
    [data-main-con="work"] .btns li a							{padding:1.625em;}
    [data-main-con="work"] .btns li a strong					{font-size:1.125em;}
}

@media all and (max-width:1268px){
    [data-main-con="work"]::before							{width:280px;height:378px;}
    [data-main-con="work"]::after							 {width: 405px;height: 243px;left:-12%;}
    [data-main-con="work"] .title h2 strong::after			{width:40px;height:41px;}
    [data-main-con="work"] .swiper							{width: calc(100% + 1em);margin-left:-.5em; margin-right:-.5em;}
    [data-main-con="work"] .swiper-slide					{width:25%;}
    [data-main-con="work"] .swiper-slide a					{margin:0 .5em;width:calc(100% - 1em);}
    [data-main-con="work"] .swiper_control 					{margin-top: 2.75em;}
    [data-main-con="work"] .btns								{margin-left: calc(25% + .5em);gap:0 1em;margin-top:2.75em;}
    [data-main-con="work"] .btns li a							{padding:1.5em;}
    [data-main-con="work"] .btns li a strong					{font-size:1.063em;}
    [data-main-con="work"] .btns li a strong::before		{width:28px;height:28px;background-size:26px 26px;}
}

@media all and (max-width:1024px){
    [data-main-con="work"]											{overflow:hidden;}
    [data-main-con="work"]::before								{display:none}
    [data-main-con="work"]::after								{left:initial;bottom:initial;right:-10%;top:3%;width: 320px;height: 196px;transform: scaleX(-1);z-index:0;}
    [data-main-con="work"] .title h2 strong					{gap:0 10px;}
    [data-main-con="work"] .title h2 strong::after			{width:35px;height:36px;}
    [data-main-con="work"] .swiper-slide					{width:33.3%;}
    [data-main-con="work"] .swiper_control 					{margin-top: 2.5em;}
    [data-main-con="work"] .btns								{margin-left: 0;width:100%;margin-top:2.5em;}
    [data-main-con="work"] .btns li a strong::before		{width:24px;height:24px;background-size:22px 22px;}
    [data-main-con="work"] .btns li a .btn_more::before            {height:12px;}
    [data-main-con="work"] .btns li a .btn_more::after             {width:12px;}
}

@media all and (max-width:768px){
    [data-main-con="work"] .title h2 strong::after			{width:30px;height:31px;}
    [data-main-con="work"] .swiper							{width: calc(100% + 10px);margin-left:-5px; margin-right:-.5px;}
    [data-main-con="work"] .swiper-slide a					{margin:0 5px;width:calc(100% - 10px);}
    [data-main-con="work"] .swiper-slide .img				{border-radius:1em;}
    [data-main-con="work"] .swiper_control 					{margin-top: 2em;}
    [data-main-con="work"] .swiper_control .swiper_page	{gap:0 5px;}
    [data-main-con="work"] .btns								{gap:0 10px;margin-top: 2em;}
    [data-main-con="work"] .btns li a							{border-radius:1em;padding:1.375em;}
    [data-main-con="work"] .btns li a strong					{font-size:1em;}
}

@media all and (max-width:668px){
    [data-main-con="work"]::after								{top: 4%;right: -15%;width: 298px;height: 175px;}
    [data-main-con="work"] .title h2 strong::after			{width:30px;height:31px;}
    [data-main-con="work"] .swiper-slide					{width:50%;}
    [data-main-con="work"] .btns							{flex-wrap:wrap;gap:10px;}
    [data-main-con="work"] .btns li 						{flex:1 1 calc(100% / 2 - 10px);}
}

@media all and (max-width:568px){
    [data-main-con="work"]::after								{top: 3%;right: -20%;width: 278px;height: 170px;}
}

@media all and (max-width:468px){
    [data-main-con="work"]::after								{top: 2%;}
    [data-main-con="work"] .title h2 strong					{gap:0 8px;}
    [data-main-con="work"] .title h2 strong::after			{width:25px;height:26px;}
    [data-main-con="work"] .swiper-slide					{width:100%;}
    [data-main-con="work"] .swiper_control 					{margin-top: 1.875em;}
    [data-main-con="work"] .btns								{margin-top: 1.875em;}
    [data-main-con="work"] .btns li 						{flex:1 1 100%;}
    [data-main-con="work"] .btns li a							{padding:1.25em;}
    [data-main-con="work"] .btns li a strong					{font-size:.94em;}

}

@media all and (max-width:368px){
    [data-main-con="work"]::after							{display:none;}
}






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

 						세트장 둘러보기

**********************************************************************/
[data-main-sett]														{position:relative;padding:120px 0;background:url('/resource/strange/images/main/sett_bg.jpg') no-repeat center center / cover;overflow:hidden;}
[data-main-sett] .title													{text-align:center;}
[data-main-sett] .title h2 span										{color:#cbcbcb;}
[data-main-sett] .title h2 strong										{color:var(--color-white);}

[data-main-sett]  .swiper-slide 									{   max-width:50em;display: flex;justify-content: center;align-items: center;border-radius: 1.25em;overflow:hidden;}
[data-main-sett]  .swiper-slide .slide_item		 					{position:relative;width:100%; display:flex;align-items: center;overflow:hidden;transition:.4s ease-in-out;}
[data-main-sett]  .swiper-slide .slide_item::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to bottom, transparent, #000);opacity:0;visibility:hidden;}
[data-main-sett]  .swiper-slide-active .slide_item::after{opacity:.7;visibility:visible;}
[data-main-sett]  .swiper-slide .text				{position:absolute;left:0;bottom:0;width:100%;padding:3.125em;opacity:0;visibility:hidden;z-index:99;color:var(--color-white); }
[data-main-sett]  .swiper-slide .text strong		{display:block;font-size:1.5em;font-weight:600;margin-bottom:.1em;text-shadow:0 0 10px rgba(0,0,0,2);}
[data-main-sett]  .swiper-slide .text span				{display:block;font-size:1em;font-weight:300;text-shadow:0 0 10px rgba(0,0,0,2);}
[data-main-sett]  .swiper-slide-active .text		{opacity:1;visibility:visible;}
[data-main-sett]  .swiper-slide .img				{ position:relative;position:relative;overflow:hidden; width:100%; height:0; padding-top:56.25%;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius: 1.25em;}
[data-main-sett]  .swiper-slide .img img			{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); }

[data-main-sett]  .swiper_control 										{margin-top:3.75em;display:flex;align-items: center;}
[data-main-sett]  .swiper_control .page									{display:flex;z-index:9;gap:0 1em;}
[data-main-sett]  .swiper_control .swiper_page						{ display:flex; width:auto;align-items:center; justify-content:center; gap:0 12px; line-height:1;color:var(--color-white);}
[data-main-sett]  .swiper_control .swiper_page .swiper-pagination-total{font-weight:bold;opacity:1;}
[data-main-sett]  .swiper_control .swiper_page i::after				{background:rgba(255,255,255,.3);}
[data-main-sett]  .swiper_control .page .swiper_auto                 {width:20px;height:20px;transition:var(--trans-ani);}
[data-main-sett]  .swiper_control .page .swiper_auto::before        {content:'';filter: brightness(0) invert(1);}
[data-main-sett]  .swiper_control .control								{position:absolute;width:100%;padding:0 2.5em;top:52%;left:0;display:flex;justify-content:space-between;z-index:9;}
[data-main-sett]  .swiper_control .control button						{width:48px;height:48px;border:1px solid rgba(255,255,255,.3);border-radius:100%;}
[data-main-sett]  .swiper_control .control .swiper_prev::before   {content:'';width:9px;height:14px;filter: brightness(0) invert(1);}
[data-main-sett]  .swiper_control .control .swiper_next::before    	{content:'';width:9px;height:14px;filter: brightness(0) invert(1);} 	


@media all and (max-width:1699px){
	[data-main-sett] .swiper											{overflow:visible;}
}

@media all and (max-width:1468px){
	[data-main-sett]														{padding:100px 0;}
	[data-main-sett] .swiper-slide 									{ max-width:48em; }
	[data-main-sett] .swiper-slide .text							{padding:2.875em;}
	[data-main-sett] .swiper-slide .text strong					{font-size:1.375em;}
	[data-main-sett] .swiper_control								{margin-top:3.25em;}
}


@media all and (max-width:1268px){
	[data-main-sett]														{padding:80px 0;}
	[data-main-sett] .swiper-slide 									{ max-width:45em;}
	[data-main-sett] .swiper-slide .text							{padding:2.875em;}
	[data-main-sett] .swiper-slide .text strong					{font-size:1.375em;}
	[data-main-sett] .swiper_control								{margin-top:3.25em;}
	[data-main-sett] .swiper-slide .text								{padding:2.5em;}
	[data-main-sett] .swiper-slide .text strong						{font-size:1.25em;}
	[data-main-sett] .swiper_control .control							{padding:0 2em;top:50.5%;}
}

@media all and (max-width:1024px){
	[data-main-sett]														{padding:60px 0;}
	[data-main-sett] .swiper												{ width:80%;overflow:hidden;border-radius:1.25em;}
	[data-main-sett] .swiper-slide 										{  width: 100%;min-width:auto;max-width:100%;max-height:100%;margin:0;border-radius:0;}
	[data-main-sett] .swiper-slide .slide_item		 				{ padding:0;}
	[data-main-sett] .swiper-slide .img								{border-radius:0;}
	[data-main-sett] .swiper-slide .text							{padding:2.25em;}
	[data-main-sett] .swiper_control 								{margin-top: 2.5em;}
	[data-main-sett] .swiper_control .control button					{width:46px;height:46px;}
}

@media all and (max-width:868px){
	[data-main-sett] .swiper_control .control							{padding:0 1.25em;}
}

@media all and (max-width:768px){
	[data-main-sett] .swiper											{border-radius:1em;}
	[data-main-sett] .swiper-slide .text								{padding:2em;}
	[data-main-sett] .swiper-slide .text strong					{font-size:1.125em;}
	[data-main-sett] .swiper-slide .text span						{font-size:0.938em;}
	[data-main-sett] .swiper_control 								{margin-top: 2em;}

}
@media all and (max-width:668px){
	[data-main-sett]														{padding:50px 0;}
	[data-main-sett] .swiper											 { width:75%;}
	[data-main-sett] .swiper-slide .text								{padding:1.375em;}
	[data-main-sett] .swiper_control .control							{padding:0 1em;}
	[data-main-sett] .swiper_control .control button					{width:40px;height:40px;}
}

@media all and (max-width:468px){
	[data-main-sett]														{padding:40px 0;}
	[data-main-sett] .swiper-slide .text								{padding:1.25em;}
	[data-main-sett] .swiper-slide .text strong					{font-size:1.063em;}
	[data-main-sett] .swiper-slide .text span						{font-size:0.88em;}
	[data-main-sett] .swiper_control 								{margin-top: 1.875em;}
	[data-main-sett] .swiper_control .control							{top:50%;}
	[data-main-sett] .swiper_control .control button					{width:36px;height:36px;}
}

@media all and (max-width:368px){
	[data-main-sett] .swiper-slide .text								{padding:1em;}
	[data-main-sett] .swiper-slide strong							{margin-bottom:0;}
	[data-main-sett] .swiper-slide .text span							{display:none;}
	[data-main-sett] .swiper_control .control							{padding:0 .5em;}
	[data-main-sett] .swiper_control .control button					{width:30px;height:30px;}
}

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

 							게시판

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

[data-main-con="news"]                                        				 {display:flex;justify-content: space-between;}
[data-main-con="news"] .news_wrap										{position:relative;width:calc((100% - (100% - 5em) / 3) - 6.25em);}
[data-main-con="news"] .news_wrap .tab_menu							{display:flex;align-items:center;gap:0 15px;margin-bottom:2.5em;}
[data-main-con="news"] .news_wrap .tab_menu li							{position:Relative;}
[data-main-con="news"] .news_wrap .tab_menu li button				 {background:var(--color-white);--sizeHig:52px;height:var(--sizeHig);line-height:var(--sizeHig);padding:0 1.875em;border-radius:30px;}
[data-main-con="news"] .news_wrap .tab_menu li.active button		{background:var(--color-point);}
[data-main-con="news"] .news_wrap .tab_menu li button span			{font-size:1.563em;font-weight:600;color:#555;}
[data-main-con="news"] .news_wrap .tab_menu li.active button span		{color:var(--color-white);}

[data-main-con="news"] .news_wrap .conts_tab .list						{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-left:-1.25em;margin-right:-1.25em;}
[data-main-con="news"] .news_wrap .conts_tab .list	li									{width: 33.3%;}
[data-main-con="news"] .news_wrap .conts_tab .list	li a								{display:block;padding:2em 2.25em;margin:0 1.25em;background:#f1f4f9;border:1px solid transparent;border-radius:1.25em;transition:var(--trans-ani);}
[data-main-con="news"] .news_wrap .conts_tab .list	li.none_data						{flex:0 1 100% !important;}
[data-main-con="news"] .news_wrap .conts_tab .list	li.none_data a						{padding:8.18em 2.25em;margin:0 !important;}
[data-main-con="news"] .news_wrap .conts_tab .list	li a:focus,
[data-main-con="news"] .news_wrap .conts_tab .list	li a:hover							{border-color:var(--color-point);border-color:var(--color-point);background:var(--color-white);}
[data-main-con="news"] .news_wrap .conts_tab .list	li a dl								{margin-bottom:1.75em;line-height:1.6;}
[data-main-con="news"] .news_wrap .conts_tab .list	li a dl	dt						    {font-size:1.25em;font-weight:700;color:var(--color-base);height:3.2em;margin-bottom:1.45em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
[data-main-con="news"] .news_wrap .conts_tab .list	li a dl	dd							{font-size:1em;font-weight:400;color:#555;height:4.8em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
[data-main-con="news"] .news_wrap .conts_tab .list	li a .date							{font-size:1em;font-weight:400;color:#555;line-height:1;}
[data-main-con="news"] .news_wrap .conts_tab .btn_more								{position:absolute;right:0;top:0;}

[data-main-con="news"] .info_wrap												{width: calc((100% - 5em) / 3);}
[data-main-con="news"] .info_wrap .title										{display:flex;align-items:center;justify-content: space-between;margin-bottom:2.5em;}
[data-main-con="news"] .info_wrap .title h2 strong							{font-size:1.286em;}
[data-main-con="news"] .info_wrap .box										{border:2px solid #e8e8e8;border-radius:1.25em;padding:2.5em;}
[data-main-con="news"] .info_wrap .box ul 									{display:flex;gap:1.25em 0;flex-flow:column;}
[data-main-con="news"] .info_wrap .box ul li								{display:flex;gap:0 1.875em;flex-wrap:wrap;align-items: center;}
[data-main-con="news"] .info_wrap .box ul li em								{background:#ededed;border-radius:2em;text-align:center;width:115px;--sizeHig:40px;height:var(--sizeHig);line-height:var(--sizeHig);font-weight:600;color:var(--color-base1);font-size:1.125em;}
[data-main-con="news"] .info_wrap .box ul li p								{font-size:1.25em;color:var(--color-base);}
[data-main-con="news"] .info_wrap .box ul li p strong							{font-size:1.4em;font-weight:700;}
[data-main-con="news"] .info_wrap .box .call								{margin-top:2.188em;border:1px solid var(--color-point);border-radius:2em;padding:.625em 0;display:flex;align-items:center;justify-content:center;gap:0 15px;}
[data-main-con="news"] .info_wrap .box .call .ti							{display:flex;align-items:center;font-size:1.25em;font-weight:500;gap:0 15px;}
[data-main-con="news"] .info_wrap .box .call .ti::after						{content:'';display:block;width:28px;height:2px;background:var(--color-point);opacity:.2;}
[data-main-con="news"] .info_wrap .box .call .ti .icon						{display:inline-block;width:40px;height:40px;background:var(--color-point);border-radius:100%;position:relative;margin-right:5px;}
[data-main-con="news"] .info_wrap .box .call .ti .icon::before				{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:100%;height:100%;background:url('/resource/strange/images/main/icon_call.svg') no-repeat center center / 100%;}
[data-main-con="news"] .info_wrap .box .call .number				{font-size:1.75em;color:var(--color-point);font-weight:700;}


@media all and (max-width:1599px){
    [data-main-con="news"] .news_wrap										{width:calc(65% - 5em);}
  	[data-main-con="news"] .news_wrap .conts_tab .list						{margin-left:-1.125em;margin-right:-1.125em;}
  	[data-main-con="news"] .news_wrap .conts_tab .list	li a				{margin:0 1.125em;}
    [data-main-con="news"] .info_wrap										{width: 35%;}
}


@media all and (max-width:1468px){
    [data-main-con="news"] .news_wrap										{width:calc(65% - 3.75em);}
    [data-main-con="news"] .news_wrap .tab_menu							{margin-bottom:2.25em;gap:0 10px;}
    [data-main-con="news"] .news_wrap .tab_menu li button span		{font-size:1.375em;}
  	[data-main-con="news"] .news_wrap .conts_tab .list						{margin-left:-1em;margin-right:-1em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a					{padding:2em;margin:0 1em;}
  	[data-main-con="news"] .news_wrap .conts_tab .list	li.none_data a		{padding:7.532em 2em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl dt		{font-size:1.125em;}
    [data-main-con="news"] .info_wrap .title								{margin-bottom:2.25em;}
    [data-main-con="news"] .info_wrap .box									{padding:2.25em;}
    [data-main-con="news"] .info_wrap .box ul li							{gap:0 1em;}
    [data-main-con="news"] .info_wrap .box ul li em							{width:110px;font-size:1.063em;}
    [data-main-con="news"] .info_wrap .box ul li p							{font-size:1.125em;}
    [data-main-con="news"] .info_wrap .box ul li p strong					{font-size:1.25em;}
    [data-main-con="news"] .info_wrap .box .call							{margin-top: 2em;}
    [data-main-con="news"] .info_wrap .box .call,
    [data-main-con="news"] .info_wrap .box .call .ti						{gap:0 10px;}
    [data-main-con="news"] .info_wrap .box .call .ti						{font-size: 1.125em;}
    [data-main-con="news"] .info_wrap .box .call .ti .icon					{width:38px;height:38px;}

    [data-main-con="news"] .info_wrap .box .call .number				{font-size:1.5em;}
}


@media all and (max-width:1368px){
    [data-main-con="news"] .info_wrap .box .call,
    [data-main-con="news"] .info_wrap .box .call .ti						{gap:0 5px}
}

@media all and (max-width:1268px){
    [data-main-con="news"]														{flex-wrap:wrap;flex-flow:column; gap: 50px 0;}
    [data-main-con="news"] .news_wrap										{width:100%;}
    [data-main-con="news"] .news_wrap .tab_menu							{margin-bottom:1.875em;}
    [data-main-con="news"] .news_wrap .tab_menu li button span		{font-size:1.25em;}
  	[data-main-con="news"] .news_wrap .conts_tab .list						{margin-left:-0.75em;margin-right:-0.75em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a				 { padding: 1.875em;margin:0 .75em;}
  	[data-main-con="news"] .news_wrap .conts_tab .list li.none_data a		{padding:1.875em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl				{margin-bottom:1.5em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl dt			{margin-bottom:1.125em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl dd,
    [data-main-con="news"] .news_wrap .conts_tab .list li a .date			{font-size:.938em;}

    [data-main-con="news"] .info_wrap												{width: 100%;}
    [data-main-con="news"] .info_wrap .title								{margin-bottom:1.875em;}
    [data-main-con="news"] .info_wrap .box									{padding:1.875em;}
    [data-main-con="news"] .info_wrap .box ul								{flex-flow:row;}
    [data-main-con="news"] .info_wrap .box ul li							{width:50%;}
    [data-main-con="news"] .info_wrap .box ul li em						{font-size:1em;--sizeHig:38px;}
    [data-main-con="news"] .info_wrap .box ul li p 						{font-size: 1.063em;}
    [data-main-con="news"] .info_wrap .box .call						{margin-top:1.75em;}
    [data-main-con="news"] .info_wrap .box .call .ti					{font-size:1.063em;}
    [data-main-con="news"] .info_wrap .box .call .number				{font-size:1.375em;}


}

@media all and (max-width:1024px){
    [data-main-con="news"] .news_wrap .tab_menu						{margin-bottom:1.5em;}
    [data-main-con="news"] .news_wrap .tab_menu li button			{--sizeHig:46px;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a				{padding:1.5em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl				{margin-bottom:1.25em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl dt			{margin-bottom:.938em;}
    [data-main-con="news"] .info_wrap .title								{margin-bottom:1.5em;}
    [data-main-con="news"] .info_wrap .box									{padding:1.5em;}
    [data-main-con="news"] .info_wrap .box ul li em						{width:100px;}
    [data-main-con="news"] .info_wrap .box .call						{margin-top:1.5em;}

}

@media all and (max-width:768px) {
    [data-main-con="news"] .news_wrap .tab_menu						{margin-bottom:1.25em;}
    [data-main-con="news"] .news_wrap .tab_menu li button span		{font-size:1.125em;}
    [data-main-con="news"] .news_wrap .conts_tab .list						{gap:10px;margin:0;}
    [data-main-con="news"] .news_wrap .conts_tab .list	li					{width:100%;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a					{border-radius:1em;padding:1.375em;margin:0;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl dt,
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl dd 			{height:auto;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl 				{margin-bottom:1em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl dt			{margin-bottom:.5em;}
    [data-main-con="news"] .info_wrap .title								{margin-bottom:1.25em;}
    [data-main-con="news"] .info_wrap .box									{padding:1.375em;border-radius:1em;}
    [data-main-con="news"] .info_wrap .box ul li em						{font-size:.938em;width:90px;--sizeHig: 36px;}
    [data-main-con="news"] .info_wrap .box ul li p						{font-size:1em;}
    [data-main-con="news"] .info_wrap .box .call						{margin-top:1.375em;}
    [data-main-con="news"] .info_wrap .box .call .ti						{font-size:1em;}
    [data-main-con="news"] .info_wrap .box .call .ti::after					{width:22px;}
    [data-main-con="news"] .info_wrap .box .call .ti .icon					{width:34px;height:34px;}
    [data-main-con="news"] .info_wrap .box .call .number				{font-size:1.25em;}


}

@media all and (max-width:668px) {
    [data-main-con="news"]														{gap: 40px 0;}
    [data-main-con="news"] .news_wrap .tab_menu li button			{--sizeHig:40px;}
    [data-main-con="news"] .info_wrap .box ul								{flex-flow:column;gap:.88em 0;}
    [data-main-con="news"] .info_wrap .box ul li							{width:100%;}

}

@media all and (max-width:468px) {
    [data-main-con="news"]														{gap: 30px 0;}
    [data-main-con="news"] .news_wrap .tab_menu						{margin-bottom:1.125em;}
    [data-main-con="news"] .news_wrap .tab_menu li button			{--sizeHig:36px;padding:0 1.37em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a					{padding:1.25em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl dt			{font-size:1.063em;}
    [data-main-con="news"] .news_wrap .conts_tab .list li a dl dd			{font-size:.88em;}
    [data-main-con="news"] .info_wrap .title								{margin-bottom:1.125em;}
    [data-main-con="news"] .info_wrap .box									{padding:1.25em;}
    [data-main-con="news"] .info_wrap .box ul								{gap:.75em 0;}
    [data-main-con="news"] .info_wrap .box ul li								{gap:0 .75em;}
    [data-main-con="news"] .info_wrap .box ul li em							{font-size:.88em;width:80px;--sizeHig: 34px;}
    [data-main-con="news"] .info_wrap .box ul li p							{font-size:.938em;}
    [data-main-con="news"] .info_wrap .box .call							{margin-top:1.25em;}
    [data-main-con="news"] .info_wrap .box .call .ti						{font-size:.938em;}
    [data-main-con="news"] .info_wrap .box .call .ti .icon					{width:30px;height:30px;}
    [data-main-con="news"] .info_wrap .box .call .number				{font-size:1.125em;}

}

@media all and (max-width:299px) {
  	[data-main-con="news"] .news_wrap .tab_menu							{gap:0;}
  	[data-main-con="news"] .news_wrap .tab_menu li button				{padding: 0 1.2em;}
  	[data-main-con="news"] .news_wrap .tab_menu li button span			{font-size:1.063em;}
    [data-main-con="news"] .info_wrap .box ul li						{flex-flow:column;gap:.5em;}
    [data-main-con="news"] .info_wrap .box ul li em						{width:100%;--sizeHig:32px;}
    [data-main-con="news"] .info_wrap .box .call						{border-radius:1em;flex-flow: column;}
    [data-main-con="news"] .info_wrap .box .call .ti::after				{display:none;}
    [data-main-con="news"] .info_wrap .box .call .ti .icon					{width:24px;height:24px;}
}




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

 				  자주 찾는 메뉴

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

[data-main-con="quick"]                                                             {position:relative; padding:120px 0;background:url('/resource/strange/images/main/quick_bg.jpg') no-repeat center center / cover;}
[data-main-con="quick"] .list														{display:flex;justify-content: space-between;gap:40px;}
[data-main-con="quick"] .list li														{flex:1 1 25%;}
[data-main-con="quick"] .list li a													{display:block;background:var(--color-white);border-radius:20px;padding:2.25em 2.5em;transition:var(--trans-ani);}
[data-main-con="quick"] .list li a:focus,
[data-main-con="quick"] .list li a:hover										{background:var(--color-point);}
[data-main-con="quick"] .list li a .ti 												{display:inline-flex;gap:0 12px;align-items: center;}
[data-main-con="quick"] .list li a .ti span											{font-size:1.375em;font-weight:800;line-height:1;color:var(--color-base);}
[data-main-con="quick"] .list li a:focus .ti span,
[data-main-con="quick"] .list li a:hover .ti span								{color:var(--color-white);}
[data-main-con="quick"] .list li a:focus .ti .more::after,
[data-main-con="quick"] .list li a:hover .ti .more::after						{background:var(--color-white);}
[data-main-con="quick"] .list li a:focus .ti .more::before,
[data-main-con="quick"] .list li a:hover .ti .more::before						{background:var(--color-white);}
[data-main-con="quick"] .list li a .icon											{position:Relative;display:flex;justify-content: flex-end;margin-top: .375em;}
[data-main-con="quick"] .list li a .icon::before									{content:'';display:block;width:65px;height:65px;}
[data-main-con="quick"] .list li a .icon1::before									{background:url('/resource/strange/images/main/icon_quick01.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .list li a .icon2::before									{background:url('/resource/strange/images/main/icon_quick02.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .list li a .icon3::before									{background:url('/resource/strange/images/main/icon_quick03.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .list li a .icon4::before									{background:url('/resource/strange/images/main/icon_quick04.svg') no-repeat center center / 100%;}
[data-main-con="quick"] .list li a:focus .icon::before,
[data-main-con="quick"] .list li a:hover .icon::before							{filter: brightness(0) invert(1);}
[data-main-con="quick"] .list li a .icon::after										{content:'';position:absolute;right:-12px;bottom:-12px;width:44px;height:44px;background:var(--color-white);border-radius:100%;opacity:0;visibility: hidden;}
[data-main-con="quick"] .list li a:focus .icon::after,
[data-main-con="quick"] .list li a:hover .icon::after								{opacity:.25;visibility: visible;}


@media all and (max-width:1268px){
    [data-main-con="quick"]  														{padding:100px 0;}
    [data-main-con="quick"] .list													{gap:20px;}
    [data-main-con="quick"] .list li a												{padding:2em 2.25em;}
    [data-main-con="quick"] .list li a .ti span										{font-size:1.25em;}
    [data-main-con="quick"] .list li a .icon::before								{width:60px;height:60px;}
    [data-main-con="quick"] .list li a .icon::after									{width:40px;height:40px;right:-10px;bottom:-10px;}
}

@media all and (max-width:1024px){
    [data-main-con="quick"]  														{padding:80px 0;}
    [data-main-con="quick"] .list													{flex-wrap:wrap;gap:10px;}
    [data-main-con="quick"] .list li												{flex:1 1 40%;}
    [data-main-con="quick"] .list li a												{padding:1.875em 2em;}
    [data-main-con="quick"] .list li a .icon::before								{width:50px;height:50px;}
    [data-main-con="quick"] .list li a .icon::after									{width:35px;height:35px;right:-8px;bottom:-8px;}
}

@media all and (max-width:868px){
    [data-main-con="quick"]  														{padding:70px 0;}
    [data-main-con="quick"] .list li a												{padding:1.75em;border-radius: 10px;}

}

@media all and (max-width:668px){
    [data-main-con="quick"]  														{padding:60px 0;}
}

@media all and (max-width:468px){
    [data-main-con="quick"]  														{padding:50px 0;}
    [data-main-con="quick"] .list li 												{flex:1 1 100%;}
    [data-main-con="quick"] .list li a												{padding:1.5em;}
    [data-main-con="quick"] .list li a .ti span										{font-size:1.125em;}
    [data-main-con="quick"] .list li a .icon::before								{width:45px;height:45px;}
    [data-main-con="quick"] .list li a .icon::after									{width:30px;height:30px;}
}