@media screen and (max-width:1600px) { /* common */
 .inner-02,.inner-03 { width:calc(100% - 200px); } 
 /* main */
 .section1 .portfolioTxt { bottom:180px; } 
 .section1 .swiper-button-prev { bottom:60px; } 
 .section1 .swiper-button-next { bottom:60px; } 
 /* details */
 .organization-box li { width: 250px; height: 250px; } 

 } 
@media screen and (max-width:1400px) { /* main */
 .section1 .portfolioTxt { bottom:150px; } 
 .section1 .portfolioTxt li h2 { font-size: 40px; } 
 .section1 .portfolioTxt li .sub { font-size: 20px; } 
 .section1 .swiper-button-prev { bottom:50px; } 
 .section1 .swiper-button-next { bottom:50px; } 
 .workWrap .infoTxt .verticalCenter { padding: 0 25px; } 
 .workWrap .infoTxt h4 { font-size: 17px; } 
 .workWrap .infoTxt .dev_lang { font-size: 14px; } 
 .workWrap .infoTxt .disc { font-size: 14px; margin: 25px 0 10px; } 
 .workWrap .infoTxt span { font-size: 25px; } 
 .partnerBox .partnerUl li { width:25%; } 
 .partnerBox .partnerUl li img { width:85%; } 
 /* details */
 .se02 .bg-text { font-size: 150px; } 
 .se02::after{height: 80vw;}
 /* company */
 .bluit .bluitBgBottom { top:60vh; } 
 .organization { padding: 11vw 0 11vw; } 
 .organizationUl > li h6 { font-size: 25px; margin-bottom: 20px; } 
 .organizationUl > li > ul > li { font-size: 18px; margin-bottom: 15px; } 
 /* business */
 .processUl li { width:33.3333%; } 
 .processUl li:nth-child(n+7) { width:50%; } 
 } 
@media screen and (max-width:1300px) { 
 /* common */
 /* main */
 .organization-box li { width: 200px; height: 200px; font-size: 25px;} 
 .active .circleWrap p { font-size: 20px; } 
 .dreamfield .organization-box ul li:nth-child(4) img { transform: translate(-50%, -50%) scale(0.7); } 
 } 
@media screen and (max-width:1200px) { /* common */
 .inner-02,.inner-03 { width:calc(100% - 120px); } 
 #header .gnb .gnb-ul li a { font-size: 18px; } 
 #header .inquiry { font-size: 16px; } 
 #allMenu .siteMapWrap .siteMap li { font-size: 60px; } 
 #allMenu .company-info .info { font-size: 18px; } 
 /* main */
 .section1 .portfolioTxt { bottom:130px; } 
 .section1 .portfolioTxt li h2 { font-size: 35px; } 
 .section1 .portfolioTxt li .sub { font-size: 18px; } 
 .section1 .swiper-button-prev { bottom:40px; } 
 .section1 .swiper-button-next { bottom:40px; } 
 .workWrap { margin-bottom: 50px; margin: 0 0 30px -10px; } 
 .workWrap li { width: calc(33.3333% - 20px); } 
 .section5 .title { width:100%; } 
 .contactBox { width:100%; } 
 .contactBox .essentialUl li select { background:url('../img/ic_select.png') no-repeat 95% 50%; } 
 /* details */
 .se02 .bg-text { font-size: 100px; top: -55px; } 
 .bo_nb .bo_nb_btn a::after { width: 60px; height: 60px; background-size: contain; } 
 .bo_nb li.bo_nb_btn a { padding: 0 30px; } 
 /* company */
 .bluit .bluitBgBottom { top:52vh; } 
 .organizationUl { margin-right: 60px; } 
 .organizationUl > li h6 { font-size: 20px; } 
 .organizationUl > li > ul > li { font-size: 16px; } 
 /* contact */
 .contact .content .title { width:100%; } 
 /* business */
 .reasonUl li .txt h6 { font-size: 18px; margin-bottom: 15px; } 
 .reasonUl li .txt p { font-size: 14px; } 
 .processUl li h6 { font-size: 18px; margin-bottom: 15px; } 
 .processUl li .txt p { font-size: 14px; } 
 } 
