@import url('https://font.elice.io/css?family=Elice+DX+Neolli');

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}










.container { max-width:1200px; margin:0 auto; }

@media screen and ( max-width: 1250px ) {
    .container { max-width: none; padding: 0 25px; }
}
@media screen and ( max-width: 1024px ) {
    .container { padding:0 20px; }
}
@media screen and ( max-width: 768px ) {
    .container { padding:0 15px; }
    .none768 { display: none; }
}
@media screen and ( max-width: 640px ) {
    .container { padding:0 10px; }
}










#header { position: fixed; top: 0; left: 0; right: 0; width: 100%; border-bottom: 1px solid #FFF; transition: all .3s ease; z-index: 1000; }
#header .container { overflow: hidden; }
#header .container ul { float: right; overflow: hidden; }
#header .container ul li { float: left; }
#header .container ul li a { display: block; color: #FFF; font-family: 'Pretendard'; font-size: 24px; font-style: normal; font-weight: 600; line-height: 333.33%; letter-spacing: -0.48px; padding: 0 45px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#header .container ul li a.active { color: #F49B2A; }

#header.active { background: rgba(0, 0, 0, 0.3); } 

@media (hover: hover) and (pointer: fine) {
    #header .container ul li a:hover { color: #F49B2A; }
}
@media screen and ( max-width: 1250px ) {
    #header .container ul li a { font-size: 21px; padding: 0 41px; }
}
@media screen and ( max-width: 1024px ) {
    #header .container ul li a { font-size: 18px; padding: 0 37px; }
}
@media screen and ( max-width: 768px ) {
    #header .container ul { float: none; }
    #header .container ul li { float: left; width: 20%; }
    #header .container ul li a { font-size: 15px; padding: 0; }
}
@media screen and ( max-width: 640px ) {
    #header .container ul li a { font-size: 12px; }
}










#quick { position: fixed; top: 50%; right: calc(50% - 800px); transform: translate(0, -50%); background: rgba(0, 0, 0, 0.50); border-radius: 10px 10px 0 0; overflow: hidden; width: 100px; z-index: 999; }
#quick p { background: #F49B2A; color: #FFF; text-align: center; font-family: "Elice DX Neolli"; font-size: 16.5px; font-style: normal; font-weight: 500; line-height: 272.72%; }
#quick ul { padding: 10px 0 5px; }
#quick ul li a { display: block; text-align: center; padding: 10px 0; }
#quick ul li a img { width: 56%; }
#quick ul li a span { display: block; color: #FFF; font-family: 'Pretendard'; font-size: 15.5px; font-style: normal; font-weight: 500; line-height: 110.467%; letter-spacing: -0.31px; margin: 5px 0 0; }

@media screen and ( max-width: 1635px ) {
    #quick { right: 35px; }
}
@media screen and ( max-width: 1250px ) {
    #quick { right: 0; border-radius: 9px 9px 0 0; width: 90px; right: 30px; }
    #quick p { font-size: 14.5px; }
    #quick ul { padding: 8.5px 0 4.5px; }
    #quick ul li a { padding: 8.5px 0; }
    #quick ul li a span { font-size: 14px; margin: 4.5px 0 0; }
}
@media screen and ( max-width: 1024px ) {
    #quick { border-radius: 8px 8px 0 0; width: 80px; right: 25px; }
    #quick p { font-size: 12.5px; }
    #quick ul { padding: 7px 0 4px; }
    #quick ul li a { padding: 7px 0; }
    #quick ul li a span { font-size: 12.5px; margin: 4px 0 0; }
}
@media screen and ( max-width: 768px ) {
    #quick { border-radius: 7px 7px 0 0; width: 70px; top: auto; right: 20px; transform: translate(0, 0); bottom: 20px; }
    #quick p { font-size: 10.5px; }
    #quick ul { padding: 5.5px 0 3.5px; }
    #quick ul li a { padding: 5.5px 0; }
    #quick ul li a img { width: 70%; }
    #quick ul li a span { font-size: 11px; margin: 3.5px 0 0; display: none; }
}
@media screen and ( max-width: 640px ) {
    #quick { border-radius: 6px 6px 0 0; width: 60px; right: 15px; bottom: 15px; }
    #quick p { font-size: 8.5px; }
    #quick ul { padding: 4px 0 3px; }
    #quick ul li a { padding: 4px 0; }
    #quick ul li a span { font-size: 9.5px; margin: 3px 0 0; }
}











#footer { background: #3E3E3E; }
#footer .fnb ul { overflow: hidden; }
#footer .fnb ul li { float: left; }
#footer .fnb ul li a { display: block; color: #CDCACA; text-align: center; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 300; line-height: 425%; padding: 0 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#footer .fnb ul li:first-child a { padding-left: 0; }
#footer .info { border-top: 1px solid #595959; }
#footer .info .container { overflow: hidden; padding-top: 52px; padding-bottom: 87px; }
#footer .info .container > div .t { color: #FFF; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 600; line-height: 140%; }
#footer .info .container > div address ,
#footer .info .container > div p { color: #CDCACA; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; position: relative; }
#footer .info .container .right { float: right; }
#footer .info .container .right strong { display: block; color: #FFF; font-family: 'Pretendard'; font-size: 28px; font-style: normal; font-weight: 700; line-height: 140%; margin: 9px 0 0; }
#footer .info .container .right p { padding: 0 0 0 17px; margin: 8px 0 0; }
#footer .info .container .right p svg { position: absolute; top: 4.5px; left: 0; width: 12px; }
#footer .info .container .left { float: left; }
#footer .info .container .left p { margin: 24px 0 0; }
#footer .info .container .left address { margin: 23px 0 0; }

