@charset "utf-8"; /* *********************************************************************************************************************************************** */ /* sign page common */ .sign-page .vc-page-content{max-width:24rem; margin:auto;} .sign-page .vc-page-title{margin-bottom:1.75rem;} .sign-page .vc-page-title h3{margin-bottom:.375rem} .vc-account-link{margin:auto; margin-top:2rem;} .vc-account-link span{margin-right:1rem;} /* sign up */ #sign_up h5{margin-top:1.5rem; letter-spacing:.02em;} #sign_up label[for=sign_up_agree]{line-height:1.8;} #sign_up label[for=sign_up_agree] i{margin-top:0.5rem;} #sign_up .txtpoint{color:#FF4B2B;} #sign_up .vc-selectbox:last-child{margin-top:0.5rem} #sign_up .part2-select{display:none;} /* forgot */ #forgot_pw .vc-page-title{margin-bottom:2rem;} #forgot_pw .vc-page-title h3{margin-bottom:1rem;} #forgot_pw .vc-page-title .paragraph{max-width:24rem; margin:auto; text-align:left} @media (min-width:992px){ .vc-page-content h4{margin-bottom:2rem; text-align:center; font-size:2.25rem;} .sign-page .vc-page-title{margin-bottom:3.75rem;} .sign-page .vc-page-title h3{margin-bottom:.75rem;} #sign_up h5{margin-top:2rem; font-size:1.125rem;} #forgot_pw .vc-page-title h3{margin-bottom:2.375rem;} #forgot_pw .vc-page-title p + p{margin-top:.75rem;} } /* *********************************************************************************************************************************************** */ /* member page */ .vc-page-member{background-color:#F8F8F9;} .vc-page-member .vc-area{} .vc-inline-group{margin-bottom:.5rem; line-height:1.45; font-size:.8125rem;} .vc-inline-group dt{font-weight:500} /* mypage profile */ .vc-profile-body{position:relative; padding:1.25rem 1rem;} .vc-profile-header{position:relative;} .vc-profile-header strong{margin-left:.325rem; font-size:1rem;} .vc-profile-img{position:relative; width:3.75rem; height:3.75rem; margin-right:1rem; border-radius:1.875rem; background-color:#F1F2F3; overflow:hidden;} .vc-profile-img img{border-radius:2.75rem;} .vc-profile-img i{font-size:2rem;} .vc-flag{margin-top:.5rem;} .vc-flag img{width:1.5rem; height:1.5rem;} .vc-flag span{font-size:.8125rem;} .vc-profile-content h6{margin-top:2.25rem; margin-bottom:.5rem;} .vc-profile-content .vc-btn-area{margin-top:2rem; width:100%;} /*follow list*/ #Followtable tbody tr{align-items: center;justify-content: space-between;border-bottom: 1px dashed #eee;padding: 1rem 0;} #Followtable tbody tr:last-child{border:none;padding: 1rem 0 0;} #Followtable tbody tr:first-child{padding: 0 0 1rem;} #Followtable tbody tr td:first-child{width: 100%;font-size:.9rem;line-height: 1.2rem;} #Followtable tbody tr td:first-child strong{color: #0c77fb;} #Followtable tbody tr td:nth-child(2){display: block;width: 100%;font-size: 1.1rem;padding: 2rem 0;} #Followtable tbody tr td:nth-child(2) strong{display: block;padding-bottom: .5rem;} #Followtable tbody tr td:nth-child(2) span{position: relative;padding-left:1.2rem;color: #737b7d;font-size: .9rem;font-weight: normal;display: inline-flex;} #Followtable tbody tr td:nth-child(2) span:before{display: block;width: 3px;height: 3px;content: "";border-radius: 50%; background: #737b7d;position: absolute;top: 50%;left: .5rem;transform: translateY(-50%);} #Followtable tbody tr td:nth-child(3){text-align: right;position: relative;display: inline-block;width: 88%;} #Followtable tbody tr td:last-child{text-align: right;position: relative;display: inline-block;width: 10%;} #Followtable tbody tr td:last-child i,#Followtable tbody tr td:nth-child(3) i{color: #0c77fb;font-size: 1.1rem;} .Inquiry_box,.Cancel_box{display: none;position: absolute;padding: 8px;width: 105px;left: 50%;transform: translateX(-50%);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background: #333;color: #fff;font-size: 14px;text-align: center;} .Inquiry_box:after,.Cancel_box:after {position: absolute; bottom: 100%;left: 50%;width: 0;height: 0;margin-left: -10px;border: solid transparent;border-color: rgba(51, 51, 51, 0);border-bottom-color: #333;border-width: 10px;pointer-events: none;content: ' ';} button:hover + span.Inquiry_box,button:hover + span.Cancel_box{ display: none; } @media (min-width:576px){ #Followtable tbody tr td:first-child{width: 20%;} #Followtable tbody tr td:nth-child(3){padding-bottom: 1.5rem;} #Followtable tbody tr td:nth-child(3){width: auto;display: revert;} #Followtable tbody tr td:last-child{width: auto;} } @media (min-width:768px){ button:hover + span.Inquiry_box,button:hover + span.Cancel_box{ display: block;} } @media (min-width:1200px){ #Followtable tbody tr{display: flex;} #Followtable tbody tr td:first-child {width: 15%;} #Followtable tbody tr td:nth-child(2){width: 75%;padding: 0;} #Followtable tbody tr td:nth-child(2) strong{display: inline;padding-bottom: 0;} #Followtable tbody tr td:nth-child(3){padding-bottom:0;} } /* maypage inq summary */ #mypage .vc-inq-summary li{margin-bottom:1rem;} #mypage .vc-inq-summary li.vc-inq-no{width:100%; min-height:10rem} #mypage .vc-inq-summary li a{display:block; padding:1rem; border:1px solid #D5D8DB; border-radius:.5rem; color:#67717C;} #mypage .vc-inq-summary li a.unread{border-color:#1D2B3B; color:#1D2B3B;} #mypage .vc-inq-summary h6{margin-bottom:.25rem; font-size:1rem;} #mypage .vc-inq-summary .vc-inq-to{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; /* 말줄임 적용 */} #mypage .vc-inq-summary div{line-height:1.6;} #mypage .vc-inq-summary .info{margin-top:.5rem; margin-bottom:1rem;} #mypage .vc-inq-summary .info p + p{margin-top:.25rem;} #mypage .divider{padding:0 .5rem;} #mypage .vc-card-btn{margin:0 -.5rem;} #mypage .vc-card-btn p span{margin-right:.25rem;} .divider{padding:0 .5rem;} /* mypage edit */ #mp_edit .vc-click-img{margin-top:.5rem;} #mp_edit .vc-profile-img{position:relative;} /* inq list(rfq list) */ #inq_list .vc-inq-list li,#inquiry_list .vc-inq-list li{margin-bottom:1rem; padding:1rem; border-radius:.5rem; background-color:#fff; border:1px solid #B6BDC2; color:#67717C;} #inq_list .vc-inq-li-title a{font-size:1rem; color:#67717C;} #inq_list .vc-inq-li-date{margin:.25rem 0 .75rem;} #inq_list .vc-inq-li-product{margin-bottom:.375rem;} #inq_list .vc-inq-li-content{height:1.5em; margin:1rem 0; line-height:1.5; -webkit-line-clamp:1;} #inq_list .vc-inq-date-info{margin-bottom:1rem; font-size:.8125rem;} .vc-inq-li-more{margin-top:1rem;} /*inquriy_list*/ #inquiry_list .vc-inq-list h6{margin-bottom: 1rem;} #inquiry_list .vc-inq-date{margin-bottom: 3rem;} #inquiry_list .inq-unread{font-size: 1.01rem;} /*inquiry_view*/ #inquiry_view h2{margin-bottom: 2rem;} #inquiry_view h4{margin-bottom: 3rem;} #inquiry_view h4.answerH4{margin-bottom: 1rem;} #inquiry_view .vc-label-h{margin-top: 0;} #inquiry_view .vc-noti-inq{border: 1px solid #0c77fb;} #inquiry_view section{margin-top: 5rem;} #inquiry_view .answer_contents{border: 1px solid rgb(12,119,251,70%);border-radius: 5px;min-height: 10rem;word-break: break-word;padding: .5rem;} #inquiry_view .inq_time,#inquiry_view .ans_time{font-weight: 400;margin-left:.5rem;} /* unread */ #mypage .vc-inq-summary li.unread a{border-color:#1D2B3B; color:#1D2B3B;} #inq_list .vc-inq-list li.unread{border-color:#1D2B3B; color:#1D2B3B;} #inq_list .vc-inq-list li.unread .vc-inq-li-title > a{color:#1D2B3B;} /* view common */ .vc-view{max-width:1044px; margin:auto;} .vc-card-view{position:relative; padding:2rem 1rem;} .vc-view-title h2{margin-bottom:1.5rem; font-size:1.125rem;} .vc-view-date{margin-bottom:.5rem; font-size:.75rem} .vc-view-content h4{font-size:1rem;} .vc-view-content section + section{margin-top:1.5rem;} .vc-view-bottom{padding:0 1rem;} .vc-view-id-print span{margin-right:1rem;} .vc-down-btn{display:none;} /* inq view */ #inq_view .vc-inq-view,#inquiry_view .vc-inq-view{max-width:1044px; margin:auto;} #inq_view .vc-card{position:relative; padding:2rem 1rem;} #inq_view .vc-inq-view-title h2{margin-bottom:1.5rem; font-size:1.125rem;} #inq_view .vc-inq-view-date{margin-bottom:.5rem; font-size:.75rem} #inq_view .vc-inq-view-content h4{font-size:1rem;} #inq_view .vc-inq-view-content section + section{margin-top:1.5rem; word-break:break-word;} .vc-view-id-print span{margin-right:1rem;} #inq_view .vc-inq-summary li{margin-bottom:1rem;} #inq_view .vc-inq-summary li.vc-inq-no{width:100%; min-height:10rem} #inq_view .vc-inq-summary li a{display:block; padding:1rem; border:1px solid #1D2B3B; border-radius:.5rem;} #inq_view .vc-inq-summary h6{margin-bottom:.5rem;} #inq_view .vc-inq-summary div{font-size:.8125rem;} #inq_view .vc-inq-content{display:none;} #inq_view .vc-card-btn{} #inq_view .vc-card-btn p span{margin-right:.25rem;} /* 견적 리스트 */ #inq_view .vc-quo-summary{margin-top:2rem; padding:1rem;} #inq_view .vc-quo-summary li{margin-bottom:1rem; padding:1rem; border-radius:.5rem;} #inq_view .vc-quo-summary h5{margin-bottom:.25rem;} #inq_view .vc-quo-summary .date{margin-bottom:1rem; font-size:.8125rem;} #inq_view .vc-quo-summary .content{height:3em; margin-bottom:1rem; line-height:1.5; -webkit-line-clamp:2; font-size:.8125rem;} #inq_view .vc-quo-summary .info{margin:.75rem 0;} #inq_view .vc-quo-summary .info p{line-height:1.6; } #inq_view .vc-quo-origin{background-color:#1D2B3B; color:#fff;} #inq_view .vc-quo-export{background-color:#0C77FB; color:#fff;} .vc-tag{margin-right:.5rem; padding:.25rem 1rem; border-radius:2rem; font-size:.875rem; } .vc-tag-inq{border:1px solid #ff714c;} .vc-tag-quo{border:1px solid #0C77FB;} /* quotation 관련 */ #quo_d_view .rev{font-size:14px;margin-left:.5rem;color:#0C77FB;margin-top:0px;} @media (min-width:576px){ /* 공통 */ .vc-inline-group{font-size:.875rem;} .vc-card-view{padding:2rem;} .vc-view-title h2{margin-bottom:1.75rem; font-size:1.5rem;} #mypage .vc-inq-summary, #inq_list .vc-inq-list, #inq_view .vc-quo-summary,#inquiry_list .vc-inq-list{display:flex; flex-wrap: wrap; margin:0 -.5rem;} #inq_view .vc-quo-summary{margin-top:2rem;} #mypage .vc-inq-summary li, #inq_list .vc-inq-list li, #inq_view .vc-quo-summary li,#inquiry_list .vc-inq-list li{width:calc(50% - 1rem); margin:0 .5rem 1rem;} #inq_list .vc-inq-li-title a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #inq_list .vc-inq-li-content{height:3em; line-height:1.5; -webkit-line-clamp:2;} #inq_view .vc-card{padding:2rem;} #inq_view .vc-inq-view-title h2{margin-bottom:1.75rem; font-size:1.5rem;} /* #inq_view .tmimg{width:50%} */ #inq_view .tmimg{width:90px;} #quo_d_view .rev{font-size:16px;margin-top:2px;} } @media (min-width:768px){ .vc-profile-content{margin-left:4.25rem; padding:1rem 0;} .vc-profile-content h6{font-size:1rem; letter-spacing:0.02em} .vc-profile-content .vc-btn-area{margin-top:0; width:inherit; position:absolute; top:1rem; right:1rem;} .vc-profile-content .vc-btn-area a{border-color:#858D94; background-color:#fff; color:#858D94;} #mypage .vc-inq-content{display:-webkit-box; height:4.8em; margin-bottom:1.5rem; line-height:1.6; -webkit-line-clamp:3; } #mypage .vc-card-btn a{max-width:10rem;} #mypage .vc-card-btn p{max-width:100%; width:auto;} /* view 공통 */ .vc-view{padding:0 1rem;} .vc-view-title h2{margin-bottom:2rem;} .vc-view-bottom{padding:0;} #inq_view .vc-inq-view,#inquiry_view .vc-inq-view{padding:0 1rem;} #inq_view .vc-inq-view-title h2{margin-bottom:2rem;} #inq_view .vc-quo-summary{padding:0;} #inq_view .vc-quo-summary .info{margin:1.25rem 0 1.5rem;} #inq_view .tmimg{width:120px;} } @media (min-width:992px){ .vc-inline-group{font-size:1rem;} .vc-page-member .vc-area h4{margin-bottom:2rem; font-size:2.25rem;} .vc-down-btn{display:block;} .vc-profile-img{position:absolute; top:0; left:0; width:4.5rem; height:4.5rem; border-radius:2.75rem;} .vc-profile-header{padding-left:6rem;} .vc-profile-header .vc-primary, .vc-profile-header strong{font-size:1.25rem} .vc-profile-txt{display:flex; margin-bottom:2rem;} .vc-flag{margin-top:0; margin-left:1rem;} .vc-flag span{} .vc-profile-body{padding:2rem 3rem;} .vc-profile-content{margin-left:calc(6rem - 7.5px);} .vc-profile-content h6{margin-top:0;} #mypage .vc-inq-summary li, #inq_view .vc-inq-summary li, #inq_list .vc-inq-list li,#inquiry_list .vc-inq-list li{width:calc(33.3333% - 1rem);} #mypage .vc-card-body{padding:2rem;} #inq_list .vc-inq-list li,#inquiry_list .vc-inq-list li{padding:1.5rem;} #inq_list .vc-inq-li-title a{margin-bottom:.75rem; font-size:1.25rem;} #inq_list .vc-inq-li-date{margin-bottom:1.5rem; font-size:.8125rem;} #inq_list .vc-inq-li-info{display:block; margin-bottom:1.875rem; font-size:.875rem;} #inq_list .vc-inq-li-more a{padding:.675rem 1rem;} #inq_list .vc-inq-date-info{font-size:.875rem;} #inq_view .vc-card{padding:6.375rem} #inq_view .vc-origin-summary{margin-bottom:4.5rem; padding:1.5rem;} #inq_view .vc-origin-summary h4{font-size:1.125rem;} #inq_view .vc-quo-summary{margin:2rem -.75rem 1rem;} #inq_view .vc-quo-summary li{width:calc(50% - 1.5rem); margin:0 .75rem 1rem; padding:1.5rem;} #inq_view .vc-quo-summary h5{margin-bottom:.5rem;} #inq_view .vc-quo-summary .content{font-size:16px;} #inq_view .vc-quo-summary .date{font-size:.875rem;} .vc-card-view{padding:6.375rem;} .vc-tag{padding:.5rem 1.25rem; border-radius:2rem; font-size:1rem;} /* inquiry 상세 */ /* #inq_view .vc-inq-head{display:flex;} */ #quo_d_view .rev{font-size:20px;margin-top:2px;} } @media (min-width:1200px){ .vc-view .vc-btn-icon:hover{box-shadow:0px 4px 20px rgb(0 0 0 / 20%); background:#ff714c; border-color:#ff714c; color:#fff; -webkit-transition:all .3s ease; transition:all .3s ease;} .vc-inline-group{line-height:1.6;} .vc-inline-group .col-xs-4, .vc-inline-group .col-md-4{max-width:12.5rem;} .vc-inline-group .col-xs-8, .vc-inline-group .col-md-8{flex:inherit; max-width:calc(100% - 12.5rem);} #mypage .vc-inq-summary li{ width:calc(25% - 1rem);} #mypage .vc-inq-summary h6{margin-bottom:.75rem; font-size:1.125rem;} #mypage .vc-inq-summary .info{margin-top:1rem;} .vc-card-view{margin-bottom:3rem;} .vc-view-date{margin-bottom:1.5rem; font-size:.875rem; font-weight:700} .vc-view-title h2{margin-bottom:3rem; font-size:2.25rem} .vc-view-content h4{margin-bottom:1.5rem; font-size:1.125rem;} .vc-view-content section + section{margin-top:4rem;} #inq_view .vc-card{margin-bottom:3rem;} #inq_view .vc-inq-view-date{margin-bottom:1.5rem; font-size:.875rem; font-weight:700} #inq_view .vc-inq-view-title h2{margin-bottom:4rem; font-size:2.25rem} #inq_view .vc-inq-view-content h4{margin-bottom:1.5rem; font-size:1.125rem;} #inq_view .vc-inq-view-content section + section{margin-top:4rem;} #inq_view .vc-btn{padding:.65rem 1.5rem;} #inq_view .vc-btn:hover{box-shadow:0px 4px 20px rgb(0 0 0 / 20%); background:#ff714c; border-color:#ff714c; color:#fff; -webkit-transition:all .3s ease; transition:all .3s ease;} #inq_view .vc-quo-summary li{/*width:calc(33.3333% - 1.5rem)*/; margin-bottom:1.5rem;} #inq_view .vc-inline-group, #quo_d_view .vc-inline-group{margin-bottom:1rem;} #quo_d_view .rev{font-size:25px;margin-top:3px;} } /* *********************************************************************************************************************************************** */ /* inquiry step page */ .vc-page-inquiry h4{margin-bottom:1.5rem;} .vc-page-inquiry .vc-inquiry-step{margin-bottom:1.5rem;} .vc-page-inquiry .vc-inquiry-step li{position:relative; width:33.3333%; padding:0 .5rem;} .vc-page-inquiry .vc-inquiry-step li:after{content:'';position:absolute; top:1.2rem; left:50%; width:100%; height:.125rem; background-color:#D5D8DB; z-index:1} .vc-page-inquiry .vc-inquiry-step li:last-child::after{display:none;} .vc-page-inquiry .vc-inquiry-step li.active:after{background-color:#0C77FB;} .vc-page-inquiry .vc-inquiry-step h5{position:relative; width:2.5rem; height:2.5rem; margin:0 auto .5rem; border-radius:50%; border:1px solid #D5D8DB; background-color:#fff; color:#B6BDC2; z-index:10} .vc-page-inquiry .vc-inquiry-step li.active h5{border-color:#0C77FB; background-color:#0C77FB; color:#fff;} .vc-page-inquiry .vc-inquiry-step p{text-align:center; font-weight:700; color:#B6BDC2;} .vc-page-inquiry .vc-inquiry-step li.active p{color:#0C77FB;} .vc-page-inquiry .vc-inquiry-to .form-group{margin-bottom:0;} /* inquiry2 */ div[id$="other_type"]{display:none; margin-top:.625rem} .option-btn-area{margin:2rem 0 1rem;} .option-btn-area button{width:100%; font-size:1rem;} #option_area{display:none; margin-top:1rem; padding-top:1rem;} @media (min-width:768px){ .vc-page-inquiry .vc-card-btn{justify-content:flex-end;} .vc-page-inquiry .vc-inquiry-step{margin-bottom:2rem;} .vc-page-inquiry .vc-inquiry-step li:after{top:1.5rem;} .vc-page-inquiry .vc-inquiry-step h5{width:3rem; height:3rem; font-size:1.125rem;} .vc-page-inquiry .vc-inquiry-step p{font-size:1rem;} .vc-page-inquiry .vc-inquiry-to .form-group{display:flex; width:50%; justify-content:center;} /* inquiry1 */ .form-radiocheck-group .col-md-8{margin-top:.6rem;} .option-btn-area{margin:3rem 0 1rem;} .option-btn-area button{width:auto; padding:.75rem 2rem;} #option_area{padding-top:2rem;} } @media (min-width:992px){ #inquiry1 .col-xs-4,#inquiry_view .col-xs-4{font-weight:700;} .vc-page-inquiry .vc-inquiry-step{max-width:880px; margin:4rem auto} .vc-page-inquiry .vc-inquiry-step li:after{top:1.8rem;} .vc-page-inquiry .vc-inquiry-step h5{width:3.6rem; height:3.6rem; margin-bottom:1.25rem; font-size:1.25rem;} .vc-page-inquiry .vc-inquiry-to label{margin-right:0; font-size:1rem;} input[type="submit"].vc-btn-sumbit:hover, .vc-hover-btn:hover{border-color:#ff714c; background-color:#ff714c; box-shadow:0px 4px 20px rgb(0 0 0 / 20%); color:#Fff; -webkit-transition:all .3s ease; transition:all .3s ease;} } /* *********************************************************************************************************************************************** */ /* category */ .vc-sector{margin-top:2rem;} .vc-sector ul + ul{margin-top:1.5rem;} .vc-sector-title{margin-bottom:.5rem;} /* company */ #company .vc-area{max-width: 1200px;} /* #company .vc-area{max-width: 1600px;} */ #company h3{margin-bottom:1.125rem;} #company .subtitle{margin-bottom:1.5rem; line-height:1.6;} #searchArea{max-width:1150px; margin:0 auto 2rem;} #searchArea form{padding:1.25rem 1rem; background-color:#f4f6fb;border-radius: 5px;} #searchArea label{display:none;} #searchArea .search_div{display:flex;justify-content: center;} #searchArea .vc-searchbox{height:calc(1.5em + 1.4rem + 2px);width:70%} #searchArea .vc-selectbox{width:20%; margin-right:1%} #searchArea .vc-selectbox i{position: absolute;top: 50%;right: 1rem;-webkit-transform: translateY(-50%);font-size: 1rem;color: #B6BDC2;pointer-events: none;} #searchArea input{margin-right:-1px; padding-right:3rem; border-top-right-radius:0; border-bottom-right-radius:0;} #searchArea .vc-search-btn{width:3rem; height:100%; border-top-left-radius:0; border-bottom-left-radius:0; background-color:#fff; color:#D5D8DB;border: 1px solid #D5D8DB;} #searchArea .vc-search-btn i{font-size:1.25rem} #searchArea .vc-search-btn span{display:none;} #company .vc-company-no{width:100%; min-height:8rem; line-height:1.33; font-weight:700; font-size:1.5rem;} #company .vc-company-no .imoji{font-size:2rem} #company .vc-company-li{width:100%;/* padding:1.25rem 1rem;*/ box-shadow:0px 2px 10px rgba(0, 0, 0, 0.2); border-radius:.5rem;} #company li + li{margin-top:1rem;} #company .vc-company-li h5{font-size:1.125rem;margin: 1rem 0;word-break: keep-all;} #company .intro{display:-webkit-box; margin-bottom:2rem; height:4.8em; line-height:1.6; -webkit-line-clamp:3;font-size: .9rem;text-transform:capitalize;} #company .basicintro{height: 1.3rem;-webkit-line-clamp:1;margin: .25rem .25rem 1rem;} #company .info{margin-bottom:1rem;} #company .addr, #company .tel{font-size:.8125rem;} #company .addr{margin-bottom:.25rem;} #company i{margin-right:.25rem; font-size:1.75em;} #company .vc-company-cate span{display:inline-flex; width:.85rem; height:.85rem; border-radius:50%;} /* #company .vc-company-cate span:nth-child(2){margin-right:.5rem;margin-left:.5rem} */ #company .vc-company-cate a:nth-child(2){margin-right:.5rem;margin-left:.5rem} #company .link{margin-right:.5rem} .company_name1{display: flex;} .company_name1 img {width: auto;height: 1.5rem;margin: auto 0;} .vc-company-li .company-cen img:first-child {max-width: 7.5rem;height: 1.5rem;} #company .vc-mhp-grade-img{padding: .1rem .1rem .1rem .4rem;box-sizing: border-box;width: 1.8rem;} #company .vc-company-li .company-cen {padding: 1.25rem 1rem;} .vc-company-li .view_txt{text-align: right;padding: 0 1rem 1.4rem;font-weight: 500;} .vc-category-banner-content h7{display: block;} #company .vc-vipcompany-ul{margin-bottom: 2rem!important;} #company .vc-vipcompany-li h6{color: #3c64b1;font-size: .85rem;padding: .5rem 1rem;font-weight: 400;} #company .vc-vipcompany-li .footer{padding: 0;} #company .vc-vipcompany-li .footer a{padding: 1rem 1.25rem;display: block;border-radius: 5px;} .mo-company-footer{display: flex;justify-content: space-between;align-items: center;} .mobile-detail{width: 120px;} .pc-detail{display: none;} .vc-basiccompany-li .footer{background: #f8f8f9;padding: .75rem 1.25rem;text-align: center;height: fit-content;margin-left: .5rem;border-radius: 5px;font-weight: bold;} .companytooltip {display: inline-block;color: #3c64b1;font-weight: bold;font-size: 1.3rem!important;padding-left: 0.5rem;cursor: pointer;} .companytooltip-text {display: none;position: absolute;border-radius: 5px;padding: 5px;font-size: 0.8em;background: #f4f6fb;font-family: 'Roboto';padding: 1rem;left: 0;} .companytooltip:hover .companytooltip-text {display: block;} @media(max-width: 414px){ #searchArea .search_div{display: block;} #searchArea .vc-selectbox{width: 100%;margin-right: 0;padding-bottom: .4rem;} #searchArea .vc-searchbox{width: 100%;} } /*howtouse*/ #howtouse{padding-top: 0;} #howtouse h2{margin-bottom: 1rem;font-size:2rem;} #howtouse h3{margin-bottom: .3rem;font-size: 1.2rem;} #howtouse h3 span{font-size: 1rem;} #howtouse .title strong{font-size: 1rem;line-height: 1.2;} .vc-howtouse-intro{padding: 3rem 0;background: url(/img/about_m_3.png) no-repeat top #f1f2f3;background-size: contain;background-position: 80%;} #howtouse.vc-page{padding-bottom: 2.5rem;} #howtouse .vc-area{margin-top: 2.5rem;} #howtouse .vc-card{padding: 2.3rem 1.7rem 1.7rem; margin-top: 2rem;margin-bottom: 1.25rem;border-radius: .5rem;box-shadow: 0px 2px 10px rgb(0,0,0,10%);} #howtouse .vc-btn-lg{margin-top: 2rem;padding: .5rem;font-size: .9rem;} #howtouse .vc-card .contentBox{margin-bottom: 3.5rem;} #howtouse .vc-card .contentBox:last-child{margin-bottom: 0rem;} #howtouse:first-child .content{margin: 2rem 0 1.5rem;} #howtouse .content{margin: 5rem 0 1rem;line-height: initial;letter-spacing: initial;} #howtouse .content i{margin-top: .2rem;} #howtouse .howtouse_num{padding: 0 2rem;} #howtouse ul.num li:hover h5{background: #ff714c;} #howtouse ul.num li:hover p{color: #ff714c;} #howtouse ul.num li{width: 20%;position: relative;z-index: 10;} #howtouse ul.num li:after{content: "";position: absolute;top: .4rem;left: 50%;width: 100%;height: .2rem;z-index: 1;border-bottom: 2.5px dashed #868e96;} #howtouse ul.num li:last-child:after{display: none;} #howtouse ul.num li h5{position: relative;z-index: 10;width: 1.1rem;height: 1.1rem;background: #868E96;border-radius: 50%;margin: 0 auto;} #howtouse ul.num li p{margin-top: 1rem;word-break: break-all;font-size: .8rem;text-align: center;} #howtouse ul.num li.active h5{background: #0c77fb;} #howtouse ul.num li.active p{color: #0c77fb;} #howtouse .imgshadow{box-shadow: 2px 4px 10px rgb(0 0 0 / 20%);} #howtouse figure.imgmargin{margin-bottom: 1rem;} @media(min-width:280px){ #howtouse .howtouse_num{padding: 0 .5rem;} } @media (min-width:576px){ #howtouse ul.num li h5{width: 1.3rem;height: 1.3rem;} #howtouse ul.num li:after{top:.55rem;border-bottom: 4px dashed #868e96;} #company .vc-company-li h5{height: 3rem;font-size: 1.1rem;} #company .vc-basiccompany-li h5{height: 1rem;} #company .basicintro{margin: 1.5rem 0.25rem 1.5rem;} } @media (min-width:768px){ #howtouse .title strong{font-size: 1.2rem;} #howtouse h3{font-size: 1.5rem;} #howtouse h3 span{font-size: 1.2rem;} #howtouse .howtouse_num{padding: 1rem 2rem;} #howtouse .vc-card .contentBox{margin-bottom: 5.5rem;} } @media (min-width:992px){ #howtouse h2{font-size:3rem;} .vc-howtouse-intro {padding: 3rem 0 4rem;} #howtouse .vc-btn-lg{padding: .7rem 1.5rem;} #howtouse .vc-area{margin-top: 5.5rem;} #howtouse .vc-card {padding: 5rem 4rem 3rem;margin-top: 6rem;} #howtouse .title strong{font-size: 1.3rem;} #howtouse ul.num li p{margin-top: 2rem;} #howtouse .howtouse_num{padding: 0 11rem;} #howtouse:first-child .content{margin: 4rem 0 2rem;} #howtouse .content{margin: 7rem 0 2rem;} #howtouse ul.num li h5{width: 1.5rem;height: 1.5rem;} #howtouse ul.num li:after{top:.55rem;border-bottom: 5px dashed #868e96;} #howtouse h3{font-size: 2rem;} #howtouse h3 span{font-size: 1.5rem;} .mo-company-footer{display: block;} .mobile-detail{display: none;} .pc-detail{display: block;} .companytooltip-text {left: auto;} #company .basicintro{margin: .25rem 0.25rem 1rem;} } @media (min-width:1200px){ #howtouse ul.num li h5{width: 1.7rem;height: 1.7rem;} #howtouse ul.num li:after{top:.7rem;border-bottom: 5.5px dashed #868e96;} } /*new howtouse*/ #howtouse img{image-rendering: -webkit-optimize-contrast;} #howtouse .vc-area{padding: 0 1rem;} #howtouse .howtousetab_list.vc-area{margin-top: 2rem;display: flex;flex-wrap: wrap;justify-content: center;} #howtouse .vc-howtouse-layout.vc-area{margin-top: 2rem;} #howtouse .vc-howtouse-layout .howtouse-con-bg .vc-area{margin-top: 0;text-align: left;align-items: center;display: block;} .howtousetab_menu .howtousetab_con > div {display:none;height:100%;padding-top:100px;} .howtousetab_menu .howtousetab_con > div.active {display:block;padding:0rem;} .howtousetab_list{justify-content: center;padding: 2rem 0;} .howtousetab_list > div{width: calc(50% - .25rem);text-align: left;background: #f1f3f5;padding: .75rem;border-radius: 10px;margin-right: .5rem;cursor: pointer;margin-bottom: .5rem;} .howtousetab_list > div:nth-child(even){margin-right: 0;} .howtousetab_list > div:last-child{margin-right: 0;} .howtousetab_list > div.active{position: relative;background: #DEE2E6;} .howtousetab_list > div:hover{box-shadow: 0px 0px 8px rgb(0 0 0 / 20%)} .howtousetab_list > div a{color: #1D2B3B;font-weight: bold;} .howtousetab_list > div a strong{color: #888;} .howtousetab_list a strong{display: block;padding-bottom: 1rem;position: relative;} .howtousetab_list a strong i{position: absolute;right: 0;} .howtousetab_list div:nth-child(1) a strong i{color: #0C77FB;} .howtousetab_list div:nth-child(2) a strong i{color: #6BD098;} .howtousetab_list div:nth-child(3) a strong i{color: #FBC658;} .howtousetab_list div:nth-child(4) a strong i{color: #EF8157;} .howtousetab_list div:nth-child(5) a strong i{color: #51CECB;} .howtousetab_list div.active a strong i{color: #0C77FB;} .howtousetab_list .active a strong{color: #0c77fb;} .howtouse-box{background: #F1F3F5;/*padding: 4rem 7rem 0 7rem;*/border-radius: 15px;margin-bottom: 2rem;} .howtouse-box img{border-top-left-radius: 15px;border-top-right-radius: 15px;width: 100%;margin-top: 2rem!important;} .vc-howtouse-bg2{background: url(http://vcman001.cdn3.cafe24.com/howtouseBG.png);padding: 3.5rem 0 2rem;background-size: cover;color: #fff;} .vc-howtouse-bg2 p{font-size: 1rem;} .howarrow{position: absolute;font-size: .9rem;background: #E9ECEF;color: rgba(0,0,0,0.5);border-radius: 50%;padding: .2rem .4rem;} .howarrow-right{right: 6%;top: 120%;transform: translateY(-100%);} .howarrow-left{left: 6%;top: 120%;transform: translateY(-100%);} .vc-howtouse-layout{position: relative;} .howtouse-con-bg{padding: 3rem 0;} .howtouse-con-bg .vc-area .title{font-size: 1rem;/*width: 40%;*/} .howtouse-con-bg .vc-area .title h3{padding: .5rem 0;} .howtouse-con-bg .vc-area .photo{/*width: 60%;*/text-align: center;box-shadow: 2px 8px 8px rgb(0 0 0 / 20%);border-radius: 10px;margin-top: 2rem;} .howtouse-con-bg .vc-area .photo.photo2{box-shadow:none;border-radius: 0;} .howtouse-con-BG{background: #F4F7FA;} #howtouse .howtouse-1 .howtouse-con-BG{margin-top: 5rem;} /*.howtouse-con-BG:last-child{margin-top: 0;}*/ .howtouse-con-bg .photo{border-radius: 10px;padding: 0;} .howtouse-con-bg .photo img{border-radius: 10px;} /*howtouse 입력폼*/ #howtouse section:last-child{background: #f8f9fa;padding: 3rem 0;} .howtouseinput{display: block;} .howtouseinput.vc-area{margin-top: 0!important;} .howtouseinput h4 em{color: #0c77fb;} .howtouseinput button{padding: .75rem 0;margin-top: 1rem;} @media (max-width:414px){ #howtouse ul.num li p{max-width: 53px;} } @media (min-width:576px){ #howtouse ul.num li h5{width: 1.3rem;height: 1.3rem;} #howtouse ul.num li:after{top:.55rem;border-bottom: 4px dashed #868e96;} .vc-howtouse-intro{background-position-x:22rem;} #howtouse ul.num li p{font-size: .9rem;} .howarrow-right{top: 105%} .howarrow-left{top: 105%} .howtouseinput{align-items: center;justify-content: space-around;} .howtouseinput h4{font-size: 1.5rem;line-height: 35px;} .howtouseinput-left{width: 100%} .howtouseinput-right{width: 100%} #howtouse section:last-child{padding:3rem 0;} .howtouse-con-bg .title p.vc-gray-7{padding-right: 3rem} } @media (min-width:768px){ #howtouse .title strong{font-size: 1.2rem;} #howtouse h3{font-size: 1.5rem;} #howtouse h3 span{font-size: 1.2rem;} #howtouse .howtouse_num{padding: 1rem 2rem;} #howtouse .vc-card .contentBox{margin-bottom: 5.5rem;} .vc-howtouse-intro{background-position-x:32rem;} #howtouse .vc-area{padding: 0 2rem;} #howtouse .vc-howtouse-layout .howtouse-con-bg .vc-area{display: flex;} .howtouse-con-bg .vc-area .title h3{padding: 1rem 0;} .howtouse-con-bg .vc-area .photo{margin-top: 0rem;} .howtousetab_list > div{width: calc(33.3333% - 0.5rem);} .howtousetab_list > div:nth-child(even){margin-right: .5rem;} .howtouse-box-des{font-size: 1rem;} .howarrow{font-size: 1.5rem;padding: } #howtouse section:last-child{margin-top: 4rem;} .howtouse-con-bg{padding: 5rem 0;} } @media (min-width:992px){ #howtouse h2{font-size:3rem;} .vc-howtouse-intro {padding: 3rem 0 4rem;} #howtouse .vc-btn-lg{padding: .7rem 1.5rem;} #howtouse .vc-area{margin-top: 5.5rem;} #howtouse .vc-card {padding: 5rem 4rem 3rem;margin-top: 6rem;} #howtouse .title strong{font-size: 1.3rem;} #howtouse ul.num li:hover h5{background: #ff714c;} #howtouse ul.num li:hover p{color: #ff714c;} #howtouse ul.num li p{margin-top: 2rem;} #howtouse .howtouse_num{padding: 0 11rem;} .vc-howtouse-bg2{padding: 7rem 0;} #howtouse h2{margin-bottom: 1rem;font-size:2.5rem;} .vc-howtouse-bg2 p{font-size: 1.5rem} #howtouse .vc-area{padding: 0 3rem;} .howtouse-box-des{font-size: 1.15rem;} #howtouse:first-child .content{margin: 4rem 0 2rem;} #howtouse .content{margin: 7rem 0 2rem;} #howtouse ul.num li h5{width: 1.5rem;height: 1.5rem;} #howtouse ul.num li:after{top:.55rem;border-bottom: 5px dashed #868e96;} #howtouse h3{font-size: 2rem;} #howtouse h3 span{font-size: 1.5rem;} .vc-howtouse-intro{background-position-x:44rem;} #howtouse section:last-child{padding: 3rem 0;} } @media (min-width:1200px){ #howtouse ul.num li h5{width: 1.7rem;height: 1.7rem;} #howtouse ul.num li:after{top:.7rem;border-bottom: 5.5px dashed #868e96;} .vc-howtouse-intro{background-position-x:80%;} .howtousetab_list > div{width: calc(20% - .8rem);padding: 2rem;margin-right: 1rem;} #howtouse .vc-howtouse-layout.vc-area{margin-top: 1rem;} .howtouse-box img{width: 80%;margin-top: 4rem!important;} .howarrow-right{top: 50%;} .howarrow-left{top: 50%;} .howtousetab_list > div:nth-child(even){margin-right: 1rem;} .howtouseinput h4{font-size: 2rem;line-height: 40px;} .howtouse-con-bg .vc-area .title{font-size: 1.15rem;/*width: 40%;*/} #howtousemooni .pricing-modal,#howtousemooni label{font-size: 1.15rem;} #howtouse section:last-child{padding: 7rem 0;} #howtouse section:last-child h4{margin-bottom: 3rem;} #howtouse section:last-child .howtouseinput-right{width: 80%;margin: 0 auto;} } /* about */ #about{padding-bottom:0;} #about .vc-about-intro{margin-bottom:4rem;} #about .vc-about-intro p{max-width:767px; margin:auto; margin-bottom:2rem; line-height:1.6;font-weight: 400;} #about .vc-one-btn{max-width:17rem; margin:auto;} #about .vc-about-section{padding:5rem 0 5.5rem;text-align: center;} #about .vc-about-area{max-width:1366px; margin:auto; padding:0 1rem;} #about .vc-about-common > *:first-child{margin-bottom:2rem;} #about figure{width:100%; padding:0 2rem;} #about .content h3{margin-bottom:1rem;} #about .content h5{margin-bottom:1.5rem; line-height:1.45;} #about .content .text{line-height:1.6;} #about_1{background-color:#0c77fb; color:#fff;} #about_4{background-color:#F8F8F9;} #about_4 .content{margin-bottom:2rem;} #about_4 .text, #about_4 figure{max-width:30rem; margin:auto;} /*new about*/ #about img{image-rendering: -webkit-optimize-contrast!important;} #about h2{font-size: 2.7rem;} #about .vc-about-1{display: block;position: relative;padding-bottom: 45vw;} #about .vc-about-1 h2{margin: 0 0 1rem 0;position: relative;} #about .vc-about-1 h2:after{content: "+";position: absolute;top: -.7rem;left: 8.5rem;display: block;color: #0c77fb;font-size: 2rem;} #about .vc-about-1 h3{font-weight: 500;} #about .vc-about-1 p{margin: 1rem 0 2rem;} #about .vc-about-1 a{border-bottom: 1px solid #0c77fb;padding: .25rem 2px;font-weight: 500;color: #0c77fb;} #about .vc-about-1 a:hover{color: #ff714c;border-color: #ff714c;} #about .vc-about-1 img{position: absolute;right: -2.5rem;top: -4rem;z-index: 100;width: 90%;} #about .vc-about-2{position: relative;padding: 10rem 0 20rem;} #about .vc-about-2 img{position: absolute;/*bottom: -15%;*/right: 50%;transform: translateX(50%);z-index: 1;} #about .vc-about-3 {padding: 5rem 0;background: #f8f9fa;} #about .vc-about-3 ul{/*width: 25%;*/background: #fff;margin: 2rem 1rem;padding: 4rem 3rem;display: flex;flex-wrap: wrap;justify-content: space-between;height: 12rem;} #about .vc-about-3 ul li:first-child{color: #0c77fb;font-size: 22px;font-weight: bold;height: 1.5rem;} #about .vc-about-3 ul li:nth-child(even){color: #0c77fb;font-size: 22px;font-weight: bold;height: 1.5rem;} #about .vc-about-3 ul li:last-child{width: 100%;text-align: left;line-height: 22px;margin-top: 1rem;} #about .vc-about-3 ul:hover{transform: scale(1.05);box-shadow: 0px 0px 15px rgba(0,0,0,0.1);z-index: 1;transition: ease all 0.3s;} #about .vc-about-6 p{padding-bottom: 2rem;} #about .vc-about-4,#about .vc-about-5,#about .vc-about-6{text-align: left;} #about .vc-about-4 figure,#about .vc-about-5 figure,#about .vc-about-6 figure{text-align: center;} #about .vc-about-4 img{width: 90%;} #about .vc-about-5 img{width: 80%;} #about .vc-about-6 img{width: 100%;} /*.abouttab_menu p{padding: 0 2rem;}*/ .abouttab_menu .abouttab_con > div {display:none;height:100%;padding-top:100px;} .abouttab_menu .abouttab_con > div.active {display:block;padding: 3rem 0rem 0rem;} .abouttab_list{justify-content: center;padding: 2rem 0;margin-top: -3.5rem;border-bottom:1px solid #e8e8e8;} .abouttab_list > div{/*padding: 0 4rem;*/width: 13rem;} .abouttab_list > div a{color: #ccc;font-size: 15px;} .abouttab_list > div.active{position: relative;} .abouttab_list > div.active a{color: #1D2B3B;font-weight: bold;} .abouttab_list > div.active:after{display: block;content: "";width: 145px;height: 3px;background: #0c77fb;position: absolute;bottom: -220%;right: 50%;transform: translateX(50%);} .abouttab_con .title{padding:0 5%;} /*#about .vc-about-7{padding: 2rem 0;background: url(../img/about-promo.png);background-size: cover;color: #fff;}*/ #about .vc-about-7 .vc-about-area{padding: 2rem 0;background:#dee2e6;color: #495057;} #about .vc-about-7 h5{font-size: 3.8vw;font-weight: 400;} #about .vc-about-7 button{border: 1px solid #495057;border-radius: 10px;padding: .5rem .75rem;} #about .vc-about-7 button a{font-weight: bold;color: #495057;} #about .vc-about-7 button:hover a{color: #fff;} #about .fade-pc{display: none;} #about .fade-mo{display: block;} #about ul.tabs { justify-content: center; justify-content: center; padding: 2rem 0; margin-top: -3.5rem; border-bottom: 1px solid #e8e8e8; } #about ul.tabs li { width: 13rem; cursor: pointer; } #about ul.tabs li:first-child {} #about ul.tabs li.active { color: #1D2B3B;font-weight: bold; position: relative; } #about ul.tabs li.active:after{display: block;content: "";width: 145px;height: 3px;background: #0c77fb;position: absolute;bottom: -220%;right: 50%;transform: translateX(50%);} #about .tab_container { position:relative; width:100%; /*padding:30px;*/ -webkit-box-sizing:border-box; box-sizing:border-box; } #about .tab_content{ padding: 3rem 0 0; } @media (min-width:576px){ #company .vc-company-ul{margin:0 -.5rem;} #company .vc-company-li{width:calc(50% - 1rem); margin:0 1rem 1.2rem 0;} #about .vc-about-1 img{right: -1.5rem;top: -3rem;width: 75%;} #about .vc-about-2{position: relative;padding: 9rem 0 30rem;} #about .vc-about-2 img{width: 85%;} #about .vc-about-3{padding: 9rem 0;} #about .vc-about-7 h5{font-size: initial;} } @media (min-width:768px){ #company .vc-company-li{} #company .vc-company-li .company-cen{padding:1.5rem 1.25rem 1.25rem;} #company .vc-basiccompany-li .company-cen{padding:.5rem 1.25rem 1.25rem;} /* #searchArea .vc-searchbox{max-width:50%} #searchArea .vc-selecthbox{min-width:30%;} #searchArea input{margin-right:.75rem; border-top-right-radius:.5rem; border-bottom-right-radius:.5rem;} #searchArea .vc-search-btn{width:35%; border-top-left-radius:.5rem; border-bottom-left-radius:.5rem;} #searchArea .vc-search-btn i{display:none;} #searchArea .vc-search-btn span{display:block; text-transform:uppercase;}*/ #about .vc-about-section{padding:8rem 0 8.5rem;} #about .vc-about-common{display:flex; align-items:center;} #about .vc-about-common figure{width:45%; padding:0;} #about .vc-about-common .content{width:55%;} #about .vc-about-odd .content{padding-left:1.5rem;} #about .vc-about-even .content{padding-right:1.5rem;} #about .content h3{font-size:1.5rem;} .abouttab_des{display: flex;} .abouttab_des>div{display: block;justify-content: center;position: relative;left: 0%;transform: translateX(0%);} .abouttab_des img{width: 110px;height: auto;} .abouttab_des>div:nth-child(3){padding-top: 0;} .dashboardimg.brokerimg,.dashboardimg.gppimg{width: 70%;} .abouttab_list > div a{font-size: 19px;} .abouttab_list > div.active:after{bottom: -191%;} #about ul.tabs li.active:after{bottom: -191%;} .vc-newabout .vc-about-padding{padding:5rem 0;} /*#about.vc-page{padding-bottom: 7.5rem;}*/ .abouttab_con .title{padding: 0 0 0 6%;} #about .vc-about-1 img{right: 50%;top: 50%; transform: translate(50%,-50%)!important;width:85%;} #about .vc-about-1{display: flex;align-items: center;padding: 4rem 1rem;} #about .vc-about-3{padding: 5rem 0;} #about .carousel{display: flex;justify-content: center;} #about .vc-about-3 ul{margin: 2rem 0.5rem;padding: 2rem 1.5rem;} #about .vc-about-3 ul li:last-child{font-size: .77rem;} #about .vc-about-3 ul li:first-child{font-size: 25px;} #about .vc-about-3 ul li:nth-child(even){font-size: 25px;} #about .content .text{font-size: 1.05rem;} #about .vc-about-6 p{font-size:1.05rem;} #about .vc-about-7{padding: 4rem 0;} #about .vc-about-7 button{padding: 0.75rem 2rem;} #about .fade-pc{display: block;} #about .fade-mo{display: none;} #about h2{font-size: 3.5rem;} #about .vc-about-1 h2:after{left: 11.5rem;} #about .vc-about-7 .vc-about-area{padding: 3rem 0;border-radius: 20px;} #about ul.tabs li {font-size: 19px;} } @media (min-width:992px){ .vc-sector-title{margin-bottom:1rem;} #company h3{margin-bottom:1.125rem;} #company .subtitle{margin-bottom:1.25rem;} #searchArea form{padding:1.5rem} #searchArea input{padding-right:.75rem;} /* #searchArea .vc-selectbox{min-width:30%;} */ #searchArea .vc-searchbox{max-width:894px;} #searchArea .vc-search-btn{background-color:#fff; border-color:#0C77FB; color:#0C77FB;} #company .vc-company-ul{margin:0;} #company .vc-company-no{min-height:16rem; font-size:2.25rem;} #company .vc-company-no .imoji{font-size:3rem} #company .vc-company-li{width:calc(33.3333% - 1.5rem); } #company .vc-vipcompany-li{width:calc(25% - .8rem);box-shadow:0px 2px 10px rgb(0 0 80 / 20%)} #company .vc-vipcompany-li:nth-child(4), #company .vc-vipcompany-li:nth-child(8), #company .vc-vipcompany-li:nth-child(12), #company .vc-vipcompany-li:nth-child(16) {margin-right: 0;} #company .vc-vipcompany-li:last-child{margin-right: 0;} #company .vc-basiccompany-li{width:100%;margin:0 0 1.5rem 0;} #company .vc-company-li .company-cen{margin:0 .75rem;} #company .vc-basiccompany-li .company-cen{display: flex;} #company .vc-company-li a{-webkit-transtion:all .3s; transition:all .3s;} /* #company .vc-company-li a:hover{color:#ff714c;}*/ #landing .vc-company-li a{-webkit-transtion:all .3s; transition:all .3s;} #landing .vc-company-li a:hover{color:#ff714c;} #about .vc-about-section{padding:8rem 0 10rem;text-align: left;} #about .vc-about-7{text-align: center;} #about #about_1{padding-top:4rem;} #about .vc-about-intro{margin-bottom:8rem;} /*#about .vc-about-area{padding:0 1.5rem;}*/ #about .vc-about-common figure{width:50%; padding:0 1rem;} #about .vc-about-common .content{width:50%;} #about .vc-about-odd .content{padding-left:2rem;} #about .vc-about-even .content{padding-right:2rem;} #about .content h3{margin-bottom:1.5rem; font-size:2rem;} #about .content h5{margin-bottom:1rem; font-size:1.25rem;} #about_4 .content{margin-bottom:4rem;} #about_4 .text, #about_4 figure{max-width:35rem;} #about .vc-about-1 h3{line-height: 2.5rem;} #about .vc-about-1 p{font-size: 1.25rem;} #about .vc-about-1 a{font-size: 1.5rem;} #about .vc-about-1 h2:after{top: -.5rem;left: 14.5rem;font-size: 3rem;} #about .vc-about-2 img{position: absolute;width: 600px;/*bottom: -40%;*/right: 0%;transform: translateX(0);} #about .vc-about-section.vc-about-3{padding: 20rem 0 5rem;} #about .vc-about-3 ul{margin: 1rem;min-height: 14rem;} #about .vc-about-3 ul li:last-child{font-size: 1.05rem;} #about .vc-about-7{padding: 5rem 0;} #about h2{font-size: 4.5rem;} .abouttab_menu .abouttab_con > div.active {padding: 6rem 0rem 0rem;} #about .tab_content{padding: 6rem 0 0;} #searchArea .vc-selecthbox{min-width:30%;} #searchArea input{margin-right:.75rem; border-top-right-radius:.5rem; border-bottom-right-radius:.5rem;} #searchArea .vc-search-btn{width:35%; border-top-left-radius:.5rem; border-bottom-left-radius:.5rem;} #searchArea .vc-search-btn i{display:none;} #searchArea .vc-search-btn span{display:block; text-transform:uppercase;} } @media (min-width:1200px){ #about .vc-about-section{padding:10rem 0 12rem;} #about #about_1{padding-top:6rem;} #about .vc-about-odd .content{padding-left:3.5rem;} #about .vc-about-even .content{padding-right:3.5rem;} #about .content h3{font-size:2.7rem;line-height: 50px;} #about_4 .text, #about_4 figure{max-width:40rem;} #about .vc-about-section.vc-about-3{padding: 20rem 0 5rem;} #about .vc-about-3 ul{margin: 2rem 1rem;padding: 4rem 3rem;} #about .content .text{font-size: 1.1rem;} #about .vc-about-6 p{font-size:1.2rem;padding-bottom:4rem;} #about .vc-about-6 img{width: 65%;} #about .vc-about-7 button{padding: .9rem 4rem;} } /* *********************************************************************************************************************************************** */ .vc-terms-content *{line-height:1.75; letter-spacing:-.02em;} .vc-terms-content .paragraph{margin-top:3rem;} .vc-terms-content .outline + .outline{margin-top:1rem;} .vc-terms-content ul li{margin-top:.5rem;} .vc-terms-content ul li:last-child{margin-bottom:.5rem;} .vc-terms-content dl + dl, .vc-terms-content .small-title{margin-top:.5rem;} .vc-terms-content span{display:block;} .vc-terms-content .dot{position:relative; display:block; padding-left:.75rem;} .vc-terms-content .dot:after{content:''; position:absolute; left:0; top:11px; width:4px; height:4px; margin-top:-2px; border-radius:50%; background-color:#1d2b3b;} .vc-terms-content .terms-table-wrap{margin-bottom:1rem;} .vc-terms-content .terms-table-wrap .vc-responsive-table{margin-bottom:.5rem;} .vc-terms-content .terms-table-wrap .vc-responsive-table li{margin-top:0;} .vc-terms-content .indent{padding-left:2rem;} .vc-terms-content .bullet-num{width:1.25rem; height:1.25rem; margin-top:.25rem; border-radius:50%; border:1px solid #3B4754; font-size:.6875rem;} .vc-terms-content .bullet-text{flex-direction:column; width:calc(100% - 1.25rem); padding-left:.75rem; } @media (min-width:992px){ .vc-terms-content ul li{margin-top:.5rem;} .vc-terms-content .outline + .outline{margin-top:1.5rem;} .vc-terms-content .bullet-num{margin-top:.25rem;} .vc-terms-content .terms-table .title, .vc-terms-content .terms-table .content{padding:1rem .5rem;} } /* *********************************************************************************************************************************************** */ .vc-category-banner{height:6rem; color:#fff; overflow:hidden;} .vc-category-banner h3{margin-bottom:0;} .vc-category-banner h3 span{text-shadow:0px 16px 32px rgb(0 0 0 / 20%)} .vc-category-banner figure{position:relative; box-shadow:0px 16px 32px rgb(0 0 0 / 20%)} /* .vc-category-banner figure:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #fff; z-index:1;} */ #cateBannerId figure{width:3rem; height:3rem; border-radius:50%;} #cateBannerId figure:before{border-radius:50%;} #cateBannerId h3{margin-left:1rem;} #cateBannerSt figure{width:3rem; height:3rem; border-radius:50%;} #cateBannerSt figure img{width:100%; height:100%; object-fit:cover;} #cateBannerSt h3{margin-right:1.5rem;} @media (min-width:576px){ .vc-category-banner{height:8rem;} .vc-category-banner .vc-category-banner-content{justify-content:center;} #cateBannerId figure{width:3.5rem; height:3.5rem;} #cateBannerSt figure{width:4rem; height:4rem;} } @media (min-width:992px){ .vc-category-banner{height:10rem;} .vc-category-banner figure{-webkit-transition:all .3s; transition:all .3s;} /* .vc-category-banner figure:before{border-width:4px;} */ #cateBannerId figure{width:5rem; height:5rem;} #cateBannerSt figure{width:5rem; height:5rem;} } @media (min-width:1200px){ .vc-category-banner{height:14rem;} } /* *********************************************************************************************************************************************** */ /* 미니홈피 */ .vc-mhp-header .img{height:4rem; padding:1rem; border-top:solid 1px #EBECED; border-bottom:solid 1px #EBECED;} .vc-mhp-header .img img{max-height:2.5rem;} .vc-mhp-header .text{padding:1rem;} .vc-mhp-header .text h4{margin-bottom:0; margin-right:.5rem; font-size:1.125rem;} .vc-mhp-header .name{margin-bottom:.25rem;} .vc-mhp-grade-img{width:auto; height:1.5rem;} .vc-mhp-header .grade{margin-bottom:.5rem;} .vc-mhp-header .categroy{/*margin-bottom:1rem; */font-weight:700;line-height: 20px;} .vc-mhp-header .categroy span{margin-right:.4rem;font-weight: normal;} .vc-mhp-header .summary{height:3rem; -webkit-line-clamp:2; line-height:1.5;} .vc-mhp-header .movie{width:100%; padding:1rem;} .vc-mhp-header .movie iframe{border-radius:.5rem;} .vc-category-square{width:.975rem; height:.975rem; margin-left:.25rem; border-radius:.125rem;} .vc-mhp-nav{/*max-width:1200px;*/ margin:1rem auto 2rem; padding:2rem 1.5rem; border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;} .vc-gpp-nav{padding: 1.5rem 0rem;} /*.vc-mhp-nav li{padding:0 .7rem;}*/ .vc-mhp-body section{padding:1rem; border-radius:.5rem; border:1px solid #D5D8DB;} .vc-mhp-body section + section{margin-top:1.25rem;} .vc-mhp-body section h5{margin-bottom:1rem; font-size:1.125rem;} .vc-mhp-content .hashtag{display:block; margin-bottom:.25rem; margin-right:.25rem; padding:.5rem; border-radius:2rem; background-color:#F1F2F3;font-size: .8rem;} .vc-mhp-content .vc-mhp-keyword {border-color: rgb(255,113,76,60%) !important;} .vc-mhp-keyword h5 {color: #ff714c;} .vc-mhp-lock{padding: 0!important;} .vc-mhp-lock h5{display:table;margin: 0 auto!important;padding: 2rem 0;font-size: 1rem!important;} .vc-mhp-binfo .icon{font-size:2rem;} .vc-mhp-binfo .content{padding-left:.5rem;} .vc-mhp-binfo li{margin-bottom:1rem;} .vc-mhp-binfo h6{margin-bottom:.25rem;} .vc-mhp-binfo i {color: #77ACF1;} .vc-mhp-binfo a{color: #67717C} .vc-mhp-binfo .bs_infor {margin-top: 1rem;margin-left: 0rem;} .vc-mhp-binfo .bs_infor li {display: flex;width: 100%;text-align: left;padding-left: 0!important;padding: .25rem 0;} .vc-mhp-binfo .bs_infor .infor {width: 40%;} .vc-mhp-binfo .bs_infor span {width: 60%;} .vc-mhp-body section.vc-mhp-tech h5{margin-bottom:1rem;} .vc-mhp-body section.vc-mhp-tech{border:1px solid #FF714C; box-shadow:inherit} .vc-mhp-tech .tech{margin-bottom:.5rem;} .vc-mhp-tech .tech li{width:4rem; height:4rem; margin-right:.75rem; margin-bottom:.75rem; border-radius:50%; -webkit-box-shadow:0px 2px 8px rgb(0 0 0 / 10%); box-shadow:0px 2px 8px rgb(0 0 0 / 10%); font-weight:bold;} .vc-mhp-tech .patent{line-height:1.2} .vc-mhp-tech .patent li{display:flex; align-items:center; margin-bottom:.5rem;} .vc-mhp-tech .patent li strong, .vc-mhp-tech .patent li span{display:inline-flex;} .vc-mhp-tech .patent li span.vc-gray-7{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;} .vc-mhp-tech .patent li strong{justify-content:center; min-width:11rem;min-height:1.7rem;padding-top:0.2rem; margin-right:.75rem;border-radius:2.5rem; background-color:#FF714C;color:#fff;} /* .vc-mhp-tech .patent li strong{justify-content:center; min-width:5rem; margin-right:.75rem;border-radius:2.5rem; background-color:#FF714C;color:#fff;} */ .vc-mhp-intro .intro{line-height: 1.6;} .vc-mhp-his .his li{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: .5rem 0;max-width: 95%;} .vc-mhp-his .his li strong {text-align: center;padding: 0 1rem;display: inline-block;letter-spacing: 1px;min-width: 5rem;color: #ff714c;} .vc-mhp-his #button,.vc-mhp-keyword #button2 {display: block;margin: 1rem auto;padding: .5rem 1rem;background: #ff714c;color: #fff;border-radius: 4px;} .vc-mhp-his #button{background: #fff;border: 1px solid #ccc;color: #aaa;} .vc-mhp-brief .brief{line-height:1.6;word-break: break-all;} .vc-mhp-body section.vc-mhp-contact{background-color:#F8F8F9;} .vc-mhp-body section.vc-mhp-contact h5{margin-bottom:1rem; } .vc-mhp-contact .profile{margin-bottom:1rem;} .vc-mhp-contact .profile img{width:4.5rem; height:4.5rem; border-radius:50%; background-color:#fff;} .vc-mhp-contact .cinfo{margin-top: 2.5rem;padding: 1.5rem 1.5rem .5rem;text-align: center;} .vc-mhp-contact .cinfo i{font-size:1.125rem;} .vc-mhp-contact .cinfo dl{margin-bottom:.375rem;justify-content: center;} .vc-mhp-contact .cinfo dd{padding: 0 .2rem 0 .25rem;} .vc-mhp-contact .contact1{/*margin-bottom:1rem;*/} .vc-mhp-contact .contact2{padding-top:1rem; border-top:1px solid #67717C;} .vc-mhp-contact .contact-ul li{width:7rem; height:7rem; border-radius:50%;position: relative;top: 1.5rem;} .vc-mhp-contact .contact-ul li img{border-radius:50%;width:100%;height:100%;object-fit:cover;box-shadow: 0 0 0 .4rem #F8F8F9;} .vc-mhp-contact .contact2 .contact-ul li{background-color:#0C77FB; color:#fff;} .vc-mhp-contact .contact-ul a{width:100%; height:100%; font-size:1.75rem;} .vc-mhp-contact .contact2 a{color:#fff;} .vc-mhp-contact .contact2 p{margin-bottom:1rem;} .vc-contact-pname{display:block; margin:1rem 0; font-size:1.5rem;font-weight: 600;} .vc-mhp-btn{position:fixed; bottom:0; left:0; width:100%; padding:1rem; background-color:#fff; border-radius:.5rem; -webkit-box-shadow: -1px -9px 21px -3px rgba(0,0,0,0.15); box-shadow: -1px -9px 21px -3px rgba(0,0,0,0.15); z-index:1000} .vc-btn-more-area{margin-top:.5rem;} .vc-btn-more-area .vc-btn-secondary-line{border-color:#D5D8DB;} .btn_contact{padding: 0 3rem;margin-bottom: .6rem;background: none;} .vc-mhp-btn.static{position:static; bottom:inherit; left:inherit; padding:0; -webkit-box-shadow:inherit; box-shadow:inherit;padding: 0 3rem!important;margin-top: .5rem !important;} .vc-mhp-btn.inquiry{background-color: transparent;margin: 0 auto;} .vc-mhp-btn a{margin-top:0;} .vc-btn-primary-line.inquiry,.btn_contact a,.vc-btn-primary-line.nowcontact{padding: .45rem .75rem;} .vc-btn-primary-line.nowcontact{margin-bottom: .5rem;} .aside_logo{text-align: center;padding: 1.5rem 1.5rem 1rem;} .aside_logo img{width: 30%;} .vc-mhp-video li{position:relative; width:100%; padding-top:56.25%; overflow:hidden;} .vc-mhp-video li + li{margin-top:1rem;} .vc-mhp-video li iframe{position:absolute; top:0; left:0; width:100%; height:100%; border-radius:.5rem;} .aside{position:relative;} .aside h5{margin:1rem 0 .2rem;color: #0c77fb;font-size: 1.4rem;font-weight: 400;} .vc-mhp-body section#mhpContact{padding: 0;} .aside ul.contact-ul{background: #77ACF1;border-top-right-radius: .5rem;border-top-left-radius: .5rem;height: 5rem;} .aside h6,.aside dd{font-size: 1rem;font-weight: 400;line-height: 1.5;} .aside dd::after{content: "\002E";top:-.15rem;position: relative;left: .2rem;font-size: 1.1rem;} .aside dd:last-child::after{display: none;} .aside ul li strong{padding-right: .5rem;} .aside .aside_sns_click{margin-top: 1rem;justify-content: center;} .aside .aside_sns_click li{margin-right: 1.5rem;} .aside .aside_sns_click li:last-child{margin-right:0;} .aside .aside_sns_click li i{width: 3rem;height: 3rem;line-height: 3rem;} .aside .tm_f{position: relative;} .aside span.tm_online{width: 1.4rem;height: 1.4rem;position: absolute;right: .2rem;top: 5.4rem;background-color: #0c77fb;border-radius: 50%;border: .31rem solid #F8F8F9;} /* .aside-fix-par{position: relative;} .aside-fix{position: fixed;top: 0;left: 0;} */ /*미니홈피 추가*/ @media(max-width:280px){ .vc-mhp-binfo .bs_infor .infor{width: 50%;} .vc-mhp-binfo .bs_infor span{width: 50%;} .vc-mhp-tech .tech li{width: 3rem;height: 3rem;} .vc-mhp-tech .patent li strong{min-width: 2.5rem;} .vc-mhp-his .his li strong{min-width: 3rem;} } @media (min-width:414px){ .vc-mhp-binfo ul{display:flex; flex-wrap:wrap;} .vc-mhp-binfo li{width:50%;} /*.vc-mhp-binfo li:nth-child(odd){padding-right:.5rem;} .vc-mhp-binfo li:nth-child(even){padding-left:.5rem;}*/ } @media (min-width:576px){ .vc-mhp-video ul{margin:0 -.5rem;} .vc-mhp-video li{width:calc(50% - 1rem); margin:0 .5rem 1rem; padding-top:calc(56.25% / 2);} .vc-mhp-video li + li{margin-top:0;} } @media (min-width:768px){ .vc-mhp-header .info{display:flex; padding:0 1.25rem;align-items: center;margin-bottom: 1rem;} .vc-mhp-header .img{width:10rem; height:10rem; border-radius:50%; border:solid 1px #D5D8DB;} .vc-mhp-header .text{width:calc(100% - 10rem); padding:0; padding-left:1.5rem;} .vc-mhp-header .movie{padding:1.25rem;} .vc-mhp-header .movie iframe{height:24rem;} .vc-mhp-btn{position:static !important; bottom:inherit !important; left:inherit !important; padding:0; -webkit-box-shadow:inherit; box-shadow:inherit} .vc-mhp-body{display:flex; } .vc-mhp-content{width:calc(100% - 16rem); padding-right:1.25rem;min-width: calc(100% - 16rem);} .vc-mhp-body section.vc-mhp-contact{min-width:16rem; margin-top:0;} .cfix #mhpContact{position:-webkit-sticky; position:sticky; top:1rem;} .vc-mhp-contact .contact-ul li{width:8rem; height:8rem;} .vc-mhp-contact .contact-ul a{font-size:1.5rem;} .btn_contact{margin-bottom: .15rem;} .aside ul.contact-ul{height: 7rem;} .vc-mhp-contact .contact-ul li{top: 3rem;} .vc-mhp-contact .cinfo{margin-top: 3rem;} .vc-mhp-btn.inquiry{padding: .5rem 2rem;} .btn_contact{padding: .5rem 2rem 0;} .aside span.tm_online{width: 1.6rem;height: 1.6rem;top: 6rem;border: .33rem solid #F8F8F9;} .vc-mhp-binfo .bs_infor {margin-top: 2rem;margin-left: 1rem;} .vc-mhp-binfo .bs_infor .infor {width: 25%;} .vc-mhp-binfo .bs_infor span {width: 75%;} .vc-mhp-body section h5{margin-bottom:2rem;} .vc-mhp-header .img img{max-height:4rem;} .vc-mhp-header .categroy span{margin-right:1.125rem;font-size: .9rem;} .vc-mhp-tech .tech li{width:5rem; height:5rem;} } @media (min-width:992px){ .vc-mhp-header .img img{width:100%;} .vc-mhp-header .text h4{font-size:1.8rem} .vc-mhp-nav li{padding:0 1.2rem;} .vc-mhp-nav a:hover{color:#0C77FB; -webkit-transition:color .3s; transition:color .3s;} .vc-mhp-grade-img{height:2rem;} .vc-mhp-content{width:calc(100% - 20rem);min-width: calc(100% - 20rem);} .vc-mhp-body section.vc-mhp-contact{min-width:20rem;} .vc-mhp-contact .contact-ul li{width:11rem; height:11rem;} .vc-mhp-contact .contact-ul i{font-size:1.75rem} .vc-mhp-contact .contact-ul a{font-size:1.75rem;} .vc-mhp-video a{position:relative;} .vc-mhp-video a:after{content:''; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%,-50%); width:0; height:0; border:0 solid transparent; border-bottom-width:10px; border-top-width:10px; border-left:17px solid #FF714C; border-radius:.25rem; opacity:0; -webkit-transition:all .3s ease-out; transition:all .3s ease-out;} .vc-mhp-video a:hover{border-color:#FF714C; background-color:#FF714C; -webkit-transition:all .3s; transition:all .3s;} .vc-mhp-video a:hover:after{opacity:1; } .aside ul.contact-ul{height: 8rem;} .vc-mhp-contact .contact-ul li{top: 2.5rem;} .vc-mhp-contact .cinfo{margin-top: 4.5rem;} .vc-mhp-btn.inquiry{padding:.5rem 3rem;} .btn_contact{padding: .5rem 3rem 0;} .aside span.tm_online{right: .4rem;top:8.5rem;} [data-title]{position:relative; } [data-title]:before, [data-title]:after{-webkit-transition:all .3s; transition:all .3s;} [data-title]:hover:before{content:''; position:absolute; bottom:-.5rem; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border: .5rem solid transparent; border-bottom: .5rem solid #FF714C; } [data-title]:hover:after{content:attr(data-title); position:absolute; bottom:-2rem; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); padding:.275rem .75rem; background-color:#FF714C; border-radius:.5rem; line-height:1.33 !important; color:#fff; font-size:14px; white-space:nowrap;} .vc-mhp-content .hashtag{margin-bottom:.5rem; margin-right:.5rem; padding:.675rem 1rem;font-size: 1rem;} .vc-mhp-lock h5{padding: 3rem;font-size: 1.4rem!important;} } @media (min-width:1200px){ .vc-mhp-header{display:flex; /*max-width:1248px;*/ margin:auto; padding:0 1.5rem 2rem; } .vc-mhp-header .info{width:calc(100% - 24rem); padding:0; padding-right:1.5rem;} .vc-mhp-header .movie{width:24rem; padding:0;} .vc-mhp-header .movie iframe{width:100%; height:15rem;} .vc-mhp-body section.vc-mhp-contact{width:24rem;} .vc-mhp-nav{margin-top:0; margin-bottom:3rem; padding:1.2rem 1.5rem;} .vc-mhp-content{width:calc(100% - 20rem); padding-right:1.5rem;min-width: calc(100% - 20rem);} .vc-mhp-content.vc-mhp-profilecontent{width:calc(100% - 20rem); padding-right:1.5rem;min-width: calc(100% - 20rem);} .vc-mhp-body section{padding:1.5rem;} .vc-mhp-body section + section{margin-top:1.5rem;} .vc-mhp-body section h5{font-size:1.25rem;} .vc-mhp-binfo li{display:block; width:25%;} .vc-mhp-binfo .icon{text-align:center; font-size:3rem;} .vc-mhp-binfo .content{padding:0; padding-top:.5rem; text-align:center;} .cfix #mhpContact{top:5rem;} .aside h5{margin-top: 0;} } /*new 미니홈피*/ /*공통부분*/ #gpp h5{font-weight: 600;} #gpp section{border: none;padding: 1.5rem 0;} #gpp img{image-rendering: -webkit-optimize-contrast;} #gpp .vc-mhp-header .mhp_logo img{width: 6rem;height:100%;} #gpp .vc-mhp-introduction img,#gpp .vc-mhp-preview img,#gpp .vc-mhp-mainproduct img,#gpp .vc-mhp-facility img{margin-bottom:.5rem;} .vc-mhp-mainproduct p{font-size: 1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-transform: lowercase;} .vc-mhp-header .mhp_logo{height:4rem; padding:1rem 1rem 0 1rem;justify-content: start;} .vc-mhp-header .newcategory span{position: relative;} /*.vc-mhp-header .newcategory span:after{display: block;content: ""; width: 1px;height: 11px;background: #67717C;position: absolute;top: 3px;left: -4px;}*/ .vc-mhp-header .newcategory span:first-child:after{display: none;} .vc-mhp-nav ul li a strong.active{position: relative;} .vc-mhp-nav ul li a strong.active:after{position:absolute;display: block;content: "";width: 1px;background: #0c77fb;} .vc-gpp-nav .vc-wide-area{padding: 0;} .vc-gpp-nav ul li{text-align: center;} .vc-gpp-nav ul li a{color: #ababab;} .vc-gpp-nav ul li.active{position: relative;} .vc-gpp-nav ul li.active a{color: #1D2B3B;} .vc-gpp-nav ul li.active:after{position:absolute;display: block;content: "";width: 105%;background: #0c77fb;height: 2px;top: 2.75rem!important;left: 50%;transform: translateX(-50%);} .buyer-country{width: 23px;margin-left: .25rem;} .vc-gpp-PCfollow{display: none;} .vc-gpp-MOfollow{display: block;padding: 0;} #gpp .keywordaside{width: 100%} .vc-gpp-PCfollow{padding: 0.75rem;} .vc-gpp-MOfollow .followbox{margin-top: 1rem;} #gpp .aside{display: none;} #gpp .aside h5{margin: 1.8rem 0 1.5rem;color: #3B4754;font-size: 1.25rem;} #gpp .aside #mhpContact a{padding: .5rem;margin: .25rem;background: #f3f5f8;color: #212121;border-radius: 15px;font-size: .9rem;} .swipe-keyword{display: block;} /*new gpp home*/ /*.gpp_imgslide > div{width: 1032px;height: 500px;}*/ .gpp_imgslide > div{width: 100%;} .gpp_imgslide > div img{width: auto;height: 205px;object-fit: contain;} #gpp h6{padding: 1rem 0 .5rem;} .vc-mhp-preview img{width: 100%;height:150px;object-fit: contain;} .vc-mhp-category li{background: #f9fafb;margin: .5%;padding: 1rem 1.5rem;border-radius: 15px;max-width: 49%;} .vc-mhp-category ul li div {justify-content: space-between;} .vc-mhp-category ul li div b{border-radius: 50%;overflow: hidden;width: 85px;height: 85px;display: none;background: #fff;} .vc-mhp-category ul li div b img{height: 100%;width: 100%;object-fit: cover;} .vc-mhp-category span{padding-top: .5rem;color: #ababab;} .gpp_certifislide>div{border: 1px solid #f3f5f8;width: 100%;border-radius: 5px;} .gpp_certifislide h6{background:#f3f5f8;padding: 1rem!important;} .gpp_certifislide ul{padding: 1rem;} .gpp_certifislide>div ul li{padding: .5rem;display: flex;} .gpp_certifislide ul li strong{width: 50%;display: block;} .gpp_certifislide ul li span{width: 50%;display: block;} .swiper-slide{width: auto!important;flex: none;} .gpp_certifislide ul.slick-dots{position: absolute;bottom:-3rem;} .preview-team{display: none;} .facility_none{display: none;} .vc-mhp-facility img{object-fit: cover;width:100%;height: 150px;} /*new gpp profile*/ .vc-mhp-introduction .brief{width:90%;line-height: 25px;padding-right:0.5rem} .perfor-table th{background: #fafafa;font-weight: bold;} .perfor-table td,.perfor-table th{border: 1px solid #f4f4f4;padding: .75rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .mobile-perfor tbody{display: flex;} .mobile-perfor tr{width:50%;} .pc-perfor{display: none;} .bs_infor.factory_infor{margin-left: 0;} .factory_infor li{margin: 0;padding: 0!important;} .factory_infor li strong{background: #fafafa;font-weight: bold;border: 1px solid #f4f4f4;padding: .75rem;} .factory_infor li span{border: 1px solid #f4f4f4;padding: .75rem;} .cateaside{font-weight: bold;} .cateaside ul li{border: 1px solid #e5e6e9;margin-bottom: 0.5rem;border-radius: 5px;} .cateaside ul li a{padding: .8rem;display: block;} .cateaside ul li i{margin-right: 1.2rem;} .cateaside ul li.active{border:1px solid #0c77fb;background:#f3f8ff;} .cateaside ul li.active a{color: #0c77fb;} .gpp-Brochure .pdfbtn{background: #eee;border-radius: 30px;padding: 1rem;text-align: center;display: block;width: 100%;margin-top: -1rem;} .gpp-Brochure i{margin-right: .5rem;} .pc-keyword{display: none;} .infor-mobile{display: block;} .infor-pc{display: none;} .infor-pc div{width: 100%;padding: 0 .5rem;} .infor-pc img{height: 10rem;object-fit: contain;width: 100%;} .factory_img div img{width:100%;height: 10rem;object-fit: cover;} .gpp-history .his li{width: 100%;max-width: none;padding:0;border: 1px solid #f4f4f4;} .gpp-history .his li strong{color:#1D2B3B;background: #fafafa;padding: .5rem 0;min-width: 4rem;} .gpp-history .his li span{padding-left: 2%;} .send-message{border: 1px solid #f3f5f8;padding: 2rem 1rem;box-shadow:0px 0px 5px rgb(0 0 0 / 10%);border-radius: 5px;} .send-message .message-top{margin-bottom: 1rem} .send-message .message-top button{background: #e7f2ff;color: #0c77fb;padding:.5rem 2rem;font-weight: bold!important;} .send-message .message-bottom div{margin-bottom: .5rem;} .send-message .message-bottom select{border: 3px solid #f3f5f8;border-radius: 5px;} .send-message .message-bottom textarea{border: 3px solid #f3f5f8;border-radius: 5px;} /*new gpp product*/ .tab_product > div{display: none;} .tab_product > div.active{display: flex;flex-wrap: wrap;} .tab_product > div.active > div{margin-bottom: 2.5rem;} .tab_product > div.active > div p{margin-top: .5rem;font-size: .9rem;} .tab_product > div.active a{background: #f8f9fa;display: block;padding: 3rem 1rem;} .gpp_productimg{height: 14rem;/*object-fit: cover;*/width: 100%;object-fit: contain;} .gpp_productimg.main-productimg{background: #f9fafb;} .swipe-category ul li{} .swipe-category ul li a{background: #fafafa;padding: .65rem 1rem;border: 1px solid #eee;border-radius: 9px;color:#555;font-weight: bold;} .swipe-category ul li.active a{background: #f3f8ff;border: 1px solid #0c77fb;color: #0c77fb;} .vc-mhp-productlist{padding-bottom: 3.5rem!important;} .tab_product .active_h{min-height:400px;} .cate_menu{display:flex;align-items:center} /* .cate_menu i{margin-right:0.5rem!important} */ /*new gpp facility*/ .vc-mhp-content2{width: 100%} .facili-slide{display: block;} .infortable{width: 100%;} .infortable th{width: 25%;background: #fafafa;padding: 1rem;border: 1px solid #f4f4f4;font-weight: bold;font-size: .8rem;} .infortable tr{display: flex;} .infortable td{width: 75%;padding: 1rem;border: 1px solid #f4f4f4;font-size: .8rem;} .gpp_facilslide{position: relative;} .gpp_facilslide .slick-prev{position: absolute;top: -2.5%;left: 97%;transform: translate(-2rem,-0.6rem);z-index: 1;} .gpp_facilslide .slick-next{position: absolute;top: -2.5%;left: 97%;} .gpp_facilslide .slick-prev:before,.gpp_facilslide .slick-next:before{color: #ddd;opacity: 1;} .gpp_facilslide .brief{padding: 1rem 0 0 0;line-height: 20px;} .vc-mhp-facilities img{width: 100%;height: 11rem;object-fit: cover;} .vc-mhp-facilities > div > div{margin-bottom: 2.5rem;} /*new gpp interview*/ .gpp-interview-strong strong{color: #0c77fb;} .gpp-interview-strong .related{font-size: .8rem;border: 1px solid #f3f3f4;color: #85878c;background: #f9f9fb;padding: .25rem;} .gpp-interview-strong h6{padding: .5rem 0 1rem!important;} .gpp-interview-strong img{margin-bottom: 1rem;max-height: 400px;} /*-------------------------------------------------------------------------*/ /* Skill bar style /*-------------------------------------------------------------------------*/ .zt-skill-bar {color: #fff;font-size: 11px;line-height: 25px;height: 2.8rem;margin-bottom: 5px;border: 1px solid #E5E5E5;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px; position: relative;} .zt-skill-bar * {webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .zt-skill-bar2 {color: #fff;font-size: 11px;line-height: 25px;width: 25%;margin: 5% 3% 5px; background: #f3f3f4;transform: rotate(180deg);-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;position: relative;} .intergraph2:before {display: block;content:"";width: 80%;height: 1px;background: #ccc;position: absolute;top: -5%;} .zt-skill-bar2 * {webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .graphnone{display: none;} .zt-skill-bar.highbar div{background-color: #b7d7fe; } .zt-skill-bar div {background-color: #f3f3f4;padding-left: 25px;width: 0;height: 100%;font-size: .9rem;padding-top: 8px;color: #4b4c50;font-weight: bold;-webkit-border-radius: 2px;-moz-border-radius: 2px; -ms- border-radius: 2px;border-radius: 2px;} .zt-skill-bar span {display: block;position: absolute;right: 3%;top: 8px;height: 100%;padding: 0 5px 0 10px; -webkit-border-radius: 0 2px 2px 0;-moz-border-radius: 0 2px 2px 0;-ms-border-radius: 0 2px 2px 0;border-radius: 0 2px 2px 0;} .zt-skill-bar .head_txt{position:absolute;left:0;} .zt-skill-bar2.highbar div{background-color: #b7d7fe; } .zt-skill-bar2 div {background-color: #f3f3f4;padding-left: 25px;height: 0;font-size: .9rem;padding-top: 8px;color: #4b4c50;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms- border-radius: 2px;border-radius: 2px;} .zt-skill-bar2 span {position: absolute;right: 50%;top: 1.5rem;height: 100%;padding: 0 5px 0 10px;transform:rotate(180deg) translateX(-50%);color: #4b4c50;-webkit-border-radius: 0 2px 2px 0;-moz-border-radius: 0 2px 2px 0;-ms-border-radius: 0 2px 2px 0;border-radius: 0 2px 2px 0;} .zt-skill-bar2.highline span {display: block;color: #FAA589;font-weight: bold;font-size: .85rem;} .zt-skill-bar2 em {display: block;width: 100%;position: absolute;right: 50%;top: 115%;transform:rotate(180deg) translateX(-50%);color: #4b4c50;text-align: center;font-size: .7rem;line-height: 15px;font-weight: bold;-webkit-border-radius: 0 2px 2px 0;-moz-border-radius: 0 2px 2px 0;-ms-border-radius: 0 2px 2px 0;border-radius: 0 2px 2px 0;} .zt-skill-bar2 em b{position: absolute;bottom: -18rem;right: 50%;transform: translateX(50%);font-size: .9rem;} .zt-skill-bar2.highline div{background-color: #FAA589;} .zt-skill-bar2 div {background-color: #e3e3e3;padding-left: 25px;height: 0;font-size: .9rem;padding-top: 8px;color: #4b4c50;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms- border-radius: 2px; border-radius: 2px;} .resultbox-left,.resultbox-right{background:linear-gradient(0deg, #f3f3f4, #e8e8ec);border-radius: 10px;padding: 1rem;} .resultbox-right{position: relative;min-height: 9rem;margin-top: 1rem;} .resultbox-left p,.resultbox-right p{font-weight: bold;color: #868e96;} .resultbox-left span{font-weight: bold;font-size: 1.5rem;padding: 2rem 0;display: block;} .resultbox-right .resultbox-right-content{position: absolute;left: 50%;transform: translateX(-50%);padding: 1rem 0;width:90%;} .resultbox-right .resultbox-right-content li{padding: .25rem 0;font-weight: bold;} .resultbox-right .resultbox-right-content li strong{color: #1d2b3b;} .gpp-interview-strong .related.result{color: #4b4c50;background: #ebebee;margin-bottom: 1rem;display: inline-block;border: 1px solid #dedede;} .No-interview{display: block;text-align: center;font-size: 1.4rem;font-weight: bold;padding-top: 10%;padding-bottom: 10%} @media (max-width:320px){ .zt-skill-bar .head_txt{overflow:hidden;text-overflow:ellipsis;width:200px;white-space:nowrap} } @media (min-width:576px){ .gpp_imgslide > div img{width: auto;height: 310px;} .preview-team{display: block;} .vc-mhp-category ul li div b{display: block;} .facility_none{display: block;} .mobile-perfor{display: none;} .pc-perfor{display: inline-table;} .resultbox-right{max-width: calc(66.666667% - .5rem);margin-left: .5rem;margin-top: 0;} .resultbox-right .resultbox-right-content{width: fit-content;} } @media (min-width:768px){ .vc-mhp-header .mhp_logo{width:16rem; height:6rem;padding: 1rem; /*border-radius:50%;*/ /*border:solid 1px #D5D8DB;*/justify-content: center;overflow: hidden;} .cateaside{max-width: 256px;} .fixinner.fixaside{position: fixed;top: 7%;max-width: 256px;} .vc-gpp-MOfollow{display: none;} .vc-gpp-PCfollow{display: flex;} .vc-gpp-PCfollow .vc-wide-area{padding: 0;} .vc-mhp-header .newcategory span:after{display: block;content: ""; width: 1px;height: 11px;background: #67717C;position: absolute;top: 4px;left: -9px;} .vc-gpp-nav{padding: .25rem 1rem;} .swipe-keyword{display: none;} #gpp .aside{display: flex;} /* .gpp_imgslide > div img{width: 100%;height: 260px;} */ .gpp_imgslide > div img{width:auto;height: 260px;} .pc-keyword{display: block;} .infor-mobile{display: none;} .infor-pc{display: flex;} .infortable th,.infortable td{font-size: 1rem;} .gpp_facilslide .slick-prev{top: -3.5%;} .gpp_facilslide .slick-next{top: -3.5%;} .vc-mhp-facilities img{height: 13rem;object-fit: cover;} .gpp-interview-strong h6{padding: .5rem 0 2rem!important;} .graphnone{display: block;} .send-message{padding: 2.5rem 2rem;} .send-message .message-top{margin-bottom: 3rem} #gpp .vc-mhp-header .mhp_logo img{width: 100%;height: auto;} .factory_img div img{height: 15rem;} .resultbox-right{max-width: calc(58.333333% - .5rem);margin-left: .5rem;margin-top: 0;} } @media (min-width:992px){ .fixinner.vc-gpp-header{width: 100%; position: fixed;z-index: 10;top: -8rem; left: 50%;transform: translateX(-50%);} .fixinner.vc-gpp-header::before{content:''; position:fixed; top:-.5rem; left: 0; width:100%; height:10.5rem; background-color: rgba(255, 255, 255, .95); backdrop-filter: blur(2px); z-index:-1; } .fixinner.vc-gpp-header .info{margin-top: .7rem;} .fixinner.vc-gpp-nav{width: 100%; position: fixed;z-index: 10;left: 50%;top:0rem; transform: translateX(-50%);} .fixinner.vc-gpp-nav::before{content:''; position:fixed; top:0rem; left: 0; width:100%; height:100%; background-color: rgba(255, 255, 255, .95); backdrop-filter: blur(2px); z-index:-1; } .fixinner.vc-mhp-body{margin-top: 8rem} .vc-gpp-PCfollow{padding: .25rem 0.75rem;} .vc-gpp-nav .vc-wide-area{padding: 0 1rem;} .vc-gpp-nav{padding: .3rem 1.5rem;} /* .gpp_imgslide > div img{width: 1032px;height: 380px;object-fit: contain;} */ /* .vc-home-introduction .gpp_imgslide > div img{min-width: 50%;width:70%;height: 380px;object-fit: contain;} */ .vc-home-introduction .gpp_imgslide > div img{width:auto;height: 380px;object-fit: contain;} .gpp_imgslide > div img{min-width: 45%;width:45%;height: 380px;object-fit: contain;} .vc-mhp-preview img{width: 500px;height: 250px;} .vc-mhp-category li{padding: 1.3rem 2rem;} .fixinner.fixaside{max-width: 320px;top: 37%;} .cateaside{max-width: 320px;} .facili-slide{display: flex;} .gpp_facilslide .brief{padding: 2rem;line-height: 25px;} .gpp_facilslide .slick-prev{top: -2.5%;} .gpp_facilslide .slick-next{top: -2.5%;} .vc-mhp-facilities > div > div{margin-bottom: 4rem;} .vc-mhp-facilities img{height: 16.5rem;} .zt-skill-bar2 em b{bottom: -17.5rem;} .gpp-history .his li strong{min-width: 5rem;padding: 1rem 0;} .vc-mhp-facility img{height: 200px;} .resultbox-right{max-width: calc(58.333333% - 1rem);margin-left: 1rem;} .resultbox-left,.resultbox-right{padding: 2.5rem 1rem;} .resultbox-left span{font-size: 2rem;} .vc-gpp-nav ul li.active:after{top: 2.35rem!important;} } @media (min-width:1200px){ .vc-gpp-nav ul li.active:after{width: 100%;} .fixinner.fixaside{max-width: 320px;top: 12%;} .fixinner.fixaside.profileaside{max-width: 336px;} .cateaside{max-width: 320px;} .gpp_facilslide .brief{padding: 0 1rem 0 3rem;} .zt-skill-bar2 em {top: 120%;font-size: .85rem;} .vc-mhp-facility img{height: 250px;} .fixinner.vc-gpp-header::before{height:9.5rem;} .factory_img div img{height: 20rem;} .infor-pc img{height: 15rem;} .resultbox-right{max-width: calc(58.3333% - 1rem);} } /*********************************************************************************************************************************/ /*미니홈피 샘플페이지*/ /*.Verified{width: 8rem;padding-left: 1rem;position: absolute;top: 15rem;left: 42rem;}*/ #minihp.sample,#facil.sample2{font-family: 'Inter', 'Noto Sans KR', -apple-system, BlinkMacSystemFont,'Malgun Gothic', sans-serif;} #minihp.sample h5{font-weight: 600;} #minihp.sample figure.facil_V{text-align: right;margin:0 1rem 1rem 0;} #minihp.sample .company_logo{text-align: center;} #minihp.sample .Verified.logomark{width: 60px;padding-top: 1rem;margin-left: 1rem;} #minihp.sample .Verified{width: 20%;text-align: right;} #minihp.sample .vc-mhp-his h5{color: #ff714c;} #minihp.sample section.vc-mhp-his{border:1px solid rgb(255,113,76,60%)!important;} #minihp2{font-family: 'Inter', 'Noto Sans KR', -apple-system, BlinkMacSystemFont,'Malgun Gothic', sans-serif;} #minihp2 h5{font-weight: 600;} #minihp2 figure.facil_V{text-align: right;margin:0 1rem 1rem 0;} #minihp2 .company_logo{text-align: center;} #minihp2 .Verified.logomark{width: 88px;padding-top: .8rem;margin-left: 1rem;} #minihp2 .Verified{width: 10%;text-align: right;} #minihp2 .vc-mhp-his h5{color: #ff714c;} #minihp2 section.vc-mhp-his{border:1px solid rgb(255,113,76,60%)!important;} #minihp2 .facImg{text-align:center;} .facil_product h5.facil{margin-bottom: 0rem;} .facil_product h5.prod{/*margin-top: 3rem;*/margin-bottom: 0rem;} .facil_product ul img,.factory ul img{width: 100%;height: 6rem;object-fit: cover;} .factory ul img{height: 7rem;width: 15rem;} .imgName{font-size: .8rem;padding-top: .5rem;text-align: center;} .facilitiesBOX{margin-bottom: 1rem;} /*.facil_product .facilities{margin-bottom: 3rem;}*/ .facil_product .facilities ul{display: flex;} .facil_product .facilities ul li{width: 33.3333%;padding: .1rem} .facil_product .product ul{display: flex;} .facil_product .product ul li{width: 50%;padding: .1rem;} .factory ul{display: flex;} .factory ul li{width: 50%;padding: .1rem;} .vc-mhp-market thead tr th{background: #f5f5f5;font-weight: 500;padding: 1rem;} .vc-mhp-market thead tr th.mainM{width: 25%} .vc-mhp-market thead tr th.total{width: 25%} .vc-mhp-market thead tr th.MainP{width: 50%} .vc-mhp-market table { width: 100%; border-collapse: collapse;} .vc-mhp-market tr:nth-of-type(odd) { } .vc-mhp-market th { font-weight: bold;} .vc-mhp-market td{ padding: 6px;text-align: left; } @media only screen and (max-width: 576px){ /* Force table to not be like tables anymore */ .vc-mhp-market table, thead, tbody, th, td, tr {display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .vc-mhp-market thead tr { position: absolute;top: -9999px;left: -9999px;} .vc-mhp-market tr { } .vc-mhp-market td { /* Behave like a "row" */border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%!important; } .vc-mhp-market td:before { /* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;font-weight: bold;} /*Label the data*/ .vc-mhp-market td:nth-of-type(1):before { content: "Market" } .vc-mhp-market td:nth-of-type(2):before { content: "Total Revenue(%)"; } .vc-mhp-market td:nth-of-type(3):before { content: "Main Product(s)"; } } .vc-mhp-market tbody tr{border-bottom: 1px solid #e9e9e9;} .vc-mhp-market tbody tr:last-child{border: 0;} .vc-mhp-market tbody tr td{padding: .5rem;font-size: .8rem;} .vc-mhp-Brochure figure{display: inline-block;} .brochure{display: flex;flex-wrap: wrap;} .brochure>div{width: 33.3333%;text-align: center;} /*모달창*/ .sampleH{height: 100%;} .vc-mhp-modal{border: none!important;padding: 0!important;} .modal,.modal1,.modal2,.modal3,.modal4{position: fixed;width:100%;height: 100%; background: rgba(0,0,0,0.8);top:0;left: 0;display: none;z-index: 1000;} .modal_content,.modal_content1,.modal_content2,.modal_content3,.modal_content4{cursor: pointer;width:95%;background:#fff; border-radius:10px;position:relative; top:50%; left:50%;transform: translate(-50%,-50%);text-align:center;cursor:pointer;} .modal_content1{padding: 1rem;} .modalBtn1{padding: 0;height: 100%;} .modalBtn,.modalBtn1{font-weight: 600!important;color: #fff} .modalBtn,.modalBtn .text-center{font-family: 'Inter', 'Noto Sans KR', -apple-system, BlinkMacSystemFont,'Malgun Gothic', sans-serif;font-size: 1rem;font-weight: 600;} .modalBtn .text-center{color: #ff714c;font-size: .8rem;} .vc-mhp-modal img{display: block;width: 100%;} .vc-mhp-modal img.Technology{max-width: 68%;display: inline;} .modal_txt{padding: 1rem 0;} .vc-Moeffect-btn:hover{border: 1px solid #ff714c; box-shadow: 0px 4px 20px rgb(0,0,0,20%);background-color: transparent;transition: all .3s ease;border-radius: 50%;width: 100%;height: 100%;} .vc-Moeffect-btn2:hover{background-color:transparent !important;box-shadow: 0px 4px 20px rgba(0,0,0,20%);transition: all .3s ease;} .vc-Moeffect-btn2:hover .modalBtn{color: #ff714c;} @media (min-width:576px){ .modal_content,.modal_content1,.modal_content2,.modal_content3,.modal_content4{width:50%;} } @media (min-width:768px){ .modal_content{width: 50%;} .facil_product .facilities ul li{padding: .4rem} .facil_product ul img,.factory ul img{height: 9rem;} .facil_product .product ul li{width: 25%; padding: .5rem;} .imgName{font-size: 1rem;} .facilitiesBOX{margin-bottom: 3rem;} .factory ul li{width: 25%;padding: .5rem;} .brochure>div{width: auto;} #minihp.sample .Verified.logomark{width: 88px;padding-top: .8rem;} .modalBtn .text-center{color: #ff714c;font-size: 1rem;} #minihp.sample .Verified{width: 10%;} #map{height: 500px;} } /* *********************************************************************************************************************************************** */ #facil{overflow-x: hidden;} .vc-facil-li .img{width:100%; height:12.5rem; overflow:hidden;} .vc-facil-li .img img{width:100%; height:100%; object-fit:contain; object-position:center;} .vc-facil-li .text{min-height:8rem; padding:1rem; background-color:#F8F8F9; word-break:keep-all; line-height:1.6;} .vc-facil-ul .slick-slide{height:auto;} /* product 미니홈피-제품 */ #mhpTabBtn{margin-bottom:1rem;} #mhpTabBtn li{margin-bottom:.75rem;} #mhpTabBtn li button{margin-right:.5rem; border-radius:3rem; -webkit-transition:all .3s; transition:all .3s;} #mhpTabBtn li.active button{border-color:#FF714C; background-color:#FF714C; color:#fff; box-shadow:0px 4px 20px rgb(0, 0, 0, .2);} #mhpTabCont{-webkit-transition:all .3s; transition:all .3s;} #mhpTabCont ul{margin:0 -.5rem} #mhpTabCont li{width:calc(50% - 1rem); margin:0 .5rem 1.5rem; line-height:1.8} #mhpTabCont li.no-item{width:100%; padding-top:4rem; text-align:center;} #mhpTabCont figure{height:6rem; border:4px solid #EBECED; background-color:#F8F8F9;} #mhpTabCont figure img{width:100%; height:100%; object-fit:cover;} #mhpTabCont .title{padding:.5rem 0;} /* 관리자 미니홈피 입력 확인화면용 */ #mhpTabCont2{-webkit-transition:all .3s; transition:all .3s;} #mhpTabCont2 ul{margin:0 -.5rem} #mhpTabCont2 li{width:calc(50% - 13rem); margin:0 .5rem 1.5rem; line-height:1.8;} #mhpTabCont2 li.no-item{width:100%; padding-top:4rem; text-align:center;} #mhpTabCont2 figure{height:10rem; border:4px solid #EBECED; background-color:#F8F8F9;} #mhpTabCont2 figure img{width:100%; height:100%; object-fit:contain;} #mhpTabCont2 .title{padding:.5rem 0;} #mainitem_div {display:flex;margin-bottom:50px;} #mainitem_div div{margin-right:50px;} #mainitem_div img{width:100%; height:15vh; object-fit:contain;} .vc-mhp-interview h6{margin-bottom:0;} .vc-mhp-interview figure{margin-top:1rem; margin-bottom:1rem;} .vc-mhp-interview p + p{margin-top:1rem;} .vc-mhp-interview .vc-updown-btn{margin-right:-.75rem; padding-top:0; padding-bottom:0; font-size:1rem;} .vc-mhp-interview .xi-angle-down{-webkit-transition:all .3s; transition:all .3s;} .vc-mhp-interview .vc-card{border-radius:.5rem; box-shadow:0px 2px 10px rgb(0,0,0,.1);} .vc-mhp-interview .vc-card-header{border-bottom:inherit; cursor:pointer;} .vc-mhp-interview .vc-card-body{border-top:1px solid #EBECED} .vc-mhp-interview .vc-card-body p{line-height:1.8} .vc-mhp-interview .xi-angle-down.arrow{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); } @media (min-width:768px){ #mhpTabBtn li button{margin-right:.75rem;} #mhpTabCont figure{height:12rem;} .vc-facil-li{display:flex !important;} .vc-facil-li .img, .vc-facil-li .text{height:22.5rem;} .vc-facil-li .img{width:60%;} .vc-facil-li .text{width:40%; padding:2rem;} .vc-mhp-interview .vc-updown-btn{font-size:1.25rem;} } @media (min-width:992px){ #mhpTabBtn li button{padding:.5rem 1.25rem; font-size:1rem;} #mhpTabCont li{width:calc(33.3333% - 1rem);} #mhpTabCont figure{height:16rem;} #mhpTabCont .title{padding:.75rem 0 1rem;} #mhpTabCont2 li{width:calc(33.3333% - 5rem);} #mhpTabCont2 figure{height:16rem;} #mhpTabCont2 .title{padding:.75rem 0 1rem;} .vc-mhp-interview .vc-card-body{padding:2rem;} } @media (min-width:1200px){ #mhpTabCont ul{margin:0 -.75rem} #mhpTabCont li{width:calc(33.3333% - 1.5rem); margin:0 .75rem 2rem;} #mhpTabCont2 ul{margin:0 -.75rem} #mhpTabCont2 li{width:calc(33.3333% - 10rem); margin:0 .75rem 2rem;} } /* 개발자 추가 */ .attach_div{display:flex;flex-direction:column;} /* .default_set {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;} */ #minihp .location{margin-top:3%;} #minihp .location .lo_head{font-weight:700} #minihp .location .lo_cont{margin-left:3%;} #category .stitle{display:flex;align-items: baseline;} #category .stitle h4{margin-right:20px;} .vc-mhp-nav .noData{color:#858585;} /* inquiry */ #inq .attach{display:flex;flex-direction: column;align-items:flex-start;} #inq .attach div{display:flex;align-items: center;margin-bottom:10px;} #inq .attach div span{margin-left:30px;} #inq .attach input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} #inq .attach label {font-size:1.3rem;color:#0C77FB;border-radius:10px;cursor:pointer;width:100px;height: 100%;border:1px solid #0C77FB;font-weight:normal;display:flex;align-items: baseline;justify-content: center;} #inq .attach label:before{content:"";} /* *********************************************************************************************************************************************** */