@media screen and (max-width:1100px) { 
 /* details */
 .organization-box ul li {  width: 180px;  height: 180px; font-size: 22px;} 
 .se02::after{height: 95vw;}
 } 
@media screen and (max-width:1000px) { /* common */
 .inner-02 { width:calc(100% - 80px); padding: 230px 0 100px; } 
 .inner-03 { width:calc(100% - 80px); } 
 .inner-02.first { padding: 200px 0 100px; } 
 .title p.sub br { display: block; } 
 #header .gnb .gnb-ul li { margin: 0 8px; } 
 #header .inquiry { margin: 3px 20px 0 0; } 
 #allMenu .company-info .info { font-size: 16px; margin: 25px 0 10vw; } 
 #allMenu .company-info .copy { font-size: 16px; } 
 #footer .profile { display: none; } 
 .bg-circle-01 { width:450px; height:450px; top:-3%; right:-15%; } 
 .bg-circle-02 { width:280px; height:280px; top:13%; left:-5%; } 
 .bg-circle-02.move { top:0; } 
 #footer #btnTop { 
 position: absolute; 
 top: -40px; 
 right: -20px; } 
 /* main */
 /* .workWrap { width:calc(100% + 50px); }  */
 .workWrap { width:calc(100% + 20px); } 
 .workWrap li { width: calc(50% - 15px); } 
 .workWrap .infoTxt h4 { font-size: 20px; } 
 .workWrap .infoTxt .dev_lang { font-size: 16px; } 
 .workWrap .infoTxt .disc { font-size: 16px; } 
 .workWrap .infoTxt span { font-size: 40px; } 
 /* company */
 .animationWrap { top:-400px; } 
 .bluit .bluitBgTop { padding: 8% 0; mix-blend-mode:soft-light; top:53.5vh; } 
 .bluit .bluitBgBottom { width:141%; padding: 8.2% 0; mix-blend-mode:soft-light; top:70vh; } 
 .companyUl li .txt h3 { font-size: 45px; } 
 .companyUl li .txt span { font-size: 16px; } 
 .bluit_disc { font-size: 18px; } 
 .good-wrap ul li { width:50%; } 
 .good-wrap ul li:nth-child(n+3) { margin-top: 30px; } 
 .organization { padding: 10vw 0 10vw; } 
 .organizationUl { margin-right: 50px; } 
 .organizationUl > li h6 { margin-bottom: 15px; font-size: 18px; } 
 .organizationUl > li > ul > li { margin-bottom: 10px; font-size: 15px; } 
 /* business */
 .business .content .title h2 { word-break: keep-all; } 
 .business .content .title h2 br { display: none; } 
 .reason { position: relative; } 
 .business .content .bg-video { height: 100%; } 
 .reasonUl li { width:50%; } 
 .reasonUl li:nth-child(n+3) { margin-top: 30px; } 
 .processUl li { width:50%; } 
 .businessUl > li { padding: 0 40px 40px 0; font-size: 15px; } 
 .businessUl > li h6 { margin-bottom: 25px; } 
 .businessUl > li:nth-child(n+4) { padding: 40px 40px 0 0; } 
 .businessUl > li:nth-child(3n+2) { padding-left: 40px; padding-right: 40px; } 
 .businessUl > li:nth-child(3n+3) { padding-left: 40px; padding-right: 0; } 
 .businessUl > li > ul > li { margin-bottom: 15px; } 
  /* details */
  .bo_nb li.bo_nb_btn span:nth-child(2){display: none;}
  .bo_nb li.bo_nb_btn img{display: none;}
  .bo_nb li.bo_nb_btn span{text-align: center;}
  
 } 