@media screen and ( max-width: 1250px ) {
    #footer .fnb ul li a { font-size: 15px; padding: 0 45px; }
    #footer .info .container { padding-top: 47px; padding-bottom: 79px; }
    #footer .info .container > div .t { font-size: 15px; }
    #footer .info .container > div address ,
    #footer .info .container > div p { font-size: 15px; }
    #footer .info .container .right strong { font-size: 26px; margin: 8px 0 0; }
    #footer .info .container .right p { padding: 0 0 0 16px; margin: 7px 0 0; }
    #footer .info .container .right p svg { top: 4px; width: 11px; }
    #footer .info .container .left p { margin: 22px 0 0; }
    #footer .info .container .left address { margin: 21px 0 0; }
}
@media screen and ( max-width: 1024px ) {
    #footer .fnb ul li a { font-size: 14px; padding: 0 40px; }
    #footer .info .container { padding-top: 42px; padding-bottom: 71px; }
    #footer .info .container > div .t { font-size: 14px; }
    #footer .info .container > div address ,
    #footer .info .container > div p { font-size: 14px; }
    #footer .info .container .right strong { font-size: 24px; margin: 7px 0 0; }
    #footer .info .container .right p { padding: 0 0 0 15px; margin: 6px 0 0; }
    #footer .info .container .right p svg { top: 3.5px; width: 10px; }
    #footer .info .container .left p { margin: 20px 0 0; }
    #footer .info .container .left address { margin: 19px 0 0; }
}
@media screen and ( max-width: 768px ) {
    #footer .fnb ul li { width: 25%; }
    #footer .fnb ul li a { font-size: 13px; padding: 0; }
    #footer .info .container { padding-top: 37px; padding-bottom: 63px; }
    #footer .info .container > div .t { font-size: 13px; }
    #footer .info .container > div address ,
    #footer .info .container > div p { font-size: 13px; }
    #footer .info .container .right { float: none; }
    #footer .info .container .right strong { font-size: 22px; margin: 6px 0 0; }
    #footer .info .container .right p { padding: 0 0 0 14px; margin: 5px 0 0; }
    #footer .info .container .right p svg { top: 3px; width: 9px; }
    #footer .info .container .left { float: none; margin: 37px 0 0; }
    #footer .info .container .left p { margin: 18px 0 0; }
    #footer .info .container .left address { margin: 17px 0 0; }
}
@media screen and ( max-width: 640px ) {
    #footer .fnb ul li a { font-size: 12px; }
    #footer .info .container { padding-top: 32px; padding-bottom: 55px; }
    #footer .info .container > div .t { font-size: 12px; }
    #footer .info .container > div address ,
    #footer .info .container > div p { font-size: 12px; }
    #footer .info .container .right strong { font-size: 20px; margin: 5px 0 0; }
    #footer .info .container .right p { padding: 0 0 0 13px; margin: 4px 0 0; }
    #footer .info .container .right p svg { top: 2.5px; width: 8px; }
    #footer .info .container .left { margin: 32px 0 0; }
    #footer .info .container .left p { margin: 16px 0 0; }
    #footer .info .container .left address { margin: 15px 0 0; }
}










#main section { padding: 130px 0; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; }
#main section .title_center { text-align: center; }
#main section .title_center .bullet { display: inline-block; background: #18223B; color: #FFF; font-family: "Elice DX Neolli"; font-size: 28px; font-style: normal; font-weight: 500; line-height: 140%; padding: 0 16px; margin: 0 0 45px; }
#main section .title_center div { color: #292929; font-family: "Elice DX Neolli"; font-size: 42px; font-style: normal; font-weight: 300; line-height: 140%; position: relative; word-break:keep-all; }
#main section .title_center div strong { font-weight: 500; }
#main section .title_center div.quote { display: inline-block; padding: 0 48px; }
#main section .title_center div.quote:before ,
#main section .title_center div.quote:after { content: ''; position: absolute; background-position: center; background-repeat: no-repeat; background-size: cover; top: -4px; width: 26px; height: 21px; }
#main section .title_center div.quote:before { background-image: url('../img/main/quote1.png'); left: 0; }
#main section .title_center div.quote:after { background-image: url('../img/main/quote2.png'); right: 0; }
#main section .title_center .highlight { display: block; color: #292929; font-family: "Elice DX Neolli"; font-size: 28px; font-style: normal; font-weight: 300; line-height: 140%; margin: 20px 0 0; }
#main section .title_center .highlight span { background: linear-gradient(transparent 50%, rgba(255, 163, 47, 0.34) 50%); }
#main section .title_center .highlight b { font-weight: 500; }
#main section .title_center .line { display: block; width: 50px; height: 3px; background: #666; margin: 40px auto 0; }
#main section .title_center p { color: #292929; font-family: 'Pretendard'; font-size: 24px; font-style: normal; font-weight: 300; line-height: 150%; letter-spacing: -0.48px; margin: 40px 0 0; word-break:keep-all; }
#main section .title_center p.short { margin: 20px 0 0; }
#main section .title_center p.long { margin: 70px 0 0; }
#main section .title_center p b { font-weight: 600; }
#main section .title_center p strong { color: #F49B2A; font-weight: 600; }
#main section .title_left { font-family: "Elice DX Neolli"; font-size: 60px; font-style: normal; font-weight: 500; line-height: 130%; word-break:keep-all; }
#main section .title_left.black { color: #292929; }
#main section .title_left.white { color: #FFF; }
#main section .title_left strong { color: #F49B2A; font-weight: 500; }

