/*     1891425 : 맞춤형 컨텐츠      */
.empty__1891425__ {padding:20px 10px;background:#fafafa;}
.empty__1891425__ p {margin:0;padding:0;}
.empty__1891425__ .title {font-size:18px;font-weight:bold;color:blue;text-align:center}
.empty__1891425__ dt {margin-bottom:5px;font-size:15px;font-weight:bold;}
.empty__1891425__ dd {margin:0;font-size:13px;}
.empty__1891425__ dd ul li {padding-left:15px;}


/*     1891445 : HTML 편집기      */
@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}


.main_slide * {
    font-family: var(--pre) !important;
    word-break: keep-all;
}

.main_slide .scroll_obj {
    position: absolute;
    right: calc((100% - var(--max-width)) / 2);
    bottom: clamp(3rem, 4vw, 4rem);
    width: clamp(4rem, 8vw, 8rem);
    aspect-ratio: 1/1;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .5;
}

.main_slide .scroll_obj img.rotate {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: rotate 5s linear infinite;
}



.material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
}

.main_slide {
    padding: 0
}

.main_slide .swiper-slide {
    width: 100vw;
    height: 100vh;
    position: relative;
}

.main_slide .swiper-slide .pt {
    color: var(--color1);
}

.main_slide .swiper-slide img {
    transform: scale(1.04);
    transition: 3s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main_slide .swiper-slide-active img {
    transform: scale(1);
    transition: 3s;
}

.main_slide .swiper-slide .dec {
    color: #fff;
    text-transform: uppercase;
    font-size: clamp(.8rem, 1.2vw, 1.4rem);
    font-weight: 700;
    margin-bottom: clamp(1rem, 2vw, 2rem);
    letter-spacing: 0.04rem;
}

.main_slide .swiper-slide .cap {
    position: absolute;
    left: 50%;
    bottom:5rem;
    transform: translate(-50%, -50%);
    max-width: var(--max-width);
	width:100%;
    z-index: 3;
	padding:0 50px;
	box-sizing:border-box;

}

.main_slide .swiper-slide .cap .cpn_na {
    color: #ffffffa1;
    font-size: clamp(1rem, 1.2vw, 3rem);
    font-weight: 700;
}

.main_slide .swiper-slide .cap .txt {
    font-size: clamp(1.2rem, 3vw, 4rem);
    color: #fff;
    font-weight: 700;
    line-height: 1.4em;
}

.main_slide .swiper-slide .cap .split div {
    line-height: 1.4em
}

.main_slide .swiper-slide .cap .exp {
    color: rgba(255, 255, 255, .6);
    font-size: clamp(1rem, 1vw, 1rem);
    margin-top: clamp(1rem, 1.6vw, 1.6rem);
    text-transform: uppercase;
    letter-spacing: 0.01rem;
}

.main_slide .swiper-slide .cap .first {
    font-size: clamp(2.4rem, 3.8vw, 4.5rem)
}

.main_slide .swiper-slide .cap a {
    display: inline-flex;
    background: var(--color1);
    color: #fff;
    /*    border: 1px solid #fff2ce; */
    font-size: clamp(.8rem, 1.3vw, 1.3rem);
    padding: clamp(.3rem, .8vw, .8rem) clamp(1rem, 3vw, 3rem);
    border-radius: 40px;
    margin-top: clamp(1rem, 2.5vw, 3.5rem);
    font-weight: 700;
    align-items: center;

}

.main_slide .swiper-slide .cap a span {
    padding: .5rem;
    box-sizing: border-box;
    background: var(--orange);
    border-radius: 100%;
    margin-left: .5rem;
    color: #fff;
}

.main_slide .swiper-button-next,
.main_slide .swiper-button-prev {
    color: #fff;
}

.main_slide .swiper-button-next:after,
.main_slide .swiper-button-prev:after {
    font-size: clamp(1rem, 1.2vw, 2rem);
}

.main_slide .swiper-pagination {
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    bottom: 100px;
	padding:0 50px;
	box-sizing:border-box;
}

.main_slide .swiper-pagination-bullet {
    background-color: #ffffffa1; padding:.2rem;
}

.main_slide .swiper-pagination-bullet-active {
    background-color: var(--primary);
    border-radius: 10px;
    width: clamp(2rem, 3vw, 4rem);
}





@media (max-width:1023px) {
    .main_slide .swiper-slide {
        padding-top: 0;
    }
	.main_slide .swiper-pagination {display:none;}
}

@media(max-width:767px) {
    .main_slide .swiper-slide {
        height: 50vh;
    }

    .main_slide .swiper-slide .cap {
		top:calc(50% - 30px);
		bottom:auto;
        width: 100%;
		z-index:999;
		text-align:center;
    }

    .main_slide .swiper-button-prev,
    .main_slide .swiper-rtl .swiper-button-next {
        left: 0;
    }

    .main_slide .swiper-button-next,
    .main_slide .swiper-rtl .swiper-button-prev {
        right: 0
    }


.main_slide .swiper-slide .cap .split .line {display:inline !important;}

    .main_slide .swiper-slide .cap .first {
        display: block;
        font-size: 18px;
    }

    .main_slide .swiper-slide .cap .char {
        display: block;
visibility:visible !important;
opacity:1 !important;
    }

    .main_slide .swiper-slide .cap .exp {
        display: none ;
    }

    .main_slide .swiper-slide .cap .txt {
        font-size: 25px;
    }

}

/*     1891475 : HTML 편집기      */
.html__1891475__ {
	padding:clamp(2rem, 5vw, 5rem) 0;
	background:linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(17, 24, 76, 1) 10%);
}

#sec01_v2 ul {
    list-style: none;
}

#sec01_v2 * {
    box-sizing: border-box;
    word-break: keep-all;
}

#sec01_v2 .inner {
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto;
}

#sec01_v2 {
    position: relative;
    height: 80vh;
    padding: clamp(3rem, 5vw, 6rem) 0;
    font-size: 16px;
    color: #777;
    line-height: 1.8;
    letter-spacing: -.3px;
    font-family: var(--pre);
}

#sec01_v2:before {
    content: "SINHAN";
    position: absolute;
    right: 0;
    top: 10%;
    font-size: clamp(2rem,10vw,20rem);
    font-weight: bold;
    font-family: var(--pre);
   color: #1c2250;
    z-index: -1;
}

#sec01_v2 .c_btn_wrap {
    margin: clamp(2rem, 2vw, 4rem) 0 5rem 0;
    display: flex;
    justify-content: flex-end;
}

#sec01_v2 .c_btn_wrap .c_btn {
    display: flex;
    font-size: clamp(.8rem, 1vw, 1rem);;
    padding: .8rem 2rem;
	background:#fff;
    color: var(--primary);
    font-weight: 500;
    border-radius: 5px;
    color: var(--primary);
    transition: all .2s;
	font-size:var(--cont);
}