@media screen and (max-width:900px) { 
     /* details */
 section.se02 .organization-box ul { flex-wrap: wrap; justify-content: center; gap: 35px; margin-left: -20px; } 
 .organization-box ul li { width: 39vw;  height: 39vw; font-size: 30px; } 
  .active .circleWrap p {  font-size: 30px;  } 
  /* .cont_bo_nb{flex-direction: column;height: 300px;} */
  .cont_bo_nb li{width: 100%;}
  .se02::after{height: 110vw;}
  .goutergallery .se-main .text-box h2{transform: translateX(-50%) scale(1.5);}
 } 
@media screen and (max-width:768px) { /* common */
 .title { margin: 0 0 70px; } 
 .title h2,section .text-box strong { font-size: 36px; } 
 .title p.sub,section .text-box p { font-size: 16px; } 
 .btn { font-size: 18px; padding:25px 70px; } 
 #header .gnb { display: none; } 
 #header #allMenuBtn:hover .btn-line { top:12px; } 
 #header #allMenuBtn:hover .btn-line.short { top:36px; } 
 #header #allMenuBtn.close:hover .btn-line { top:24px; } 
 #header #allMenuBtn.close:hover .btn-line.short { top:19.5px; } 
 #allMenu .inner-01 { display: flex; flex-wrap: wrap; justify-content: flex-end; padding:0 0 40px; } 
 #allMenu .inner-02 { height:auto; width:100%; padding: 180px 0 0; } 
 #allMenu .siteMapWrap { display: block; height:auto; } 
 #allMenu .siteMapWrap .siteMap li { font-size: 55px; margin-bottom: 30px; } 
 #allMenu .company-info { position: relative; bottom:0; align-self: flex-end; } 
 #allMenu .company-info .info { margin: 20px 0 60px; } 
 #footer .inner-02 { display: none; } 
 #footer .copyright { background: #000; } 
 /* main */
 #portfolioSlider { display: none; } 
 #portfolioSlider2 { display: block; } 
 .section1 .portfolioTxt { width:100%; bottom:210px; } 
 .section1 .portfolioTxt li h2 { text-align: center; font-size: min(6vw, 46px); } 
 .section1 .portfolioTxt li .sub { text-align: center; font-size: min(3vw, 28px); } 
 .section1 .portfolioTxt li .sub br { display: block; } 
 .swiper-btn { position: absolute; bottom: 40px; width: 128px; left: 50%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -64px; } 
 .section1 .swiper-button-prev { bottom:0; margin-top: 0; } 
 .section1 .swiper-button-next { bottom:0; margin-top: 0; } 
 .workTab { margin: -15px 0 50px; } 
 .workWrap { width:100%; margin: 0 0 30px 0; } 
 .workWrap li { width: 100%; } 
 .workWrap .infoTxt h4 { font-size:28px; } 
 #sec3 { display: none; } 
 .section4 .partnerBox { display: none; } 
 .section4 .inner-02 { padding-bottom:0; } 
 .section4 .loop-wrap { display: block; } 
 .section4 .title p.disc { font-size: 18px; } 
 /* company */
 .bg-circle-01 { top:-2%; } 
 .bg-circle-02 { top:12%; } 
 .company .content .title h2 br.m { display: block; } 
 .title p.sub.big { font-size: 20px; } 
 .companyWrap { width:100%; } 
 .companyWrap .companyInfo .infoTr li:first-child { width:160px; } 
 .companyWrap .companyInfo .infoTr li:last-child { width:calc(100% - 160px); } 
 .company .content .title h2 br { display: block; } 
 .bluit_disc { font-size: 16px; margin-top: 80px; word-break: keep-all; } 
 .bluit_disc br { display: none; } 
 .good-wrap ul li { width:100%; } 
 .good-wrap ul li:nth-child(n+2) { margin-top: 20px; } 
 .organization { padding: 30vw 0 30vw; background: url("../img/content/company_bi.png") no-repeat 50% 50%; background-size: contain; } 
 .organizationUl { display: none; } 
 .company .partnerBox { display: none; } 
 .company .loop-wrap { display: block; } 
 .company .title p.disc { font-size: 18px; } 
 /* business */
 .business { height:auto; } 
 .business .content { height:auto; } 
 .content.business .inner-02 { padding: 220px 0 100px; } 

 /* .content.reason { height:auto; } */
 .reason .inner-02.first { padding: 200px 0; } 
 .reasonUl { display: flex; flex-wrap: nowrap; justify-content: normal; } 
 .reasonUl li { text-align: center; width:100%; } 
 .reasonUl li:nth-child(n+3) { margin-top: 0; } 
 .reasonBox .swiper-button-prev, .reasonBox .swiper-button-next { display: block; } 
 /* .processUl { display: flex; flex-wrap: nowrap; justify-content: normal; } 
 .processUl li { text-align: center; width:100%; } */
 /* .processBox .swiper-button-prev, .processBox .swiper-button-next { display: block; } */
 .businessUl > li { width: 50%; } 
 .businessUl > li:nth-child(3n) { border-right: 1px solid rgba(112,112,112,0.4); } 
 .businessUl > li:nth-child(2n) { border-right: none; } 
 .businessUl > li:nth-child(n+4) { padding: 40px 0 0 40px; } 
 .businessUl > li:nth-child(3n+3) { padding-top: 40px; padding-left: 0; padding-right: 40px; } 
 .businessUl > li:nth-child(3n+4) { padding-bottom: 40px; border-bottom: 1px solid rgba(112,112,112,0.4); } 
 .businessUl > li:nth-child(3n+5) { padding-left: 0; } 
 .businessUl > li:nth-child(2n) { padding-left:40px; padding-right: 0; } 
 /* contact */
 .contact .content .title p.disc { font-size: 18px; } 
 /* details */
 .se02::after{height: 130vw;}
 section .img-box {margin-top: 50px;}
 .se03::after{display: none;}
 .bo_nb .bo_nb_btn a::after { width: 40px; height: 40px; }
 .se01 .img-wrap .img-box1 {height: 60vw;}
 .samyang .se03 .img-flex {margin-top: 40px;flex-direction: column;}
 .samyang .se-main .text-box h2{left: 50%;}
 } 