@media screen and ( max-width: 1250px ) {
    #main section { padding: 110px 0; }
    #main section .title_center .bullet { font-size: 25px; padding: 0 15px; margin: 0 0 40px; }
    #main section .title_center div { font-size: 37px; }
    #main section .title_center div.quote { padding: 0 44px; }
    #main section .title_center div.quote:before ,
    #main section .title_center div.quote:after { top: -4px; width: 24px; height: 19px; }
    #main section .title_center .highlight { font-size: 25px; margin: 18px 0 0; }
    #main section .title_center .line { width: 45px; margin: 36px auto 0; }
    #main section .title_center p { font-size: 22px; margin: 36px 0 0; }
    #main section .title_center p.short { margin: 18px 0 0; }
    #main section .title_center p.long { margin: 63px 0 0; }
    #main section .title_left { font-size: 52px; }
}
@media screen and ( max-width: 1024px ) {
    #main section { padding: 90px 0; }
    #main section .title_center .bullet { font-size: 22px; padding: 0 14px; margin: 0 0 35px; }
    #main section .title_center div { font-size: 32px; }
    #main section .title_center div.quote { padding: 0 40px; }
    #main section .title_center div.quote:before ,
    #main section .title_center div.quote:after { top: -4px; width: 22px; height: 17px; }
    #main section .title_center .highlight { font-size: 22px; margin: 16px 0 0; }
    #main section .title_center .line { width: 40px; height: 2px; margin: 32px auto 0; }
    #main section .title_center p { font-size: 20px; margin: 32px 0 0; }
    #main section .title_center p.short { margin: 16px 0 0; }
    #main section .title_center p.long { margin: 56px 0 0; }
    #main section .title_left { font-size: 44px; }
}
@media screen and ( max-width: 768px ) {
    #main section { padding: 70px 0; }
    #main section .title_center .bullet { font-size: 19px; padding: 0 13px; margin: 0 0 30px; }
    #main section .title_center div { font-size: 27px; }
    #main section .title_center div br { display: none; }
    #main section .title_center div.quote { padding: 0 36px; }
    #main section .title_center div.quote:before ,
    #main section .title_center div.quote:after { top: -4px; width: 20px; height: 15px; }
    #main section .title_center .highlight { font-size: 19px; margin: 14px 0 0; }
    #main section .title_center .line { width: 35px; margin: 28px auto 0; }
    #main section .title_center p { font-size: 18px; margin: 28px 0 0; }
    #main section .title_center p.short { margin: 14px 0 0; }
    #main section .title_center p.long { margin: 49px 0 0; }
    #main section .title_center p br { display: none; }
    #main section .title_left { font-size: 36px; }
    #main section .title_left br { display: none; }
}
@media screen and ( max-width: 640px ) {
    #main section { padding: 50px 0; }
    #main section .title_center .bullet { font-size: 15px; padding: 0 12px; margin: 0 0 25px; }
    #main section .title_center div { font-size: 22px; }
    #main section .title_center div.quote { padding: 0 32px; }
    #main section .title_center div.quote:before ,
    #main section .title_center div.quote:after { top: -4px; width: 18px; height: 13px; }
    #main section .title_center .highlight { font-size: 16px; margin: 12px 0 0; }
    #main section .title_center .line { width: 30px; margin: 24px auto 0; }
    #main section .title_center p { font-size: 16px; margin: 24px 0 0; }
    #main section .title_center p.short { margin: 12px 0 0; }
    #main section .title_center p.long { margin: 42px 0 0; }
    #main section .title_left { font-size: 28px; }
}





#main .visual { background-image: url('../img/main/bg_visual.png'); height: 960px; }
#main .visual div { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); }
#main .visual div h1 { color: #FFF; font-family: "Elice DX Neolli"; font-size: 64px; font-style: normal; font-weight: 500; line-height: normal; }
#main .visual div p { color: #FFF; font-family: "Elice DX Neolli"; font-size: 26px; font-style: normal; font-weight: 300; line-height: 140.625%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.20) 100%); position: relative; padding: 20px 80px 17px 0; margin: 19px 0 0; word-break:keep-all; }
#main .visual div p strong { font-weight: 500; }
#main .visual div p svg { position: absolute; top: 4px; right: 4px; width: 16px; }
#main .visual div strong { display: block; margin: 62px 0 0; color: #F49B2A; text-shadow: 0 3.828px 3.828px rgba(0, 0, 0, 0.25); font-family: "Elice DX Neolli"; font-size: 46px; font-style: normal; font-weight: 700; line-height: 123.333%; position: relative; }
#main .visual div strong span { display: block; color: #FFF; font-family: 'Pretendard'; font-size: 27px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.547px; padding: 0 0 0 33.5px; }
#main .visual div strong svg { position: absolute; top: 11px; left: calc((100vw - 1200px) / 2); width: 22px; }
#main .visual div > * { padding-left: calc((100vw - 1200px) / 2) !important; }

@media screen and ( max-width: 1250px ) {
    #main .visual { height: 840px; }
    #main .visual div h1 { font-size: 56px; }
    #main .visual div p { font-size: 23px; padding: 19px 65px 16px 0; margin: 18px 0 0; }
    #main .visual div p svg { top: 3.5px; right: 3.5px; width: 15px; }
    #main .visual div strong { margin: 56px 0 0; font-size: 41px; }
    #main .visual div strong span { font-size: 24px; padding: 0 0 0 29.5px; }
    #main .visual div strong svg { top: 8.25px; left: 25px; width: 19.5px; }
    #main .visual div > * { padding-left: 25px !important; }
}
@media screen and ( max-width: 1024px ) {
    #main .visual { height: 720px; }
    #main .visual div h1 { font-size: 48px; }
    #main .visual div p { font-size: 20px; padding: 18px 50px 15px 0; margin: 17px 0 0; }
    #main .visual div p svg { top: 3px; right: 3px; width: 14px; }
    #main .visual div strong { margin: 50px 0 0; font-size: 36px; }
    #main .visual div strong span { font-size: 21px; padding: 0 0 0 25.5px; }
    #main .visual div strong svg { top: 5.5px; left: 20px; width: 17px; }
    #main .visual div > * { padding-left: 20px !important; }
}
@media screen and ( max-width: 768px ) {
    #main .visual { height: 600px; }
    #main .visual div h1 { font-size: 40px; }
    #main .visual div p { font-size: 17px; padding: 17px 35px 14px 0; margin: 16px 0 0; }
    #main .visual div p svg { top: 2.5px; right: 2.5px; width: 13px; }
    #main .visual div strong { margin: 44px 0 0; font-size: 31px; }
    #main .visual div strong span { font-size: 18px; padding: 0 0 0 21.5px; }
    #main .visual div strong svg { top: 2.75px; left: 15px; width: 14.5px; }
    #main .visual div > * { padding-left: 15px !important; }
}
@media screen and ( max-width: 640px ) {
    #main .visual { height: 480px; }
    #main .visual div h1 { font-size: 32px; }
    #main .visual div p { font-size: 14px; padding: 16px 20px 13px 0; margin: 15px 0 0; }
    #main .visual div p svg { top: 2px; right: 2px; width: 12px; }
    #main .visual div strong { margin: 38px 0 0; font-size: 26px; }
    #main .visual div strong span { font-size: 15px; padding: 0 0 0 17.5px; }
    #main .visual div strong svg { top: 0; left: 10px; width: 12px; }
    #main .visual div > * { padding-left: 10px !important; }
}





