@charset "utf-8"; #sub_visual.company{overflow:hidden} #about_page_area{box-sizing:border-box} #about_page_area *{box-sizing:border-box;word-break:keep-all} /*공통*/ #about_page_area .page_cont_box .inner{max-width:1140px;width:100%;padding:120px 0;margin:0 auto} #about_page_area .page_tit_box{margin-bottom:50px;text-align:center} #about_page_area .page_tit_box .s_tit{margin-bottom:10px;font-weight:700;font-size:17px;color:#171c61;font-family:'Montserrat'} #about_page_area .page_tit_box .tit{margin-bottom:20px;font-weight:100;font-size:45px;color:#000} #about_page_area .page_tit_box .tit.only_tit{margin-bottom:0} #about_page_area .page_tit_box .tit.tit_big{font-size:60px} #about_page_area .page_tit_box .tit span{display:inline-block;position:relative;transition:font-weight .5s;transition-delay:.5s} #about_page_area .page_tit_box .tit span:before{content:'';width:0;height:2px;background:#333;position:absolute;left:50%;bottom:0;left:0;transition:font-weight .5s;transition-delay:.5s} #about_page_area .page_tit_box .tit b{font-weight:700;letter-spacing:-2px} #about_page_area .page_tit_box .txt{font-size:20px;line-height:150%;color:#1a1a1a} #about_page_area .page_tit_box.aos-animate .tit span{font-weight:700} #about_page_area .page_tit_box.aos-animate .tit span:before{width:100%} /*회사소개*/ #about_page_area .about_makeway{width:100%;margin:0 auto} #about_page_area .circle_box_area{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin-bottom:80px;overflow:hidden} #about_page_area .circle_box_area .circle_box{width:36%;padding-bottom:36%;border-radius:50%;background:#fff;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.2);position:relative} #about_page_area .circle_box_area .circle_box:before{content:'';width:100%;height:100%;border:3px solid #171c61;box-sizing:border-box;border-radius:100%;position:absolute;top:0;left:0;transition:all .5s;transition-delay:.7s} #about_page_area .circle_box_area .circle_box .inner{width:100%;padding:0 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} #about_page_area .circle_box_area .circle_box + .circle_box{margin-left:-4.1%} #about_page_area .circle_box_area .circle_box03{background:url(/company/img/about_bg.png) repeat} #about_page_area .circle_box_area .circle_box03:before{display:none} #about_page_area .circle_box .s_tit{margin-bottom:10px;font-weight:700;font-size:16px;color:#171c61;font-family:'Montserrat'} #about_page_area .circle_box .tit{font-weight:100;font-size:36px;line-height:130%;color:#333} #about_page_area .circle_box .tit span{transition:font-weight .5s;transition-delay:.7s} #about_page_area .circle_box03 .s_tit{color:#fff} #about_page_area .circle_box03 .tit{color:#fff} #about_page_area .circle_box_area.aos-animate .circle_box:before{border:10px solid #171c61} #about_page_area .circle_box_area.aos-animate .circle_box .tit span{font-weight:700} #about_page_area .com_info{padding:0 20px;border-top:2px solid #333;border-bottom:1px solid #ddd;overflow:hidden} #about_page_area .com_info li{display:flex;align-items:center;width:50%;height:60px;border-bottom:1px solid #ddd;font-size:18px;line-height:150%;float:left;overflow:hidden} #about_page_area .com_info li:last-child{border-bottom:0} #about_page_area .com_info li.full{width:100%} #about_page_area .com_info li .tit{width:140px;font-weight:500;color:#333;display: flex;flex-wrap: wrap;align-items: center;gap:.5rem} #about_page_area .com_info li .tit .icon{width:35px;height:35px;border-radius:35px;background:#f1f1f1;display: flex;flex-wrap: wrap;align-items: center; justify-content: center;} #about_page_area .com_info li .tit .icon img{width:16px} #about_page_area .com_info li .txt{width:calc(100% - 140px);color:#1a1a1a;} /*왜 메이크웨이인가*/ #about_page_area .why_makeway{width:100%;background:url(/company/img/about_bg2.png) repeat} #about_page_area .why_makeway .inner{padding-bottom:30px} #about_page_area .why_makeway .page_tit_box .s_tit{color:#fff} #about_page_area .why_makeway .page_tit_box .tit{color:#fff} #about_page_area .why_makeway .page_tit_box .tit span:before{background:#fff} #about_page_area .why_makeway .tab_menu{display:flex;flex-wrap:wrap;justify-content: center;max-width:900px;width:100%;margin:0 auto 70px} #about_page_area .why_makeway .tab_menu li{width:165px;height:55px;margin:0 5px 5px;border-radius:55px;background:rgba(255,255,255,.2);font-weight:500;font-size:17px;line-height:55px;text-align:center;color:#fff;cursor:pointer;transition:all .3s} #about_page_area .why_makeway .tab_menu li.on, #about_page_area .why_makeway .tab_menu li:hover{color:#333;background:#fff;} #about_page_area .why_makeway .tab_cont{display:none;padding-bottom:400px;opacity:0} #about_page_area .why_makeway .tab_cont.on{display:block;animation: fadeInOnce 1.5s ease-out 0s 1 forwards;} #about_page_area .why_makeway .tab_cont01{background:url(/company/img/tab_cont01.jpg) no-repeat center/cover} #about_page_area .why_makeway .tab_cont02{background:url(/company/img/tab_cont02.jpg) no-repeat center/cover} #about_page_area .why_makeway .tab_cont03{background:url(/company/img/tab_cont03.jpg) no-repeat center/cover} #about_page_area .why_makeway .tab_cont04{background:url(/company/img/tab_cont04.jpg) no-repeat center/cover} #about_page_area .why_makeway .tab_cont05{background:url(/company/img/tab_cont05.jpg) no-repeat center/cover} @keyframes fadeInOnce {0% { opacity: 0; }100% { opacity: 1; }} #about_page_area .why_makeway .cont_tit_box{text-align:center} #about_page_area .why_makeway .cont_tit_box .s_tit{display:block;width:130px;height:40px;margin:0 auto 20px;border-radius:40px;background:rgba(255,255,255,.1);font-weight:700;font-size:14px;line-height:40px;color:#fff;font-family:'Montserrat'} #about_page_area .why_makeway .cont_tit_box .tit{margin-bottom:20px;font-weight:100;font-size:38px;color:#fff} #about_page_area .why_makeway .cont_tit_box .tit span{font-weight:700} #about_page_area .why_makeway .cont_tit_box .txt{font-size:18px;line-height:150%;color:rgba(255,255,255,.8)} #about_page_area .why_makeway .cont_tit_box .txt span{font-weight:500;color:#fff} /*회사연혁*/ #about_page_area .history_cont{width:100%;border-top:2px solid #333;border-bottom:1px solid #ddd} #about_page_area .history_cont .history_list{padding:50px 30px;border-bottom:1px dashed #ddd;overflow:hidden} #about_page_area .history_cont .history_list:last-child{border-bottom:0} #about_page_area .history_list .years{width:280px;font-weight:700;font-size:30px;color:#171c61;float:left} #about_page_area .history_list .info{width:calc(100% - 280px);float:left;overflow:hidden} #about_page_area .history_list .info li{width:50%;padding:0 10px 15px;font-size:17px;line-height:130%;color:#1a1a1a;float:left;position:relative} #about_page_area .history_list .info li:before{content:'';width:3px;height:3px;border-radius:3px;background:#171c61;position:absolute;left:0;top:9px} /*회사연혁 끝*/ /*회사연혁*/ #about_page_area .certification{background:#f7f7f7} #about_page_area .certification_list{display:flex;flex-wrap:wrap;justify-content: center;} #about_page_area .certification_list li{width:31.33%;margin:0 1% 20px;padding:20px;background:#fff} #about_page_area .certification_list li .img_box{width:100%;border:1px solid #ddd} #about_page_area .certification_list li img{width:100%;height:auto} #about_page_area .certification_list li p{margin-top:10px;padding:0 10px;font-weight:500;font-size:18px;text-align:center;line-height:130%;color:#333;} /*회사연혁 끝*/ /*오시는길*/ #about_page_area .address .map_box{width:100%;height:450px;margin-bottom:80px;background:#999;position:relative} #about_page_area .address .map_box #map{width:100%;height:100%} #about_page_area .map_box .link_map{width:200px;height:60px;border-radius:60px;background:#171c61;font-weight:500;font-size:17px;line-height:60px;text-align:center;color:#fff;position:absolute;z-index:10;bottom:-30px;right:20px;transition:all .3s} #about_page_area .map_box .link_map img{display:inline-block;width:18px;height:auto;margin-right:5px;vertical-align:middle;} #about_page_area .map_box .link_map:hover{background:#111} #about_page_area .address_info{} #about_page_area .add_info_list{width:100%;padding-bottom:40px;margin-bottom:40px;border-bottom:1px dashed #ddd;overflow:hidden} #about_page_area .add_info_list:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0 } #about_page_area .add_info_list .list_tit{width:300px;font-weight:700;font-size:28px;color:#333;float:left} #about_page_area .add_info_list .c_info_list{display:flex;flex-wrap: wrap;width:calc(100% - 300px);float:left} #about_page_area .c_info_list li{margin:0 30px 15px 0;;font-weight:500;font-size:17px;color:#1a1a1a;position:relative} #about_page_area .c_info_list li:first-child{width:100%} #about_page_area .c_info_list li .icon{display:inline-block;margin-right:10px;width:45px;height:45px;border-radius:45px;background:#f7f7f7;vertical-align:middle;position:relative} #about_page_area .c_info_list li .icon img{width:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} #about_page_area .list_cont_wrap{width:calc(100% - 300px);float:left} #about_page_area .list_cont_wrap .list_cont{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ddd} #about_page_area .list_cont_wrap .list_cont:last-child{border-bottom:0} #about_page_area .list_cont_wrap .cont_tit{display:inline-block;padding:0 15px;margin-bottom:10px;font-weight:500;font-size:18px;background:#f7f7f7;color:#333} #about_page_area .list_cont_wrap .cont_info{display:flex;flex-wrap:wrap;width:100%;overflow:hidden} #about_page_area .list_cont_wrap .cont_info li{padding-right:50px;font-size:17px;line-height:150%;color:#333} #about_page_area .list_cont_wrap .cont_info li:last-child{padding:0} #about_page_area .list_cont_wrap .cont_info li .tit{display:block;margin-top:5px;font-size:15px;color:#1a1a1a} #about_page_area .list_cont_wrap .cont_info li .mark{display:inline-block;margin-right:10px;padding:0 10px;border-radius:5px;font-weight:500;font-size:13px;color:#fff;vertical-align:middle} #about_page_area .list_cont_wrap .cont_info li .mark01{background:#1477d8} #about_page_area .list_cont_wrap .cont_info li .mark02{background:#0da84e} #about_page_area .list_cont_wrap .cont_info li .mark03{background:#02509f} #about_page_area .list_cont_wrap .cont_info li .mark04{background:#222} /*카운트 신규*/ #count_company.page_cont_box{background:url(/company/img/count_bg.jpg) no-repeat center/cover} .count_list2{width:100%;display:flex;flex-wrap:wrap;gap:10px} .count_list2 li{width:calc((100% - 30px) / 4);height:300px;border-radius:20px;text-align:center;background:#fff;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;} .count_list2 li .s_tit{font-size:15px;font-weight:700;color:#222} .count_list2 li .number{margin-top:5px;font-size:40px;font-weight:700;color:#171c61;overflow: hidden;display:inline-flex} .count_list2 li .num_txt{font-size:17px;font-weight:500;color:#9d9d9d} .count_list2 li .digit {position: relative;width: 1ch;height: 1em;overflow: hidden;} .count_list2 li .digit span {display: block;height: 1em;line-height: 1em;transition: transform 1s ease-in-out;} .count_list2 li.digit span div {height: 1em;} /*연혁 신규*/ #his_area .his_list{width:100%;margin:0 auto;padding:70px 0;position:relative} #his_area .his_list > li{width:50%;padding-bottom:50px;position:relative;z-index:2;opacity:0;transition:opacity 1.5s} #his_area .his_list > li .year{margin-bottom:20px;font-size:30px;font-weight:700;color:#171c61;position:relative} #his_area .his_list > li .year .dot{width:8px;height:8px;border-radius:8px;background:#171c61;position:absolute;top:13px;left:-33px} #his_area .his_list > li .year .dot:before{content:'';width:0;height:0;border-radius:100%;background:#171c61;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation: dotPulse 2s infinite ease-in-out;} @keyframes dotPulse {0% {width:0;height:0;opacity:1;}50%{width:5px;height:5px;opacity:1}100% {width:20px;height:20px;opacity: 0;}} #his_area .his_list > li:nth-child(odd) .year .dot{content:'';width:8px;height:8px;border-radius:8px;background:#171c61;position:absolute;top:13px;left:auto;right:-34px} #his_area .his_list > li .year_list li{margin-bottom:10px;padding:0 0 10px;border-bottom:1px dashed #ddd;overflow:hidden;transition:all .3s;} #his_area .his_list > li .year_list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0} #his_area .his_list > li .year_list li .year_tit{padding:0 10px;font-size:18px;font-weight:500;line-height:130%;color:#333;transition:all .3s;position:relative;display:flex;align-items:flex-start;gap:10px} #his_area .his_list > li .year_list li .year_tit:before{content:'';width:3px;height:3px;background:#171c61;border-radius:3px;position:absolute;top:10px;left:0;transition:all .3s;} #his_area .his_list > li .year_list li .year_tit .month{font-size:16px;font-weight:700;color:#171c61} #his_area .his_list > li .year_list li .year_txt{margin-top:5px;padding:0 10px} #his_area .his_list > li .year_list li .year_txt p{font-size:16px;line-height:130%;color:#1a1a1a;transition:all .3s;} #his_area .his_list > li:nth-child(odd){padding-right:30px;text-align:right} #his_area .his_list > li:nth-child(odd) .year_list li .year_tit{justify-content:flex-start;flex-direction:row-reverse} #his_area .his_list > li:nth-child(odd) .year_list li .year_tit:before{left:auto;right:0} #his_area .his_list > li:nth-child(even){margin-left:calc(50% - 1px);padding-left:30px;} #his_area .his_list > li.active{opacity:1} #his_area .his_list .chk_box{margin-bottom:5px} #his_area .his_list > li:nth-child(odd) .edit{float:right} #his_area .his_list > li:last-child{padding-bottom:0} /* 세로라인 */ #his_area .line_box{width:2px;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)} #his_area .line_box .line{width:2px;height:100%;background:#ddd;position:absolute;top:0;left:0;} #his_area .line_box .line.active{width:2px;border-radius:5px;background:#171c61;transform-origin:center top;left:0} #his_area .line_box .line.active2{height:100% !important;transition:all 2s} /*연혁 어두어질때 #history{background-color:#fff;transition:background-color 1s} #history.black{background-color:#080922} #history.black .page_tit_box .s_tit{color:#fff} #history.black .page_tit_box .tit{color:#fff} #history.black .page_tit_box .tit span:before{background:#fff} #history.black .page_tit_box .txt{color:rgba(255,255,255,.8)} #history.black #his_area .line_box .line{background:rgba(255,255,255,.3)} #history.black #his_area .line_box .line.active{background:#ffa800} #history.black #his_area .his_list > li .year .dot, #history.black #his_area .his_list > li .year .dot:before{background:#ffa800} #history.black #his_area .his_list > li .year{color:#fff} #history.black #his_area .his_list > li .year_list li{border-color:rgba(255,255,255,.2)} #history.black #his_area .his_list > li .year_list li .year_tit{color:rgba(255,255,255,.6)} #history.black #his_area .his_list > li .year_list li .year_tit:before{background:#fff} */ /*인증서현황*/ #about_page_area #certification.page_cont_box .inner{max-width:100%} .certification_slide{width:100%;overflow:hidden} .certification_slide li{max-width:298px;width:90%;margin:0 15px} .certification_slide li .img_box{width:100%} .certification_slide li .img_box img{width:100%} .certification_slide li .txt_box{margin-top:15px;padding:0 10px;text-align:center } .certification_slide li .txt_box .box_s_tit{margin-bottom:5px;font-size:15px;font-weight:500;color:#222;display:flex;flex-wrap:wrap;justify-content: center} .certification_slide li .txt_box .box_s_tit .s_tit1{position:relative} .certification_slide li .txt_box .box_s_tit .s_tit1:before{content:'';width:1px;height:15px;background:#ddd;position:absolute;right:-8px;top:3px;} .certification_slide li .txt_box .box_s_tit .s_tit2{color:#191f7b} .certification_slide li .txt_box .tit{font-size:17px;font-weight:600;line-height:130%;color:#222;word-break:keep-all} #certification .s_btn_area{margin-top:50px;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;gap:15px} #certification .s_btn_area .num{display:flex;flex-wrap:wrap;gap:0} #certification .s_btn_area .num span{width:35px;text-align:center;font-size:17px;font-weight:700;color:rgba(0,0,0,.5)} #certification .s_btn_area .num #s_num{color:var(--pt-color);position:relative} #certification .s_btn_area .num #s_num:before {content: '';width:1px;height:10px;background: #ddd;position: absolute;right:0;top: 50%;transform: translateY(-50%)} #certification .s_btn_area .timeline{width:150px;height:2px;background:#ddd;position:relative} #certification .s_btn_area .timeline .bar{width:0;height:2px;background:#171c61;position:absolute;left:0;top:0;animation:timeline 3s} #certification .s_btn_area .timeline .bar:before{content:'';width:6px;height:6px;border-radius:6px;background:#171c61;position:absolute;right:0;top:-2px} #certification .s_btn_area .inc_btn{display:flex;flex-wrap:wrap;align-items: center;gap:8px} #certification .s_btn_area .s_btn{width:45px;height:45px;border-radius:45px;background:#ddd;transition:all .3s;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:center} #certification .s_btn_area .s_btn img{transition:all .3s} #certification .s_btn_area .s_btn:hover{background:#191f7b} #certification .s_btn_area .s_btn:hover img{filter: invert(1);} #certification .s_btn_area .s_btn.next{background:#191f7b} #certification .s_btn_area .s_btn.next img{filter: invert(1);} /*개인정보처리방침 - 이메일무단수집거부*/ #policy_cont{max-width:1300px;width:100%;margin:0 auto;padding:100px 50px;box-sizing:border-box;} #policy_cont *{font-size:17px;line-height:150%;color:#666;box-sizing:border-box;word-break:keep-all} #policy_cont .tit_box{margin-bottom:30px;text-align:center} #policy_cont .tit_box .s_tit{margin-bottom:15px;font-size:17px;font-weight:700;line-height:1;color:#0271b0} #policy_cont .tit_box .tit{font-size:40px;font-weight:700;line-height:120%;color:#222} #policy_cont .tit_box .txt{margin-top:30px;text-align:left} #policy_cont .tit_box .tip_txt{margin-top:20px} #policy_cont .inventory{width:100%;margin-bottom:50px;padding:50px 100px;border:1px solid #ddd;display:flex;flex-wrap:wrap;gap:20px} #policy_cont .inventory li{width:calc(50% - 10px);font-size:17px;font-weight:500;color:#222} #policy_cont .cont_area{width:100%} #policy_cont .cont_box + .cont_box{margin-top:30px;padding-top:30px;border-top:1px dashed #ddd} #policy_cont .box_tit_box{margin-bottom:20px} #policy_cont .box_tit{margin-bottom:5px;font-size:20px;font-weight:700;color:#222} #policy_cont .box_txt + .box_txt{margin-top:20px} #policy_cont .txt_list{padding:30px;background:#f7f7f7;display:flex;flex-wrap:wrap;gap:20px} #policy_cont .txt_list + .box_tit_box{margin-top:20px} #policy_cont .txt_list li{width:100%} #policy_cont .txt_list_free li{width:auto;} #policy_cont .txt_list .list_tit{display:flex;flex-wrap:wrap;align-items:center;gap:10px} #policy_cont .txt_list .list_tit + .list_tit {margin-top:5px} #policy_cont .txt_list .list_tit .num{width:20px;height:20px;border-radius:25px;background:rgba(0,0,0,.1);font-size:12px;font-weight:700;color:#222;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;} #policy_cont .txt_list .list_tit .tit{width:calc(100% - 35px);font-size:17px;font-weight:500;color:#222} #policy_cont .txt_list .list_tit + .txt{margin-top:5px;} #policy_cont .txt_list .txt + .txt{margin-top:5px} @keyframes timeline {from {width: 0}to {width: 100%}} /*오시는길 신규*/ #about_page_area #address.page_cont_box .inner{max-width:100%} #address{position:relative} #address .map_cont_area{max-width:1700px;width:100%;margin:0 auto;padding:0 50px;position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items: center;} #address .map_cont_area .map_cont{width:calc(100% - 700px);height:500px;border-radius:20px;overflow:hidden} #address .map_cont_area .map_info{width:700px;padding-left:50px} #address .map_info .map_tit{margin-bottom:15px;font-size:28px;font-weight:700;color:#222} #address .map_info .address{padding:15px 20px;background:#f7f7f7;display:flex;flex-wrap:wrap;align-items:center;gap:10px} #address .map_info .address img{width:20px} #address .info{margin-bottom:20px;padding:20px;border-bottom:1px solid #ddd} #address .info li{display:flex;flex-wrap:wrap;align-items:center;} #address .info li + li{margin-top:15px} #address .info li .info_tit{width:100px;display:flex;flex-wrap:wrap;align-items:center;gap:5px} #address .info li .info_tit img{width:16px;} #address .info li .info_tit span{font-size:15px;font-weight:700;color:#222;font-family:'Pretendard'} #address .info li .info_txt{width:calc(100% - 100px);font-family:'Pretendard'} #address .info2{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px} #address .info2 li{width:calc(50% - 10px);display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px} #address .info2 li .info_tit{width:78px;height:27px;border-radius:27px;font-size:14px;font-weight:500;text-align:center;line-height:27px;color:#fff} #address .info2 li .info_tit01{background:#02509f} #address .info2 li .info_tit02{background:#24433d} #address .info2 li .info_txt{font-size:15px;color:#333;font-family:'Pretendard'} #address .btn_area{max-width:500px;width:100%;margin-top:20px;display:flex;flex-wrap:wrap;gap:10px} #address .btn_area li{width:calc(50% - 5px)} #address .btn_area li a{width:100%;height:50px;border-radius:10px;background:#f1f1f1;font-size:15px;font-weight:500;color:#333;transition:all .3s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px} #address .btn_area li a:hover{background:#191f7b;color:#fff} #address .btn_area li a em{font-style:normal} #address .map_info .bt_img{display:block;margin-top:30px;width:100%;opacity:.8} @media(max-width:1280px){ #about_page_area .page_cont_box .inner{padding:100px 20px} #about_page_area .page_tit_box .txt{font-size:16px;letter-spacing: -1.25px;} #about_page_area .page_tit_box .tit.tit_big{font-size:55px} /*회사소개*/ #about_page_area .why_makeway .inner{padding:100px 0 20px} #about_page_area .com_info li .tit{width:110px} #about_page_area .com_info li .txt{width:calc(100% - 110px)} /*왜 메이크웨이인가*/ #about_page_area .why_makeway .inner{padding:100px 0 20px} #about_page_area .why_makeway .page_tit_box{padding:0 20px} #about_page_area .why_makeway .cont_tit_box{padding:0 20px} /*신규카운트*/ .count_list2 li{height:250px} .count_list2 li .icon{width:60px} .count_list2 li .icon img{width:100%} .count_list2 li .number{font-size:35px} /*신규연혁*/ #his_area .his_list > li .year{font-size:27px} /*신규 인증서*/ #about_page_area #certification.page_cont_box .inner{padding:100px 0} /*오시는길 신규*/ #address .map_cont_area{padding:0} #address .map_cont_area .map_cont{width:calc(100% - 450px)} #address .map_cont_area .map_info{width:450px;padding-left:30px} #address .map_info .map_tit{font-size:26px} #address .info2 li{width:100%} /*개인정보처리방침 - 이메일무단수집거부*/ #policy_cont{padding:100px 30px} #policy_cont .tit_box .tit{font-size:37px} #policy_cont .inventory{padding:30px} } @media(max-width:1024px){ #about_page_area .page_cont_box .inner{padding:80px 20px} #about_page_area .page_tit_box .tit{font-size:40px} #about_page_area .page_tit_box .tit.tit_big{font-size:50px} /*회사소개*/ #about_page_area .circle_box_area.aos-animate .circle_box:before{border:5px solid #171c61} #about_page_area .circle_box .s_tit{font-size:13px} #about_page_area .circle_box .tit{font-size:28px} #about_page_area .com_info li{font-size:16px} /*왜 메이크웨이인가*/ #about_page_area .why_makeway .inner{padding:80px 20px 20px} #about_page_area .why_makeway .tab_menu li{width:125px;height:50px;line-height:50px} #about_page_area .why_makeway .tab_cont{padding-bottom:300px} #about_page_area .why_makeway .cont_tit_box .tit{font-size:35px} #about_page_area .why_makeway .cont_tit_box .txt{font-size:16px} /*회사연혁*/ #about_page_area .history_cont .history_list{padding:30px 10px} #about_page_area .history_list .years{width:100%;margin-bottom:20px;font-size:28px;text-align:center;float:none} #about_page_area .history_list .info{width:100%;float:none} #about_page_area .history_list .info li{font-size:16px} /*오시는길*/ #about_page_area .address .map_box{height:350px} #about_page_area .add_info_list .list_tit{width:100%;margin-bottom:30px;font-size:26px;float:none} #about_page_area .add_info_list .c_info_list{width:100%;float:none} #about_page_area .list_cont_wrap{width:100%;float:none} /*신규카운트*/ .count_list2 {max-width:800px;width:100%;margin:0 auto} .count_list2 li{width:calc(50% - 5px)} .count_list2 li{height:200px} .count_list2 li .icon{width:50px} .count_list2 li .number{font-size:30px} /*신규 인증서*/ #about_page_area #certification.page_cont_box .inner{padding:80px 0} #about_page_area #certification.page_cont_box .page_tit_box {padding:0 20px} /*오시는길 신규*/ #address .map_cont_area{padding:0} #address .map_cont_area .map_cont{width:100%;height:400px;margin-bottom:30px} #address .map_cont_area .map_info{max-width:700px;width:100%;margin:0 auto;padding-left:0} #address .map_info .map_tit{font-size:23px} #address .btn_area{max-width:100%} #address .map_info .bt_img{display:none} /*개인정보처리방침 - 이메일무단수집거부*/ #policy_cont{padding:90px 20px} #policy_cont *{font-size:16px} #policy_cont .tit_box .tit{font-size:34px} #policy_cont .inventory{gap:10px 20px} } @media(max-width:767px){ #about_page_area .page_cont_box .inner{padding:70px 20px} #about_page_area .page_tit_box{margin-bottom:30px} #about_page_area .page_tit_box .s_tit{font-size:14px} #about_page_area .page_tit_box .tit{font-size:40px;} /*#about_page_area #about.page_cont_box .page_tit_box .tit{font-size:clamp(16px, 6.3vw, 40px);} #about_page_area #count_company.page_cont_box .page_tit_box .tit{font-size: clamp(16px, 5.6vw, 37px);}*/ #about_page_area .page_tit_box .tit{font-size:37px} #about_page_area .page_tit_box .tit.tit_big{font-size:45px} /*회사소개*/ #about_page_area .com_info{padding:0} #about_page_area .com_info li{width:100%;height:auto;padding:15px 0;float:none} #about_page_area .circle_box_area .circle_box{width:52%;padding-bottom:52%} #about_page_area .circle_box_area .circle_box:last-child{margin:-10% 0 0 } #about_page_area .com_info li{font-size:14px} /*왜 메이크웨이인가*/ #about_page_area .why_makeway .inner{padding:70px 0 20px} #about_page_area .why_makeway .tab_menu li{width:100px;height:45px;line-height:45px} #about_page_area .why_makeway .tab_cont{padding-bottom:250px} #about_page_area .why_makeway .cont_tit_box .tit{font-size:32px} #about_page_area .why_makeway .cont_tit_box .txt br{display:none} /*인증서*/ #about_page_area .certification_list li{padding:10px 5px} #about_page_area .certification_list li p{font-weight:normal;font-size:15px} #about_page_area .certification_list li p br{display:none} /*오시는길*/ #about_page_area .map_box .link_map{width:160px;height:50px;line-height:50px;font-size:16px} #about_page_area .add_info_list{padding-bottom:0;border-bottom:0} #about_page_area .add_info_list .list_tit{font-size:24px;margin-bottom:20px} #about_page_area .c_info_list li{width:100%;padding:0 0 20px 50px;border-bottom:1px dashed #ddd;margin:0 0 20px 0;font-size:15px} #about_page_area .c_info_list li .icon{width:40px;height:40px;top:-9px;position:absolute;left:0} #about_page_area .list_cont_wrap .list_cont{padding-bottom:0;margin-bottom:0;border-bottom:0} #about_page_area .list_cont_wrap .cont_info li{width:100%;padding:0 0 10px;margin:0 0 10px;border-bottom:1px dashed #ddd;font-size:15px} #about_page_area .list_cont_wrap .cont_info li:last-child{padding-bottom:10px} #about_page_area .list_cont_wrap .cont_info li .txt{display:inline-block;padding-left:50px;position:relative} #about_page_area .list_cont_wrap .cont_info li .mark{position:absolute;left:0;top:0} #about_page_area .list_cont_wrap .cont_info li .tit{display:inline-block;margin-top:0} #about_page_area .list_cont_wrap .cont_info .list_cont_iine3 .txt{padding-left:62px} /*신규카운트*/ .count_list2 li{padding:0 10px} .count_list2 li .s_tit{font-size:14px} .count_list2 li .number{font-size:25px} .count_list2 li .num_txt{font-size:14px} /*신규연혁*/ #his_area .line_box{left:0;transform:none} #his_area .his_list{padding:40px 0} #his_area .his_list > li:nth-child(even){margin-left:0} #his_area .his_list > li{width:100%} #his_area .his_list > li .year{font-size:24px} #his_area .his_list > li .year .dot{top:11px;left:-33px} #his_area .his_list > li:nth-child(odd) .year .dot{right:auto;left:-33px} #his_area .his_list > li .year_list li .year_tit{font-size:14px} #his_area .his_list > li .year_list li .year_tit:before{top:8px} #his_area .his_list > li:nth-child(odd){padding-right:0;padding-left:30px;text-align:left} #his_area .his_list > li:nth-child(odd) .year_list li .year_tit{ flex-direction:unset;} #his_area .his_list > li:nth-child(odd) .year_list li .year_tit:before{right:auto;left:0} /*신규 인증서*/ #about_page_area #certification.page_cont_box .inner{padding:70px 0} .certification_slide li{margin:0 5px} #certification .s_btn_area .timeline{width:100px} #certification .s_btn_area .s_btn{width:40px;height:40px} #certification .s_btn_area .s_btn img{width:13px} /*오시는길 신규*/ #address .info2 li{width:100%} /*개인정보처리방침 - 이메일무단수집거부*/ #policy_cont{padding:80px 20px} #policy_cont *{font-size:15px} #policy_cont .tit_box .s_tit{font-size:15px} #policy_cont .tit_box .tit{font-size:30px} #policy_cont .inventory li{width:100%} } @media(max-width:480px){ #about_page_area .page_cont_box .inner{padding:60px 20px} #about_page_area .page_tit_box{margin-bottom:30px} #about_page_area .page_tit_box .tit{font-size:32px} #about_page_area .page_tit_box .tit.tit_big{font-size:40px} /*회사소개*/ #about_page_area .circle_box_area .circle_box .inner{padding:0 10px} #about_page_area .circle_box .s_tit{font-size:2vw} #about_page_area .circle_box .tit{font-size:6vw} /*왜, 메이크웨이인가*/ #about_page_area .why_makeway .inner{padding:60px 0 20px} #about_page_area .why_makeway .cont_tit_box .tit{font-size:30px} #about_page_area .why_makeway .cont_tit_box .txt{font-size:15px} /*회사연혁*/ #about_page_area .history_list .info li{width:100%;font-size:15px} /*인증서*/ #about_page_area .certification_list li{width:48%} /*신규카운트*/ .count_list2 li{height:175px} .count_list2 li .icon{width:43px} .count_list2 li .number{font-size:20px} /*신규 인증서*/ #certification .s_btn_area{margin-top:30px} #about_page_area #certification.page_cont_box .inner{padding:60px 0} /*오시는길 신규*/ #address .map_info .address{padding:10px;font-size: clamp(11px, 3.5vw, 17px);} #address .map_info .address img{display:none} #address .map_info .map_tit{font-size:20px} #address .info{padding:20px 0} #address .info li .info_tit{width:85px;font-size:14px} #address .info li .info_txt{width:calc(100% - 85px);font-size:14px} #address .btn_area li a img{width:27px} #address .btn_area li a{font-size:14px} #address .btn_area li a em{display:none} /*개인정보처리방침 - 이메일무단수집거부*/ #policy_cont{padding:70px 20px} #policy_cont .tit_box .tit{font-size:27px} #policy_cont *{font-size:14px} #policy_cont .txt_list{padding:15px} } @media(max-width:400px){ #about_page_area .page_tit_box .tit{font-size:26px} #about_page_area .page_tit_box .txt br{display:none} } @media(max-width:320px){ #about_page_area .page_cont_box .inner{padding:60px 15px} #about_page_area .page_tit_box .tit{font-size:24px} #about_page_area .page_tit_box .tit.tit_big{font-size:35px} /*회사소개*/ /*왜, 메이크웨이인가*/ #about_page_area .why_makeway .inner{padding:60px 0 20px} #about_page_area .why_makeway .cont_tit_box .tit{font-size:28px} /*신규카운트*/ .count_list2 li{width:100%} /*신규 인증서*/ #certification .s_btn_area .timeline{width:50px} #certification .s_btn_area .s_btn{width:30px;height:30px} #certification .s_btn_area .s_btn img{width:10px} /*오시는길 신규*/ #address .info2 li .info_tit{width:50px;font-size:13px} #address .info2 li .info_txt{width:calc(100% - 60px);font-size:14px} /*개인정보처리방침 - 이메일무단수집거부*/ #policy_cont{padding:60px 15px} #policy_cont .tit_box .tit{font-size:24px} }