#sec01_v2 .c_btn_wrap .c_btn:hover{
	background: var(--secondary);
	color:#fff;
    box-shadow: 1px 1px 10px rgb(30 74 200 / 7%);
}


#sec01_v2 .img_slide_wrap {
    padding-bottom: 0; margin-top:clamp(3rem, 5vw, 5rem);
}

#sec01_v2 ul {
    display: flex;
    flex-wrap: nowrap;
    padding-left: calc((100% - var(--max-width)) / 2)
}

#sec01_v2 ul li {
    height: 45vh;
    transition: all 1.2s;
    z-index: 2;
}

#sec01_v2 ul li+li {
    margin-left: 50px;
}

#sec01_v2 ul li a {
    position: relative;
    width: 520px;
    height: 350px;
	padding:2rem;
    border-radius: 3rem;
    overflow: hidden;
	box-sizing:border-box;
	background:#fff;
}

#sec01_v2 ul li a img {
    border-radius: 2rem;
    background-clip: padding-box;
}

#sec01_v2 .inner .tit_area * {
    font-family: var(--pre);
}

#sec01_v2 .inner .tit_area{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#sec01_v2 .inner .tit_area .subj h3 {
    font-size: var(--title);
    color: #fff;
    margin: 0 0 .5rem 0;
}

#sec01_v2 .inner .tit_area .subj h3 .eng {
    font-style: normal;
    font-size: clamp(.8rem, .8vw, 1.2rem);
    color: #fff;
	font-weight:bold;
    text-transform: uppercase;
}

#sec01_v2 .inner .tit_area .subj span {
    display: block;
    color: #ffffff7a;
    font-size: var(--cont);
}


/* 호버 pc에서만  */
@media (min-width:1200px) {
    #sec01_v2 ul li:hover {
        transform: translate(-10px, -10px)
    }

    #sec01_v2 ul li:nth-child(even) {
        margin-top: 3rem;
    }
}


#sec01_v2 ul li a {
    display: block;
    position: relative;
    transition: all .3s;
    overflow: hidden;
}


#sec01_v2 ul li .txt {
    z-index: 2;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: #11184c;
    width: 100%;
    word-break: keep-all;
    padding: 2rem 1rem;
}
#sec01_v2 ul li .txt p {
    display: inline-flex;
    position: relative;
    font-family: var(--pre);
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 700;
    margin-top: 0;
    line-height: 1em;
}

#sec01_v2 ul li .txt p:before {
    content: "";
    position: absolute;
    right: -.6rem;
    top: -0.2rem;
    width: 8px;
    height: 8px;
    background: var(--orange);
    border-radius: 50%;
}

#sec01_v2 ul li .txt div {
    white-space: pre-line;
    font-family: var(--pre);
    font-size: clamp(.7rem, 1vw, 1.1rem);
    line-height: 1.2;
    color: #8d8d8d;
}

#sec01_v2 ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover
}




@media (max-width: 1650px) {
	.main_slide .scroll_obj {right:1rem;}
}

@media (max-width: 1500px) {
    #sec01_v2 .tit_area {
        padding: 0 15px;
    }

    #sec01_v2 .tit_area .tit {
        font-size: 55px
    }

    #sec01_v2 .tit_area .conts_wrap .exp_tit {
        font-size: 24px
    }

    #sec01_v2 .tit_area .txt {
        font-size: 18px;
    }


    #sec01_v2 ul li+li {
        margin-left: 35px;
    }

}

@media (max-width:1200px) {
    #sec01_v2 {
        height: fit-content;
        padding-bottom: 100px;
    }

    #sec01_v2 .tit_area {
        margin-bottom: 70px;
    }

    #sec01_v2 .tit_area .tit {
        font-size: 50px;
    }

    #sec01_v2 .tit_area .conts_wrap .exp_tit {
        font-size: 22px;
    }

    #sec01_v2 .tit_area .txt {
        font-size: 16px
    }

    /* 이미지 슬라이드 */
    #sec01_v2 ul {
        flex-wrap: wrap;
        padding: 0 15px;
        justify-content: space-between;
    }

    #sec01_v2 ul li {
        width: calc(50% - 10px);
    }


    #sec01_v2 ul li+li {
        margin: unset;
        margin-bottom: 20px;
    }

    #sec01_v2 ul li .txt {
        padding: 10px 0 30px 35px;
    }

    #sec01_v2 ul li .txt p {
        font-size: 24px;
        line-height: 1em;
    }

    /* 배경 */
    #sec01_v2 .bg {
        z-index: 0
    }

    #sec01_v2 .bg .box {
        display: none;
    }

    #sec01_v2 ul li a {
        width: auto;
    }
}

@media (max-width:1023px) {
    #sec01_v2 .tit_area {
        margin-bottom: 40px;
    }

    #sec01_v2 .tit_area .tit {
        font-size: 30px;
    }

    #sec01_v2 .tit_area .conts_wrap {
        flex-wrap: wrap;
        margin: 1.6em 0;
        padding: 0 1em;
    }

    #sec01_v2 .tit_area .conts_wrap>div {
        width: 100%
    }

    #sec01_v2 .tit_area .conts_wrap .exp_tit {
        font-size: 20px;
        margin: 0 0 .5em 0;
        word-break: keep-all;
    }

    #sec01_v2 .btn_wrap {
        margin: 1em 0 0;
        text-align: right;
    }

    #sec01_v2 .btn_wrap a {
        display: inline-block;
    }

    /* 이미지 슬라이드 */
    #sec01_v2 ul {
        flex-wrap: wrap;
        padding: 0 15px;
        justify-content: space-between;
    }

    #sec01_v2 ul li {
        width: 100%;
        transition: 1.2s;
    }

    #sec01_v2 ul li:not(:last-child) {
        margin: 0 0 1em 0;
    }

    #sec01_v2 ul li a {
        width: 100%;
        height: 230px;
        border-radius: 20px;
    }

    #sec01_v2 ul li .txt {
        word-break: keep-all;
        line-height: 1.3em;
    }

    #sec01_v2 ul li .txt p {
        font-size: 14px;
    }

    #sec01_v2 ul li {
        width: 49%;
    }

    #sec01_v2:before {
        font-size: 70px;
        top: 0;
        right: 0;
        word-break: keep-all;
        text-align: right;
        line-height: 1.2em;
    }

    #sec01_v2 ul li {
        height: auto;
    }
}