#main .design { background-image: url('../img/main/bg_design.png'); }
#main .design .list { max-width: 795px; margin: 50px auto 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
#main .design .list .item { position: relative; color: #fff; align-items: center; justify-content: center; text-align: center; padding: 30px 30px 38px;  }
#main .design .list .item.item1 { background: #1B64BA; }
#main .design .list .item.item2 { background: #2487FF; }
#main .design .list .item.item3 { background: #51BCE2; }
#main .design .list .item.item4 { background: #F49B2A; }
#main .design .list .item svg { width: 75px; height: 75px; }
#main .design .list .item h3 { color: #FFF; text-align: center; font-family: "Elice DX Neolli"; font-size: 32px; font-style: normal; font-weight: 500; line-height: 125%; margin: 20px 0 0; }
#main .design .list .item p { color: #FFF; text-align: center; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin: 10px 0 0; word-break:keep-all; }

@media screen and ( max-width: 1250px ) {
    #main .design .list { margin: 45px auto 0; gap: 18px; }
    #main .design .list .item { padding: 27px 26px 34px;  }
    #main .design .list .item svg { width: 67px; height: 67px; }
    #main .design .list .item h3 { font-size: 28px; margin: 18px 0 0; }
    #main .design .list .item p { font-size: 15px; margin: 9px 0 0; }
}
@media screen and ( max-width: 1024px ) {
    #main .design .list { margin: 40px auto 0; gap: 16px; }
    #main .design .list .item { padding: 24px 22px 30px;  }
    #main .design .list .item svg { width: 59px; height: 59px; }
    #main .design .list .item h3 { font-size: 24px; margin: 16px 0 0; }
    #main .design .list .item p { font-size: 14px; margin: 8px 0 0; }
}
@media screen and ( max-width: 768px ) {
    #main .design .list { margin: 35px auto 0; gap: 14px; }
    #main .design .list .item { padding: 21px 18px 26px;  }
    #main .design .list .item svg { width: 51px; height: 51px; }
    #main .design .list .item h3 { font-size: 20px; margin: 14px 0 0; }
    #main .design .list .item p { font-size: 13px; margin: 7px 0 0; }
    #main .design .list .item p br { display: none; }
}
@media screen and ( max-width: 640px ) {
    #main .design .list { margin: 30px auto 0; gap: 12px; }
    #main .design .list .item { padding: 18px 14px 22px;  }
    #main .design .list .item svg { width: 43px; height: 43px; }
    #main .design .list .item h3 { font-size: 16px; margin: 12px 0 0; }
    #main .design .list .item p { font-size: 12px; margin: 6px 0 0; }
}





#main .partner { background-image: url('../img/main/bg_partner.png'); }
#main .partner .list { margin: 80px 0 0; }
#main .partner .list .row { display: flex; gap: 20px; align-items: stretch; margin-top: 20px; }
#main .partner .list .row:first-child { margin: 0; }
#main .partner .list .row .img { flex: 1; min-width: 0; overflow: hidden; }
#main .partner .list .row .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#main .partner .list .row .txt { flex: 1; min-width: 0; background: #FFF; padding: 40px; position: relative; border-radius: 10px; border-left: 8px solid #F49B2A; }
#main .partner .list .row .txt h4 { color: #292929; font-family: "Elice DX Neolli"; font-size: 32px; font-style: normal; font-weight: 500; line-height: normal; position: relative; padding: 0 0 0 43px; }
#main .partner .list .row .txt h4 svg { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 35px; height: 32px; }
#main .partner .list .row .txt ul { border-top: 1px solid #CFCFCF; margin: 15px 0 0; padding: 15px 0 0; }
#main .partner .list .row .txt ul li { color: #292929; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; position: relative; padding-left: 23px; }
#main .partner .list .row .txt ul li::before { content: ""; position: absolute; left: 10px; top: 50%; width: 4px; height: 4px; background: #292929; border-radius: 50%; transform: translate(0, -50%); }

