/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1770873809
Updated: 2026-02-12 05:23:29
*/

/* main */
.main-con {position: relative; overflow: hidden;}
.main-wrap {padding: 4rem 0; display: flex; justify-content: space-between;}

.main-bg-before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.m-img-bg {position: absolute; background-position: center; background-repeat: no-repeat; background-size: contain;}
.m-img-bg.left {left: 0; bottom: 4rem; width: 122rem; height: 70rem; background-image: url("/wp-content/uploads/2026/02/m-left-bg.png");}
.m-img-bg.right {right: -3rem; bottom: -1rem; width: 489px; height: 682px; background-image: url("/wp-content/uploads/2026/02/m-right-bg.png");}
.m-img-bg.img1 {left: 7rem; bottom: 9rem; width: 1124px; height: 337px; background-image: url("/wp-content/uploads/2026/02/m-left-bg-01.png");}
.m-img-bg.img2 {right: 42%; bottom: 20%; width: 1059px; height: 216px; background-image: url("/wp-content/uploads/2026/02/m-left-bg-02.png");}

.m-left-wrap {width: calc((100% - 41rem) - 15rem); position: relative;}
.m-visual-con {position: relative; border-radius: 2rem; overflow: hidden;}
.paging-con {position: absolute; bottom: 0; right: 0;}
.paging-wrap {display: flex; padding: 1.2rem 3rem 1rem; border-radius: 2rem 0 0 0; background-color: #00000090;}
.paging-wrap .vis-arrow {margin: 0 0.2rem; color: #fff; font-size: 2rem;}
.paging-wrap .page-num {display: flex; align-items: center;}
.paging-wrap .page-num span {margin: 0 0.5rem; color: #fff; font-size: 1.6rem; font-family: 'GmarketSans';}
.paging-wrap .page-num span.dot {display: inline-block; width: 5px; height: 5px; background-color: #fff; border-radius: 1rem;}
.paging-wrap .pause-wrap span {margin-left: 1.5rem; color: #fff; font-size: 1.8rem;}
.paging-wrap .vis-arrow, .paging-wrap .pause-wrap * {cursor: pointer; vertical-align: super;}

.sec-titie-wrap {margin: 8rem 0 2.5rem; display: flex; align-items: center; gap: 3rem;}
.sec-titie-wrap .tab-btn-wrap {display: flex; align-items: center; gap: 2rem;}
.sec-titie-wrap .tab-btn-wrap * {transition: all 0.3s ease; cursor: pointer;}
.sec-titie-wrap .tab-btn-wrap .btn.active {color: var(--main-color);}
.sec-titie-wrap .tab-btn-wrap .btn {padding-left: 1rem; position: relative; font-size: 2rem; font-weight: 900; color: #aeaeae; font-family: 'GmarketSans'; }
.sec-titie-wrap .tab-btn-wrap .btn::before {content: ""; position: absolute; left: 0; top: 25%; width: 5px; height: 5px; background-color: #aeaeae; border-radius: 50%;}
.sec-titie-wrap .tab-btn-wrap .btn.active::before {background-color: var(--main-color);}

.notice-content-wrap .notice-content {width: 100%;}
.notice-box-wrap {display: flex; gap: 2rem;}
.notice-box-wrap li {width: 50%; }
.notice-box-wrap li .box {display: block; padding: 0 0 3.5rem 3rem; background-color: #fff; border-radius: 1rem; transition: all 0.3s ease;}
.notice-box-wrap li .box * {transition: all 0.3s ease;}
.notice-box-wrap li .box .title-wrap {display: flex; justify-content: space-between; align-items: end;}
.notice-box-wrap li .box .title-wrap .content-name {font-size: 2rem; font-weight: bolder; color: var(--main-color); font-family: 'GmarketSans';}
.notice-box-wrap li .box .title-wrap .more {padding: 1.5rem; display: flex; align-items: center; justify-content: center; border-radius: 1rem; background-color: var(--main-color);}
.notice-box-wrap li .box .title-wrap .more span {color: #fff; font-size: 3rem; width: 2rem; height: 2rem;}
.notice-box-wrap li .box .title {margin: 3.5rem 0 2rem; height: 4.8rem; font-size: 2rem; width: 90%; letter-spacing: -0.12rem; line-height: 1.2; font-family: 'GmarketSans';}
.notice-box-wrap li .box .date {font-size: 1.6rem; color: #515151; font-family: 'GmarketSans';}

.notice-box-wrap li .box:hover {box-shadow: 0 0 5px 0 var(--sub-color);}
.notice-box-wrap li .box:hover .title {color: #898989;}
.notice-box-wrap li .box:hover .more {background-color: var(--sub-color);}
.notice-box-wrap li .box:hover .title-wrap .content-name {color: var(--sub-color);}

.m-right-wrap {width: 41rem; position: relative;}

.m-quick-btn-wrap a {padding: 2.5rem; display: flex; gap: 2rem; align-items: end; background-color: var(--main-color); border-radius: 2rem; transition: all 0.3s ease;}
.m-quick-btn-wrap a:hover {background-color: var(--sub-color);}
.m-quick-btn-wrap .btn-name {padding-bottom: 5px; font-size: 1.4rem; color: #fff; font-family: 'GmarketSans'; border-bottom: 1px solid #fff;}
.m-quick-btn-wrap .btn-name span {width: 1.5rem; font-size: 1.8rem; vertical-align: bottom;}

.m-quick-wrap {margin: 3rem 1.5rem;} 
.m-quick-wrap ul {display: flex; justify-content: space-between;} 
.m-quick-wrap ul li a * {transition: all 0.3s ease; text-align: center;} 
.m-quick-wrap ul li a .icon {display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; border-radius: 2rem; background-color: #eaeaea; }
.m-quick-wrap ul li a .btn-name {padding-top: 1.5rem; font-size: 1.6rem; font-weight: 500; font-family: 'GmarketSans';}
.m-quick-wrap ul li a:hover .icon {background-color: var(--main-color);}

/* 팝업 슬라이드 */
.m-popup-wrap {width: 100%; height: 48rem; border-radius: 2rem; overflow: hidden; background-color: #ddd;}
.dummy {text-align: center; font-size: 2rem; font-weight: 700; line-height: 10;}