@media (max-width:767px) {
	.html__1891475__,
    #sec01_v2 {
        padding-bottom: 0;
    }

    #sec01_v2 .c_btn_wrap {
        margin-bottom: 0;
    }

    #sec01_v2 ul {
        padding: 0 .5rem; gap:.5rem;
    }

    #sec01_v2 ul li .txt div {
        display: none;
    }

    #sec01_v2 ul li a {
        height: 100px; padding:.5rem;
    }

    .sec3 .flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .sec3 .flex .subj {
        width: 100%;
    }

    #sec01_v2:before {
        font-size:30px;
    }

    #sec01_v2 ul li .txt:before,
    #sec01_v2 ul li .txt:after {
        display: none;
    }

    #sec01_v2 ul li .txt {
        position: relative;
        padding: 0;
    }

	#sec01_v2 .inner .tit_area{
		    flex-direction: column;
        justify-content: space-between;
        align-items: center;
	}	

	#sec01_v2 .c_btn_wrap {
		width:100%;
	}

	#sec01_v2 ul li .txt p{
		height:40px;word-break: break-word;
	}
	#sec01_v2 ul li{
		width:calc(33.33% - .5rem);
	}

	#sec01_v2 ul {
    	justify-content: flex-start;
	}
	
	#sec01_v2 .inner .tit_area .subj span br {display:none;}
}

/*     1891495 : HTML 편집기      */
.main_prod {
	padding:clamp(3rem, 10vw, 10rem) 0;
}

.main_prod * {
	word-break:keep-all;
}

.main_prod .inner {
	max-width:var(--max-width);	
	width:100%;
	margin:0 auto;
}

.main_prod .tit_wp {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 3%;
}

.main_prod .tit_wp * {
	font-family:var(--pre);
}

.main_prod .tit_wp .eng {
    font-style: normal;
    font-size: clamp(.8rem, .8vw, 1.2rem);
    color: #fff;
    text-transform: uppercase;
	font-weight:bold;
	z-index:2;
}

.main_prod .tit_wp h2 {
	margin-top:30px;
    color: #fff;
    line-height: 1em;
	font-size:var(--title); 
	z-index:2;
	text-align:center;
	margin-bottom:2rem;
}

.main_prod .tit_wp p {
    color: #ffffff7a;
	text-align:center;
	font-size:var(--cont);
    margin: 0;
	margin-bottom:clamp(2rem, 3vw, 3rem);
    line-height: 1.6em;
}

.main_prod .line {
    margin: 0;
}

.main_prod .prod_wp ul {
    margin: clamp(2rem, 4vw, 4rem) 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
gap:1rem;

}

.main_prod .prod_wp ul li {
    width: calc(33.333% - clamp(1rem, 1vw, 1rem));
    border: 1px solid #efefef;
    border-radius: 30px;
	height:100%; background:#fff;
    overflow: hidden;
}


.main_prod .prod_wp ul li a {
    display: block;
    width: 100%;
    background: #fff;
    box-shadow: 20px 40px 40px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    position: relative;
	height:620px;
    padding: clamp(2rem, 20vw, 20rem) clamp(1rem, 1.5vw, 2rem) clamp(2rem, 4vw, 4em) clamp(1rem, 1.5vw, 2rem) ;
	box-sizing:border-box;
    position: relative;
    z-index: 0;
}

.main_prod .prod_wp ul li .vm {
	display: inline-block;
    float: right;
    font-size: clamp(.8rem, 1vw, 1rem);
    padding: .8rem 2rem;
    color: #959595;
    border: 1px solid #2e31926b;
    color: var(--primary);
    font-weight: 500;
    border-radius: 5px;
	margin-top:1rem;
    color: var(--primary);
    transition: all .2s;
}

.main_prod .prod_wp ul li .vm:hover {background:#2e319214;box-shadow:1px 1px 10px rgb(30 74 200 / 7%);}

.main_prod .prod_wp ul li a h3 {
    font-size: clamp(1.3rem, 2vw, 2rem);
	margin:1rem 0 2rem;
	text-align:center;
}

.main_prod .prod_wp ul li a .en {
	color:var(--primary); font-weight:600;
}

.main_prod .prod_wp ul li a p {
    text-align: center;
    line-height: 1.5em;
    margin-top: 0;
    font-size: clamp(1rem, 1.03vw, 1.03rem);
}

.main_prod .prod_wp ul li a img {
    position: absolute;
    left: 0;
    top: 0;
 	z-index:-1;
}



@media (max-width:1023px) {
        .main_prod {height:unset; padding: clamp(2rem, 8vw, 8rem) 0;}
        .main_prod .inner {padding-top: 0;}

        .main_prod .tit_wp {flex-direction: column;}
        .main_prod .tit_wp p {text-align: center; margin-top: clamp(1rem, 2.3vw, 2.3rem);}
		.main_prod .tit_wp p br {display:none;}

        .main_prod .prod_wp {width: 65%; margin: 0 auto;}
        .main_prod .prod_wp ul { flex-direction: column;}
        .main_prod .prod_wp ul li {width: 100%; margin-bottom: clamp(1rem, 1vw, 1rem);}
        .main_prod .prod_wp ul li a img {width: 300px;bottom: auto;left: 50%;transform: translateX(-50%);top: 0; }
}


@media (max-width:767px) {
    .main_prod .prod_wp {width: 100%; }
	.main_prod .prod_wp ul {padding:0 15px;}
   .main_prod .prod_wp ul li a {height: unset; padding:2rem; align-items: flex-start;}
	.main_prod .prod_wp ul li a h3{margin-bottom:10px;}
	.main_prod .prod_wp ul li a p {display:none;}
    .main_prod .prod_wp ul li:last-child a img {transform: unset; object-position: 100% 0%;bottom: -78px;}
	.main_prod .prod_wp ul li a img{width: 300px;object-position: 100% 0%;left: auto;right: -80px;transform: unset;bottom: -30px;top: auto;}
	.main_prod .prod_wp ul li .vm {background:#fff;}
}


/*     1891505 : 블록 설정(PC 출력 설정)      */
.block_option__1891505__ {display:table;width:100%}
.block_option__1891505__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__1891505__ {}
}


@media (min-width:1024px){
	.row__1891505__ {background-repeat: no-repeat !important; background-position:center bottom !important; backround-size:cover !Imporant;}
}

/*     1891525 : HTML 편집기      */
.html__1891525__ * {
	line-height: 1.4em;
	word-break: keep-all;
}


.banner_wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.banner_section {
	position: relative;
	height: 100vh;
}

.banner_section:before,
.banner_section:after {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	background: #000;
	transition: 1.5s 0.3s;

}

@font-face {
	font-family: 'Ownglyph_wiseelist-Rg';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2501-1@1.1/Ownglyph_wiseelist-Rg.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

.banner_section #tit {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	font-size: var(--s_title);
	font-weight: 600;
	z-index: 2;
	font-family: var(--pre);
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}


.banner_section #tit .left {
	line-height: 1.4;
	color: rgba(255,255,255,.5);
	font-weight: 500;
	font-size: clamp(1.1rem, 2.5vw, 3rem);
}