@media screen and ( max-width: 1250px ) {
    #main .partner .list { margin: 72px 0 0; }
    #main .partner .list .row { gap: 18px; margin-top: 18px; }
    #main .partner .list .row .txt { padding: 36px; border-radius: 9px; border-left: 7px solid #F49B2A; }
    #main .partner .list .row .txt h4 { font-size: 28px; padding: 0 0 0 39px; }
    #main .partner .list .row .txt h4 svg { width: 32px; height: 29px; }
    #main .partner .list .row .txt ul { margin: 14px 0 0; padding: 14px 0 0; }
    #main .partner .list .row .txt ul li { font-size: 15px; padding-left: 21.5px; }
    #main .partner .list .row .txt ul li::before { left: 9px; width: 3.5px; height: 3.5px; }
}
@media screen and ( max-width: 1024px ) {
    #main .partner .list { margin: 64px 0 0; }
    #main .partner .list .row { gap: 16px; margin-top: 16px; }
    #main .partner .list .row .txt { padding: 32px; border-radius: 8px; border-left: 6px solid #F49B2A; }
    #main .partner .list .row .txt h4 { font-size: 24px; padding: 0 0 0 35px; }
    #main .partner .list .row .txt h4 svg { width: 29px; height: 26px; }
    #main .partner .list .row .txt ul { margin: 13px 0 0; padding: 13px 0 0; }
    #main .partner .list .row .txt ul li { font-size: 14px; padding-left: 19px; }
    #main .partner .list .row .txt ul li::before { left: 8px; width: 3px; height: 3px; }
}
@media screen and ( max-width: 768px ) {
    #main .partner .list { margin: 56px 0 0; }
    #main .partner .list .row { gap: 14px; margin-top: 14px; }
    #main .partner .list .row .img { border-radius: 7px; }
    #main .partner .list .row .txt { padding: 28px; border-left: 5px solid #F49B2A; border-radius: 7px; }
    #main .partner .list .row .txt h4 { font-size: 20px; padding: 0 0 0 31px; }
    #main .partner .list .row .txt h4 svg { width: 26px; height: 23px; }
    #main .partner .list .row .txt ul { margin: 12px 0 0; padding: 12px 0 0; }
    #main .partner .list .row .txt ul li { font-size: 13px; padding-left: 16.5px; }
    #main .partner .list .row .txt ul li::before { left: 7px; width: 2.5px; height: 2.5px; }
}
@media screen and ( max-width: 640px ) {
    #main .partner .list { margin: 48px 0 0; }
    #main .partner .list .row { gap: 0; margin-top: 12px; flex-direction: column; }
    #main .partner .list .row .img { flex: 0 0 100%; border-radius: 6px 6px 0 0; }
    #main .partner .list .row .txt { flex: 0 0 100%; padding: 24px; border-left: 4px solid #F49B2A; border-radius: 0 0 6px 6px; }
    #main .partner .list .row .txt h4 { font-size: 16px; padding: 0 0 0 27px; }
    #main .partner .list .row .txt h4 svg { width: 23px; height: 20px; }
    #main .partner .list .row .txt ul { margin: 11px 0 0; padding: 11px 0 0; }
    #main .partner .list .row .txt ul li { font-size: 12px; padding-left: 14px; }
    #main .partner .list .row .txt ul li::before { left: 6px; width: 2px; height: 2px; }
}





#main .government { background-image: url('../img/main/bg_government.png'); }
#main .government .list { display: flex; gap: 20px; margin: 50px 0 0; }
#main .government .list .item { flex: 1; min-width: 0; position: relative; }
#main .government .list .item .img img { width: 100%; }
#main .government .list .item .txt { text-align: center; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; }
#main .government .list .item .txt h4 { color: #FFF; text-align: center; font-family: "Elice DX Neolli"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 123.333%; letter-spacing: -0.6px; margin: 0 0 15px; }
#main .government .list .item .txt p { color: #FFF; text-align: center; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin: 0 0 50px; padding: 0 15px; word-break:keep-all; }
#main .government .list .item .txt p strong { color: #F49B2A; font-weight: 700; }
#main .government .info { margin: 74px 0 0; } 
#main .government .info h5 { color: #F5F7FC; font-family: "Elice DX Neolli"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 123.333%; letter-spacing: -0.6px; }
#main .government .info ul { display: flex; margin: 25px 0 0; justify-content: space-between; }
#main .government .info ul li { min-width: 0; }
#main .government .info ul li span { display: inline-block; width: 20px; height: 2px; background: #FFF; }
#main .government .info ul li p { color: #FFF; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 300; line-height: 150%; margin: 20px 0 0; }
#main .government .info ul li p strong { color: #F49B2A; font-weight: 600; } 
#main .government .info ul li p b { color: #FFF; font-weight: 700; } 

@media screen and ( max-width: 1250px ) {
    #main .government .list { gap: 18px; margin: 45px 0 0; }
    #main .government .list .item .txt h4 { font-size: 27px; margin: 0 0 14px; }
    #main .government .list .item .txt p { font-size: 15px; margin: 0 0 45px; }
    #main .government .list .item .txt p br { display: none; }
    #main .government .info { margin: 67px 0 0; } 
    #main .government .info h5 { font-size: 27px; }
    #main .government .info ul { margin: 23px 0 0; }
    #main .government .info ul li span { width: 18px; }
    #main .government .info ul li p { font-size: 18px; margin: 18px 0 0; }
}
@media screen and ( max-width: 1024px ) {
    #main .government .list { gap: 16px; margin: 40px 0 0; }
    #main .government .list .item .txt h4 { font-size: 24px; margin: 0 0 13px; }
    #main .government .list .item .txt p { font-size: 14px; margin: 0 0 40px; }
    #main .government .info { margin: 60px 0 0; } 
    #main .government .info h5 { font-size: 24px; }
    #main .government .info ul { margin: 21px 0 0; flex-direction: column; justify-content: flex-start; gap: 21px; }
    #main .government .info ul li span { width: 16px; }
    #main .government .info ul li p { font-size: 16px; margin: 16px 0 0; }
    #main .government .info ul li p strong { display: block; }
    #main .government .info ul li p br { display: none; }
}
@media screen and ( max-width: 768px ) {
    #main .government .list { gap: 14px; margin: 35px 0 0; }
    #main .government .list .item .txt h4 { font-size: 21px; margin: 0 0 12px; }
    #main .government .list .item .txt p { font-size: 13px; margin: 0 0 35px; }
    #main .government .info { margin: 53px 0 0; } 
    #main .government .info h5 { font-size: 21px; }
    #main .government .info ul { margin: 19px 0 0; gap: 19px; }
    #main .government .info ul li span { width: 14px; }
    #main .government .info ul li p { font-size: 14px; margin: 14px 0 0; }
}
@media screen and ( max-width: 640px ) {
    #main .government .list { gap: 12px; margin: 30px 0 0; flex-direction: column; }
    #main .government .list .item .txt h4 { font-size: 18px; margin: 0 0 11px; }
    #main .government .list .item .txt p { font-size: 12px; margin: 0 0 30px; }
    #main .government .info { margin: 46px 0 0; } 
    #main .government .info h5 { font-size: 18px; }
    #main .government .info ul { margin: 17px 0 0; gap: 17px; }
    #main .government .info ul li span { width: 12px; }
    #main .government .info ul li p { font-size: 12px; margin: 12px 0 0; }
}





