/*제작안내------------------------------------------------------------------------------------------------------------------ */ #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) { } /* BizMit service detail ------------------------------------------------------------------------------------------------------------------ */ #sub-2400{overflow:hidden;} #sub-2400 .bizmit-kicker{margin-bottom:1rem;color:var(--gw-main-color);font-size:1rem;letter-spacing:0;text-transform:uppercase;} #sub-2400 .bizmit-hero{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:4rem;align-items:center;} #sub-2400 .bizmit-hero-title{margin-bottom:1.5625rem;font-size:var(--gw-main-title02);line-height:1.25;word-break:keep-all;} #sub-2400 .bizmit-hero-desc{margin-bottom:2.5rem;color:#444;font-size:1.25rem;line-height:1.8;word-break:keep-all;} #sub-2400 .bizmit-hero-actions{display:flex;gap:0.75rem;flex-wrap:wrap;} #sub-2400 .bizmit-hero-actions .btn-01{background:#fff;} #sub-2400 .bizmit-hero-visual{position:relative;} #sub-2400 .bizmit-browser-frame{overflow:hidden;border:1px solid rgba(20,84,255,0.18);border-radius:2rem;background:#fff;box-shadow:45px 45px 110px rgba(20,84,255,0.18);} #sub-2400 .bizmit-browser-bar{display:flex;gap:0.45rem;align-items:center;height:3rem;padding:0 1.25rem;border-bottom:1px solid #e9edf6;background:#f8fafc;} #sub-2400 .bizmit-browser-bar span{display:block;width:0.7rem;height:0.7rem;border-radius:50%;background:#c9d2e3;} #sub-2400 .bizmit-browser-bar span:nth-child(1){background:#1454ff;} #sub-2400 .bizmit-browser-bar span:nth-child(2){background:#00a884;} #sub-2400 .bizmit-browser-frame img{display:block;width:100%;aspect-ratio:1436/934;object-fit:cover;object-position:left top;} #sub-2400 .bizmit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;} #sub-2400 .bizmit-summary-item{min-height:9rem;padding:1.5rem;border:1px solid #e4e8f1;background:#fff;} #sub-2400 .bizmit-summary-item strong{display:block;margin-bottom:0.75rem;color:#111;font-family:'NotoKr_B',sans-serif;font-size:1.4rem;} #sub-2400 .bizmit-summary-item span{display:block;color:#666;font-family:'NotoKr_L',sans-serif;font-size:1rem;line-height:1.6;word-break:keep-all;} #sub-2400 .bizmit-section{position:relative;} #sub-2400 .bizmit-section-head{max-width:780px;margin-bottom:3.5rem;} #sub-2400 .bizmit-section-head h3{margin-bottom:1rem;font-size:var(--gw-main-title03);line-height:1.3;word-break:keep-all;} #sub-2400 .bizmit-section-head p{color:#555;font-size:1.18rem;line-height:1.8;word-break:keep-all;} #sub-2400 .bizmit-definition{padding:7.5rem 0;background:#f4f7fb;} #sub-2400 .bizmit-definition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;} #sub-2400 .bizmit-definition-grid article{min-height:16rem;padding:2rem;background:#fff;border:1px solid #e5e9f3;} #sub-2400 .bizmit-definition-grid i{margin-bottom:1.5rem;color:var(--gw-main-color);} #sub-2400 .bizmit-definition-grid h4{margin-bottom:0.75rem;font-family:'NotoKr_B',sans-serif;font-size:1.35rem;} #sub-2400 .bizmit-definition-grid p{color:#666;font-size:1rem;line-height:1.7;word-break:keep-all;} #sub-2400 .bizmit-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;} #sub-2400 .bizmit-screen-card{overflow:hidden;border:1px solid #e4e8f1;background:#fff;transition:transform .25s, border-color .25s, box-shadow .25s;} #sub-2400 .bizmit-screen-card:hover{transform:translateY(-6px);border-color:rgba(20,84,255,0.45);box-shadow:24px 24px 60px rgba(20,84,255,0.12);} #sub-2400 .bizmit-screen-img{height:22rem;background:#eef2f8;overflow:hidden;} #sub-2400 .bizmit-screen-img img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block;} #sub-2400 .bizmit-screen-text{padding:1.75rem;} #sub-2400 .bizmit-screen-text span{display:block;margin-bottom:0.75rem;color:var(--gw-main-color);font-size:0.9rem;} #sub-2400 .bizmit-screen-text h4{margin-bottom:0.75rem;font-family:'NotoKr_B',sans-serif;font-size:1.35rem;line-height:1.35;word-break:keep-all;} #sub-2400 .bizmit-screen-text p{color:#666;font-size:1rem;line-height:1.7;word-break:keep-all;} #sub-2400 .bizmit-ai-flow{padding:7.5rem 0;background:#111827;color:#fff;} #sub-2400 .bizmit-ai-flow .bizmit-kicker{color:#7dd3fc;} #sub-2400 .bizmit-ai-flow .bizmit-section-head h3{color:#fff;} #sub-2400 .bizmit-ai-flow .bizmit-section-head p{color:rgba(255,255,255,0.72);} #sub-2400 .bizmit-step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;} #sub-2400 .bizmit-step-card{overflow:hidden;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.04);} #sub-2400 .bizmit-step-img{height:17rem;background:#0b1220;overflow:hidden;} #sub-2400 .bizmit-step-img img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block;} #sub-2400 .bizmit-step-text{padding:1.5rem;} #sub-2400 .bizmit-step-text span{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-bottom:1rem;border-radius:50%;background:#1454ff;color:#fff;font-family:'Pretendard',sans-serif;font-weight:700;} #sub-2400 .bizmit-step-text h4{margin-bottom:0.75rem;color:#fff;font-family:'NotoKr_B',sans-serif;font-size:1.25rem;} #sub-2400 .bizmit-step-text p{color:rgba(255,255,255,0.7);font-size:0.98rem;line-height:1.7;word-break:keep-all;} #sub-2400 .bizmit-business-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;} #sub-2400 .bizmit-business-card{padding:1.25rem;border:1px solid #e4e8f1;background:#fff;} #sub-2400 .bizmit-business-img{height:13rem;margin-bottom:1.25rem;background:#f4f7fb;overflow:hidden;} #sub-2400 .bizmit-business-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;} #sub-2400 .bizmit-business-card h4{margin-bottom:0.65rem;font-family:'NotoKr_B',sans-serif;font-size:1.25rem;} #sub-2400 .bizmit-business-card p{color:#666;font-size:0.98rem;line-height:1.65;word-break:keep-all;} #sub-2400 .bizmit-proof{padding:7.5rem 0;background:#1454ff;color:#fff;} #sub-2400 .bizmit-proof .gw-con-1280{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);gap:4rem;align-items:start;} #sub-2400 .bizmit-proof .bizmit-kicker{color:#dbeafe;} #sub-2400 .bizmit-proof-copy h3{margin-bottom:1.25rem;color:#fff;font-size:var(--gw-main-title03);line-height:1.3;word-break:keep-all;} #sub-2400 .bizmit-proof-copy p{color:rgba(255,255,255,0.82);font-size:1.15rem;line-height:1.8;word-break:keep-all;} #sub-2400 .bizmit-proof-list{display:flex;flex-direction:column;gap:1rem;} #sub-2400 .bizmit-proof-list div{padding:1.5rem;border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.08);} #sub-2400 .bizmit-proof-list strong{display:block;margin-bottom:0.5rem;font-family:'NotoKr_B',sans-serif;font-size:1.2rem;} #sub-2400 .bizmit-proof-list span{display:block;color:rgba(255,255,255,0.78);font-size:1rem;line-height:1.65;word-break:keep-all;} #sub-2400 .bizmit-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;} #sub-2400 .bizmit-result-grid article{position:relative;overflow:hidden;height:23rem;background:#f4f7fb;} #sub-2400 .bizmit-result-grid img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block;} #sub-2400 .bizmit-result-grid span{position:absolute;left:1rem;bottom:1rem;padding:0.65rem 1rem;background:#fff;color:#111;font-family:'NotoKr_B',sans-serif;box-shadow:0 12px 32px rgba(0,0,0,0.12);} #sub-2400 .bizmit-cta .big-btn{word-break:break-word;} /* Main BizMit section ------------------------------------------------------------------------------------------------------------------ */ #gw-sec-bizmit .gw-main-container{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:4rem;align-items:center;} #gw-sec-bizmit .bizmit-main-eyebrow{margin-bottom:1rem;color:var(--gw-main-color);font-size:1rem;text-transform:uppercase;} #gw-sec-bizmit h2{margin-bottom:1.25rem;font-size:var(--gw-main-title02);line-height:1.25;word-break:keep-all;} #gw-sec-bizmit p{margin-bottom:2rem;color:#555;font-size:1.2rem;line-height:1.8;word-break:keep-all;} #gw-sec-bizmit .bizmit-main-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.75rem;margin-bottom:2rem;} #gw-sec-bizmit .bizmit-main-points span{display:block;padding:1rem;border:1px solid #e2e7f0;background:#fff;color:#222;font-family:'NotoKr_B',sans-serif;text-align:center;word-break:keep-all;} #gw-sec-bizmit .bizmit-main-visual{display:grid;grid-template-columns:1fr 1fr;gap:1rem;} #gw-sec-bizmit .bizmit-main-shot{overflow:hidden;border:1px solid #e2e7f0;background:#f4f7fb;box-shadow:20px 20px 50px rgba(20,84,255,0.1);} #gw-sec-bizmit .bizmit-main-shot:first-child{grid-column:1/3;} #gw-sec-bizmit .bizmit-main-shot img{width:100%;height:100%;display:block;object-fit:cover;object-position:left top;} #gw-sec-bizmit .bizmit-main-shot:first-child img{aspect-ratio:1436/934;} #gw-sec-bizmit .bizmit-main-shot:not(:first-child) img{aspect-ratio:1/0.72;} @media screen and (max-width:1280px){ #sub-2400 .bizmit-hero{grid-template-columns:1fr;gap:3rem;} #sub-2400 .bizmit-step-list{grid-template-columns:repeat(2,minmax(0,1fr));} #sub-2400 .bizmit-business-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #gw-sec-bizmit .gw-main-container{grid-template-columns:1fr;gap:3rem;} } @media screen and (max-width:1024px){ #sub-2400 .bizmit-summary{grid-template-columns:repeat(2,minmax(0,1fr));} #sub-2400 .bizmit-definition-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #sub-2400 .bizmit-screen-grid{grid-template-columns:1fr;} #sub-2400 .bizmit-proof .gw-con-1280{grid-template-columns:1fr;gap:2rem;} } @media screen and (max-width:768px){ #sub-2400 .bizmit-hero-title{font-size:2rem;} #sub-2400 .bizmit-hero-desc{font-size:1.05rem;} #sub-2400 .bizmit-section-head h3{font-size:1.8rem;} #sub-2400 .bizmit-section-head p{font-size:1rem;} #sub-2400 .bizmit-definition{padding:5rem 0;} #sub-2400 .bizmit-ai-flow{padding:5rem 0;} #sub-2400 .bizmit-proof{padding:5rem 0;} #sub-2400 .bizmit-screen-img{height:18rem;} #sub-2400 .bizmit-result-grid{grid-template-columns:1fr;} #sub-2400 .bizmit-result-grid article{height:19rem;} #gw-sec-bizmit h2{font-size:2rem;} #gw-sec-bizmit p{font-size:1.05rem;} } @media screen and (max-width:501px){ #sub-2400 .bizmit-hero-actions{display:block;} #sub-2400 .bizmit-hero-actions .btn-01{margin-bottom:0.75rem;} #sub-2400 .bizmit-summary{grid-template-columns:1fr;} #sub-2400 .bizmit-definition-grid{grid-template-columns:1fr;} #sub-2400 .bizmit-step-list{grid-template-columns:1fr;} #sub-2400 .bizmit-business-grid{grid-template-columns:1fr;} #sub-2400 .bizmit-screen-img{height:15rem;} #sub-2400 .bizmit-step-img{height:15rem;} #gw-sec-bizmit .bizmit-main-points{grid-template-columns:1fr;} #gw-sec-bizmit .bizmit-main-visual{grid-template-columns:1fr;} #gw-sec-bizmit .bizmit-main-shot:first-child{grid-column:auto;} }