.banner_section #tit .left .pt{
	color: #fff;
}

.banner_section #tit .right {
	font-size:clamp(1.2rem, 3vw, 5rem) !important;
	margin-top: 1.5rem;
}

.banner_section .imgbox {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 100vh;
	z-index: 0;
	overflow: hidden;
}

.banner_section .imgbox img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.banner_wrap .imgbox .overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #11184c;
    opacity: .8; 
    pointer-events: none;
}


.banner_section h3 {
	position: relative;
	font-family: var(--eng);
	font-size: 100px;
	color: #000;
}


@media (max-width: 1439px) {

}


@media (max-width: 1023px) {
	.banner_section {
		height: auto;
	}

	.banner_section .imgbox {
	        width: 100%;
        height: 100%;
        position: relative;
        transform: unset;
        left: auto;
        top: auto;
	}

	.banner_section #tit {
		position: absolute;
		width: 100%;
	}

}

@media (max-width: 767px) {
	.banner_section {
		display: flex;
		flex-direction: column;
	}

	.banner_section .left,
	.banner_section .right {
		width: 100%;
	}

	.banner_section .left .room_slide {
		height: 300px;
	}

	.banner_section .right .info_item li {
		width: 50%;
		padding: 2rem 2rem 5rem 2rem;
	}
	.banner_wrap .imgbox .overlay{
		    opacity: .4;
	}

	.banner_section #tit .left br {
		display:none;
	}


}

/*     1891565 : HTML 편집기      */
.html__1891565__ .pt {
    color: var(--orange) !important;
}

.html__1891565__ * {
    word-break: keep-all;
    line-height: 1.4;
}

.html__1891565__ .max_inner {
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

@media (max-width: 1630px) {
    .html__1891565__ .max_inner {
        padding: 0 1rem;
    }
}

.html__1891565__ .title h3 {
    margin: 0;
    font-size: clamp(1.2rem, 3.5vw, 3.5rem);
    color: #000;
	line-height:1.2;
	margin-bottom:2rem;
}

.html__1891565__ .title p {
    font-family: var(--pre);
    font-size: clamp(.9rem, 1vw, 1.2rem);
    text-align: left;
}

.html__1891565__ .title .eng {
    font-family: var(--font1);
    font-size: clamp(1rem, 1.1vw, 1.1rem);
    font-weight: 800;
    color: var(--orange);
}

.html__1891565__ .title .more {
    display: inline-block;
	margin-top:3rem;
    font-family: var(--pre);
    font-size: clamp(.8rem, 1vw, 1rem);
    padding: .8rem 2rem;
    color: #959595;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
    background: #10c257;
	color:#fff;
    transition: all .2s; 
}

.html__1891565__ .title .more:hover{
	background:#139c4a;
}

.sec_intro .card_spread {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    text-align: center;
    background: url(/img_up/shop_pds/ehompy0242/design/2025/main_card_bg-.jpg)no-repeat;
    background-size: cover;
    background-position: center;
}

.sec_intro .scroll_box {
    position: absolute;
    left: 50%;
    bottom: 30px;
    color: #000;
    transform: translateX(-50%);
    font-family: var(--pre);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sec_intro .scroll_box .scroll {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 6px;
}

.sec_intro .scroll_box .scroll span {
    width: 100%;
    height: 6px;
    margin-bottom: .8rem;
    background: #dfdfdf;
    border-radius: 50%;
    animation: dotPulse 1.5s infinite ease-in-out;
}


.sec_intro .scroll_box .scroll span:nth-child(1) {
    animation-delay: 0s;
}

.sec_intro .scroll_box .scroll span:nth-child(2) {
    animation-delay: 0.3s;
}

.sec_intro .scroll_box .scroll span:nth-child(3) {
    animation-delay: 0.6s;
}


.sec_intro .scroll_box .txt {
    color: #dfdfdf;
    font-weight: 600;
}

@keyframes dotPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.6);
        opacity: 1;
    }
}


.sec_intro .card_background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: visible;
}

.sec_intro .card_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 0;
}

.sec_intro .card {
    position: absolute;
    width: 300px;
    height: 250px;
    background: #f4f4f4;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    overflow: hidden;
}

.sec_intro .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec_intro .center_text_wrap {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    pointer-events: none;
}

.sec_intro .center_text {
    font-size: clamp(1.4rem, 3vw, 4rem);
    font-weight: bold;
    color: #333;
    position: absolute;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s ease;
    font-family: var(--font1);
    font-weight: 800;
    line-height: 1;
}

.sec_intro .center_text_1 {
    z-index: 1;
}

.sec_intro .center_text_2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 3;
}

@media (max-width: 1439px) {
    .sec_intro .card {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 1023px) {
    .sec_intro {
        display: none;
    }
}

@media (max-width:767px){
	.html__1891565__ .title h3 {margin-bottom:0;}
	.html__1891565__ .title p {display:none;}
	.html__1891565__ .title .more{margin-top:1rem;}
}

/* greeting */
.sec00 {
    position: relative;
    padding: clamp(2rem, 7vw, 7rem) 0;
}

.sec00 .greet_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3rem;
}

.sec00 .greet_wrap .greet_img {
    width: 40%;
    height: 700px;
    text-align: center;
    border-radius: 30px;
    overflow: hidden;
}

.sec00 .greet_wrap .greet_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec00 .greet_wrap .greet_cont {
    width: 60%;
}

.sec00 .greet_wrap .greet_cont .eng {
    display: block;
    font-family: var(--font1);
    font-size: var(--cont);
    margin-bottom: 1rem;
    font-weight: bold;
    color: var(--orange);
}

.sec00 .greet_wrap .greet_cont strong {
    display: block;
    margin-bottom: clamp(1rem, 4vw, 4rem);
    font-family: var(--font1);
    font-size: var(--title);
    color: #111;
}

.sec00 .greet_wrap .greet_cont .cont * {
    font-family: var(--pre);
    font-size: var(--cont);
}

.sec00 .greet_wrap .greet_cont .cont .pre {
    display: block;
    margin-bottom: 1rem;
    line-height: 1.5em;
}


.sec00:before {
    content: "";
    position: absolute;
    right: 9rem;
    top: 7rem;
    background: url(/img_up/shop_pds/ehompy0242/design/2025/main_about_obj-.png) no-repeat;
    width: 300px;
    height: 300px;
    background-size: contain;
}

@media (max-width: 1439px){
    .sec00:before {right: 1rem;width: 12em;}
}