#main .price { background-image: url('../img/main/bg_price.png'); }
#main .price .list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin: 74px 0 0; }
#main .price .list li .img { text-align: center; }
#main .price .list li .img img { width: 205px; max-width: 90%; }
#main .price .list li .txt h5 { color: #292929; text-align: center; font-family: "Elice DX Neolli"; font-size: 32px; font-style: normal; font-weight: 500; line-height: normal; margin: 35px 0 0; }
#main .price .list li .txt p { color: #292929; text-align: center; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; word-break:keep-all; margin: 15px auto 0; max-width: 90%; }

@media screen and ( max-width: 1250px ) {
    #main .price .list { gap: 27px; margin: 67px 0 0; }
    #main .price .list li .txt h5 { font-size: 29px; margin: 32px 0 0; }
    #main .price .list li .txt p { font-size: 15px; margin: 14px auto 0; }
}
@media screen and ( max-width: 1024px ) {
    #main .price .list { gap: 24px; margin: 60px 0 0; }
    #main .price .list li .txt h5 { font-size: 26px; margin: 29px 0 0; }
    #main .price .list li .txt p { font-size: 14px; margin: 13px auto 0; }
    #main .price .list li .txt p br { display: none; }
}
@media screen and ( max-width: 768px ) {
    #main .price .list { grid-template-columns: repeat(2, 1fr); gap: 21px; margin: 53px 0 0; }
    #main .price .list li .txt h5 { font-size: 23px; margin: 26px 0 0; }
    #main .price .list li .txt p { font-size: 13px; margin: 12px auto 0; }
}
@media screen and ( max-width: 640px ) {
    #main .price .list { gap: 18px; margin: 46px 0 0; }
    #main .price .list li .txt h5 { font-size: 20px; margin: 23px 0 0; }
    #main .price .list li .txt p { font-size: 12px; margin: 11px auto 0; }
}





#main .business { background-image: url('../img/main/bg_business.png'); }
#main .business .list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 50px 0 0; }
#main .business .list li { display: flex; gap: 20px; padding: 30px 20px; align-items: center; border-radius: 10px; border: 1px solid #CFCFCF; background: rgba(255, 255, 255, 0.70); }
#main .business .list li .img { width: 93px; min-width: 0; }
#main .business .list li .img img { width: 100%; }
#main .business .list li .txt { flex: 1; min-width: 0; }
#main .business .list li .txt h5 { color: #F49B2A; font-family: 'Pretendard'; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; }
#main .business .list li .txt p { color: #292929; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin: 12px 0 0; }
#main .business .list li .txt p b { font-weight: 600; }

@media screen and ( max-width: 1250px ) {
    #main .business .list { gap: 18px; margin: 45px 0 0; }
    #main .business .list li { gap: 18px; padding: 30px 16px; border-radius: 9px; }
    #main .business .list li .img { width: 84px; }
    #main .business .list li .txt h5 { font-size: 22px; }
    #main .business .list li .txt p { font-size: 15px; margin: 11px 0 0; }
}
@media screen and ( max-width: 1024px ) {
    #main .business .list { gap: 16px; margin: 40px 0 0; }
    #main .business .list li { gap: 16px; padding: 30px 16px; border-radius: 8px; }
    #main .business .list li .img { width: 75px; }
    #main .business .list li .txt h5 { font-size: 20px; }
    #main .business .list li .txt p { font-size: 14px; margin: 10px 0 0; }
}
@media screen and ( max-width: 768px ) {
    #main .business .list { grid-template-columns: repeat(1, 1fr); gap: 14px; margin: 35px 0 0; }
    #main .business .list li { gap: 14px; padding: 30px 14px; border-radius: 7px; }
    #main .business .list li .img { width: 66px; }
    #main .business .list li .txt h5 { font-size: 18px; }
    #main .business .list li .txt p { font-size: 13px; margin: 9px 0 0; }
}
@media screen and ( max-width: 640px ) {
    #main .business .list { gap: 12px; margin: 30px 0 0; }
    #main .business .list li { gap: 12px; padding: 30px 12px; border-radius: 6px; }
    #main .business .list li .img { width: 57px; }
    #main .business .list li .txt h5 { font-size: 16px; }
    #main .business .list li .txt p { font-size: 12px; margin: 8px 0 0; }
}





#main .consulting { background-image: url('../img/main/bg_consulting.png'); }
#main .consulting .list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 50px 0 0; }
#main .consulting .list li { display: flex; gap: 20px; padding: 30px 20px; align-items: center; border-radius: 10px; border: 1px solid #CFCFCF; background: rgba(255, 255, 255, 0.70); }
#main .consulting .list li .img { width: 93px; min-width: 0; }
#main .consulting .list li .img img { width: 100%; }
#main .consulting .list li .txt { flex: 1; min-width: 0; }
#main .consulting .list li .txt h5 { color: #F49B2A; font-family: 'Pretendard'; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; }
#main .consulting .list li .txt p { color: #292929; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin: 12px 0 0; }
#main .consulting .list li .txt p b { font-weight: 600; }

@media screen and ( max-width: 1250px ) {
    #main .consulting .list { gap: 18px; margin: 45px 0 0; }
    #main .consulting .list li { gap: 18px; padding: 30px 16px; border-radius: 9px; }
    #main .consulting .list li .img { width: 84px; }
    #main .consulting .list li .txt h5 { font-size: 22px; }
    #main .consulting .list li .txt p { font-size: 15px; margin: 11px 0 0; }
}
@media screen and ( max-width: 1024px ) {
    #main .consulting .list { gap: 16px; margin: 40px 0 0; }
    #main .consulting .list li { gap: 16px; padding: 30px 16px; border-radius: 8px; }
    #main .consulting .list li .img { width: 75px; }
    #main .consulting .list li .txt h5 { font-size: 20px; }
    #main .consulting .list li .txt p { font-size: 14px; margin: 10px 0 0; }
}
@media screen and ( max-width: 768px ) {
    #main .consulting .list { grid-template-columns: repeat(1, 1fr); gap: 14px; margin: 35px 0 0; }
    #main .consulting .list li { gap: 14px; padding: 30px 14px; border-radius: 7px; }
    #main .consulting .list li .img { width: 66px; }
    #main .consulting .list li .txt h5 { font-size: 18px; }
    #main .consulting .list li .txt p { font-size: 13px; margin: 9px 0 0; }
}
@media screen and ( max-width: 640px ) {
    #main .consulting .list { gap: 12px; margin: 30px 0 0; }
    #main .consulting .list li { gap: 12px; padding: 30px 12px; border-radius: 6px; }
    #main .consulting .list li .img { width: 57px; }
    #main .consulting .list li .txt h5 { font-size: 16px; }
    #main .consulting .list li .txt p { font-size: 12px; margin: 8px 0 0; }
}





