/* 공통 */
.sub_visual{margin-top: 100px; padding: 100px 0 80px;}
.sub_visual h2{font-size: 130px; font-weight: 500; display: flex; align-items: center;}
.sub_visual h2 img{width: 65px; display: block; margin-right: 44px;}
.sub_visual h2 .count{display: inline-block; font-size: 30px; font-weight: 700; padding: 9px 30px; border-radius: 60px; background: #2AC1EB; margin: -50px 0 0 22px;}


/* about */
.about_img{margin-bottom: 200px;}
.about_img img{width: 100%;}
.about_img .tab_img, .about_img .mob_img{display: none;}
.about .inner > div + div{margin-top: 200px;}
.about_title.center{text-align: center;}
.about_title h3{font-size: 80px; font-weight: 500;}
.about_title h3 b{font-weight: 800;}
.about_title p{font-size: 20px; margin-top: 25px; line-height: 1.8;}
.about .sec1:after{content: ''; display: block; clear: both;}
.about .sec1 .txt_wrap em{font-size: 18px; font-weight: 600; display: block;}
.about .sec1 .txt_wrap .txt{margin: 30px 0;}
.about .sec1 .txt_wrap .txt div{display: inline-block; letter-spacing: -2px; margin-right: 10px;}
.about .sec1 .txt_wrap .txt div span{font-size: 50px; font-weight: 600; opacity: 0.2; font-family: 'Pretendard';}
.about .sec1 .txt_wrap p{font-size: 20px; line-height: 1.8;}
.about .sec1 .count_wrap{width: 900px; float: right; margin-top: 120px;}
.about .sec1 .count_wrap dl dt{font-size: 18px; font-weight: 600;}
.about .sec1 .count_wrap dl dd{font-size: 100px; font-weight: 700;}
.about .sec1 .count_wrap .bottom{display: flex; justify-content: space-between; margin-top: 95px;}
.about .sec1 .count_wrap .bottom dl:nth-of-type(1){min-width: 215px;}
.about .sec1 .count_wrap .bottom dl:nth-of-type(2){min-width: 190px;}
.about .sec1 .count_wrap .bottom dl:nth-of-type(3){min-width: 170px;}
.about .sec1 .count_wrap .bottom dl dt{color: #848484;}
.about .sec1 .count_wrap .bottom dl dd{font-size: 70px;}
.about .sec2{display: flex; justify-content: space-between;}
.about .sec2 ul{width: 900px; border-top: 1px solid #767676;}
.about .sec2 ul li{border-bottom: 1px solid #767676;}
.about .sec2 ul li a{display: block; position: relative; overflow: hidden; cursor: default;}
.about .sec2 ul li a > div{padding: 35px 40px; position: relative;}
.about .sec2 ul li a > div:before{content: ''; display: block; width: 20px; height: 20px; background: url(/img/sub/about_sec2_arrow.svg) no-repeat center / 100%; position: absolute; right: 40px; top: 50%; transform:translateY(-50%);}
.about .sec2 ul li a .txt{display: flex; align-items: center; gap:35px;}
.about .sec2 ul li a .txt .num{font-size: 16px; font-weight: 600;}
.about .sec2 ul li a .txt .title{font-size: 25px; font-weight: 700; width: 85%;}
.about .sec2 ul li a .over{background: #FFF; position: absolute; bottom: -100%; left: 0; width: 100%; transition:all 0.5s ease;}
.about .sec2 ul li a:hover .over{bottom: 0;}
.about .sec2 ul li a .over:before{filter:invert(1);}
.about .sec2 ul li a .over *{color: #000;}
.about .sec2 ul li a .over .swiper-wrapper{transition-timing-function: linear;}
.about .sec2 ul li a .over .swiper-slide{width: max-content; display: block; margin-right: 7px;}
.about .sec3 ul{display: flex; flex-wrap: wrap; margin-top: 60px;}
.about .sec3 ul li{width: 20%; transition:all 0.5s;}
.about .sec3 ul li:hover{background: rgba(61, 61, 61, 0.50);}
.about .sec3 ul li img{width: 100%;}
.about .sec4{text-align: center;}
.about .sec4 .txt{font-size: 100px;}
.about .sec4 .txt b{font-weight: 800;}
.about .sec4 p{font-size: 20px; margin-top: 25px; line-height: 1.8;}
#cursor_div{position: fixed; left: 0; top: 0; pointer-events: none; z-index: 10;}
#cursor_div .cursor{display:flex; justify-content:center; align-items:center; width: 0; height: 0; border-radius:50%; background:#2AC1EB; transition:all 0.3s; transform: translate(-50%, -50%); font-weight: 800; color: #000; font-size: 0;}
#cursor_div .cursor.on{width: 180px; height: 180px; font-size: 18px; letter-spacing: -0.36px;}
.about .sec5 .about_title p {font-size: 16px; font-weight: 400; line-height: 1.6;}
.about .sec5 .mySwiper_wrap {position: relative; margin: 76px auto 0; width: 1425px;}
.about .sec5 .mySwiper .swiper-slide {display: flex; align-items: flex-start; gap: 30px; margin-right: 60px; width: auto;}
.about .sec5 .mySwiper .swiper-slide.slide01 img {width: 92.48px;}
.about .sec5 .mySwiper .swiper-slide.slide02 img {width: 99.21px;}
.about .sec5 .mySwiper .swiper-slide.slide03 img {width: 59.15px;}
.about .sec5 .mySwiper .swiper-slide.slide04 img {width: 83px;}
.about .sec5 .mySwiper .swiper-slide.slide05 img {width: 71.56px;}
.about .sec5 .mySwiper .swiper-slide .txt span {display: block; font-size: 18px; font-weight: 600; color: #fff; line-height: 1.2;}
.about .sec5 .mySwiper .swiper-slide .txt p {margin-top: 10px; font-size: 25px; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; font-family: var(--font-pre);}
.about .sec5 .arrow {position: absolute; top: 50%; transform: translateY(-50%); right: auto; left: auto; bottom: auto; margin: 0; width: auto; height: auto;}
.about .sec5 .arrow::after {display: none;}
.about .sec5 .arrow img {width: 32px;}
.about .sec5 .swiper-button-prev {left: -82px;}
.about .sec5 .swiper-button-next {right: -82px;}


/* list */
.list_wrap .srh_wrap{margin-bottom: 135px;}
.list_wrap .srh_wrap form{width: 700px; height: 80px; margin: 0 auto; position: relative;}
.list_wrap .srh_wrap .hide{display: none;}
.list_wrap .srh_wrap input{width: 100%; height: 100%; background: none; font-size: 20px; font-family: 'Pretendard'; border: none; border-bottom: 1px solid #FFF;}
.list_wrap .srh_wrap input::placeholder{color: #fff;}
.list_wrap .srh_wrap .srh_btn{display: block; width: 50px; height: 50px; background: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; right: 10px; top: 50%; transform:translateY(-50%);}
.list_wrap .srh_wrap .srh_btn img{width: 100%;}
.list_wrap .list_top{margin-bottom: 62px; display: flex; justify-content: flex-end;}
.list_wrap .list_top .inner{display: flex; justify-content: space-between; align-items: flex-end; margin: 0; max-width: 100%; width: 100%; padding-left: 155px; padding-right: 0;}
.list_wrap .list_top .inner .category_box > div,
.list_wrap .list_top .inner > div{display: flex; align-items: center; gap:25px;}
.list_wrap .list_top .inner .category_box {display: revert; max-width: 80%;}
.list_wrap .list_top .inner .category_box > div + div {margin-top: 15px;}
.list_wrap .list_top .inner .category_box ul {flex-wrap: wrap;}
.list_wrap .list_top .inner .category_box a {font-size: 14px;}
.list_wrap .list_top .inner .category_box .ko a {font-family: 'Pretendard', sans-serif;}
.list_wrap .list_top em{font-size: 14px; font-weight: 500; color: #848484;}
.list_wrap .list_top .line{display: block; width: 1px; height: 10px; background: #848484;}
.list_wrap .list_top ul{display: flex; align-items: center; gap:10px;}
.list_wrap .list_top ul li a{font-size: 14px; font-weight: 700; color: #848484;padding: 5px 15px; border: 1px solid transparent; display: inline-block;}
.list_wrap .list_top ul li a:hover,
.list_wrap .list_top ul li a.on {color: #FFF;}
.list_wrap .list_top .category ul li a:hover,
.list_wrap .list_top .category ul li a.on {display: inline-block; border-radius: 30px; border: 1px solid #FFF; /* padding: 5px 15px; */}
.list_wrap .grid_list ul{display: flex; flex-wrap: wrap; gap: 5.21vw 5.73vw; animation: fade-up 1s both 0.6s;}
@keyframes fade-up{
	0%{opacity: 0; transform: translateY(50px);}
	100%{opacity: 1; transform: translateY(0);}
}
.list_wrap .grid_list ul li{width: calc(33.33% - 3.82vw);}
.list_wrap .grid_list ul li a .img{height: 28.65vw; position: relative;}
.list_wrap .grid_list ul li a .img img{width: 100%; height: 100%; object-fit:cover;} 
.list_wrap .grid_list ul li a .img .line{position: absolute; background: #2AC1EB; display: inline-block;}
.list_wrap .grid_list ul li a .img .line1{width: 0; height: 4px; bottom: 0; left: 0;}
.list_wrap .grid_list ul li a .img .line2{width: 4px; height: 0; bottom: 0; right: 0;}
.list_wrap .grid_list ul li a .img .line3{width: 0; height: 4px; top: 0; right: 0;}
.list_wrap .grid_list ul li a .img .line4{width: 4px; height: 0; top: 0; left: 0;}
.list_wrap .grid_list ul li a .img.on .line1{animation: line3-on 0.1s both;}
.list_wrap .grid_list ul li a .img.off .line1{animation: line3-off 0.1s both 0.3s;}
.list_wrap .grid_list ul li a .img.on .line2{animation: line2-on 0.1s both 0.1s;}
.list_wrap .grid_list ul li a .img.off .line2{animation: line2-off 0.1s both 0.2s;}
.list_wrap .grid_list ul li a .img.on .line3{animation: line3-on 0.1s both 0.2s;}
.list_wrap .grid_list ul li a .img.off .line3{animation: line3-off 0.1s both 0.1s;}
.list_wrap .grid_list ul li a .img.on .line4{animation: line2-on 0.1s both 0.3s;}
.list_wrap .grid_list ul li a .img.off .line4{animation: line2-off 0.1s both;}
.list_wrap .grid_list ul li a p{margin-top: 30px; font-size: 20px; color: #FFF; font-family: 'Pretendard'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_wrap .more_btn_wrap{margin-top: 140px; text-align: center;}
.list_wrap .more_btn{margin-top: 0;}
.list_wrap .empty { text-align: center; padding: 148px 0; border-top: 1px solid #767676; border-bottom: 1px solid #767676;}
.list_wrap .empty img {width: 50px;}
.list_wrap .empty p {margin-top: 18px; font-size: 20px; font-weight: 400;}

/* view */
.view_wrap .view_title {text-align: center;}
.view_wrap .view_title h2 {font-size: 35px; font-weight: 700; color: #fff; line-height: 1.4;}
.view_wrap .view_title p {margin-top: 40px; display: flex; align-items: center; justify-content: center;}
.view_wrap .view_title p span {padding: 0 24px; font-size: 20px; font-weight: 400; color: #848484; line-height: 1.2;}
.view_wrap .view_title p span + span {border-left: 1px solid #848484;}
.view_wrap .view_cont {margin-top: 110px; padding-bottom: 36px; border-bottom: 1px solid #848484;}
.view_wrap .view_cont * {color: #fff; font-family: var(--font-pre); line-height: 1.8;}
.view_wrap .view_button {margin-top: 94px; display: flex; align-items: center; justify-content: space-between;}
.view_wrap .view_button > div {display: flex; align-items: center; gap: 0 12px;}
.view_wrap .view_button > div a {display: block; width: 160px; height: 80px; text-align: center; line-height: 80px; border-radius: 50px; border: 1px solid #fff; color: #fff; font-size: 25px; font-weight: 600; font-family: var(--font-mont);}
.view_wrap .view_button > div a.w_btn {background: #fff; color:  #000;}
.view_wrap .view_button > div a.sky_btn {width: 200px; background: var(--color-main); border-color: var(--color-main);}
.view_wrap .view_movement {margin-top: 47px; display: flex; align-items: flex-start; justify-content: space-between;}
.view_wrap .view_movement .top {display: flex; align-items: center; gap: 0 18px; font-size: 20px; font-weight: 700; color: #fff; line-height: 1.2;}
.view_wrap .view_movement .top img {width: 16px;}
.view_wrap .view_movement .tit {padding-top: 15px; font-size: 20px; font-weight: 400; line-height: 1.8; font-family: var(--font-pre); max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.view_wrap .view_movement .prev .tit {padding-left: 34px;}
.view_wrap .view_movement .next .top {justify-content: flex-end;}
.view_wrap .view_movement .next .tit {padding-right: 34px; text-align: right;}
.view_wrap .move_btn_wrap {margin: 96px auto 0;}
.view_wrap .move_btn_wrap a {width: 230px; height: 80px; text-align: center; line-height: 80px; border: 1px solid #848484; border-radius: 50px; font-size: 20px; font-weight: 400; color: #fff; display: block; margin: 0 auto; font-family: var(--font-pre);}

/* write */
.write_wrap .item + .item {margin-top: 80px;}
.write_wrap .item .tit {display: flex; align-items: center; justify-content: space-between;}
.write_wrap .item .tit p {font-size: 25px; font-weight: 700; color: #fff; font-family: var(--font-pre); line-height: 1.2;}
.write_wrap .item .tit .req {vertical-align: top; color: var(--color-main);}
.write_wrap .item .tit .info {font-size: 16px; font-weight: 500; font-family: var(--font-pre);}
.write_wrap .item:first-child .input_box {margin-top: 30px;}
.write_wrap .item .input_box {margin-top: 18px;}
.write_wrap .item .input_box .input2 {display: flex; align-items: center; gap: 0 20px;}
.write_wrap .item .input_box .input2 + .input2 {margin-top: 30px;}
.write_wrap .item .input_box input {width: 100%; height: 80px; line-height: 80px; border:0; border-bottom: 1px solid #848484; background: transparent; font-size: 20px; font-weight: 400; color: #fff; font-family: var(--font-pre);}
.write_wrap .item .input_box input::placeholder {color: #848484;}
.write_wrap .item .textarea_box {margin-top: 35px; border: 1px solid #fff; padding: 21px 30px 38px;}
.write_wrap .item .textarea_box textarea {width: 100%; border: 0; background: transparent; font-size: 20px; font-weight: 400; color: #fff; line-height: 1.8; height: 317px; resize: none; font-family: var(--font-pre);}
.write_wrap .item .textarea_box textarea::placeholder {color: #848484;}
.write_wrap .item .file {margin-top: 21px;}
.write_wrap .item .file-names {display: flex; align-items: center; flex-wrap: wrap; gap: 20px;}
.write_wrap .item .file-names > div {width: 430px; height: 50px; line-height: 50px; border-bottom: 1px solid #848484; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.write_wrap .item .file-names > div span {font-size: 18px; font-weight: 400; color: #848484; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 10px;}
.write_wrap .item .file-names > div img {margin-right: 16px;}
.write_wrap .item .filebox_wrap {display: flex; align-items: center; gap: 0 21px; margin-top: 20px;}
.write_wrap .item .filebox_wrap p {display: flex; align-items: center; gap: 0 9px; font-size: 18px; font-weight: 400; color: #848484; line-height: 1.1; font-family: var(--font-pre);}
.write_wrap .item .filebox_wrap p img {width: 25px;}
.write_wrap .item .filebox {position: relative;}
.write_wrap .item .filebox label {width: 110px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 40px; color: #000; font-size: 16px; font-weight: 700; display: block; cursor: pointer; font-family: var(--font-pre);}
.write_wrap .item .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.write_wrap .write_agree {margin-top: 80px;}
.write_wrap .write_agree label {display: flex; align-items: center; gap: 0 14px;}
.write_wrap .write_agree label p,
.write_wrap .write_agree label p * {font-size: 16px; font-weight: 500; color: #fff; font-family: var(--font-pre);}
.write_wrap .write_agree label span {color: var(--color-main); text-decoration: underline; text-underline-offset: 3px;}
.write_wrap input[type="checkBox"] {-webkit-appearance: none; background-image: url('/img/sub/checkbox.svg'); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px;}
.write_wrap input[type="checkBox"]:checked {background-image: url('/img/sub/checkedbox.svg');}
.write_wrap .move_btn_wrap {margin-top: 60px; display: flex; align-items: center; justify-content: center; gap: 0 10px;}
.write_wrap .move_btn_wrap a {width: 250px; height: 85px; text-align: center; line-height: 85px; border-radius: 50px; font-size: 25px; font-weight: 600; letter-spacing: -.02em;}
.write_wrap .move_btn_wrap a.cancle {background: #fff; color: #000;}
.write_wrap .move_btn_wrap a.submit {background: var(--color-main); color: #fff;}

/* works_view */
.works_view_wrap {margin-top: 217px;}
.works_view_wrap .view_title h3 {font-size: 80px; font-weight: 700; font-family: var(--font-pre); line-height: 1.1; word-break: break-all;}
.works_view_wrap .view_title p {margin-top: 44px; display: flex; align-items: center; gap: 0 33px;}
.works_view_wrap .view_title p span {font-size: 20px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px;}
.works_view_wrap .view_title p a {font-size: 20px; font-weight: 400; position: relative;}
.works_view_wrap .view_title p a::after {content: ""; width: 25px; height: 25px; background: url(/img/main/inq_btn_arrow.svg) no-repeat center/contain; position: absolute; top: 57%; transform: translateY(-50%); right: -35px;}
.works_view_wrap .view_thumb {margin-top: 68px; height: 700px; overflow: hidden;}
.works_view_wrap .view_thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.works_view_wrap .view_info {margin-top: 180px; display: flex; align-items: flex-start; justify-content: space-between; /* gap: 0 100px; */}
.works_view_wrap .view_info .item > div {font-family: var(--font-pre);}
.works_view_wrap .item .tit {font-size: 20px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; font-family: var(--font-pre);}
.works_view_wrap .item .cont {margin-top: 35px; font-size: 20px; font-weight: 400; line-height: 1.4; word-break: keep-all; font-family: var(--font-pre);}
.works_view_wrap .view_info .left {/* width: calc(100% - 1060px); */ width: 185px;}
.works_view_wrap .view_info .left .item + .item {margin-top: 39px;}
.works_view_wrap .view_info .left .item .cont {margin-top: 10px; font-size: 20px; font-weight: 400; line-height: 1.3; word-break: auto-phrase;}
.works_view_wrap .view_info .right {width: 960px;}
.works_view_wrap .view_info .right .item + .item {margin-top: 120px;}
.works_view_wrap .view_info .right .item .cont * {font-family: var(--font-pre);}
.works_view_wrap .view_info .right .item .cont p {word-break: break-all;}
.works_view_wrap .view_info .right .item:first-child .cont {font-size: 25px; font-weight: 700;}
.works_view_wrap .view_info .right .typo .cont {display: flex; align-items: flex-start; gap: 0 133px;}
.works_view_wrap .view_info .right .typo .cont > div {width: 50%;}
.works_view_wrap .view_info .right .typo .cont .fontStyle {font-size: 120px; font-weight: 700; font-family: var(--font-gmarket); line-height: 1;}
.works_view_wrap .view_info .right .typo .cont * {font-family: var(--font-pre); line-height: 1.2;}
.works_view_wrap .view_info .right .typo .cont h3 {margin-top: 55px; font-size: 25px; font-weight: 700;}
.works_view_wrap .view_info .right .typo .cont strong {display: block; margin-top: 17px; font-size: 20px; font-weight: 600;}
.works_view_wrap .view_info .right .typo .cont p {margin-top: 23px; font-size: 20px; font-weight: 400;}
.works_view_wrap .view_colorChip {margin-top: 59px; height: 600px; display: flex; align-items: center;}
.works_view_wrap .view_colorChip > div {position: relative; height: 100%;}
.works_view_wrap .view_colorChip .item1 {width: 700px;}
.works_view_wrap .view_colorChip .item2 {width: 470px;}
.works_view_wrap .view_colorChip .item3 {width: 250px;}
.works_view_wrap .view_colorChip .item4 {width: 250px;}
.works_view_wrap .view_colorChip .item5 {width: 250px;}
.works_view_wrap .view_colorChip .txt {position: absolute; top: 47px; left: 50px;color: #fff; line-height: 1.2;}
.works_view_wrap .view_colorChip .txt.black * {color: #000;}
.works_view_wrap .view_colorChip .txt .tit {font-size: 20px; font-weight: 400;}
.works_view_wrap .view_colorChip .txt .color {margin-top: 5px; font-size: 25px; font-weight: 700;}
.works_view_wrap .view_colorChip .txt .color + .color {margin-top: 0;}
.works_view_wrap .view_concept {margin-top: 120px;}
.works_view_wrap .view_concept .item {padding-left: 440px;}
.works_view_wrap .view_concept .img_cont {margin-top: 100px;}
.works_view_wrap .view_concept .img_cont span {display: block;}
.works_view_wrap .view_concept .img_cont span + span {margin-top: 251px;}
.works_view_wrap .view_concept .img_cont .sub {position: relative;}
.works_view_wrap .view_concept .img_cont .sub::before {content: ""; background: url(/img/sub/works_view_bg.png) no-repeat center/contain; width: 1105px; height: 142px; position: absolute; top: -109px; left: -255px;}

/* list_basic */
.list_wrap .basic_list ul{width: 100%; border-top: 1px solid #767676;}
.list_wrap .basic_list ul li{border-bottom: 1px solid #767676; display: block; position: relative; overflow: hidden;}
.list_wrap .basic_list ul li a > div {padding: 34px 75px; position: relative;}
.list_wrap .basic_list ul li .txt{display: flex; align-items: center; gap:0 100px;}
.list_wrap .basic_list ul li .txt span {font-size: 16px; font-weight: 400; font-family: var(--font-pre); text-align: center; /* overflow: hidden; text-overflow: ellipsis; white-space:nowrap; */}
.list_wrap .basic_list ul li .txt span.service {width: 100px;}
.list_wrap .basic_list ul li .txt span.proj {width: 70px;}
.list_wrap .basic_list ul li .txt span.name {width: 54px;}
.list_wrap .basic_list ul li .txt span.date {width: 90px;}
.list_wrap .basic_list ul li .txt .title{font-size: 22px; font-weight: 700; width: 54%; font-family: var(--font-pre); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list_wrap .basic_list ul li .txt .title .dp {font-size: 22px; font-weight: 700; color: var(--color-main); margin-right: 7px;}
.list_wrap .basic_list ul li .txt .title .lock {margin:-4px 0 0 18px; width: 14px;}
.list_wrap .basic_list ul li .over {background: #FFF; position: absolute; bottom: -100%; left: 0; width: 100%; transition:all 0.5s ease;}
.list_wrap .basic_list ul li:hover .over{bottom: 0;}
.list_wrap .basic_list ul li .over:before{filter:invert(1);}
.list_wrap .basic_list ul li .over *{color: #000; position: relative; z-index: 1;}
.list_wrap .basic_list ul li .over .swiper-wrapper{transition-timing-function: linear; position: relative; z-index: 1;}
.list_wrap .basic_list ul li .over .swiper-slide{width: max-content; display: block; margin-right: 7px; font-family: var(--font-pre);}
.list_wrap .basic_list .write_btn_wrap {margin-top: 64px; text-align: right;}
.list_wrap .basic_list .write_btn_wrap_top {margin: 0 0 54px;}
.list_wrap .basic_list .write_btn_wrap a {display: inline-block; width: 200px; height: 80px; line-height: 80px; border-radius: 50px; background: var(--color-main); color: #fff; font-size: 25px; font-weight: 500; letter-spacing: -.02em; text-align: center; font-family: var(--font-pre);}
.list_wrap .basic_list .more_btn_wrap {margin-top: 130px;}

/* list_basic2 */
.list_wrap .basic_list.port ul li .txt span.type{width: 165px; text-align: left;}
.list_wrap .basic_list.port ul li .txt span.domain{width: 600px; text-align: left; color: #848484; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
.list_wrap .basic_list.port ul li .over .txt span.domain{color: #000;}
.list_wrap .basic_list.port ul li .txt .title{width: 38%; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
#list_cursor{position: fixed; left: 0; top: 0; pointer-events: none; z-index: 10;}
#list_cursor .cursor{display:flex; justify-content:center; align-items:center; width: 0; height: 0; border-radius:50%; background:#2AC1EB url(/img/sub/list_cursor_ic.svg) no-repeat center / 0; transition:all 0.3s; transform: translate(-50%, -50%);}
#list_cursor .cursor.on{width: 120px; height: 120px; background-size: 58px;}

/* list_basic3 */
.list_wrap .basic_list.blog ul li .txt span.cate{width: 55px; text-align: left;}
.list_wrap .basic_list.blog ul li .txt span.name{width: 110px;}
.list_wrap .basic_list.blog ul li .txt .title{width: 65%; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}

/* write_contant */
.contact_write_wrap .status {margin-top: 82px; padding-left:129px;}
.contact_write_wrap .status p {font-size: 18px; font-weight: 600; line-height: 1.2;}
.contact_write_wrap .status h2 {margin-top: 29px; font-size: 50px; font-weight: 600; letter-spacing: -.02em; line-height: 1.2; font-family: var(--font-pre);}
.contact_write_wrap .sticky_cont {position: relative; margin-top: 160px; display: flex; align-items: flex-start; gap: 0 109px;}
.contact_write_wrap .left {width: 340px; position: sticky; top: 100px;}
.contact_write_wrap .left h2 {display: flex; align-items: center; gap: 0 20px; font-size: 60px; font-weight: 600; line-height: 1.2;}
.contact_write_wrap .left h2 img {width: 50px;}
.contact_write_wrap .left ul {margin-top: 90px;}
.contact_write_wrap .left ul li {font-size: 30px; font-weight: 700; line-height: 1.3; font-family: var(--font-pre);}
.contact_write_wrap .left ul li span {color: #848484; font-family: var(--font-pre); word-break: break-all;}
.contact_write_wrap .left ul li span.name {color: var(--color-main);}
.contact_write_wrap .left ul li p.service {position: relative; display: inline-block;}
.contact_write_wrap .left ul li p.service .count {display: none; position: absolute; top: -2px; right: -20px; width: 20px; height: 20px; border-radius: 100%; background: var(--color-main); color: #fff; font-size: 14px; text-align: center; line-height: 20px;}
.contact_write_wrap .left .write_agree {margin-top: 60px; padding-top: 60px; border-top: 1px solid #848484;}
.contact_write_wrap .left .write_agree h3 {font-size: 25px; font-weight: 500; line-height: 1.6; font-family: var(--font-pre);}
.contact_write_wrap .left .write_agree label {margin-top: 13px;}
.contact_write_wrap .left .move_btn_wrap {margin-top: 54px;}
.contact_write_wrap .left .move_btn_wrap a {width: 100%; height: 85px; line-height: 85px; border-radius: 50px; display: flex; align-items: center; justify-content: center; gap: 0 13px; font-size: 25px; font-weight: 600;}
.contact_write_wrap .left .move_btn_wrap img {width: 25px; margin-right: -20px;}
.contact_write_wrap .write_cont {width: calc(100% - 450px);}
.contact_write_wrap .write_cont .sub_tit {font-size: 16px; font-weight: 600; color: #848484; font-family: var(--font-pre); line-height: 1.18; margin-bottom: 15px;}
.contact_write_wrap .write_cont .item + .item {margin-top: 90px;}
.contact_write_wrap .write_cont .tit.non_flex {justify-content: flex-start; gap: 0 20px;}
.contact_write_wrap .write_cont .tit.non_flex .desc {font-size: 16px; font-weight: 400; color: #848484; font-family: var(--font-pre);}
.contact_write_wrap .write_cont .button_box {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.contact_write_wrap .write_cont .button_box label {width: calc((100% / 4) - 8px); height: 80px; position: relative;}
.contact_write_wrap .write_cont .button_box label input {position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer;}
.contact_write_wrap .write_cont .button_box label input:checked + span {position: relative; color: var(--color-main); font-weight: 600;}
.contact_write_wrap .write_cont .button_box label input:checked + span::after {content: ""; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border:2px solid var(--color-main);}
.contact_write_wrap .write_cont .button_box label span {display: block; text-align: center; line-height: 80px; width: 100%; height: 100%; border: 1px solid #848484; color: #fff; font-size: 20px; font-weight: 400; font-family: var(--font-pre);}
.contact_write_wrap .write_cont .select_flex {width: 100%; display: flex; align-items: center; gap: 0 40px;}
.contact_write_wrap .write_cont .select_box {display: flex; align-items: flex-end; gap: 0 31px; width: 50%;}
.contact_write_wrap .write_cont .select {position: relative; width: calc(100% - 160px); text-align: left;}
.contact_write_wrap .write_cont .select .tit {border-bottom: 1px solid #848484; display: block; position: relative; width: 100%; height: 70px; line-height: 70px; font-size: 20px; font-weight: 400; color: #848484; font-weight: 400; cursor: pointer; font-family: var(--font-pre);}
.contact_write_wrap .write_cont .select .tit::after {content: ""; background: url('/img/sub/select_arrow.svg') no-repeat; width: 25px; height: 25px; background-size: contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.contact_write_wrap .write_cont .select ul {display: none; padding: 16px 34px 19px; position: absolute; left: 0; top: calc(100% - 1px); border: 2px solid #848484; background: #000; width: 100%; z-index: 10;}
.contact_write_wrap .write_cont .select ul li {position: relative; line-height: 2; font-size: 20px; font-weight: 400; color: #848484; cursor: pointer; font-family: var(--font-pre);}
.contact_write_wrap .write_cont .select ul li:hover {color: #fff;}
.contact_write_wrap .write_cont .select_box button.selectBtn {width: 130px; height: 70px; text-align: center; line-height: 70px; border: 1px solid #848484; background: #000; outline: none; color: #fff; font-size: 20px; font-weight: 400; font-family: var(--font-pre);}
.contact_write_wrap .write_cont .select_box button.selectBtn.on {border-color: var(--color-main); color: var(--color-main);}
.ui-datepicker .ui-datepicker-title select {border: 0; color: #000;}
.ui-datepicker th span,
.ui-datepicker .ui-datepicker-title select option {color: #000;}

/* success_wrap */
.success_wrap {text-align: center; margin: 127px auto 264px;}
.success_wrap * {font-family: var(--font-pre);}
.success_wrap img {width: 90px;}
.success_wrap h2 {margin-top: 30px; font-size: 32px; font-weight: 800; line-height: 1.18;}
.success_wrap p {margin-top: 20px; font-size: 22px; font-weight: 400; line-height: 1.3;}
.success_wrap a {margin: 50px auto 0; width: 200px; height: 55px; line-height: 55px; text-align: center; border-radius: 50px; background: var(--color-main); font-size: 18px; font-weight: 800; display: block;}

/* popup */
.use_popup .popup_inner {width: 850px;}
.use_popup .pop_close {position: relative; top: auto; right: auto;}
.use_popup .pop_tit {border-bottom: 1px solid #A9A9A9; padding-bottom: 22px; margin-bottom: 39px;}
.use_popup .pop_tit h4 {color: #000; font-size: 20px; font-weight: 900; font-family: var(--font-pre);}
.use_popup .pop_cont h5 {font-family: var(--font-pre); font-size: 16px; font-weight: 800; color: #000; line-height: 1.18; border-bottom: 0; margin: 0; padding: 0;}
.use_popup .pop_cont .headline {margin: 0; border-bottom: 0; line-height: 1.25;}
.use_popup .pop_cont ol {margin: 8px 0 40px;}
.use_popup .pop_cont ol * {font-size: 16px; font-weight: 500; color: #999; line-height: 1.25; font-family: var(--font-pre);}

/* contact confirmation */
.confirmation_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #000000CC; z-index: 1000;}
.confirmation_wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; padding: 111px 0; width: 850px; margin: 0 auto; border: 1px solid #FFFFFF4D; background: #000000CC;}
.confirmation_wrap .close {position: absolute; top: 34px; right: 30px; cursor: pointer;}
.confirmation_wrap .close img {width: 25px;}
.confirmation_wrap .pop_inner {width: 461px; margin: 0 auto;}
.confirmation_wrap * {font-family: var(--font-pre);}
.confirmation_wrap img {width: 90px;}
.confirmation_wrap h2 {margin-top: 24px; font-size: 32px; font-weight: 800; line-height: 1.18;}
.confirmation_wrap input {margin-top: 28px; width: 100%; height: 80px; line-height: 80px; border: 0; border-bottom: 1px solid ; font-size: 20px; font-weight: 400; color: #fff; background: transparent;}
.confirmation_wrap input::placeholder {color:#848484;}
.confirmation_wrap input:focus {outline: none !important; box-shadow: none !important; border: 0 !important; border-bottom: 1px solid #fff !important;}
.confirmation_wrap p {display: none; margin-top: 29px; font-size: 18px; font-weight: 400; color: var(--color-main); text-align: left;}
.confirmation_wrap a {margin: 28px auto 0; width: 170px; height: 60px; line-height: 60px; text-align: center; border-radius: 50px; background: var(--color-main); color: #fff; font-size: 18px; font-weight: 700; display: block;}

/* error */
.error * {font-family: var(--font-pre);}
.error {display: flex; align-items: center; justify-content: center; gap: 124px; height: 100vh;}
.error .txt strong {font-size: 18px; font-weight: 800; color: #DD4640; line-height: 1.3;}
.error .txt .title {margin-top: 30px; font-size: 34px; font-weight: 700; color: #000; letter-spacing: -.4px; line-height: 1.2;}
.error .txt p {margin-top: 30px; font-size: 18px; font-weight: 400; color: #555; line-height: 1.3;}
.error .txt a {margin-top: 50px; width: 231px; height: 56px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; font-weight: 500; color: #fff; background: #000; border-radius: 5px;}
.error .txt a img {width: 18px;}
.error .img img {width: 280px;}

/* Status */
.status_list .list_top {margin-bottom: 73px;}
.status_list .list_top .inner {padding-left: 0;}
.status_list .basic_list .item {display: flex; align-items: center; gap: 140px; padding: 50px 88px; box-sizing: border-box; border-bottom: 1px solid #767676; cursor: pointer; position: relative;}
.status_list .basic_list .item::after {content: ""; width: 0; height: 1px; background: #fff; display: block; position: absolute; left: 0; bottom: 0; z-index: 1; transition: all 1s;}
.status_list .basic_list .item:hover::after {width: 100%;}
.status_list .basic_list .item .date {font-size: 40px; font-weight: 100; color: #fff; min-width: 155px; font-family: var(--font-pre);}
.status_list .basic_list .item .info {width: calc(100% - 195px);}
.status_list .basic_list .item .cate {font-size: 14px; font-weight: 700; color: #848484; line-height: 1.2;}
.status_list .basic_list .item .subject {margin-top: 15px; font-size: 24px; font-weight: 700; color: #fff; line-height: 1.2; font-family: var(--font-pre);}
.status_list .basic_list .more_btn_wrap {margin-top: 105px;}


@media screen and (max-width:1750px){
    .list_wrap .list_top .inner {padding-left: 5.03vw;}
    .list_wrap .list_top .inner .category_box .category {flex-direction: column; gap: 10px 0; align-items: flex-start;}
    .list_wrap .list_top .inner .category_box .category + .category {margin-top: 15px;}
    .list_wrap .list_top .inner .category_box .category .line {display: none;}
    .list_wrap .list_top .inner .category_box .category em {position: relative;}
    .list_wrap .list_top .inner .category_box .category em::after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -25px; display: inline-block; width: 1px; height: 10px; background: #848484;}
    /* .list_wrap .list_top .inner .category_box .category ul li:first-child a {padding-left: 0;} */
    .list_wrap .list_top .inner .category_box .category ul li a:hover {padding: 5px 15px;}

}

@media screen and (max-width:1700px){
	/* list_basic2 */
	.list_wrap .basic_list.port ul li .txt span.domain{min-width: 400px;}
    
}

@media screen and (max-width:1550px){
    .list_wrap .list_top .inner {padding-left: 0;}
}

@media screen and (max-width:1480px){
	.list_wrap .list_top ul {gap: 7px;}
    .list_wrap .list_top .inner .category_box {width: 75%;}
	.list_wrap .list_top .inner .category_box a {font-size: 13px;}
}


@media screen and (max-width:1420px){

	/* 공통 */
	.sub_visual{margin-top: 7.04vw; padding: 7.04vw 0 5.63vw;}
	.sub_visual h2{font-size: 9.15vw;}
	.sub_visual h2 img{width: 4.58vw; margin-right: 3.10vw;}
	.sub_visual h2 .count{font-size: 2.11vw; padding: 0.63vw 2.11vw; margin: -3.52vw 0 0 1.55vw;}

	/* about */
	.about_img{margin-bottom: 14.08vw;}
	.about .inner > div + div{margin-top: 14.08vw;}
	.about_title h3{font-size: 5.63vw;}
	.about_title p{font-size: 1.41vw; margin-top: 1.76vw;}
	.about .sec1 .txt_wrap em{font-size: 1.27vw;}
	.about .sec1 .txt_wrap .txt{margin: 2.11vw 0;}
	.about .sec1 .txt_wrap .txt div{letter-spacing: -0.14vw; margin-right: 0.70vw;}
	.about .sec1 .txt_wrap .txt div span{font-size: 3.52vw;}
	.about .sec1 .txt_wrap p{font-size: 1.41vw;}
	.about .sec1 .count_wrap{width: 58.38vw; margin-top: 8.45vw;}
	.about .sec1 .count_wrap dl dt{font-size: 1.27vw;}
	.about .sec1 .count_wrap dl dd{font-size: 7.04vw;}
	.about .sec1 .count_wrap .bottom{margin-top: 6.69vw;}
	.about .sec1 .count_wrap .bottom dl:nth-of-type(1){min-width: 15.14vw;}
	.about .sec1 .count_wrap .bottom dl:nth-of-type(2){min-width: 13.38vw;}
	.about .sec1 .count_wrap .bottom dl:nth-of-type(3){min-width: 11.97vw;}
	.about .sec1 .count_wrap .bottom dl dd{font-size: 4.93vw;}
	.about .sec2 ul{width: 58.38vw;}
	.about .sec2 ul li a > div{padding: 2.46vw 2.82vw;}
	.about .sec2 ul li a > div:before{width: 1.41vw; height: 1.41vw; right: 2.82vw;}
	.about .sec2 ul li a .txt{gap:2.46vw;}
	.about .sec2 ul li a .txt .num{font-size: 1.13vw;}
	.about .sec2 ul li a .txt .title{font-size: 1.76vw;}
	.about .sec2 ul li a .over .swiper-slide{margin-right: 0.49vw;}
	.about .sec3 ul{margin-top: 4.23vw;}
	.about .sec4 .txt{font-size: 7.04vw;}
	.about .sec4 p{font-size: 1.41vw; margin-top: 1.76vw;}
	#cursor_div .cursor.on{width: 12.68vw; height: 12.68vw; font-size: 1.27vw; letter-spacing: -0.03vw;}
	.about .sec5 .about_title p {font-size: 1.13vw;}
	.about .sec5 .mySwiper_wrap {margin: 5.35vw auto 0; width: 74.35vw;}
	.about .sec5 .mySwiper .swiper-slide {gap: 2.11vw; margin-right: 4.23vw;}
	.about .sec5 .mySwiper .swiper-slide.slide01 img {width: 6.51vw;}
	.about .sec5 .mySwiper .swiper-slide.slide02 img {width: 6.99vw;}
	.about .sec5 .mySwiper .swiper-slide.slide03 img {width: 4.17vw;}
	.about .sec5 .mySwiper .swiper-slide.slide04 img {width: 5.85vw;}
	.about .sec5 .mySwiper .swiper-slide.slide05 img {width: 5.04vw;}
	.about .sec5 .mySwiper .swiper-slide .txt span {font-size: 1.27vw;}
	.about .sec5 .mySwiper .swiper-slide .txt p {margin-top: 0.70vw; font-size: 1.76vw;}
	.about .sec5 .arrow img {width: 2.25vw;}
	.about .sec5 .swiper-button-prev {left: -5.77vw;}
	.about .sec5 .swiper-button-next {right: -5.77vw;}


	/* list */
	.list_wrap .srh_wrap{margin-bottom: 9.51vw;}
	.list_wrap .srh_wrap form{width: 49.30vw; height: 5.63vw;}
	.list_wrap .srh_wrap input{font-size: 1.41vw;}
	.list_wrap .srh_wrap .srh_btn{width: 3.52vw; height: 3.52vw; right: 0.70vw;}
	.list_wrap .list_top{margin-bottom: 4.37vw;}
    .list_wrap .list_top .inner {padding-left: 0;}
	.list_wrap .list_top .inner .category_box > div,
    .list_wrap .list_top .inner > div{gap:1.76vw;}
    .list_wrap .list_top .inner .category_box .category em::after {right: -1.75vw; height: 0.78vw;}
    .list_wrap .list_top .inner .category_box .category {gap: .8vw 0;}
    .list_wrap .list_top .inner .category_box > div + div {margin-top: 1.06vw;}
    .list_wrap .list_top .inner .category_box a {font-size: 0.99vw;}
    .list_wrap .list_top .inner .category_box a,
    .list_wrap .list_top .inner .category_box .category ul li a:hover {padding: 0.39vw .7vw;}
	.list_wrap .list_top em{font-size: 0.99vw;}
	.list_wrap .list_top .line{height: 0.70vw;}
	.list_wrap .list_top ul{ gap:0.70vw;}
	.list_wrap .list_top ul li a{font-size: 0.99vw;}
	.list_wrap .list_top .category ul li a:hover,
    .list_wrap .list_top .category ul li a.on{padding: 0.35vw 1.06vw;}
	.list_wrap .grid_list ul{gap: 6.25vw 4.69vw;}
	.list_wrap .grid_list ul li{width: 29.94%;}
	.list_wrap .grid_list ul li a .img{height: 30.73vw;}
	.list_wrap .grid_list ul li a p{margin-top: 2.11vw; font-size: 1.41vw;}
    .list_wrap .empty { padding: 10.42vw 0;}
    .list_wrap .empty img {width: 3.52vw;}
    .list_wrap .empty p {margin-top: 1.27vw; font-size: 1.41vw; }
	.list_wrap .more_btn_wrap{margin-top: 8.98vw;}


    /* view */
    .view_wrap .view_title h2 {font-size: 2.46vw;}
    .view_wrap .view_title p {margin-top: 2.82vw;}
    .view_wrap .view_title p span {padding: 0 1.69vw; font-size: 1.41vw;}
    .view_wrap .view_cont {margin-top: 7.75vw; padding-bottom: 2.54vw;}
    .view_wrap .view_button {margin-top: 6.62vw;}
    .view_wrap .view_button > div {gap: 0 0.85vw;}
    .view_wrap .view_button > div a {width: 11.27vw; height: 5.63vw; line-height: 5.63vw; border-radius: 3.52vw; font-size: 1.76vw;}
    .view_wrap .view_button > div a.sky_btn {width: 14.08vw;}
    .view_wrap .view_movement {margin-top: 3.31vw;}
    .view_wrap .view_movement .top {gap: 0 1.27vw; font-size: 1.41vw;}
    .view_wrap .view_movement .top img {width: 1.13vw;}
    .view_wrap .view_movement .tit {padding-top: 1.06vw; font-size: 1.41vw; max-width: 21.13vw;}
    .view_wrap .view_movement .prev .tit {padding-left: 2.39vw;}
    .view_wrap .view_movement .next .tit {padding-right: 2.39vw;}
    .view_wrap .move_btn_wrap {margin: 6.76vw auto 0;}
    .view_wrap .move_btn_wrap a {width: 16.20vw; height: 5.63vw; line-height: 5.63vw; border-radius: 3.52vw; font-size: 1.41vw;} 


    /* write */
    .write_wrap .item + .item {margin-top: 5.63vw;}
    .write_wrap .item .tit p {font-size: 1.76vw;}
    .write_wrap .item .tit .info {font-size: 1.13vw;}
    .write_wrap .item:first-child .input_box {margin-top: 2.11vw;}
    .write_wrap .item .input_box {margin-top: 1.27vw;}
    .write_wrap .item .input_box .input2 {gap: 0 1.41vw;}
    .write_wrap .item .input_box .input2 + .input2 {margin-top: 2.11vw;}
    .write_wrap .item .input_box input {height: 5.63vw; line-height: 5.63vw; font-size: 1.41vw;}
    .write_wrap .item .textarea_box {margin-top: 2.46vw; padding: 1.48vw 2.11vw 2.68vw;}
    .write_wrap .item .textarea_box textarea {font-size: 1.41vw; height: 22.32vw;}
    .write_wrap .item .file {margin-top: 1.48vw;}
    .write_wrap .item .file-names {gap: 1.41vw;}
    .write_wrap .item .file-names > div {width: 30.28vw; height: 3.52vw; line-height: 3.52vw;}
    .write_wrap .item .file-names > div span {font-size: 1.27vw;padding-right: 0.70vw;}
    .write_wrap .item .file-names > div img {margin-right: 1.13vw;}
    .write_wrap .item .filebox_wrap {gap: 0 1.48vw; margin-top: 1.41vw;}
    .write_wrap .item .filebox_wrap p {gap: 0 0.63vw; font-size: 1.27vw;}
    .write_wrap .item .filebox_wrap p img {width: 1.76vw;}
    .write_wrap .item .filebox label {width: 7.75vw; height: 3.17vw; line-height: 3.17vw;border-radius: 2.82vw; font-size: 1.13vw;}
    .write_wrap .write_agree {margin-top: 5.63vw;}
    .write_wrap .write_agree label {gap: 0 0.99vw;}
    .write_wrap .write_agree label p,
    .write_wrap .write_agree label p * {font-size: 1.13vw;}
    .write_wrap input[type="checkBox"] {width: 1.41vw; height: 1.41vw;}
    .write_wrap .move_btn_wrap {margin-top: 4.23vw;gap: 0 0.70vw;}
    .write_wrap .move_btn_wrap a {width: 17.61vw; height: 5.99vw; line-height: 5.99vw; border-radius: 3.52vw; font-size: 1.76vw;}

	/* works_view */
	.works_view_wrap {margin-top: 15.28vw;}
	.works_view_wrap .view_title h3 {font-size: 5.63vw;}
	.works_view_wrap .view_title p {margin-top: 3.10vw; gap: 0 2.32vw;}
	.works_view_wrap .view_title p span {font-size: 1.41vw;}
	.works_view_wrap .view_title p a {font-size: 1.41vw;}
	.works_view_wrap .view_title p a::after {width: 1.76vw; height: 1.76vw; right: -2.46vw;}
	.works_view_wrap .view_thumb {margin-top: 4.79vw; height: 49.30vw;}
	.works_view_wrap .view_info {margin-top: 12.68vw; gap: 0 7.04vw;}
	.works_view_wrap .item .tit {font-size: 1.41vw;}
	.works_view_wrap .item .cont {margin-top: 2.46vw; font-size: 1.41vw;}
	.works_view_wrap .view_info .left {/* width: calc(100% - 74.65vw); */ width: 13.03vw;}
	.works_view_wrap .view_info .left .item + .item {margin-top: 2.75vw;}
	.works_view_wrap .view_info .left .item .cont {margin-top: 0.70vw; font-size: 1.41vw;}
	.works_view_wrap .view_info .right {width: 67.61vw;}
	.works_view_wrap .view_info .right .item + .item {margin-top: 8.45vw;}
	.works_view_wrap .view_info .right .item:first-child .cont {font-size: 1.76vw;}
	.works_view_wrap .view_info .right .typo .cont {gap: 0 9.37vw;}
	.works_view_wrap .view_info .right .typo .cont .fontStyle {font-size: 8.45vw;}
	.works_view_wrap .view_info .right .typo .cont h3 {margin-top: 3.87vw; font-size: 1.76vw;}
	.works_view_wrap .view_info .right .typo .cont strong {margin-top: 1.20vw; font-size: 1.41vw;}
	.works_view_wrap .view_info .right .typo .cont p {margin-top: 1.62vw; font-size: 1.41vw;}
	.works_view_wrap .view_colorChip {margin-top: 4.15vw; height: 42.25vw;}
	.works_view_wrap .view_colorChip .item1 {width: 49.30vw;}
	.works_view_wrap .view_colorChip .item2 {width: 33.10vw;}
	.works_view_wrap .view_colorChip .item3 {width: 17.61vw;}
	.works_view_wrap .view_colorChip .item4 {width: 17.61vw;}
	.works_view_wrap .view_colorChip .item5 {width: 17.61vw;}
	.works_view_wrap .view_colorChip .txt { top: 3.31vw; left: 3.52vw;}
	.works_view_wrap .view_colorChip .txt .tit {font-size: 1.41vw; }
	.works_view_wrap .view_colorChip .txt .color {margin-top: 0.35vw; font-size: 1.76vw; }

	.works_view_wrap .view_concept {margin-top: 8.45vw;}
	.works_view_wrap .view_concept .item {padding-left: 30.99vw;}
	.works_view_wrap .view_concept .img_cont {margin-top: 7.04vw;}
	.works_view_wrap .view_concept .img_cont span + span {margin-top: 17.68vw;}
	.works_view_wrap .view_concept .img_cont .sub::before {width: 77.82vw; height: 10.00vw; top: -7.68vw; left: -17.96vw;}
	
	/* list_basic */
	.list_wrap .basic_list ul li a > div {padding: 2.39vw 5.28vw;}
	.list_wrap .basic_list ul li .txt{gap:0 7.04vw;}
	.list_wrap .basic_list ul li .txt span {font-size: 1.13vw;}
	.list_wrap .basic_list ul li .txt span.service {width: 7.04vw;}
	.list_wrap .basic_list ul li .txt span.proj {width: 4.93vw;}
	.list_wrap .basic_list ul li .txt span.name {width: 3.52vw;}
	.list_wrap .basic_list ul li .txt span.date {width: 6.34vw;}
	.list_wrap .basic_list ul li .txt .title{font-size: 1.55vw;}
    .list_wrap .basic_list ul li .txt .title .dp {font-size: 1.55vw; margin-right: .55vw;}
	.list_wrap .basic_list ul li .txt .title .lock {margin:-0.28vw 0 0 1.27vw; width: 0.99vw;}
	.list_wrap .basic_list ul li .over .swiper-slide{margin-right: 0.49vw;}
	.list_wrap .basic_list .write_btn_wrap {margin-top: 4.51vw;}
	.list_wrap .basic_list .write_btn_wrap_top {margin: 0 0 4vw;}
	.list_wrap .basic_list .write_btn_wrap a {width: 14.08vw; height: 5.63vw; line-height: 5.63vw; border-radius: 3.52vw; font-size: 1.76vw;}
	.list_wrap .basic_list .more_btn_wrap {margin-top: 9.15vw;}

	/* list_basic2 */
	.list_wrap .basic_list.port ul li .txt span.type{width: 9.62vw;}
	.list_wrap .basic_list.port ul li .txt span.domain{width: 28.25vw;}
	#list_cursor .cursor.on{width: 8.45vw; height: 8.45vw; background-size: 4.08vw;}

	/* list_basic3 */
	.list_wrap .basic_list.blog ul li .txt span.cate{width: 3.87vw;}
	.list_wrap .basic_list.blog ul li .txt span.name{width: 7.75vw;}

	/* write_contant */
	.contact_write_wrap .status {margin-top: 5.77vw; padding-left:9.08vw;}
	.contact_write_wrap .status p {font-size: 1.27vw;}
	.contact_write_wrap .status h2 {margin-top: 2.04vw; font-size: 3.52vw;}
	.contact_write_wrap .sticky_cont {margin-top: 11.27vw; gap: 0 7.68vw;}
	.contact_write_wrap .left {width: 23.94vw; top: 7.04vw;}
	.contact_write_wrap .left h2 {gap: 0 1.41vw; font-size: 4.23vw;}
	.contact_write_wrap .left h2 img {width: 3.52vw;}
	.contact_write_wrap .left ul {margin-top: 6.34vw;}
	.contact_write_wrap .left ul li {font-size: 2.11vw;}
	.contact_write_wrap .left ul li p.service .count {top: -0.14vw; right: -1.41vw; width: 1.41vw; height: 1.41vw; font-size: 0.99vw;}
	.contact_write_wrap .left .write_agree {margin-top: 4.23vw; padding-top: 4.23vw;}
	.contact_write_wrap .left .write_agree h3 {font-size: 1.76vw;}
	.contact_write_wrap .left .write_agree label {margin-top: 0.92vw;}
	.contact_write_wrap .left .move_btn_wrap {margin-top: 3.80vw;}
	.contact_write_wrap .left .move_btn_wrap a {height: 5.99vw; line-height: 5.99vw; border-radius: 3.52vw; gap: 0 0.92vw; font-size: 1.76vw;}
	.contact_write_wrap .left .move_btn_wrap img {width: 1.76vw;}
	.contact_write_wrap .write_cont {width: calc(100% - 31.69vw);}
	.contact_write_wrap .write_cont .sub_tit {font-size: 1.13vw; margin-bottom: 1.06vw;}
	.contact_write_wrap .write_cont .item + .item {margin-top: 6.34vw;}
	.contact_write_wrap .write_cont .tit.non_flex {gap: 0 1.41vw;}
	.contact_write_wrap .write_cont .tit.non_flex .desc {font-size: 1.13vw;}
	.contact_write_wrap .write_cont .button_box {gap: 0.70vw;}
	.contact_write_wrap .write_cont .button_box label {width: calc((100% / 4) - 0.56vw); height: 5.63vw;}
	.contact_write_wrap .write_cont .button_box label input:checked + span::after {top: -0.07vw; left: -0.07vw; width: calc(100% + 0.14vw); height: calc(100% + 0.14vw);}
	.contact_write_wrap .write_cont .button_box label span {line-height: 5.63vw; height: 100%; font-size: 1.41vw;}
	.contact_write_wrap .write_cont .select_box {gap: 0 2.18vw;}
	.contact_write_wrap .write_cont .select {width: calc(100% - 13.45vw);}
	.contact_write_wrap .write_cont .select .tit {height: 5.63vw; line-height: 5.63vw; font-size: 1.41vw;}
	.contact_write_wrap .write_cont .select .tit::after {width: 1.76vw; height: 1.76vw; right: 0; top: 50%;}
	.contact_write_wrap .write_cont .select ul {padding: 1.13vw 2.39vw 1.34vw; left: 0; top: calc(100% - 0.07vw);}
	.contact_write_wrap .write_cont .select ul li {line-height: 2; font-size: 1.41vw;}
	.contact_write_wrap .write_cont .select_box button.budgetBtn {width: 11.27vw; height: 5.63vw; line-height: 5.63vw; font-size: 1.41vw;}
	
    /* write_contant */
    .contact_write_wrap .status {margin-top: 5.77vw; padding-left:9.08vw;}
    .contact_write_wrap .status p {font-size: 1.27vw;}
    .contact_write_wrap .status h2 {margin-top: 2.04vw; font-size: 3.52vw;}
    .contact_write_wrap .sticky_cont {margin-top: 11.27vw; gap: 0 7.68vw;}
    .contact_write_wrap .left {width: 23.94vw; top: 7.04vw;}
    .contact_write_wrap .left h2 {gap: 0 1.41vw; font-size: 4.23vw;}
    .contact_write_wrap .left h2 img {width: 3.52vw;}
    .contact_write_wrap .left ul {margin-top: 6.34vw;}
    .contact_write_wrap .left ul li {font-size: 2.11vw;}
    .contact_write_wrap .left ul li p.service .count {top: -0.14vw; right: -1.41vw; width: 1.41vw; height: 1.41vw; font-size: 0.99vw;}
    .contact_write_wrap .left .write_agree {margin-top: 4.23vw; padding-top: 4.23vw;}
    .contact_write_wrap .left .write_agree h3 {font-size: 1.76vw;}
    .contact_write_wrap .left .write_agree label {margin-top: 0.92vw;}
    .contact_write_wrap .left .move_btn_wrap {margin-top: 3.80vw;}
    .contact_write_wrap .left .move_btn_wrap a {height: 5.99vw; line-height: 5.99vw; border-radius: 3.52vw; gap: 0 0.92vw; font-size: 1.76vw;}
    .contact_write_wrap .left .move_btn_wrap img {width: 1.76vw; margin-right: -1.41vw;}
    .contact_write_wrap .write_cont {width: calc(100% - 31.69vw);}
    .contact_write_wrap .write_cont .sub_tit {font-size: 1.13vw; margin-bottom: 1.06vw;}
    .contact_write_wrap .write_cont .item + .item {margin-top: 6.34vw;}
    .contact_write_wrap .write_cont .tit.non_flex {gap: 0 1.41vw;}
    .contact_write_wrap .write_cont .tit.non_flex .desc {font-size: 1.13vw;}
    .contact_write_wrap .write_cont .button_box {gap: 0.70vw;}
    .contact_write_wrap .write_cont .button_box label {width: calc((100% / 4) - 0.56vw); height: 5.63vw;}
    .contact_write_wrap .write_cont .button_box label input:checked + span::after {top: -0.07vw; left: -0.07vw; width: calc(100% + 0.14vw); height: calc(100% + 0.14vw);}
    .contact_write_wrap .write_cont .button_box label span {line-height: 5.63vw; font-size: 1.41vw;}
    .contact_write_wrap .write_cont .select_flex {gap: 0 2.82vw;}
    .contact_write_wrap .write_cont .select_box {gap: 0 2.18vw;}
    .contact_write_wrap .write_cont .select {width: calc(100% - 11.27vw);}
    .contact_write_wrap .write_cont .select .tit {height: 4.93vw; line-height: 4.93vw; font-size: 1.41vw;}
    .contact_write_wrap .write_cont .select .tit::after {width: 1.76vw; height: 1.76vw;}
    .contact_write_wrap .write_cont .select ul {padding: 1.13vw 2.39vw 1.34vw; top: calc(100% - 0.07vw);}
    .contact_write_wrap .write_cont .select ul li {font-size: 1.41vw;}
    .contact_write_wrap .write_cont .select_box button.selectBtn {width: 9.15vw; height: 4.93vw; line-height: 4.93vw; font-size: 1.41vw;}

    /* success_wrap */
    .success_wrap {margin: 8.94vw auto 18.59vw;}
    .success_wrap img {width: 6.34vw;}
    .success_wrap h2 {margin-top: 2.11vw; font-size: 2.25vw;}
    .success_wrap p {margin-top: 1.41vw; font-size: 1.55vw;}
    .success_wrap a {margin: 3.52vw auto 0; width: 14.08vw; height: 3.87vw; line-height: 3.87vw; border-radius: 3.52vw; font-size: 1.27vw;}

	/* contact confirmation */
    .confirmation_wrap {padding: 7.82vw 0; width: 59.86vw;}
    .confirmation_wrap .close { top: 2.39vw; right: 2.11vw;}
    .confirmation_wrap .close img {width: 1.76vw;}
    .confirmation_wrap .pop_inner {width: 32.46vw;}
	.confirmation_wrap img {width: 6.34vw;}
	.confirmation_wrap h2 {margin-top: 1.69vw; font-size: 2.25vw;}
	.confirmation_wrap input {margin-top: 1.97vw; height: 5.63vw; line-height: 5.63vw; font-size: 1.41vw;}
	.confirmation_wrap p {margin-top: 2.04vw; font-size: 1.27vw;}
	.confirmation_wrap a {margin: 1.97vw auto 0; width: 11.97vw; height: 4.23vw; line-height: 4.23vw; border-radius: 3.52vw; font-size: 1.27vw;}

	/* error */
	.error {gap: 8.73vw;}
	.error .txt strong {font-size: 1.27vw;}
	.error .txt .title {margin-top: 2.11vw; font-size: 2.39vw; letter-spacing: -0.03vw;}
	.error .txt p {margin-top: 2.11vw; font-size: 1.27vw;}
	.error .txt a {margin-top: 3.52vw; width: 16.27vw; height: 3.94vw;  gap: 0.70vw; font-size: 1.13vw; border-radius: 0.35vw;}
	.error .txt a img {width: 1.27vw;}
	.error .img img {width: 19.72vw;}

	/* Status */
	.status_list .list_top {margin-bottom: 5.14vw;}
	.status_list .basic_list .item {gap: 9.86vw; padding: 3.52vw 6.20vw;}
	.status_list .basic_list .item::after {height: 0.07vw;}
	.status_list .basic_list .item .date {font-size: 2.82vw; min-width: 10.92vw;}
	.status_list .basic_list .item .info {width: calc(100% - 13.73vw);}
	.status_list .basic_list .item .cate {font-size: 0.99vw;}
	.status_list .basic_list .item .subject {margin-top: 1.06vw; font-size: 1.69vw;}
	.status_list .basic_list .more_btn_wrap {margin-top: 7.39vw;}

}



@media screen and (max-width:1280px){

	/* 공통 */
	.sub_visual{margin-top: 7.81vw; padding: 7.81vw 0 6.25vw;}
	.sub_visual h2{font-size: 8.59vw;}
	.sub_visual h2 img{width: 5.08vw; margin-right: 3.44vw;}
	.sub_visual h2 .count{font-size: 2.34vw; padding: 0.70vw 2.34vw; margin: -3.91vw 0 0 1.72vw;}

	/* about */
	.about_img{margin-bottom: 15.63vw;}
	.about_img .pc_img{display: none;}
	.about_img .tab_img{display: block;}
	.about .inner > div + div{margin-top: 15.63vw;}
	.about_title h3{font-size: 5.47vw;}
	.about_title p{font-size: 1.56vw; margin-top: 1.95vw;}
	.about .sec1 .txt_wrap em{font-size: 1.41vw;}
	.about .sec1 .txt_wrap .txt{margin: 2.34vw 0;}
	.about .sec1 .txt_wrap .txt div{letter-spacing: -0.16vw; margin-right: 0.78vw;}
	.about .sec1 .txt_wrap .txt div span{font-size: 3.91vw;}
	.about .sec1 .txt_wrap p{font-size: 1.56vw;}
	.about .sec1 .count_wrap{width: 57.81vw; margin-top: 9.38vw;}
	.about .sec1 .count_wrap dl dt{font-size: 1.41vw;}
	.about .sec1 .count_wrap dl dd{font-size: 7.81vw;}
	.about .sec1 .count_wrap .bottom{margin-top: 7.42vw;}
	.about .sec1 .count_wrap .bottom dl:nth-of-type(1){min-width: 16.80vw;}
	.about .sec1 .count_wrap .bottom dl:nth-of-type(2){min-width: 14.84vw;}
	.about .sec1 .count_wrap .bottom dl:nth-of-type(3){min-width: 13.28vw;}
	.about .sec1 .count_wrap .bottom dl dd{font-size: 5.47vw;}
	.about .sec2 ul{width: 57.81vw;}
	.about .sec2 ul li a > div{padding: 2.73vw 3.13vw;}
	.about .sec2 ul li a > div:before{width: 1.56vw; height: 1.56vw; right: 3.13vw;}
	.about .sec2 ul li a .txt{gap:2.73vw;}
	.about .sec2 ul li a .txt .num{font-size: 1.25vw;}
	.about .sec2 ul li a .txt .title{font-size: 1.95vw; width: 82%;}
	.about .sec2 ul li a .over .swiper-slide{margin-right: 0.55vw;}
	.about .sec3 ul{margin-top: 4.69vw;}
	.about .sec3 ul li{width: 25%;}
	.about .sec4 .txt{font-size: 7.81vw;}
	.about .sec4 p{font-size: 1.56vw; margin-top: 1.95vw;}
	#cursor_div .cursor.on{width: 14.06vw; height: 14.06vw; font-size: 1.41vw; letter-spacing: -0.03vw;}
	.about .sec5 .about_title p {font-size: 1.09vw;}
	.about .sec5 .mySwiper_wrap {margin: 5.31vw auto 0; width: 74.31vw;}
	.about .sec5 .mySwiper .swiper-slide {gap: 2.11vw; margin-right: 4.22vw;}
	.about .sec5 .mySwiper .swiper-slide.slide01 img {width: 6.48vw;}
	.about .sec5 .mySwiper .swiper-slide.slide02 img {width: 6.95vw;}
	.about .sec5 .mySwiper .swiper-slide.slide03 img {width: 4.14vw;}
	.about .sec5 .mySwiper .swiper-slide.slide04 img {width: 5.86vw;}
	.about .sec5 .mySwiper .swiper-slide.slide05 img {width: 5.59vw;}
	.about .sec5 .mySwiper .swiper-slide .txt span {font-size: 1.25vw;}
	.about .sec5 .mySwiper .swiper-slide .txt p {margin-top: 0.70vw; font-size: 1.80vw;}
	.about .sec5 .arrow img {width: 2.27vw;}
	.about .sec5 .swiper-button-prev {left: -5.78vw;}
	.about .sec5 .swiper-button-next {right: -5.78vw;}


	/* list */
	.list_wrap .srh_wrap{margin-bottom: 10.55vw;}
	.list_wrap .srh_wrap form{width: 54.69vw; height: 6.25vw;}
	.list_wrap .srh_wrap input{font-size: 1.56vw;}
	.list_wrap .srh_wrap .srh_btn{width: 3.91vw; height: 3.91vw; right: 0.78vw;}
	.list_wrap .list_top{margin-bottom: 4.84vw;}
    .list_wrap .list_top .inner {padding-left: 0;}
    .list_wrap .list_top .inner .category_box > div,
    .list_wrap .list_top .inner > div{gap:1.95vw;}
    .list_wrap .list_top .inner .category_box .category em::after {right: -1.95vw; height: 0.78vw;}
    .list_wrap .list_top .inner .category_box .category {gap: .8vw 0;}
    .list_wrap .list_top .inner .category_box > div + div {margin-top: 1.17vw;}
    .list_wrap .list_top .inner .category_box a {font-size: 1.09vw;}
    .list_wrap .list_top .inner .category_box a,
    .list_wrap .list_top .inner .category_box .category ul li a:hover {padding: 0.39vw .7vw;}
	.list_wrap .list_top em{font-size: 1.09vw;}
	.list_wrap .list_top .line{height: 0.78vw;}
	.list_wrap .list_top ul{ gap:0.68vw;}
	.list_wrap .list_top ul li a{font-size: 1.09vw;}
	.list_wrap .list_top .category ul li a:hover,
	.list_wrap .list_top .category ul li a.on{padding: 0.39vw 1.17vw;}
	.list_wrap .grid_list ul{gap: 6.25vw 4.69vw;}
	.list_wrap .grid_list ul li{width: 29.88%;}
	.list_wrap .grid_list ul li a .img{height: 29.97vw;}
	.list_wrap .grid_list ul li a p{margin-top: 2.34vw; font-size: 1.56vw;}
    .list_wrap .empty { padding: 11.56vw 0;}
    .list_wrap .empty img {width: 3.91vw;}
    .list_wrap .empty p {margin-top: 1.41vw; font-size: 1.56vw; }
	.list_wrap .more_btn_wrap{margin-top: 8.98vw;}


    /* view */
    .view_wrap .view_title h2 {font-size: 2.73vw;}
    .view_wrap .view_title p {margin-top: 3.13vw;}
    .view_wrap .view_title p span {padding: 0 1.95vw; font-size: 1.56vw;}
    .view_wrap .view_cont {margin-top: 8.59vw; padding-bottom: 2.81vw;}
    .view_wrap .view_button {margin-top: 7.34vw;}
    .view_wrap .view_button > div {gap: 0 0.94vw;}
    .view_wrap .view_button > div a {width: 12.50vw; height: 6.25vw; line-height: 6.25vw; border-radius: 3.91vw; font-size: 1.95vw;}
    .view_wrap .view_button > div a.sky_btn {width: 15.63vw;}
    .view_wrap .view_movement {margin-top: 3.67vw;}
    .view_wrap .view_movement .top {gap: 0 1.41vw; font-size: 1.56vw;}
    .view_wrap .view_movement .top img {width: 1.25vw;}
    .view_wrap .view_movement .tit {padding-top: 1.17vw; font-size: 1.56vw; max-width: 23.44vw;}
    .view_wrap .view_movement .prev .tit {padding-left: 2.66vw;}
    .view_wrap .view_movement .next .tit {padding-right: 2.66vw;}
    .view_wrap .move_btn_wrap {margin: 7.50vw auto 0;}
    .view_wrap .move_btn_wrap a {width: 17.97vw; height: 6.25vw; line-height: 6.25vw; border-radius: 3.91vw; font-size: 1.56vw;} 


    /* write */
    .write_wrap .item + .item {margin-top: 7.03vw;}
    .write_wrap .item .tit p {font-size: 1.95vw;}
    .write_wrap .item .tit .info {font-size: 1.25vw;}
    .write_wrap .item:first-child .input_box {margin-top: 2.34vw;}
    .write_wrap .item .input_box {margin-top: 2.34vw;}
    .write_wrap .item .input_box .input2 {gap: 0 1.72vw;}
    .write_wrap .item .input_box .input2 + .input2 {margin-top: 1.56vw;}
    .write_wrap .item .input_box input {height: 6.25vw; line-height: 6.25vw; font-size: 1.56vw;}
    .write_wrap .item .textarea_box {margin-top: 2.34vw; padding: 1.72vw 2.34vw 2.89vw;}
    .write_wrap .item .textarea_box textarea {font-size: 1.56vw; height: 23.44vw;}
    .write_wrap .item .file {margin-top: 1.56vw;}
    .write_wrap .item .file-names {gap: 1.33vw;}
    .write_wrap .item .file-names > div {width: 28.44vw; height: 3.91vw; line-height: 3.91vw;}
    .write_wrap .item .file-names > div span {font-size: 1.41vw; padding-right: 1.95vw;}
    .write_wrap .item .file-names > div img {margin-right: 0;}
    .write_wrap .item .filebox_wrap {gap: 0 1.56vw; margin-top: 1.56vw;}
    .write_wrap .item .filebox_wrap p {gap: 0 0.70vw; font-size: 1.41vw;}
    .write_wrap .item .filebox_wrap p img {width: 1.95vw;}
    .write_wrap .item .filebox label {width: 8.59vw; height: 3.52vw; line-height: 3.52vw; border-radius: 3.13vw; font-size: 1.25vw;}
    .write_wrap .write_agree {margin-top: 4.69vw;}
    .write_wrap .write_agree label {gap: 0 1.02vw;}
    .write_wrap .write_agree label p,
    .write_wrap .write_agree label p * {font-size: 1.17vw;}
    .write_wrap input[type="checkBox"] {width: 1.56vw; height: 1.56vw;}
    .write_wrap .move_btn_wrap {margin-top: 7.03vw; gap: 0 0.78vw;}
    .write_wrap .move_btn_wrap a {width: 17.97vw; height: 6.25vw; line-height: 6.25vw; border-radius: 3.91vw; font-size: 1.95vw;}

	/* works_view */
	.works_view_wrap {margin-top: 13.05vw;}
	.works_view_wrap .view_title h3 {font-size: 6.25vw;}
	.works_view_wrap .view_title p {margin-top: 3.44vw; gap: 0 2.58vw;}
	.works_view_wrap .view_title p span {font-size: 1.56vw;}
	.works_view_wrap .view_title p a {font-size: 1.56vw;}
	.works_view_wrap .view_title p a::after {width: 1.95vw; height: 1.95vw; right: -2.73vw;}
	.works_view_wrap .view_thumb {margin-top: 3.36vw; height: 54.69vw;}
	.works_view_wrap .view_info {margin-top: 14.06vw; gap: 0 7.81vw;}
	.works_view_wrap .item .tit {font-size: 1.41vw;}
	.works_view_wrap .item .cont {margin-top: 2.73vw; font-size: 1.56vw;}
	.works_view_wrap .view_info .left {/* width: calc(100% - 74.38vw); */width: 15.47vw;}
	.works_view_wrap .view_info .left .item + .item {margin-top: 3.05vw;}
	.works_view_wrap .view_info .left .item .cont {margin-top: 0.78vw; font-size: 1.56vw;}
	.works_view_wrap .view_info .right {width: 66.56vw;}
	.works_view_wrap .view_info .right .item + .item {margin-top: 9.38vw;}
	.works_view_wrap .view_info .right .item:first-child .cont {font-size: 1.95vw;}
	.works_view_wrap .view_info .right .item:first-child .cont p br {display: none;}
	.works_view_wrap .view_info .right .typo .cont {gap: 0 10.39vw;}
	.works_view_wrap .view_info .right .typo .cont .fontStyle {font-size: 9.38vw;}
	.works_view_wrap .view_info .right .typo .cont h3 {margin-top: 4.30vw; font-size: 1.95vw;}
	.works_view_wrap .view_info .right .typo .cont strong {margin-top: 1.33vw; font-size: 1.56vw;}
	.works_view_wrap .view_info .right .typo .cont p {margin-top: 1.80vw; font-size: 1.56vw;}
	.works_view_wrap .view_colorChip {margin-top: 4.61vw; height: 46.88vw;}
	.works_view_wrap .view_colorChip .item1 {width: 35.16vw;}
	.works_view_wrap .view_colorChip .item2 {width: 23.05vw;}
	.works_view_wrap .view_colorChip .item3 {width: 14.06vw;}
	.works_view_wrap .view_colorChip .item4 {width: 14.06vw;}
	.works_view_wrap .view_colorChip .item5 {width: 14.06vw;}
	.works_view_wrap .view_colorChip .txt { top: 3.67vw; left: 3.13vw;}
	.works_view_wrap .view_colorChip .txt .tit {font-size: 1.56vw; }
	.works_view_wrap .view_colorChip .txt .color {margin-top: 0.39vw; font-size: 1.80vw; }
	.works_view_wrap .view_concept {margin-top: 9.38vw;}
	.works_view_wrap .view_concept .item {padding-left: 26.25vw;}
	.works_view_wrap .view_concept .img_cont {margin-top: 7.81vw;}
	.works_view_wrap .view_concept .img_cont span + span {margin-top: 16.72vw;}
	.works_view_wrap .view_concept .img_cont .sub::before {width: 86.33vw; height: 11.09vw; top: -8.67vw; left: 0;}
	
	/* list_basic */
	.list_wrap .basic_list ul li a > div {padding: 2.97vw 5.08vw;}
	.list_wrap .basic_list ul li .txt{gap:0 7.03vw;}
	.list_wrap .basic_list ul li .txt span {font-size: 1.25vw;}
	.list_wrap .basic_list ul li .txt span.service {width: 7.03vw;}
	.list_wrap .basic_list ul li .txt span.proj {width: 4.92vw;}
	.list_wrap .basic_list ul li .txt span.name {width: 3.52vw;}
	.list_wrap .basic_list ul li .txt span.date {width: 6.33vw;}
	.list_wrap .basic_list ul li .txt .title{font-size: 1.72vw;}
    .list_wrap .basic_list ul li .txt .title .dp {font-size: 1.72vw; margin-right: .5vw;}
	.list_wrap .basic_list ul li .txt .title .lock {margin:-0.31vw 0 0 1.41vw; width: 1.09vw;}
	.list_wrap .basic_list ul li .over .swiper-slide{margin-right: 0.47vw;}
	.list_wrap .basic_list .write_btn_wrap {margin-top: 3.91vw;}
	.list_wrap .basic_list .write_btn_wrap_top {margin: 0 0 3.51vw;}
	.list_wrap .basic_list .write_btn_wrap a {width: 15.63vw; height: 6.25vw; line-height: 6.25vw; border-radius: 3.91vw; font-size: 1.95vw;}
	.list_wrap .basic_list .more_btn_wrap {margin-top: 8.59vw;}

	/* list_basic2 */
	.list_wrap .basic_list.port ul li .txt span.domain{width: 31.25vw;}

	/* list_basic3 */
	.list_wrap .basic_list.blog ul li .txt span.cate{width: 4.30vw;}
	.list_wrap .basic_list.blog ul li .txt span.name{width: 8.59vw;}
	.list_wrap .basic_list.blog ul li .txt span.date{width: 7.33vw;}
	.list_wrap .basic_list.blog ul li .txt .title{width: 65%;}

    /* write_contant */
    .contact_write_wrap .status {margin-top: 1.02vw; padding-left:0;}
    .contact_write_wrap .status p {font-size: 1.41vw;}
    .contact_write_wrap .status h2 {margin-top: 2.27vw; font-size: 3.91vw;}
    .contact_write_wrap .sticky_cont {margin-top: 11.25vw; gap: 0 3.91vw;}
    .contact_write_wrap .left {width: 22.66vw; top: 7.81vw;}
    .contact_write_wrap .left h2 {gap: 0 1.56vw; font-size: 4.69vw;}
    .contact_write_wrap .left h2 img {width: 3.91vw;}
    .contact_write_wrap .left ul {margin-top: 7.03vw;}
    .contact_write_wrap .left ul li {font-size: 2.19vw;}
    .contact_write_wrap .left ul li p.service .count {top: -0.16vw; right: -1.41vw; width: 1.41vw; height: 1.41vw; font-size: 1.02vw;}
    .contact_write_wrap .left .write_agree {margin-top: 4.69vw; padding-top: 4.69vw;}
    .contact_write_wrap .left .write_agree h3 {font-size: 1.80vw;}
    .contact_write_wrap .left .write_agree label {margin-top: 1.02vw;}
    .contact_write_wrap .left .move_btn_wrap {margin-top: 4.22vw;}
    .contact_write_wrap .left .move_btn_wrap a {height: 6.64vw; line-height: 6.64vw; border-radius: 3.91vw; gap: 0 1.02vw; font-size: 1.95vw;}
    .contact_write_wrap .left .move_btn_wrap img {width: 1.95vw; margin-right: -1.41vw;}
    .contact_write_wrap .write_cont {width: calc(100% - 26.56vw);}
    .contact_write_wrap .write_cont .sub_tit {font-size: 1.25vw; margin-bottom: 1.17vw;}
    .contact_write_wrap .write_cont .item + .item {margin-top: 7.03vw;}
    .contact_write_wrap .write_cont .tit.non_flex {gap: 0 1.56vw;}
    .contact_write_wrap .write_cont .tit.non_flex .desc {font-size: 1.25vw;}
    .contact_write_wrap .write_cont .button_box {gap: 0.78vw;}
    .contact_write_wrap .write_cont .button_box label {width: calc((100% / 4) - 0.63vw); height: 6.25vw;}
    .contact_write_wrap .write_cont .button_box label input:checked + span::after {top: -0.08vw; left: -0.08vw; width: calc(100% + 0.16vw); height: calc(100% + 0.16vw);}
    .contact_write_wrap .write_cont .button_box label span {line-height: 6.25vw; font-size: 1.56vw;}
    .contact_write_wrap .write_cont .select_flex {gap: 0 2.34vw;}
    .contact_write_wrap .write_cont .select_box {gap: 0 2.19vw;}
    .contact_write_wrap .write_cont .select {width: calc(100% - 11.25vw);}
    .contact_write_wrap .write_cont .select .tit {height: 4.92vw; line-height: 4.92vw; font-size: 1.41vw;}
    .contact_write_wrap .write_cont .select .tit::after {width: 1.80vw; height: 1.80vw;}
    .contact_write_wrap .write_cont .select ul {padding: 1.09vw 2.42vw 1.33vw; top: calc(100% - 0.08vw);}
    .contact_write_wrap .write_cont .select ul li {font-size: 1.41vw;}
    .contact_write_wrap .write_cont .select_box button.selectBtn {width: 9.14vw; height: 4.92vw; line-height: 4.92vw; font-size: 1.41vw;}

    /* success_wrap */
    .success_wrap {margin: 8.91vw auto 18.59vw;}
    .success_wrap img {width: 6.33vw;}
    .success_wrap h2 {margin-top: 2.11vw; font-size: 2.27vw;}
    .success_wrap p {margin-top: 1.41vw; font-size: 1.56vw;}
    .success_wrap a {margin: 3.52vw auto 0; width: 14.06vw; height: 3.91vw; line-height: 3.91vw; border-radius: 3.52vw; font-size: 1.25vw;}
    
	/* popup */
	.use_popup .popup_inner {width: 80.41vw;}
	.use_popup .pop_tit {padding-bottom: 1.72vw; margin-bottom: 3.05vw;}
	.use_popup .pop_tit h4 { font-size: 1.56vw;}
	.use_popup .pop_cont h5 {font-size: 1.25vw;}
	.use_popup .pop_cont ol {margin: 0.63vw 0 3.13vw;}
	.use_popup .pop_cont ol * {font-size: 1.25vw;}

	/* contact confirmation */
    .confirmation_wrap {padding: 8.67vw 0; width: 66.41vw;}
    .confirmation_wrap .close {top: 2.66vw; right: 2.34vw;}
    .confirmation_wrap .close img {width: 1.95vw;}
    .confirmation_wrap .pop_inner {width: 36.02vw;}
	.confirmation_wrap img {width: 6.33vw;}
	.confirmation_wrap h2 {margin-top: 1.72vw; font-size: 2.27vw;}
	.confirmation_wrap input {margin-top: 1.95vw; height: 5.63vw; line-height: 5.63vw; font-size: 1.41vw;}
	.confirmation_wrap p {margin-top: 2.03vw; font-size: 1.25vw;}
	.confirmation_wrap a {margin: 1.95vw auto 0; width: 11.95vw; height: 4.22vw; line-height: 4.22vw; border-radius: 3.52vw; font-size: 1.5vw;}

	/* error */
	.error {gap: 8.75vw;}
	.error .txt strong {font-size: 1.25vw;}
	.error .txt .title {margin-top: 2.11vw; font-size: 2.42vw; letter-spacing: -0.00vw;}
	.error .txt p {margin-top: 2.11vw; font-size: 1.25vw;}
	.error .txt a {margin-top: 3.52vw; width: 16.25vw; height: 3.91vw;  gap: 0.70vw; font-size: 1.09vw; border-radius: 0.31vw;}
	.error .txt a img {width: 1.25vw;}
	.error .img img {width: 19.69vw;}

	/* Status */
	.status_list .list_top {margin-bottom: 5.16vw;}
	.status_list .basic_list .item {gap: 9.84vw; padding: 3.52vw 6.17vw;}
	.status_list .basic_list .item::after {height: 0.08vw;}
	.status_list .basic_list .item .date {font-size: 2.81vw; min-width: 10.94vw;}
	.status_list .basic_list .item .info {width: calc(100% - 13.75vw);}
	.status_list .basic_list .item .cate {font-size: 1.02vw;}
	.status_list .basic_list .item .subject {margin-top: 1.09vw; font-size: 1.72vw;}
	.status_list .basic_list .more_btn_wrap {margin-top: 7.42vw;}

}


@media screen and (max-width:1055px){
	.list_wrap .list_top .inner .category_box {width: 70%;}
}

@media screen and (max-width:1024px){
	.list_wrap .list_top .inner {flex-direction: column; align-items: flex-start; gap: 15px;}
	.list_wrap .list_top ul li a,
	.list_wrap .list_top .inner .category_box a {font-size: 1.5vw;}
	.list_wrap .list_top em {font-size: 2vw;}
}

@media screen and (max-width:768px){

	/* 공통 */
	.sub_visual{margin-top: 17.02vw; padding: 9.11vw 0 13.02vw;}
	.sub_visual h2{font-size: 10.42vw;}
	.sub_visual h2 img{width: 6.81vw; margin-right: 3.26vw;}
	.sub_visual h2 .count{font-size: 3.13vw; padding: 1.17vw 2.91vw; margin: -3.51vw 0 0 2.86vw;}

	/* about */
	.about_img{margin-bottom: 26.04vw;}
	.about_img .tab_img{display: none;}
	.about_img .mob_img{display: block;}
	.about .inner > div + div{margin-top: 26.04vw;}
	.about_title h3{font-size: 8.46vw;}
	.about_title p{font-size: 3.39vw; margin-top: 6.26vw; letter-spacing: -0.05vw;}
	.about .sec1 .txt_wrap em{font-size: 3.13vw;}
	.about .sec1 .txt_wrap .txt{margin: 3.91vw 0;}
	.about .sec1 .txt_wrap .txt div{letter-spacing: -0.36vw; margin-right: 1.0vw;}
	.about .sec1 .txt_wrap .txt div span{font-size: 5.21vw; line-height: 1.3;}
	.about .sec1 .txt_wrap p{font-size: 3.39vw;}
	.about .sec1 .count_wrap{width: 100%; margin-top: 15.63vw;}
	.about .sec1 .count_wrap dl dt{font-size: 2.86vw; letter-spacing: -0.10vw;}
	.about .sec1 .count_wrap dl dd{font-size: 10.42vw; margin-top: 1vw;}
	.about .sec1 .count_wrap .bottom{margin-top: 6.37vw;}
	.about .sec1 .count_wrap .bottom dl:nth-of-type(1){min-width: 22.99vw;}
	.about .sec1 .count_wrap .bottom dl:nth-of-type(2){min-width: 27.74vw;}
	.about .sec1 .count_wrap .bottom dl:nth-of-type(3){min-width: initial;}
	.about .sec1 .count_wrap .bottom dl dd{font-size: 7.81vw;}
	.about .sec2{display: block;}
	.about .sec2 ul{width: 100%; margin-top: 9.51vw;}
	.about .sec2 ul li a > div{padding: 6.21vw 5.21vw;}
	.about .sec2 ul li a > div:before{width: 2.80vw; height: 2.80vw; right: 5.21vw;}
	.about .sec2 ul li a .txt{gap:4.56vw;}
	.about .sec2 ul li a .txt .num{font-size: 2.86vw;}
	.about .sec2 ul li a .txt .title{font-size: 3.65vw; width: 80%;}
	.about .sec2 ul li a .over .swiper-slide{margin-right: 0.91vw;}
	.about .sec3 ul{margin-top: 7.81vw;}
	.about .sec3 ul li{width: 50%;}
	.about .sec4 .txt{font-size: 7.81vw;}
	.about .sec4 p{font-size: 3.39vw; margin-top: 6.26vw;}
	#cursor_div .cursor.on{width: 23.44vw; height: 23.44vw; font-size: 2.86vw; letter-spacing: -0.05vw;}

	.about .sec5 .about_title p {font-size: 2.86vw;}
	.about .sec5 .about_title p br {display: none;}
	.about .sec5 .mySwiper_wrap {margin: 13.80vw auto 0; width: 69%;}
	.about .sec5 .mySwiper .swiper-slide {gap: 5.47vw; margin-right: 0; width: 100%; justify-content: center;}
	.about .sec5 .mySwiper .swiper-slide.slide01 img {width: 16.93vw;}
	.about .sec5 .mySwiper .swiper-slide.slide02 img {width: 18.10vw;}
	.about .sec5 .mySwiper .swiper-slide.slide03 img {width: 10.81vw;}
	.about .sec5 .mySwiper .swiper-slide.slide04 img {width: 15.23vw;}
	.about .sec5 .mySwiper .swiper-slide.slide05 img {width: 13.32vw;}
	.about .sec5 .mySwiper .swiper-slide .txt span {font-size: 3.26vw;}
	.about .sec5 .mySwiper .swiper-slide .txt p {margin-top: 1.82vw; font-size: 4.69vw;}
	.about .sec5 .arrow img {width: 5.86vw;}
	.about .sec5 .swiper-button-prev {left: -13.10vw;}
	.about .sec5 .swiper-button-next {right: -13.10vw;}


	/* list */
	.list_wrap .srh_wrap{margin-bottom: 17.58vw;}
	.list_wrap .srh_wrap form{width: 100%; height: 10.42vw;}
	.list_wrap .srh_wrap input{font-size: 3.39vw;}
	.list_wrap .srh_wrap .srh_btn{width: 6.51vw; height: 6.51vw; right: 1.30vw;}
	.list_wrap .list_top{margin-bottom: 8.07vw;}
	.list_wrap .list_top .inner{flex-direction: column; gap:5.2vw; align-items: flex-start; padding-left: 0;}
	.list_wrap .list_top .inner .category_box > div,
    .list_wrap .list_top .inner > div{gap:4.00vw;}
    .list_wrap .list_top .inner .category_box .category em::after {right: -4vw; height: 2.30vw;}
    .list_wrap .list_top .inner .category_box {max-width: 100%;}
    .list_wrap .list_top .inner .category_box > div + div {margin-top: 5.2vw;}
    .list_wrap .list_top .inner .category_box a {font-size: 2.24vw;}
    .list_wrap .list_top .inner .category_box .category ul li:first-child a,
    .list_wrap .list_top .inner .category_box a,
    .list_wrap .list_top .inner .category_box .category ul li a {padding: 0.7vw 2vw .8vw;}
    .list_wrap .list_top .inner .category_box .category ul li a:hover {padding: 0.7vw 2vw .8vw;}
	.list_wrap .list_top em{font-size: 3.13vw;}
	.list_wrap .list_top .line{height: 2.30vw;}
	.list_wrap .list_top ul{gap:1.5vw 2vw;}
	.list_wrap .list_top ul li a{font-size: 2.24vw; padding: 0;}
	.list_wrap .list_top .category{flex-direction: column; align-items: flex-start !important; gap:2.60vw !important;}
	.list_wrap .list_top .category .line{display: none;}
	.list_wrap .list_top .category ul li a:hover,
	.list_wrap .list_top .category ul li a.on{padding: 0.85vw 3.95vw;}
	.list_wrap .grid_list ul{gap: 10.42vw 0;}
	.list_wrap .grid_list ul li{width: 100%;}
	.list_wrap .grid_list ul li a .img{height: 97.61vw;}
	.list_wrap .grid_list ul li a p{margin-top: 3.91vw; font-size: 3.39vw;}
    .list_wrap .empty { padding: 19.27vw 0;}
    .list_wrap .empty img {width: 6.51vw;}
    .list_wrap .empty p {margin-top: 3.91vw; font-size: 3vw; }
	.list_wrap .more_btn_wrap{margin-top: 18.23vw;}


    /* view */
    .view_wrap .view_title h2 {font-size: 4.56vw;}
    .view_wrap .view_title p {margin-top: 5.21vw;}
    .view_wrap .view_title p span {padding: 0 3.26vw; font-size: 3.39vw;}
    .view_wrap .view_cont {margin-top: 13.41vw; padding-bottom: 9.11vw;}
    .view_wrap .view_button {margin-top: 16.67vw;}
    .view_wrap .view_button > div {gap: 0 1.30vw;}
    .view_wrap .view_button > div a {width: 13.02vw; height: 9.11vw; line-height: 9.11vw; border-radius: 6.51vw; font-size: 3.26vw; letter-spacing: -.02em;}
    .view_wrap .view_button > div a.sky_btn {width: 16.93vw;}
    .view_wrap .view_movement {margin-top: 6.12vw;}
    .view_wrap .view_movement .top {gap: 0 2.34vw; font-size: 2.60vw;}
    .view_wrap .view_movement .top img {width: 2.08vw;}
    .view_wrap .view_movement .tit {padding-top: 1.95vw; font-size: 2.60vw; max-width: 35.16vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: wrap;}
    .view_wrap .view_movement .prev .tit {padding-left: 4.30vw;}
    .view_wrap .view_movement .next .tit {padding-right: 4.30vw;}
    .view_wrap .move_btn_wrap {margin: 13.02vw auto 0;}
    .view_wrap .move_btn_wrap a {width: 29.95vw; height: 10.42vw; line-height: 10.42vw; border-radius: 6.51vw; font-size: 3.26vw;}


    /* write */
    .write_wrap .item + .item {margin-top: 11.72vw;}
    .write_wrap .item .tit p {font-size: 3.65vw;}
    .write_wrap .item .tit .info {font-size: 3.13vw;}
    .write_wrap .item:first-child .input_box {margin-top: 3.65vw;}
    .write_wrap .item .input_box {margin-top: 3.65vw;}
    .write_wrap .item .input_box .input2 {display: revert;}
    .write_wrap .item .input_box .input2 + .input2 {margin-top: 2.60vw;}
    .write_wrap .item .input_box .input2 input + input {margin-top: 2.60vw;}
    .write_wrap .item .input_box input {height: 10.42vw; line-height: 10.42vw; font-size: 3.39vw;}
    .write_wrap .item .textarea_box {margin-top: 3.65vw; padding: 2.86vw 3.91vw 6.64vw;}
    .write_wrap .item .textarea_box textarea {font-size: 3.39vw; height: 45.57vw;}
    .write_wrap .item .file {margin-top: 2.60vw;}
    .write_wrap .item .file-names {display: revert;}
    .write_wrap .item .file-names > div {width: 100%; height: 7.81vw; line-height: 7.81vw;}
    .write_wrap .item .file-names > div + div {margin-top: 2.60vw;}
    .write_wrap .item .file-names > div span {font-size: 3.13vw; padding-right: 5.21vw;}
    .write_wrap .item .file-names > div img {margin-right: 0; width: 3.91vw;}
    .write_wrap .item .filebox_wrap {display: revert; margin-top: 3.91vw;}
    .write_wrap .item .filebox_wrap p {gap: 0 1.17vw; align-items: flex-start; font-size: 3.13vw; margin-top: 3.65vw;}
    .write_wrap .item .filebox_wrap p img {width: 3.26vw;}
    .write_wrap .item .filebox label {width: 17.58vw; height: 7.16vw; line-height: 7.16vw; border-radius: 5.21vw; font-size: 2.99vw;}
    .write_wrap .write_agree {margin-top: 7.81vw;}
    .write_wrap .write_agree label {gap: 0 1.82vw;}
    .write_wrap .write_agree label p,
    .write_wrap .write_agree label p * {font-size: 3.13vw;}
    .write_wrap input[type="checkBox"] {width: 3.26vw; height: 3.26vw;}
    .write_wrap .move_btn_wrap {margin-top: 13.02vw; gap: 0 1.30vw;}
    .write_wrap .move_btn_wrap a {width: 29.95vw; height: 10.42vw; line-height: 10.42vw; border-radius: 6.51vw; font-size: 3.26vw;}

	/* works_view */
	.works_view_wrap {margin-top: 19.14vw;}
	.works_view_wrap .view_title h3 {font-size: 7.81vw;}
	.works_view_wrap .view_title p {margin-top: 8.72vw; gap: 0 4.30vw;}
	.works_view_wrap .view_title p span {font-size: 2.60vw;}
	.works_view_wrap .view_title p a {font-size: 2.60vw;}
	.works_view_wrap .view_title p a::after {width: 3.26vw; height: 3.26vw; right: -4.56vw;}
	.works_view_wrap .view_thumb {margin-top: 8.85vw; height: 71.61vw;}
	.works_view_wrap .view_info {margin-top: 13.02vw; display: revert;}
	.works_view_wrap .item .tit {font-size: 3.39vw;}
	.works_view_wrap .item .cont {margin-top: 5.21vw; font-size: 3.39vw;}
	.works_view_wrap .view_info .left {width: 100%;}
	.works_view_wrap .view_info .left .item {display: flex; align-items: center; gap: 0 2.60vw;}
	.works_view_wrap .view_info .left .item .tit {min-width: 11.85vw;}
	.works_view_wrap .view_info .left .item + .item {margin-top: 5.21vw;}
	.works_view_wrap .view_info .left .item .cont {margin-top: 0; font-size: 3.39vw;}
	.works_view_wrap .view_info .right {margin-top: 13.02vw; width: 100%;}
	.works_view_wrap .view_info .right .item + .item {margin-top: 13.02vw;}
	.works_view_wrap .view_info .right .item:first-child .cont {font-size: 3.39vw;}
	.works_view_wrap .view_info .right .typo .cont {display: revert;}
	.works_view_wrap .view_info .right .typo .cont > div {display: flex; align-items: flex-start; gap: 0 7.8vw; width: 100%;}
	.works_view_wrap .view_info .right .typo .cont > div + div {margin-top: 9.64vw;}
	.works_view_wrap .view_info .right .typo .cont > div > div {width: calc(100% - 39.97vw);}
	.works_view_wrap .view_info .right .typo .cont .fontStyle {font-size: 10.42vw;}
	.works_view_wrap .view_info .right .typo .cont h3 {margin-top: 0; font-size: 3.26vw;}
	.works_view_wrap .view_info .right .typo .cont strong {margin-top: 2.21vw; font-size: 3.13vw;}
	.works_view_wrap .view_info .right .typo .cont p {margin-top: 2.34vw; font-size: 3.13vw;}
	.works_view_wrap .view_info .right .color .cont br {display: none;}
	.works_view_wrap .view_colorChip {margin-top: 6.51vw; height: auto; flex-wrap: wrap;}
	.works_view_wrap .view_colorChip .item1 {width: 100%; height: 39.06vw;}
	.works_view_wrap .view_colorChip .item2 {width: 100%; height: 39.06vw;}
	.works_view_wrap .view_colorChip .item3 {width: calc(100%/3); height: 41.67vw;}
	.works_view_wrap .view_colorChip .item4 {width: calc(100%/3); height: 41.67vw;}
	.works_view_wrap .view_colorChip .item5 {width: calc(100%/3); height: 41.67vw;}
	.works_view_wrap .view_colorChip .txt { top: 6.12vw; left: 3.65vw;}
	.works_view_wrap .view_colorChip .txt .tit {font-size: 3.13vw; }
	.works_view_wrap .view_colorChip .txt .color {margin-top: 1.30vw; font-size: 3.39vw; }
	.works_view_wrap .view_concept {margin-top: 13.02vw;}
	.works_view_wrap .view_concept .item {padding-left: 0;}
	.works_view_wrap .view_concept .img_cont {margin-top: 7.81vw;}
	.works_view_wrap .view_concept .img_cont span + span {margin-top: 25.91vw;}
	.works_view_wrap .view_concept .img_cont .sub::before {width: 100%; height: 11.85vw; top: -10.29vw; left: 0;}
	
	/* list_basic */
	.list_wrap .basic_list ul li a > div {padding: 5.08vw 5.21vw;}
	.list_wrap .basic_list ul li .txt{display: revert;}
	.list_wrap .basic_list ul li .txt span {font-size: 2.60vw; padding: 0 1.30vw; min-width: auto !important;}
	.list_wrap .basic_list ul li .txt span::before {content: ""; width: 0.13vw; height: 1.95vw; background: #767676; display: inline-block; position: relative; left: -1.43vw;}
	.list_wrap .basic_list ul li .txt span.service,
	.list_wrap .basic_list ul li .txt span.name {padding-left: 0; border-left: 0;}
	.list_wrap .basic_list ul li .txt span.service::before,
	.list_wrap .basic_list ul li .txt span.name::before {display: none;}
	.list_wrap .basic_list ul li .txt .title{font-size: 3.65vw; width: 100%; margin: 1.30vw 0;}
    .list_wrap .basic_list ul li .txt .title .dp {font-size: 3.65vw; margin-right: 1.2vw; padding: 0;}
	.list_wrap .basic_list ul li .txt .title .lock {margin:-0.7vw 0 0 2.34vw; width: 2.78vw;}
	.list_wrap .basic_list ul li .over .swiper-slide{margin-right: 1.04vw;}
	.list_wrap .basic_list .write_btn_wrap {margin-top: 6.51vw;}
	.list_wrap .basic_list .write_btn_wrap_top {margin: 0 0 6vw;}
	.list_wrap .basic_list .write_btn_wrap a {width: 16.93vw; height: 9.11vw; line-height: 9.11vw; border-radius: 6.51vw; font-size: 3.26vw;}
	.list_wrap .basic_list .more_btn_wrap {margin-top: 13.02vw;}


	/* list_basic2 */
	.list_wrap .basic_list.port ul li .txt span{padding: 0;}
	.list_wrap .basic_list.port ul li .txt span::before{display: none;}
	.list_wrap .basic_list.port ul li .txt .title{width: 100%;}
	#list_cursor{display: none;}
	#list_cursor .cursor.on{width: 17.44vw; height: 17.44vw; background-size: 8.08vw;}

	/* list_basic3 */
	.list_wrap .basic_list.blog ul li .txt span.cate{width: 4.30vw; padding: 0;}
	.list_wrap .basic_list.blog ul li .txt span.cate::before{display: none;}
	.list_wrap .basic_list.blog ul li .txt .title{width: 100%;}

    /* write_contant */
    .contact_write_wrap .status {margin-top: 1.04vw; padding-left:0;}
    .contact_write_wrap .status p {font-size: 2.34vw;}
    .contact_write_wrap .status h2 {margin-top: 3.78vw; font-size: 5.21vw;}
    .contact_write_wrap .sticky_cont {margin-top: 15.63vw; gap: 12.37vw 0; flex-direction: column-reverse;}
    .contact_write_wrap .left {width: 100%; top: 0; position: relative;}
    .contact_write_wrap .left h2 {gap: 0 2.60vw; font-size: 7.81vw;}
    .contact_write_wrap .left h2 img {width: 6.51vw;}
    .contact_write_wrap .left ul {margin-top: 7.81vw;}
    .contact_write_wrap .left ul li {font-size: 4.56vw;}
    .contact_write_wrap .left ul > div {display: flex; align-items: center; gap: 0 0.91vw; flex-wrap: wrap;}
    .contact_write_wrap .left ul li p.service .count {top: -0.78vw; right: -2.08vw; width: 3.26vw; height: 3.26vw; font-size: 2.08vw; line-height: 3.26vw;}
    .contact_write_wrap .left .write_agree {margin-top: 7.81vw; padding-top: 7.81vw;}
    .contact_write_wrap .left .write_agree h3 {font-size: 3.26vw;}
    .contact_write_wrap .left .write_agree label {margin-top: 1.17vw;}
    .contact_write_wrap .left .move_btn_wrap {margin-top: 6.25vw;}
    .contact_write_wrap .left .move_btn_wrap a {width: 41.67vw; height: 10.42vw; line-height: 10.42vw; border-radius: 6.51vw; gap: 0 1.69vw; font-size: 3.26vw;}
    .contact_write_wrap .left .move_btn_wrap img {width: 3.26vw; margin-right: -1.95vw;}
    .contact_write_wrap .write_cont {width: 100%;}
    .contact_write_wrap .write_cont .sub_tit {font-size: 2.86vw; margin-bottom: 1.43vw;}
    .contact_write_wrap .write_cont .item + .item {margin-top: 11.72vw;}
    .contact_write_wrap .write_cont .tit.non_flex {gap: 0 1.95vw;}
    .contact_write_wrap .write_cont .tit.non_flex .desc {font-size: 3.13vw;}
    .contact_write_wrap .write_cont .button_box {gap: 1.30vw;}
    .contact_write_wrap .write_cont .button_box label {width: calc((100% / 3) - 0.91vw); height: 10.42vw;}
    .contact_write_wrap .write_cont .button_box label input:checked + span::after {top: -0.13vw; left: -0.13vw; width: calc(100% + 0.26vw); height: calc(100% + 0.26vw);}
    .contact_write_wrap .write_cont .button_box label span {line-height: 10.42vw; font-size: 3.39vw;}
    .contact_write_wrap .write_cont .select_flex {display: revert;}
    .contact_write_wrap .write_cont .select_box {gap: 0 5.08vw; width: 100%;}
    .contact_write_wrap .write_cont .select {width: calc(100% - 25.91vw);}
    .contact_write_wrap .write_cont .select .tit {height: 10.42vw; line-height: 10.42vw; font-size: 3.39vw;}
    .contact_write_wrap .write_cont .select .tit::after {width: 3.26vw; height: 3.26vw;}
    .contact_write_wrap .write_cont .select ul {padding: 1.43vw 3.26vw 1.82vw; top: calc(100% - 0.13vw);}
    .contact_write_wrap .write_cont .select ul li {font-size: 3.39vw;}
    .contact_write_wrap .write_cont .select_box button.selectBtn {width: 20.83vw; height: 10.42vw; line-height: 10.42vw; font-size: 3.39vw;}

    /* success_wrap */
    .success_wrap {margin: 12.76vw auto 26.56vw;}
    .success_wrap img {width: 13.02vw;}
    .success_wrap h2 {margin-top: 6.51vw; font-size: 4.56vw;}
    .success_wrap p {margin-top: 3.26vw; font-size: 3.39vw;}
    .success_wrap a {margin: 6.51vw auto 0; width: 39.06vw; height: 10.42vw; line-height: 10.42vw; border-radius: 6.51vw; font-size: 3.26vw;}

	/* popup */
	.use_popup .popup_inner {width: 90.49vw;}
	.use_popup .pop_tit {padding-bottom: 3.91vw; margin-bottom: 5.21vw;}
	.use_popup .pop_tit h4 { font-size: 4.17vw;}
	.use_popup .pop_close {width: 5vw;}
	.use_popup .pop_cont h5 {font-size: 3.91vw;}
	.use_popup .pop_cont ol {margin: 1.6vw 0 7.42vw;}
	.use_popup .pop_cont ol * {font-size: 3.39vw;}

	/* contact confirmation */
    .confirmation_wrap {padding: 13.67vw 0; width: calc(100% - 7.81vw);}
    .confirmation_wrap .close {top: 2.66vw; right: 2.34vw;}
    .confirmation_wrap .close img {width: 6.51vw;}
    .confirmation_wrap .pop_inner {width: 80%;}
	.confirmation_wrap img {width: 15.63vw;}
	.confirmation_wrap h2 {margin-top: 3.13vw; font-size: 4.56vw;}
	.confirmation_wrap input {margin-top: 7.81vw; height: 10.42vw; line-height: 10.42vw; font-size: 3.39vw;}
	.confirmation_wrap p {margin-top: 2.60vw; font-size: 2.86vw;}
	.confirmation_wrap a {margin: 7.81vw auto 0; width: 41.67vw; height: 10.42vw; line-height: 10.42vw; border-radius: 6.51vw; font-size: 3.26vw;}
	
	/* error */
	.error {gap: 8.20vw; flex-direction: column-reverse;}
	.error .txt {text-align: center;}
	.error .txt strong {font-size: 2.34vw;}
	.error .txt .title {margin-top: 3.91vw; font-size: 4.43vw; letter-spacing: -0.05vw;}
	.error .txt p {margin-top: 3.91vw; font-size: 3.13vw;}
	.error .txt a {margin: 6.51vw auto 0; width: 36.98vw; height: 8.33vw;  gap: 1.30vw; font-size: 2.86vw; border-radius: 0.65vw;}
	.error .txt a img {width: 2.34vw;}
	.error .img img {width: 26.04vw;}

	/* Status */
	.status_list .list_top {margin-bottom: 9.11vw;}
	.status_list .basic_list .item {gap: 5.21vw; flex-direction: column; padding: 5.21vw 5.86vw; align-items: flex-start;}
	.status_list .basic_list .item::after {height: 1px;}
	.status_list .basic_list .item .date {font-size: 5.21vw; min-width: none;}
	.status_list .basic_list .item .info {width: 100%;}
	.status_list .basic_list .item .cate {font-size: 2.60vw;}
	.status_list .basic_list .item .subject {margin-top: 1.30vw; font-size: 3.65vw;}
	.status_list .basic_list .more_btn_wrap {margin-top: 19.27vw;}
}