@media screen and (max-width:700px) { 
    /* details */
    .se02::after{height: 140vw;}
    .bo_nb li.bo_nb_btn a { padding: 0 10px; gap: 10px;}
    .bo_nb.cont_bo_nb {height: 130px;}
    .bo_nb li:nth-child(2) {width: 130px;}
    .bo_nb li.bo_nb_btn { width: calc((100% - 130px) / 2); }
}
@media screen and (max-width:600px) { /* main */
 .section1 .portfolioTxt { bottom:140px; } 
 .section1 .portfolioTxt li .sub { margin-top: 15px; } 
 .workWrap .infoTxt h4 { font-size:20px; } 
 .workWrap .infoTxt .dev_lang { font-size: 16px; } 
 .workWrap .infoTxt .disc { font-size: 16px; } 
 .workWrap .infoTxt span { font-size: 35px; } 
 /* business */
 .bg-circle-02.move { top:2%; } 
 .bg-circle-01.move { top:12%; } 
 .processUl li { width:100%; } 
 .processUl li:nth-child(n+7) { width:100%; } 
 .businessUl > li { padding:0 25px 25px 0; } 
 .businessUl > li:nth-child(n+4) { padding: 25px 0 0 25px; } 
 .businessUl > li:nth-child(3n+3) { padding-top: 25px; padding-left: 0; padding-right: 25px; } 
 .businessUl > li:nth-child(3n+4) { padding-bottom: 25px; } 
 .businessUl > li:nth-child(2n) { padding-left:25px; padding-right: 0; } 
 /* company */
 .companyUl li { width:33.3333%; } 
 .companyUl li .ic img { width:45px; } 
 .companyUl li .txt h3 { font-size: 38px; } 
 .companyUl li .txt span { font-size: 14px; } 
 .good-wrap ul li h5 { font-size: 18px; } 
 .good-wrap ul li p { font-size: 14px; } 
  /* details */
  .se02::after{height: 150vw;}
  .active .circleWrap p {  font-size: 25px;}
  .goutergallery .organization-box ul li { width: 38vw;  height: 38vw;  } 
  .organization-box ul li { font-size: 25px; } 
 } 