@media (max-width: 1023px){
    .sec00 .greet_wrap {flex-direction: column;}
    .sec00 .greet_wrap .greet_img,
    .sec00 .greet_wrap .greet_cont{width: 100%;}
    .sec00 .greet_wrap .greet_img{height:400px; }
    .sec00 .greet_wrap .greet_img img {object-fit: contain;}
    .sec00:before{bottom: 0; top: auto;}
}
@media (max-width: 767px){
    .sec00 .greet_wrap .greet_img{height:300px; }
    .sec00 .greet_wrap .greet_img img {object-fit: cover; object-position: top;}
    .sec00:before{width: 7rem; bottom: 6rem;}

}

/* section01  */
.sec01 .pin-spacer { width: 40% !important; max-width: inherit; }

.sec01 {
    margin: 0 auto;
    padding-bottom: 0;
}

.sec01 .sec01_inner {
    display: flex;
    flex-direction: row;
    padding-bottom:0;
    justify-content: space-between;
}

.sec01 .sec01_inner .title {
    width: 40%;
    padding: clamp(2rem, 10vw, 10rem) clamp(0rem, 5vw, 5rem) clamp(0rem, 10vw, 10rem) 0;
    box-sizing: border-box;
}

.sec01 .sec01_inner .sec01_item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(60% - 5rem);
    margin-top: clamp(1rem, 8vw, 8rem);
}

.sec01 .sec01_inner .sec01_item .item {
    position: absolute;
    width: calc(50% - 1rem);
    box-sizing: border-box;
    transform: translateY(50px);
    border-radius: 30px;
    overflow: hidden;
}

.sec01 .sec01_item .item:nth-child(odd) {
    left: 0;
}

.sec01 .sec01_item .item:nth-child(even) {
    right: 0;
}

.sec01 .sec01_item .item:nth-child(1) {
    top: 0;
}

.sec01 .sec01_item .item:nth-child(2) {
    top: calc(250px + 2%);
}

.sec01 .sec01_item .item:nth-child(3) {
    top: calc(500px + 4%);
}

.sec01 .sec01_item .item:nth-child(4) {
    top: calc(750px + 6%);
}


.sec01 .sec01_item .item .imgbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
    height: 500px;
    border-radius: 30px;
    overflow: hidden;
    padding: clamp(4rem, 5vw, 5rem) clamp(1rem, 2vw, 2rem) clamp(1rem, 2vw, 2rem) clamp(1rem, 2vw, 2rem);
    box-sizing: border-box;
    color: #fff;
}

.sec01 .sec01_item .item01 {
    background: url(/img_up/shop_pds/ehompy0671/build/option/main_esg_img11755670147.jpg)no-repeat;
    background-size: cover;
}

.sec01 .sec01_item .item02 {
    background:url(/img_up/shop_pds/ehompy0671/build/option/main_esg_img21755670147.jpg)no-repeat;
    background-size: cover;
}

.sec01 .sec01_item .item03 {
    background: url(/img_up/shop_pds/ehompy0671/build/option/main_esg_img31755670147.jpg)no-repeat;
    background-size: cover;
}

.sec01 .sec01_item .item04 {
    background: url(/img_up/shop_pds/ehompy0671/build/option/main_esg_img41755670147.jpg)no-repeat;
    background-size: cover;
}

.sec01 .sec01_item .item05 {
    background: url(/img_up/shop_pds/ehompy0671/build/option/main_esg_img51755670450.jpg)no-repeat;
    background-size: cover;
}

.sec01 .sec01_item .item .imgbox .item_tit {
    font-size: var(--s_title);
    margin-bottom: 0;
}

.sec01 .sec01_item .item .imgbox .cont {
    font-size: var(--s_cont);
    opacity: .6;
}




@media (max-width: 1023px) {
    .sec01 .sec01_inner {
        flex-direction: column;
    }
    .sec01 .sec01_inner .title{
        width: 100%;
    }
    .sec01 .sec01_inner .sec01_item{
        flex-wrap: wrap;
        width: 100%;
        flex-direction: row;
        gap: 1rem;
    }
    .sec01 .sec01_inner .sec01_item .item{
        position: relative;
        background-position: center;
    }
    .sec01 .sec01_item .item .imgbox{
        position: relative;
        height: auto;
        z-index: 2;
    }
    .sec01 .sec01_item .item:before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.1);
    }

    .sec01 .title h3 br {
        display: none;
    }
}

@media (max-width: 767px){
    .sec01 .sec01_item .item .imgbox .cont{
        display: none;
    }
    .sec01 .sec01_inner .sec01_item .item{}
	.sec01 .sec01_inner .sec01_item{margin-top:0;}
}


/* section2 */
.sec2_bg {
    position: relative;
}

.sec2_bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10rem;
    width: 100%;
    height: 75%;
    background: url(/img_up/shop_pds/ehompy0242/design/2025/main_couns_bg-.jpg)no-repeat;
    background-size: cover;
    background-position: center bottom;
    z-index: 0;
    opacity: .35;
}


.sec02 {
    position: relative;
    margin-bottom: clamp(2rem, 10vh, 10rem);
}

.sec02 .title {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sec02 .title p {text-align: center;}


.sec02 .title strong {}

.sec02 .couns_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 30px;
    background: #fff;
    box-shadow: 10px 10px 19px rgba(0, 0, 0, 0.03);
    padding: clamp(1rem, 3vw, 3rem) clamp(1rem, 3vw, 3rem);
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    justify-content: center;
}

.sec02 .couns_wrap:before {
    width: 20em;
    top: -63px;
    content: "";
    position: absolute;
    left: 50%;
    height: 162px;
    background: url(/img_up/shop_pds/ehompy0242/design/2025/sec02_obj.png)no-repeat;
    background-size: contain;
    transform: translateX(-50%);
}


.sec02 form {
    width: 100%;
}

.myreg_form__1511815__ {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1000px;
    padding-left: 0;
}

.myreg_form__1511815__ * {
    font-family: var(--pre);
}

.myreg_form__1511815__ ul {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    gap: clamp(.5rem, 1vw, 1rem);
    justify-content: center;
}

.myreg_form__1511815__ ul li {
    padding: 0;
    list-style-type: none;
    width: 100%;
}

.myreg_form__1511815__ ul li:first-child {
    margin-top: 0
}

.myreg_form__1511815__ ul li dl {
    margin: 0;
    padding: 0
}

.myreg_form__1511815__ ul li dl dt {
    margin: 0 0 10px;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    color: #111;
    line-height: 1.3em;
    display: none;
}

.myreg_form__1511815__ ul li:last-child dl dt {
    display: flex;
}

