@charset "utf-8";
.doc-tit {padding-left:37px; margin-bottom:var(--space-20); font-size:var(--font-size-28); color:#242424; letter-spacing:-.03em; line-height:1.3em; position:relative;}
.doc-tit:before {width:29px; height:21px; top:6px; left:0; background-image:url('../images/sub/doctit.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.doc-btn a {width:300px; height:60px; margin:auto; align-items:center; justify-content:center; font-weight:600; font-size:var(--font-size-18); letter-spacing:-.03em; display:flex; color:#fff; background-color:var(--color-primary); border-radius:30px; text-align:center;}

.doc-cnt50 {margin-bottom:var(--space-50);}
.doc-cnt100 {margin-bottom:var(--space-100);}

.under-dot {font-weight:600; line-height:1.3em; color:#242424; letter-spacing:-.03em; position:relative;}
.under-dot:after {width:6px; height:6px; right:-15px; bottom:2px; border-radius:100%; background-color:var(--color-primary); position:absolute; content:''; }

.service {padding-top:var(--space-35); margin-bottom:var(--space-100); border-top:1px solid #242424;}
.service .item {padding:var(--space-55) var(--space-60); overflow:hidden; display:flex; margin-bottom:var(--space-40); position:relative; border-radius:20px; box-shadow:1px 3px 10px rgba(0,0,0,.15);}
.service .item:last-child {margin-bottom:0;}
.service .item:nth-child(1), .service .item:nth-child(4) {background-color:#f7fafd;}
.service .item:nth-child(2), .service .item:nth-child(5) {background-color:#f8fafb;}
.service .item:nth-child(3), .service .item:nth-child(6) {background-color:#f6f7f8;}
.service .item .num {position:absolute; bottom:0; right:0; color:rgba(36,36,36,.04); font-weight:700; letter-spacing:-.03em; line-height:.7em; font-size:clamp(50px, calc( 130 / var(--inner) * 100vw ), 130px);}
.service .item .title {width:335px; font-size:var(--font-size-24);}
.service .item ul {flex:1;}
.service .item ul.grid {max-width:550px; display:grid; grid-template-columns:repeat(2, auto);}
.service .item li {padding-left:15px; line-height:1.7em; font-size:var(--font-size-18); font-weight:500; color:#242424; position:relative;}
.service .item li:before {font-size:var(--font-size-24); font-weight:700; position:absolute; content:'·'; left:0; color:var(--color-primary);}
.service .item li span {color:var(--color-primary); font-weight:600;}

.tb-1 table {border-collapse:collapse; width:100%; text-align:center;}
.tb-1 th, .tb-1 table td {padding:12px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tb-1 th:last-child, .tb-1 table td:last-child {border-right:0;}
.tb-1 thead th {font-size:var(--font-size-18); font-weight:600; background-color:var(--color-primary); color:#fff;}
.tb-1 thead th small {font-size:var(--font-size-15); display:block; line-height:1.4em; font-weight:300;}
.tb-1 tbody th {font-weight:600; color:var(--color-primary); background-color:#f7fafd;}
.tb-1 tbody td.point {font-size:var(--font-size-18); font-weight:600; color:var(--color-secondary);}
.tb-1 ul {margin-top:var(--space-25);}
.tb-1 ul li {line-height:1.7em;}

.thesis-accept {margin-bottom:var(--space-100);}
.thesis-accept ol {display:flex; margin:0 -5px;}
.thesis-accept ol li {padding:0 5px; width:20%; position:relative;}
.thesis-accept ol li:after {width:30px; height:30px; right:-15px; z-index:1; top:50%; transform:translateY(-50%); background-image:url('../images/sub/thesis-accept.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.thesis-accept ol li:last-child:after {display:none;}
.thesis-accept .box {min-height:185px; flex-direction:column; padding:var(--space-35) var(--space-25); display:flex; border-radius:20px; border:1px solid #ddd;}
.thesis-accept .num {font-size:var(--font-size-14); font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.thesis-accept .tit {margin:12px 0; color:#242424; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.thesis-accept p {font-size:var(--font-size-15); letter-spacing:-.04em; line-height:1.6em;}
.thesis-accept ol li:nth-child(odd) .num {color:var(--color-primary);}
.thesis-accept ol li:nth-child(even) .num {color:var(--color-secondary);}

.hardcover ol {border-top:2px solid #242424;}
.hardcover li {padding:var(--space-65); border-bottom:1px dashed #ddd; display:flex; position:relative;}
.hardcover li:last-child {padding-bottom:0; border-bottom:0;}
.hardcover .num {top:20px; left:30px; line-height:1em; color:#242424; opacity:.05; font-weight:800; font-size:clamp(30px, calc( 100 / var(--inner) * 100vw ), 100px); position:absolute;}
.hardcover .title {width:335px; font-size:var(--font-size-36);}
.hardcover .under-dot:after {width:8px; height:8px;}
.hardcover .col-r {flex:1;}
.hardcover .col-r p {font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.72em;}
.hardcover .pf {color:#898989;}
.hardcover .pf span {color:var(--color-primary);}
.hardcover .img {margin-top:var(--space-35);}

.work-photo {margin:0 -10px -30px; display:flex; flex-wrap:wrap; text-align:center;}
.work-photo .item {padding:0 10px; margin-bottom:30px; font-size:var(--font-size-20); color:#242424; font-weight:600; letter-spacing:-.03em; line-height:1.3em; width:25%;}
.work-photo .img {margin-bottom:12px;}

.sub-bg {padding:var(--space-100) 0 var(--space-130);}
.sub-bg.bg1 {background-color:#fafafa;}
.sub-bg.bg2 {background-color:#fbfbfb;}

.device-status {text-align:center;}
.device-status .title {font-size:var(--font-size-28); font-weight:500; color:#242424; letter-spacing:0;}
.device-status .title span {font-weight:400; font-size:var(--font-size-50); position:relative; letter-spacing:0; font-family:"Nanum Pen Script", cursive;}
.device-status .title span:before {width:6px; height:6px; margin-left:-4px; top:-3px; left:50%; border-radius:100%; position:absolute; content:'';}
.device-status .title span.ty1 {color:var(--color-primary);}
.device-status .title span.ty2 {color:var(--color-secondary);}
.device-status .title span.ty1:before {background-color:var(--color-primary);}
.device-status .title span.ty2:before {background-color:var(--color-secondary);}
.device-status p {margin-top:var(--space-20); font-size:var(--font-size-18);}
.device-status .img-wrap {margin-top:var(--space-30); gap:var(--space-30); display:flex;}
.device-status img {border-radius:18px; box-shadow:1px 3px 10px rgba(0,0,0,.15);}

.sian-confirm {padding:var(--space-60); gap:var(--space-60); align-items:center; margin-bottom:var(--space-80); display:flex; background-color:#f7fafd;}
.sian-confirm .cnt {flex:1;}
.sian-confirm .tt {margin-bottom:var(--space-30); font-size:var(--font-size-28); font-weight:600; color:#242424;}
.sian-confirm .tt span {color:var(--color-primary);}
.sian-confirm strong {margin-bottom:var(--space-20); font-size:var(--font-size-20); display:block; color:#242424; font-weight:600;}
.sian-confirm p span {text-decoration:underline;}
.sian-confirm p b {font-weight:500; color:#242424;}

.printing-type ol {margin-bottom:var(--space-60); border-top:1px solid #000; border-bottom:1px solid #ddd;}
.printing-type li {align-items:center; gap:var(--space-60); padding:var(--space-55) 0; display:flex; border-bottom:1px dashed #ddd;}
.printing-type li:last-child {border-bottom:0;}
.printing-type li:nth-child(even) .img {order:2;}
.printing-type .num {top:-30px; right:0; font-size:clamp(40px, calc( 250 / var(--inner) * 100vw ), 250px); font-weight:600; color:#242424; opacity:.02; letter-spacing:-.03em; line-height:.8em; position:absolute;}
.printing-type img {border-radius:20px; box-shadow:1px 3px 10px rgba(0,0,0,.15);}
.printing-type .col-r {position:relative; display:flex; flex-direction:column; gap:20px; flex:1;}
.printing-type .tit {font-size:var(--font-size-32);}
.printing-type .under-dot:after {width:8px; height:8px;} 
.printing-type strong {font-size:var(--font-size-20); font-weight:600; color:#242424;}
.printing-type p {color:#242424;}
.printing-type p.medium {line-height:1.87em; font-size:var(--font-size-15); font-weight:500;}

.hardcover-info {height:216px; letter-spacing:-.03em; font-size:var(--font-size-20); line-height:1.7em; padding:0 var(--space-50);; align-items:center; border-radius:20px; margin-bottom:var(--space-60); display:flex; background-color:#fafafa;}
.hardcover-info .img {order:2;}
.hardcover-info .txt {flex:1;}
.hardcover-info span {font-size:var(--font-size-36); letter-spacing:-.03em; font-family:"Nanum Pen Script", cursive;}
.hardcover-info span.ty1 {color:var(--color-primary);}
.hardcover-info span.ty2 {color:var(--color-secondary);}

.greeting .flex {gap:var(--space-60); display:flex;}
.greeting .cnt {padding-top:var(--space-45); flex:1;}
.greeting span {padding:4px 13px; border-radius:3px; font-size:var(--font-size-14); font-weight:600; color:#fff; background-color:var(--color-primary);}
.greeting .tit {margin-top:var(--space-30); font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.greeting .gr {margin-top:var(--space-40);}
.greeting .gr strong {margin-bottom:var(--space-20); display:block; font-size:var(--font-size-24); color:#242424; font-weight:600; letter-spacing:-.03em; line-height:1.6em;}
.greeting .last {margin-top:var(--space-50); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.4em;}
.greeting .last strong {font-size:var(--font-size-20);}
.greeting .greet-txt {margin:var(--space-80) 0; font-size:var(--font-size-80); font-weight:700; letter-spacing:.37em; color:#f7f7f7; text-align:center; line-height:.8em;}

.company-info {display:flex; border-radius:20px; border:1px solid #ddd; text-align:center;}
.company-info .item {height:278px; display:flex; flex-direction:column; justify-content:center; align-items:center; width:25%; border-right:1px solid #ddd;}
.company-info .item:last-child {border-right:0;}
.company-info strong {margin:var(--space-25) 0; color:#242424; letter-spacing:-.03em; line-height:1.3em; display:block;}
.company-info p {display:flex; align-items:center; line-height:1.5em; height:3em;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--color-primary); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}
.directions .contact-info dd span {padding-right:20px;}

/* 문의폼 */
.inquiry-wrap {padding:var(--space-35) var(--space-40) 0; border-top:2px solid #242424; gap:var(--space-35); display:grid;}
.inquiry-wrap .item {gap:var(--space-60); display:flex;}
.inquiry-wrap .item.wide {gap:var(--space-35); flex-direction:column;}
.inquiry-wrap .item.wide dl {width:100%;}
.inquiry-wrap .item dl {width:50%;}
.inquiry-wrap .item dt {margin-bottom:15px; font-size:var(--font-size-18); font-weight:600; color:#242424;}
.inquiry-wrap .item dt small {font-size:var(--font-size-14); display:inline-block; line-height:1.3em; color:#454545; font-weight:400;}
.inquiry-wrap .item dd ul {margin-top:15px;}
.inquiry-wrap .item dd ul li {font-size:var(--font-size-14); letter-spacing:-.03em; line-height:1.7em;}
.inquiry-wrap .item .input {padding-left:0; border:none; border-bottom:1px solid #ddd;}
.inquiry-wrap .required {color:#ff8c1c;}
.inquiry-wrap .radiobox label:before {margin-right:6px;}
.inquiry-wrap #memo.input {padding:30px; border:1px solid #ddd; border-radius:10px;}
.inquiry-wrap .form-agree {margin:0;}

.inquiry-wrap .buttons {margin-bottom:0;}

.mt-130 {margin-top: -130px;}

.btn-button {width:100px; height:100px; border-radius:100%; background-color:#000; color:#fff; font-weight:500; text-align:center;}
.btn-button i {width:31px; height:7px; margin:5px auto 0; display:block; text-align:center; background:url('../images/sub/btn-button.png') no-repeat 50% 50% / contain;}

.radio-items {align-items:center; font-size:var(--font-size-14); letter-spacing:-.03em; font-weight:500; gap:var(--space-20); display:flex; text-align:center;}
.input-inner {position:relative;}
.input-inner.ty2 {display:inline-flex;}
.input-inner .abs {font-size:var(--font-size-16); font-weight:600; color:#242424; position:absolute; right:0; top:8px;}
.input-inner .abs.left {right:auto; left:0;}

.select-items {gap:10px; display:flex;}
.select-items.ty1 .input {width:50%;}
.select-items.ty2 .col {width:25%;}
.select-items.ty2 .input {max-width:130px;}
.select-items.ty2 .abs {right:15px;}

.flexwrap {flex-wrap:wrap; display:flex; gap:10px 50px;}
.flexwrap .item {max-width:calc(50% - 25px);}
.flexwrap .wid50 {font-size: 14px; gap: 0 10px; width:50%; display:flex;}
.flexwrap .wid50.flex {display:flex;}
.flexwrap .wid50.flex1 {display: block;}
.flexwrap .item .input-inner .input {padding-right:45px; width: 100%; text-align: right;}
.flexwrap .wid100 {width: 100%; max-width:100%;}

.inner-part {display:flex; gap:var(--space-30);}
.inner-part .input-inner {width:50%;}
.inner-part .input {padding:0 50px 0 0; width:100%; text-align:right;}

.total-wrap {margin-top:var(--space-35);}
.total-wrap .flex {display:flex; justify-content:space-between;}
.total-wrap .total {padding-top:10px; margin-top:10px; font-size:var(--font-size-20); border-top:1px solid #ddd;}
.total-wrap .total .col-l {font-weight:600; color:#242424; letter-spacing:-.03em;}
.total-wrap .total .col-r {color:var(--color-primary); font-weight:600;}

.translation {height:400px; padding:0 var(--space-60); gap:var(--space-30); margin-bottom:var(--space-60); justify-content:center; flex-direction:column; display:flex; width:100%; background:url('../images/sub/translation.png') no-repeat 50% 50% / cover; border-radius:20px; color:#fff;}
.translation .tt {font-size:var(--font-size-28); font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.translation p {font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.5em;}
.translation p span {font-weight:600;}
.translation li {padding-left:10px; text-indent:-10px; margin-bottom:3px; line-height:1.6em; font-size:var(--font-size-15); opacity:.6;}
.translation li:last-child {margin-bottom:0;}

.addr-flex {gap:var(--space-40); display:flex;}
.addr-flex .btn-pack {border-radius:5px;}
.addr-flex .addr-right {flex:1;}
.addr-flex .addr-right .input {margin-bottom:15px;}
.addr-flex .addr-right .input:last-child {margin-bottom:0;}

.order-list {border-top:2px solid #868686; padding-top:var(--space-25);}
.order-list .item {padding:var(--space-40) var(--space-60); margin-bottom:10px; display:flex; align-items:center; border:1px solid #ddd; border-radius:20px; text-align:center;}
.order-list .item:last-child {margin-bottom:0;}
.order-list .info {max-width:55%; text-align:left; flex:1;}
.order-list .info .tit {font-size:var(--font-size-18); font-weight:700; color:#242424; letter-spacing:-.03em; line-height:1.4em;}
.order-list .info .opt {margin-top:10px; color:#898989; line-height:1.5em;}
.order-list .info p {margin-top:var(--space-20);}
.order-list .date {line-height:1.5em;}
.order-list .progress {width:300px;}
.order-list .progress .complete {color:var(--color-primary);}
.order-list .progress .ongoing {color:var(--color-secondary);}
.order-list .cancel .progress strong {color:#898989;}
.order-list .cancel {opacity:.4;}
.order-list .btns a {min-width:100px; height:44px; margin-bottom:10px; align-items:center; justify-content:center; display:flex; border:1px solid #ddd; border-radius:6px; color:#242424; font-weight:600;}
.order-list .btns a:last-child {margin-bottom:0;}