@media screen and (max-width:500px) { 
 #hd_pop { width:calc(100% - 20px); } 
 #hd_pop .hd_pops_con { width:100% !important; } 
 #hd_pop button { font-size: 12px; } 
 /* common */
 .inner-02 { padding: 200px 0 80px; } 
 .title h2,section .text-box strong { font-size: 32px; } 
 .title p.sub br { display: none; } 
 #allMenu .siteMapWrap .siteMap li { font-size: 45px; } 
 .bg-circle-01 { right:-25%; } 
 .bg-circle-02 { left:-15%; } 
 /* main */
 .section1 .portfolioTxt { bottom:120px; } 
 .section5 .title .inquiry-num { justify-content: space-between; } 
 .section5 .title .inquiry-num li { width:50%; } 
 .section5 .title .inquiry-num li:last-child { margin-left: 0; text-align: right; } 
 /* company */
 .bluit .bluitBgBottom { background-position: left top; } 
 .companyWrap .companyInfo .infoTr li:first-child { width:130px; } 
 .companyWrap .companyInfo .infoTr li:last-child { width:calc(100% - 130px); } 
 /* contact */
 .companyWrap { margin: 80px 0; } 
 .companyUl li { width:50%; margin-top: 20px; } 
 .companyUl li:first-child { width:100%; margin-top: 0; } 
 .contact .content .title .inquiry-num { justify-content: space-between; } 
 .contact .content .title .inquiry-num li { width:50%; } 
 .contact .content .title .inquiry-num li:last-child { margin-left: 0; text-align: right; } 
  /* details */
  section h3 {font-size: 43px;margin: 40px 0;}
  section.se02 .img-box {flex-direction: column; padding: 0 40px;}
  .img-box .img:hover { transform: translateY(0px); }
  .se02::after {  height: 210vw; top: -150px;}
  .organization-box ul li { width: 35vw; height: 35vw;font-size: 18px }
  .active .circleWrap p {  font-size: 18px;}
  .dreamfield .organization-box ul li:nth-child(4) img { transform: translate(-50%, -50%) scale(0.4); }
  .text-box strong span,.text-box p span{line-height: 1.5 !important;}
  section.se02 .organization-box { margin-top: 40px;}
  .organization-box.active li:nth-child(n+3) {margin-top: -20px;}
  .cont_bo_nb {font-size: 22px;}
  .cont_bo_nb li a {gap: 10px;}
  .cont_bo_nb li a { padding: 0 25px;}
  .cont_bo_nb a::after { width: 50px; height: 50px; }
  .se03 {padding-top: 0px;padding-bottom: 60px;}
  .se01 .text-box { margin-bottom: 40px;}
  .se01 .img-wrap .img-box1 {  height: 50vw; } 
  section.se02 .img-box img, .se01 .img-wrap {border-radius: 25px;}
  section.se02 .text-box h3 { margin-top: 50px; }
  .bo_nb .btn-gomain img{transform: scale(0.8);}
  .bo_nb li.bo_nb_btn a { gap: 5px; font-size: 16px;}
  .bo_nb li.bo_nb_btn br{display: block;}
  .se02 .scroll-eff::after{top: -100px;padding-top: 100px; padding-bottom: 40px;}
}
@media screen and (max-width:450px) { /* common */
 .inner-01 { width:calc(100% - 50px); } 
 .inner-02,.inner-03 { width:calc(100% - 50px) } 
 #allMenu .siteMapWrap .siteMap li { font-size: min(10vw, 45px); margin-bottom:min(7vw, 20px); } 
 #allMenu .company-info .info { font-size: 14px; } 
 #allMenu .company-info .copy { font-size: 14px; } 
 .btnFloor .btnMain { right:35px; } 
 .btnFloor a.btnMain { bottom: 35px; width: 30px; height: 30px; } 
 .btnFloor .btnMain img { width: 30px; height: 30px; } 
 .textcircle { width: 100px; animation: rotateIt 7s linear infinite; } 
 .btnMain:hover .textcircle { width: 100%; } 
 .bg-circle-01 { top:-2%; right:-35%; } 
 .bg-circle-02 { top:12%; left:-20%; } 
 /* main */
 .section5 .title .inquiry-num li span { font-size: 18px; } 
 .section5 .title .inquiry-num li h3 { font-size: 45px; } 
 .contactBox h5 { font-size: 14px; } 
 .contactBox .essentialUl li input { padding: 11px 15px 10px; } 
 .contactBox .essentialUl li select { padding:12px 15px 11px; } 
 .contactBox .choiceUl li textarea { padding: 11px 15px; } 
 .contactBox .file-box label { padding:11px 15px 10px; } 
 /* business */
 .businessUl > li { width:100%; border-right: none; padding:30px 0 30px; } 
 .businessUl > li:first-child { padding-top:0; } 
 .businessUl > li:nth-child(2n) { padding-left: 0; } 
 .businessUl > li:nth-child(n+4) { border-bottom: 1px solid rgba(112,112,112,0.4); padding: 30px 0 30px; } 
 .businessUl > li:nth-child(3n+3) { border-right: none; padding: 30px 0 30px; } 
 /* contact */
 .contact .content .title .inquiry-num li span { font-size: 18px; } 
 .contact .content .title .inquiry-num li h3 { font-size: 45px; } 
 /* work */
 .workTab .tab-ul li { font-size: 15px; } 
 /* company */
 .title p.sub.big { font-size: 18px; } 
  /* details */
 } 