.myreg_form__1511815__ ul li:last-child dl {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.myreg_form__1511815__ ul li dl dd {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #111;
    line-height: 1.3em;
    width: 100%;
}

.myreg_form__1511815__ ul li dl dd input[type=text],
.myreg_form__1511815__ ul li dl dd input[type=number],
.myreg_form__1511815__ ul li dl dd input[type=password],
.myreg_form__1511815__ .captcha_input input {
    box-sizing: border-box;
    padding: 1rem;
    border: none;
    background: #f1f1f1;
    color: #111;
    width: 100%;
    font-family: var(--pre);
}

.myreg_form__1511815__ input::placeholder {
    font-family: var(--pre);
    color: #111;
}

.myreg_form__1511815__ ul li dl dd select {
    height: auto;
    border: none;
    width: 100%;
    padding: 1rem;
    border: none;
    background: #f1f1f1;
    color: #111;
}

.myreg_form__1511815__ ul li dl dd select option {
    color: #000 !important;
}

.myreg_form__1511815__ ul li dl dd select * {
    color: #111;
}

.myreg_form__1511815__ ul li dl dd textarea {
    box-sizing: border-box;
    padding: 8px;
    border: none
}

.myreg_form__1511815__ ul li dl dd .myreg_cmt {
    display: block;
    margin-top: 5px;
    font-size: 12px
}


.myreg_form__1511815__ .form_btns {
    display: flex;
    justify-content: flex-end;
}

.myreg_form__1511815__ .form_btns button {
    border: none;
    padding: 1rem 3rem;
    font-size: var(--s_cont);
    font-family: var(--pre);
    font-weight: 600;
    color: #fff;
    background: var(--blue);
    border-radius: 10px;
    margin-top: .5rem;
}

.myreg_form__1511815__ ul li dl dt i {
    font-style: unset;
}

.privacy__1511845__ {
    position: relative;
    margin-top: 10px;
}

.privacy__1511845__ .argree_text {
    margin: 0;
    padding: 0;
    text-align: right;
}

.privacy__1511845__ .argree_text input[type='checkbox'] {
    margin: 0 3px 0 0;
}

.privacy__1511845__ .argree_text label {
    font-size: 14px;
    color: #888;
    line-height: 20px;
    letter-spacing: -.03em;
    cursor: pointer;
}

.privacy__1511845__ .argree_text .btn_privacy_view {
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    background: none;
    font-size: 14px;
    font-weight: bold;
    color: #111;
    line-height: 20px;
    letter-spacing: -.03em;
}

.privacy__1511845__ .form_privacy_layer {
    box-sizing: border-box;
    display: none;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 280px;
    border: 1px solid #333;
    background: #fff;
}

.privacy__1511845__ .form_privacy_layer.on {
    display: block;
}

.privacy__1511845__ .form_privacy_layer>dl {
    margin: 0;
    padding: 0;
}

.privacy__1511845__ .form_privacy_layer>dl>dt {
    position: relative;
    margin: 0;
    padding: 10px 15px;
    background: #e5e5e5;
    font-size: 14px;
    font-weight: bold;
    color: #101010;
    line-height: 18px;
    letter-spacing: -.03em;
}

.privacy__1511845__ .form_privacy_layer>dl>dt .btn_layer_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font-size: 0;
}

.privacy__1511845__ .form_privacy_layer>dl>dt .btn_layer_close:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 1px;
    margin: auto;
    background: #101010;
    transform: rotate(-45deg);
}

.privacy__1511845__ .form_privacy_layer>dl>dt .btn_layer_close:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 1px;
    margin: auto;
    background: #101010;
    transform: rotate(45deg);
}

.privacy__1511845__ .form_privacy_layer>dl>dd {
    overflow-y: auto;
    max-height: 150px;
    margin: 0;
    padding: 10px 15px;
    font-size: 13px;
    color: #111;
    line-height: 17px;
    letter-spacing: -.03em;
}

.privacy__1511845__ .form_privacy_layer>dl p {
    margin: 0;
    padding: 0;
}



.myreg_form__1511815__ .btn_submit {
    margin-top: 10px;
    text-align: right;
}

.myreg_form__1511815__ .btn_submit button {
    min-width: 130px;
    height: auto;
    padding: 1rem;
    border: none;
    border-radius: 3px;
    background: #38aed3;
    font-size: clamp(1rem, 1.1vw, 1.1rem);
    font-weight: bold;
    color: #fff;
    font-family: var(--pre);
}

