.elementor-13 .elementor-element.elementor-element-20be91e{--display:flex;--min-height:1080px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-20be91e:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-20be91e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://afat.co.kr/wp-content/uploads/2024/08/01-1.png");background-position:center center;background-size:cover;}.elementor-13 .elementor-element.elementor-element-20be91e, .elementor-13 .elementor-element.elementor-element-20be91e::before{--border-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-4f36634{--display:flex;--min-height:234px;--justify-content:center;--background-transition:0.3s;--margin-top:119px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-4f36634:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-4f36634 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C567FE6;}.elementor-13 .elementor-element.elementor-element-4f36634, .elementor-13 .elementor-element.elementor-element-4f36634::before{--border-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-f70e463{text-align:center;}.elementor-13 .elementor-element.elementor-element-f70e463 .elementor-heading-title{color:#FFFFFF;font-family:"프리텐다드", Sans-serif;font-size:60px;font-weight:700;line-height:65px;text-shadow:0px 0px 10px #000000;}.elementor-13 .elementor-element.elementor-element-f70e463 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-5f2dd08{text-align:center;}.elementor-13 .elementor-element.elementor-element-5f2dd08 .elementor-heading-title{color:#FFFFFF;font-family:"프리텐다드", Sans-serif;font-size:30px;font-weight:700;line-height:65px;text-shadow:0px 0px 10px #000000;}.elementor-13 .elementor-element.elementor-element-5f2dd08 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-4ac358b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-9978013{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-9978013:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-9978013 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://afat.co.kr/wp-content/uploads/2024/08/02-1.png");background-position:center center;background-size:cover;}.elementor-13 .elementor-element.elementor-element-9978013, .elementor-13 .elementor-element.elementor-element-9978013::before{--border-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-c404862{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:73px;--padding-bottom:50px;--padding-left:65px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c404862:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-c404862 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F6F9;}.elementor-13 .elementor-element.elementor-element-c404862, .elementor-13 .elementor-element.elementor-element-c404862::before{--border-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-5ecd327 .elementor-heading-title{font-family:var( --e-global-typography-5736e96-font-family ), Sans-serif;font-size:var( --e-global-typography-5736e96-font-size );font-weight:var( --e-global-typography-5736e96-font-weight );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-13 .elementor-element.elementor-element-45ef0f1 > .elementor-widget-container{margin:35px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-45ef0f1{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-0e6c667{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-a3d94a0 .elementor-heading-title{font-family:var( --e-global-typography-5736e96-font-family ), Sans-serif;font-size:var( --e-global-typography-5736e96-font-size );font-weight:var( --e-global-typography-5736e96-font-weight );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-13 .elementor-element.elementor-element-a3d94a0 > .elementor-widget-container{margin:140px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-20b99f7 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-ecadf73-font-family ), Sans-serif;font-size:var( --e-global-typography-ecadf73-font-size );font-weight:var( --e-global-typography-ecadf73-font-weight );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-13 .elementor-element.elementor-element-20b99f7 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-2c7f471{--divider-border-style:solid;--divider-color:#B6B6B6;--divider-border-width:1px;}.elementor-13 .elementor-element.elementor-element-2c7f471 .elementor-divider-separator{width:100%;}.elementor-13 .elementor-element.elementor-element-2c7f471 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-13 .elementor-element.elementor-element-fc2dbf9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-18fa16a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-85a56fb .elementor-heading-title{font-family:var( --e-global-typography-5736e96-font-family ), Sans-serif;font-size:var( --e-global-typography-5736e96-font-size );font-weight:var( --e-global-typography-5736e96-font-weight );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-13 .elementor-element.elementor-element-85a56fb > .elementor-widget-container{margin:140px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-76fe25d .elementor-heading-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-ecadf73-font-family ), Sans-serif;font-size:var( --e-global-typography-ecadf73-font-size );font-weight:var( --e-global-typography-ecadf73-font-weight );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-13 .elementor-element.elementor-element-76fe25d > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-74a33f2 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-ecadf73-font-family ), Sans-serif;font-size:var( --e-global-typography-ecadf73-font-size );font-weight:var( --e-global-typography-ecadf73-font-weight );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-13 .elementor-element.elementor-element-74a33f2 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-1ec6b3d{--divider-border-style:solid;--divider-color:#B6B6B6;--divider-border-width:1px;}.elementor-13 .elementor-element.elementor-element-1ec6b3d .elementor-divider-separator{width:100%;}.elementor-13 .elementor-element.elementor-element-1ec6b3d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-13 .elementor-element.elementor-element-b47d067{--display:flex;--min-height:342px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 53px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-6ce3eee{--display:flex;--justify-content:center;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:52px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-6ce3eee:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-6ce3eee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#004E76;}.elementor-13 .elementor-element.elementor-element-6ce3eee, .elementor-13 .elementor-element.elementor-element-6ce3eee::before{--border-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-4634926{text-align:left;}.elementor-13 .elementor-element.elementor-element-0c89222{color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-0c89222 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-07cc7e6{color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-07cc7e6 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-b09a229{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-0aa91ba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-20be91e{--min-height:827px;}.elementor-13 .elementor-element.elementor-element-f70e463 .elementor-heading-title{font-size:40px;}.elementor-13 .elementor-element.elementor-element-5f2dd08 .elementor-heading-title{font-size:28px;line-height:1.4em;}.elementor-13 .elementor-element.elementor-element-5f2dd08 > .elementor-widget-container{margin:-21px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-5f2dd08{width:var( --container-widget-width, 512px );max-width:512px;--container-widget-width:512px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-5f2dd08.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-4ac358b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-9978013{--min-height:410px;}.elementor-13 .elementor-element.elementor-element-9978013:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-9978013 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-13 .elementor-element.elementor-element-c404862{--padding-top:35px;--padding-bottom:0px;--padding-left:33px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-5ecd327 .elementor-heading-title{font-size:var( --e-global-typography-5736e96-font-size );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-13 .elementor-element.elementor-element-45ef0f1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-45ef0f1{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-a3d94a0 .elementor-heading-title{font-size:var( --e-global-typography-5736e96-font-size );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-13 .elementor-element.elementor-element-a3d94a0 > .elementor-widget-container{margin:48px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-20b99f7 .elementor-heading-title{font-size:var( --e-global-typography-ecadf73-font-size );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-13 .elementor-element.elementor-element-45efff43{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-51c36d9{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-a32a553{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-2fd59de{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-85a56fb .elementor-heading-title{font-size:var( --e-global-typography-5736e96-font-size );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-13 .elementor-element.elementor-element-85a56fb > .elementor-widget-container{margin:48px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-76fe25d .elementor-heading-title{font-size:var( --e-global-typography-ecadf73-font-size );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-13 .elementor-element.elementor-element-74a33f2 .elementor-heading-title{font-size:var( --e-global-typography-ecadf73-font-size );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-13 .elementor-element.elementor-element-b47d067{--gap:8px 8px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-20be91e{--min-height:700px;}.elementor-13 .elementor-element.elementor-element-20be91e:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-20be91e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-190px 0px;}.elementor-13 .elementor-element.elementor-element-4f36634{--min-height:200px;}.elementor-13 .elementor-element.elementor-element-f70e463 .elementor-heading-title{font-size:43px;line-height:1.1em;}.elementor-13 .elementor-element.elementor-element-f70e463 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-f70e463{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-f70e463.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-5f2dd08 .elementor-heading-title{font-size:15px;line-height:1.2em;}.elementor-13 .elementor-element.elementor-element-5f2dd08 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-5f2dd08{--container-widget-width:297px;--container-widget-flex-grow:0;width:var( --container-widget-width, 297px );max-width:297px;}.elementor-13 .elementor-element.elementor-element-9978013{--min-height:247px;}.elementor-13 .elementor-element.elementor-element-c404862{--padding-top:50px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-13 .elementor-element.elementor-element-5ecd327 .elementor-heading-title{font-size:var( --e-global-typography-5736e96-font-size );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-13 .elementor-element.elementor-element-5ecd327 > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-13 .elementor-element.elementor-element-45ef0f1 > .elementor-widget-container{margin:0px 5px 40px 10px;}.elementor-13 .elementor-element.elementor-element-a3d94a0 .elementor-heading-title{font-size:var( --e-global-typography-5736e96-font-size );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-13 .elementor-element.elementor-element-20b99f7 .elementor-heading-title{font-size:var( --e-global-typography-ecadf73-font-size );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-13 .elementor-element.elementor-element-2c7f471 > .elementor-widget-container{margin:-14px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-fc2dbf9{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13 .elementor-element.elementor-element-45efff43{width:initial;max-width:initial;}.elementor-13 .elementor-element.elementor-element-51c36d9{width:initial;max-width:initial;}.elementor-13 .elementor-element.elementor-element-a32a553{width:initial;max-width:initial;}.elementor-13 .elementor-element.elementor-element-2fd59de{width:initial;max-width:initial;}.elementor-13 .elementor-element.elementor-element-85a56fb .elementor-heading-title{font-size:var( --e-global-typography-5736e96-font-size );line-height:var( --e-global-typography-5736e96-line-height );letter-spacing:var( --e-global-typography-5736e96-letter-spacing );word-spacing:var( --e-global-typography-5736e96-word-spacing );}.elementor-13 .elementor-element.elementor-element-76fe25d{text-align:center;width:var( --container-widget-width, 238px );max-width:238px;--container-widget-width:238px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-76fe25d .elementor-heading-title{font-size:var( --e-global-typography-ecadf73-font-size );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-13 .elementor-element.elementor-element-74a33f2{text-align:center;width:var( --container-widget-width, 238px );max-width:238px;--container-widget-width:238px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-74a33f2 .elementor-heading-title{font-size:var( --e-global-typography-ecadf73-font-size );line-height:var( --e-global-typography-ecadf73-line-height );letter-spacing:var( --e-global-typography-ecadf73-letter-spacing );word-spacing:var( --e-global-typography-ecadf73-word-spacing );}.elementor-13 .elementor-element.elementor-element-1ec6b3d > .elementor-widget-container{margin:-14px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-6ce3eee{--padding-top:18px;--padding-bottom:20px;--padding-left:22px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-0c89222 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-0c89222{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-07cc7e6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-07cc7e6{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-0aa91ba > .elementor-widget-container{margin:-11px 0px 0px 0px;}}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-4f36634{--width:992px;}.elementor-13 .elementor-element.elementor-element-9978013{--width:50%;}.elementor-13 .elementor-element.elementor-element-c404862{--width:50%;}.elementor-13 .elementor-element.elementor-element-fc2dbf9{--content-width:1078px;}}@media(max-width:1024px) and (min-width:768px){.elementor-13 .elementor-element.elementor-element-4f36634{--width:662px;}.elementor-13 .elementor-element.elementor-element-9978013{--width:100%;}.elementor-13 .elementor-element.elementor-element-c404862{--width:100%;}}/* Start custom CSS */.image-overlay-container {
  position: relative;
  border-radius: 10px;
  width: 100%;
  max-width: 600px; /* 원하는 너비로 설정하세요 */
}

