/* K Smart 22-02-14 */ @media screen and (max-width:1600px) { .ksmart .box .contents > p { font-size: 22px; } .ksmartTable { overflow-x: scroll; } } @media screen and (max-width:1500px){ .inner { padding:0 15px;} /* 헤더 */ header .logo { left:15px;} header .addr_info { right:15px;} header #ft_top nav > .gnb > li > a { padding:40px 40px 40px 0;} header #ft_top nav > .gnb > li > .depth2 > li > a { white-space: normal; } /* K Smart 22-02-14 */ #vdafmea .itemBox { gap: 20px 30px; } #vdafmea .itemBox .item { padding: 30px 20px; } #vdafmea .itemBox .item .icon { transform: scale(0.9); transform-origin: right bottom; } } @media screen and (max-width:1440px){ .inner2 { padding:0 15px;} /* K Smart 22-02-14 */ header #ft_top nav > .gnb > li { font-size: 17px; } header .addr_info .tel { font-size: 19px; } header #ft_top nav > .gnb > li > a { padding: 40px 20px 40px 0; } .ksmart .box .contents > p { font-size: 18px } .ksmart .box .contents > p.margin50 { margin: 70px 0 50px; } #technology .itemBox .item dl dt p { font-size: 18px; } #technology .itemBox .item dl dd p { padding: 12px 0; } #technology .itemBox .center { width: 130px; height: 130px; top: calc(50% + 28px); left: calc(50% - 66px); } #technology .itemBox .center span { font-size: 26px; } #kaistrength ul li { padding: 20px; } #kaistrength ul li h5 { font-size: 26px; margin: 0 0 25px; } #kaistrength ul li h5 b { font-size: 27px; } } @media screen and (max-width:1300px){ .inner3 { padding:0 15px;} #wrap .cont_wrap { width:100%; float:none; min-height:auto;} /* 퀵메뉴 */ #right_quick { display:none; } /* 헤더*/ header #ft_top nav {position:fixed; height:100%; left:0; top:0; background:#576faa; z-index:1000; width:400px; overflow-y:scroll; padding:0 0 100px 0; box-sizing:border-box; left:-400px;} header { text-align:center; } header .logo { position:static; display:inline-block; padding:30px 0;} header #ft_top nav > .gnb { display:block;} header #ft_top nav > .gnb > li { display:block; text-align:left; } header #ft_top nav > .gnb > li > a { padding:20px 30px !important; background:url("/img/common/mMenuPlus_off.png") no-repeat 95% center #444; color:#fff; border-bottom:1px solid #505050;} header #ft_top nav > .gnb > li:hover > a, header #ft_top nav > .gnb > li > a:hover, header #ft_top nav > .gnb > li > a:focus { background:url("/img/common/mMenuPlus_on.png") no-repeat 95% center #02518b; color:#fff;} header #ft_top nav > .gnb > li > .depth2 { display:block; position:static; padding:0; display:none;} header #ft_top nav > .gnb > li > .depth2 > li {margin:0;} header #ft_top nav > .gnb > li > .depth2 > li > a { color:#666; background:url("/img/common/mSubmenu_off.png") no-repeat 95% center #f2f2f2; border-bottom:1px solid #dddedf; padding:20px 30px !important; display:block;} header #ft_top nav > .gnb > li > .depth2 > li > a:hover, header #ft_top nav > .gnb > li > .depth2 > li > a:focus {background:url("/img/common/mSubmenu_on.png") no-repeat 95% center #f2f2f2; } header #ft_top nav .top { display:block; background:#fff; position:relative; padding:30px 0;} header #ft_top nav .top .m_menu_close { position:absolute; top:33px; right:19px;} header #ft_top nav .top .m_menu_close button { width:24px; height:26px; background:url("/img/common/memu_close.png") no-repeat center; border:none; } header #ft_top nav .apply { padding:30px 20px;} header #ft_top nav .apply h3 { font-size:22px; color:#fff; font-weight:700;} header #ft_top nav .apply_form { margin-top:20px;} header #ft_top nav .apply_form ul { margin:0 0 10px 0;} header #ft_top nav .apply_form ul li { margin:0 0 8px 0;} header #ft_top nav .apply_form ul li:last-child { margin:0; } header #ft_top nav .apply_form ul li input { height:50px; padding:0 10px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:none;} header #ft_top nav .apply_form input { width:100%; border-radius:3px;} header #ft_top nav .apply_form input[type="submit"] { background:url("/img/common/gudok_icon_m.png") no-repeat 77px center #0e2453; color:#fff; height:60px; font-size:14px; font-weight:500; border:none; font-size:18px;} header #ft_top nav input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #576faa; font-size:14px; opacity: 1; /* Firefox */ } header #ft_top nav input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #576faa; font-size:14px; } header #ft_top nav input::-ms-input-placeholder { /* Microsoft Edge */ color: #576faa; font-size:14px; } header #ft_top nav .sns { padding:0 20px; margin:30px 0 0 0;} header #ft_top nav .sns img { width:100%; } header #ft_top nav .sns .list { margin-top:30px;} header #ft_top nav .sns .list ul { overflow:hidden;} header #ft_top nav .sns .list ul li { border:1px solid #6c81b3; border-radius:5px; float:left; width:49%; margin-right:2%; margin-bottom:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} header #ft_top nav .sns .list ul li:nth-child(2n) { margin-right:0;} header #ft_top nav .sns .list ul li a { display:block; color:#fff; padding:73px 0 29px; font-weight:500;} header #ft_top nav .sns .list ul li:nth-child(1) a { background:url("/img/common/blog_icon.png") no-repeat center 30px;} header #ft_top nav .sns .list ul li:nth-child(2) a { background:url("/img/common/tstory_icon.png") no-repeat center 30px;} header #ft_top nav .sns .list ul li:nth-child(3) a { background:url("/img/common/kakao_plus_icon.png") no-repeat center 30px;} header #ft_top nav .sns .list ul li.inquiry a { background:url("/img/common/online_icon.png") no-repeat center 30px;} header #ft_top nav .sns .img > p { font-size:15px; margin-bottom:15px; color:#fff; font-weight:500; text-align:left;} .menu_btn { display:block; position:absolute; left:15px; top:40px; } .menu_btn button { background:url("/img/common/mobile_btn.png") no-repeat center; width:32px; height:22px; border:none;} .gnbBg { position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); } /* 메인 */ #mainVisual .slick-arrow { display:none !important; } #mainVisual .txt dl dt { font-size:30px; } #mainVisual .txt dl dd { font-size:18px; } #mainVisual .txt { padding:150px 20px 0 20px;} #mainContents #service .list { margin:30px auto 0; width:calc(100% - 110px); width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 110px); } #mainContents #service .slick-arrow:focus { background-color:rgba(11,58,146,0.5) !important;} } @media screen and (max-width:1200px){ /* 인사말 */ #greeting .top .img, #greeting .top .txt { display:block; } #greeting .top .txt:before { left:0; } #greeting .top .txt { margin:30px 0 0 0; } #greeting .top .txt br { display:none; } #greeting .info .icon_info > div { width:100% !important; display:block; margin:40px 0;} /* K Smart 22-02-14 */ .ksmart .box { flex-direction: column; } .ksmart .box .title { width: 100%; margin: 0 0 30px; } .ksmart .box .title h4 br { display: none; } .ksmart .contents { width: 100%; } .ksmart .contents .img { display: flex; justify-content: center; } /* 인증 서비스*/ .tit_s2 br { display:none;} .tit_s2, .cont { width: 100%; float: none;} .cont { margin-top:30px;} .table_s2 { overflow-x:scroll;} .table_s2 table {min-width:960px;} .table_s2 table table{ min-width:100%; } #iatf .con1 .info ul li { width:100% !important;display:block; margin-right:0; margin-bottom:40px;} #iatf .con1 .info ul li:nth-child(1) .item { width:49%; margin-right:2% !important; } #iatf .con1 .info ul li:nth-child(1) .item:nth-child(2) { margin-right:0 !important;} #iatf .con1 .info ul li:nth-child(2) .item { width:100%;} #iatf .con1 .info ul li .item dl dd { display:inline-block; position:relative; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); } #iso45001 .con1 .list ul li { width:32%; margin-right:2%; margin-bottom:20px;} #iso45001 .con1 .list ul li:nth-child(3n) { margin-right:0;} #iso45001 .con1 .list ul li:after { display:none;} #iso45001 .con1 .list ul li:nth-child(4), #iso45001 .con1 .list ul li:nth-child(5), #iso45001 .con1 .list ul li:nth-child(6) { height:740px;} #iso45001 .con1 .list ul li:nth-child(7) { width:100%; text-align:center;} /* 컨설팅*/ #aiag .con3 .list ul { width:472px; margin:0 auto; } #aiag .con3 .list ul li { margin-bottom:30px; margin-right:45px;} #aiag .con3 .list ul li:nth-child(3n) { margin-right:0;} #aiag .con3 .list ul li:nth-child(3n):after { display:none;} #car .con1 .list ul li { margin-right:30px;} #car .con1 .list ul li .icon { width:220px; height:220px;} #qms .con1 .cont .box2 ul li { width:49%; margin-right:2%;} #innobiz .con1 .add ul li { width:160px; height:160px;} #innobiz .con1 .add ul li p { font-size:20px;} /* 교육훈련*/ #amp .step ul { width:472px; margin:0 auto; } #amp .step ul li { margin-bottom:30px; margin-right:45px;} #amp .step ul li:nth-child(3n) { margin-right:0;} #amp .step ul li:nth-child(3n):after { display:none;} #amp .con1 .points { width:100%; } #amp .con1 .points .title { } #amp .con1 .points ul { overflow:hidden; margin-top:30px;} #amp .con1 .points ul li { position:static; width:49%; margin-right:2%; float:left; margin-bottom:20px;} #amp .con1 .points ul li:nth-child(2n) { margin-right:0;} #amp .con1 .points ul li:after, #amp .con1 .points ul li:before { display:none;} #amp .con1 { margin-bottom: 50px; } .edu_wrap .cont.float, .edu_wrap .tit_s2.float { float:left;} .edu_wrap .cont.float {width:83.33333333333%; margin:0;} .edu_wrap .tit_s2.float { width:16.66666666667%;} /* sns */ .sns iframe { width:360px;} } @media screen and (max-width:1140px){ .inner4 { padding:0 15px;} #mainContents #edu .info .list > ul > li { width:49%; margin-right:2%;} #mainContents #edu .info .list > ul > li:nth-child(3n) { margin-right:2%;} #mainContents #edu .info .list > ul > li:nth-child(2n) { margin-right:0;} /* 인사말 */ #greeting .info2 .list ul li { border-left:none !important; padding:66px 0; float:none; width:100%; height:auto;} #greeting .info2 .list ul li:nth-child(3) { border-bottom:1px solid #ccc;} #greeting .info2 .list ul li:nth-child(2) dl, #greeting .info2 .list ul li:nth-child(4) dl { background-position:left top;} #greeting .info2 .list ul li dl { padding: 0 0 0 120px !important; } } @media screen and (max-width:1100px){ /* 컨설팅 서비스*/ .content_box2 li { width:50%;} ul.content_box2 h4 { padding:30px 0 0 37%;} #smart .con4 .up { background-position:20px center !important; padding:20px 0 20px 140px;} #smart .con4 .up > div { } #smart .con4 .up p { padding:0; margin-bottom:20px;} .s_show01_down, .s_show02_down, .s_show03_down, .s_show04_down { padding: 15px 0 15px 20px;} /* fmea */ .training_info .info li { width:49%; margin-right:0; margin-bottom:20px;} .training_info .info li:last-child { margin:0;} .training_info .info li dl dt { text-align:center;} } @media screen and (max-width:960px){ /* 메인 */ #mainContents #board_wrap > div { float:none; width:100%; margin-right:0; margin-bottom:60px;} #mainContents #board_wrap > div .list ul li:nth-child(3), #mainContents #board_wrap > div .list ul li:nth-child(4), #mainContents #board_wrap > div .list ul li:nth-child(5) { display:none;} #mainContents #service .list ul li a .txt dl dt { padding:16px 8.28571428571%;} #mainContents #service .list ul li a .txt dl dt strong { font-size:18px;} #mainContents #service .list ul li a .txt dl dt p { font-size:14px; } #mainContents #service .list ul li a .txt dl dd { font-size:14px; letter-spacing:-0.5px;} /* 사업실적*/ #business .list ul li { width:49%; margin-right:2%; box-shadow:0 0 10px rgba(0,0,0,0.2); padding:25px; min-height:230px; margin-bottom:20px;} #business .list ul li:nth-child(2n) { margin-right:0;} #business .list ul li br { display:none;} #business .list .info .tit_s2, #business .list .info .table { float:none; width:100%;} #business .list .info .table { margin-top:20px; overflow-x:scroll;} #business .list .info .table table { min-width:640px;} #business .con2 .list ul li { width:32%;} #business .con2 .list ul li:nth-child(2n) { margin-right:2%;} #business .con2 .list ul li:nth-child(3n) { margin-right:0;} #business .list .info { padding:50px 0; margin-top:30px;} /* 강점 */ #strength .list ul li { width:100%; margin-right:0; height:auto; padding:30px 5%;} #strength .list .title { position:static; margin:0 auto 30px; transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); } /* 협력 기관*/ #partner .info ul li { width:100%; margin-right:0; margin-bottom:20px;} #partner .info ul li .txt { height:auto;} #partner .site_wrap ul li { width:32%;} #partner .site_wrap ul li:nth-child(4), #partner .site_wrap ul li:nth-child(5), #partner .site_wrap ul li:nth-child(6) { border-top:none;} /* K Smart 22-02-14 */ #vdafmea .itemBox { gap: 10px; } /* 인증*/ .certi_wrap .con { margin-bottom: 50px; } /* 컨설팅 서비스*/ #aiag .con1 { padding: 0 0 0 0; } #aiag .con1 .list { width:100%; margin-top:47px;} #aiag .con1 .list .center { } #aiag .con1 .list ul { position:static; overflow:hidden; margin-top:30px;} #aiag .con1 .list ul li { position:static; overflow:hidden; font-size:0; letter-spacing:-4px; float:left; width:48%; margin-right:4%; margin-bottom:20px;} #aiag .con1 .list ul li:nth-child(2n) { margin-right:0;} #aiag .con1 .list ul li .icon { position:static;} #aiag .con1 .list ul li .icon, #aiag .con1 .list ul li .txt { display:inline-block; vertical-align:middle; letter-spacing:0;} #aiag .con1 .list ul li .txt { margin-left:10px; width:calc(100% - 130px); width:-moz-calc(100% - 130px); width:-webkit-calc(100% - 130px); } #aiag .con1 .list ul li.right { text-align:left; } .consulting .con { margin-bottom: 50px;} /* 교육준비*/ #amp .con1 .points ul li { padding:40px 20px;} #amp .con1 .points ul li span { font-size:15px; display:block; margin-bottom:10px; border:none;} /* 교육신청*/ #inquiry table .email_box li { width:30%;} #inquiry table .tel_box li { width:30%;} #aiag .con2 .list ul li { width:100%; float:none; height:auto; padding:30px 5%;} #aiag .con2 .txt { position:static; margin:30px auto; transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); } #aiag .con1 .list ul li.result { margin-left:0;} #aiag .con1 .list ul li.result .txt dl dd { text-align:left;} #aiag .con1 .list ul li.result .txt dl dt { left:0; text-align:left; transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); } #data .txtbox .txt { width:100%; padding-right:0;} #data .txtbox .txt dd br { display:none } #data .txtbox .circle { width:100%; max-width:640px; margin:40px auto 0; } #data .txtbox .circle ul { gap:0 10px; } #data .txtbox .circle li { width:calc((100% - 20px) / 3)} #data .box-list > ul > li .box { min-height:350px; padding:20px; } #data .box-list > ul > li .box dd li br { display:none } #data .box-list > ul > li .icon { right:20px; bottom:20px; } } @media screen and (max-width:767px){ /* 헤더 */ header .addr_info .tel { font-size:18px;} header .addr_info .email { font-size:12px;} /* 메인 */ #mainVisual .visu article { height:560px;} .tit_s1 h2 { font-size:28px;} .tit_s1 p { font-size:16px; } #mainContents #edu { margin-top:52px;} #mainContents #edu .info .list > ul > li > div .time { font-size:20px;} #mainContents h3 { font-size:18px;} .more_s1 { width:280px;} .more_s1 a { background-position:90% center; font-size:18px; height:60px; line-height:54px;} /* 인사말 */ #greeting .top .txt dl dt { font-size:18px;} #greeting .info .icon_info ul li dl dt { font-size:16px;} /* 사업 실적*/ #business .con2 .list ul li { width:49%;} #business .con2 .list ul li:nth-child(3n) { margin-right:2%;} #business .con2 .list ul li:nth-child(2n) { margin-right:0;} /* 협력기관*/ #partner .site_wrap { margin-top: 75px; } /* K Smart 22-02-14 */ .ksmart .box .contents > p { margin: 0 0 40px; white-space: normal; } .ksmart .box .contents > p br.br767 { display: block; } #keytool ul { gap: 0 20px; } #keytool ul li { font-size: 19px; } #technology .itemBox { gap: 15px; } #technology .itemBox .item dl dt h5 { font-size: 18px; padding: 20px 0; } #technology .itemBox .item dl dt p { font-size: 16px; } #technology .itemBox .item dl dd p { font-size: 15px; } #technology .itemBox .center { width: 100px; height: 100px; top: calc(50% + 21px); left: calc(50% - 51px); } #technology .itemBox .center span { font-size: 20px; } #vdafmea .itemBox .item .icon { transform: scale(0.8); opacity: 0.6; } #kaistrength ul li h5 { font-size: 22px; margin: 0 0 20px; } #kaistrength ul li h5 b { font-size: 23px; } #kaistrength ul li p { font-size: 16px; } /* 인증서비스*/ .certi_wrap .con1 .info ul li { width:100%; float:none; margin-right:0; margin-bottom:20px;} .certi_wrap .con1 .info ul li .txt { height:auto; padding:20px;} .certi_wrap .con4 .effect ul li { width:100%; margin-right:0; margin-bottom:40px; padding:64px 0 44px;} /* 컨설팅 서비스*/ #aiag .con1 .list .center { width:100%; height:auto; padding:30px 15px; border-radius:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #aiag .con1 .list .center p { top: 0; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); } #aiag .con4 .list ul li .circle { margin-right:5%;} .content_box2 li { width:100%;} .content_box2 li > div { position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } ul.content_box2 h4 { padding: 0 0 0 37%; } #car .con4 .cont .process .tit, #car .con4 .cont .process .info { float:none; width:100%;} #car .con4 .cont .process .info { margin-top:20px;} #car .con1 .list ul li { display:block; margin-bottom:30px;} #innobiz .con1 .benefits .list ul li { width:100%; margin-bottom:20px;} #innobiz .con1 .icon_li ul li { width:33.3333333%; margin-bottom:20px;} #innobiz .con1 .icon_li ul li:nth-child(3n) { border:none;} #innobiz .con1 .benefits .list .txt { position:static; margin:30px auto; transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); } #innobiz .con1 .add ul li { width:132px; height:132px; margin-right:30px;} #innobiz .con1 .add ul li:after { background-size:100%; width:22px; height:22px; right:-26px; margin-top:-11px;} /* */ .cont { margin-top: 20px;} /* 푸터 */ .m_br { display:block; } /* fmea */ .training_info .info li { width:100%;} .training_info .info li dl dd { width:calc(100% - 118px); width:-moz-calc(100% - 118px); width:-webkit-calc(100% - 118px); } .training_info .table { overflow-x:scroll; } .training_info .table table { width:768px;} } @media screen and (max-width:640px){ /* 메인*/ #mainContents #service .list ul li a .txt dl dd { min-height:auto;} /* K Smart 22-02-14 */ #keytool ul { gap: 0 10px; } #keytool ul li { font-size: 16px; } #technology .itemBox, #vdafmea .itemBox { grid-template-columns: repeat(1, 1fr); } #technology .itemBox .center { position: inherit; } #vdafmea .itemBox .item { height: auto; } #vdafmea .itemBox .item h6 { height: auto; margin: 0 0 20px; } /* 인증 서비스*/ #iatf .con1 .info ul { margin-top:-100px;} /* 컨설팅 서비스*/ #aiag .con1 .list ul li { width:100%;} #aiag .con4 .list ul li .circle, #aiag .con4 .list ul li .txt { display:block; } #aiag .con4 .list ul li .circle { margin:0 auto;} #aiag .con4 .list ul li .txt { text-align:center; margin-top:20px;} /* 교육훈련 */ .edu_wrap .cont.float, .edu_wrap .tit_s2.float { width:100%; float:none;} .edu_wrap .cont.float { margin-top:20px;} /* 교육신청 */ #inquiry table { border-bottom:1px solid #ddd;} #inquiry table colgroup, #inquiry table table, #inquiry table tbody, #inquiry table thead, #inquiry table tr, #inquiry table th, #inquiry table td { display:block;} #inquiry table td { display:block; border:none;} #inquiry table th { padding:15px 0; text-align:center;} .w390 { width:100% !important;} #inquiry table .tel_box li:first-child, #inquiry table .tel_box li { width:calc((100% - 40px) / 3); width:-moz-calc((100% - 40px) / 3); width:-webkit-calc((100% - 40px) / 3); } #inquiry table .email_box li { width:calc((100% - 26px) / 3); width:-moz-calc((100% - 26px) / 3); width:-webkit-calc((100% - 26px) / 3); } .form_btn ul li.submit { width:calc(100% - 210px); width:-moz-calc(100% - 210px); width:-webkit-calc(100% - 210px); } #data .txt_b { margin-bottom:40px; } #data .box-list > ul > li .box { min-height:auto; padding:20px 20px 90px; } #data .box-list > ul > li { width:100%; } } @media screen and (max-width:520px){ /* 사업실적*/ #business .list ul li { width:100% !important; height:auto; min-height:100%;} /* 협력기관*/ #partner .site_wrap ul li { width:50%;} #partner .site_wrap ul li:nth-child(3) { border-top:none;} /* fmea 교육*/ .list_s3 ul li dl dt { padding:20px; margin-bottom:15px;} .list_s3 ul li dl dt, .list_s3 ul li dl dd { display:block; width:100%; } .tit_s3, #fmea .top_tit { font-size:18px;} }