:root { --main-color: #ff6600; --main-color2: #002d72; --sub-color: #005480; --table-line:#bfbfbf; --lightgray:#777777; --lightgray2:#ababab; } /* common */ .italic{font-style:italic;} .sub{position:relative;margin-top:100px;} .sect-wrap{max-width:1420px; margin:0 auto; padding:0 30px; position:relative;} .tit-wrap{text-align:center;} .title{font-family: 'Noto Sans KR', 'Pretendard', 'Roboto', 'Cormorant', sans-serif; font-size:70px; font-weight:700; color:white; text-align:start;} .last-article{margin-bottom:180px;} .info_wrap{width:500px;height:300px;background:#9bdcfc;display:flex;align-items:center;justify-content:center;} .info_wrap h1{font-size:40px;color:#555;text-align:center;line-height:50px;} .form_imgBox{margin:auto;max-width:1980px;width:100%;} .form_imgBox img{width:100%;} /* ----- sub_vis ----- */ .sub-visual{position: relative; height: 536px; transition: height .3s;} .sub-visual_bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;} .sub-visual_img {height:100%;background:url('../../images/com_bg.png') no-repeat center/cover; position:relative;} .com .sub-visual_img {background-image:url("../../images/com_bg.png");} .pro .sub-visual_img {background-image:url("../../images/pro_bg.png");} .bus .sub-visual_img {background-image:url("../../images/bus_bg.png");} .cus .sub-visual_img {background-image:url("../../images/cus_bg.png");} #inquiry .sub-visual_img {background-image:url("../../images/inquiry_bg.png");} /* ----- txt_ani ----- */ .sub .sect1{position:relative;} .sub .sub_txtBox{max-width:1420px;width:100%;padding:0 30px;position:absolute;top:40%;left:50%;transform:translate(-50%, -40%);} .sub .sub_txtBox h1{font-size:6.8rem;color:#fff;font-weight:600;} /* ----- sub-lnb ----- */ /* tabs */ .sub_navi_wrap {max-width:1420px;margin:auto;width:100%;padding:0 30px;} .category-wrap{padding:25px 0;border-top:1px solid rgba(255,255,255,0.5);position:relative;top:455px;} .category-wrap .loca-wrap{width:100%;margin:0 auto;} .category-wrap .loca-wrap .loca-area i{margin-right:15px;} .category-wrap .loca-wrap .loca-area i img{vertical-align: middle; font-size: 1em;} .category-wrap .loca-wrap .loca-area{display:flex;align-items:center;} .category-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%; float:left; line-height:100%; text-align:center;} .category-wrap .loca-wrap .loca-area > a img {margin-top:17px;} .category-wrap .loca-wrap .loca-area>ul {display:flex;align-items:center;margin:0; padding:0;} .category-wrap .loca-wrap .loca-area>ul>li button{width:170px;position:relative;text-align:left; background-image:url("../../images/local-arrow-down.png");background-position-y:50%;background-position-x:90%;background-repeat:no-repeat;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease; border:0;background-color: inherit; box-sizing: border-box;} .category-wrap .loca-wrap .loca-area>ul>li button:hover{cursor:pointer;} .category-wrap .loca-wrap .loca-area>ul>li button.active{background-image:url('../../images/local-arrow-up.png'); background-position-y:50%;background-position-x:90%;background-repeat:no-repeat;} .category-wrap .loca-wrap .loca-area>ul>li button span {padding-left: 19px;color: #fff; font-size:18px;font-weight:bold;} .category-wrap .loca-wrap .loca-area>ul>li div {position:absolute;top:100%;width:170px;background:#fff;opacity: 0;visibility:hidden;transition: all 0.3s ease;z-index: 1000;} .category-wrap .loca-wrap .loca-area>ul>li div.open {opacity: 1;visibility: visible;transform: translateY(0);} .category-wrap .loca-wrap .loca-area>ul>li div ul{display:block;position:static;width:100%;border:1px solid #ddd; background-color:#fff; padding:0;} .category-wrap .loca-wrap .loca-area>ul>li div ul li a{ border-bottom:1px solid #ddd; background:#fff;height:46px;color:#555;line-height:46px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:19px; font-size:15px; box-sizing:border-box;} .category-wrap .loca-wrap .loca-area>ul>li div ul li a:hover { color:#000; font-weight:bold;} .category-wrap .loca-wrap .category_sub_wrap{display:flex;color:#fff;font-size:1.8rem;gap:40px;margin-left:30px;} .category-wrap .loca-wrap .category_sub_wrap li{padding:0 10px;} .category-wrap .loca-wrap .category_sub_wrap li.on{font-weight:bold;position:relative;} .category-wrap .loca-wrap .category_sub_wrap li.on::before{content:'';width:100%;height:2px;background:#fff;position:absolute;left:0;top:-31px;} /*tabs*/ .pro .pro_tab_wrap ul{display:flex;align-items:center;border:1px solid #dedede;max-width:815px;margin:0 auto 105px;} .pro .pro_tab_wrap ul li{width:270px;padding:20px 0;text-align:center;color:#666;font-size:1.8rem;border-right:1px solid #dedede;} .pro .pro_tab_wrap ul li:last-child{border-right:0;} .pro .pro_tab_wrap ul li.on{background:var(--main-color);font-weight:600;color:#fff;} /* ----- tit-topBox ----- */ .sub .sect1{margin-bottom:190px;} .sub .top_txt h1{color:#000;font-size:5rem;font-weight:700;margin:auto;text-align:center;margin-bottom:55px;} .cus .top_txt h1{text-align:start;} .txt_wrap{margin-bottom:45px;} .txt_wrap h3{font-size:50px;color:#000;line-height:52px;font-weight:600;letter-spacing:-0.2px;margin-bottom:50px;} .txt_wrap h5{font-size:26px;color:#333;line-height:40px;font-weight:500;letter-spacing:-0.2px;} .txt_wrap p{font-size:18px;color:#444;line-height:34px;margin-top:25px;} .sub_txt_wrap{width:440px;} .sub_txt_wrap h3{font-size:34px;font-weight:600;color:#000;margin-bottom:26px;} .sub_txt_wrap p{font-size:18px;color:#777;line-height:32px;} /* ----- tit-topBox ----- */ /* ceo */ #ceo .sect1{margin-bottom:0;} #ceo .sect2{position:relative;background:#f7f9fa;padding:190px 0 195px;} #ceo .ceo_top_wrap{display:flex;gap:100px;position:relative;z-index:9;} #ceo .ceo_top_right img{border-radius:15px;} #ceo .ceo_top_left{margin-top:12px;} #ceo .ceo_top_left h3{font-size:32px;color:#333;font-weight:600;letter-spacing:-0.2px;line-height:48px;margin-bottom:20px;} #ceo .ceo_top_left p{font-size:19px;color:#444;line-height:34px;font-weight:350;font-family:'Noto Sans KR';} #ceo .ceo_top_left .ceo_name{display:block;font-size:2.4rem;color:#333;font-weight:700;margin-top:48px;} /* #ceo .marqueeBx{position:absolute;bottom:58px;} #ceo .marquee{display: inline-flex; animation: marquee forwards infinite 25s linear;animation-duration: 10s;} #ceo .marquee .m_con{white-space: nowrap; font-size: 300px;line-height:100px;letter-spacing:-0.5px;color:#fff;font-family:'Cormorant';font-weight:500;} @keyframes marquee { from { transform:translateX(0) } to { transform:translateX(-50%) } } */ #ceo .sect3 .txt_wrap{margin-bottom:25px;} #ceo .sect3 .txt_wrap h3{margin-bottom:32px;} #ceo .ceo_network{margin:auto;max-width:1645px;width:100%;} #ceo .ceo_network img{width:100%;} /* history */ #history {position:relative;} #history .history_wrap {display:flex; margin-top:100px; position:relative;} #history .history_wrap > div{width:50%;} #history .his-txt_wrap .sticky{position:sticky; position:-webkit-sticky; top:210px; left:0;} #history .his-txt_wrap .his-m_tit{font-size:2.6rem; font-weight:700; color:#333;} #history .his-txt_wrap .his-b_tit{font-size:5.5rem; font-weight:100; color:#222; margin:13px 0 40px;} #history .his_scroll_wrap{margin-top:150px; position:relative; transition:1s;} #history .his_scroll_wrap.line::before, #history .his_scroll_wrap.line::after{content:'';position:absolute; top:10px; left:0; width:1px;} #history .his_scroll_wrap.line::before{height:calc(100%); background:#eee;} #history .his_scroll_wrap.line::after{height:0; background:var(--main-color2);} #history .his_scroll_wrap.line> ul > li{position:relative; margin-left:60px; padding-bottom:60px;} #history .his_scroll_wrap.line > ul > li::before{content:''; position:absolute; top:10px; left:-60px; width: 1px; height: 0; background: var(--main-color2); transition:0.5s} #history .his_scroll_wrap.line > ul > li.on::before{height:100%;} #history .his_scroll_ul{width:100%;} #history .his_scroll_ul > li > span{font-size:3.2rem; font-weight:600; color:var(--main-color2); position:relative; display:inline-block; vertical-align:top;} #history .his_scroll_ul > li > span::before{content:""; position:absolute; top:10px; left:-65px; width: 10px; height: 10px; box-sizing:border-box; border-radius:50%; background: var(--main-color2); z-index: 2;} #history .his_scroll_ul > li > span::after{content:""; position:absolute; top:4px; left:-71px; width: 22px; height: 22px; box-sizing:border-box; border-radius:50%; background: #fff; border:1px solid var(--main-color2); transform:scale(0); transition:0.4s;} #history .his_scroll_ul > li.on > span::after{transform:scale(1);} #history .his_scroll_ul .his_logo{margin-top:20px;} #history .his_cont-wrap{margin-top:25px;} #history .his_cont-wrap li{font-size:1.8rem; color:#222; line-height:28px;font-weight:500; margin-bottom:15px;position:relative;padding-left:10px;} #history .his_cont-wrap li::before{content:'';width:4px;height:4px;background:#222;position:absolute;top:12px;left:0;border-radius:50%;} /* ci */ #ci{background:#f7f9fa;} #ci .txt_wrap{margin-bottom:95px;} #ci .sect3{padding-bottom:200px;} #ci .ci_con{width:100%;background:#fff;padding:50px 95px;margin-bottom:65px;border-radius:30px;} #ci .ci_con.con4{margin-bottom:0;} #ci .ci_con h5{font-size:3rem;font-weight:700;letter-spacing:-0.5px;color:#645e5d;text-align:center;padding-bottom:15px;position:relative;} #ci .ci_con h5::after{content:'';width:50px;height:2px;background:#645e5d;position:absolute;bottom:0;left:50%;transform:translateX(-50%);} #ci .ci_con .ci_imgBox{display:flex;align-items:center;justify-content:center;gap:195px;margin:30px 0 65px;} #ci .ci_con .ci_con_btn{display:flex;align-items:center;justify-content:center;gap:20px;} #ci .ci_con .ci_con_btn a{ width:230px;height:46px;border:1px solid #264186;display:flex;flex-direction:column; align-items:center;justify-content:center;background:#264186;color:#fff; font-size:2.2rem;font-weight:600;letter-spacing:-0.5px;transition: all 0.3s; } #ci .ci_con .ci_con_btn a:hover{background:#2f4fa1;color:#fff;transition: all 0.3s;} #ci .ci_con .ci_con_btn a.ci_btn_02{color:#264186;background:#fff;} #ci .ci_con .ci_con_btn a.ci_btn_02:hover{background:#2f4fa1;color:#fff;transition: all 0.3s;} #ci .ci_con .ci_color_wrap{margin:75px 0 60px;display:flex;align-items:center;justify-content:center;gap:10px;} #ci .ci_con .ci_color_con{width:406px;height:192px;background:#fbd82d;padding:30px 25px;} #ci .ci_con .ci_color_con.con2{background:#264186;} #ci .ci_con .ci_color_con h1{font-size:1.9rem;color:#645e5d;font-weight:500;margin-bottom:2px;} #ci .ci_con .ci_color_con span{font-size:1.5rem;font-weight:400;line-height:22px;color:#645e5d;} #ci .ci_con .ci_color_con.con2 h1{color:#fff;} #ci .ci_con .ci_color_con.con2 span{color:#fff;} #ci .ci_con .ci_con_txtBox p{font-size:1.7rem;font-weight:400;line-height:30px;color:#645e5d;text-align:center;} #ci .ci_con .ci_venture_wrap{max-width:670px;width:100%;padding:45px 0 35px;border:1px solid #264186;margin:70px auto 60px;text-align:center;} #ci .ci_con .ci_combi_wrap{margin-top:40px;} #ci .ci_con .ci_combi_top, #ci .ci_con .ci_combi_bot{display:flex;align-items:center;justify-content:center;gap:20px;} #ci .ci_con .ci_combi_top{margin-bottom:15px;} /* location */ #location .loc_wrap.cont1{margin-top:100px;} #location .loc_wrap{margin-bottom:125px; display:flex; justify-content:space-between;} #location .loc_info{width:40%; margin-right:0; padding-right: 80px;} #location .loc_map{width:60%;} #location .loca-tit{font-size:28px; color:#222; margin-bottom:35px;font-weight:700; border-top:2px solid var(--main-color2); padding-top:30px;} #location .loca-tit.loca-tit_bd-none{border-top:none;padding-top:0;margin-bottom:20px;} #location .loc_info li{padding:35px 0; border-bottom:1px solid #cccccc;} #location .loc_info li:last-child{border-bottom:none;} #location .add-tit{font-weight:bold; color:#222; font-size:18px;} #location .add-tit .add-dsc{color:#444; font-weight:300; padding-top:10px;line-height:26px;} #location iframe{width:100%;border: 1px solid #d5d5d5 !important;} /* ===============================business==================================== */ /* rnd */ #bus_01 .txt_wrap{margin-bottom:90px;} #bus_01 .rnd_wrap{width:100%;padding:50px 0 60px;background:#fff;border-radius:30px;box-shadow: 0 0 35px rgba(38, 65, 134, 0.25);} #bus_01 .rnd_wrap h5{font-size:3rem;font-weight:700;letter-spacing:-0.5px;color:#645e5d;text-align:center;padding-bottom:15px;position:relative;} #bus_01 .rnd_wrap h5::after{content:'';width:50px;height:2px;background:#645e5d;position:absolute;bottom:0;left:50%;transform:translateX(-50%);} #bus_01 .rnd_wrap .rnd_imgBox{text-align:center;margin-top:35px;} #bus_01 .sect4{padding:65px 0 100px;;background:#f1f4f8;} /* OEM/ODM/CDMO */ #bus_02 .txt_wrap{margin-bottom:90px;} #bus_02 .bus_02_img_con{padding:35px 0 80px;background:#fff;border-radius:30px;text-align:center;margin-bottom:120px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);} #bus_02 .bus_02_img_con.con3{margin-bottom:90px;} #bus_02 .bus_02_img_con h3{font-size:3rem;color:#000;font-weight:700;letter-spacing:-0.5px;} #bus_02 .bus_02_img_con h5{font-size:2.5rem;color:#918e8e;font-weight:400;letter-spacing:-0.5px;margin:5px 0 13px;} #bus_02 .bus_02_img_con .line{width:50px;height:2px;background:#645e5d;display:block;margin:auto;} #bus_02 .bus_02_imgBox{display:flex;align-items:center;gap:45px;justify-content:center;margin-top:70px;} #bus_02 .oem_des_wrap h1{font-size:4.5rem;color:#000;font-weight:700;letter-spacing:-0.2px;text-align:center;margin-bottom:15px;} #bus_02 .oem_des_wrap h5{font-size:2.5rem;color:#000;font-weight:350;letter-spacing:-0.2px;line-height:44px;text-align:center;} #bus_02 .oem_des_wrap .line{width:1px;height:68px;background:#000;margin:15px auto 25px;display:block;} #bus_02 .oem_des_boxWrap{display:flex;justify-content:center;gap:20px;} #bus_02 .oem_des_imgBox{position:relative;} #bus_02 .oem_des_imgBox img{border-radius:20px;} #bus_02 .oem_des_imgBox h1{color:#fff;font-weight:bold;font-size:4.5rem;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);} #bus_02 .oem_des_con p{margin-top:25px;color:#222;font-size:2rem;line-height:26px;text-align:center;} #bus_02 .sect5{background:#092245;text-align:center;padding:70px 0 55px;} #bus_02 .bus_02_inq_txtBox h1{color:#fff;font-size:2.5rem;font-weight:300;font-family:'Pretendard';line-height:32px;} #bus_02 .bus_02_inq_txtBox h1.strong{font-weight:600;margin-top:5px;} #bus_02 .bus_02_inq_btn a{ display:flex;align-items:center;justify-content:center;gap:23px;width:205px; margin:50px auto 0;height:53px;background:#fff;border-radius:50px;color:#333; font-size:1.6rem;font-weight:600; } #bus_02 .bus_02_inq_btn a img{transform:translateX(0);transition: transform 0.3s;} #bus_02 .bus_02_inq_btn a:hover img{transform:translateX(5px);transition: transform 0.3s;} /* custom */ #bus_03 .txt_wrap{margin-bottom:130px;} #bus_03 .sect3{position:relative;} #bus_03 .sect3::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:94%;background:#eff1ff;} #bus_03 .custom_wrap{padding:55px 0 185px;background:#fff;border-radius:30px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);position:relative;z-index:9;} #bus_03 .custom_wrap h5{font-size:3rem;font-weight:700;letter-spacing:-0.5px;color:#000;text-align:center;padding-bottom:15px;position:relative;} #bus_03 .custom_wrap h5::after{content:'';width:50px;height:2px;background:#645e5d;position:absolute;bottom:0;left:50%;transform:translateX(-50%);} #bus_03 .custom_wrap .custom_imgBox{margin:120px auto 0;text-align:center;} #bus_03 .sect4{width:100%;height:312px;background:url('../../images/bus_03_bot_bg.png') no-repeat center/cover;position:relative;margin-top:-80px;} #bus_03 .bus_03_bot_arrow{position:absolute;top:50px;left:50%;transform:translateX(-50%);z-index:10;} #bus_03 .bus_03_txtBox{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:100%;} #bus_03 .bus_03_txtBox h1{text-align:center;font-size:3.5rem;font-weight:600;color:#fff;} #bus_03 .bus_02_inq_btn a{ display:flex;align-items:center;justify-content:center;gap:23px;width:205px; margin:15px auto 0;height:53px;background:#fff;border-radius:50px;color:#333; font-size:1.6rem;font-weight:600; } #bus_03 .bus_02_inq_btn a img{transform:translateX(0);transition: transform 0.3s;} #bus_03 .bus_02_inq_btn a:hover img{transform:translateX(5px);transition: transform 0.3s;} #privacy .tit-wrap { padding-top: 150px; } /* board */ .cus .top_txt{margin-bottom:100px;} .cus .cus_02_tab_wrap{display:flex;align-items:center;border:1px solid #333;margin-top:85px;margin-bottom:20px;} .cus .cus_02_tab_wrap li{width:33.3333%;padding:12px 0;background:#e9ecf3;text-align:center;color:#333;font-weight:400;font-size:23px;letter-spacing:-0.2px;border-right:1px solid #333;} .cus .cus_02_tab_wrap li:last-child{border-right:0;} .cus .cus_02_tab_wrap li.on{background:#264186;color:#fff;font-weight:500;} #cus_01 .txt_wrap{margin-bottom:80px;} #cus_01 .sect3{padding:65px 0 100px;;background:#f1f4f8;} .cus_02 .sect3{padding:65px 0 100px;;background:#f1f4f8;} #cus_03 .txt_wrap{margin-bottom:80px;} #cus_03 .sect3{padding:65px 0 100px;;background:#f1f4f8;} /* response */ @media screen and (max-width:1400px) { .sec_con { padding: 0 20px; } #company .company_top_img img{width:100%;} #ceo .ceo_top_wrap{gap:80px;} #ceo .ceo_top_left p .pc_space{display:none;} #ceo .ceo_top_right{width:calc(100% - 620px);} #ceo .ceo_top_right p .pc_space{display:none;} #history .his_scroll_ul .his_logo.flex img{width:100%;} #bus_02 .oem_des_imgBox img{width:100%;} #bus_02 .oem_des_con{width:33.3333%;} #bus_02 .oem_des_con p .pc_space{display:none;} } @media screen and (max-width:1280px) { .sec_con { padding: 0 20px; } /* history */ #history .his-txt_wrap .his-b_tit{font-size:5rem;} #history .his-txt_wrap .sticky img{width:85%;} #ci .ci_con .ci_imgBox{gap:45px;} #ci .ci_con .ci_imgBox img{width:50%;} #location .loc_info{padding-right:40px;} #bus_01 .rnd_wrap .rnd_imgBox{padding:0 15px;} #bus_01 .rnd_wrap .rnd_imgBox img{width:100%;} #bus_02 .bus_02_img_con{padding:35px 15px 80px;} #bus_02 .bus_02_imgBox{gap:20px;} #bus_02 .bus_02_imgBox img{width:100%;} #bus_03 .custom_wrap .custom_imgBox{margin:120px 15px 0;} #bus_03 .custom_wrap .custom_imgBox img{width:100%;} } @media screen and (max-width:1200px) { .sub-lnb li{font-size:16px;} } @media screen and (max-width: 1180px){ .sub_txt_wrap{width:360px;} #ceo .ceo_top_wrap{gap:50px;} #ceo .ceo_top_left{width:calc(100% - 500px);} #ceo .marqueeBx{bottom:-55px;} #ceo .marquee .m_con{font-size:200px;} } @media screen and (max-width: 1080px){ #ceo .sect2{padding:190px 0 120px;} #ceo .ceo_top_wrap{flex-direction:column;} #ceo .ceo_top_left{width:100%;} #ceo .ceo_top_left h3{font-size:28px;line-height:40px;} #ceo .ceo_top_left p{font-size:16px;line-height:30px;} #ceo .ceo_top_left .ceo_name{font-size:2rem;margin-top:20px;} #ceo .marqueeBx{display:none;} #bus_02 .oem_des_imgBox h1{font-size:3rem;} #bus_02 .oem_des_con p{font-size:1.8rem;margin-top:15px;} } @media screen and (max-width:980px) { .sub .sect1{margin-bottom:135px;} .sub .sub_txtBox h1{font-size:5rem;} .txt_wrap h3{font-size:40px;margin-bottom:15px;} .txt_wrap h5{font-size:22px;line-height:36px;} .txt_wrap p{font-size:16px;line-height:28px;margin-top:15px;} .sub_txt_wrap{width:100%;} .sub_txt_wrap p .pc_space{display:none;} .sub-visual{height:400px;} .category-wrap{padding:15px 0;top:338px;} .category-wrap .loca-wrap .loca-area > ul > li button span{font-size:16px;} .category-wrap .loca-wrap .category_sub_wrap{font-size:1.6rem;} .category-wrap .loca-wrap .category_sub_wrap li.on::before{top:-23px;} #ceo .txt_wrap h3{margin-bottom:-35px;} #ci .ci_con{padding:50px 20px;} #ci .ci_con h5{font-size:2.2rem;} #ci .ci_con .ci_con_btn a{font-size:1.8rem;width:180px;height:42px;} #ci .ci_con .ci_combi_con{width:50%;} #ci .ci_con .ci_combi_con img{width:100%;} #bus_02 .oem_des_wrap h1{font-size:3.8rem;} #bus_02 .oem_des_wrap h5{font-size:2rem;line-height:34px;} /* pro */ .pro .pro_tab_wrap ul{margin:0 auto 55px;} .pro .pro_tab_wrap ul li{font-size:1.6rem;} .sub .top_txt h1{font-size:3.6rem;} .cus .cus_02_tab_wrap{margin-top:60px;} .cus .cus_02_tab_wrap li{font-size:18px;} } @media screen and (max-width:820px) { .sub-lnb_wrap > .sect-wrap{padding:0;} .sub-lnb{flex-wrap:wrap;} .sub-lnb li{transition:all 0.3s;} .sub-lnb li a::after{display:none;} .sub-lnb.quarter li{width:33.3333%;padding:13px 0;} .sub-lnb li.on,.sub-lnb li:hover{background:rgba(37,64,216,0.3);transition:all 0.3s;} .txt_ani span{font-size:50px;} /* history */ #history .his-txt_wrap .his-m_tit{font-size:2.2rem;} #history .his-txt_wrap .his-b_tit{font-size:4rem;} #history .his_scroll_wrap.line > ul > li{margin-left:30px;} #history .his_scroll_wrap.line > ul > li::before{left:-30px;} #history .his_cont-wrap li{font-size:1.6rem;} #history .his_scroll_ul > li > span::before{left:-35px;} #history .his_scroll_ul > li > span::after{left:-41px;} #location .loc_info{padding-right:50px;} #location .loca-tit{font-size:26px;margin-bottom:0;} #location .add-tit{font-size:16px;} #location .add-tit .add-dsc{line-height:1.2;} #location .loc_info li{padding:25px 0;} #bus_02 .oem_des_wrap h1{font-size:3rem;bottom:0;} #bus_02 .oem_des_con p{font-size:16px;} } @media screen and (max-width:768px) { .big-tit {font-size: 55px;} .tit {font-size: 50px;} .sub-tit2 {font-size: 23px;} .sub_txt_wrap h3{font-size:30px;margin-bottom:10px;} .sub .sub_txtBox h1{font-size:4rem;} .sub .sub_txtBox{padding:0 15px;} .sub_navi_wrap{padding:0 15px;} .txt_wrap h5{font-size:20px;line-height:32px;} .category-wrap{padding:15px 0;} .category-wrap .loca-wrap .loca-area > ul > li button{width:130px;} .category-wrap .loca-wrap .loca-area > ul > li div{width:130px;} .category-wrap .loca-wrap .loca-area > ul > li button span{font-size:14px;padding-left:5px;} .category-wrap .loca-wrap .category_sub_wrap{font-size:1.4rem;gap:10px;margin-left:0;} #ceo .sect2{padding:120px 0;} #ceo .ceo_top_left h3{font-size:24px;line-height:36px;} #ceo .ceo_top_right{width:100%;} #ceo .ceo_top_right img{width:100%;} #ceo .sect3 .txt_wrap h3{margin-bottom:15px;} #history .history_wrap{flex-direction:column; align-items:center;margin-top:50px;} #history .history_wrap .his-txt_wrap{width:100%;} #history .his-txt_wrap .sticky img{width:100%;} #history .his-txt_wrap .his-m_tit{font-size:2rem;} #history .his-txt_wrap .his-b_tit{margin:10px 0 20px;font-size:3rem;} #history .history_wrap .his_scroll_wrap{width:95%; margin-top:70px;} #history .his_scroll_ul > li > span{font-size:2.6rem;} #history .his_scroll_wrap.line > ul > li{padding-bottom:50px;} #history .his_cont-wrap li{font-size:1.4rem;} #ci .ci_con .ci_combi_top, #ci .ci_con .ci_combi_bot{gap:10px;} #ci .ci_con .ci_combi_top{margin-bottom:10px;} #location .loc_info{padding-right:45px;} #bus_01 .rnd_wrap h5{font-size:2.5rem;} #bus_02 .bus_02_img_con{margin-bottom:50px;} #bus_02 .bus_02_img_con h3{font-size:2.5rem;} #bus_02 .bus_02_img_con h5{font-size:1.8rem;} #bus_02 .oem_des_boxWrap{flex-wrap:wrap;} #bus_02 .oem_des_con{width:48%;} #bus_02 .bus_02_inq_txtBox h1{font-size:2rem;} #bus_02 .bus_02_inq_btn a{width:160px;height:46px;margin:30px auto 0;font-size:1.5rem;} #bus_03 .txt_wrap{margin-bottom:60px;} #bus_03 .custom_wrap{padding:55px 0 130px;} #bus_03 .custom_wrap h5{font-size:2.2rem;} #bus_03 .custom_wrap .custom_imgBox{margin:60px 15px 0;} #bus_03 .bus_03_txtBox h1{font-size:3rem;} #bus_03 .bus_02_inq_btn a{width:170px;height:44px;} } @media screen and (max-width:660px) { .sect-wrap{padding:0 15px;} .sub .sect1{margin-bottom:130px;} .recruit .txt_wrap h3{line-height:46px;} .txt_wrap h5{font-size:20px;line-height:30px;} #ceo .ceo_top_left{margin-top:0;} #history .mo_his_top{text-align:start;} #history .mo_his_top .his-m_tit{font-size:18px;} #history .mo_his_top .his-b_tit{font-size:28px;margin:10px 0 13px;} #history .mo_his_top .his-b_des{font-size:15px;margin-bottom:20px;line-height:24px;} #history .his_scroll_ul::before{display:none;} #history .his_cont-wrap li{font-size:16px;margin-bottom:5px;line-height:26px;} #location iframe{height:300px;} #location .loc_wrap{flex-direction:column-reverse; gap:10px;} #location .loc_wrap > div {padding:0 10px;} #location .loc_info, #location .loc_map{width:100%;} #location .loc_info li{padding:20px 0;} #location .loca-tit{font-size:28px;margin-bottom:0px;} #location .add-tit{font-size:16px;} #location .add-tit br{display:none;} #location .add-tit .add-dsc{padding:10px 0 0 15px; width:100%;display:block;padding-left:0;line-height:26px;} #bus_02 .oem_des_wrap h1{font-size:3rem;} #bus_02 .oem_des_wrap h5{font-size:1.6rem;line-height:30px;} #bus_02 .oem_des_wrap .line{height:40px;} /* pro */ .pro .pro_tab_wrap ul li{font-size:1.4rem;padding:15px 0;} .sub .top_txt h1{font-size:2.5rem;} } @media screen and (max-width:600px) { .sub-lnb li{font-size:14px;} .category-wrap{top:304px;} .category-wrap .loca-wrap .loca-area i{display:none;} .category-wrap .loca-wrap .loca-area > ul{flex-direction:column-reverse;align-items:flex-start;gap:30px;} .category-wrap .loca-wrap .category_sub_wrap li.on::before{top:-17px;} } @media screen and (max-width:500px) { .sub-visual{height:400px;} .big-tit { font-size: 45px; } .sub .sect1{margin-bottom:90px;} .sub .sect1 .tit_wrap{top:-280px;} .txt_ani span{font-size:40px;} .sub_txt_wrap h3{font-size:26px;line-height:36px;} .sub_txt_wrap p{font-size:16px;line-height:24px;} .txt_wrap h3{ font-size: 35px; } .txt_wrap h5{font-size:18px;line-height:26px;} .txt_wrap p{font-size:15px;line-height:26px;} .info_wrap{width:100%;height:auto;padding:50px 0;} .info_wrap h1{font-size:25px;line-height:36px;} #ceo .ceo_top_left h3{font-size:22px;line-height:32px;} #ceo .ceo_top_left p{font-size:14px;line-height:26px;} #ceo .ceo_top_left .ceo_name{font-size:16px;} #ceo .sect3 .txt_wrap h3{font-size:25px;margin-bottom:5px;} #ceo .sect3 .txt_wrap h5{font-size:16px;line-height:26px;} #ci .ci_con{margin-bottom:35px;} #ci .ci_con h5{font-size:2rem;} #ci .ci_con .ci_imgBox{gap:12px;margin:30px 0 40px;} #ci .ci_con .ci_con_btn{gap:10px;} #ci .ci_con .ci_con_btn a{font-size:1.4rem;width:134px;height:38px;} #ci .ci_con .ci_color_wrap{margin:30px 0;} #ci .ci_con .ci_color_con{width:50%;height:150px;padding:20px 15px;} #ci .ci_con .ci_color_con h1{font-size:1.7rem;} #ci .ci_con .ci_color_con span{font-size:1.4rem;} #ci .ci_con .ci_con_txtBox p{font-size:1.4rem;line-height:26px;} #ci .ci_con .ci_venture_wrap{max-width:100%;margin:30px auto;} #ci .sect3{padding-bottom:130px;} #location .loc_wrap{margin-bottom:80px;} #location .loc_wrap.cont1{margin-top:55px;} #bus_01 .txt_wrap{margin-bottom:55px;} #bus_01 .rnd_wrap h5{font-size:2rem;} #bus_01 .last-article{margin-bottom:100px;} #bus_02 .txt_wrap{margin-bottom:55px;} #bus_02 .bus_02_img_con{padding:30px 10px;margin-bottom:25px;} #bus_02 .bus_02_img_con h3{font-size:2rem;} #bus_02 .bus_02_img_con h5{font-size:1.6rem;margin:2px 0 10px;} #bus_02 .bus_02_imgBox{gap:10px;margin-top:40px;} #bus_02 .oem_des_con{width:100%;} #bus_02 .oem_des_wrap h1{bottom:10px;} #bus_02 .bus_02_inq_txtBox h1{font-size:1.7rem;line-height:30px;} #bus_02 .bus_02_inq_btn a{font-size:1.4rem;} #bus_03 .custom_wrap h5{font-size:2rem;} #bus_03 .custom_wrap{padding:55px 0 80px;} #bus_03 .bus_03_txtBox h1{font-size:2.4rem;} #bus_03 .bus_02_inq_btn a{width:150px;font-size:13px;} .cus .top_txt{margin-bottom:30px;} .cus .cus_02_tab_wrap li{font-size:15px;padding:10px 0;} #cus_03 .sect3{padding:35px 0 80px;} } @media screen and (max-width:450px){ .sub-lnb li{font-size:13px;} .txt_wrap p{font-size:14px;line-height:24px;} #ci .ci_con .ci_venture_wrap img{width:80%;} } @media screen and (max-width:430px){ #location .loca-tit{font-size:22px;} } @media screen and (max-width:390px){ .txt_wrap h3{font-size:30px;margin-bottom:5px;} .txt_wrap h5{font-size:15px;line-height:25px;} .sub_txt_wrap p{font-size:15px;line-height:22px;} .sub_txt_wrap h3{font-size:22px;} .category-wrap{top:314px;} .category-wrap .loca-wrap .loca-area > ul{gap:20px;} .category-wrap .loca-wrap .category_sub_wrap li{white-space:nowrap;} .category-wrap .loca-wrap .loca-area > ul > li div ul li a{height:35px;line-height:35px;padding-left:15px;font-size:13px;} #ceo .sect2{padding:120px 0 60px;} #ceo .ceo_top_wrap{gap:30px;} #ceo .ceo_top_left h3{font-size:22px;line-height:32px;} #history .his_cont-wrap{margin-top:15px;} #history .his_scroll_ul > li > span{font-size:2.2rem;} #history .his_scroll_ul .his_logo img{width:100%;} #ci .txt_wrap{margin-bottom:50px;} #ci .ci_con{padding:30px 15px;border-radius:20px;} #ci .ci_con h5{font-size:1.8rem;padding-bottom:8px;} #location .map_con{width:150px;height:40px;} #location .map_con a{font-size:1.4rem;} #location .root_daum_roughmap_landing{height:300px;} #location .add-tit{font-size:14px;} #location .loca-tit{font-size:20px;padding-top:20px;} #location .loca_bot_wrap{margin-top:45px;gap:15px;} #location .loca_bot_wrap li{padding-bottom:15px;} #location .loca_bot_wrap p{font-size:1.4rem;} #bus_01 .rnd_wrap .rnd_imgBox{padding:0 5px;} #bus_01 .rnd_wrap h5{font-size:1.8rem;padding-bottom:8px;} #bus_02 .bus_02_imgBox{flex-direction:column;} #bus_02 .bus_02_img_con h3{font-size:1.8rem;} #bus_02 .bus_02_img_con h5{font-size:1.4rem;} #bus_02 .oem_des_wrap h1{font-size:2.5rem;} #bus_02 .oem_des_wrap h5{font-size:1.4rem;line-height:26px;} #bus_02 .oem_des_con p{font-size:1.4rem;line-height:24px;} #bus_02 .sect4.mb-170{margin-bottom:12rem;} #bus_02 .bus_02_inq_txtBox h1{font-size:1.5rem;} #bus_02 .bus_02_inq_btn a{font-size:1.3rem;margin:20px auto 0;} #bus_03 .bus_03_txtBox h1{font-size:2.1rem;} #bus_03 .custom_wrap h5{font-size:1.8rem;padding-bottom:10px;} }