@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.bgc1 {background-color:#9fb5ff;}
.bgc2 {background-color:#eff1fd;}
.bgc3 {background-color:#f2f3f3;}
.bgc4 {background-color:#fff;}
.bgc5 {background-color:#f1f3f3;}
.bgc6 {background-color:#8775eb;}

.about .inner-wrap {height:490px; display:flex; align-items:center; justify-content:space-between;}
.about.reverse .img {order:2;}
.phone-img {margin-right:110px;}
.about.ty2 .inner-wrap {padding-left:40px;}
.about.ty3 .inner-wrap {padding-left:70px;}
.about.ty4 .inner-wrap {padding:0 30px 0 125px; align-items:flex-end;}
.about .inner-wrap.ver2 {padding:0 0 0 80px;}
.about .inner-wrap.ver3 {padding:0 0 0 130px;}
.about.ty4 .s-tit {padding-bottom:120px;}
.about.ty4 .s-tit.ty2 {padding-bottom:150px;}

.s-tit {text-align:center;}
.s-tit.white {color:#fff;}
.s-tit h3 {font-size:36px; letter-spacing:-.02em; line-height:1.389em;}
.s-tit p {font-size:19px; margin-top:25px; letter-spacing:-.02em; line-height:1.579em;}

.contain.w2 {max-width:1060px;}

.mt100 {margin-top:100px;}
.mt50 {margin-top:50px;}
.pad0 {padding:0 !important;}

.work-area .group {padding:50px 0; border-bottom:1px solid #ddd;}
.work-area .group:first-child {padding-top:0;}
.work-area .group:last-child {padding-bottom:0; border-bottom:0;}

.work-list {margin-top:75px; display:flex; flex-wrap:wrap;}
.work-list li {padding-right:25px; width:33.3333%; display:flex; align-items:center;}
.work-list li:nth-child(3n) {padding:0;}
.work-list li:nth-child(n+4) {margin-top:75px;}
.work-list li .icon {margin-right:20px;}
.work-list li .cnt {font-size:18px; line-height:1.3em; flex:1;}
.work-list li .cnt .tit {font-weight:700;}
.work-list li .cnt .eng {margin-bottom:15px; font-weight:200;}
.work-list li .cnt .info {font-size:15px; letter-spacing:-.02em; line-height:1.6em;}

.process {padding:95px 0;}
.process .img {margin-top:80px;}
.process-re {margin-top:40px;}

.process-list {padding:0 100px; margin-top:20px; display:flex;}
.process-list .group {width:33.3333%;}
.process-list .group .tit {font-size:28px; line-height:1.2em; margin-bottom:15px; font-weight:700; letter-spacing:-.03em;}
.process-list .g1 .tit {color:#9fb5ff;}
.process-list .g2 {padding-left:50px;}
.process-list .g3 {padding-left:100px;}
.process-list .g2 .tit {color:#6d95f5;}
.process-list .g3 .tit {color:#4f4fe2;}
.process-list .group ul li {font-size:18px; padding-left:20px; position:relative; font-weight:500; color:#000;}
.process-list .group ul li:before {position:absolute; content:''; width:4px; height:4px; top:11px; left:0; background-color:#000; border-radius:100%;}

.step-list {padding:15px 20px 0; margin-top:50px; background-color:#fff;}
.step-list .group {padding:45px 0; border-bottom:1px dashed #ddd; display:flex; align-items:center;}
.step-list .group:last-child {border-bottom:0;}
.step-list .group .icon {width:200px; text-align:center;}
.step-list .group .cnt {z-index:1;}
.step-list .group .cnt .tit {font-size:21px; margin-bottom:20px; font-weight:700; letter-spacing:0; line-height:1.3em;}
.step-list .group .cnt ul li strong {font-weight:500;}
.step-list .group .cnt ul li span {font-weight:500; position:relative; display:inline-block;}
.step-list .group .cnt ul li span:after {position:absolute; content:''; width:100%; height:9px; left:0; bottom:0; background-color:#cfdaff; z-index:-1;}

.ebook {height:490px; display:flex; align-items:center; background-size:cover; background-repeat:no-repeat;}
.ebook.bg1 {background-image:url('../images/sub/ebook1.png');}
.ebook.bg2 {background-image:url('../images/sub/ebook3.png');}
.ebook .s-tit {width:50%; margin-left:50%;}

.w50 {width:50%;}

.ebook-info {padding-top:65px;}

.ebook-img {margin:65px 0;}

.ebook-list {display:flex; flex-wrap:wrap;}
.ebook-list li {display:flex; width:33.3333%; margin-bottom:60px;}
.ebook-list li .icon {margin-right:25px;}
.ebook-list li .txt {flex:1;}
.ebook-list li .tit {font-size:20px; font-weight:500; letter-spacing:-.02em; line-height:1.3em;}
.ebook-list li .info {font-size:15px; line-height:1.333em;}

.sub-wrap {padding-top:90px;}
.sub-wrap .sec6-wrap:first-child {padding-top:0; border-top:0;}

.fancybox-complete .fancybox-close {width:40px; height:40px; top:-40px; right:0; background-image:url('../images/sub/close_btn.png');}

.card-wrap {padding:100px 0;}

.card {margin:0 auto; border-radius:30px; max-width:700px; padding:40px 100px 50px; background-color:#fff;}
.card .tit {font-size:23px; padding-bottom:20px; margin-bottom:15px; font-weight:500; letter-spacing:0; line-height:1.4em; border-bottom:1px solid #ddd;}
.card table {font-size:18px; border-collapse:collapse; width:100%;}
.card table th { font-weight:400; text-align:left;}
.card table td {padding:15px 0;}
.card table td strong {font-weight:500;}
.card table td .input {border-radius:30px; height:40px;}

.card .request {margin-top:30px;}

.terms-wrap {font-weight:300; color:#666; line-height:1.75em; letter-spacing:-.03em;}
.terms-wrap .sec {margin-bottom:40px;}
.terms-wrap .sec h3 {color:#222; font-size:1.1em; font-weight:500; margin-bottom:7px;}
.terms-wrap .sec p {margin-bottom:1em;}
.terms-wrap .sec strong {font-weight:500;}
.terms-wrap .sec ol li {padding-left:1em; text-indent:-1em;}
.terms-wrap .sec ol li ol li {padding-left:1.35em; text-indent:-1.35em;}
.terms-wrap .policy-contact {display:flex; padding:20px 0; background:#fafafa; border:1px solid #e5e5e5; margin-bottom:1em;}
.terms-wrap .policy-contact dl {flex:1; padding:0 20px; border-left:1px solid #e5e5e5;}
.terms-wrap .policy-contact dl:first-child {border-left:0;}
.terms-wrap .policy-contact dt {font-weight:500; color:#333; margin-bottom:12px;}

.sub-wrap .contain {max-width:1060px;}
.file-wrap22 {display:flex;}
.file-wrap22 .file-l {width:150px; margin-right:20px; height:40px; line-height:40px; border-radius:30px; color:#fff; background-color:#000; text-align:center;} 
.file-wrap22 .files-upload-input .input {width:490px;}
.file-wrap22 .files-upload-input .files-upload-btns {margin-left:20px;}
.file-wrap22 .files-upload-btns .file-itemm {width:150px; display:flex; text-align:center; align-items:center; justify-content:center; border:1px solid #bbb; border-radius:30px;}
.file-wrap22 .files-upload-btns .file-itemm img {vertical-align:middle; margin:2px 12px 0 0;}
.file-wrap22 .files-upload-btns .fileadd {background-color:#eee; margin-right:20px;}
.file-wrap22 .files-upload {max-width:100%;}

.upfile-item {align-items:center; display:inline-block; height:30px; line-height:24px; padding:2px 8px 3px ; background-color: #000; color: #fff; border-radius:4px; cursor:pointer; white-space:nowrap;}

.filebox {text-align: center;}
.filebox .upload-name {
     height: 44px;
    padding: 0 10px;
    border: 1px solid #bbb;
    width: 100%; max-width:500px;
    color: #999;
}
.filebox:first-child label {margin-left:0;}
.filebox label {
    padding:0; color: #fff;
    vertical-align: middle;  background-color: #000;
    cursor: pointer;
    height: 44px; line-height:44px; width:130px; text-align: center;
    margin:0 10px;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.files-upload-group {display:flex;}
.filebox {display:flex; width:50%;}