main {padding-bottom: 150px; box-sizing: border-box; }

.se01 {
    margin-bottom: 120px; padding-top: calc(160/920*var(--vh100)); 
    box-sizing: border-box;min-height: calc(var(--vh) * 100);
    display: flex; flex-direction: column; align-items: center; justify-content: space-between; 
}
.se01 h1 {font-size: calc(100/920*var(--vh100)); font-weight: 500; font-family: 'Poppins'; color: #000;text-align: center; overflow: hidden;}
.se01 h1 p { }
.se01 .txtBx { text-align: center;}
.se01 .txtBx p {font-size: calc(30/920*var(--vh100)); font-weight: 600; line-height: calc(50/30); margin-bottom: 22px}
.se01 .txtBx small {display: block;color: rgba(0,0,0,0.6); font-weight: 500; }
.se01 .bottom { position: relative; display: flex; align-items: center; justify-content: center; transform: translateY(16%);}
.se01 .marquee {display: flex; align-items: center; justify-content: center;font-size: calc(247/920*var(--vh100)); font-family: 'Poppins'; font-weight: 600; color: rgba(0,0,0,0.05);white-space: nowrap; }
.se01 .marquee p {animation: marquee forwards infinite 20s linear; padding: 0 0.1em; box-sizing: border-box; }
.se01 ._scrolldown { }

/* 모션 셋팅 */
.se01 h1 p{transform: translateY(110%);}
.se01 .txtBx p{opacity: 0; transform: translateY(60px);}
.se01 .txtBx small{opacity: 0; transform: translateY(60px);}
.se01 .marquee{opacity: 0; transform: translateY(60px);}
.se01 ._scrolldown{opacity: 0; transform: translateY(60px);}

/* 세로가 길경우 */
@media (orientation: Portrait){
	.se01{padding-top: calc(230 / 920 * var(--vh100));}
	.se01 h1{font-size: min(calc(140/1000*100vw),100px); }
	.se01 .txtBx p{font-size: min(calc(44/1000*100vw),30px); }
	.se01 .txtBx small{font-size: min(max(calc(16/1000*100vw),14px),16px); }
	.se01 .marquee{font-size: min(calc(440/1000*100vw),247px); }
}
@media (orientation: Portrait) and (max-width:1600px) {}
@media (orientation: Portrait) and (max-width:1440px) {}
@media (orientation: Portrait) and (max-width:1280px) {}
@media (orientation: Portrait) and (max-width:1024px) {}
@media (orientation: Portrait) and (max-width:820px) {}
@media (orientation: Portrait) and (max-width:500px) {}
@media (orientation: Portrait) and (max-width:320px) {}




/* se02 */
.se02{ padding-top: 70px; }
.se02 .wrap{
	display: flex; align-items: flex-start; justify-content: space-between; gap: 40px;
	flex-wrap: wrap;
}
.se02 .wrap .leftArea{}
.se02 .wrap .leftArea .top{
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
	gap: 22px; margin-bottom: 200px;
}
.se02 .wrap .leftArea .top h2{
	font-size: 52px; font-weight: 600; line-height: 1.3; margin-bottom: 10px;
}
.se02 .wrap .leftArea .top p{
	font-size: 20px; font-weight: 500; line-height: calc(34/20);
}
.se02 .wrap .leftArea .bottom{
	line-height: 1.3; padding-top: 30px; position: relative;
	display: flex; align-items: center; justify-content: flex-start; gap: 10px; flex-wrap: wrap;
}
.se02 .wrap .leftArea .bottom::before {
	content:''; display: block; position: absolute; left: 0; bottom: 100%;
	width: 25px; height: 2px; background-color: #444444;
}
.se02 .wrap .leftArea .bottom p{}

.se02 .wrap .formBx{
	width: 100%; width: 100%; max-width: 720px;
}
.se02 .wrap .formBx form{
	background-color: #f4f4f4; border-radius: 30px; border: 1px solid #e1e1e1; box-sizing: border-box;
	padding: 70px;
}
.se02 .wrap .formBx form h3{
	font-size: 20px; font-weight: 500; line-height: calc(34/20); margin-bottom: 60px;
}
.se02 .wrap .formBx ._basicbtn{text-align: right;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.se02 .wrap .leftArea .top h2{font-size: 42px; }
	.se02 .wrap .leftArea .top p{font-size: 16px; }
}
@media screen and (max-width:1280px) {
	.se02 .wrap{flex-direction: column;}
	.se02 .wrap .leftArea{width: 100%; max-width: 720px;}
	.se02 .wrap .leftArea .top{margin-bottom: 100px;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	.se02 .wrap .formBx form{padding: 50px 20px;}
}
@media screen and (max-width:500px) {
	.se02 .wrap .leftArea .top{margin-bottom: 60px;}
	.se02 .wrap .leftArea .top h2{font-size: 32px; }
	.se02 .wrap .leftArea .top p{font-size: 14px; }

	.se02 .wrap .formBx form{padding: 50px 14px; border-radius: 10px;}
	.se02 .wrap .formBx form h3{font-size: 18px; }
}
@media screen and (max-width:320px) {}



/*popup*/
body.noScroll{overflow: hidden;}
.popupBx{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    word-break: keep-all;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.popupBx.active{opacity: 1;visibility: visible;pointer-events: auto;}
.popupBx .inn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 1080px;
    background: #fff;
    padding: 40px;
    border-radius: 10px;
}
.popupBx .close{position: absolute;top: 20px;right: 20px;cursor: pointer;z-index: 9999;}
.popupBx .close i{font-size: 22px;color: #000;}

.popupBx .txtBx > h2{font-size: 24px;color: #000;font-weight: 600;margin-bottom: 40px;line-height: 1.3;}
.popupBx .txtBx > p{font-size: 16px;color: #000;font-weight: 400;margin-bottom: 40px;line-height: 1.3;}
.popupBx .scrollBx {
    height: 400px;
    overflow-y: auto;
    padding: 20px;
    background: #f8f8f8;
}
.popupBx .scrollBx > em{font-size: 18px;color: #000;font-weight: 600;margin-bottom: 20px;display: block;}
.popupBx .scrollBx > p{font-size: 16px;color: #000;font-weight: 400;line-height: 1.2;}
.popupBx .scrollBx > p span{display: flex;gap: 4px;margin-bottom: 5px;}
.popupBx .scrollBx > p span small{white-space: nowrap;}
.popupBx .scrollBx > p.p_margin{margin-top: 25px;}
.popupBx .scrollBx > em.e_margin{margin-top: 40px;}
.popupBx .scrollBx > p span.s_margin{margin-bottom: 12px;}
.popupBx .scrollBx ._bold{font-weight: 700;margin-bottom: 5px;}
.popupBx .txtBx > h2 br.max-360{display: none;}
@media screen and (max-width: 1024px) {
    .popupBx .txtBx > h2{font-size: clamp(22px, 22 / 820 * 100vw, 24px);}
}
@media screen and (max-width: 820px) {
    .popupBx .inn{box-sizing: border-box;padding: 25px;width: 90%;}
    .popupBx .txtBx > h2{font-size: clamp(20px, 20 / 500 * 100vw, 22px);}
    .popupBx .txtBx > p{font-size: clamp(14px, 14 / 500 * 100vw, 16px);}
    .popupBx .scrollBx {
        height: 250px;
    }
    .popupBx .scrollBx > em{font-size: clamp(16px, 16 / 500 * 100vw, 18px);}
    .popupBx .scrollBx > p{font-size: clamp(14px, 14 / 500 * 100vw, 16px);}
}
@media screen and (max-width: 500px) {
    .popupBx .scrollBx ._column{flex-direction: column;gap: 4px;}
}
@media screen and (max-width: 360px) {

    .popupBx .txtBx > h2{font-size: clamp(18px, 18 / 280 * 100vw, 20px);}
    .popupBx .close i{font-size: clamp(18px, 18 / 280 * 100vw, 22px);}
    .popupBx .close{top: 15px;right: 15px;}
    .popupBx .txtBx > h2 br.max-360{display: block;}
}