@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.about .cont1{margin-bottom:var(--size120);}
.about .cont1 .inner{display: flex;align-items:flex-end;}
.about .cont1 .img{width:50%;}
.about .cont1 .img img{width:100%;}
.about .cont1 .con{min-width:0;width:1%;flex:1 1 auto;}
.about .cont1 .con .tit-wrap{padding:0 30px 0 var(--size80);margin-bottom:var(--size30);}
.about .cont1 .con .tit-wrap .tit{font-size:var(--fz48);line-height:1.33em;font-weight:400;margin-bottom:var(--size10);}
.about .cont1 .con .tit-wrap .tit strong{font-weight:400;color:var(--dark);}
.about .cont1 .con .tit-wrap .alpine{display: flex;align-items:center;gap:var(--size30)}
.about .cont1 .con .tit-wrap .alpine .bar{width:clamp(3.75rem, -0.2961rem + 16.1842vw, 19.125rem);height:2px;background-color:var(--pri);}
.about .cont1 .con .tit-wrap .alpine p{font-size:var(--fz64);font-weight:700;line-height:1.2em;color:var(--pri);}
.about .cont1 .con .tt-wrap{padding:var(--size60) 30px var(--size60) var(--size80);background-color: #f9f9f9;}
.about .cont1 .con .tt-wrap .tit{font-size:var(--fz24);font-weight:700;color:var(--pri);line-height:1.4em;margin-bottom:var(--size15);}
.tt18{font-size:var(--fz18);line-height:1.67em;}
.doc-title{text-align:center;margin-bottom:var(--size55);}
.doc-title .tit{font-size:var(--fz40);font-weight:700;color:var(--dark);line-height:1.3em;}
.doc-title .tt18{margin-top:var(--size20);}
.doc-title .tt18 strong{font-weight:600;color:var(--dark);}

.operation .row{display: flex;align-items:center;gap:var(--size80);margin-bottom:var(--size80);}
.operation .row:last-child{margin-bottom:0;}
.operation .row .img{position:relative;overflow:hidden;}
.operation .row .img .num{font-size:var(--size120);font-weight:600;color:rgba(255,255,255,.3);line-height:.73em;position: absolute;left:20px;bottom:0;z-index:1;}
.operation .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.operation .row .tt-wrap .eng{color:var(--pri);font-weight:600;margin-bottom:var(--size10);}
.operation .row .tt-wrap .tit{font-size:var(--fz32);font-weight:600;color:var(--dark);line-height:1.4em;margin-bottom:var(--size50);}
.operation .row:nth-child(even){flex-direction:row-reverse;}
.operation .row:nth-child(even) .img .num{left:auto;right:20px;}

.anl-step{padding:0 18px var(--size40);margin-bottom:var(--size60);border-bottom: 1px solid #ddd;}
.anl-step ul{display: flex;margin:0 -10px;}
.anl-step ul li{width:25%;padding:0 10px;}
.anl-step ul li .step-wrap{display: flex;align-items:center;gap:15px;}
.anl-step ul li .step-wrap .step{display: flex;justify-content:center;align-items:center;width:100px;height:100px;background-color: #fff;border:1px solid #505050;border-radius:50%;text-align:center;}
.anl-step ul li .step-wrap .step p{font-size:14px;line-height:1.2em;padding-top:5px;}
.anl-step ul li .step-wrap .step p strong{font-size:32px;font-weight:700;line-height:1.2em;}
.anl-step ul li .step-wrap .tt{font-size:var(--fz18);line-height:1.4em;}
.anl-step ul li.active .step-wrap .step{background-color:var(--pri);border-color:var(--pri);color: #fff;}
.anl-step ul li.active .step-wrap .tt{font-weight:600;color:var(--pri);}

.anl-step1 ul li{margin-bottom:10px;}
.anl-step1 ul li:last-child{margin-bottom:0;}
.anl-step1 ul li .txt{padding:15px 30px;background-color: #f4f4f4;}
.anl-step1 ul li .txt p{position:relative;padding-left:21px;}
.anl-step1 ul li .txt p:before{content:'';width:6px;height:6px;border-radius:50%;background-color:var(--pri);position: absolute;left:0;top:9px;}

.step-btns{margin-top:var(--size60);display: flex;justify-content:space-between;}
.step-btns .btn{display: flex;justify-content:center;align-items:center;width:150px;height:56px;background-color:var(--dark);border:none;font-weight:700;}
.step-btns .btn span{font-family:'SUIT',sans-serif;color: #fff;position:relative;padding-right:42px;display: block;line-height:1em;}
.step-btns .btn span:after{content: '';width:8px;height:12px;background:url('/images/sub/next-arr.png')no-repeat 100% 50%/contain;position: absolute;right:0;top:50%;margin-top:-6px;}
.step-btns .btn.prev{background-color: #fff;border:1px solid #ddd;}
.step-btns .btn.prev span{color: #505050;padding-right:0;padding-left: 42px;}
.step-btns .btn.prev span:after{background-image: url('/images/sub/prev-arr.png');background-position:0 50%;right:auto;left:0;}
.step-btns.first .btn.prev{opacity:0;pointer-events:none;}

.anl-step2{max-width:600px;width:100%;margin:0 auto;}
.anl-step2 .input-wrap .row{margin-bottom:45px;line-height:1.4em;}
.anl-step2 .input-wrap .row:last-child{margin-bottom:0;}
.anl-step2 .input-wrap .row .tit{display: inline-block;margin-bottom:10px;font-size:var(--fz20);font-weight:600;line-height:1.4em;}
.anl-step2 .input-wrap .row input.input{height:60px;padding:0 20px;}
.anl-step2 .input-wrap .row input.input::placeholder{font-size:var(--fz16);}
.anl-step2 .form-agree{margin:0;margin-top:var(--size40);}
.anl-step2 .form-agree .check{margin:0;}

.check-form .row{margin-bottom:var(--size80);}
.check-form .row:last-child{margin-bottom:0;}
.check-form .row .title{display: flex;padding:15px 30px;background-color: #F4F4F4;margin-bottom:20px;}
.check-form .row .title .num{width:40px;font-size:var(--fz20);font-weight:600;line-height:1.4em;color:var(--pri);}
.check-form .row .title .tit{min-width:0;width:1%;flex:1 1 auto;line-height:1.4em;color:var(--dark);padding-top:4px;}
.check-form .row .cnt{padding:0 30px;}
.chk-list ul li{margin-bottom:var(--size15 );}
.chk-list ul li:last-child{margin-bottom:0;}

.anl-step3 .form-agree{margin:0;margin-top:var(--size80);background-color:rgba(2,39,65,.1);padding:var(--size40) 30px;}
.anl-step3 .form-agree .tit{font-size:var(--fz20);font-weight:700;color:var(--pri);line-height:1.4em;margin-bottom:var(--size20);}
.anl-step3 .form-agree ol{margin-bottom:var(--size25);}
.anl-step3 .form-agree ol li{color:var(--dark);line-height:1.5em;margin-bottom:var(--size10);}
.anl-step3 .form-agree ol li:last-child{margin-bottom:0;}
.anl-step3 .form-agree .check{margin:0;text-align:left;}
.anl-step3 .form-agree .check .checkbox label:before{background-color: #fff;}
.anl-step3 .form-agree .check .checkbox input:checked + label:before{background-color:var(--pri);}

.anl-step4 .doc-title .tt18{color: #878787;margin-top:var(--size10);}
.result-box{margin-bottom:var(--size40);border: 4px solid #ddd;padding:var(--size45) var(--size50);}
.result-box dl{margin-bottom:var(--size20);display: flex;font-size:var(--fz18);line-height:1.5em;gap:var(--size20)}
.result-box dl:last-child{margin-bottom:0;}
.result-box dl dt{color:var(--dark);font-weight:600;}

.result-table table{width:100%;border-top:2px solid var(--dark);text-align:center;font-size:var(--fz18);line-height:1.4em;color: #878787;border-collapse: collapse;}
.result-table table th,
.result-table table td{padding:10px;height:60px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.result-table table th:last-child,
.result-table table td:last-child{border-right:none;}
.result-table table thead th{background-color: #f4f4f4;color: var(--dark);}
.result-table table .active td{background-color: rgba(2,39,65,.1);color:var(--pri);font-weight:700;}
.nt-tt{margin-top:var(--size20);display: flex;gap:8px;}
.nt-tt .mark{display: flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background-color:var(--dark);line-height:1.2em;color: #fff;font-size:14px;font-weight:700;}
.nt-tt p{min-width:0;width:1%;flex:1 1 auto;line-height:1.4em;font-size:14px;color:#878787;padding-top:2px;}

.inquiry .top-tt{font-size:var(--fz32);font-weight:600;color:var(--dark);line-height:1.5em;}
.inquiry .req-tt{text-align:right;color: #878787;font-size:var(--fz14);line-height:1.4em;margin-bottom:var(--size10);}

.board-form table td input.input,
.board-form table td select.input{height:60px;}

.board-form .captcha-wrap {height:60px;}
.board-form .captcha-wrap .input {max-width:280px;width:100%;}

.btn-inq{display: flex;justify-content:center;align-items:center;margin:var(--size60) auto 0;color: #fff;background-color:var(--dark);font-weight:700;font-family:'SUIT',sans-serif;line-height:1.2em;border:none;width:200px;height:66px;}