.myreg_form__1511815__ .captcha_img_code {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.myreg_form__1511815__ .captcha_str {
    float: left;
    width: 70px;
    margin: 0;
    line-height: 28px;
}

.myreg_form__1511815__ .captcha_str img {
    vertical-align: middle;
}


@media all and (min-width:1024px) {

    .privacy__1511845__ {
        margin-top: 15px;
    }

    .privacy__1511845__ .argree_text label {
        font-size: 16px;
        line-height: 22px;
    }

    .privacy__1511845__ .argree_text .btn_privacy_view {
        font-size: 16px;
        line-height: 22px;
    }

    .privacy__1511845__ .form_privacy_layer {
        width: 550px;
    }

    .privacy__1511845__ .form_privacy_layer>dl>dt {
        padding: 15px 20px;
        font-size: 15px;
        line-height: 20px;
    }

    .privacy__1511845__ .form_privacy_layer>dl>dt .btn_layer_close {
        width: 50px;
        height: 50px;
    }

    .privacy__1511845__ .form_privacy_layer>dl>dt .btn_layer_close:before {
        width: 20px;
    }

    .privacy__1511845__ .form_privacy_layer>dl>dt .btn_layer_close:after {
        width: 20px;
    }

    .privacy__1511845__ .form_privacy_layer>dl>dd {
        max-height: 200px;
        padding: 15px 20px;
        font-size: 14px;
        line-height: 18px;
    }
    .sec02 .couns_wrap{
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
    .myreg_form__1511815__ {
        padding-left: 5rem;
    }
    .sec02 .title {
        align-items: flex-start;
    }
}

@media (min-width:768px) {

    .sec02 .title p {text-align: left;}

    .myreg_form__1511815__ ul li{
        width: calc(50% - 1rem);
    }


    .myreg_form__1511815__ ul li dl:after {
        content: '';
        display: block;
        clear: both
    }

    .myreg_form__1511815__ ul li dl dt {
        float: left;
        width: 90px;
        margin: 0;
        line-height: 28px
    }

    .myreg_form__1511815__ ul li dl dd {
        overflow: hidden;
        font-size: 14px;
        line-height: 28px
    }

    .sec02 .couns_wrap:before{
         top: -128px;
        width: 633px;
    }
}



.sec03 * {
    line-height: 1.4em
}

.sec03.com_section * {
    word-break: keep-all;
    box-sizing: border-box;
    color: #000;
}

.sec03.com_section {
    position: relative;
    padding: 0 0 clamp(2rem, 6vw, 7rem) 0;
}

.sec03.com_section .title {}

.sec03.com_section .title .eng {
    display: block;
    font-size: clamp(1rem, 1.1vw, 1.1rem);
    font-weight: 800;
    color: var(--orange);
    font-family: var(--font1);
    text-transform: uppercase;
    margin-bottom: 2rem;
}


.sec03.com_section .title .t_cont {
    font-family: var(--pre);
    font-size: var(--s_cont);
    color: #000;
    line-height: 1.4em;
    margin-top: 0;

}

.sec03.com_section .item_wrap {
    display: flex;
    flex-direction: row;
    margin-top: clamp(2rem, 5vw, 5rem);
    justify-content: space-between;
    gap: 1rem;
}

.sec03.com_section .item_wrap .item:hover {
    cursor: pointer;
}

.sec03.com_section .item_wrap .item {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    flex: 1;
    min-height: 430px;
    border-radius: 10px;
    background: #ddd;
    padding: clamp(1rem, 2vw, 2rem) clamp(1rem, 2vw, 2rem) clamp(1rem, 2.5vw, 3rem) clamp(1rem, 2vw, 2rem);
    overflow: hidden;
}

.sec03.com_section .item_wrap .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #38aed3;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.sec03.com_section .item_wrap .item.item01 {
    background: url(/img_up/shop_pds/ehompy0242/design/2025/main_sec1_img01-.jpg)no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.sec03.com_section .item_wrap .item.item02 {
    background: url(/img_up/shop_pds/ehompy0242/design/2025/main_sec1_img02-.jpg)no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.sec03.com_section .item_wrap .item.item03 {
    background: url(/img_up/shop_pds/ehompy0242/design/2025/main_sec1_img03-.jpg)no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.sec03.com_section .item_wrap .item.item04 {
    background: url(/img_up/shop_pds/ehompy0242/design/2025/main_sec1_img04-.jpg)no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.sec03.com_section .item_wrap .item.item05 {
    background: url(/img_up/shop_pds/ehompy0242/design/2025/main_sec1_img05-.jpg)no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.sec03.com_section .item_wrap .item .eng {
    margin-bottom: 1rem;
    font-family: var(--eng);
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    opacity: .6;
}

.sec03.com_section .item_wrap .item .item_tit {
    font-family: var(--font1);
    font-size: clamp(1rem, 1.5vw, 2rem);
    color: #fff;
}


.sec03.com_section .item_wrap .item .cont {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: -100px;
}

.sec03.com_section .item_wrap .item .cont p {
    font-family: var(--pre);
    font-size: clamp(.8rem, 1vw, 1rem);
    color: #fff;
    margin-bottom: 0;
}

.sec03.com_section .item_wrap .item .eng,
.sec03.com_section .item_wrap .item .item_tit {
    transition: all 0.3s ease-in-out;
    transform: translateY(0);
}

.sec03.com_section .item_wrap .item:hover .eng,
.sec03.com_section .item_wrap .item:hover .item_tit {
    transform: translateY(-30px);
}

.sec03.com_section .item_wrap .item:hover:before {
    opacity: .8;
}

.sec03.com_section .item_wrap .item:hover .cont {
    opacity: 1;
    bottom: 1rem;
}

@media (max-width: 1023px){
    .sec03.com_section .item_wrap{
        flex-wrap: wrap;
    }
   .sec03.com_section .item_wrap .item{
        flex: 1 0 calc(50% - .5rem);
        min-height: 200px;
        background-position: center !important;
   }
}

/*     1891615 : 슬라이드 배너 - CSS3 (반응형)      */
.pm-banner_slide_css3__1891615__ {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    white-space: nowrap
}

.pm-banner_slide_css3__1891615__ a {
    display: block
}

.pm-banner_slide_css3__1891615__ img {
    width: 100%;
    height: 90px;
    object-fit: contain;
    background: #fff;
}

.pm-banner_slide_css3__1891615__ a img {
    vertical-align: bottom;
}

.pm-banner_slide_css3__1891615__ .box {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    list-style: none
}


.main_fwbn {
    padding: clamp(1rem, 2vw, 2rem) 0;
}

.main_fwbn .tit_wp {
    text-align: center;
}

.main_fwbn .tit_wp h2 {
    font-size: clamp(1.4rem, 2.4vw, 2.4rem);
    margin: 0;
    color: #000;
    padding: clamp(1rem, 1vw, 1rem) 0;
}

.main_fwbn .tit_wp p {
    font-size: clamp(1rem, 1.1vw, 1.1rem);
    line-height: 1.6em;
    margin: 0;

}

.main_fwbn .pm-banner_slide_css3__1891615__ {
}


@media (max-width:1023px) {
.pm-banner_slide_css3__1891615__ img {height: 60px;}
}

/*     1891625 : 블록 설정(PC 출력 설정)      */
.block_option__1891625__ {display:table;width:100%}
.block_option__1891625__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__1891625__ {background-position:center bottom -200px !important;}
}


@media (min-width:1024px){
	.row__1891625__ {background-repeat: no-repeat !important; background-position:center bottom !important; background-size:cover !Important;}
}

/*     1891635 : HTML 편집기      */
.html__1891635__ * {line-height:1.4em}

.customer_map_wrap  {
	padding:clamp(2rem, 8vw, 10rem) 0 0;
}


.customer_map_wrap .title {
	margin-bottom:clamp(2rem, 5vw, 5rem) ;
	text-align:left;
}
.customer_map_wrap .title .flex{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: clamp(1rem, 10vw, 10rem);
}

.customer_map_wrap .title .eng {
    font-style: normal;
    font-size: clamp(.8rem, .8vw, 1.2rem);
    color: #fff;
    text-transform: uppercase;
	font-weight:bold;
	z-index:2;
}

.customer_map_wrap .title h2 {
	width:30rem;
	margin-top:30px;
	margin-bottom:0;
    color: #fff;
    line-height: 1em;
	font-size:var(--title); 
	z-index:2;
}

.customer_map_wrap .title p {
    margin-bottom:0;
    color: #fff;
	font-size:clamp(1.2rem, 1.7vw, 2.2rem); 
	font-weight:600;
}


@media (max-width:767px){
	.customer_map_wrap .title .flex {flex-direction: column;justify-content: flex-start;align-items: flex-start; gap:10px;}
}

/*     1891675 : 블록 설정(PC 출력 설정)      */
.block_option__1891675__ {display:table;width:100%}
.block_option__1891675__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.row__1891675__ {padding: 40px 0;}
}


@media (min-width:1024px){
	.row__1891675__ {padding:80px 0;}
}

/*     1891685 : 공백      */
.solid_line__1891685__ {box-sizing:border-box;display:block;position:relative;width:100%;height:15px}
.solid_line__1891685__.build_edit_mode {min-height:10px;border:1px dashed red}
.solid_line__1891685__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.solid_line__1891685__ {height:0px}
}

/*     1891695 : 타이틀 텍스트      */
.title__1891695__ {font-size:0}
.title__1891695__ p {word-break:keep-all;
	display:inline-block;position:relative;margin:0;padding:0;
	font-size:20px;font-weight:bold;color:#000000;letter-spacing:-.02em;line-height:1.4em;
}

.title__1891695__ .more {font-family:'Pretendard', 'Noto Sans KR', sans-serif; display:inline-block; float:right; font-size:clamp(.8rem, 1vw, 1rem); padding: .8rem 2rem;  color:#959595; border: 1px solid #2e31926b; color:var(--primary); font-weight:500; border-radius:5px; color:var(--primary);transition: all .2s;}
.title__1891695__ .more:hover {background:#2e319214;box-shadow:1px 1px 10px rgb(30 74 200 / 7%);}

.title__1891695__ p:before {content:'';position:absolute;background:#d6d638;font-size:0}

.title__1891695__.style_top p {padding-top:10px}
.title__1891695__.style_top p:before {top:0;left:0;width:24px;height:4px}

.title__1891695__.style_right p {padding-right:14px}
.title__1891695__.style_right p:before {top:16%;right:0;width:4px;height:24px}

.title__1891695__.style_bottom p {padding-bottom:12px}
.title__1891695__.style_bottom p:before {bottom:0;left:0;width:24px;height:4px}

.title__1891695__.style_left p {padding-left:14px}
.title__1891695__.style_left p:before {top:16%;left:0;width:4px;height:24px}

.title__1891695__.style_circle1 p {padding-left:18px}
.title__1891695__.style_circle1 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
}

.title__1891695__.style_circle2 p {padding-left:18px}
.title__1891695__.style_circle2 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
	border:2px solid #d6d638;background:none;box-sizing:border-box;
}

@media all and (min-width:1024px){
	.title__1891695__ p {font-size:40px}
	.title__1891695__.style_top p:before {width:40px}
	.title__1891695__.style_right p:before {height:40px}
	.title__1891695__.style_bottom p:before {width:40px}
	.title__1891695__.style_left p:before {height:40px}
.title__1891695__ .more {font-size:16px;}
}

/*     1891705 : 공백      */
.solid_line__1891705__ {box-sizing:border-box;display:block;position:relative;width:100%;height:30px}
.solid_line__1891705__.build_edit_mode {min-height:10px;border:1px dashed red}
.solid_line__1891705__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.solid_line__1891705__ {height:30px}
}

/*     1891715 : 최근 게시글 - 목록형      */
.pm-board_list__1891715__ ul {margin:0;padding:0;list-style:none; border-top: 2px solid var(--primary);}
.pm-board_list__1891715__ ul li {font-family:'Pretendard', 'Noto Sans KR', sans-serif; word-break:keep-all; border-bottom:1px solid #e8e8e8;font-size:18px;line-height:1.6em; padding: 5px 0;}
.pm-board_list__1891715__ ul li:first-child {border-top:1px solid #e8e8e8}
.pm-board_list__1891715__ ul li a {display:block;position:relative;color:#333;padding:0 8px;line-height:35px}
.pm-board_list__1891715__ ul li a .bd_subject {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#000; font-weight: 500;}
.pm-board_list__1891715__ .comment {font-weight:normal;color:#888}
.pm-board_list__1891715__ .new_icon {margin-left:5px}
.pm-board_list__1891715__ .bd_empty {padding:10px 8px;font-size:14px;color:#666;text-align:center}

.pm-board_list__1891715__.date_show ul li a {padding-right:100px}
.pm-board_list__1891715__.date_show ul li a .bd_date {position:absolute;top:0;right:8px;font-size:15px;font-family:Arial;color:#888}

@media all and (min-width:1024px){
	.pm-board_list__1891715__ ul li a {line-height:45px}
}

@media (max-width:1023px) {
.pm-board_list__1891715__ ul li {font-size:15px; padding: 4px 0;}
}

/*     1891725 : 셀 설정      */
.cell_option__1891725__ {display:table;width:100%}
.cell_option__1891725__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}

@media (max-width:1023px){
	.col__1891725__ {}
}

@media (min-width:1024px){
	.col__1891725__ {padding-left:18%;}
}

/*     1891735 : HTML 편집기      */
:root {
--conts:18px;
--m_conts:16px;
}

.html__1891735__ * {font-family:var(--pre); word-break:keep-all; line-height:1.4em; box-sizing:border-box; color:#000;}

  .main_sec3 .item {display:flex; background:#EFF5FF; justify-content: center; padding: 3.4em 5em; margin:1.5em 0; flex-direction: column; position: relative;   border-radius:30px;}
.main_sec3 .item:last-child {border:1px solid #ddd; background:#fff;} 
  .main_sec3 .item .subj {font-family:var(--pre); font-size: 2em; font-weight:700;}
  .main_sec3 .item .exp {font-size: 1em; text-transform:uppercase; color:#000000a3; margin:0;}
  .main_sec3 .item .cont {display:flex; flex-direction: column; align-items:flex-start; gap:1rem;}
  .main_sec3 .item .more {display: block; width: max-content; margin-top: 1rem; font-family:'Pretendard', 'Noto Sans KR', sans-serif; display:inline-block; float:right; font-size:clamp(.8rem, 1vw, 1rem); padding: .8rem 2rem;  color:#959595; border: 1px solid #2e31926b; color:var(--primary); font-weight:500; border-radius:5px; color:var(--primary);transition: all .2s;}
  .main_sec3 .item:hover .more{background:#2e319214;}

.main_sec3 .item:last-child {overflow:hidden;}
.main_sec3 .item:after {content: ''; position: absolute; width:160px; height: 110px; background:url('/img_up/shop_pds/ehompy0671/build/option/main_bandstory_icon1755750429.png'); bottom: 2rem; right:4rem; background-repeat: no-repeat; background-size: cover; }
.main_sec3 .item:last-child:after {background:url('/img_up/shop_pds/ehompy0671/build/option/main_loc_icon1755750250.png'); background-size: cover;width: 225px; height: 199px;right: 0;bottom: -3rem;} 



@media (max-width:1023px) {
    .html__1891735__ {width:100%;}
    .main_sec3 {display:flex; justify-content:space-between; width:100%;}
    .main_sec3 .item {padding: 1.6em 1em;}
    .main_sec3 .item:after {width:70px; height:50px; bottom:0;}
    .main_sec3 .item .exp {display:none;}
    .main_sec3 a {width:calc(50% - 5px);}
    .main_sec3 .item .subj {font-size:20px;}
}

@media (max-width:767px) {
	.main_sec3 .item:after {right:1rem; bottom:1rem;}
	.main_sec3 .item:last-child:after {width:70px; height:70px;right:1rem; bottom:1rem;}
	.main_sec3 .item:after{z-index:0;}
	.main_sec3 .item .more {position: relative; background:#fff; z-index:2; }
}

