@charset "utf-8";
@font-face {font-family: "Pretendard";font-weight: 900;src: url(/../../font/Pretendard-Black.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 800;src: url(/../../font/Pretendard-ExtraBold.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 700;src: url(/../../font/Pretendard-Bold.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 600;src: url(/../../font/Pretendard-SemiBold.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 500;src: url(/../../font/Pretendard-Medium.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 400;src: url(/../../font/Pretendard-Regular.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 300;src: url(/../../font/Pretendard-Light.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 200;src: url(/../../font/Pretendard-ExtraLight.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 100;src: url(/../../font/Pretendard-Thin.woff) format('woff');}

*{box-sizing: border-box;padding: 0;margin: 0; font-family:'Pretendard' !important; word-break: keep-all;}

.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a{text-decoration: none;}
ul{list-style: none;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{border:0; display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0}
p{padding:0;margin:0;word-break: keep-all;}
input,
select{font-size: var(--font-size20) !important; padding: 0 10px !important; line-height: 50px !important; height: 50px !important; border: 1px solid #3f42ad2b !important;outline: none !important;box-shadow: unset !important;}
input[type='number']::-webkit-inner-spin-button {appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input:focus,
input:active,
select:focus,
select:active{border-bottom: 2px solid var(--blue-main) !important}
input::placeholder{color: #9ca3af !important;}
.admin_btn{ background: var(--red-main); color: #fff; line-height: 40px; padding: 0 10px; cursor: pointer;width: fit-content;}
#theme-controller .fixed-top{z-index: 999999;}
.modal{z-index: 999999;}
.nt-container{max-width: unset !important;width: 100%;}
:root{
    /* #3F42AD > #57409F > #683F96 > #753E8E > #873B84 > #9A3A79 > #B0376C */
    /* #3F42AD > #5B3A9E > #B0376C */
	--blue-main:#3F42AD;
	--blue-dip:#1F2062;
	--red-main:#B0376C;
	--max-width:1400px;
	--font-size100:100px;
	--font-size90:90px;
	--font-size80:80px;
	--font-size70:70px;
	--font-size60:60px;
	--font-size50:50px;
	--font-size40:40px;
	--font-size30:30px;
	--font-size20:20px;
	--font-size18:18px;
	--font-size15:15px;
}

.wrapper{}
/* head 시작 */
.wrapper #nt_header{position: fixed; top: 0; left: 0; width: 100%; height: fit-content; background: #fff; z-index: 999;box-shadow: 0px 1px 3px #00000014;}
.wrapper #nt_header .head_wrap{display: flex; justify-content: space-between; align-items: center;width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;padding: 0;height: 90px;}
.wrapper #nt_header .head_wrap .header-logo{}
.wrapper #nt_header .head_wrap .header-logo a{}
.wrapper #nt_header .head_wrap .header-logo a #logo_img{height: var(--font-size40);}
.wrapper #nt_header .head_wrap #nt_menu{box-shadow: unset !important; width: calc(100% - 175px); display: flex; align-items: center; justify-content: space-between;height: 100%;}
.wrapper #nt_header .head_wrap #nt_menu .me-list{width: 100%;height: 100%;}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul{justify-content: end;height: 100%;}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li{flex-basis: unset; flex-grow: unset; width: fit-content;}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li>a{line-height: 90px;}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li>a span{color: #787878; font-size: var(--font-size20); font-weight: 500;background: unset !important;position: relative;top: 0;left: 0;padding-left: var(--font-size20) !important;padding-right: var(--font-size20) !important;}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li>a:hover span{color: var(--blue-main);}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li>a span i{}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li.on>a span{color: var(--blue-main);font-weight: 700;}
/* .wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li.on>a span::after{content:"";display: block;width: calc(100% - 2rem);height: 2px;background: var(--blue-main);position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);} */
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li:hover>a span{color: var(--blue-main);}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li:hover>a span::after{content:"";display: block;width: calc(100% - 2rem);height: 2px;background: var(--blue-main);position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div{background: #fff; box-shadow: 0px 0px 5px #0000002e; border: 1px solid #eee; border-top: unset; border-radius: 10px; width: max-content !important; position: absolute; left: 50%; transform: translateX(-50%); min-width: 100%;}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div .sub-1dul{}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div .sub-1dul .sub-1dli{}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div .sub-1dul .sub-1dli>a{font-size: var(--font-size18); color: #787878; text-align: center; width: 100%; display: block; line-height: 50px;padding: 0 10px;}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div .sub-1dul .sub-1dli.on>a{color: var(--blue-main);font-weight: 600;}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div .sub-1dul .sub-1dli>a:hover{color:var(--blue-main);}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div .sub-1dul .sub-1dli>a i{}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div .sub-1dul .sub-1dli .sub-2div{}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div .sub-1dul .sub-1dli .sub-2div .sub-2dul{}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div .sub-1dul .sub-1dli .sub-2div .sub-2dul .sub-2dli{}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div .sub-1dul .sub-1dli .sub-2div .sub-2dul .sub-2dli a{}
.wrapper #nt_header .head_wrap #nt_menu .me-list .me-ul .me-li .sub-1div .sub-1dul .sub-1dli .sub-2div .sub-2dul .sub-2dli a i{}
.wrapper #nt_header .head_wrap #nt_menu .me-icon{width: 50px; height: 50px;display: none;}
.wrapper #nt_header .head_wrap #nt_menu .me-icon a{width: 100%;height: 100%;position: relative;top: 0;left: 0;display: block;}
.wrapper #nt_header .head_wrap #nt_menu .me-icon a span{position: absolute;left: 50%;width: 70%;height: 2px;background: var(--blue-main);border-radius: 2px;transform: translateX(-50%);transition: 0.3s;}
.wrapper #nt_header .head_wrap #nt_menu .me-icon a span:nth-child(1){top: 12px;}
.wrapper #nt_header .head_wrap #nt_menu .me-icon a span:nth-child(2){top: 50%;}
.wrapper #nt_header .head_wrap #nt_menu .me-icon a span:nth-child(3){bottom: 10px;}
.wrapper #nt_header .head_wrap #nt_menu .me-icon.atv a span:nth-child(1){top:50%; transform: translate(-50%, -50%) rotate(45deg);}
.wrapper #nt_header .head_wrap #nt_menu .me-icon.atv a span:nth-child(2){opacity: 0;}
.wrapper #nt_header .head_wrap #nt_menu .me-icon.atv a span:nth-child(3){top:50%; transform: translate(-50%, -50%) rotate(-45deg);}
.wrapper #nt_header .head_wrap .user_menu{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; gap: 10px;}
.wrapper #nt_header .head_wrap .user_menu p{font-size: 15px; line-height: 25px; cursor: pointer; color: #797979;}
.wrapper #nt_header .head_wrap .user_menu p:hover{color: var(--blue-main);}
/* head 끝 */



/* tail 시작 */
#tail .tail_inquiry{background: #0F172A;padding: 100px 0;}
#tail .tail_inquiry .wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
#tail .tail_inquiry .wrap .left{width: calc(40% - 50px);}
#tail .tail_inquiry .wrap .left>span{color: #fff; display: block; font-size: var(--font-size30); font-weight: 600; margin-bottom: 10px;}
#tail .tail_inquiry .wrap .left>b{color: #fff; display: block; font-size: var(--font-size50); line-height: var(--font-size60); margin-bottom: 50px;}
#tail .tail_inquiry .wrap .left>p{font-size: var(--font-size20); line-height: var(--font-size30);color: #fff;}
#tail .tail_inquiry .wrap .left>p b{}
#tail .tail_inquiry .wrap .right{width:60%;display: flex;justify-content: space-between;align-items: center;justify-content: space-between;height: 100%;}
#tail .tail_inquiry .wrap .right>div{width: calc(50% - 10px);height: 80%;border: 1px solid #fff;display: flex; flex-flow: column;align-items: center;gap: 20px; padding: 30px 10px;cursor: pointer;transition: 0.3s;position: relative;top: 0;left: 0;}
#tail .tail_inquiry .wrap .right>div::before{content: ""; position: absolute; top: 11px; left: 11px; width: 0; transform: rotate(-45deg); height: 0; border-bottom: 30px solid transparent; border-top: 30px solid #fff; border-left: 30px solid transparent; border-right: 30px solid transparent;opacity: 0;transition: 0.1s;}
#tail .tail_inquiry .wrap .right>div::after{content: "";position: absolute;top: -31px;left: -31px;width: 0;transform: rotate(-45deg);height: 0;border-bottom: 30px solid #0F172A;border-top: 30px solid transparent;border-left: 30px solid transparent;border-right: 30px solid transparent;opacity: 0;transition: 0.1s;}
#tail .tail_inquiry .wrap .right>div:nth-child(2):before{content: ""; position: absolute; top: 11px; left: 11px; width: 0; transform: rotate(-45deg); height: 0; border-bottom: 30px solid transparent; border-top: 30px solid #0F172A; border-left: 30px solid transparent; border-right: 30px solid transparent;opacity: 0;transition: 0.1s;}
#tail .tail_inquiry .wrap .right>div:nth-child(2):after{content: "";position: absolute;top: -32px;left: -32px;width: 0;transform: rotate(-45deg);height: 0;border-bottom: 30px solid #0F172A;border-top: 30px solid transparent;border-left: 30px solid transparent;border-right: 30px solid transparent;opacity: 0;transition: 0.1s;}
#tail .tail_inquiry .wrap .right>div p{text-align: center; font-size: calc(var(--font-size20) + 5px); font-weight: 500; line-height: calc(var(--font-size30) + 5px); color: #fff;}
#tail .tail_inquiry .wrap .right>div img{filter: brightness(0) invert(1); width:var(--font-size50);}
#tail .tail_inquiry .wrap .right>div:nth-child(2){background: #fff;}
#tail .tail_inquiry .wrap .right>div:nth-child(2) p{color: #0F172A;font-weight: 600;}
#tail .tail_inquiry .wrap .right>div:nth-child(2) img{filter: unset;}
#tail .tail_inquiry .wrap .right>div:hover::before,
#tail .tail_inquiry .wrap .right>div:hover::after{opacity: 1;}
#tail .portfolio_marquee{position: relative; padding: 50px 0 100px; background: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#tail .portfolio_marquee>p{font-size: var(--font-size20); text-align: center; margin-bottom: 50px; color: #bbb; font-style: oblique; font-weight: 300;}
#tail .portfolio_marquee .marquee_wrap{overflow: hidden;}
#tail .portfolio_marquee .marquee_wrap .track{display: flex;width: max-content;will-change: transform;animation-play-state: running;}
#tail .portfolio_marquee .marquee_wrap.row-top .track{animation: marquee_left linear infinite;}
#tail .portfolio_marquee .marquee_wrap .track .portfolio_item{width: calc(var(--font-size50) * 4); height: auto; aspect-ratio: auto 1 / 0.6; border-radius: 0px;margin-right: calc(var(--font-size50) * 4);flex-shrink: 0;transition: transform .3s ease;overflow: hidden;}
#tail .portfolio_marquee .marquee_wrap .track .portfolio_item .item_bg{background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%; transition: 0.3s; filter: saturate(0); opacity: 0.5;}
/* #tail .portfolio_marquee .marquee_wrap .track .portfolio_item:hover .item_bg{scale: 1.2;} */
#tail .portfolio_marquee.paused .marquee_wrap .track {animation-play-state: paused;}
#tail .tail_data{background: #eee;}
#tail .tail_data{}
#tail .tail_data .copyright{width: 100%;padding: 0 20px;background: #fff;border-top: 1px solid #eee;}
#tail .tail_data .copyright p{text-align: center; font-size: var(--font-size18); font-weight: 300; line-height: 50px;color: #737373;}
#tail .tail_data .copyright p i{font-size: var(--font-size18) !important; color: #979797;}
#tail .tail_data .link_wrap{display: flex; justify-content: center; align-items: center; column-gap: var(--font-size30); padding: 0 10px; background: #ddd;flex-flow: row wrap;}
#tail .tail_data .link_wrap a{line-height: 50px;font-size: var(--font-size18);color: #737373;}
#tail .tail_data .link_wrap a:hover{text-decoration: underline;}
#tail .tail_data .data_wrap{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto; display: flex; align-items: center; flex-flow: row wrap; column-gap: 30px; padding: 50px 0; justify-content: center;}
#tail .tail_data .data_wrap p{font-size: var(--font-size18); color: #737373; font-weight: 400;position: relative;top: 0;left: 0;}
#tail .tail_data .data_wrap p:last-child::after{display: none;}
#tail .tail_data .data_wrap p::after{content: ""; position: absolute; top: 50%; right: -16px; transform: translateY(-50%); width: 1px; height: 20px; background: #b5b5b5;}
@keyframes marquee_left {
	from { transform: translateX(calc(-1 * var(--move))); }
	to { transform: translateX(0); }
}
/* tail 끝 */



/* 메인 시작 */
#main{}
#main .main_title{margin-bottom: 50px;}
#main .main_title>span{color: var(--blue-main); display: block; font-size: var(--font-size30); font-weight: 600; margin-bottom: 10px;}
#main .main_title>b{color: var(--blue-dip); display: block; font-size: var(--font-size50); line-height: var(--font-size60); margin-bottom: 20px;}
#main .main_title>p{font-size: var(--font-size30); line-height: var(--font-size40);}
#main .main_title>p b{}
#main .main_visual{width: 100%; height: calc(100vh - 90px); background-image: url('/../img/main_visual01.png'); background-repeat: no-repeat; background-position: center; background-size: cover;}
#main .main_visual .swiper-wrapper{}
#main .main_visual .swiper-wrapper .swiper-slide{opacity: 0 !important;}
#main .main_visual .swiper-wrapper .swiper-slide.swiper-slide-active{opacity: 1 !important;}
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: calc(100% - 40px); text-align: center; max-height: calc(100% - 40px);white-space: nowrap;}
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .sm_title{font-size: var(--font-size40); font-weight: 600;color: var(--blue-main);margin-bottom: var(--font-size30);}
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .big_title1{font-size: var(--font-size90); font-weight: 600; color: var(--blue-dip);line-height: var(--font-size90);}
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .big_title2{font-size: var(--font-size90); font-weight: 600; color: var(--blue-main);line-height: var(--font-size90);margin-bottom: var(--font-size50);}
#main .main_visual .swiper-wrapper .swiper-slide.swiper-slide-active .text_wrap .big_title1{animation:text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;}
#main .main_visual .swiper-wrapper .swiper-slide.swiper-slide-active .text_wrap .big_title2{animation:text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .con1,
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .con2{font-size: var(--font-size30); font-weight: 600;display: none;}
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .key_w{font-size: var(--font-size30); color: #7f7f7f;margin-top: var(--font-size30);margin-bottom: var(--font-size70);}
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap a{display: flex; justify-content: center; align-items: center; margin: 0 auto; font-size: var(--font-size20); line-height: 50px; width: fit-content; padding: 0 25px 0 20px; gap: 10px;}
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap a i{font-size: var(--font-size30) !important;padding-bottom: 2px;}
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap a:hover i{animation: moveL 0.5s ease-in-out infinite;}
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .service_btn{background: var(--blue-main); color: #fff; }
#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .portfolio_btn{}
#main .main_visual .swiper-pagination{bottom: unset; width: fit-content; display: flex; gap: 5px; top: 20px; left: 50%; transform: translateX(-50%);width: fit-content;height: fit-content;}
#main .main_visual .swiper-pagination .swiper-pagination-bullet{width: var(--font-size30); height: 3px; border-radius: unset;margin: 0;}
#main .main_visual .swiper-pagination .swiper-pagination-bullet-active{background: var(--blue-main);}
#main .main_visual>img{width: var(--font-size30); height: fit-content; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);animation: moveD 1s ease-in-out infinite;}
#main .philosophy{width: calc(100% - 40px);max-width: var(--max-width);margin: 200px auto;display: flex;justify-content: space-between;align-items: center;}
#main .philosophy>div{}
#main .philosophy .left{width: 40%;position: relative; top: 0; left: 0;}
#main .philosophy .left .img_wrap{width: calc(100% - 5%);border: 3px solid #ddd;padding: 20px;}
#main .philosophy .left img{filter: sepia(1) hue-rotate(350deg) saturate(0);transition: 0.3s;width: 100%;cursor: pointer;}
#main .philosophy .left:hover img{filter: sepia(1) hue-rotate(350deg) saturate(1);}
#main .philosophy .left .text_wrap{position: absolute; right: 0; bottom: -30px; background: var(--blue-main); padding: 20px;cursor: pointer;}
#main .philosophy .left .text_wrap p{font-size: var(--font-size20); color: #ffffff8c; text-align: right; font-weight: 300;}
#main .philosophy .left .text_wrap p b{font-weight: 600;color: #fff;}
#main .philosophy .right{width: calc(60% - 50px);}
#main .philosophy .right ul{}
#main .philosophy .right ul li{display: flex;gap: 10px;margin-bottom: 30px;}
#main .philosophy .right ul li i{font-size: var(--font-size20) !important; background: #3f42ad2e; color: var(--blue-main); border-radius: 5px; width: 30px; height: 30px; text-align: center; line-height: 30px !important; filter: saturate(0);}
#main .philosophy .right ul li:hover i{filter: saturate(1);}
#main .philosophy .right ul li .text{width: calc(100% - 40px);}
#main .philosophy .right ul li .text span{font-size: var(--font-size20); line-height: 30px; font-weight: 600; display: block; margin-bottom: 10px;}
#main .philosophy .right ul li .text p{font-size: var(--font-size20); line-height: var(--font-size30);}
#main .philosophy .right>p{display: flex; align-items: center;  line-height: 50px; width: fit-content; gap: 10px;cursor: pointer;}
#main .philosophy .right>p span{font-weight: 500;font-size: var(--font-size20);display: block;width: fit-content;}
#main .philosophy .right>p i{font-size: var(--font-size30) !important;padding-bottom: 2px;}
#main .philosophy .right>p:hover span{text-decoration: underline;}
#main .philosophy .right>p:hover i{animation: moveL 0.5s ease-in-out infinite;}
#main .core_wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
#main .core_wrap ul{display: flex; justify-content: space-between; align-items: stretch;}
#main .core_wrap ul li{height: auto; width: 25%; padding: 50px 40px 100px; border: 1px solid #ddd; border-right: unset;box-shadow: 1px 0px 1px #ddd;cursor: pointer;position: relative;top: 0;left: 0;}
#main .core_wrap ul li:hover{transform: translateY(-10px);background: #F1F1F6;}
#main .core_wrap ul li:last-child{border-right: 1px solid #ddd ; box-shadow: unset}
#main .core_wrap ul li .service_name{display: flex;align-items: center;margin-bottom: 20px;}
#main .core_wrap ul li .service_name i{font-size: var(--font-size18) !important; background: #3f42ad2e; color: var(--blue-main); padding: 8px; border-radius: 5px;margin-right: 5px;}
#main .core_wrap ul li .service_name b{font-size: calc(var(--font-size20) + 5px);padding-left: 10px;}
#main .core_wrap ul li>p{font-size: var(--font-size20); line-height: var(--font-size30);}
#main .core_wrap ul li>span{display: flex; align-items: center; line-height: 50px; width: fit-content; gap: 10px; justify-content: end; width: 100%;position: absolute;bottom: 40px;right: 40px;}
#main .core_wrap ul li>span b{font-weight: 500;font-size: var(--font-size20);display: block;width: fit-content;}
#main .core_wrap ul li>span i{font-size: var(--font-size30) !important;padding-bottom: 2px;}
#main .core_wrap ul li:hover>span b{text-decoration: underline;}
#main .core_wrap ul li:hover>span i{animation: moveL 0.5s ease-in-out infinite;}
#main .choose{margin: 200px auto;background: #0F172A;padding: 200px 0;}
#main .choose>.wrap{width: calc(100% - 40px); max-width: var(--max-width); display: flex; justify-content: flex-end; align-items: center; flex-flow: row wrap; position: relative; margin: 0 auto;}
#main .choose>.wrap .left{position: absolute; width: 100%; height: fit-content; left: 50%; max-width: var(--max-width); transform: translateX(-50%); top: 0px; display: flex; justify-content: start;z-index: 1;flex-flow: column;}
#main .choose>.wrap .left>b{color: #fff; display: block; font-size: var(--font-size70); line-height: var(--font-size70); margin-bottom: 50px; font-weight: 600;}
#main .choose>.wrap .left>b span{font-weight: 700;}
#main .choose>.wrap .left .img_wrap{height: 300px; border: 10px solid #fff;width: fit-content;}
#main .choose>.wrap .left .img_wrap img{height: 100%;}
#main .choose>.wrap .left.floating{position: fixed;top: 290px;width: calc(100% - 40px);}
#main .choose>.wrap .left.atv{position: absolute;bottom: 0;top: unset;}
#main .choose>.wrap .right{width: 70%;position: relative;z-index: 2;}
#main .choose>.wrap .right ul{}
#main .choose>.wrap .right ul li{margin-bottom: 50px; display: flex; flex-flow: column; align-items: end;text-align: right;}
#main .choose>.wrap .right ul li:last-child{margin-bottom: 0;}
#main .choose>.wrap .right ul li .choose_title{position: relative; top: 0; left: 0; width: fit-content; max-width: 100%;padding-bottom: 10px;cursor: pointer;}
#main .choose>.wrap .right ul li .choose_title::before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #ffffff29;}
#main .choose>.wrap .right ul li .choose_title::after{content: "▼"; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 30px; height: 30px; text-align: center; line-height: 30px; color: #ffffff29; font-size: 10px;}
#main .choose>.wrap .right ul li .choose_title b{font-size: var(--font-size30);line-height: var(--font-size40); font-weight: 500; color: #fff;}
#main .choose>.wrap .right ul li .choose_title b br{display: none;}
#main .choose>.wrap .right ul li .choose_title p{font-size: var(--font-size20);line-height: var(--font-size30); color: #fff;}
#main .choose>.wrap .right ul li .choose_con{height: 0; overflow: hidden; transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
#main .choose>.wrap .right ul li .choose_con p{color: #ffffff6b; font-size: var(--font-size20);padding-top: 20px;}
#main .count_wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
#main .count_wrap ul{display: flex; justify-content: space-between; align-items: stretch;width: 100%;}
#main .count_wrap ul li{height: auto; width: 33.333333%; padding: 30px 40px; border: 1px solid #ddd; border-right: unset;position: relative;top: 0;left: 0;overflow: hidden;}
#main .count_wrap ul li:last-child{border-right: 1px solid #ddd ;}
#main .count_wrap ul li span{display:flex;align-items: center;gap: 10px; font-size: var(--font-size20); margin-bottom: 30px;color: #898989;}
#main .count_wrap ul li span i{color: var(--blue-main); font-size: var(--font-size30) !important;}
#main .count_wrap ul li p{font-size: var(--font-size30); font-weight: 500;text-align: right;}
#main .count_wrap ul li p b{font-size: var(--font-size60);}
#main .review_wrap{width: calc(100% - 40px); max-width: var(--max-width);margin: 200px auto;display: flex;justify-content: space-between;align-items: center;}
#main .review_wrap .main_title{width: 40%;position: relative;z-index: 2;margin-bottom: 0;}
#main .review_wrap .review_swiper{padding: 10px;width:calc(60% - 20px);overflow: unset !important;}
#main .review_wrap .review_swiper::before{content: ""; position: absolute; height: 120%; width: 100%; background: #fff; z-index: 2; top: 50%; transform: translateY(-50%); right: 100%;}
#main .review_wrap .review_swiper .swiper-wrapper{}
#main .review_wrap .review_swiper .swiper-wrapper .swiper-slide{box-shadow: 2px 2px 4px #00000047; border-radius: 5px; overflow: hidden;padding: 20px;flex-flow: column; justify-content: space-between;background: #3f42ad17;}
#main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .top{margin-bottom: 20px;}
#main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .top .star{width: 100%;display: flex;align-items: center;margin-bottom: 10px;}
#main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .top .star span{font-size: var(--font-size20);color: #efa600;}
#main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .top>p{font-size: var(--font-size20);width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;line-height: var(--font-size30);min-height: 90px;}
#main .review_wrap .review_swiper .swiper-wrapper .swiper-slide>span{font-size: var(--font-size18); line-height: var(--font-size20); color: #676767; padding-top: 30px; border-top: 1px solid #ddd;display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-align: right;}
#main .event_wrap{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto;}
#main .event_wrap .main_title{position: relative;top: 0;left: 0;}
#main .event_wrap .main_title a{position: absolute;bottom: 0; right: 0;display: flex; align-items: center; line-height: 50px; width: fit-content; gap: 10px; justify-content: end;color: var(--blue-main);}
#main .event_wrap .main_title a span{font-weight: 500;font-size: var(--font-size20);display: block;width: fit-content;}
#main .event_wrap .main_title a i{font-size: var(--font-size30) !important;padding-bottom: 2px;}
#main .event_wrap .main_title a:hover>span{text-decoration: underline;}
#main .event_wrap .main_title a:hover>i{animation: moveL 0.5s ease-in-out infinite;}
#main .event_wrap .event_swiper{}
#main .event_wrap .event_swiper .swiper-wrapper{}
#main .event_wrap .event_swiper .swiper-wrapper .swiper-slide{}
#main .event_wrap .event_swiper .swiper-wrapper .swiper-slide .tegs{display: block; text-align: center; font-size: var(--font-size18); padding: 5px 10px; color: #fff; position: absolute; z-index: 1; top: 0px; right: 0px; border-radius: 5px; cursor: pointer;}
#main .event_wrap .event_swiper .swiper-wrapper .swiper-slide.ing .tegs{background: var(--blue-main);}
#main .event_wrap .event_swiper .swiper-wrapper .swiper-slide.today .tegs{background: #b0376c;}
#main .event_wrap .event_swiper .swiper-wrapper .swiper-slide.ready .tegs{background: #efa600;}
#main .event_wrap .event_swiper .swiper-wrapper .swiper-slide.end .tegs{background: #676767;}
#main .event_wrap .event_swiper .swiper-wrapper .swiper-slide .img-item{border-radius: 5px;overflow: hidden;}
#main .event_wrap .event_swiper .swiper-wrapper .swiper-slide:hover a img{scale: 1.1;}
#main .event_wrap .event_swiper .swiper-wrapper .swiper-slide .img-item.no_img{border: 1px solid #e7e7e7;background: #fff;}
#main .event_wrap .event_swiper .swiper-wrapper .swiper-slide .img-item a{}
#main .event_wrap .event_swiper .swiper-wrapper .swiper-slide .img-item a img{width: 100%;transition: 0.3s;}



@keyframes text-active-animation {
    0% {
        opacity: 0;
        filter: Alpha(opacity = 0);
        transform: translateY(100%);
    }
    100% {
        opacity: 1.0;
        filter: Alpha(opacity = 100);
        transform: translateY(0);
    }
}
@keyframes moveL {
	0% {transform: translateX(0);}
	50% {transform: translateX(5px);}
	100% {transform: translateX(0);}
}
@keyframes moveD {
	0% {transform: translateY(0) translateX(-50%);}
	50% {transform: translateY(-10px) translateX(-50%);}
	100% {transform: translateY(0) translateX(-50%);}
}
/* 메인 끝 */




/* 서브페이지 공통 시작 */
.wrapper #nt_body{padding-top: 90px;padding-bottom: 200px;overflow-x: hidden;}
.sub_wrap{width: calc(100% - 40px); max-width: var(--max-width); margin: 100px auto 0}
.sub_wrap .con{margin-bottom: 200px;}
.sub_wrap .con:last-child{margin-bottom: 0;}
.sub_wrap .con_title{margin-bottom: 20px;}
.sub_wrap .con_title>span{font-size: var(--font-size20); font-weight: 500;display: block;}
.sub_wrap .con_title>p{font-size: var(--font-size50); font-weight: 800; color: var(--blue-dip);margin: 0px 0 30px;}
.sub_wrap .con_title>b{font-weight: 700; font-size: var(--font-size30); line-height: calc(var(--font-size40) + 5px); display: block;}
.sub_wrap .con_title>b span{}
.sub_wrap .con_basic{font-size: var(--font-size20); font-weight: 500; line-height: var(--font-size30);}
.sub_wrap .con .feed{font-size: var(--font-size18);line-height: var(--font-size30); color: #676767;display: block;padding-left: var(--font-size18);position: relative;top: 0;left: 0;}
.sub_wrap .con .feed::before{content:"※"; font-size: var(--font-size18);color: #676767;display: block;position: absolute;top: 0;left: 0;line-height: var(--font-size30);}
.text_block{display: none;}
.text_pc{display: block;}
.con .con_list_title{font-size: var(--font-size20); font-weight: 500; line-height: var(--font-size30);margin-top: 50px;padding-left: var(--font-size20);position: relative;top: 0;left: 0;}
.con .con_list_title::before{content:"■"; font-size: var(--font-size20);color: #000;display: block;position: absolute;top: 0;left: 0;line-height: var(--font-size30);}
.con .list_grid{margin-top: 10px;}
.con .list_grid p{font-size: var(--font-size18);line-height: var(--font-size30);}
.con .list_grid li{font-size: var(--font-size18);line-height: var(--font-size30);padding-left: var(--font-size18);position: relative;top: 0;left: 0;}
.con .list_grid li::before{content:"•"; font-size: var(--font-size18);color: #000;display: block;position: absolute;top: 0;left: 0;line-height: var(--font-size30);}
.con .list_grid li.grid2::before{content:"-";}
/* 서브페이지 공통 끝 */



/* 개인정보처리방침, 이용약관, 이메일 무단수집거부 시작 */
.guide_page{}
.guide_page .con{}
.guide_page .con h1,
.guide_page .con h2,
.guide_page .con h3,
.guide_page .con h4,
.guide_page .con h5,
.guide_page .con h6,
.guide_page .con p,
.guide_page .con a,
.guide_page .con span,
.guide_page .con b{font-size: var(--font-size20) !important;}
.guide_page .privacy_table{overflow-x: auto;border: 1px solid #dfdfdf;margin-top: 50px;}
.guide_page .privacy_table li{display: flex;justify-content: space-between;align-items: stretch;min-width: 800px;}
.guide_page .privacy_table li p{height: auto;text-align: center;font-size: var(--font-size18) !important;border-bottom: 1px solid #dfdfdf;padding: 10px;}
.guide_page .privacy_table li p:nth-child(1){width: 45%;}
.guide_page .privacy_table li p:nth-child(2){width: 35%;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}
.guide_page .privacy_table li p:nth-child(3){width: 20%;}
.guide_page .privacy_table li:first-child p{font-weight: 600;background: #eee;}
.guide_page .privacy_table li:last-child p{border-bottom: unset;}
/* 개인정보처리방침, 이용약관, 이메일 무단수집거부 끝 */

/* 회사소개 시작 */
#company{}
#company .con.identity .img_wrap{display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap; align-items: stretch;margin-top: 50px;}
#company .con.identity .img_wrap>img{height: auto;width: 250px;}
#company .con.identity .img_wrap .colors{height: auto; width: calc(100% - 400px); display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; gap: 20px;}
#company .con.identity .img_wrap .colors>div{height: calc(50% - 10px); width: calc(33.333333% - 14px);position: relative;top: 0;left: 0;}
#company .con.identity .img_wrap .colors>div::after{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: var(--font-size20);color: #ffffff54;}
#company .con.identity .img_wrap .colors>div.div_color01{background: #3F42AD;}
#company .con.identity .img_wrap .colors>div.div_color02{background: #5B3A9E;}
#company .con.identity .img_wrap .colors>div.div_color03{background: #B0376C;}
#company .con.identity .img_wrap .colors>div.div_color04{width: 100%;background: linear-gradient(to right, #3F42AD ,#5B3A9E, #B0376C);}
#company .con.identity .img_wrap .colors>div.div_color01::after{content:"#3F42AD";}
#company .con.identity .img_wrap .colors>div.div_color02::after{content:"#5B3A9E";}
#company .con.identity .img_wrap .colors>div.div_color03::after{content:"#B0376C";}
#company .con.identity .img_wrap .colors>div.div_color04::after{display: none;}
#company .con.process .process_wrap{display: flex;justify-content: space-between;align-items: center;margin: 50px 0;}
#company .con.process .process_wrap>div{width: calc(82% / 7);height: auto;aspect-ratio: auto 1 / 1;border-radius: 100px;position: relative;top: 0;left: 0;}
#company .con.process .process_wrap>div:nth-child(1){border: 1px solid #3F42AD;}
#company .con.process .process_wrap>div:nth-child(3){border: 1px solid #57409F;}
#company .con.process .process_wrap>div:nth-child(5){border: 1px solid #683F96;}
#company .con.process .process_wrap>div:nth-child(8){border: 1px solid #753E8E;}
#company .con.process .process_wrap>div:nth-child(10){border: 1px solid #873B84;}
#company .con.process .process_wrap>div:nth-child(12){border: 1px solid #9A3A79;}
#company .con.process .process_wrap>div:nth-child(14){border: 1px solid #B0376C;}
#company .con.process .process_wrap>div .lines{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;height: auto;aspect-ratio: auto 1 / 1;border-radius: 100px;display: flex;justify-content: center;align-items: center;}
#company .con.process .process_wrap>div:nth-child(1) .lines{background: #3F42AD;}
#company .con.process .process_wrap>div:nth-child(3) .lines{background: #57409F;}
#company .con.process .process_wrap>div:nth-child(5) .lines{background: #683F96;}
#company .con.process .process_wrap>div:nth-child(8) .lines{background: #753E8E;}
#company .con.process .process_wrap>div:nth-child(10) .lines{background: #873B84;}
#company .con.process .process_wrap>div:nth-child(12) .lines{background: #9A3A79;}
#company .con.process .process_wrap>div:nth-child(14) .lines{background: #B0376C;}
#company .con.process .process_wrap>div .lines p{color: #fff;font-size: var(--font-size20);}
#company .con.process .process_wrap>i{width: 3%; font-size: var(--font-size30) !important;text-align: center;}
#company .con.process .process_wrap>i:nth-child(2){color: #3F42AD;}
#company .con.process .process_wrap>i:nth-child(4){color: #57409F;}
#company .con.process .process_wrap>i:nth-child(7){color: #683F96;}
#company .con.process .process_wrap>i:nth-child(9){color: #753E8E;}
#company .con.process .process_wrap>i:nth-child(11){color: #873B84;}
#company .con.process .process_wrap>i:nth-child(13){color: #9A3A79;}
#company .con.process .process_wrap .lines_block{display: none;}
#company .con.process ul{}
#company .con.process ul li{position: relative;top: 0;left: 0;padding-left: 20px;font-size: var(--font-size18);margin-bottom: 10px;}
#company .con.process ul li::before{content:"";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 10px;}
#company .con.process ul li:nth-child(1)::before{background: #3F42AD;}
#company .con.process ul li:nth-child(2)::before{background: #57409F;}
#company .con.process ul li:nth-child(3)::before{background: #683F96;}
#company .con.process ul li:nth-child(4)::before{background: #753E8E;}
#company .con.process ul li:nth-child(5)::before{background: #873B84;}
#company .con.process ul li:nth-child(6)::before{background: #9A3A79;}
#company .con.process ul li:nth-child(7)::before{background: #B0376C;}
#company .con.process ul li:nth-child(8){padding-left: 0;margin-bottom: 0;}
#company .con.process ul li:nth-child(8)::before{display: none;}
#company .con.work ul{margin-top: 50px;}
#company .con.work ul li{display: flex;align-items: center;gap: 30px;margin-bottom: 20px;}
#company .con.work ul li:last-child{margin-bottom: 0px;}
#company .con.work ul li div{width: 15%;max-width: 100px;height: auto;aspect-ratio: auto 1 / 1;border-radius: 100px;display: flex;justify-content: center;align-items: center;border: 1px solid #ddd;}
#company .con.work ul li div img{width: 65%;}
#company .con.work ul li p{font-size: var(--font-size18);width: calc(100% - 15% - 30px);}
#company .con.work ul li b{font-weight: 600;}
#company .con.last{}
#company .con.last b{text-align: center; display: block; font-size: var(--font-size30); line-height: var(--font-size40); font-weight: 600;}
#company .con.last p{font-size: var(--font-size20); text-align: center; margin-top: 20px;}
#company .con.last .img_wrap{display: flex;justify-content: center;align-items: center;gap: 30px;margin-top: 100px;}
#company .con.last .img_wrap img{background: #fff;width: 30%;box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);}
/* 회사소개 끝 */



/* 서비스 > 소개 시작 */
#service{}
#service .core_services{display: flex; justify-content: space-between; align-items: stretch;}
#service .core_services li{height: auto; width: 25%; padding: 50px 40px; border: 1px solid #ddd; border-right: unset;box-shadow: 1px 0px 1px #ddd;}
#service .core_services li:hover{transform: translateY(-10px);background: #F1F1F6;}
#service .core_services li:last-child{border-right: 1px solid #ddd ; box-shadow: unset}
#service .core_services li .service_name{display: flex;align-items: center;margin-bottom: 20px;}
#service .core_services li .service_name i{font-size: var(--font-size18) !important; background: #3f42ad2e; color: var(--blue-main); padding: 8px; border-radius: 5px;margin-right: 5px;}
#service .core_services li .service_name b{font-size: calc(var(--font-size20) + 5px);padding-left: 10px;}
#service #teb_btn_wrap { width: 100%; background: #fff; transition: all 0.3s ease; }
#service #teb_btn_wrap.fixed {position: fixed; left: 0; z-index: 2;}
#service #teb_btn_wrap.fixed ul{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto; }
#service #teb_btn_wrap ul{display: flex; justify-content: space-between; align-items: center;}
#service #teb_btn_wrap ul li{width: 25%; text-align: center; font-size: var(--font-size20); border: 1px solid var(--blue-main); border-right: unset; line-height: 50px; color: var(--blue-main); font-weight: 600;background: #fff;cursor: pointer;transition: 0.3s;}
#service #teb_btn_wrap ul li:last-child{border-right: 1px solid var(--blue-main); }
#service #teb_btn_wrap ul li:hover{background: var(--blue-main);color: #fff;}
#service #teb_btn_wrap ul li.atv{background: var(--blue-main);color: #fff;}
/* 서비스 > 소개 끝 */



/* 서비스 > 가격 시작 */
#price{}
/* 서비스 > 가격 끝 */



/* 리뷰 시작 */
#review{}
#review .con{margin: 50px 0 0; display: flex; justify-content: flex-start; gap: 20px; flex-flow: row wrap;align-items: stretch;}
#review .con li{width: calc(25% - 15px); box-shadow: 2px 2px 6px #00000047; border-radius: 5px; overflow: hidden;padding: 20px;flex-flow: column; justify-content: space-between;height: auto;}
#review .con li .top{margin-bottom: 20px;}
#review .con li .top .star{width: 100%;display: flex;align-items: center;margin-bottom: 10px;}
#review .con li .top .star span{font-size: var(--font-size20);color: #efa600;}
#review .con li .top p{font-size: var(--font-size20);width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;line-height: var(--font-size30);}
#review .con li>span{font-size: var(--font-size18); line-height: var(--font-size20); color: #676767; padding-top: 30px; border-top: 1px solid #ddd;display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-align: right;}
#review #review_more{font-size: var(--font-size20); width: 100%; max-width: 400px; margin: 100px auto 0; display: block;}
/* 리뷰 끝 */



/* 포트폴리오 시작 */
#portfolio{}
#portfolio .con{margin: 50px 0 0; display: flex; justify-content: flex-start; gap: 20px; flex-flow: row wrap;align-items: stretch;}
#portfolio .con li{width: calc(25% - 15px); box-shadow: 2px 2px 6px #00000047; border-radius: 5px; overflow: hidden;flex-flow: column; justify-content: space-between;height: auto;aspect-ratio: auto 1 / 1;}
#portfolio .con li div{width: 100%; height: 100%; background-position: top center; background-size: cover; background-repeat: no-repeat;}
#port_pop{display: none;}
#port_pop.open{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;display: block;}
#port_pop .pop_blind{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000e3;}
#port_pop .pop_inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%; display: flex; justify-content: space-between; align-items: center;}
#port_pop .pop_inner .pop_close{position: absolute; top: 0; right: 0; width: 50px; height: 50px; cursor: pointer;z-index: 2;}
#port_pop .pop_inner .pop_close span{display: block;width: 3px;height: 80%;background: #fff;border-radius: 5px;position: absolute;top: 50%;left: 50%;}
#port_pop .pop_inner .pop_close span:nth-child(1){transform: translate(-50%, -50%) rotate(45deg);}
#port_pop .pop_inner .pop_close span:nth-child(2){transform: translate(-50%, -50%) rotate(-45deg);}
#port_pop .pop_inner .pop_img{width: 70%; height: 100%;display: flex;flex-flow: column;padding: 20px;gap: 20px;}
#port_pop .pop_inner .pop_img .port_swiper{height: calc(100% - 70px);width: 100%;}
#port_pop .pop_inner .pop_img .port_swiper .swiper-wrapper{width: 100%; height: 100%; display: flex; align-items: center;}
#port_pop .pop_inner .pop_img .port_swiper .swiper-wrapper .swiper-slide{width: 100%; height: fit-content;max-height: 100%;border-radius: 10px; overflow: hidden;overflow-y: auto;}
#port_pop .pop_inner .pop_img .port_swiper .swiper-wrapper .swiper-slide img{width: 100%;}
#port_pop .pop_inner .pop_img .captionSwiper{width: 100%; display: flex; justify-content: center; align-items: center; gap: 20px;}
#port_pop .pop_inner .pop_img .captionSwiper button{ font-size: var(--font-size20); padding: 0 10px; line-height: 50px; border-radius: 90px;background: #3f42ad42;color: #fff;border: 1px solid var(--blue-main);box-shadow: inset 0px 0px 4px #ffffff4a;}
#port_pop .pop_inner .pop_img .captionSwiper button.atv{background: var(--blue-main);}
#port_pop .pop_inner .pop_con{width: 30%; height: 100%; background: var(--blue-dip); padding: 50px 20px 20px;}
#port_pop .pop_inner .pop_con .pop_date{font-size: var(--font-size20); color: #ffffff63;}
#port_pop .pop_inner .pop_con .pop_title{font-size: var(--font-size40); color: #fff; margin-top: 20px;margin-bottom: 10px;}
#port_pop .pop_inner .pop_con .scr{height: calc(100% - 200px);overflow-y: auto;}
#port_pop .pop_inner .pop_con .scr .listt{padding-top: 20px; padding-bottom: 0px; border-top: 1px solid #ffffff29; border-bottom: 1px solid #ffffff29; margin-bottom: 20px;}
#port_pop .pop_inner .pop_con .scr .listt p{margin-bottom: 20px;display: flex;}
#port_pop .pop_inner .pop_con .scr .listt p strong{font-size: var(--font-size20); font-weight: 500; color: #696cd7; width:150px; display: block;}
#port_pop .pop_inner .pop_con .scr .listt p span{font-size: var(--font-size20); color: #ffffffcf;width: calc(100% - 150px);}
#port_pop .pop_inner .pop_con .scr .pop_content{font-size: var(--font-size20); color: #ffffffcf;}
#port_pop .pop_inner .pop_con .bt{position: absolute; bottom: 20px; right: 20px; width: calc(30% - 40px); }
#port_pop .pop_inner .pop_con .bt span{background: #fff; color: var(--blue-main); border-radius: 50px; line-height: 50px; font-size: var(--font-size20); font-weight: 600;text-align: center;display: block;}
#portfolio #port_more{font-size: var(--font-size20); width: 100%; max-width: 400px; margin: 100px auto 0; display: block;}
/* 포트폴리오 끝 */


@media all and (max-width:1200px) {
	.wrapper #nt_header .head_wrap{margin: 0 0 0 auto;width: calc(100% - 20px);}
	#tail .tail_inquiry .wrap{align-items: stretch;}
	#tail .tail_inquiry .wrap .right>div p{font-size: var(--font-size20);line-height: var(--font-size30);}
	#tail .tail_inquiry .wrap .left{width: calc(50% - 50px);}
	#tail .tail_inquiry .wrap .right{width: 50%;height: auto;}
	#tail .tail_inquiry .wrap .right>div{height: 100%; justify-content: center;padding: 0 10px;}
	#tail .tail_inquiry .wrap .right>div::before{top: 7px; left: 7px; border-bottom: 20px solid transparent; border-top: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent;}
	#tail .tail_inquiry .wrap .right>div::after{top: -21px;left: -21px;border-bottom: 20px solid #0F172A;border-top: 20px solid transparent;border-left: 20px solid transparent;border-right: 20px solid transparent;}
	#tail .tail_inquiry .wrap .right>div:nth-child(2):before{top: 6px; left: 7px; border-bottom: 20px solid transparent; border-top: 20px solid #0F172A; border-left: 20px solid transparent; border-right: 20px solid transparent;}
	#tail .tail_inquiry .wrap .right>div:nth-child(2):after{top: -22px;left: -22px;border-bottom: 20px solid #0F172A;border-top: 20px solid transparent;border-left: 20px solid transparent;border-right: 20px solid transparent;}
	#tail .tail_data .data_wrap{max-width: 600px; column-gap: 20px; padding: 30px 0; row-gap: 10px;}
	#tail .tail_data .data_wrap p:nth-child(3)::after{display: none;}
	#tail .tail_data .data_wrap p::after{height: 15px; right: -11px;}
	#main .main_title>b br{display: none;}
	#main .philosophy .left{display: none;}
	#main .philosophy .right{width: 100%;}
	#main .philosophy .right ul li i{filter: saturate(1);}
	#main .core_wrap ul{flex-flow: row wrap;}
	#main .core_wrap ul li{padding: 30px 20px 70px;width: 50%;}
	#main .core_wrap ul li:nth-child(3),
	#main .core_wrap ul li:nth-child(4){border-top: unset;box-shadow: 1px -1px 1px #ddd;}
	#main .core_wrap ul li>span{bottom: 20px;right: 20px;}
	#main .choose{padding: 100px 0;}
    #main .choose>.wrap .left{position: unset !important; height: unset; max-width: var(--max-width); transform: unset !important;width: 100% !important;}
	#main .choose>.wrap .left .img_wrap{display: none;}
	#main .choose>.wrap .right{width: 100%;}
	#main .choose>.wrap .right ul li {align-items: self-start;text-align: left;}
	#main .review_wrap{display: block;}
	#main .review_wrap .main_title{margin-bottom: 50px;width: 100%;}
	#main .review_wrap .review_swiper{width: 100%;}
	#main .review_wrap .review_swiper::before{display: none;}
	#company .con.identity .img_wrap{justify-content: center;gap: 20px;}
	#company .con.identity .img_wrap>img{height: auto; width: 20%; min-width: 150px;}
	#company .con.identity .img_wrap .colors{height: 100px; width: 100%;column-gap: 10px;row-gap: unset;}
	#company .con.identity .img_wrap .colors>div{width: calc(33.333333% - 7px);}
	#company .con.identity .img_wrap .colors>div::after{font-size: var(--font-size18);}
	#company .con.last .img_wrap{flex-flow: column;}
	#company .con.last .img_wrap img{width: 100%; max-width: 350px;}
	#service .core_services{flex-flow: row wrap;}
	#service .core_services li{padding: 30px 20px;width: 50%;}
	#service .core_services li:nth-child(3),
	#service .core_services li:nth-child(4){border-top: unset;box-shadow: 1px -1px 1px #ddd;}
	#review .con{gap: 15px;}
    #review .con li{width: calc(33.333333% - 10px);}
	#portfolio .con{gap: 15px;}
	#portfolio .con li{width: calc(33.333333% - 10px);}
	#port_pop .pop_inner{display: block;}
	#port_pop .pop_inner .pop_close { top: 10px; right: 10px;}
	#port_pop .pop_inner .pop_img{width: 100%;padding: 70px 20px 20px 20px;height: calc(100% - 315px);}
	#port_pop .pop_inner .pop_img .port_swiper{height: 100%;}
	#port_pop .pop_inner .pop_img .captionSwiper{width: calc(100% - 90px); gap: 10px; position: absolute; top: 10px; left: 20px; justify-content: flex-start;}
	#port_pop .pop_inner .pop_con{padding: 20px 20px 20px; position: absolute; width: 100%; height: fit-content; bottom: 0; left: 0; z-index: 1;}
	#port_pop .pop_inner .pop_con .scr{height: fit-content;}
	#port_pop .pop_inner .pop_con .scr .listt{margin-bottom: 70px;}
	#port_pop .pop_inner .pop_con .scr .listt .wr_2{display: none;}
	#port_pop .pop_inner .pop_con .scr .listt .wr_3{}
	#port_pop .pop_inner .pop_con .scr .listt .ca_name{}
	#port_pop .pop_inner .pop_con .scr .listt .wr_content{display: none;}
	#port_pop .pop_inner .pop_con .scr .listt p strong{width:120px;}
	#port_pop .pop_inner .pop_con .scr .listt p span{width: calc(100% - 120px);}
	#port_pop .pop_inner .pop_con .scr .pop_content{display: none;}
	#port_pop .pop_inner .pop_con .bt{width: calc(100% - 40px);}
	:root{
		--font-size100:90px;
		--font-size90:80px;
		--font-size80:70px;
		--font-size70:60px;
		--font-size60:50px;
		--font-size50:40px;
		--font-size40:35px;
		--font-size30:25px;
		--font-size20:18px;
		--font-size18:16px;
		--font-size15:13px;
	}
}
@media (max-width: 991px) {
    .wrapper{ overflow: visible !important;}
	#main .main_visual .swiper-wrapper .swiper-slide .text_wrap{white-space: unset;}
	#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .sm_title{font-size: var(--font-size30);margin-bottom: var(--font-size20);}
	#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .big_title1{font-size: var(--font-size70); line-height: var(--font-size70);}
	#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .big_title2{font-size: var(--font-size70); line-height: var(--font-size70);margin-bottom: var(--font-size40);}
	#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .con1,
	#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .con2{font-size: var(--font-size20);}
	#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .key_w{font-size: var(--font-size20); margin-top: var(--font-size20);margin-bottom: var(--font-size60);}
}
@media all and (max-width:900px) {
	#tail .tail_inquiry .wrap{ align-items: unset; flex-flow: column; gap: 50px;}
	#tail .tail_inquiry .wrap .left,
	#tail .tail_inquiry .wrap .right{width: 100%;}
	#tail .tail_inquiry .wrap .left>b{margin-bottom: 20px;}
	#tail .tail_inquiry .wrap .right>div{height: fit-content; padding: 20px; flex-flow: unset;}
	#tail .tail_inquiry .wrap .right>div:hover::before,
	#tail .tail_inquiry .wrap .right>div:hover::after{opacity: 0;}
	#tail .tail_inquiry .wrap .right>div:active::before,
	#tail .tail_inquiry .wrap .right>div:active::after{opacity: 1;}
	#main .main_title>p br{display: none;}
	#main .philosophy{margin: 150px auto;}
	#main .choose{margin: 150px auto;}
	#main .choose>.wrap .right ul li .choose_con p br{display: none;}
	#main .count_wrap ul{flex-flow: column;}
	#main .count_wrap ul li{width: 100%;padding: 20px;border-right: 1px solid #ddd;border-bottom: unset;}
	#main .count_wrap ul li:last-child{border-bottom: 1px solid #ddd;}
	#main .count_wrap ul li span{color: #000;margin-bottom: 10px;}
	#main .review_wrap{margin: 150px auto;}
	.text_block{display: block; height: var(--font-size30);}
	.sub_wrap .con{margin-bottom: 100px;}
	#company .con.process .process_wrap{flex-flow: row wrap; justify-content: center;}
	#company .con.process .process_wrap>div{width: calc(72% / 4);}
	#company .con.process .process_wrap>i{width: 7%; font-size: var(--font-size30) !important;}
	#company .con.process .process_wrap .lines_block{display: block;width: 100%;height: 10px;}
	#company .con.work ul li{gap: 20px;}
	#company .con.work ul li p{width: calc(100% - 15% - 20px);}
}
@media all and (max-width:700px) {/* 호버효과 사라지는 구간 */
	.wrapper #nt_header .head_wrap{height: 70px;}
	.wrapper #nt_header .head_wrap #nt_menu{width: auto; aspect-ratio: auto 1 / 1; justify-content: center;}
	.wrapper #nt_header .head_wrap #nt_menu .me-icon{display: block;width: 40px;height: 40px;}
	.wrapper #nt_header .head_wrap #nt_menu .me-list{display: none;}
	.wrapper #nt_header .head_wrap .user_menu{display: none;}
	#tail .tail_data .data_wrap{max-width: 400px;row-gap: 5px;}
	#tail .tail_data .data_wrap p:nth-child(2)::after,
	#tail .tail_data .data_wrap p:nth-child(4)::after{display: none;}
	.wrapper #nt_body{padding-top: 70px;}
	#main .main_title>p{line-height: var(--font-size50);}
	#main .main_visual {height: 500px}
	#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .sm_title{font-size: var(--font-size20);}
	#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .big_title1{font-size: var(--font-size60); line-height: var(--font-size60);}
	#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .big_title2{font-size: var(--font-size60); line-height: var(--font-size60);margin-bottom: var(--font-size40);}
	#main .main_visual .swiper-wrapper .swiper-slide .text_wrap .key_w {font-size: var(--font-size18);}
	#main .main_visual>img{display: none;}
	#main .philosophy .right ul li .text p br{display: none;}
	#main .core_wrap ul li{width: 100%;transition: 0;}
	#main .core_wrap ul li:nth-child(1),
	#main .core_wrap ul li:nth-child(2){border-top: unset;box-shadow: 1px -1px 1px #ddd;}
	#main .core_wrap ul li:hover{transform: unset;background: #fff;}
	.text_pc{display: none;}
	#service .core_services li{width: 100%;transition: 0;}
	#service .core_services li:nth-child(1),
	#service .core_services li:nth-child(2){border-top: unset;box-shadow: 1px -1px 1px #ddd;}
	#service .core_services li:hover{transform: unset;background: #fff;}
	#review .con li{width: calc(50% - 7.5px);}
	#portfolio .con li{width: calc(50% - 7.5px);}
	/* #service #teb_btn_wrap ul li:hover{background: #fff;color: var(--blue-main);} */
	:root{
		--font-size100:80px;
		--font-size90:70px;
		--font-size80:60px;
		--font-size70:50px;
		--font-size60:40px;
		--font-size50:30px;
		--font-size40:25px;
		--font-size30:22px;
		--font-size20:17px;
		--font-size18:14px;
		--font-size15:12px;
	}
}
@media all and (max-width:550px) {
	#tail .tail_inquiry .wrap .right{flex-flow: column-reverse;gap: 20px;}
	#tail .tail_inquiry .wrap .right>div{width: 100%;height: fit-content;padding: 20px;}
	#main .choose>.wrap .left>b{text-align: center;margin-bottom: 100px;}
	#main .choose>.wrap .right ul li{text-align: center;}
	#main .choose>.wrap .right ul li .choose_title{width: 100%;}
	#main .choose>.wrap .right ul li .choose_title b{display: block;margin-bottom: 20px;}
	#main .choose>.wrap .right ul li .choose_title b br{display: block;}
	#main .choose>.wrap .right ul li .choose_title::after{font-size: 15px;}
	#main .choose>.wrap .right ul li .choose_con p {padding-bottom: 20px;padding-left: 10px;padding-right: 10px; border-bottom: 2px solid #ffffff29; background: #ffffff0f; }
	#company .con.process .process_wrap>div .lines p{font-size: var(--font-size18);}
	#company .con.work ul li div{width: 70px;}
	#company .con.work ul li p{width: calc(100% - 90px);}
}

@media all and (min-width:499px) {
	*::-webkit-scrollbar {
	width: 5px;
	}
	*::-webkit-scrollbar-thumb {
	background-color: var(--blue-dip);
	}
	*::-webkit-scrollbar-track {
	background-color: #ddd;
	}
	.privacy_table::-webkit-scrollbar {
	height: 5px;
	}
}

@media all and (max-width:499px) {
	#service .sub_wrap .con_title>b br{display: none;}
	#tail .tail_data .data_wrap{max-width: unset; flex-flow: column; align-items: flex-start; row-gap: 0; padding: 20px 0;}
	#tail .tail_data .data_wrap p::after{display: none;}
}

@media all and (max-width:395px) {
	#tail .tail_data .link_wrap{column-gap: 10px;}
	#tail .tail_data .copyright p,
	#tail .tail_data .link_wrap a{font-size: var(--font-size15);}
	#review .con li{width: 100%;}
	#portfolio .con li{width: 100%;}
	#main .philosophy .right ul li .text span{line-height: var(--font-size30); margin-top: 3px;}
}