@media screen and (max-width:400px) { 
 #hd_pop { top:82px; } 
 /* common */
 .inner-02 { padding: 170px 0 80px; } 
 .title { margin: 0 0 50px; } 
 .title h2,section .text-box strong { font-size: 28px; } 
 .title p.sub,section .text-box p { font-size: 14px; margin-top:20px; } 
 #header { padding: 30px 0 0; } 
 #header.on { padding: 15px 0; } 
 #header #allMenuBtn { width:40px; height:40px; } 
 #header #allMenuBtn .btn-line { width:30px; top:10px; } 
 #header #allMenuBtn span:nth-child(2).btn-line { top:20px; } 
 #header #allMenuBtn .btn-line.short { width:20px; top:30px; } 
 #header #allMenuBtn.close .btn-line { top:20px; } 
 #header #allMenuBtn.close .btn-line.short { top:18px; } 
 #header #allMenuBtn:hover .btn-line { top:10px; } 
 #header #allMenuBtn:hover .btn-line.short { top:30px; } 
 #header #allMenuBtn.close:hover .btn-line { top:20px; } 
 #header #allMenuBtn.close:hover .btn-line.short { top:18px; } 
 /* main */
 .main-cont .inner-02 { padding: 50px 0 80px; } 
 .section3 .inner-02 { padding-bottom: 0; } 
 .workTab { margin: 0 0 30px; } 
 .workWrap { margin-bottom: 30px; } 
 .workWrap .infoTxt .verticalCenter { padding: 0 20px; } 
 .workWrap .infoTxt h4 { font-size: 18px; word-break: keep-all; } 
 .workWrap .infoTxt .dev_lang { font-size: 14px; } 
 .workWrap .infoTxt .disc { font-size: 14px; } 
 .workWrap .infoTxt span { font-size: 30px; } 
 .section4 .title p.disc { font-size: 16px; margin: 30px 0 120px; } 
 .section4 .title .disc::after { bottom:-70px; } 
 .section4 .title .inquiry-num li span { font-size: 16px; } 
 .section4 .title .inquiry-num li h3 { font-size: 40px; } 
 /* company */
 .bluit-logo img { width:100%; } 
 .companyWrap .companyInfo .infoTr li:first-child { width:100px; } 
 .companyWrap .companyInfo .infoTr li:last-child { width:calc(100% - 100px); } 
 /* contact */
 .contact .content .title p.disc { font-size: 16px; margin: 30px 0 120px; } 
 .contact .content .title .disc::after { bottom:-70px; } 
 .contact .content .title .inquiry-num li span { font-size: 16px; } 
 .contact .content .title .inquiry-num li h3 { font-size: 40px; } 
   /* details */
 .active .circleWrap p { font-size: 16px; }
 .se02::after { height: 250vw; }
 .bo_nb.cont_bo_nb {height: 100px;}
    .bo_nb li:nth-child(2) {width: 100px;}
    .bo_nb li.bo_nb_btn { width: calc((100% - 100px) / 2); }
    .bo_nb .btn-gomain img { transform: scale(0.6); }
    .bo_nb .btn-gomain {gap: 5px;}
    .bo_nb .bo_nb_btn a::after { width: 23px; height: 23px; }
 } 