#main .result { background-image: url('../img/main/bg_result.png'); }
#main .result .list { display: flex; justify-content: space-between; align-items: flex-end; gap: 70px; margin: 40px 0 0; }
#main .result .list div { min-width: 0; }
#main .result .list div img { width: 100%; }

@media screen and ( max-width: 1250px ) {
    #main .result .list { gap: 63px; margin: 36px 0 0; }
}
@media screen and ( max-width: 1024px ) {
    #main .result .list { gap: 56px; margin: 32px 0 0; }
}
@media screen and ( max-width: 768px ) {
    #main .result .list { gap: 28px; margin: 28px 0 0; flex-direction: column; align-items: stretch; }
}
@media screen and ( max-width: 640px ) {
    #main .result .list { gap: 24px; margin: 24px 0 0; }
}





#main .inquiry { background-image: url('../img/main/bg_inquiry.png'); }
#main .inquiry form { display: flex; flex-direction: column; gap: 20px; max-width: 588px; margin: 70px auto 0; }
#main .inquiry form .i p { color: #292929; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; margin: 0 0 11px; }
#main .inquiry form .i p span { color: #F49B2A; }
#main .inquiry form .i select ,
#main .inquiry form .i input { width: 100%; height: 60px; padding: 0 20px; font-family: 'Pretendard'; font-size: 24px; font-weight: 300; border: 1px solid #CFCFCF; }
#main .inquiry form .i select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 60px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.25 6.875L10 13.125L3.75 6.875' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 20px center; background-color: #FFF; background-size: 20px; }
#main .inquiry form .i input::placeholder { color: #707070; }
#main .inquiry form .a label { color: #292929; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; position: relative; padding: 0 0 0 32px; }
#main .inquiry form .a label input[type=checkbox] { appearance: none; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); padding: 0; margin: 0; width: 20px; height: 20px; border: 1px solid #656565; background-color:#ffffff; accent-color: #656565; }
#main .inquiry form .a label input[type=checkbox]:checked { appearance:auto; }
#main .inquiry form .b button { border-radius: 10px; background: #F49B2A; padding: 12px 30px; color: #FFF; font-family: 'Pretendard'; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; border: none; width: 100%; margin: 40px 0 0; } 
#main .inquiry .info { max-width: 794px; margin: 96px auto 0; display: flex; justify-content: space-between; align-items: flex-end; }
#main .inquiry .info div .tel { display: block; color: #292929; font-family: "Elice DX Neolli"; font-size: 30px; font-style: normal; font-weight: 700; line-height: 123.333%; }
#main .inquiry .info div .homepage { color: #F49B2A; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 600; line-height: 150%; margin: 10px 0 0; }
#main .inquiry .info div .homepage a { color: #292929; font-weight: 300; }
#main .inquiry .info div .quote { color: #292929; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 300; line-height: 150%; position: relative; padding: 0 28px 0 35px; }
#main .inquiry .info div .quote:before ,
#main .inquiry .info div .quote:after { content: ''; position: absolute; background-position: center; background-repeat: no-repeat; background-size: cover; width: 23px; height: 19px; }
#main .inquiry .info div .quote:before { background-image: url('../img/main/quote1.png'); top: 5px; left: 0; }
#main .inquiry .info div .quote:after { background-image: url('../img/main/quote2.png'); bottom: 5px; right: 0; }
#main .inquiry .info div .quote b { font-weight: 600; }
#main .inquiry .info div .quote strong { color: #F49B2A; font-weight: 600; }

