@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.company .con1{padding-top:120px;text-align:center;}
.company .con1 .top{margin-bottom:80px;}
.company .con1 .top .logo{margin-bottom:60px;}
.company .con1 .top .logo img{height:450px;}
.company .con1 .top p{font-size:16px;line-height:1.7em;color: #222;letter-spacing:-.02em;}
.company .con1 .btm ul{display:flex;}
.company .con1 .btm ul li{width:33.3333%;}
.company .con1 .btm ul li .box{display:flex;justify-content:center;align-items:center;padding:10px;height:480px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;text-align:center;}
.company .con1 .btm ul li .box p{font-size:46px;line-height:1.2em;color: #fff;}
.company .con1 .btm ul li .box p strong{font-weight:600;}

.company .con2{padding:120px 0;}
.company .con2 .org{text-align:center;background:url('../images/sub/org-bg.jpg')no-repeat 50% 50%/contain;}

.company .con3{padding:120px 0;background-color: #f9f9f9;}
.doc-menu{margin-bottom:40px;}
.doc-menu ul{display:flex;justify-content:center;}
.doc-menu ul li{max-width:150px;width:100%;margin-left:-1px;}
.doc-menu ul li a{display:flex;justify-content:center;align-items:center;position:relative;height:56px;background-color: #fff;font-size:17px;font-weight:500;color: #686868;}
.doc-menu ul li a:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.doc-menu ul li.active a{background-color: #fec80b;color: #222222;}
.doc-menu ul li.active a:after{border-color: #fec80b;}
.company .con3 .loc .loc-wrap .maps .root_daum_roughmap {width:100% !important; height:460px !important;}
.company .con3 .loc .loc-wrap .maps .root_daum_roughmap .wrap_map {height:460px !important;}
.company .con3 .loc .loc-wrap .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.company .con3 .loc .loc-wrap .maps .map_border{display:none;}
.company .con3 .loc .loc-wrap .maps .roughmap_lebel_text:after {content:"본사"; font-size:12px; line-height:15px;}
.company .con3 .loc .loc-wrap .loc2 .maps .roughmap_lebel_text:after{content:"공장";}
.company .con3 .loc .loc-wrap .info{position:relative;z-index:1;margin-top:-42px;}
.company .con3 .loc .loc-wrap .info ul{display:flex;margin:0 -20px;}
.company .con3 .loc .loc-wrap .info ul li{width:33.3333%;padding:0 20px;text-align:center;}
.company .con3 .loc .loc-wrap .info ul li .ic{display:flex;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 20px;border:2px solid #fff;border-radius:50%;background-color: #fec80b;}
.company .con3 .loc .loc-wrap .info ul li .tit{margin-bottom:10px;font-size:20px;line-height:1.2em;color: #333;font-weight:700;font-family: 'InfinitySans';}
.company .con3 .loc .loc-wrap .info ul li .tt{line-height:1.5em;}

.scrollLock { overflow: hidden; }


/* 가오픈 이후 작업 */
.sub-title.doc-tit{margin:95px 0 60px;}

.port-detail{padding:60px 100px;background-color: #fff;}
.pop_wrap.type2{padding-top:30px;}
.port-pop .fancybox-close {top:0;right:10px;width:21px;height:21px;background:url('../images/sub/port-close.png')no-repeat 100% 50%/contain;}
.port-pop .fancybox-skin{background-color:transparent;box-shadow:none !important;}

.pop-wrapper .fancybox-skin{border-radius:12px;}
.pop-wrapper .fancybox-close {top: -33px;right:10px;width:17px;height: 18px;background:transparent url('../images/sub/pop-close.png')no-repeat 100% 50%/contain;}
.pop-wrapper .fancybox-overlay{background-color:rgba(0,0,0,.8);}

.quick-order{margin-bottom:100px;padding:60px 40px;text-align:center;background-color: #f5f5f5;}
.quick-order .tt{margin-bottom:45px;font-weight:700;letter-spacing:-.04em;color: #222;line-height:1.4em;}
.quick-order .btn-pop{display:flex;justify-content:center;align-items:center;max-width:220px;width:100%;height:56px;border-radius:28px;margin:0 auto;background-color: #111;color: #fff;font-weight:700;}

.pop-order{padding:75px 100px;background:#fff; overflow:hidden;border-radius:12px;height:800px;overflow:auto;}
.form-area .content{margin-bottom:60px;}
.form-area .content:last-child{margin-bottom:0;}
.form-area .content .title{display:flex;align-items:center;letter-spacing:-.02em;margin-bottom:25px;}
.form-area .content .title .tit{font-size:26px;font-weight:700;line-height:1.2em;color: #222;}
.form-area .content .title .tt{margin-left:20px;color: #222;line-height:1.2em;}
.form-area .content .row{display:flex;margin-bottom:20px;}
.form-area .content .row:last-child{margin-bottom:0;}
.form-area .content .row .tit{width:140px;color: #222;line-height:1.2em;padding-top:13px;}
.form-area .content .row .cnt{min-width:0;width:1%;flex:1 1 auto;}
.form-area .content .row .cnt .input{border-radius:4px;}
.form-area .content .row .cnt .input#email{margin:0;}
.form-area .content .row .cnt .size{display:flex;align-items:center;}
.form-area .content .row .cnt .size .center{margin:0 20px;}
.form-area .content .row .cnt .size .last{margin-left:20px;}
.form-area .content .row .cnt .file-wrap ul{display:flex;flex-wrap:wrap;margin:0 -20px -10px;}
.form-area .content .row .cnt .file-wrap ul li{width:50%;padding:0 20px;margin-bottom:10px;}

.doc-file{display:flex;}
.doc-file .upload-name{display:block;vertical-align: middle;border-radius:4px 0 0 4px !important;border-right:none;min-width:0;width:1%;flex:1 1 auto;}
.doc-file label {display:flex;justify-content:center;align-items:center;width:90px;color: #fff;background-color: #222;cursor: pointer;border-radius:0 4px 4px 0;font-weight:500;}
.doc-file input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

.doc-radio{padding:12px 20px;}
.doc-radio .radiobox{margin-right:50px;}
.doc-radio .radiobox:last-child{margin-right:0;}
.doc-radio .radiobox label:before {margin:-.2em 10px 0 0; width:16px; height:16px; background-color:#fff; border:1px solid #ddd; border-radius:0;}
.doc-radio .radiobox input:checked + label:before {background:#fff url("/images/bbs/radiobox2.png") 50% 50% no-repeat;}
.doc-radio .radiobox input:focus + label:before {outline:2px solid highlight;}

.form-area .content .row .cnt .bill{display:flex;align-items:center;}
.form-area .content .row .cnt .bill .wrap{display:flex;align-items:center;flex-wrap:wrap;min-width:0;width:1%;flex:1 1 auto;padding-right:20px;}	
.form-area .content .row .cnt .bill .wrap .doc-radio{margin-right:15px;}
.form-area .content .row .cnt .bill .wrap .nt{font-size:14px;line-height:1.3em;color: #ed2f2f;}
.form-area .content .row .cnt .bill .doc-file{width:410px;}

.radi4{border-radius:4px !important;}
/* .pri-pop{top:calc(100% - 600px) !important;} */

.pop-order .form-area{margin-bottom:55px;}
.pop-order .btns ul{display:flex;justify-content:center;align-items:center;margin:0 -5px;}
.pop-order .btns ul li{max-width:165px;width:100%;padding:0 5px;}
.pop-order .btns ul li .btn{display:flex;justify-content:center;align-items:center;width:100%;height:54px;border-radius:27px;background-color:#fec80b;color: #222;letter-spacing:-.04em;font-weight:700;font-family: 'InfinitySans';border:none;cursor:pointer;}
.pop-order .btns ul li .btn.type2{background-color: #454545;color: #fff;}

.confirm .content{margin-bottom:80px;}
.confirm .content:last-child{margin-bottom:0;}
.confirm .content .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.confirm .content .hd .tit{min-width:0;width:1%;flex:1 1 auto;font-size:26px;color: #222;line-height:1.2em;letter-spacing:-.02em;}
.confirm .content .hd .btns{display:flex;margin:0 -5px;}
.confirm .content .hd .btns li{padding:0 5px;width:132px;}
.confirm .content .hd .btns li .btn{display:flex;justify-content:center;align-items:center;height:46px;background-color: #ffbb02;border-radius:4px;font-weight:500;line-height:1.2em;letter-spacing:-.02em;color: #222;}
.confirm .content .hd .btns li .btn.type2{background-color: #222;color: #fff;}
.confirm .content .info{margin-bottom:60px;border-top:1px solid #ddd;}
.confirm .content .info:last-child{margin-bottom:0;}
.confirm .content .info .row{border-bottom:1px solid #ddd;}
.confirm .content .info .row .col{display:flex;}
.confirm .content .info .row .col .cell{padding:20px 20px 18px;letter-spacing:-.02em;line-height:1.4em;}
.confirm .content .info .row .col .cell.tit{display:flex;align-items:center;width:150px;background-color: #f9f9f9;color: #222;border-right:1px solid #ddd;}
.confirm .content .info .row .col .cell.txt{min-width:0;width:1%;flex:1 1 auto;color: #777;}
.confirm .content .info .row.flex{display:flex;}
.confirm .content .info .row.flex .col{width:50%;border-right:1px solid #ddd;}
.confirm .content .info .row.flex .col:last-child{border-right:0;}

.confirm .content .info .row .col .cell.txt.mh180{min-height:180px;}

.confirm .content .info .row .col .cell.txt .imgs ul{display:flex;flex-wrap:wrap;margin:0 -10px -20px;}
.confirm .content .info .row .col .cell.txt .imgs ul li{width:16.6666%;padding:0 10px;margin-bottom:20px;}
.confirm .content .info .row .col .cell.txt .imgs ul li .box{position:relative;padding:10px;}
.confirm .content .info .row .col .cell.txt .imgs ul li .box:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.confirm .content .info .row .col .cell.txt .imgs ul li .box .pic{position:relative; padding-bottom:100%;overflow:hidden;}
.confirm .content .info .row .col .cell.txt .imgs ul li .box .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

.inq-top-txt{margin-bottom:100px;text-align:center;line-height:1.56em;}
.inq-top-txt p strong{font-weight:600;color: #222;}

.inquiry .form-area{margin-bottom:60px;}
.inquiry .form-area .content .row .flex{display:flex;width:calc(100% + 56px);margin:0 -28px;}
.inquiry .form-area .content .row .flex .col{display:flex;width:50%;padding:0 28px;}

.inq-btn{display:flex;justify-content:center;align-items:center;width:220px;height:54px;margin:0 auto;border-radius:27px;background-color: #111;color: #fff;font-size:16px;font-weight:700;color: #fff;font-family: 'InfinitySans';border:none;cursor:pointer;}

.pay-list{margin-bottom:55px;}
.pay-list ul{display:flex;flex-wrap:wrap;margin:0 -13px -26px;}
.pay-list ul li{width:25%;padding:0 13px;margin-bottom:26px;}
.pay-list ul li .box{display:block;padding:45px 20px 60px;height:100%;border-radius:10px;background-color: #fff;box-shadow:3px 5px 20px rgba(0,0,0,.1);text-align:center;}
.pay-list ul li .box .wrap{min-height:84px;margin-bottom:25px;color: #000;letter-spacing:-.02em;}
.pay-list ul li .box .wrap .tit{margin-bottom:10px;font-size:17px;line-height:1.47em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pay-list ul li .box .wrap .price{font-size:20px;font-weight:600;line-height:1.2em;}
.pay-list ul li .box .btn{display:flex;justify-content:center;align-items:center;width:90px;height:40px;margin:0 auto;border-radius:20px;background-color: #fec80b;color: #222;font-weight:700; font-family: 'InfinitySans';line-height:1.2em;}

.pay-detail .form-wrap{margin-bottom:55px;}
.pay-detail .form-wrap .tit{margin-bottom:20px;font-size:26px;font-weight:700;line-height:1.2em;color: #222;letter-spacing:-.02em;}
.pay-detail .form-wrap .con .row{display:flex;margin:0 -10px;margin-bottom:20px;}
.pay-detail .form-wrap .con .row:last-child{margin-bottom:0;}
.pay-detail .form-wrap .con .row .col{width:50%;padding:0 10px;}
.pay-detail .form-wrap .con .row .col input.input{border-radius:4px;width:100%;}
.pay-detail .form-wrap .con .row .col .input[readonly] {background-color:#f9f9f9; color:#222;font-weight:500;}
.pay-detail .form-wrap .con .row .col .input[readonly]::focus{outline:none;}

.btn-pay{display:flex;justify-content:center;align-items:center;width:160px;height:54px;border-radius:27px;margin:0 auto;background-color: #fec80b;border:none;font-weight:700;color: #222;letter-spacing:-.04em;line-height:1.2em;cursor:pointer; font-family: 'InfinitySans';}

.order-view .content{margin-bottom:75px;}
.order-view .content:last-child{margin-bottom:0;}
.order-view .content .title-wrap{margin-bottom:20px;}
.order-view .content .title-wrap .tit{color: #222;font-size: clamp(1.25rem, 1.1513rem + 0.3947vw, 1.625rem);line-height:1.3em;}
.order-view .content .title-wrap.flex{display:flex;justify-content:space-between;align-items:center;}
.vw-btns ul{display:flex;margin:0 -5px;}
.vw-btns ul li{padding:0 5px;}
.vw-btns ul li .btn{display:flex;justify-content:center;align-items:center;width:122px;height:46px;background-color: #ffbb02;border-radius:4px;color: #222;font-weight:500;line-height:1.2em;cursor:pointer;border:none;}
.vw-btns ul li .btn.type2{background-color: #222;color: #fff;}
.vw-btns ul li .btn.type3{background-color: #fff;color: #222;border:2px solid #ffbb02;}
.order-view .content .table-wrap .row{margin-bottom:60px;}
.order-view .content .table-wrap .row:last-child{margin-bottom:0;}
.table02 table{width:100%;border-spacing:0;border-top:1px solid #ddd;line-height:1.4em;}
.table02 table th{text-align:left;border-right:1px solid #ddd;color: #222;background-color: #f9f9f9;font-weight:400;}
.table02 table td{color: #777;}
.table02 table th,
.table02 table td{padding:20px;border-bottom:1px solid #ddd;height:60px;}

.table02.type2 table td{height:180px;vertical-align:top;}
.table02 table td .file-list ul{display:flex;flex-wrap:wrap;margin:0 -5px -10px;}
.table02 table td .file-list ul li{width:16.6666%;padding:0 5px;margin-bottom:10px;}
.table02 table td .file-list ul li .img{position:relative;padding:10px;}
.table02 table td .file-list ul li .img:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.table02 table td .file-list ul li .img .pic{position:relative; padding-bottom:100%;overflow:hidden;}
.table02 table td .file-list ul li .img .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

.draft-wrap{margin-top:20px;}
.draft-wrap .vw-btns{margin-bottom:20px;}
.draft-wrap .draft{display:none;}
.draft-wrap .draft.active{display:block;}
.draft-wrap .draft .sld-wrap{margin-bottom:20px;}
.draft-wrap .draft .sld-box{position:relative;padding:20px 45px;background-color: #f9f9f9;/* border:1px solid #ddd; */}
.draft-wrap .draft .sld-box:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.draft-wrap .draft .sld-box .slick-arrow{display:block;width:40px;height:40px;border-radius:50%;background-color:#ffbb02;background-repeat:no-repeat;background-size:10px;background-position:50% 50%;position: absolute;top:50%;transform:translateY(-50%);z-index:1;font-size:0;border:none;}
.draft-wrap .draft .sld-box .slick-prev{background-image:url('../images/sub/draft-prev.png');left:8px;}
.draft-wrap .draft .sld-box .slick-next{background-image:url('../images/sub/draft-next.png');right:8px;}
.draft-wrap .draft .sld{position:relative;z-index:1;}
.draft-wrap .draft .sld .item{padding:0 10px;}
.draft-wrap .draft .sld .item .box{display:block;position:relative;border:1px solid #ddd;padding:10px;background-color: #fff;}
.draft-wrap .draft .sld .item .box .pic{position:relative; padding-bottom:100%;overflow:hidden;}
.draft-wrap .draft .sld .item .box .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.draft-wrap .draft .sld .item .box .situ{display:inline-block;position: absolute;right:0;top:0;font-size:13px;line-height:18px;padding:0 5px;background-color: #ffbb02;color: #222;font-weight:700;}
.draft-wrap .draft .sld .item .box .situ.confirm{background-color: #ddd;}

.attach{display:flex;justify-content:flex-end;margin-top:10px;}
.attach .btn{display:flex;justify-content:center;align-items:center;}
.attach .file .row{display:flex;margin-right:10px;margin-bottom:5px;}
.attach .file .row:last-child{margin-bottom:0;}
.attach .file .upload-name{display:inline-block;max-width:200px;width:200%;height:38px;padding:0 10px;vertical-align: middle;border: 1px solid #222;margin-right:-1px;font-size:13px;}
.attach .file input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.attach .btn{display:flex;justify-content:center;align-items:center;color: #222;font-size:15px;background-color: #fff;border:1px solid #222;cursor: pointer;width:70px;height:38px;margin-left:0px;}
.attach .btn.confirm{background-color: #222;color: #fff;}

.draft-wrap .draft .comment-area{margin:0;}
.draft-wrap .draft .comment-list{border-top:1px solid #888;}
.draft-wrap .draft .comment-list .comment-item{padding-left:20px;padding-right:20px;}
.draft-wrap .draft .comment-list .comment-item.comment-reply{padding-left:50px;background-position:20px 18px;}
.draft-wrap .draft .comment-list .comment-writer{background-color: #f9f9f9;}
.draft-wrap .draft .comment-write{margin-top:20px;margin-bottom:0;}
.draft-wrap .draft .btn-pack.comment{background-color: #222;color: #fff;border-color: #222;}


.pop-draft {background:#efefef; overflow:hidden;border-radius:4px;padding:30px;}
.pop-draft .img{border-radius:4px;overflow:hidden;}
.dr-wrap .fancybox-close {top: -34px;right:8px;width:23px;height:23px;background:url('../images/sub/draft-pop-close.png')no-repeat 50% 50%/contain;}