@media screen and (max-width:380px) { /* common */
 #allMenu .company-info .info .mbr { display: block; } 
 /* main */
 .contactBox h5 { line-height: 1.5; } 
 .contactBox h5 br { display: block; } 
 .contactBox .essentialUl li { width:100%; } 
 .contactBox .essentialUl li:nth-child(n+2) { margin-top: 14px; } 
 .contactBox .choiceUl li { width:100%; } 
 .contactBox .choiceUl li:nth-child(n+2) { margin-top: 14px; } 
 /* business */
 .reasonWrap { width: calc(100% - 65px); } 
 .swiper-button-prev, .swiper-rtl .swiper-button-next { width:16px; height:30px; left:7px; } 
 .swiper-button-next, .swiper-rtl .swiper-button-prev { width:16px; height:30px; right:7px; } 
 .swiper-button-next:after, .swiper-button-prev:after { font-size: 30px; } 
 /* company */
 .title p.sub.big { font-size: 16px; word-break: keep-all; } 
 .company .content .title p.sub.big br { display: none; } 
    /* details */
    .se02::after { height: 210vw; }
 } 
@media screen and (max-width:350px) { /* common */
 .title h2,section .text-box strong { font-size: 24px; } 
 .section4 .title p.disc { font-size: 14px; } 
 .btn { width:100%; padding:20px; font-size: 16px; } 
 #footer .copyright p { font-size: 14px; } 
 /* main */
 .section5 .title .inquiry-num li h3 { font-size: 30px; } 
 /* company */
 .companyUl li { width:100%; margin-top: 30px; } 
 .companyWrap .companyInfo .infoTr { margin-bottom: 15px; } 
 .companyWrap .companyInfo .infoTr li { font-size: 14px; } 
 /* contact */
 .contact .content .title p.disc { font-size: 14px; } 
 .contact .content .title .inquiry-num li h3 { font-size: 30px; } 
 /* work */
 .workTab .tab-ul li:first-child { width:30%; margin-bottom: 10px; } 
 .workTab .tab-ul li:nth-child(2) { width:70%; text-align: right; margin-bottom: 10px; } 
 /* business */
 .reasonWrap { width:100%; } 
 .reasonBox .swiper-button-prev, .reasonBox .swiper-button-next { display: none; } 
 .processWrap { width:100%; } 
 .processBox .swiper-button-prev, .processBox .swiper-button-next { display: none; } 
 .processUl li .txt p br { display: none; } 
     /* details */
     .se02::after { height: 230vw; }
 } 
@media screen and (max-width:320px) { /* business */
 .reasonUl li .txt p { word-break: keep-all; } 
 .reasonUl li .txt p br { display: none; } 
 } 
@media screen and (max-width:300px) { /* work */
 .workWrap .infoTxt .disc { margin: 15px 0 5px; line-height: 1.4; } 
 .info-prov { font-size: 15px; } 
 }