.image-overlay-container img {
  width: 100%;
  display: block;
  border-radius: 10px;
  
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25%; /* 초기 상태에서 오버레이의 높이를 설정합니다 */
  background-color: #00000099; /* 초기 투명 회색 오버레이 */
  transition: .5s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
}


 .image-overlay-container button {
  visibility: hidden; /* 초기에는 숨김 처리 */
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.overlay .text{
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding-top: px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-family: "프리텐다드"
}

.overlay .hide_text{
   visibility: hidden;
   margin-bottom: -20px;
    
    
}

.image-overlay-container:hover .text,
.image-overlay-container:hover .button,
.image-overlay-container:hover .hide_text {
  visibility: visible; /* Make visible on mouse over */
  opacity: 1;
  color: #fff;
  border-color: #1A3668;
  transition: opacity 0.5s linear;
}

.overlay .button{
    color: white;
    border: 2px solid white;
    font-weight: 700;
    margin-top: 20px;
    transition: background-color 0.5s ease, color 0.5s ease;
}

.overlay .button:hover{
    color: white !important;
    background-color: #00000099;
    font-weight: 700;
  
    
}


.image-overlay-container:hover .overlay {
  height: 100%; /* 마우스 오버 시 전체 높이로 변경 */
  background-color: #00000099; /* 마우스 오버 시 투명도 변경 */
  border-radius: 10px;
}

.image-overlay-container:hover .text,
.image-overlay-container:hover .button {
  visibility: visible; /* 마우스 오버 시 보이게 변경 */
  opacity: 1;
  color: #fff;
  border-color: #1A3668;
  transition: opacity 0.5s linear;
}


 .text_el {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
    color: white;
    font-size: 17px;
    font-weight: 500;
}

@media (max-width:468px){
    .text_el {
        font-size: 13px;
        max-width: 350px;
    }
    
    .overlay .text{
    font-size: 16px;
    line-height:23px;
}
.overlay .button{
    
    margin-top: 10px;
    font-size:14px;
    padding-top:5px;
    padding-bottom:5px;
    
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: '프리텐다드';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://afat.co.kr/wp-content/uploads/2024/08/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family: '프리텐다드';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://afat.co.kr/wp-content/uploads/2024/08/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: '프리텐다드';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://afat.co.kr/wp-content/uploads/2024/08/Pretendard-Medium.woff') format('woff');
}
@font-face {
	font-family: '프리텐다드';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://afat.co.kr/wp-content/uploads/2024/08/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: '프리텐다드';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://afat.co.kr/wp-content/uploads/2024/08/Pretendard-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */