@charset "utf-8";
/* 320 모바일 */

/* 320 공통 */
.container{}
.container article{position: relative; padding-top: 17vw; padding-bottom: 20vw;}
.container article:last-child{padding-top: 0; padding-bottom: 0;}
.container article .illust{position: relative; margin: 0 auto 6.875vw;}
.container article .move{position: absolute; background-repeat: no-repeat; background-position: center; /* background-color: aqua; */}
.container article .text{}
.container article h3{font-size: 9.84375vw; line-height: 1.2em; font-weight: bold; margin-bottom: 2.5vw;}
.container article p{font-size: 3.5vw; line-height: 1.2em; margin-bottom: 4.6875vw;}
.container article .more{display: block; color: #fff; font-family: 'Titillium Web', sans-serif; font-weight: bold; font-size: 4vw; text-align: center; background: #303030; width: 23vw; padding: 2vw 0; transition: all .3s;}

/* 320 메인 about */
.container .about{overflow: hidden; background: url(/asset/images/bg_about.png) no-repeat 3vw -121vw; animation: about 5s linear infinite; padding-top: 24.96875vw; }
@keyframes about {
    from{background-position: 3vw -121vw;}
    to{background-position: 3vw 135vw;}
}
/* 320 about 파티클 */
.about .particles > .particle { background: transparent; position: absolute; background-size: 100% 100%; background-repeat: no-repeat; }
/* .about .particles > .particle.smaller { width: 3px; height: 5px; }
.about .particles > .particle.small { width: 5px; height: 10px; }
.about .particles > .particle.normal { width: 7px; height: 15px; }
.about .particles > .particle.big { width: 10px; height: 20px; }
.about .particles > .particle.bigger { width: 15px; height: 25px; } */
/* 320 about 일러스트 영역 */
.about .illust.a01{width: 81.09375vw; height: 55.78125vw; background: url(/asset/images/ani/about_01.svg) no-repeat left top; }
.about .move.a02{width: 1.8125vw; height: 1.65625vw; background-image: url(/asset/images/ani/about_02.svg); left: 9.58vw; top: 11.1vw; animation: a02 1s linear infinite alternate;}
.about .move.a03{width: 1vw; height: 1.015625vw; background-image: url(/asset/images/ani/about_03.svg); left: 23.58vw; top: 8.8vw; animation: a03 .5s linear infinite alternate;}
.about .move.a04{width: 3.1875vw; height: 1.765625vw; background-image: url(/asset/images/ani/about_04.svg); left: 40vw; top: 7.5vw; animation: a02 .5s linear infinite alternate;}
.about .move.a05{width: 4.21875vw; height: 13.21875vw; background-image: url(/asset/images/ani/about_05.svg); left: 59.5vw; top: 12.8vw; animation: a05 .5s linear infinite alternate;}
.about .move.a06{width: 5.21875vw; height: 13.21875vw; background-image: url(/asset/images/ani/about_06.svg); left: 75.8vw; top: 7.8vw; animation: a06 .4s linear infinite alternate;}
@keyframes a02 {
    from{transform: scale(1);}
    to{transform: scale(.8);}
}
@keyframes a03 {
    from{left: 23.58vw;}
    to{left: 23vw;}
}
@keyframes a05 {
    from{top: 12.8vw;}
    to{ top: 11.8vw;}
}
@keyframes a06 {
    from{top: 7.8vw;}
    to{ top: 6.8vw;}
}
/* 320 about 텍스트 영역 */
.about .text{text-align: right;}
.about .text .more{margin-left: auto;}


/* 320 메인 project */
.project{}
/* 320 project 일러스트 영역 */
.project .illust.p01{width: 87.5vw; height: 71.5625vw; background: url(/asset/images/ani/project_01.svg) no-repeat left top;}
.project .move.p02{width: 2.8vw; height: 8.5vw; background-image: url(/asset/images/ani/project_02.svg); left: 25.9375vw; top: 42vw; z-index: -1; transform-origin: left bottom; animation: p02 .6s linear infinite alternate;}
.project .move.p03{width: 8.2vw; height: 8vw; background-image: url(/asset/images/ani/project_03.svg); left: 77vw; top: 34.5vw; animation: p03 1s linear infinite alternate; transform-origin: right bottom;}
.project .move.p04{width: 16.2vw; height: 8vw; background-image: url(/asset/images/ani/project_04.svg); left: 61vw; top: 38.9vw; animation: p04 1.5s linear infinite alternate; transform-origin: right top;}
.project .move.p05{width: 2.2vw; height: 1vw; background-image: url(/asset/images/ani/project_05.svg); left: 58vw; top: 17.5vw; animation: p05 .5s linear infinite alternate;}
.project .move.p06{width: 2.5vw; height: 2.5vw; background-image: url(/asset/images/ani/project_06.svg); left: 39.8vw; top: 22.8vw; animation: p06 .5s linear infinite alternate;}
.project .move.p07{width: 15.2vw; height: 1vw; background-image: url(/asset/images/ani/project_07.svg); left: 11.3vw; top: 22.2vw; animation: p07 2s linear infinite alternate; transform-origin: left;}
.project .move.p08{width: 31.2vw; height: 1vw; background-image: url(/asset/images/ani/project_08.svg); left: 11.3vw; top: 11.5vw; animation: p07 5s linear infinite alternate; transform-origin: left;}
@keyframes p02 {
    from{transform: rotate(0);}
    to{transform: rotate(4deg);}
}
@keyframes p03 {
    0%{transform: rotate(0);}
    30%{transform: rotate(-5deg);}
    50%{transform: rotate(0);}
    100%{transform: rotate(0);}
}
@keyframes p04 {
    0%{transform: rotate(0);}
    50%{transform: rotate(8deg);}
    100%{transform: rotate(8deg);}
}
@keyframes p05 {
    from{transform: scale(1);}
    to{transform: scale(.8);}
}
@keyframes p06 {
    from{transform: rotateY(0);}
    to{transform: rotateY(180deg);}
}
@keyframes p07 {
    0%{transform: scaleX(0.1);}
    50%{transform: scaleX(1);}
    100%{transform: scaleX(1);}
}

/* 320 메인 service */
.service{}
/* 320 service 일러스트 영역 */
.service .illust_wrap{}
.container .service .illust.s01{width: 93.75vw; height: 51.875vw; margin-left: -6.25vw;}
.container .service .illust.s01::before{display: block; content: ""; width: 93.75vw; height: 51.875vw; background: url(/asset/images/ani/service_01.svg) no-repeat left top; animation: s01 3.5s linear infinite; position: absolute; top: 0; left: 0;}
.service .move.s02{width: 8vw; height: 10vw; background-image: url(/asset/images/ani/service_02.svg); top: 32vw; left: 52vw; animation: s02 3.5s linear infinite both;}
.service .move.s03{width: 10vw; height: 4vw; background-image: url(/asset/images/ani/service_03.svg); top: 22vw; left: 73vw; animation: s03 3.5s linear infinite;}
.service .move.s04{width: 10vw; height: 9vw; background-image: url(/asset/images/ani/service_04.svg); top: 7vw; left: 53vw; animation: s04 3.5s linear infinite;}
.service .move.s05{width: 21vw; height: 20vw; background-image: url(/asset/images/ani/service_05.svg); top: -1vw; left: 19vw; animation: s05 3.5s linear infinite;}
.service .move.s06{width: 63vw; height: 52vw; background-image: url(/asset/images/ani/service_06.svg); top: 6vw; left: 30vw;}
.service .move.s07{width: 6vw; height: 6vw; background-image: url(/asset/images/ani/service_mouse.svg); top: 28vw; left: 58vw; animation: s07 3.5s linear infinite;}
@keyframes s02 {
    0%{filter: blur(0); top: 32vw; left: 52vw;}
    20%{filter: blur(3px); top: 31.7vw; left: 53vw;}
    30%{filter: blur(3px); top: 32vw; left: 52vw;}
    40%{filter: blur(3px); top: 31.7vw; left: 53vw;}
    50%{filter: blur(1px); top: 32vw; left: 52vw;}
    60%{filter: blur(0); top: 31.7vw; left: 53vw;}
    80%{filter: blur(0); top: 32vw; left: 52vw;}
    100%{filter: blur(0); top: 31.7vw; left: 53vw;}
}
@keyframes s03 {
    0%{filter: blur(0); width: 10vw; height: 4vw;}
    30%{filter: blur(3px); width: 9vw; height: 3vw;}
    50%{filter: blur(1px); width: 10vw; height: 4vw;}
    60%{filter: blur(0); width: 9vw; height: 3vw;}
    100%{filter: blur(0); width: 10vw; height: 4vw;}
}
@keyframes s04 {
    0%{filter: blur(0); width: 10vw; height: 9vw;}
    30%{filter: blur(3px); width: 9.5vw; height: 8.5vw;}
    50%{filter: blur(1px); width: 10vw; height: 9vw;}
    60%{filter: blur(0); width: 10vw; height: 9vw;}
    80%{filter: blur(0); width: 9.5vw; height: 8.5vw;}
    100%{filter: blur(0); width: 10vw; height: 9vw;}
}
@keyframes s05 {
    0%{filter: blur(0); top: -1vw; left: 19vw;}
    30%{filter: blur(3px); top: 0.5vw; left: 19.8vw;}
    40%{filter: blur(1px); top: -1vw; left: 19vw;}
    50%{filter: blur(1px);  top: -1vw; left: 19vw;}
    60%{filter: blur(0); top: -1vw; left: 19vw;}
    80%{filter: blur(0); top: 0.5vw; left: 19.8vw;}
    100%{filter: blur(0); top: -1vw; left: 19vw;}
}
@keyframes s07 {
    0%{top: 28vw; left: 58vw;}
    30%{top: 18vw; left: 48vw;}
    50%{top: 41vw; left: 68vw;}
    60%{top: 28vw; left: 58vw;}
    100%{top: 28vw; left: 58vw;}
}
@keyframes s01 {
    0%{filter: blur(0);}
    30%{filter: blur(3px);}
    50%{filter: blur(1px);}
    60%{filter: blur(0);}
    100%{filter: blur(0);}
}
/* 320 service 텍스트 영역 */
.service .text{text-align: right;}
.service .text .more{margin-left: auto;}


/* 320 메인 voucher */
.voucher{}
/* 320 voucher 일러스트 영역 */
.voucher .illust_wrap{}
.container .voucher .illust.v01{width: 174vw; height: 77vw; background: url(/asset/images/ani/voucher_01.svg) no-repeat left top; margin-left: -87vw;}
.voucher .move.v02{width: 7vw; height: 4vw; background-image: url(/asset/images/ani/voucher_02.svg); top: -1vw; left: 110vw; animation: v02 3s ease-out infinite; opacity: 0;}
.voucher .move.v_slide{background: #fff; top: 40.5vw; left: 117.5vw; width: 25vw; height: auto;}
.voucher .move.v_slide img{width: 100%; height: auto;}
.voucher .move.v03{width: 22vw; height: 45vw; background-image: url(/asset/images/ani/voucher_03.svg); top: 32vw; left: 143vw;}
.voucher .move.v04{width: 14vw; height: 14vw; background-image: url(/asset/images/ani/voucher_04.svg); top: 12.5vw; left: 118.5vw; transform-origin: left 14vw; animation: v04 1s linear infinite alternate;}
.voucher .move.v05,
.voucher .move.v06{display: none;}

@keyframes v02 {
    0%{ top: -1vw; left: 110vw; opacity: 0;  }
    20%{ top: -1vw; left: 110vw; opacity: 1; transform: rotate(0);}
    90%{ top: -12vw; left: -5vw;  transform: rotate(360deg); }
    100%{ opacity: 0; }
}
@keyframes v04 {
    0%{ transform: rotate(0); }
    100%{ transform: rotate(-6deg); }
}

/* 320 voucher 텍스트 영역 */
.voucher .text{text-align: left;}
.service .text .more{margin-left: auto;}

/* 320 메인 news */
.news{}
/* 320 news 일러스트 영역 */
.news .illust.n01{width: 100%; height: 56.25vw; background: url(/asset/images/ani/news_01.svg) no-repeat center top;}
.news .move.circle1{background-image: url(/asset/images/ani/news_02.svg);}
.news .move.circle2{background-image: url(/asset/images/ani/news_04.svg);}
.news .move.circle3{background-image: url(/asset/images/ani/news_03.svg);}
.news .move.n02{width: 3.4375vw; height: 3.4375vw; left: 0; top: 35.15625vw; animation: circle 5s linear infinite;}
.news .move.n03{width: 3.90625vw; height: 3.90625vw; left: 9.0625vw; top: 0; animation: circle 4s linear infinite;}
.news .move.n04{width: 3.28125vw; height: 3.28125vw; left: 9.0625vw; top: 28.4375vw; animation: circle 3s linear infinite;}
.news .move.n05{width: 3.125vw; height: 3.125vw; left: 15.3125vw; top: 8.125vw; animation: circle 5s linear infinite;}
.news .move.n06{width: 3.4375vw; height: 3.4375vw; left: 62.5vw; top: 6.25vw; animation: circle 5s linear infinite;}
.news .move.n07{width: 2.34375vw; height: 2.34375vw; left: 72.1875vw; top: 44.6875vw; animation: circle 5s linear infinite;}
.news .move.n08{width: 2.03125vw; height: 2.03125vw; left: 65.46875vw; top: 11.71875vw; animation: circle 3s linear infinite;}
.news .move.n09{width: 3.90625vw; height: 3.90625vw; left: 76.875vw; top: 32.34375vw; animation: circle 4s linear infinite;}
.news .move.n10{width: 2.96875vw; height: 2.96875vw; right: 0; top: 26.5625vw; animation: circle 5s linear infinite;}
.news .move.n11{width: 1.5625vw; height: 1.5625vw; left: 30vw; top: 20.9375vw; animation: circle 4s linear infinite;}
.news .move.n12{width: 2.5vw; height: 2.5vw; left: 54.375vw; top: 19.6875vw; animation: circle 5s linear infinite;}
.news .move.n13{width: 1.875vw; height: 1.875vw; left: 31.71875vw; top: 6.25vw; animation: circle 5s linear infinite;}
.news .move.n14{width: 2.8125vw; height: 2.8125vw; left: 50.46875vw; top: 15.15625vw; animation: circle 3s linear infinite;}
.news .move.n15.txt{color: #0071bb; font-size: 6.6vw; font-weight: 900; font-family: 'Titillium Web', sans-serif; left: 35.78125vw; top: 27.5vw; animation: color 10s linear infinite;}
.news .move.n16{width: 3.75vw; height: 6.875vw; background-image: url(/asset/images/ani/news_05.svg); top: 35.9375vw; left: 41.875vw; z-index: -1; animation: arrow .8s ease-out infinite alternate;}
@keyframes circle {
    from{transform: rotate(0);}
    to{transform: rotate(360deg);}
}
@keyframes color {
    0%{color: #0071bb;}
    10%{color: orangered;}
    20%{color: rgb(255, 208, 0);}
    30%{color: yellowgreen;}
    40%{color: green;}
    50%{color: rgb(20, 20, 133);}
    60%{color: indigo;}
    70%{color: purple;}
    80%{color: palevioletred;}
    100%{color: #0071bb;}
}
@keyframes arrow {
    from{top: 35.9375vw;}
    to{top: 37vw;}
}
/* 320 news 텍스트 영역 */
.news .text{}
.news .cwcc{font-size: 9.9vw; line-height: 1em; font-weight: bold;}
.news .cwcc span{color: #0071bb;}
.news .more{}

/* 320 threeD */
.threeD {height: 100vh; display: none;}
.threeD h4{text-align: center; font-size: 18px; margin-bottom: 20px;}
.threeD #here3D{width: 100%; height: 70vh; overflow: hidden; display: block; border-radius: 20px;}
.threeD #here3D canvas{width: 100% !important; height: auto !important;}

#unity-container{width: 100%; height: 100%; margin: 0 auto;}
#unity-canvas{width: 100%; height: 70vh;}
/* 320 서브 공통 */
.sub_index{padding-top: 26vw; padding-bottom: 20vw;}
/* about **************************************************************************** */
/* 320 서브 about */
#about{}
#about h3{font-family: 'Titillium Web', sans-serif; font-size: 10vw; line-height: 1em; text-align: center; position: relative; width: fit-content; margin: 0 auto 10vw;}
#about h3::after{display: block; content: ""; width: 2vw; height: 2vw; background: #0071bb; position: absolute; top: 1vw; right: -2.5vw;}
#about section{margin-bottom: 25vw;}
/* 320 about 인트로 */
#about .intro{}
#about .intro .title{text-align: center; font-family: 'Titillium Web', sans-serif; text-transform: uppercase;}
#about .intro .title h5{color: #0071bb; font-size: 8vw; line-height: 1em;}
#about .intro .title h4{font-size: 10vw; line-height: 1em;}
#about .intro i{display: block; width: 2px; height: 19vw; background: #0071bb; margin: 5vw auto;}
#about .intro .content{}
#about .intro .content p{text-align: center; word-break: keep-all; font-weight: 300; font-size: 4.5vw; line-height: 1.2em;}
#about .intro .content p:first-child{margin-bottom: 5vw;}
#about .intro .content p strong{font-weight: 500; font-size: 6vw; line-height: 1.2em; }
#about .intro .content p span{display: block; position: relative; width: fit-content; margin: 0 auto;}
#about .intro .content p span::before{display: block; content: ""; width: 100%; height: 3vw; position: absolute; bottom: 0; left: 0; background: #0071bb3b; z-index: -1;}
/* 320 about 밸류 */
#about .value{}
#about .value .logo{width: 80%; margin: 0 auto; margin-bottom: 10vw;}
#about .value .logo img{width: 100%; height: auto;}
#about .value .content{background: url(/asset/images/about/about_bg_value.png) no-repeat center / cover; padding: 16vw 0;}
#about .value .content h3{color: #fff;}
#about .value .content .value_wrap{color: #fff;}
#about .value .content .value_wrap .box{width: 100%; padding: 18vw 0; text-align: center; position: relative; margin-bottom: 10vw;}
#about .value .content .value_wrap .box:last-child{margin-bottom: 0;}
#about .value .content .value_wrap .box i{display: block; width: 100%; height: 1vw; position: absolute;}
#about .value .content .value_wrap .box i::after{display: block; content: ""; width: 1vw; height: 67vw; position: absolute;}
#about .value .content .value_wrap .box i.line1{top: 0; left: 0; background: linear-gradient(to right, #bf464d, #c2bebe);}
#about .value .content .value_wrap .box i.line1::after{top: 0; left: 0; background: linear-gradient(to bottom, #bf464d, #0071bb);}
#about .value .content .value_wrap .box i.line2{bottom: 0; right: 0; background: linear-gradient(to right, #0071bb, #bf464d);}
#about .value .content .value_wrap .box i.line2::after{bottom: 0; right: 0; background: linear-gradient(to bottom, #c2bebe, #bf464d);}
#about .value .content .value_wrap .box.creative i,
#about .value .content .value_wrap .box.creative i::after{background: #919191;}
#about .value .content .value_wrap .box h4{font-family: 'Titillium Web', sans-serif; font-size: 7vw; line-height: 1em; margin-bottom: 5vw;}
#about .value .content .value_wrap .box.craftsmanship i.line1{background: linear-gradient(to left, #bf464d, #c2bebe);}
#about .value .content .value_wrap .box.craftsmanship i.line1::after{background: linear-gradient(to bottom, #c2bebe, #bf464d);}
#about .value .content .value_wrap .box.craftsmanship i.line2{background: linear-gradient(to left, #0071bb, #bf464d);}
#about .value .content .value_wrap .box.craftsmanship i.line2::after{background: linear-gradient(to bottom, #bf464d, #0071bb);}
#about .value .content .value_wrap .box p{font-weight: 300; font-size: 5vw; line-height: 1.3em;}
/* 320 about 인포 */
#about .info{}
#about .info .content{}
#about .info .content .text{background: #303030; padding: 5vw;}
#about .info .content .text table{font-size: 5vw; line-height: 1.2em;}
#about .info .content .text table th{color: #c4c3c3; font-weight: 500; width: 15%; padding: 2vw;}
#about .info .content .text table td{color: #fff; width: 85%; padding: 2vw;}
#about .info .content .logo{background: url(/asset/images/project/project_hp_view_btn_1.png) no-repeat center / cover; padding: 8vw; filter: hue-rotate(
209deg);}
#about .info .content .logo img{width: 100%; height: auto;}
/* 320 about 연혁 */
#about .history{}
#about .history .content{display: flex; padding: 0 6.25vw;}
#about .history .content .bar{display: block; width: 6px; height: auto; background: #0071bb; margin-right: 7vw;}
#about .history .content ul{}
#about .history .content li:not(:last-child){margin-bottom: 10vw;}
#about .history .content li.bottom{}
#about .history .content li.top{}
#about .history .content li i{}
#about .history .content li .year_wrap{}
#about .history .content li .year_wrap h4{font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 12vw; line-height: 1em; margin-bottom: 2vw;position: relative;}
#about .history .content li .year_wrap h4::before{width: 5vw; height: 1vw; background: rgba(189, 20, 31, 0.2); display: block; content: ""; position: absolute; top: 6vw; left: -7vw;}
#about .history .content li .year_wrap div p{font-weight: 300; font-size: 5vw; line-height: 1.5em; position: relative;}
#about .history .content li .year_wrap div p::before{display: block; content: ""; width: 1vw; height: 1vw; background: #0071bb; position: absolute; top: 3.3vw; left: -3vw;}
/* 320 about 인증 */
#about .certif{}
#about .certif .slide_wrap{}
#about .certif .slide_wrap div{}
#about .certif .slide_wrap div img{margin: 0 auto;}
/* about **************************************************************************** */

/* project **************************************************************************** */
/* 320 서브 project */
#project{background: linear-gradient(to bottom, #0071bb 50%, #e5e3e3 0); position: relative;}
/* 320 project 탭메뉴 */
#project .tab_menu{ width: 100%; transition: all .3s; }
#project .inner{padding: 0;}
#project .tab_menu ul{display: flex; flex-wrap: wrap; }
#project .tab_menu li{background: #303030; width: 50%; transition: all .3s;}
#project .tab_menu li:nth-child(1),
#project .tab_menu li:nth-child(2){border-bottom: 1px solid #e5e3e3;}
#project .tab_menu li:not(:last-child){border-right: 1px solid #e5e3e3;}
#project .tab_menu li:nth-child(2){border-right: none;}
#project .tab_menu li.on{background: #e5e3e3; position: relative;}
#project .tab_menu li a{color: #fff; display: block; text-align: center; font-weight: 500; font-size: 5vw; padding: 3vw;}
#project .tab_menu li.on a{color: #303030;}
/* 320 project 패널 */
#project .pannel{background: #e5e3e3; padding-top: 7.5vw;}
#project .pannel .bUl{}
#project .pannel .bList{margin-bottom: 10.5vw; /* display: none; */}
#project .pannel .bList a{display: block; }
#project .pannel .bList .image{margin-bottom: 3.875vw; height: 56vw; width: 100%; overflow: hidden; position: relative;}
#project .pannel .bList .image img{max-width: 584px; width: 100%; height: 100%; object-fit: cover;}
#project .pannel .bList .text{text-align: center; font-size: 5vw; line-height: 1.2em; font-weight: 300;}
#project .pannel .bList .text strong{font-weight: 500;}
/* 320 project 더보기 버튼 */
#project .pannel .btn_more{width: 61.25vw; margin: 10vw auto 0; position: relative; display: flex; border: 1px solid #0071bb; height: 10.5vw; flex-direction: column; cursor: pointer; background: rgba(255,255,255, .7);}
#project .pannel .btn_more i{content: ''; width: 100%; height: 100%; transition: all .5s cubic-bezier(1,.49,.16,.96); background: #0071bb; transform-origin: center right; transform: scaleX(0);}
#project .pannel .btn_more:hover i{transform: scaleX(1);}
#project .pannel .btn_more i:nth-child(1) {transition-delay: .02s;}
#project .pannel .btn_more i:nth-child(2) {transition-delay: .04s;}
#project .pannel .btn_more i:nth-child(3) {transition-delay: .06s;}
#project .pannel .btn_more i:nth-child(4) {transition-delay: .08s;}
#project .pannel .btn_more i:nth-child(5) {transition-delay: .10s;}
#project .pannel .btn_more i:nth-child(6) {transition-delay: .12s;}
#project .pannel .btn_more i:nth-child(7) {transition-delay: .14s;}
#project .pannel .btn_more i:nth-child(8) {transition-delay: .16s;}
#project .pannel .btn_more i:nth-child(9) {transition-delay: .18s;}
#project .pannel .btn_more i:nth-child(10) {transition-delay: .2s;}
#project .pannel .btn_more i:nth-child(11) {transition-delay: .22s;}
#project .pannel .btn_more i:nth-child(12) {transition-delay: .24s;}
#project .pannel .btn_more span{position: absolute; width: 100%; font-size: 7.5vw; line-height: 8.5vw; text-align: center; color: #0071bb; font-family: 'Titillium Web', sans-serif; font-weight: bold; transition: all .4s cubic-bezier(1,.49,.16,.96); z-index: 100;}
#project .pannel .btn_more:hover span{color: #fff; transition-delay: .4s;}
/* project **************************************************************************** */

/* project view *********************************************************************** */
#project_view{padding-top: 0; padding-bottom: 0;}
/* 320 project_view 상단 */
#project_view .title{background: #303030; padding: 27vw 0 28vw; position: relative; text-align: center; color: #fff; overflow: hidden;}
#project_view .title .bg_img{display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); filter: blur(15px); opacity: .2;}
#project_view .title .bg_img img{width: 100%; height: auto;}
#project_view .title .category{font-size: 3vw; font-weight: 300; margin-bottom: 2vw; line-height: 1.2em;}
#project_view .title h3{font-size: 6vw; font-weight: 500; margin-bottom: 3vw; line-height: 1.2em; font-family: 'Noto Sans KR', sans-serif !important;}
#project_view .title .info{font-size: 3vw; font-weight: 500; line-height: 1.2em;}
#project_view .title .info span{}
#project_view .title .info i{display: inline-block; margin: 0 1.2vw; font-size: 2.8vw; line-height: 1em;}
/* 320 project_view 오버뷰 */
#project_view .overview{margin-top: -14vw; margin-bottom: 14vw;}
#project_view .overview .image{margin-bottom: 6vw; box-shadow: 0 0 15px rgb(0 0 0 / 10%);}
#project_view .overview .image img{width: 100%; height: auto;}
#project_view .overview .image iframe{height: 49vw;}
#project_view .overview .text{}
#project_view .overview .text .left{margin-bottom: 9vw;}
#project_view .overview .text .left h4{font-family: 'Titillium Web', sans-serif; font-size: 6vw; line-height: 1.2em; position: relative; width: fit-content; margin-bottom: 1.7vw; text-transform: uppercase;}
#project_view .overview .text .left h4::after{width: 1.2vw; height: 1.2vw; display: block; content: ""; background: #0071bb; position: absolute; top: -.5vw; right: -1.5vw;}
#project_view .overview .text .left p{font-size: 4vw; line-height: 1.3em; /* text-align: justify; */}
#project_view .overview .text .left p br:not(:first-child){display: none;}
#project_view .overview .text .right{width: 100%; margin: 0 auto; text-align: center; background: #0071bb url(/asset/images/project/project_hp_view_btn_1.png) no-repeat; position: relative; height: 135px; filter: hue-rotate(
209deg);}
#project_view .overview .text .right a{display: block; width: 100%; height: 100%; color: #fff; display: flex;  flex-direction: column; justify-content: center;}
#project_view .overview .text .right i{display: block; width: 81.5vw; height: 26.5vw; border: 2px solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#project_view .overview .text .right h4{font-family: 'Titillium Web', sans-serif; font-size: 6vw; line-height: 1.2em; position: relative; width: fit-content; margin: 0 auto; margin-bottom: 1.2vw;}
#project_view .overview .text .right h4::after{width: 1.2vw; height: 1.2vw; display: block; content: ""; background: #fff; position: absolute; top: -.5vw; right: -1.5vw;}
#project_view .overview .text .right p{font-size: 4vw; padding: 0 30px; word-break: break-word;}
/* 320 project_view 미리보기이미지 */
#project_view .preview{text-align: center;}
#project_view .preview article:nth-child(1){background: url(/asset/images/project/project_hp_view_bg_1.png) no-repeat center top / cover; padding-top: 10vw;}
#project_view .preview article:nth-child(1) img{width: 90%; height: auto;}
#project_view .preview article:nth-child(2){background: url(/asset/images/project/project_hp_view_bg_2.png) no-repeat center top / cover; margin-top: -1.5vw; position: relative; z-index: 1; padding-top: 10vw;}
#project_view .preview article:nth-child(2) img{width: 85%; height: auto;}
/* project view *********************************************************************** */

/* service *********************************************************************** */
#service{}
#service section{margin-bottom: 16vw; padding-top: 6vw;}
#service section:last-child{margin-bottom: 0;}
#service section .photo{position: relative; margin-bottom: 5vw;}
#service section .photo::before{display: block; content: ""; width: 110vw; height: 40vw; background: #0071bb; position: absolute; z-index: -1; top: -6.3vw; left: -29.3vw;}
#service section .photo img{width: 100%; height: auto; max-width: 588px;}
#service section .text{}
#service section .text h3{font-family: 'Titillium Web', sans-serif; font-size: 8vw; line-height: 1em; width: fit-content; position: relative; margin-bottom: 3vw;}
#service section .text h3::after{display: block; content: ""; width: 2vw; height: 2vw; background: #0071bb; position: absolute; right: -2.66667vw; top: 0;}
#service section .text p{font-size: 16px; line-height: 1.5em; margin-bottom: 3vw;}
#service section .text p br{display: none;}
#service section .text .more{display: block; color: #fff; font-family: 'Titillium Web', sans-serif; font-weight: bold; font-size: 4vw; text-align: center; background: #303030; width: 23vw; padding: 2vw 0; transition: all .3s; text-transform: uppercase;}
#service .right{text-align: right;}
#service .right .photo::before{left: auto; right: -29.3vw;}
#service .right .text h3{margin-left: auto; margin-right: 3vw;}
#service .right .text .more{margin-left: auto;}
#service .hp{}
#service .pr{}
#service .ict{}
#service .ow{}
/* service *********************************************************************** */

/* voucher *********************************************************************** */
#voucher.sub_index{padding-top: 0;}
#voucher .top{background: url(/asset/images/voucher/bg-top.png) no-repeat center / cover; padding: 26vw 0 7vw; color: #fff}
#voucher .top h3{font-size: 11vw; position: relative; line-height: 1em; margin-bottom: 10vw;}
#voucher .top h3::after{display: block; content: ""; width: 2vw; height: 2vw; background: #0071bb; position: absolute; top: -2vw; right: 43vw;}
#voucher .list{color: #fff;}
#voucher .list .box{width: 100%; padding: 14vw 4vw; text-align: center; position: relative; margin-bottom: 10vw; height: 68vw;}
#voucher .list .box:last-child{margin-bottom: 0;}
#voucher .list .box i{display: block; width: 100%; height: 1vw; position: absolute;}
#voucher .list .box i::after{display: block; content: ""; width: 1vw; height: 67vw; position: absolute;}
#voucher .list .box i.line1{top: 0; left: 0; background: linear-gradient(to right, #0071bb, #c2bebe);}
#voucher .list .box i.line1::after{top: 0; left: 0; background: linear-gradient(to bottom, #0071bb, #bf464d);}
#voucher .list .box i.line2{bottom: 0; right: 0; background: linear-gradient(to right, #bf464d, #c2bebe);}
#voucher .list .box i.line2::after{bottom: 0; right: 0; background: linear-gradient(to bottom, #c2bebe, #c2bebe);}
#voucher .list .box.two i.line1{background: linear-gradient(to left, #0071bb, #c2bebe);}
#voucher .list .box.two i.line1::after{background: #c2bebe;}
#voucher .list .box.two i.line2{background: linear-gradient(to left, #bf464d, #c2bebe);}
#voucher .list .box.two i.line2::after{background: linear-gradient(to bottom, #0071bb, #bf464d);}
#voucher .list .box h4{font-size: 7vw; line-height: 1.2em; margin-bottom: 5vw;}
#voucher .list .box.three i.line1{background: linear-gradient(to right, #bf464d, #c2bebe);}
#voucher .list .box.three i.line1::after{background: linear-gradient(to top, #0071bb, #bf464d);}
#voucher .list .box.three i.line2{background: linear-gradient(to right, #0071bb, #c2bebe);}
#voucher .list .box.three i.line2::after{background: linear-gradient(to bottom, #c2bebe, #c2bebe);}
#voucher .list .box.four i.line1{background: linear-gradient(to left, #bf464d, #c2bebe);}
#voucher .list .box.four i.line1::after{background: linear-gradient(to bottom, #c2bebe, #c2bebe);}
#voucher .list .box.four i.line2{background: linear-gradient(to left, #0071bb, #c2bebe);}
#voucher .list .box.four i.line2::after{background: linear-gradient(to top, #0071bb, #bf464d);}
#voucher .list .box p{font-weight: 300; font-size: 5vw; line-height: 1.3em;}
#voucher .bottom{padding-top: 10vw;}
#voucher .bottom ul{}
#voucher .bottom li{margin-top: 10vw;}
#voucher .bottom li a{display: block; color: #fff; padding: 5vw 0; text-align: center; background: #303030; font-weight: bold; font-size: 7vw;}
#voucher .bottom li span{font-size: 10vw;}
/* voucher *********************************************************************** */

/* news *********************************************************************** */
#news{background: linear-gradient(to bottom, #0071bb 177vw, #fff 0); padding: 38vw 0 0;}
#news .lat{background: none; margin-bottom: 0; position: relative;}
#news .lat .lat_title{width: fit-content; font-size: 14vw; line-height: 1em; color: #fff; position: relative; margin-bottom: 10vw; font-family: 'Titillium Web', sans-serif;}
#news .lat .lat_title::after{display: block; content: ""; width: 2vw; height: 2vw; background: #fff; position: absolute; top: 0; right: -2vw;}
#news .lat .lat_title a{color: #fff;}
#news .lat ul{padding: 0;}
#news .lat li{border-bottom: none; line-height: 0; height: 36vw; margin-bottom: 4vw;}
#news .lat li a{font-weight: normal; font-size: 7vw; line-height: 1.2em; color: #fff; margin-bottom: 5vw; display: block; width: 88%;}
#news .lat li .cont{color: #fff; font-size: 4vw; line-height: 1.3em; margin-bottom: 5vw; width: 88%;}
#news .lt_info{padding: 0;}
#news .lt_info .lt_date{color: #fff; font-size: 3vw; font-weight: 500;}
#news .slick-list{height: 40vw;}
#news .arrows{position: absolute; top: 24vw; right: 0;}
#news .arrows button{border: none; outline: none; background: none; text-indent: -9999px;}
#news .arrows .slick-arrow{width: 23px; height: 12px; background: url(/asset/images/news/news_arrow_prev.png) no-repeat; opacity: .8;}
#news .arrows .slick-next{background-image: url(/asset/images/news/news_arrow_next.png); position: absolute; bottom: 0; left: 0;}
#news .slick-dots{margin: 30px 0 40px;}
#news .slick-dots li{width: 11px; height: 11px; background: #fff; opacity: .8; margin: 0 auto 20px;}
#news .slick-dots li.slick-active{background: none; border: 4px solid #fff; opacity: 1; box-sizing: unset;}
#news .top_wrap .img{background: url(/asset/images/news/news_fighting.png) no-repeat center / cover; width: 100%; height: 73vw; max-width: 636px; max-height: 533px; margin: 30vw auto 0;}
#news h4{font-size: 8vw; line-height: 1em; margin: 19vw 0 8vw; font-weight: 500;}
#news #bo_gall{position: relative; padding-bottom: 20vw;}
#news #bo_gall #gall_ul{margin: 0;}
#news #bo_gall .gall_li{width: calc(50% - 5vw); margin-right: 10vw; padding: 0;}
#news #bo_gall .gall_li:nth-child(2n){margin-right: 0;}
#news #bo_gall .bo_tit{line-height: 1.2em; color: #303030; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; height: 2.4em; font-weight: 500; font-size: 5vw;}
#news #bo_gall .gall_info .gall_date{margin-left: 0; font-weight: 500; font-size: 4vw;}
#news #bo_gall .gall_img{height: 38.75vw !important; max-height: none !important; border-bottom: none;}
#news #bo_gall .gall_img span{line-height: 38.75vw !important; text-indent: -9999px; background: #ece9e9 url(/asset/images/logo.svg) no-repeat center / 80%;}
#news #bo_gall .gall_img a,
#news #bo_gall .gall_img .no_image,
#news #bo_gall .gall_img .is_notice{width: 100%; height: 100%; position: relative;}
#news #bo_gall .gall_img img,
#news #bo_gall .gall_img video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 100%;}
#news .pg_wrap{position: absolute; bottom: 10vw; left: 50%; transform: translateX(-50%);}
#news .pg_wrap .pg_current{border-radius: 0; background: #0071bb; border: 1px solid #0071bb;}
#news .pg_wrap .pg_page{border-radius: 0;}
#news_view{padding: 38vw 6.25vw 14vw; background: linear-gradient(to bottom, #0071bb 67vw, #fff 0); }
#news_view #bo_v{background: none;}
#news_view #bo_v_title .bo_v_tit{color: #fff; font-size: 7vw; line-height: 1.2em; height: 17vw; margin: 0;}
#news_view #bo_v_info{border-bottom: none;}
#news_view #bo_v_top{margin-top: 10vw;}
#news_view #bo_v_share,
#news_view .cmt_btn,
#news_view #bo_vc,
#news_view #bo_vc_w{display: none;}
#news_view .bo_v_nb li{padding: 13px 0;}
#news_view .bo_v_nb p{display: inline-block; width: 57vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1em; font-size: 4vw; }
#news_view .bo_v_nb li .nb_tit{line-height: 1.2em; font-size: 4vw; padding-right: 19px;}
#news_view #bo_v_con{margin: 7vw 0;}
#news_view .btn_list{width: 20vw; display: block; padding: 4vw 0; text-align: center; background: #0071bb; color: #fff; font-weight: 500; margin: 0 auto; font-size: 5vw; line-height: 1em;}

/* news *********************************************************************** */

/* Inquiry 문의사항 *********************************************************************** */
#inquiry{background: linear-gradient(to bottom, #0071bb 53.333vw, #fff 0);}
#inquiry .topTitle{color: #fff; font-size: 14vw; text-align: center; font-family: 'Titillium Web', sans-serif; font-weight: 700; line-height: 1em; margin-bottom: 21.3333vw; position: relative;}
#inquiry .topTitle::after{display: block; content: ""; width: 2vw; height: 2vw; background: #fff; position: absolute; top: 0; right: 18.666vw;}
#inquiry .main-wrap{margin-bottom: 8vw;}
#inquiry .main-wrap span{margin-right: 10px; color: #0071bb;}
#inquiry .main-wrap .info_rc{text-align: right; font-size: 14px; margin-bottom: 10px; padding-bottom: 22px; border-bottom: 1px dashed #0071bb;}
#inquiry .main-wrap .input_wrap{padding: 10px 0;}
#inquiry .main-wrap .input_wrap .item{font-size: 20px; width: 250px; font-weight: 500; margin-bottom: 10px; color: #0071bb;}
#inquiry .main-wrap .input_wrap input{width: 100%; padding: 10px; box-sizing: border-box; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; outline: none;}
#inquiry .main-wrap .input_wrap label{font-size: 16px; margin-right: 10px; cursor: pointer; display: block; padding: 4px 0;}
#inquiry .main-wrap .input_wrap input[type = radio]{width: auto;}
#inquiry .main-wrap .input_wrap textarea{width: 100%; padding: 10px; box-sizing: border-box; resize: none; font-size: 14px; line-height: 1.2em; font-family: 'Noto Sans KR', sans-serif; height: 400px;}
#inquiry .agree-wrap{padding: 10px; border-top: 2px solid #0071bb; border-bottom: 2px solid #0071bb; margin-bottom: 30px;}
#inquiry .agree-wrap .agree-cont{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #0071bb;  color: #606060;}
#inquiry .agree-wrap .agree-cont strong{font-size: 16px; margin-bottom: 10px; display: block; text-align: center; color: #303030; padding-top: 20px;}
#inquiry .agree-wrap .agree-cont span{display: block; text-align: center; margin: 20px 0;}
#inquiry .agree-wrap .agree-cont p{font-size: 14px; padding-bottom: 20px;}
#inquiry .agree-wrap .agree-check{}
#inquiry .agree-wrap .agree-check input{}
#inquiry .agree-wrap .agree-check label{font-size: 14px; margin-bottom: 10px;}
/* 320 inquiry 문의하기 버튼 */
#inquiry .btn_submit{width: 61.25vw; margin: 10vw auto 0; position: relative; display: flex; border: 1px solid #0071bb; height: 10.5vw; flex-direction: column; cursor: pointer; background: rgba(255,255,255, .7);}
#inquiry .btn_submit i{content: ''; width: 100%; height: 100%; transition: all .5s cubic-bezier(1,.49,.16,.96); background: #0071bb; transform-origin: center right; transform: scaleX(0);}
#inquiry .btn_submit:hover i{transform: scaleX(1);}
#inquiry .btn_submit i:nth-child(1) {transition-delay: .02s;}
#inquiry .btn_submit i:nth-child(2) {transition-delay: .04s;}
#inquiry .btn_submit i:nth-child(3) {transition-delay: .06s;}
#inquiry .btn_submit i:nth-child(4) {transition-delay: .08s;}
#inquiry .btn_submit i:nth-child(5) {transition-delay: .10s;}
#inquiry .btn_submit i:nth-child(6) {transition-delay: .12s;}
#inquiry .btn_submit i:nth-child(7) {transition-delay: .14s;}
#inquiry .btn_submit i:nth-child(8) {transition-delay: .16s;}
#inquiry .btn_submit i:nth-child(9) {transition-delay: .18s;}
#inquiry .btn_submit i:nth-child(10) {transition-delay: .2s;}
#inquiry .btn_submit i:nth-child(11) {transition-delay: .22s;}
#inquiry .btn_submit i:nth-child(12) {transition-delay: .24s;}
#inquiry .btn_submit span{position: absolute; width: 100%; font-size: 5.5vw; line-height: 10.5vw; text-align: center; color: #0071bb; font-weight: bold; transition: all .4s cubic-bezier(1,.49,.16,.96); z-index: 100;}
#inquiry .btn_submit:hover span{color: #fff; transition-delay: .4s;}
#inquiry #if{width: 0; height: 0; border: none; outline: none;}
#inquiry .not_robot{margin: 10px 0; width: 100%;}
#inquiry .not_robot > div > div{width: 100% !important;}
#inquiry .not_robot > div > div iframe{width: 100% !important;}
#inquiry .rc-anchor-normal{width: 100%;}
#inquiry .rc-anchor-light.rc-anchor-normal{border: none;}
/* Inquiry 문의사항 *********************************************************************** */



/* ---------- 320 모바일 끝 */

/* 768 태블릿 시작 ---------- */
@media screen and (min-width: 768px) {
    /* 768 공통 */
    .container article{padding-top: 7vw; padding-bottom: 20vw; padding-bottom: 12vw;}

    /* project **************************************************************************** */

    /* 768 project 탭메뉴 */
    #project .tab_menu{top: 29.1vw;}
    /* 768 project 패널 */
    #project .pannel .bUl{display: flex; flex-wrap: wrap; justify-content: center;}
    /* 768 project_view 오버뷰 */
    #project_view .overview .text .right i{width: 83.5vw; height: 25vw;}


    /* service *********************************************************************** */
    #service section .photo::before{left: -39.3vw;}
    #service section .text p{font-size: 20px;}


    /* voucher *********************************************************************** */
    #voucher.sub_index{padding-bottom: 0;}
    #voucher .list{display: flex; flex-wrap: wrap; justify-content: space-between;}
    #voucher .list .box{width: 48%; padding: 6vw 4vw; height: 44vw; margin-bottom: 4vw;}
    #voucher .list .box h4{font-size: 3.5vw;}
    #voucher .list .box p{font-size: 3vw;}
    #voucher .list .box i::after{height: 44vw;}
    #voucher .bottom{padding-bottom: 11vw; background: linear-gradient(to bottom, #fff 39vw, #e5e3e3 0);}
    #voucher .bottom ul{display: flex; justify-content: space-between;}
    #voucher .bottom li{margin-top: 0; padding-top: 39vw; width: 48%; background: url(/asset/images/voucher/bg-popol.png) no-repeat; }
    #voucher .bottom li:nth-child(2){background-size: 84.5%; background-image: url(/asset/images/voucher/bg-cs.png); }
    #voucher .bottom li a{font-size: 4vw; padding: 1vw 0;}
    #voucher .bottom li span{font-size: 7vw;}
}
/* ---------- 768 태블릿 끝 */

/* 1024 pc 시작 ---------- */
@media screen and (min-width: 1024px) {
    /* 1024 공통 */
    .container{}
    .container article{padding-top: 374px; padding-bottom: 130px; }
    .container article .illust{margin: 0;}
    .container article .inner{}
    .container article .move{}
    .container article .text{position: absolute;}
    .container article h3{font-size: 75px; margin-bottom: 20px;}
    .container article p{font-size: 23px; margin-bottom: 34px;}
    .container article .more{font-size: 23px; width: 144px; padding: 14px 0; position: relative;}
    .container article .more:hover{background: #0071bb;}
    .container article .more::before{width: 0; display: block; content: ""; height: 46px; background: #0071bb; transition: all .3s; position: absolute; z-index: -1; top: 0; right: 50px;}
    .container article .more:hover::before{width: 500px;}

    /* 1024 메인 about */
    .container .about{padding-bottom: 281px; background: url(/asset/images/bg_about.png) no-repeat center 247px; animation: none;  cursor: url(/asset/images/ani/about_mouse.png), auto; padding-top: 382px;}
    @keyframes about {
        from{background-position: 242px 76px;}
        to{background-position: 237px 76px;}
    }
    /* 1024 about 일러스트 영역 */
    .about .illust.a01{width: 616px; height: 424px; margin: 0 0 0 -35px;}
    .about .move.a02{width: 13px; height: 14px; left: 74px; top: 83px;}
    .about .move.a03{width: 9px; height: 8px; left: 175px; top: 67px;}
    .about .move.a04{width: 20px; height: 13px; left: 308px; top: 58px;}
    .about .move.a05{width: 34px; height: 91px; left: 447px; top: 99px;}
    .about .move.a06{width: 34px; height: 103px; left: 572px; top: 57px;}

    @keyframes a03 {
        from{left: 175px;}
        to{left: 173px;}
    }
    @keyframes a05 {
        from{top: 83px;}
        to{ top: 88px;}
    }
    @keyframes a06 {
        from{top: 57px;}
        to{top: 50px;}
    }
    /* 1024 about 텍스트 영역 */
    .about .text{top: 127px; right: 0;}
    .container .about .more::before{right: auto; left: 50px;}

    /* 1024 about info(클릭유도) */
    .about .info{text-align: center; font-size: 18px; color: #666; margin-top: 50px;  animation: ainfo 1s linear infinite alternate;}
    @keyframes ainfo {
        from{opacity: 1;}
        to{opacity: .4;}
    }

    /* 1024 메인 project */
    .container .project{padding-top: 254px; }
    /* 1024 project 일러스트 영역 */
    .container .project .illust.p01{width: 726px; height: 594px; margin: 0; margin-left: auto;}
    .project .move.p02{width: 22px; height: 64px; left: 216px; top: 352px;}
    .project .move.p03{width: 75px; height: 68px; left: 634px; top: 284px;}
    .project .move.p04{width: 139px; height: 68px; left: 501px; top: 323px;}
    .project .move.p05{width: 19px; height: 12px; left: 479px; top: 142px;}
    .project .move.p06{width: 22px; height: 23px; left: 330px; top: 186px;}
    .project .move.p07{width: 128px; height: 8px; left: 92px; top: 185px;}
    .project .move.p08{width: 262px; height: 8px; left: 94px; top: 95px;}
    @keyframes p02 {
        from{transform: rotate(0);}
        to{transform: rotate(4deg);}
    }
    @keyframes p03 {
        0%{transform: rotate(0);}
        30%{transform: rotate(-5deg);}
        50%{transform: rotate(0);}
        100%{transform: rotate(0);}
    }
    @keyframes p04 {
        0%{transform: rotate(0);}
        50%{transform: rotate(8deg);}
        100%{transform: rotate(8deg);}
    }
    @keyframes p05 {
        from{transform: scale(1);}
        to{transform: scale(.8);}
    }
    @keyframes p06 {
        from{transform: rotateY(0);}
        to{transform: rotateY(180deg);}
    }
    @keyframes p07 {
        0%{transform: scaleX(0.1);}
        50%{transform: scaleX(1);}
        100%{transform: scaleX(1);}
    }
    /* 1024 project 텍스트 영역 */
    .project .text{top: 241px; left: 0;}

    /* 1024 메인 service */
    .container .service{padding-top: 150px;}
    .service.ani{animation: service 1s linear;}
    @keyframes service {
        from{opacity: 0;}
        to{opacity: 1;}
    }
    /* 1024 service 일러스트 영역 */
    .service .illust_wrap{display: flex; justify-content: space-between;}
    .container .service .illust.s01{width: 1040px; height: 635px; margin-left: -360px;}
    .container .service .illust.s01::before{width: 1040px; height: 635px; animation: none;}
    .service .move.s02{width: 86px; height: 106px; top: 398px; left: 638px; animation: s02 .5s linear infinite alternate;}
    .service .move.s03{width: 120px; height: 40px; top: 292px; left: 892px; animation: s03 .7s linear infinite alternate;}
    .service .move.s04{width: 112px; height: 94px; top: 102px; left: 672px; animation: s04 .8s linear infinite alternate;}
    .service .move.s05{width: 221px; height: 205px; top: -2px; left: 228px; animation: s05 .5s linear infinite alternate;}
    .service .move.s06{width: 747px; height: 608px; top: 52px; left: 362px; cursor: url(/asset/images/ani/service_mouse.png) 40 40, auto;}
    @keyframes s02 {
        0%{top: 398px; left: 638px; opacity: 0;}
        100%{top: 400px; left: 640px; opacity: 1;}
    }
    @keyframes s03 {
        0%{width: 120px; height: 40px; opacity: 0;}
        100%{width: 125px; height: 45px; opacity: 1;}
    }
    @keyframes s04 {
        0%{width: 112px; height: 94px; opacity: 0;}
        100%{width: 117px; height: 99px; opacity: 1;}
    }
    @keyframes s05 {
        0%{top: -2px; left: 228px;  opacity: 0;}
        100%{top: 5px; left: 240px;  opacity: 1;}
    }
    .container .service .illust.s2_01{width: 361px; height: 735px; margin-right: -354px;  background: url(/asset/images/ani/service_2_01.svg) no-repeat right top; margin-top: 46px;}
    .container .service .move.s2_02{width: 159px; height: 126px; top: 370px; left: -41px; background-image: url(/asset/images/ani/service_2_02.svg); animation: s02_02 .4s linear infinite alternate;}
    .container .service .move.s2_03{width: 129px; height: 120px; top: 23px; left: 90px; background-image: url(/asset/images/ani/service_2_03.svg); animation: s02_03 .5s linear infinite alternate;}
    .container .service .move.s2_04{width: 75px; height: 94px; top: 221px; left: 60px; background-image: url(/asset/images/ani/service_2_04.svg); animation: s02_04 .4s linear infinite alternate;}
    @keyframes s02_02 {
        0%{top: 370px;}
        100%{top: 372px;}
    }
    @keyframes s02_03 {
        0%{left: 90px; opacity: 0;}
        100%{left: 80px; opacity: 1;}
    }
    @keyframes s02_04 {
        0%{opacity: 0;}
        100%{opacity: 1;}
    }
    /* 1024 service 텍스트 영역 */
    .service .text{text-align: right; top: 250px; right: 0;}
    .service .text .more{margin-left: auto;}
    .container .service .more:hover::before{width: 0;}
    /* 1024 service info(클릭유도) */
    .service .info{font-size: 18px; color: #666; animation: sinfo 1s linear infinite alternate; position: absolute; bottom: 120px; left: 270px;}
    @keyframes sinfo {
        from{opacity: 1;}
        to{opacity: .4;}
    }

    /* 1024 메인 voucher */
    .container .voucher{padding-top: 191px;}
    /* 1024 voucher 일러스트 영역 */
    .voucher .illust_wrap{}
    .container .voucher .illust.v01{width: 1434px; height: 659px; margin-left: -152px;}
    .voucher .move.v02{width: 60px; height: 29px; top: 0; left: 930vw; animation: v02 4s ease-in-out infinite; opacity: 0;}
    .voucher .move.v_slide{top: 349px; left: 995px; width: 230px;}
    .voucher .move.v03{width: 184px; height: 381px; top: 270px; left: 1220px;}
    .voucher .move.v04{width: 100px; height: 111px; top: 114px; left: 1012px; transform-origin: 0 85px; animation: v04 1s linear infinite alternate;}
    .voucher .move.v05{width: 274px; height: 2px; top: 496px; left: 510px; animation: v05 5s ease-in-out infinite alternate; background: #0071bb; display: block;}
    .voucher .move.v06{width: 247px; height: 121px; top: 140px; left: 280px; display: block;}
    .voucher .move.v06 .st0{stroke-dasharray: 14; stroke-dashoffset: 632;}


    @keyframes v02 {
        0%{ top: 0; left: 930px; opacity: 0;  }
        20%{ top: 0; left: 930px; opacity: 1; transform: rotate(0);}
        70%{ top: -20px; left: -280px;  transform: rotate(360deg); }
        90%{ opacity: 0; }
        100%{ opacity: 0; }
    }
    @keyframes v04 {
        0%{ transform: rotate(0); }
        100%{ transform: rotate(16deg); }
    }
    @keyframes v05 {
        0%{ width: 0; }
        20%{ width: 274px; }
        90%{ width: 274px; }
        100%{ width: 0; }
    }

    /* 1024 voucher 텍스트 영역 */
    .voucher .text{top: 280px; left: 0;}
    .voucher .text .more{margin-right: auto;}

    /* 1024 메인 news */
    .container .news{padding-top: 270px;}
    /* 1024 news 일러스트 영역 */
    .news .illust.n01{width: 729px; height: 459px; margin-left: -80px;}
    .news .move.n02{width: 29px; height: 29px; left: 0; top: 293px;}
    .news .move.n03{width: 34px; height: 34px; left: 77px; top: 0;}
    .news .move.n04{width: 25px; height: 25px; left: 75px; top: 237px;}
    .news .move.n05{width: 25px; height: 25px; left: 127px; top: 65px;}
    .news .move.n06{width: 26px; height: 26px; left: 522px; top: 49px;}
    .news .move.n07{width: 18px; height: 18px; left: 604px; top: 373px;}
    .news .move.n08{width: 18px; height: 18px; left: 547px; top: 95px;}
    .news .move.n09{width: 30px; height: 30px; left: 640px; top: 270px;}
    .news .move.n10{width: 25px; height: 25px; right: 0; top: 216px;}
    .news .move.n11{width: 12px; height: 12px; left: 247px; top: 176px;}
    .news .move.n12{width: 20px; height: 20px; left: 454px; top: 164px;}
    .news .move.n13{width: 19px; height: 19px; left: 266px; top: 53px;}
    .news .move.n14{width: 22px; height: 22px; left: 421px; top: 126px;}
    .news .move.n15.txt{font-size: 55px; left: 300px; top: 228px; line-height: 40px;}
    .news .move.n16{width: 31px; height: 55px; top: 303px; left: 350px;}
    @keyframes circle {
        from{transform: rotate(0);}
        to{transform: rotate(360deg);}
    }
    @keyframes color {
        0%{color: #0071bb;}
        10%{color: orangered;}
        20%{color: rgb(255, 208, 0);}
        30%{color: yellowgreen;}
        40%{color: green;}
        50%{color: rgb(20, 20, 133);}
        60%{color: indigo;}
        70%{color: purple;}
        80%{color: palevioletred;}
        100%{color: #0071bb;}
    }
    @keyframes arrow {
        from{top: 303px;}
        to{top: 310px;}
    }
    /* 1024 news 텍스트 영역 */
    .news .text{top: 94px; right: 0;}
    .news .cwcc{font-size: 70px; line-height: 1em;}
    .news .more{}
    .news .more::before{right: auto; left: 50px;}
    .container .news .more:hover::before{width: 850px;}

    /* 1024 threeD */
    .threeD{display: block;}
    .container .threeD {padding-top: 250px;}
    .threeD #here3D{height: auto;}

    /* 1024 unity */
    #unity-container{width: 1200px; height: 100%; margin: 0 auto;}



    /* 1024 서브 공통 */
    .sub_index{padding-top: 237px; padding-bottom: 80px;}

    /* about **************************************************************************** */
    /* 1024 서브 about */
    #about{}
    #about h3{font-size: 50px; margin: 0 auto 86px;}
    #about h3::after{width: 10px; height: 10px; top: 0; right: -20px;}
    #about section{margin-bottom: 190px;}
    /* 1024 about 인트로 */
    #about .intro{margin-bottom: 210px;}
    #about .intro .title{}
    #about .intro .title h5{font-size: 50px;}
    #about .intro .title h4{font-size: 75px;}
    #about .intro i{width: 2px; height: 70px; margin: 61px auto 45px;}
    #about .intro .content{}
    #about .intro .content p{font-size: 17px; line-height: 28px;}
    #about .intro .content p:first-child{margin-bottom: 34px;}
    #about .intro .content p strong{font-size: 23px;}
    #about .intro .content p span{display: inline;}
    #about .intro .content p span::before{height: 14px;}
    /* 1024 about 밸류 */
    #about .value{}
    #about .value .logo{width: 507px; margin-bottom: 100px;}
    #about .value .logo img{}
    #about .value .content{padding: 138px 0;}
    #about .value .content h3{}
    #about .value .content .value_wrap{display: flex; justify-content: space-between;}
    #about .value .content .value_wrap .box{width: 344px; padding: 80px 0 70px; margin-bottom: 0;}
    #about .value .content .value_wrap .box i{height: 3px;}
    #about .value .content .value_wrap .box i::after{width: 3px; height: 302px;}
    #about .value .content .value_wrap .box h4{font-size: 30px; margin-bottom: 40px;}
    #about .value .content .value_wrap .box p{font-size: 17px; line-height: 28px;}
    /* 1024 about 인포 */
    #about .info{}
    #about .info .content{display: flex;}
    #about .info .content .text{padding: 72px 60px; width: 50%;}
    #about .info .content .text table{font-size: 17px;}
    #about .info .content .text table th{width: 70px; padding: 10px 0; text-align: left;}
    #about .info .content .text table td{width: auto; padding: 10px 0 10px 26px;}
    #about .info .content .logo{padding: 139px 0 0; width: 50%; text-align: center;}
    #about .info .content .logo img{width: 276px;}
    /* 1024 about 연혁 */
    #about .history{}
    #about .history .content{display: block; padding: 0; width: 1275px; margin: 0 auto; position: relative;}
    #about .history .content .bar{display: block; width: 100%; height: 6px; margin-right: 0; position: absolute; top:202px; left: 50%; transform: translateX(-50%);}
    #about .history .content ul{display: flex; flex-wrap: wrap;}
    #about .history .content li{position: relative; float: left;}
    #about .history .content li::after{display: block; content: ""; width: 11px; height: 11px; background: #fff; border: 3px solid #0071bb; position: absolute; top: -71px; left: -30px;}
    #about .history .content li.top::after{top: 172px;}
    #about .history .content li::before{width: 2px; top: -63px; left: -22px; display: block; content: ""; background: #0071bb33; position: absolute; height: 128px;}
    #about .history .content li.top::before{height: 174px; top: 13px;}
    #about .history .content li:nth-child(1){margin-left: 22px;}
    #about .history .content li:nth-child(2){margin-left: -10px; margin-top: 24px;}
    #about .history .content li:nth-child(3){margin-left: -70px;}
    #about .history .content li:nth-child(4){margin-left: -91px;}
    #about .history .content li:nth-child(4)::after{top: 196px;}
    #about .history .content li:nth-child(4)::before{top: 13px; height: 190px;}
    #about .history .content li:nth-child(5){margin-left: -76px;}
    #about .history .content li:nth-child(6){margin-left: -106px; margin-top: 24px;}
    #about .history .content li:nth-child(7){margin-left: -112px;}
    #about .history .content li:nth-child(8){margin-left: -65px; margin-top: 24px;}
    #about .history .content li:not(:last-child){margin-bottom: 0}
    #about .history .content li.bottom{margin-top: 267px;}
    #about .history .content li.top{}
    #about .history .content li i{}
    #about .history .content li .year_wrap{}
    #about .history .content li.top .year_wrap{display: flex; flex-direction: column-reverse;}
    #about .history .content li .year_wrap h4{font-size: 35px; margin-bottom: 17px;}
    #about .history .content li.top .year_wrap h4{margin-top: 17px; margin-bottom: 0;}
    #about .history .content li .year_wrap h4::before{display: none;}
    #about .history .content li .year_wrap div p{font-size: 16px;}
    #about .history .content li .year_wrap div p::before{width: 4px; height: 4px; top: 10px; left: -23px;}
    /* 1024 about 인증 */
    #about .certif{}
    #about .certif .slide_wrap{}
    #about .certif .slide_wrap div{}
    #about .certif .slide_wrap div img{margin: 0 auto;}
    /* about **************************************************************************** */

    /* project **************************************************************************** */
    /* 1024 서브 project */
    #project{}
    /* 1024 project 탭메뉴 */
    #project .tab_menu{position: unset; height: auto; transform: unset;}
    #project .tab_menu ul{}
    #project .tab_menu li{width: 25%; opacity: 1; margin-top: 10px;}
    #project .tab_menu li:nth-child(1),
    #project .tab_menu li:nth-child(2){border-bottom: none;}
    #project .tab_menu li:not(:last-child){border-right: 1px solid #e5e3e3;}
    #project .tab_menu li.on{margin-top: 0;}
    #project .tab_menu li.on::after{display: none;}
    #project .tab_menu li a{font-size: 18px; padding: 24px 0; transition: all .2s;}
    #project .tab_menu li:hover a{color: #0071bb;}
    #project .tab_menu li.on a{padding-top: 34px;}
    /* 1024 project 패널 */
    #project .pannel{margin-top: 0; padding-top: 105px;}
    #project .pannel .bUl{justify-content: normal;}
    #project .pannel .bList{margin-bottom: 30px; width: 585px; margin-right: 30px;}
    #project .pannel .bList:nth-child(2n){margin-right: 0;}
    #project .pannel .bList .image{margin-bottom: 15px; box-sizing: border-box; position: relative; overflow: hidden; height: 328px;}
    #project .pannel .bList .image::after{display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent; color: #fff; text-align: center; padding-top: 300px; box-sizing: border-box; transition: all .3s; font-family: 'Titillium Web', sans-serif; font-size: 20px; line-height: 1em; opacity: 0;}
    #project .pannel .bList:hover .image::after{background: rgba(0, 0, 0, 0.7); content: "view"; padding-top: 146px; opacity: 1;}
    #project .pannel .bList .image img{transition: all 2s;}
    #project .pannel .bList .image:hover img{transform: scale(1.2);}
    #project .pannel .bList .text{font-size: 18px;}
    #project .pannel .bList .text strong{}
    /* 1024 project 더보기 버튼 */
    #project .pannel .btn_more{width: 196px; margin: 46px auto 0; height: 50px;}
    #project .pannel .btn_more span{font-size: 24px; line-height: 44px;}

    /* project **************************************************************************** */

    /* project view *********************************************************************** */
    #project_view{}
    /* 1024 project_view 상단 */
    #project_view .title{padding: 306px 0 231px;}
    #project_view .title .category{font-size: 18px; margin-bottom: 6px;}
    #project_view .title h3{font-size: 40px; margin-bottom: 26px;}
    #project_view .title .info{font-size: 18px;}
    #project_view .title .info i{margin: 0 14px; font-size: 13px;}
    /* 1024 project_view 오버뷰 */
    #project_view .overview{margin-top: -147px; margin-bottom: 108px;}
    #project_view .overview .image{margin-bottom: 39px;}
    #project_view .overview .image iframe{height: 675px;}
    #project_view .overview .text{display: flex; justify-content: space-between;}
    #project_view .overview .text .left{margin-bottom: 0;}
    #project_view .overview .text .left h4{font-size: 24px; margin-bottom: 11px;}
    #project_view .overview .text .left h4::after{width: 5px; height: 5px; top: -2px; right: -8px;}
    #project_view .overview .text .left p{font-size: 18px; line-height: 30px; text-align: left;}
    #project_view .overview .text .left p br:not(:first-child){display: block;}
    #project_view .overview .text .right{width: 388px; margin: 0; height: 206px;}
    #project_view .overview .text .right a{}
    #project_view .overview .text .right i{width: 368px; height: 183px; border: none;}
    #project_view .overview .text .right i::before,
    #project_view .overview .text .right i::after{display: block; content: ""; position: absolute; transition: all .3s;}
    #project_view .overview .text .right i::before{border-top: 2px solid #fff; border-left: 2px solid #fff; top: 0; left: 1px; width: 365px; height: 182px;}
    #project_view .overview .text .right:hover i::before{width: 0; height: 0; border-width: 10px;}
    #project_view .overview .text .right i::after{border-bottom: 2px solid #fff; border-right: 2px solid #fff; bottom: 0; right: 1px; width: 366px; height: 183px;}
    #project_view .overview .text .right:hover i::after{height: 0; width: 0; border-width: 10px;}
    #project_view .overview .text .right h4{font-size: 24px; margin-bottom: 11px;}
    #project_view .overview .text .right h4::after{width: 5px; height: 5px; top: -2px; right: -8px;}
    #project_view .overview .text .right p{font-size: 18px;}
    /* 1024 project_view 미리보기이미지 */
    #project_view .preview{}
    #project_view .preview article:nth-child(1){padding-top: 141px;}
    #project_view .preview article:nth-child(1) img{width: 1451px;}
    #project_view .preview article:nth-child(2){margin-top: -26px; padding-top: 102px;}
    #project_view .preview article:nth-child(2) img{width: 1118px;}

    /* project view *********************************************************************** */

    /* service *********************************************************************** */
    #service{overflow: hidden;}
    #service section{margin-bottom: 138px; padding-top: 23px; display: flex;}
    #service section .photo{margin-bottom: 0; margin-right: 24px;}
    #service section .photo::before{width: 846px; height: 232px; top: -24px; left: -360px;}
    #service section .text{padding-top: 70px;}
    #service section .text h3{font-size: 50px; margin-bottom: 48px;}
    #service section .text h3::after{width: 10px; height: 10px; right: -10px;}
    #service section .text p{font-size: 18px; line-height: 35px; margin-bottom: 76px;}
    #service section .text p br{display: block;}
    #service section .text .more{font-size: 23px; width: 144px; padding: 14px 0; position: relative;}
    #service section .text .more:hover{background: #0071bb;}
    #service section .text .more::before{width: 0; display: block; content: ""; height: 46px; background: #0071bb; transition: all .3s; position: absolute; z-index: -1; top: 0; left: 50px;}
    #service section .text .more:hover::before{width: 898px;}
    #service .right{flex-direction: row-reverse;}
    #service .right .photo{ margin-right: 0;}
    #service .right .photo::before{right: -360px;}
    #service .right .text{ margin-right: 24px;}
    #service .right .text h3{margin-right: 10px;}
    #service .right .text .more::before{left: auto; right: 50px; }
    #service .hp{}
    #service .pr{}
    #service .ict{}
    #service .ow{}
    /* service *********************************************************************** */

    /* voucher *********************************************************************** */
    #voucher .top{padding: 237px 0 172px;}
    #voucher .top h3{font-size: 74px; margin-bottom: 92px; width: fit-content;}
    #voucher .top h3::after{width: 10px; height: 10px; top: -14px; right: -9px;}
    #voucher .list .box{width: 581px; padding: 48px 0; margin-bottom: 44px; height: 202px;}
    #voucher .list .box:nth-child(3),
    #voucher .list .box:nth-child(4){margin-bottom: 0;}
    #voucher .list .box i{height: 4px;}
    #voucher .list .box i::after{width: 4px; height: 202px;}
    #voucher .list .box h4{font-size: 30px; margin-bottom: 34px;}
    #voucher .list .box p{font-size: 17px;}
    #voucher .bottom{padding-top: 0; background: linear-gradient(to bottom, #fff 286px, #e5e3e3 0); padding-bottom: 60px;}
    #voucher .bottom li{padding-top: 358px; width: 50%; background-size: 351px auto; background-position: center 44px;}
    #voucher .bottom li:nth-child(2){background-image: url(/asset/images/voucher/bg-cs.png); background-size: 306px auto; background-position: center 35px;}
    #voucher .bottom li a{padding: 14px 0 9px; font-size: 32px; width: 277px; margin: 0 auto; transition: all .3s;}
    #voucher .bottom li a:hover{background-color: #0071bb;}
    #voucher .bottom li span{font-size: 47px; margin-top: -6px;}
    /* voucher *********************************************************************** */

    /* news *********************************************************************** */
    #news{background: linear-gradient(to bottom, #0071bb 788px, #fff 0); padding: 288px 0 0;}
    #news .lat{width: 601px;}
    #news .lat .lat_title{font-size: 85px; margin-bottom: 78px;}
    #news .lat .lat_title::after{width: 10px; height: 10px; top: 0; right: -10px;}
    #news .top_wrap{display: flex;}
    #news .lat ul{}
    #news .lat li{height: 260px; margin-bottom: 10px;}
    #news .lat li a{font-size: 40px; margin-bottom: 40px; width: 454px;}
    #news .lat li .cont{font-size: 23px; margin-bottom: 52px; width: 454px;}
    #news .lt_info{}
    #news .lt_info .lt_date{font-size: 20px;}
    #news .slick-list{height: 260px;}
    #news .arrows{top: 160px;}
    #news .arrows button{}
    #news .arrows .slick-arrow{transition: all .3s;}
    #news .arrows .slick-arrow:hover{opacity: 1;}
    #news .arrows .slick-next{}
    #news .slick-dots{margin: 38px 0 52px;}
    #news .slick-dots li{transition: all .3s; height: 11px; margin-bottom: 20px; cursor: pointer;}
    #news .slick-dots li:hover{opacity: 1;}
    #news .slick-dots li.slick-active{}
    #news .top_wrap .img{width: 696px; height: 533px; margin: 50px -60px 0 72px;}
    #news h4{font-size: 35px; margin: 36px 0 58px; font-family: 'Noto Sans KR', sans-serif !important;}
    #news #bo_gall{padding-bottom: 58px;}
    #news #bo_gall #gall_ul{padding-bottom: 50px;}
    #news #bo_gall .gall_li{width: 276px; margin-right: 32px;}
    #news #bo_gall .gall_li:nth-child(2n){margin-right: 32px;}
    #news #bo_gall .gall_li:nth-child(4n){margin-right: 0;}
    #news #bo_gall .gall_box{    margin: 0 0 80px 0;}
    #news #bo_gall .bo_tit{height: 1.2em; font-size: 23px; white-space: nowrap; display: inherit;}
    #news #bo_gall .gall_text_href{margin: 20px 0;}
    #news #bo_gall .gall_info .gall_date{font-size: 18px;}
    #news #bo_gall .gall_img{height: 276px !important; position: relative; overflow: visible;}
    #news #bo_gall .gall_li .gall_img::after{display: block; content: ""; width: 50px; height: 50px; border: 10px solid transparent; border-left: none; border-bottom: none; position: absolute; top: -5px; right: -5px;/*  transition: all .3s; */}
    #news #bo_gall .gall_li:hover .gall_img::after{border-color: #0071bb;}
    #news #bo_gall .gall_img span{line-height: 276px !important;}
    #news .pg_wrap{bottom: 110px;}

    #news_view{padding: 310px 0 50px; background: linear-gradient(to bottom, #0071bb 438px, #fff 0); }
    #news_view #bo_v{width: 1200px !important; margin: 0 auto 70px;}
    #news_view #bo_v_title .bo_v_tit{font-size: 44px; height: auto;}
    #news_view #bo_v_top{margin-top: 70px;}
    #news_view .bo_v_nb li i{margin-right: 10px;}
    #news_view .bo_v_nb p{width: 91%; font-size: 18px; }
    #news_view .bo_v_nb li .nb_tit{font-size: 18px;}
    #news_view #bo_v_con{margin: 65px 0;}
    #news_view .btn_list{width: 190px; padding: 16px 0; font-size: 16px; transition: all .3s;}
    #news_view .btn_list:hover{opacity: .8;}

    #bo_w{width: 1200px; margin: 0 auto; padding: 190px 0 50px;}


    /* news *********************************************************************** */

    /* Inquiry 문의사항 *********************************************************************** */
    #inquiry{background: linear-gradient(to bottom, #0071bb 430px, #fff 0);}
    #inquiry .topTitle{font-size: 85px; margin-bottom: 140px;}
    #inquiry .topTitle::after{width: 10px; height: 10px; top: 0; right: 450px;}
    #inquiry .main-wrap{margin-bottom: 30px;}
    #inquiry .main-wrap span{margin-right: 10px; color: #0071bb;}
    #inquiry .agree-wrap{margin-bottom: 80px;}
    #inquiry .agree-wrap .agree-cont p{text-align: center;}
    #inquiry .agree-wrap .agree-check{text-align: center;}
    #inquiry .agree-wrap .agree-check input{}
    #inquiry .agree-wrap .agree-check label{font-size: 14px; margin-bottom: 10px;}
    #inquiry .btn_submit{width: 196px; margin: 46px auto 0; height: 50px;}
    #inquiry .btn_submit span{font-size: 24px; line-height: 52px;}
    #inquiry .not_robot{margin: 30px 0; width: auto;}
    #inquiry .not_robot > div > div{width: auto !important;}
    #inquiry .not_robot > div > div iframe{width: 304px !important;}
    #inquiry .rc-anchor-normal{width: auto;}

    #inquiry .main-wrap .input_wrap label{display: inline;}
    /* Inquiry 문의사항 *********************************************************************** */
}
/* ---------- 1024 pc 끝 */