@media screen and ( max-width: 1250px ) {
    #main .inquiry form { gap: 18px; margin: 63px auto 0; }
    #main .inquiry form .i p { font-size: 18px; margin: 0 0 10px; }
    #main .inquiry form .i select ,
    #main .inquiry form .i input { height: 54px; padding: 0 18px; font-size: 21.5px; }
    #main .inquiry form .i select { padding-right: 54px; background-position: right 18px center; background-size: 18px; }
    #main .inquiry form .a label { font-size: 18px; padding: 0 0 0 29px; }
    #main .inquiry form .a label input[type=checkbox] { width: 18px; height: 18px; }
    #main .inquiry form .b button { border-radius: 9px; padding: 11px 27px; font-size: 22px; margin: 36px 0 0; } 
    #main .inquiry .info { margin: 87px auto 0; }
    #main .inquiry .info div .tel { font-size: 27px; }
    #main .inquiry .info div .homepage { font-size: 18px; margin: 9px 0 0; }
    #main .inquiry .info div .quote { font-size: 18px; padding: 0 25px 0 31px; }
    #main .inquiry .info div .quote:before ,
    #main .inquiry .info div .quote:after { width: 20.5px; height: 16.5px; }
    #main .inquiry .info div .quote:before { top: 4.5px; }
    #main .inquiry .info div .quote:after { bottom: 4.5px; }
}
@media screen and ( max-width: 1024px ) {
    #main .inquiry form { gap: 16px; margin: 56px auto 0; }
    #main .inquiry form .i p { font-size: 16px; margin: 0 0 9px; }
    #main .inquiry form .i select ,
    #main .inquiry form .i input { height: 48px; padding: 0 16px; font-size: 19px; }
    #main .inquiry form .i select { padding-right: 48px; background-position: right 16px center; background-size: 16px; }
    #main .inquiry form .a label { font-size: 16px; padding: 0 0 0 26px; }
    #main .inquiry form .a label input[type=checkbox] { width: 16px; height: 16px; }
    #main .inquiry form .b button { border-radius: 8px; padding: 10px 24px; font-size: 20px; margin: 32px 0 0; } 
    #main .inquiry .info { margin: 78px auto 0; }
    #main .inquiry .info div .tel { font-size: 24px; }
    #main .inquiry .info div .homepage { font-size: 16px; margin: 8px 0 0; }
    #main .inquiry .info div .quote { font-size: 16px; padding: 0 22px 0 27px; }
    #main .inquiry .info div .quote:before ,
    #main .inquiry .info div .quote:after { width: 18px; height: 14px; }
    #main .inquiry .info div .quote:before { top: 4px; }
    #main .inquiry .info div .quote:after { bottom: 4px; }
}
@media screen and ( max-width: 768px ) {
    #main .inquiry form { gap: 14px; margin: 49px auto 0; }
    #main .inquiry form .i p { font-size: 14px; margin: 0 0 8px; }
    #main .inquiry form .i select ,
    #main .inquiry form .i input { height: 42px; padding: 0 14px; font-size: 16.5px; }
    #main .inquiry form .i select { padding-right: 42px; background-position: right 14px center; background-size: 14px; }
    #main .inquiry form .a label { font-size: 14px; padding: 0 0 0 23px; }
    #main .inquiry form .a label input[type=checkbox] { width: 14px; height: 14px; }
    #main .inquiry form .b button { border-radius: 7px; padding: 9px 21px; font-size: 18px; margin: 28px 0 0; } 
    #main .inquiry .info { margin: 69px auto 0; }
    #main .inquiry .info div .tel { font-size: 21px; }
    #main .inquiry .info div .homepage { font-size: 14px; margin: 7px 0 0; }
    #main .inquiry .info div .quote { font-size: 14px; padding: 0 19px 0 23px; }
    #main .inquiry .info div .quote:before ,
    #main .inquiry .info div .quote:after { width: 15.5px; height: 11.5px; }
    #main .inquiry .info div .quote:before { top: 3.5px; }
    #main .inquiry .info div .quote:after { bottom: 3.5px; }
}
@media screen and ( max-width: 640px ) {
    #main .inquiry form { gap: 12px; margin: 42px auto 0; }
    #main .inquiry form .i p { font-size: 12px; margin: 0 0 7px; }
    #main .inquiry form .i select ,
    #main .inquiry form .i input { height: 36px; padding: 0 12px; font-size: 14px; }
    #main .inquiry form .i select { padding-right: 36px; background-position: right 12px center; background-size: 12px; }
    #main .inquiry form .a label { font-size: 12px; padding: 0 0 0 20px; }
    #main .inquiry form .a label input[type=checkbox] { width: 12px; height: 12px; }
    #main .inquiry form .b button { border-radius: 6px; padding: 8px 18px; font-size: 16px; margin: 24px 0 0; } 
    #main .inquiry .info { margin: 60px auto 0; flex-direction: column; align-items: stretch; gap: 24px; text-align: center; }
    #main .inquiry .info div .tel { font-size: 18px; }
    #main .inquiry .info div .homepage { font-size: 12px; margin: 6px 0 0; }
    #main .inquiry .info div .quote { display: inline-block; font-size: 12px; padding: 0 16px 0 19px; }
    #main .inquiry .info div .quote:before ,
    #main .inquiry .info div .quote:after { width: 13px; height: 9px; }
    #main .inquiry .info div .quote:before { top: 3px; }
    #main .inquiry .info div .quote:after { bottom: 3px; }
}










.popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1001; }
.popup .box { position: fixed; top: 50%; left: 50%; max-width: 90%; width: 660px; transform: translate(-50%, -50%); max-height: 90%; background-color: #ffffff; border-radius: 10px; }
.popup .box > div { position: relative; padding: 40px 30px; }
.popup .box div .tit { font-size: 18px; font-weight: 700; color: #2a2a2a; position: relative; }
.popup .box div a { display: block; position: absolute; top: 10px; right: 5px; width: 40px; height: 40px; }
.popup .box div a:after { display: block; content: "\00d7"; font-size: 35px; color: #999999; }
.popup .box div p { margin: 30px 0 0; font-size: 16px; color: #2a2a2a; max-height: 40vh; overflow-y: scroll; -ms-overflow-style: none; }
.popup .box div p::-webkit-scrollbar { display: none; }

@media screen and ( max-width: 1250px ) {
    .popup .box { border-radius: 9px; }
    .popup .box > div { padding: 36px 27px; }
    .popup .box div .tit { font-size: 17px; }
    .popup .box div a { top: 9px; right: 4.5px; width: 36px; height: 36px; }
    .popup .box div a:after { font-size: 32px; }
    .popup .box div p { margin: 27px 0 0; font-size: 15px; }
}
@media screen and ( max-width: 1024px ) {
    .popup .box { border-radius: 8px; }
    .popup .box > div { padding: 32px 24px; }
    .popup .box div .tit { font-size: 16px; }
    .popup .box div a { top: 8px; right: 4px; width: 32px; height: 32px; }
    .popup .box div a:after { font-size: 29px; }
    .popup .box div p { margin: 24px 0 0; font-size: 14px; }
}
@media screen and ( max-width: 768px ) {
    .popup .box { border-radius: 7px; }
    .popup .box > div { padding: 28px 21px; }
    .popup .box div .tit { font-size: 15px; }
    .popup .box div a { top: 7px; right: 3.5px; width: 28px; height: 28px; }
    .popup .box div a:after { font-size: 26px; }
    .popup .box div p { margin: 21px 0 0; font-size: 13px; }
}
@media screen and ( max-width: 640px ) {
    .popup .box { border-radius: 6px; }
    .popup .box > div { padding: 24px 18px; }
    .popup .box div .tit { font-size: 14px; }
    .popup .box div a { top: 6px; right: 3px; width: 24px; height: 24px; }
    .popup .box div a:after { font-size: 23px; }
    .popup .box div p { margin: 18px 0 0; font-size: 12px; }
}










@media screen and ( max-width: 1250px ) {
}
@media screen and ( max-width: 1024px ) {
}
@media screen and ( max-width: 768px ) {
}
@media screen and ( max-width: 640px ) {
}