/*제작안내------------------------------------------------------------------------------------------------------------------ */ #sub-2100{overflow: hidden;} #sub-2100 > .gw-btn-wrap .inquiry{position: relative;left: 0;top: 0;} #sub-2100 .con01 .item-list{ animation: move01 40s infinite linear;} @keyframes move01 { to { transform: translateX(-2880px); } } #sub-2100 .con01 .item{margin:0 0.5rem;padding:2rem;width: 19rem;height: 19rem;border-radius: 3rem;} #sub-2100 .con01 .item01{background:var(--gw-sub-color01);} #sub-2100 .con01 .item02{background:var(--gw-sub-color02);} #sub-2100 .con01 .item02 > div > img {width: 80%;} #sub-2100 .con01 .item03{background:var(--gw-main-color);} #sub-2100 .con01 .item04{background:var(--gw-sub-color03);} #sub-2100 .con01 .item04 > div > img {width: 80%;} #sub-2100 .gw-sec01-ico{width: 12.5rem;height: 12.5rem;margin: 0 auto;margin-bottom: 1rem;} #sub-2100 .gw-sec01-ico > img {width: 100%;height: auto;object-fit: contain;} #sub-2100 h3{font-size: var(--gw-main-title04);word-break: keep-all;} #sub-2100 .con02 .gw-flex-btw {flex-wrap: wrap;} #sub-2100 .con02 .gw-column{align-items: center;min-height: 22rem;word-break: keep-all;padding: calc(3 * var(--gw-gutter-x)) var(--gw-gutter-x);} #sub-2100 .con02 :where(.gw-list01) li{padding-left: 0;} #sub-2100 .ico{display:inline-block;width: 2.5rem;height: 2.5rem;margin-bottom:calc(2 * var(--gw-gutter-x));} #sub-2100 .gw-list01 {word-break: keep-all;} #sub-2100 .con03{height:380vh;background: var(--gw-main-color);} #sub-2100 .con03 .gw-con-1280{height: 100vh;padding:7.5rem calc(1.5 * var(--gw-gutter-x));} .trigger-this-03{height: 100%;} .fix-this-03 {width: 100vw;height: 100vh;position: relative;} #sub-2100 .con03 .item-wrap{position: relative;display: flex;align-items: center;height: 100vh;} #sub-2100 .con03 .item{border-radius: 3rem;padding: 5rem 10rem;background:var(--gw-main-color);border: 1px solid rgba(255,255,255,0.5);color: #fff;position:absolute;top: 0;transform: translateY(0);transform-origin: top center;text-align: left;} #sub-2100 .con03 .item02 {top: 1200px;} #sub-2100 .con03 .item03 {top: 2400px;} #sub-2100 .con03 .item04 {top: 3600px;} #sub-2100 .con03 h3{color: #fff;line-height: 1.25;} #sub-2100 .con03 :where(.gw-list01) li > span:before{background: rgba(255,255,255,.8);top: 0.4rem;} #sub-2100 .con03 .gw-right { position: relative;width: 30rem;height: 30rem;} #sub-2100 .con03 .gw-right > img{width: 100%;height: 100%;object-fit: contain;} #sub-2100 .con04 .gw-flex-btw {flex-wrap: wrap;} #sub-2100 .con04 .gw-three-box01{width:33%;height:auto;padding: 0;overflow: hidden;} #sub-2100 .con04 .gw-three-box01 .top{height: 250px;background: #EFF2F7;} #sub-2100 .con04 .gw-three-box01:nth-of-type(2) .top > img {bottom: 0;} #sub-2100 .con04 .gw-three-box01:nth-of-type(4) .top > img {bottom: 0;} #sub-2100 .con04 .gw-three-box01:nth-of-type(6) .top > img {bottom: 0;} #sub-2100 .con04 .gw-column {padding:calc(1.5 * var(--gw-gutter-x));} #sub-2100 .gw-position-1{top: 36%;right: 0;} #sub-2100 .gw-position-2 {top: 14%;left: 0;} #sub-2100 .con04 .tag01{background:#009EFF;color:var(--gw-fff);max-width:5.5rem;} /*유지관리안내------------------------------------------------------------------------------------------------------------------ */ #sub-2200 > .gw-btn-wrap .inquiry{position: relative;left: 0;top: 0;} #sub-2200 .con01 .gw-flex-btw {flex-wrap: wrap;} #sub-2200 .con01 .gw-column{align-items: center;min-height: 22rem;word-break: keep-all;padding: calc(3 * var(--gw-gutter-x)) var(--gw-gutter-x);} #sub-2200 .con01 :where(.gw-list01) li{padding-left: 0;} #sub-2200 h3{font-size: var(--gw-main-title03);} #sub-2200 .con02{padding:7.5rem 0;background: var(--gw-sub-color);} #sub-2200 .con02 ul {padding:calc(3 * var(--gw-gutter-x)) 0;margin-bottom: calc(2 * var(--gw-gutter-x));} #sub-2200 .con02 ul > li {place-content: center;align-items: center;} #sub-2200 .con03 h3{color: var(--gw-fff);} #sub-2200 .con03 .gw-btn-wrap{text-align: left;} #sub-2200 .con03 .gw-flex-btw{background-color:var(--gw-main-color);margin: var(--gw-gutter-x) calc(.5 * var(--gw-gutter-x));padding: calc(2 * var(--gw-gutter-x)) calc(8 * var(--gw-gutter-x));color: var(--gw-fff);} #sub-2200 .con03 .Pret > i {vertical-align: middle;} #sub-2200 .con03 .ico {width: 20rem;} #sub-2200 .con03 .ico > img {width: 100%;} #sub-2200 .con03 :where(.gw-btn-wrap) .btn-01{color:var(--gw-fff);border:3px solid rgba(255,255,255,0.5);} #sub-2200 .con03 :where(.gw-btn-wrap) .btn-01:hover{border:3px solid rgba(255,255,255,1)} #sub-2200 .con04 .gw-three-box01{width:33%;height:auto;min-height: 33rem;padding: 0;overflow: hidden;} #sub-2200 .con04 .gw-three-box01 .top{height: 250px;background: #EFF2F7;} #sub-2200 .con04 .gw-column {padding:calc(1.5 * var(--gw-gutter-x));} #sub-2200 .con04 .tag01{background:#009EFF;color:var(--gw-fff);max-width:5.5rem;} #sub-2200 .gw-position-1{top: 36%;right: 0;} #sub-2200 .gw-position-2 {top: 14%;left: 0;} /*제작 비용 안내------------------------------------------------------------------------------------------------------------------ */ #sub-2300 > .gw-btn-wrap .inquiry{position: relative;left: 0;top: 0;} #sub-2300 h3{font-size: var(--gw-main-title03);} #sub-2300 .con01 .gw-table-wrap {border: 1px solid #ddd;border-radius: 1rem;overflow: hidden;} #sub-2300 .con01 table th{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;} #sub-2300 .con01 table td{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;} #sub-2300 .con01 table td:last-child{border-right: none;} #sub-2300 .con01 table thead th:last-child{border-right: none;} #sub-2300 .con01 table tbody tr:last-child th{border-bottom: none;} #sub-2300 .con01 table tbody tr:last-child td{border-bottom: none;} #sub-2300 .con01 table span{color: #999;font-size: 1rem;font-weight:400;font-family: 'NotoKr_R', sans-serif;display: block;} #sub-2300 .con01 .gw-service-point{font-size: 1.15rem;font-weight:600;font-family: 'NanumSquare_R', sans-serif} #sub-2300 .con01 .gw-support-ico{color: #0000ff;} #sub-2300 .con01 .gw-no-support-ico {color:#999;} #sub-2300 .con01 .gw-service-price > h3{color: #0000ff;font-size: 1.15rem;} #sub-2300 .con01 .gw-service-price > span{margin-bottom: 1rem;} #sub-2300 .con02{padding:7.5rem 0;background: var(--gw-sub-color);} #sub-2300 .con02 .gw-col-1{flex-wrap: wrap;} #sub-2300 .con02 .gw-column{align-items: center;word-break: keep-all;padding: calc(3 * var(--gw-gutter-x)) var(--gw-gutter-x);} #sub-2300 .con03 .gw-col-1{flex-wrap: wrap;} #sub-2300 .con03 .gw-column{align-items: center;word-break: keep-all;padding: calc(3 * var(--gw-gutter-x)) var(--gw-gutter-x);} /*출간도서소개------------------------------------------------------------------------------------------------------------------ */ #sub-6100 .box {padding: calc(4 * var(--gw-gutter-x));margin-bottom: calc(2 * var(--gw-gutter-x));} #sub-6100 .box:last-child{margin-bottom: 0;} #sub-6100 .book-img {width: 20rem;overflow: visible;} #sub-6100 .book-img > img {width: 100%;} #sub-6100 .book-text-wrap {width: calc(100% - 25rem);} #sub-6100 .book-text{border-bottom:1px solid #ddd;} #sub-6100 .book-writer{color: var(--gw-main-color);} #sub-6100 .book-writer .dot{background:rgba(207,233,255) ;} #sub-6100 .gw-position-1 { top: 0;right: 0;} #sub-6100 .gw-position-2 { top: 47%;left: 0;} #sub-6100 .gw-btn-wrap .btn-01 {width: 19%;margin-right: 0.5%;padding:1rem 0;text-align: center;transition: all .3s;} #sub-6100 .gw-btn-wrap .btn-01:nth-of-type(5){margin-right: 0;} #sub-6100 .gw-btn-wrap .btn-01:nth-of-type(1):hover {border-color: #0080FF;} #sub-6100 .gw-btn-wrap .btn-01:nth-of-type(2):hover {border-color: #5FBF39;} #sub-6100 .gw-btn-wrap .btn-01:nth-of-type(3):hover {border-color: #FCAE18;} #sub-6100 .gw-btn-wrap .btn-01:nth-of-type(4):hover {border-color: #FF322E;} #sub-6100 .gw-btn-wrap .btn-01:nth-of-type(5):hover{border-color: #585052;margin-right: 0;} /*그누위즈소개------------------------------------------------------------------------------------------------------------------ */ #sub-5100 .sign{display:inline-block;width: 10rem;vertical-align: middle;} #sub-5100 .con01{padding:7.5rem 0;background: var(--gw-sub-color);} #sub-5100 h3{font-size: var(--gw-main-title03);} #sub-5100 .con01 .gw-col-1 {flex-wrap: wrap;} #sub-5100 .gw-four-box01 {align-items: center;place-content: center;min-height: 15.75rem;padding:0;} #sub-5100 .gw-four-box01 .ico{display:inline-block;width: 2.5rem;height: 2.5rem;margin-bottom:calc(2 * var(--gw-gutter-x));} #sub-5100 .gw-four-box01:nth-child(4) .ico {margin-bottom: var(--gw-gutter-x);} #sub-5100 .gw-list01 > li {font-size: 1.125rem;padding-left:0;} #sub-5100 .gw-two-box01{transition: all .3s;} #sub-5100 .con02 .book {width: 7rem;box-shadow: 0 10px 15px -3px rgb(0 0 0 / .15), 0 4px 6px -4px rgb(0 0 0 / .1);} #sub-5100 .con02 .book > img {width: 100%;} #sub-5100 .more {position: relative;color:#ddd;} #sub-5100 .gw-two-box01:hover{background:var(--gw-main-color);} #sub-5100 .gw-two-box01:hover .tag01{color: #000;background: #fff;} #sub-5100 .gw-two-box01:hover .book-title{color: #fff;} #sub-5100 .gw-two-box01:hover .dot{background: #fff;} #sub-5100 .gw-two-box01:hover .book-text{color: #fff;} #sub-5100 .gw-two-box01:hover .more{color: #fff;} #sub-5100 .gw-position-1{top:-25%;right:-5%;} #sub-5100 .gw-position-2{top:39%;left:-7%;} /*회사연혁------------------------------------------------------------------------------------------------------------------ */ #sub-5200 .gw-position-1{right:0;} #sub-5200 .gw-position-2{left:0;} #sub-5200 .box {margin-bottom: calc(2 * var(--gw-gutter-x));padding: calc(3 * var(--gw-gutter-x));transition:all .3s;} #sub-5200 .box:hover{background: var(--gw-main-color);} #sub-5200 .box:hover *{color: #fff;} #sub-5200 .history-wrap {align-items: center;gap: 1rem;justify-content: space-between;} #sub-5200 .year{color:#999;transition:all .3s;} #sub-5200 .month {color: #326af3;transition:all .3s;} #sub-5200 .link{position: absolute;right:calc(3 * var(--gw-gutter-x));transform: rotate(45deg);transition:all .3s;} #sub-5200 .link:before{content: "\e915";font-family:xeicon;font-size: 2rem;} /*오시는길------------------------------------------------------------------------------------------------------------------ */ #sub-5300 .btn-01 .ico {width: 1.5rem;height: 1.5rem;display: inline-block;vertical-align:text-top;} #sub-5300 .naver .ico{width: 1.25rem;height: 1.25rem;} #sub-5300 .kakao:hover{border:3px solid #FFE100;} #sub-5300 .naver:hover{border:3px solid #03C75A;} #sub-5300 .con01{height:28rem;} #sub-5300 .map-info{position:relative;z-index:100;margin:0 auto;max-width: 1280px;min-height:13rem;margin-top:calc(-0.5 * 13rem);background: #1454FF;padding: 4.375rem;border-radius: 3rem;box-shadow: 70px 70px 130px rgba(20,84,255,0.2);} #sub-5300 .map-info > h3{width: 25%;color: var(--gw-fff);font-size: var(--gw-main-title03);border-right: 1px solid rgba(255,255,255,0.5);padding-right: 2rem;} #sub-5300 .gw-list-wrap{width: 75%;color: var(--gw-fff);padding-left:11rem;} #sub-5300 .gw-list-01{gap:7.5rem;} #sub-5300 .gw-list-01 > li > .gw-rel:before {content: "";display: block;position: absolute;left: -1rem;top: 50%;width: 0.3rem;height: 0.3rem;border-radius: 50%;background: #fff;transform: translateY(-50%);} #sub-5300 .gw-position-1{top:-25%;right:-5%;} #sub-5300 .gw-position-2{top:39%;left:-7%;} /*협력제휴업체------------------------------------------------------------------------------------------------------------------ */ #sub-5400 .con01 .gw-col-1 {flex-wrap: wrap;} #sub-5400 .gw-four-box01{min-height:10rem;place-content:center;} #sub-5400 .partner-logo{width: 100%;height:auto;} #sub-5400 .partner-logo > img{width: 100%;} #sub-5400 .gw-position-1{top:-13%;right:14%;} #sub-5400 .gw-position-2{top:-3%;left:12%;} /*instagram------------------------------------------------------------------------------------------------------------------ */ #sub-5500 .gw-three-box01 {width: 31%;margin: 0.5rem;} #sub-5500 .gw-btn-wrap .inquiry{position: relative;left: 0;top: 0;} #sub-5500 .gw-img {min-height: 23rem;border-radius: 0;filter: none;border: 1px solid #ddd;} #sub-5500 .gw-img img {width: 100%;object-fit: cover;object-position: center;} #sub-5500 .text {width: 100%;word-break: break-all;text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} /*to do------------------------------------------------------------------------------------------------------------------ */ #sub-5600 .sinp {border-radius: 3rem;background:var(--gw-sub-color);border:none;padding:0.5rem 1.5rem 0.5rem 2rem;} #sub-5600 .todo_lst > li {padding: calc(3 * var(--gw-gutter-x));margin-bottom: calc(2 * var(--gw-gutter-x));} #sub-5600 .todo_lst > li.done {color: var(--gw-main-color);} #sub-5600 .todo_lst > li input{display: none;} #sub-5600 .todo_lst > li a.del {display: inline-block;font-size: 1rem;border-radius: 0.5rem;padding: 0.5rem 0.75rem;font-family: 'NotoKr_R' !important;background: rgba(207,233,255,.5);color: var(--gw-main-color);cursor: pointer;} /*SIR 컨텐츠몰 수집------------------------------------------------------------------------------------------------------------------ */ #sch {text-align:center;position:relative;margin:0 auto;} #sub-5700 .date-wrap{border-radius:3rem;background:var(--gw-sub-color);border:none;padding:0 2rem 0 1.5rem;display:flex;align-items:center;width:90%;} #sub-5700 .date-wrap > span {width: 10%;font-size: 2rem;line-height: 3.25rem;padding-top: 1rem;} #sub-5700 .btn_submit {width:auto;padding:0;border: none;background: transparent;color: #666;position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);} #sub-5700 .btn_submit > i {vertical-align: middle;} #sub-5700 .totalbox{margin-bottom:2rem;padding:0;border:2px solid var(--gw-main-color);} #sub-5700 .tab-content > a:not(:last-child) {margin-bottom: 1rem;} #sub-5700 .gw-title > span{color:var(--gw-main-color);} #sub-5700 .tab-content {display: none;} #sub-5700 .tab-content.active {display: block;} #sub-5700 .tab-content > a{display: block;padding:0;} #sub-5700 table th{background:transparent;border-bottom:1px solid #D3D3D3;} #sub-5700 table td{text-align:center;} #sub-5700 .thumnail {width: 60px;height: 60px;border-radius: 100%;} #sub-5700 .thumnail > img {width: 100%;height: 100%;border-radius: 100%;} #sub-5700 .product-info > .gw-flex{gap: 30px;place-content:center;} #sub-5700 .product-info .product-name {width: 300px;line-height: 1.5;} #sub-5700 [class*="sticky"]{width:auto;padding: 0.5rem;border-radius:0.5rem;display: inline-block;vertical-align: middle;text-align: center;font-weight: 400;text-transform:uppercase;} #sub-5700 .sticky01 {background: rgba(207,233,255,.5);color: var(--gw-main-color);} #sub-5700 .sticky02 {background: rgba(255,0,0,.1);color: #FF0000;} /*그누위즈 컨텐츠 라이센스------------------------------------------------------------------------------------------------------------------ */ #sub-license {text-align:center;position:relative;margin:0 auto;} #sub-license .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #sub-license .search {border-radius:3rem;background:var(--gw-sub-color);border:none;padding:0.5rem 1.5rem 0.5rem 2rem;} #sub-license .sel-wrap{position:relative;width:6rem;} #sub-license .sel-wrap:after{font-family:xeicon;content:"\e941"; position:absolute; top:50%; right:0; transform:translateY(-50%); display:block; width:1rem; height:1rem; z-index:0;} #sub-license .sel-wrap select{width:100%;height:3.25rem;padding:0.8rem; font-size:1.125rem; font-family:"NotoKr_R"; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;background: transparent;border: none;} #sub-license .sel-wrap select:focus {outline: none;} #sub-license .gw-input-wrap {position: relative;width: calc(100% - 7rem);height: 3rem;line-height: 3rem;} #sub-license .gw-input-wrap input{width: 90%;padding: 0;border: 0;background: transparent;} #sub-license .gw-input-wrap input:focus {border: 0;} #sub-license table th{background:transparent;border-bottom:1px solid #D3D3D3;} #sub-license table th:first-child{padding-left:32px;} #sub-license table td{text-align:center;} #sub-license .totalbox{margin-bottom:2rem;padding:0;border:2px solid var(--gw-main-color);} #sub-license .totalbox td{width:33.33%;} #sub-license .product-name{width:197px;cursor:pointer;} #sub-license .box01{display: block;padding:0;} #sub-license [class*="sticky"]{width:auto;padding: 0.5rem;border-radius:0.5rem;display: inline-block;vertical-align: middle;text-align: center;font-weight: 400;text-transform:uppercase;} #sub-license .sticky01 {background: rgba(207,233,255,.5);color: var(--gw-main-color);} #sub-license .sticky02 {background: rgba(255,0,0,.1);color: #FF0000;} #license-modal .sel-wrap{position:relative;width:100%;} #license-modal .sel-wrap:after{font-family:xeicon;content:"\e941"; position:absolute; top:50%; right:0.8rem; transform:translateY(-50%); display:block; width:1rem; height:1rem; z-index:0;} #license-modal .sel-wrap select{width:100%;height:3.25rem;padding:0.8rem; font-size:1.125rem; font-family:"NotoKr_R"; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;background: transparent;border: 1px solid #ddd;} #license-modal .sel-wrap select:focus {outline: none;} /* 게시판 목록 추가 - 카테고리 */ #bo_cate {text-align: center;} #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_cate ul {zoom:1} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate li {display:inline-block;margin:0 0.5rem;font-family: 'NotoKr_M', sans-serif;} #bo_cate a {display:block;padding:0.75rem 1.5rem;border-radius:3rem;background:#DFE3EB;color:#666;font-size: 1.15rem;cursor: pointer;} #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:var(--gw-main-color);;color:#fff;transition: all .3s;} #bo_cate #bo_cate_on {z-index:2;background:var(--gw-main-color);color:#fff;box-shadow:0px 0px 50px rgba(20,84,255,.3);} /*반응형-----------------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 1600px) { } @media screen and (max-width: 1280px) { /*제작안내------------------------------------------------------------------------------------------------------------------ */ #sub-2100 .con03{height: auto;} .fix-this-03{height: auto;} #sub-2100 .con03 .gw-con-1280{height: auto;} #sub-2100 .con03 .item-wrap{height: auto;flex-direction: column;} #sub-2100 .con03 .item{position: relative;margin: var(--gw-gutter-x) calc(.5 * var(--gw-gutter-x));padding:calc(2 * var(--gw-gutter-x)) calc(8 * var(--gw-gutter-x));} #sub-2100 .con03 .item02 {top: 0;} #sub-2100 .con03 .item03 {top: 0;} #sub-2100 .con03 .item04 {top: 0;} #sub-2100 .con03 .gw-right{width: 25rem;height:25rem;} #sub-2100 .con04 .gw-three-box01{width: 48%;margin: 1%;min-height: 35rem;} /*유지관리안내------------------------------------------------------------------------------------------------------------------ */ #sub-2200 .con04 .gw-flex-btw{flex-wrap: wrap;} #sub-2200 .con04 .gw-three-box01{width: 48%;margin:1%} #sub-2200 .con04 .gw-three-box01:last-child{width: 100%;} /*그누위즈소개------------------------------------------------------------------------------------------------------------------ */ #sub-5100 .img {height: 30rem;} /*오시는길------------------------------------------------------------------------------------------------------------------ */ #sub-5300 .map-info{max-width:85%;padding: 3rem;flex-direction: column;} #sub-5300 .map-info > h3{width:100%;padding-left:0;padding-right:0;padding-bottom: 1.5rem;margin-bottom: 1.5rem;border-right: none;border-bottom: 1px solid rgba(255,255,255,0.2);} #sub-5300 .gw-list-wrap{width:100%;padding-left: 0;text-align: center;} #sub-5300 .gw-list-01{gap: 3rem;place-content: center;} /*instagram------------------------------------------------------------------------------------------------------------------ */ #sub-5500 .gw-img {min-height: 15rem;} /*출간도서소개------------------------------------------------------------------------------------------------------------------ */ #sub-6100 .book-img{width: 15rem;} #sub-6100 .book-text-wrap{width:calc(100% - 20rem);} } @media screen and (max-width: 1024px) { /*제작안내------------------------------------------------------------------------------------------------------------------ */ #sub-2100 .con02 .gw-column{min-height: 20rem;width: 47%;margin: 1%;} #sub-2100 .con03 .item{padding: calc(2 * var(--gw-gutter-x)) calc(4 * var(--gw-gutter-x));} #sub-2100 .con03 .gw-right{width: 20rem;height:20rem;} /*유지관리안내------------------------------------------------------------------------------------------------------------------ */ #sub-2200 .con01 .gw-column{width:47%;margin:1%;} #sub-2200 .con03 .gw-flex-btw{padding:calc(2 * var(--gw-gutter-x)) calc(4 * var(--gw-gutter-x));} /*제작비용안내------------------------------------------------------------------------------------------------------------------ */ #sub-2300 .gw-card-box {display: flex;flex-direction: column;gap: 1rem;} #sub-2300 .gw-card-box:not(:last-child){margin-bottom: 1rem;} #sub-2300 .gw-card-tit {width: 100%;padding: calc(1.5 * var(--gw-gutter-x));background: #fff;color: #080a14;border: 3px solid #f6f6f6;border-radius: 3rem;font-size: var(--gw-main-title04);text-align: center;font-weight: 700;} #sub-2300 .gw-card-tit .service_price {color: #0000ff;} #sub-2300 .gw-card-tit .service_price > span{font-size: 12px; color: #888; font-weight: 400; } #sub-2300 .gw-servcie-list { background: #F1F3F8;padding: calc(1.5 * var(--gw-gutter-x));border-radius: 3rem;} #sub-2300 .gw-servcie-list:last-child { margin-bottom: 0; } #sub-2300 .gw-servcie-item {position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 10px;padding-bottom:10px;border-bottom: 1px solid #ddd;} #sub-2300 .gw-servcie-item:last-child { margin-bottom: 0;} #sub-2300 .gw-servcie-item dt { font-weight: 500; letter-spacing: -0.5px; } #sub-2300 .gw-servcie-item span { display: block; width: 100%; font-size: 12px; color: #888; font-weight: 400; letter-spacing: 0px; } #sub-2300 .gw-servcie-item dd { color: #0000ff; font-weight: 600; } /*오시는길------------------------------------------------------------------------------------------------------------------ */ #sub-5300 .map-info{max-width:100%;border-radius:0;} /*출간도서소개------------------------------------------------------------------------------------------------------------------ */ #sub-6100 .box .gw-flex-btw{flex-direction:column;gap: calc(2 * var(--gw-gutter-x));} #sub-6100 .book-text-wrap{width:100%;} } @media screen and (max-width: 768px) { /*유지관리안내------------------------------------------------------------------------------------------------------------------ */ #sub-2200 .con03 .ico{width: 15rem;} /*그누위즈소개------------------------------------------------------------------------------------------------------------------ */ #sub-5100 .img {height: 25rem;} #sub-5100 .gw-four-box01{width: 48%;margin: 1%;} /*오시는길------------------------------------------------------------------------------------------------------------------ */ #sub-5300 .gw-list-01{gap: 0;flex-direction: column;} /*협력제휴업체------------------------------------------------------------------------------------------------------------------ */ #sub-5400 .gw-four-box01{width: 48%;margin: 1%;} #sub-5100 .con02 ul.gw-flex-btw{flex-direction: column;} #sub-5100 .gw-two-box01{margin-bottom:calc(1.5 * var(--gw-gutter-x));} /*회사연혁------------------------------------------------------------------------------------------------------------------ */ #sub-5200 .box{flex-direction: column;align-items: flex-start;padding:calc(1.5 * var(--gw-gutter-x));transition: none;} #sub-5200 .history-wrap{width: 100%;justify-content: flex-start;gap: 0.5rem;} #sub-5200 .text{order: -1;margin-bottom:1rem;} #sub-5200 .link{right:calc(1.5 * var(--gw-gutter-x));bottom:calc(1.5 * var(--gw-gutter-x));} /*instagram------------------------------------------------------------------------------------------------------------------ */ #sub-5500 .gw-three-box01{width: 100%;margin:0;margin-bottom:1.5rem;display:block;} #sub-5500 .gw-three-box01:last-child{margin-bottom: 0;} /*SIR 컨텐츠몰 수집------------------------------------------------------------------------------------------------------------------ */ #sub-5700 .tab-content > a:not(:last-child) {margin-bottom: 2rem;} #sub-5700 table {border: 0;} #sub-5700 table thead{border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px; } #sub-5700 table tr{display: block;} #sub-5700 table tbody td{padding:19px 20px;display: block;text-align: right;border-right:none;width: 100% !important;} #sub-5700 table tbody td:before{content:attr(data-label);float: left;font-family:'NotoKr_B' !important;color:#222;} #sub-5700 table tbody td:nth-child(2n){background:rgba(0,0,0,0.02);} #sub-5700 table tbody td:last-child{border-bottom: 0;} #sub-5700 .product-info .product-name{text-align:left;} #sub-5700 .product-info > .gw-flex{align-items:flex-start;flex-direction:column;} /*그누위즈 컨텐츠 라이센스------------------------------------------------------------------------------------------------------------------ */ #sub-license .tab-content > a:not(:last-child) {margin-bottom: 2rem;} #sub-license table {border: 0;} #sub-license table thead{border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px; } #sub-license table tr{display: block;} #sub-license table tbody td{padding:19px 20px;display: block;text-align: right;border-right:none;width: 100% !important;} #sub-license table tbody td:before{content:attr(data-label);float: left;font-family:'NotoKr_B' !important;color:#222;} #sub-license table tbody td:nth-child(2n){background:rgba(0,0,0,0.02);} #sub-license table tbody td:last-child{border-bottom: 0;} #sub-license .product-info .product-name{text-align:left;} #sub-license .product-info > .gw-flex{align-items:flex-start;flex-direction:column;} /*출간도서소개------------------------------------------------------------------------------------------------------------------ */ #sub-6100 .box{padding:calc(1.5 * var(--gw-gutter-x));} #sub-6100 .book-img{width:10rem;min-height: 42vw;} } @media screen and (max-width: 501px) { /*제작안내------------------------------------------------------------------------------------------------------------------ */ #sub-2100 .con01 .item{width: 15rem;height: 15rem;} #sub-2100 .gw-sec01-ico{width: 9rem;height: 9rem;} #sub-2100 .con02 .gw-column{width: 100%;min-height: auto;margin:0;} #sub-2100 .con03 .item{padding:calc(2 * var(--gw-gutter-x)) 0;flex-direction: column;text-align: center;} #sub-2100 .con03 .gw-right{width: 10rem;height: 10rem;order: -1;} #sub-2100 .con04 .gw-three-box01{width: 100%;min-height:auto;margin-bottom: 1.5rem;} @keyframes move01 { to { transform: translateX(-1872px); } } #sub-2100 .con04 .gw-three-box01 .top{height: 15rem;} #sub-2100 .con04 .gw-three-box01 .top > img {width: 60%;} /*유지관리안내------------------------------------------------------------------------------------------------------------------ */ #sub-2200 .con01 .gw-column{width:100%;min-height: auto;} #sub-2200 .con02 ul{padding:calc(2 * var(--gw-gutter-x)) 0;} #sub-2200 .con03 .gw-flex-btw{flex-direction:column;text-align:center;padding:calc(2 * var(--gw-gutter-x)) 0;} #sub-2200 .con03 .ico{width: 10rem;order: -1;} #sub-2200 .con03 .gw-btn-wrap{text-align:center;} #sub-2200 .con04 .gw-three-box01{width:100%;min-height:auto;margin-bottom: 1.5rem;} #sub-2200 .con04 .gw-three-box01 .top{height: 15rem;} #sub-2200 .con04 .gw-three-box01 .top > img {width: 60%;} /*그누위즈소개------------------------------------------------------------------------------------------------------------------ */ #sub-5100 .img {height: 15rem;} #sub-5100 .img > img {height: 100%;} #sub-5100 .gw-four-box01{min-height: 14rem;} /*오시는길------------------------------------------------------------------------------------------------------------------ */ #sub-5300 .con01{height:25rem;} #sub-5300 .map-info{padding:2rem;} #sub-5300 .gw-btn-wrap > a{margin-bottom: 0.5rem;} /*SIR 컨텐츠몰 수집------------------------------------------------------------------------------------------------------------------ */ #sub-5700 .gw-col-2{width:100% !important;} #sub-5700 .sub-5700-bo-cate-ul > li{margin:0;} #sub-5700 .date-wrap{width:100%;} #sub-5700 .product-info .product-name{width:calc(100% - 60px);} #sub-5700 .gw-title {text-align: center;margin-bottom: 1.5625rem;} #sub-5700 .gw-top-wrap {flex-direction: column;} #sub-5700 .gw-top-wrap > li {width: 100%;text-align: center;} #sub-5700 .gw-top-wrap > li:first-child {margin-bottom: 1rem;} /*출간도서안내------------------------------------------------------------------------------------------------------------------ */ #sub-6100 .gw-btn-wrap .btn-01{width: 48%;margin:0 1% 2% 0;transition:none;pointer-events:auto;} #sub-6100 .gw-btn-wrap .btn-01:nth-of-type(1):hover {border-color: #ddd;} #sub-6100 .gw-btn-wrap .btn-01:nth-of-type(2):hover {border-color: #ddd;} #sub-6100 .gw-btn-wrap .btn-01:nth-of-type(3):hover {border-color: #ddd;} #sub-6100 .gw-btn-wrap .btn-01:nth-of-type(4):hover {border-color: #ddd;} #sub-6100 .gw-btn-wrap .btn-01:nth-of-type(5):hover{border-color: #ddd;} } @media screen and (max-width: 320px) { }