@charset "UTF-8";

/* NXP Customize */
.hidden{
    display: none;
}
.margin-b-0{margin-bottom: 0 !important;}
.margin-b-10{margin-bottom: 10px !important;}
.margin-b-20{margin-bottom: 20px ;}
.margin-b-30{margin-bottom: 30px !important;}
.margin-b-40{margin-bottom: 40px !important;}
.margin-b-50{margin-bottom: 50px !important;}
.margin-b-60{margin-bottom: 60px !important;}
.margin-b-70{margin-bottom: 70px !important;}

.margin-t-0{margin-top: 0 !important;}
.margin-t-10{margin-top: 10px !important;}
.margin-t-20{margin-top: 20px !important;}
.margin-t-30{margin-top: 30px !important;}
.margin-t-40{margin-top: 40px !important;}
.margin-t-50{margin-top: 50px !important;}
.margin-t-60{margin-top: 60px !important;}
.margin-t-70{margin-top: 70px !important;}

.margin-r-0{margin-right: 0 !important;}
.margin-r-10{margin-right: 10px !important;}
.margin-r-20{margin-right: 20px !important;}
.margin-r-30{margin-right: 30px !important;}
.margin-r-40{margin-right: 40px !important;}

.margin-l-0{margin-left: 0 !important;}
.margin-l-10{margin-left: 10px !important;}
.margin-l-20{margin-left: 20px !important;}
.margin-l-30{margin-left: 30px !important;}
.margin-l-40{margin-left: 40px !important;}

.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-17{font-size: 17px !important;}
.font-18{font-size: 18px !important;}
.font-19{font-size: 19px !important;}
.font-20{font-size: 20px !important;}

.font-bold{font-weight: 700;}
.font-semibold{font-weight: 600;}
.font-medium{font-weight: 500;}
.font-regular{font-weight: 400;}


@font-face {
    font-family: 'NanumSquareNeoVariable';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NanumSquareNeo-aLt.woff) format('woff')
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NanumSquareNeo-bRg.woff) format('woff')
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NanumSquareNeo-cBd.woff) format('woff')
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/NanumSquareNeo-dEb.woff) format('woff')
}


@font-face {
    font-family: 'NanumSquareNeoVariable';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/NanumSquareNeo-eHv.woff) format('woff')
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}



body *{
    font-family: 'NanumSquareNeoVariable', 'Paperozi', sans-serif;
}
.title{
    font-weight: 900;
    font-size: 32px;
    color: #191919;
    letter-spacing: -0.025em;
    margin: 0 0 30px;
}
.nxp-color{
    color: #0064b2 !important;
}
.nxp-title-exp p{
    font-weight: 400;
    font-size: 18px;
    color: #798189;
    padding: 0 20px;
}
.nxp-title-exp p span{
    font-weight: 700;
}

.container{
 max-width: 1500px;
 margin: 0 auto;
 padding: 20px;
}

#sublayout .container {
    padding: 70px 20px;
}

.fullcontainer{
 margin: 0 auto;
}

.frame1480 {
    max-width: 1520px;
    margin: 0 auto;
    padding: 0 20px;
}

#header #header-wrap .contact a {display: flex; gap:5px; align-items: center;}

/* 메인페이지 */

#section_busi{
    background: url('/images/fourbiz/busi_bg.png') no-repeat top center;
    padding: 140px 0;
}

#section_busi .busi_wrap {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

#section_busi .busi_wrap > div{
    height: 380px;
    width: 100%;
    position: relative;
    transition: 0.5s all;
}

#section_busi .busi_wrap > div:hover{
    width: 200%;
}

#section_busi .busi_wrap > div a{
    display: block;
    border-radius: 15px;
    height: 100%;
}

#section_busi .busi_wrap > div:nth-child(1) a{
    background: url('/images/fourbiz/busi_01.png') no-repeat 30% 65%;
}
#section_busi .busi_wrap > div:nth-child(2) a{
    background: url('/images/fourbiz/busi_02.png') no-repeat 42% 90%;
}
#section_busi .busi_wrap > div:nth-child(3) a{
    background: url('/images/fourbiz/busi_03.png') no-repeat 22% 100%;
}
#section_busi .busi_wrap > div:nth-child(4) a{
    background: url('/images/fourbiz/busi_04.png') no-repeat 28% 40%;
}
#section_busi .busi_wrap > div:nth-child(5) a{
    background: url('/images/fourbiz/busi_05.png') no-repeat 20% 38%;
}
#section_busi .busi_wrap > div:nth-child(6) a{
    background: url('/images/fourbiz/busi_06.png') no-repeat 70% 90%;
}

#section_busi .busi_wrap a .text_wrap{
    color: #fff;
    font-weight: 700;
    position: absolute;
    left: 25px;
    /* bottom: 130px; */
    top: 195px;
}

#section_busi .busi_wrap a .text_wrap h5{
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    font-weight: 800;
}

#section_busi .busi_wrap a .text_wrap h5 p {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 15px;
}

#section_busi .busi_wrap a .text_wrap span{
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    opacity: 0;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
}

#section_busi .busi_wrap a:hover .text_wrap span{
     opacity: 1;
}

#section_team {
    background: url('/images/fourbiz/team_bg.png') no-repeat top center;
    padding: 110px 0;
}

#section_team .box_wrap {
    display: flex;
    gap: 15px;
    margin: 0 0 100px;
}

#section_team .box{
    width: calc((100% - 45px) / 4);
    height: 218px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 15px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.26);
    gap: 20px;
}

#section_team .team .box_wrap > div:nth-child(1) {
    background: url('/images/fourbiz/team_icon01.png') no-repeat left -20px bottom -20px white;
}

#section_team .team .box_wrap > div:nth-child(2) {
    background: url('/images/fourbiz/team_icon02.png') no-repeat right -5px bottom white;
}
#section_team .team .box_wrap > div:nth-child(3) {
    background: url('/images/fourbiz/team_icon03.png') no-repeat left -10px bottom white;
}
#section_team .team .box_wrap > div:nth-child(4) {
    background: url('/images/fourbiz/team_icon04.png') no-repeat right -20px bottom -20px white;
}

#section_team .team .box_wrap > div p {
    color: #191919;
    font-size: 22px;
    font-weight: 900;
    margin: 0;
}


#section_team .team .box_wrap > div span {
    color: #191919;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

#section_team .partner .box_wrap{
    flex-wrap: wrap;
    margin: 0;

}

#section_team .partner .box_wrap .box{
    height: 140px;
    background-color: white;
    width: calc((100% - 60px) / 5);
    cursor: pointer;
    	transition:all .7s;
	    -webkit-transition:all .7s;
	    -moz-transition:all .7s;
	    -ms-transition:all .7s;
	    -o-transition:all .7s;
}



#section_team .partner .box_wrap .box .vis{
    /* display: none; */
    	transition:all .7s;
	    -webkit-transition:all .7s;
	    -moz-transition:all .7s;
	    -ms-transition:all .7s;
	    -o-transition:all .7s;
}

#section_team .partner .box_wrap .box .vis span{
    display: block;
    height: 35px;
    text-align: center;
}

#section_team .partner .box_wrap .box .vis span.h25{
    height: 25px;
}

#section_team .partner .box_wrap .box .vis span.h30{
    height: 30px;
}

#section_team .partner .box_wrap .box .vis span.h40{
    height: 40px;
}

#section_team .partner .box_wrap .box .vis span.h50{
    height: 50px;
}

#section_team .partner .box_wrap .box .vis span.h55{
    height: 55px;
}

#section_team .partner .box_wrap .box .vis span.h60{
    height: 60px;
}

#section_team .partner .box_wrap .box .vis span img {
    width: 100%;
    height: 100%;
}

#section_team .partner .box_wrap .box .invis{
    background-color: #0e357d;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
    padding: 25px;
    gap:10px;
    display: none;
    transition:all .7s;
	    -webkit-transition:all .7s;
	    -moz-transition:all .7s;
	    -ms-transition:all .7s;
	    -o-transition:all .7s;
}

#section_team .partner .box_wrap .box .invis span{
    display: block;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}

#section_team .partner .box_wrap .box .invis span{
    display: block;
    height: 35px;
}

#section_team .partner .box_wrap .box .invis span.h25{
    height: 25px;
}

#section_team .partner .box_wrap .box .invis span.h30{
    height: 30px;
}

#section_team .partner .box_wrap .box .invis span.h40{
    height: 40px;
}

#section_team .partner .box_wrap .box .invis span.h50{
    height: 50px;
}

#section_team .partner .box_wrap .box .invis span.h55{
    height: 55px;
}

#section_team .partner .box_wrap .box .invis span.h60{
    height: 60px;
}

#section_team .partner .box_wrap .box .invis span img {

    height: 100%;
}

#section_team .partner .box_wrap .box .invis p{
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    margin: 0;
    letter-spacing: -0.25px;
    font-weight: 700;
}

#section_team .partner .box_wrap .box:hover .invis{
    display: flex;
}

#section_team .partner .box_wrap .box:hover .vis{
    display: none;
}

#section_banner {
    height: 390px;
    background: url('/images/fourbiz/contact_bg.png') no-repeat center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#section_banner .container{
    padding: 40px 20px;
    display: flex;
    justify-content: space-between;

}

#section_banner .txt_wrap h4, #section_banner .txt_wrap  h5{
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 15px 0;
}

#section_banner .txt_wrap h4 span, #section_banner .txt_wrap h5 span {
    color: #fff;
    display: inline-block;
    font-weight: 900;
}

#section_banner .txt_wrap h5::before {
    content: "";
    display: inline-block;
    width: 385px;
    height: 2px;
    background: #fff;
    vertical-align: middle;
    margin: 0 20px 0 0;
    max-width: 100%;
}

#section_banner .txt_wrap h3 {
    color: #fff;
    font-weight: 900;
    font-size: 38px;
}

#section_banner .btn_wrap{
    display: flex;
    align-items: center;
}

#section_banner .btn_wrap a{
    background: #fff;
    color: #0e357d;
    font-size: 24px;
    font-weight: 900;
    display: block;
    border-radius: 50px;
    padding: 10px 50px;
}



/* 서브레이아웃 */
.subvisual {height: 730px; background: url('/images/fourbiz/sub/subvisual.png') no-repeat center;
border-radius: 0 0 0 200px;}

.subvisual .sub_txt{
    height: 355px;
    position: relative;
}

.subvisual h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    height: 355px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 0 200px;
    margin: 0;
}

.subvisual .tab {
    display: flex;
    justify-content: center;
    gap: 140px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0 0 20px;
}

.subvisual .tab li a{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    word-break: keep-all;
    text-align: center;
    display: flex;
    justify-content: center;
}

.subvisual .tab li.in{
    display: flex;
    flex-direction: column;
    border: 0;
    position: relative;
}

.subvisual .tab li.in::after{
    content: "";
    display: block;
    background-color: #1a448a;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    bottom: -45px;
    left: 50%;
    border-radius: 50px;
}

#sublayout {
    margin-top: -374px;
    background: #fff;
    border-radius: 0 200px 0 0;
}

.title_sub p{
    color: #1a448a;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    margin: 0 0 10px;
    line-height: 18px;
}

.title_sub h6{
    color: #222;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.025em;
    margin: 0 0 30px;
}

.result {background: url('/images/fourbiz/sub/bluecircle_bg02.png') no-repeat top 100px center;}
.result .title_sub {border-bottom: 1px solid #ddd;margin: 0 0 65px 0;}
.result .box_wrap {display: flex;gap: 35px;}
.result .box_wrap .box {padding: 40px; background: #fff;
    box-shadow: 5px 5px 15px 5px rgba(101,103,102,0.08);
    -webkit-box-shadow: 5px 5px 15px 5px rgba(101,103,102,0.08);
    -moz-box-shadow: 5px 5px 15px 5px rgba(101,103,102,0.08);
    border-radius: 53px;
    width: calc((100% - 70px) / 3);
}
.result .box_wrap .box p{color: #093176; font-weight: 800; font-size: 24px; letter-spacing: -0.025em;line-height: 24px;}
.result .box_wrap .box ul li {
    font-size: 16px;
    font-weight: 700;
    color: #666;
    line-height: 24px;
    background: url('/images/fourbiz/sub/dot.png') no-repeat left top 10px;
    padding: 0 0 0 25px;
    word-break: keep-all;
    margin: 0 0 12px 0;
}

.result .button {
    background: none; text-align: center;margin: 0; padding: 0; display: flex;justify-content: center; margin: 110px 0 0;  padding: 0 0 150px 0;  cursor: auto;
}
.result .button a{font-size: 26px; font-weight: 600; letter-spacing: -0.025; color: #fff; padding: 25px 60px; line-height: 26px; background: #878787;  font-family: 'Paperozi';
border-radius: 50px;
display: block;
transition:all .3s;
	    -webkit-transition:all .3s;
	    -moz-transition:all .3s;
	    -ms-transition:all .3s;
	    -o-transition:all .3s;
}
.result .button a:hover {
    background: #416aaf;
    transition:all .3s;
	    -webkit-transition:all .3s;
	    -moz-transition:all .3s;
	    -ms-transition:all .3s;
	    -o-transition:all .3s;
}

.top_blue {background: url('/images/fourbiz/sub/bluecircle_bg01.png') no-repeat center;padding: 210px 0 50px;}
.top_blue {display: flex; justify-content: center;  flex-direction: column;align-items: center;}
.top_blue h5 {font-size: 36px; font-weight: 900; color: #093176; padding: 0 20px; word-break: keep-all; text-align: center;}
.top_blue p {font-size: 18px; color: #333; font-weight: 700; text-align: center; margin: 35px 0 80px; padding: 0 20px; word-break: keep-all;}
.top_blue .box_wrap {display: flex; background: #fff;padding: 45px 0;width: 100%;justify-content: center;background: url('/images/fourbiz/sub/whitebox.png') no-repeat top center;}
.top_blue .box_wrap .frame1480 {display: flex;flex-wrap: wrap;}
.top_blue .box_wrap .box {display: flex;flex-direction: column;align-items: center;}
.top_blue .box_wrap .box p{font-size: 20px; font-weight: 900; color: #1a448a; margin: 5px 0 0;display: block;border-right: 2px solid #e9e9e9;padding: 0 25px;line-height: 46px;}
.top_blue .box_wrap .box:last-child p{border: 0;}
.top_blue .box_wrap .box span{font-size: 18px; font-weight: 700; color: #404b5f; line-height: 18px;margin: 0; display: block;}
.top_blue .box_wrap .box ul {margin: 60px 0 0;display: flex;flex-direction: column; align-items: center;gap: 8px;}
.top_blue .box_wrap .box ul li{ font-weight: 700; font-size: 16px; color: #666;}

.work_process {margin: 0 0 35px 0;}
.work_process .graph_wrap {display: flex; gap: 20px;align-items: flex-end; margin: 50px 0 0;}
.work_process .graph_wrap > div:nth-child(2n) {text-align: right;}
.work_process .bar {height: 220px; background: url('/images/fourbiz/sub/bar_bg.png') no-repeat top -290px center #1a448a;}

.graph {border-radius: 25px 25px 0 0; padding: 30px 30px 0 30px;}
.graph p {font-size: 18px; font-weight: 700; margin: 20px 0 0; color: #fff;word-break: keep-all;line-height: 24px;}
.graph p b {margin: 0 5px 0 0; display: block;}
.graph01 {border: 1px solid #1a448a; height: 185px; border-bottom: 0;}
.graph01 p {color: #222;}
.graph02 {background: #86a3d3; height: 250px;}
.graph03 {background: #648ac8; height: 215px;}
.graph04 {background: #416aaf; height: 180px;}
.graph05_01 {background: #345a9a; height: 250px;}
.graph05 {background: #1a448a; height: 285px;}
.graph06 {background: #1a448a; height: 285px;}

.ba  {margin: 0 0 80px;}
.ba .title {font-size: 18px; color: #1a448a; font-weight: 900; margin: 35px 0 50px;}
.ba .title span {font-weight: 800; border-bottom: 2px solid #86a3d3; padding: 0 20px 5px 245px; margin: 0 25px 0 0;}
.ba .frame1480 {display: flex; gap: 66px;}
.ba .frame1480 .txt_wrap h5{color: #093176; font-size: 36px; font-weight: 900; letter-spacing: -0.025px; width: 320px; word-break: keep-all;}
.ba .swiper {position: relative; width: 100%;}
.ba .swiper-wrapper {max-width: 1360px;}
.ba .swiper-wrapper .swiper-slide {width: 100%; text-align: center;display: flex;justify-content: space-around;align-content: center;flex-wrap: wrap;flex-direction: column;}
.ba .swiper-wrapper .swiper-slide .photo_wrap {max-width: 1360px; display: flex;justify-content: center;gap: 120px;}
.ba .swiper-wrapper .swiper-slide .photo_wrap span {display: inline-block;}
.ba .swiper-wrapper .swiper-slide h6 {font-size: 18px; padding: 40px 0 0;}
.ba .swiper-button-prev {position: absolute; left: 0;background: url('/images/fourbiz/sub/arrow_left.png') no-repeat center; content: none;}
.ba .swiper-button-next {position: absolute; right: 0;background: url('/images/fourbiz/sub/arrow_right.png') no-repeat center;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}

/* 회사소개 페이지 */
.companyinfo .top {
    text-align: center;
    color: #565656;
}

.companyinfo .top p{
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 5px;
}

.companyinfo .top h4 {
    font-size: 24px;
    font-weight: 700;
}

.companyinfo .top h4 span {
    color: #1a448a;
    font-size: 32px;
    font-weight: 800;
}

.companyinfo .top .org {
    background: url('/images/fourbiz/sub/org_bg.png') no-repeat center 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0 85px;
    color: #0f0f0f;
}

.companyinfo .top .org .box {
    width: 215px;
    height: 140px;
    padding: 30px;
    border-radius: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.companyinfo .top .org .box_list ul {
    margin: 20px 0 0;
}

.companyinfo .top .org .box_list ul li {
    line-height: 28px;
}

.companyinfo .top .org .blue {
    background: #1a448a;
    color: #fff;
    font-size: 20px;
    margin: 0 0 80px;
    box-shadow: 11px 10px 21px 1px rgba(0,0,0,0.18);
    -webkit-box-shadow: 11px 10px 21px 1px rgba(0,0,0,0.18);
    -moz-box-shadow: 11px 10px 21px 1px rgba(0,0,0,0.18);
}

.companyinfo .top .org .box p{
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 0;
}

.companyinfo .top .org .box_list{
    display: flex;
    gap: 240px;

}
.companyinfo .top .org .box_list .box {
    border: 1px solid #1a448a;
    background: #fff;
}

.companyinfo .top .txt {
    margin: 85px 0 0;
}

.companyinfo .top .txt p{
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 15px;
    line-height: 20px;
    margin: 0 0 45px;
    color: #0f0f0f;
    font-weight: 700;
}

.companyinfo .top .txt .txt_box{
    background: url('/images/fourbiz/sub/box_bg.png') no-repeat center;
    height: 145px;
    margin: 45px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.companyinfo .top .txt .txt_box p {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    line-height: 30px;
    letter-spacing: -0.025;
    color: #0f0f0f;
}

.companyinfo .history {
    margin: 200px 0 0;
    color: #0f0f0f;
    letter-spacing: -0.025;
}

.companyinfo .title h5{
    font-family: 'Paperozi';
    font-size: 105px;
    color: rgba(157, 173, 200, 0.23);
    line-height: 85px;
    position: relative;
    text-align: center;
    margin: 0 0 55px 0;
}

.companyinfo .title h5 span{
    color: #0f0f0f;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -0.025;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    line-height: 30px;
}

.companyinfo .history .blue{
    font-size: 18px;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 90px 0;
    word-break: keep-all;
}

.companyinfo .history .blue::before {
    display: inline-block;
    content: "";
    background: #1a448a;
    width: 10px;
    height: 65px;
    margin: 0 20px 0 0;
}

.companyinfo .history .history_wrap{
    margin: 0 0 75px;
}

.companyinfo .history .history_wrap h5.year{
    font-size: 60px;
    letter-spacing: -0.025;
    font-weight: 900;
    display: flex;
    justify-content: flex-end;
}

.companyinfo .history .history_wrap h5.year span{
    width: 50%;
    color: #1a448a;
    display: block;
}

.companyinfo .history .history_wrap .his_content{
    display: flex;
    justify-content: center;
}

.companyinfo .history .history_wrap .his_content .his_pic{
    height: auto;
    margin: 0 30 0 0px;
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.companyinfo .history .history_wrap .his_content .his_pic img {
    height: 100%;
    object-fit: cover;
}

.companyinfo .history .history_wrap .his_content .his_text{
    width: 50%;
}

.companyinfo .history .history_wrap .his_content .his_text .list {
    display: flex;
    gap: 25px;
}

.companyinfo .history .history_wrap .his_content .his_text .list::before {
    display: inline-block;
    content: "";
    background: #1a448a;
    width: 4px;
    height: auto;
}

.companyinfo .history .history_wrap .his_content .his_text .list ul{
    padding: 10px 0 0;
}

.companyinfo .history .history_wrap .his_content .his_text .list ul li{
    font-size: 16px;
    line-height: 30px;
}

.companyinfo .history .history_wrap .his_content .his_text .list ul.bold li{
    font-size: 18px;
    line-height: 28px;
    font-weight: 800;
    margin: 0 45px 30px 0;
}

.companyinfo .history .history_rev h5.year{
    justify-content: flex-start;
}

.companyinfo .history .history_rev h5.year span{
    text-align: right;
}

.companyinfo .history .history_rev .his_content .his_text .list{
    flex-direction: row-reverse;
}

.companyinfo .history .history_rev .his_content .his_text .list ul li{
    text-align: right;
}

.companyinfo .history .history_rev .his_content .his_text .list ul.bold li{
    margin: 0 0 30px 45px;
}

.companyinfo .history .history_rev .his_content .his_pic {
    margin: 0 0 0 30px;
    display: flex;
    justify-content: flex-start;
}

.companyinfo .contents {
    margin: 200px 0 0;
}

.companyinfo .contents .table_wrap{
    display: flex;
}

.companyinfo .contents .table_wrap table{
    width: 33.33%;
}

.companyinfo .contents .table_wrap table thead tr th{
    padding: 0 10px;
}

.companyinfo .contents .table_wrap table thead tr th p{
    background: #1a448a;
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -0.025;
    padding: 55px 40px;
    line-height: 32px;
    height: 130px;
    background: url('/images/fourbiz/sub/company_icon_05.png') no-repeat right 20px center #1a448a;
}

.companyinfo .contents .table_wrap table:nth-child(2) thead tr th p{
    background: url('/images/fourbiz/sub/company_icon_06.png') no-repeat right 20px center #1a448a;
}

.companyinfo .contents .table_wrap table:nth-child(3) thead tr th p{
    background: url('/images/fourbiz/sub/company_icon_07.png') no-repeat right 20px center #1a448a;
}


.companyinfo .contents .table_wrap table tbody tr{

}

.companyinfo .contents .table_wrap table tbody tr td {
    color: #1f1f1f;
    letter-spacing: -0.025;
    vertical-align: top;
    padding: 40px;
    height: 220px;
}

.companyinfo .contents .table_wrap table:nth-child(2) tbody tr{
    border-right: 2px solid #e4e4e4;
    border-left: 2px solid #e4e4e4;
}


.companyinfo .contents .table_wrap table tbody tr td p {
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
}

.companyinfo .contents .table_wrap table tbody tr td ul li{
    font-size: 16px;
    line-height: 24px;
}


/* 사업분야-디자인 페이지 */
.design {letter-spacing: -0.025em;}
.design .work_process .graph_wrap .graph {width: calc((100% - 100px) / 5);}
.design .result .box_wrap .box {width: 100%;}
.design .result .box_wrap .box .ul_wrap {width: 100%; display: flex;flex-direction: row;flex-wrap: wrap;gap: 40px;}

/* 사업분야-웹 페이지 */
.web .result .box_wrap .box .ul_wrap ul {width: calc((100% - 160px) / 5);}

/* 사업분야-제작 페이지 */
.product {letter-spacing: -0.025;}
.product .eqip {margin: 0 0 130px;}
.product .eqip .list_wrap {display: flex;gap: 20px;flex-wrap: wrap;}
.product .eqip .list_wrap .list {border-left: 5px solid #1a448a;
    box-shadow: 6px 6px 16px -4px rgba(101,103,102,0.06);
    -webkit-box-shadow: 6px 6px 16px -4px rgba(101,103,102,0.06);
    -moz-box-shadow: 6px 6px 16px -4px rgba(101,103,102,0.06);
    width: calc((100% - 20px) / 2 );
    padding: 20px; display: flex; gap: 20px; align-items: center; justify-content: space-between;
}
.product .eqip .list_wrap .list span {width: calc((100% - 20px) / 2);display: block;text-align: center;}
.product .eqip .list_wrap .list .txt_wrap  {width: calc((100% - 20px) / 2);}
.product .eqip .list_wrap .list .txt_wrap p {color: #666; font-size: 20px; font-weight: 800;margin: 0 0 10px;line-height: 20px;}
.product .eqip .list_wrap .list .txt_wrap span {color: #666; font-size: 16px; font-weight: 400;text-align: left;}
.product .eqip .list_wrap .list .txt_wrap table {border-top: 2px solid #bbb;border-bottom: 2px solid #bbb;margin: 20px 0 0; width: 100%;}
.product .eqip .list_wrap .list .txt_wrap table tr th{text-align: center;font-size: 14px; color: #1a448a;font-weight: 800; border-bottom: 1px solid #ddd;padding: 10px 5px;}
.product .eqip .list_wrap .list .txt_wrap table tr td{text-align: center;font-size: 14px; color: #666;font-weight: 700;padding: 10px 5px;}
.product .banner {margin: 0 0 130px;}
.product .banner .process {display: flex;align-items: center; justify-content: center;gap: 35px; justify-content: center; max-width: 100%; width: 100%;flex-wrap: wrap;}
.product .banner .process > div {display: flex;flex-direction: column;}
.product .banner .process span.circle {
    background: linear-gradient(135deg,rgba(26, 68, 138, 1) 0%, rgba(96, 132, 191, 1) 100%);
    box-shadow: 5px 5px 17px 5px rgba(101,103,102,0.3);
    -webkit-box-shadow: 5px 5px 17px 5px rgba(101,103,102,0.3);
    -moz-box-shadow: 5px 5px 17px 5px rgba(101,103,102,0.3);
    width: 170px;
    height: 170px;
    border-radius: 50%; display: flex;align-items: center; justify-content: center;
}
.product .banner .process span.arrow {padding: 0 0 50px;}
.product .banner .process p {text-align: center; color: #222; font-size: 18px; font-weight: 700; margin: 20px 0 0;}


/* 포트폴리오 */
.portfolio{
    height: 100%;
    min-height: 2300px;
}

.portfolio .tab {
    display: flex;
    justify-content: center;
    gap: 35px;
    margin: 0 0 40px;
    flex-wrap: wrap;
}

.portfolio .tab li{
    display: flex;
    align-items: center;
}


.portfolio .tab li:last-child a::after{
   display: none;
}

.portfolio .tab li a{
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    color: #ddd;
    transition:all .3s;
	    -webkit-transition:all .3s;
	    -moz-transition:all .3s;
	    -ms-transition:all .3s;
	    -o-transition:all .3s;
}

.portfolio .tab li a::after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    background-color: #ddd;
    margin: 0 0 0 35px;
    vertical-align: middle;
}

.portfolio .tab li a:hover {
    color: #093176;
    transition:all .3s;
	    -webkit-transition:all .3s;
	    -moz-transition:all .3s;
	    -ms-transition:all .3s;
	    -o-transition:all .3s;
}

.portfolio .tab li.in a {
    color: #093176;
}

.portfolio .box_wrap {
    display: flex;
    height: auto;
    gap: 35px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.portfolio .box_wrap .box{
    width: calc((100% - 105px) / 4);
    min-width: 300px;
    height: 395px;
}

.portfolio .box_wrap .box a{
    display: block;
    width: 100%;
    height: 100%;
    transition:all .3s;
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        -ms-transition:all .3s;
        -o-transition:all .3s;
}

.portfolio .box_wrap .branding01 a{
    background: url('/images/fourbiz/sub/portfolio/branding01_thumb.png') no-repeat center;
}

.portfolio .box_wrap .branding02 a{
    background: url('/images/fourbiz/sub/portfolio/branding02_thumb.png') no-repeat center;
}

.portfolio .box_wrap .branding03 a{
    background: url('/images/fourbiz/sub/portfolio/branding03_thumb.png') no-repeat center;
}

.portfolio .box_wrap .branding04 a{
    background: url('/images/fourbiz/sub/portfolio/branding04_thumb.png') no-repeat center;
}

.portfolio .box_wrap .branding05 a{
    background: url('/images/fourbiz/sub/portfolio/branding05_thumb.png') no-repeat center;
}

.portfolio .box_wrap .branding06 a{
    background: url('/images/fourbiz/sub/portfolio/branding06_thumb.png') no-repeat center;
}

.portfolio .box_wrap .branding07 a{
    background: url('/images/fourbiz/sub/portfolio/branding07_thumb.png') no-repeat center;
}

.portfolio .box_wrap .branding08 a{
    background: url('/images/fourbiz/sub/portfolio/branding08_thumb.png') no-repeat center;
}

.portfolio .box_wrap .branding09 a{
    background: url('/images/fourbiz/sub/portfolio/branding09_thumb.png') no-repeat center;
}

.portfolio .box_wrap .branding10 a{
    background: url('/images/fourbiz/sub/portfolio/branding10_thumb.png') no-repeat center;
}

.portfolio .box_wrap .print01 a{
    background: url('/images/fourbiz/sub/portfolio/print01_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print02 a{
    background: url('/images/fourbiz/sub/portfolio/print02_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print03 a{
    background: url('/images/fourbiz/sub/portfolio/print03_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print04 a{
    background: url('/images/fourbiz/sub/portfolio/print04_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print05 a{
    background: url('/images/fourbiz/sub/portfolio/print05_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print06 a{
    background: url('/images/fourbiz/sub/portfolio/print06_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print07 a{
    background: url('/images/fourbiz/sub/portfolio/print07_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print08 a{
    background: url('/images/fourbiz/sub/portfolio/print08_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print09 a{
    background: url('/images/fourbiz/sub/portfolio/print09_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print10 a{
    background: url('/images/fourbiz/sub/portfolio/print10_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print11 a{
    background: url('/images/fourbiz/sub/portfolio/print11_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print12 a{
    background: url('/images/fourbiz/sub/portfolio/print12_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print13 a{
    background: url('/images/fourbiz/sub/portfolio/print13_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print14 a{
    background: url('/images/fourbiz/sub/portfolio/print14_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print15 a{
    background: url('/images/fourbiz/sub/portfolio/print15_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print16 a{
    background: url('/images/fourbiz/sub/portfolio/print16_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print17 a{
    background: url('/images/fourbiz/sub/portfolio/print17_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print18 a{
    background: url('/images/fourbiz/sub/portfolio/print18_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print19 a{
    background: url('/images/fourbiz/sub/portfolio/print19_thumb.png') no-repeat center;
}
.portfolio .box_wrap .print20 a{
    background: url('/images/fourbiz/sub/portfolio/print20_thumb.png') no-repeat center;
}

.portfolio .box_wrap .web01 a{
    background: url('/images/fourbiz/sub/portfolio/web01_thumb.png') no-repeat center;
}
.portfolio .box_wrap .web02 a{
    background: url('/images/fourbiz/sub/portfolio/web02_thumb.png') no-repeat center;
}
.portfolio .box_wrap .web03 a{
    background: url('/images/fourbiz/sub/portfolio/web03_thumb.png') no-repeat center;
}
.portfolio .box_wrap .web04 a{
    background: url('/images/fourbiz/sub/portfolio/web04_thumb.png') no-repeat center;
}

.portfolio .box_wrap .event01 a{
    background: url('/images/fourbiz/sub/portfolio/event01_thumb.png') no-repeat center;
}
.portfolio .box_wrap .event02 a{
    background: url('/images/fourbiz/sub/portfolio/event02_thumb.png') no-repeat center;
}
.portfolio .box_wrap .event03 a{
    background: url('/images/fourbiz/sub/portfolio/event03_thumb.png') no-repeat center;
}
.portfolio .box_wrap .event04 a{
    background: url('/images/fourbiz/sub/portfolio/event04_thumb.png') no-repeat center;
}
.portfolio .box_wrap .event05 a{
    background: url('/images/fourbiz/sub/portfolio/event05_thumb.png') no-repeat center;
}

.portfolio .box_wrap .sign01 a{
    background: url('/images/fourbiz/sub/portfolio/sign01_thumb.png') no-repeat center;
}
.portfolio .box_wrap .sign02 a{
    background: url('/images/fourbiz/sub/portfolio/sign02_thumb.png') no-repeat center;
}
.portfolio .box_wrap .sign03 a{
    background: url('/images/fourbiz/sub/portfolio/sign03_thumb.png') no-repeat center;
}
.portfolio .box_wrap .sign04 a{
    background: url('/images/fourbiz/sub/portfolio/sign04_thumb.png') no-repeat center;
}




.portfolio .box_wrap .box a:hover{
    box-shadow: 6px 5px 35px 0px rgba(101,103,102,0.2);
    -webkit-box-shadow: 6px 5px 35px 0px rgba(101,103,102,0.2);
    -moz-box-shadow: 6px 5px 35px 0px rgba(101,103,102,0.2);
    transition:all .3s;
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        -ms-transition:all .3s;
        -o-transition:all .3s;
}

.portfolio_detail .title{
    color: #666;
    letter-spacing: -0.025;
    margin: 0 0 80px;
}

.portfolio_detail .title h5{
    font-size: 32px;
    font-weight: 800;
}

.portfolio_detail .title table tr{
    padding: 0 0 10px;
}

.portfolio_detail .title table tr td{
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    padding: 0 0 10px 10px;
}

.portfolio_detail .title table tr th{
    font-weight: 600;
    padding: 0 20px 10px 0;
}

.portfolio_detail .content {
    text-align: center;
}

.portfolio_detail .content p {
    line-height: 28px;
}

.portfolio_detail .content p img {
    max-width: 100%;
}

/* 문의하기 */
.qna {
    display: flex;
}

.qna .title {
    color: #fff;
}

.qna .wrap {
    display: flex;
    gap: 45px;
}

.qna .wrap .left .map_wrap{
    width: 690px;
}

.qna .wrap .left .map_wrap .wrap_map{
    border-radius: 15px;
}

.qna .wrap .right{
    width: 100%;
}

.qna .wrap .right .row{
    width: 100%;
}

.qna .wrap .right .line{
    display: flex;
    gap: 20px;
    justify-content: space-between;
    border-top: 0;
    margin: 0;
}

.qna .wrap .right .line .form-group{
    width: 100%;
}

.checkline {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.checkline input[type="checkbox"] { display: none; }

/* 선택되지 않은 체크박스 스타일 꾸미기 */
.on {   width: 20px;
height: 20px; background: transparent; border: 1px solid #333; border-radius: 5px; position: absolute; top: 0; left: 0;
background: none;
border: 1px solid #0e357d;
border-radius: 5px;
vertical-align: middle;
margin: 0 10px 0 0;
}

/* 선택된 체크박스 스타일 꾸미기 */
.checkline input[type="checkbox"]:checked + .on { background: #fff; }
.on:after { content: ""; position: absolute; display: none; }
.checkline input[type="checkbox"]:checked + .on:after { display: block; }

.on:after { width: 8px; height: 15px; border: solid #0e357d; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 5px; top: 0px; }




.nxp-footer{
    background-color: #f5f5f5 !important;
    margin-top: 0 !important;
}
.nxp-footer .container{
    width: 100% !important;
    background-color: #f5f5f5 !important;
    padding: 50px 20px;
}
.nxp-footer .container *{
    color: #737f88;
}

.nxp-footer .container .col-10{
    font-size: 14px;
}

.nxp-footer .container p.add {
    margin: 25px 0 10px;
}

.nxp-footer .container .co {
    margin: 0;
}

.nxp-footer .row {
    flex-direction: column;
}

.nxp-footer .row .col-2 {width: 100%;}
.nxp-footer .row .col-2 img {max-width: 100%;}

.locale-btn{
    border: 1px solid #0064b2;
    background-color: #0064b2;
    color: #FFF;
    border-radius: 8px;
    margin-left: 20px;
    width: 44px;
    text-align: center;
}




@media (max-width: 1280px){
    #section_banner .container {flex-direction: column;}
    #section_banner .btn_wrap {justify-content: flex-end;}

    .ba .frame1480 {flex-direction: column;gap: 20px;}
    .ba .frame1480 .txt_wrap h5 { font-size: 20px; width: 100%;}



    .product .eqip .list_wrap {flex-direction: column;}
    .product .eqip .list_wrap .list {width: 100%;}

    .qna .wrap {flex-direction: column;}
    .qna .wrap .left .map_wrap {width: 100%;}

}


@media (max-width: 960px) {
    #header-wrap #logo img{ height: 17px;}

    .mainvisual_wrap video{
        height: 100vh;
    }

    .nxp-about-content-exp p{
        font-size: 17px;
    }
    .nxp-business-content article .portfolio-desc ul li {
        margin-bottom: 5px;
    }
    .mob-none{
        display: none;
    }

    .nxp-team-text span{
        font-size: 15px !important;
    }
    .nxp-team-team span{
        font-size: 14px !important;
    }
    #header {width: 100%;}
    #header .contact {display: none;}
    .mainvisual_wrap .main_txt {padding: 0 20px;}
    .mainvisual_wrap .main_txt h2 {font-size: 40px; line-height: 50px;}
    .mainvisual_wrap .main_txt p br {display: none;}
    .container {padding: 24px;}
    .title {font-size: 24px;margin: 0 0 15px;}

    #section_busi {padding: 0;}
    #section_busi .container {padding: 80px 24px;}
    #section_busi .busi_wrap {flex-wrap: wrap;gap: 30px;}
    #section_busi .busi_wrap > div {width: calc((100% - 30px) / 2);height: 200px;}
    #section_busi .busi_wrap > div:hover{width: calc((100% - 30px) / 2);}
    #section_busi .busi_wrap > div:nth-child(3) a {background: url(/images/fourbiz/busi_03.png) no-repeat 22% 70%;}
    #section_busi .busi_wrap > div:nth-child(5) a {background: url(/images/fourbiz/busi_05.png) no-repeat 3% 7%;}
    #section_busi .busi_wrap > div:nth-child(6) a {background: url(/images/fourbiz/busi_06.png) no-repeat 55% 90%;}
    #section_busi .busi_wrap a .text_wrap {top: 50%;transform: translate(10px, -50%);}
    #section_busi .busi_wrap a .text_wrap h5 {font-size: 18px;line-height: 20px;}
    #section_busi .busi_wrap a .text_wrap span {opacity: 1; }

    #section_team {padding: 0; background-size: cover;}
    #section_team .container {padding: 80px 24px;}
    #section_team .team .box_wrap {flex-wrap: wrap; gap: 30px; margin: 0 0 70px;}
    #section_team .team .box {width: calc((100% - 30px) / 2);height: 160px;}
    #section_team .team .box_wrap > div p {font-size: 20px;}
    #section_team .team .box_wrap > div span {font-size: 16px;}

    #section_team .partner .box_wrap {flex-wrap: wrap;gap: 30px;}
    #section_team .partner .box_wrap .box {width: calc((100% - 30px) / 2);height: 120px;}

    #section_banner {height: auto;padding: 30px 20px; background-size: cover; padding: 0;}
    #section_banner .container {flex-direction: column;}
    #section_banner .txt_wrap h3 { font-size: 20px;}
    #section_banner .txt_wrap h4, #section_banner .txt_wrap h5{font-size: 20px;margin: 0 0 10px 0;}
    #section_banner .btn_wrap a {font-size: 20px;    padding: 10px 30px;}


    /* 서브 페이지 */
    .subvisual .tab {gap: 40px; width: 100%; padding: 0 20px;}
    #sublayout {border-radius: 0;}

    .top_blue {padding: 120px 0 50px;}
    .top_blue h5 {font-size: 26px;}
    .top_blue p { margin: 10px 0;font-size: 16px;}
    .top_blue p br {display: none;}
    .top_blue .box_wrap {background: none; }
    .top_blue .box_wrap .frame1480 {gap: 20px;width: 100%;}
    .top_blue .box_wrap .box {width: 50%; background: white; justify-content: center;
        box-shadow: 6px 15px 20px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 6px 15px 20px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 6px 15px 20px 0px rgba(0,0,0,0.2);
        padding: 20px 0;
        width: calc((100% - 20px) / 2);}
    .top_blue .box_wrap .box p {font-size: 18px;line-height: 24px; border-right: 0;}
    .top_blue .box_wrap .box span {margin: 0 0 10px;}
    .top_blue .box_wrap .box ul {margin: 10px 0 0;gap: 5px;}
    .top_blue .box_wrap .box ul li {font-size: 14px;}

    .title_sub p {font-size: 16px;margin: 0 0 5px;}
    .title_sub h6 {font-size: 18px; margin: 0 0 20px;}
    .graph {padding: 20px 20px 0 20px;}
    .graph p {font-size: 14px; line-height: 20px;}
    .work_process .graph_wrap {margin: 30px 00 0;}
    .work_process .bar {height: 150px;}


    .ba .title {font-size: 18px;}
    .ba .title span {padding: 0 20px 5px 20px;}
    .ba .swiper {height: 450px;}
    .ba .swiper-wrapper .swiper-slide .photo_wrap {height: 100%; gap: 30px;}
    .ba .swiper-wrapper .swiper-slide .photo_wrap span img {height: 100%;width: 100%; object-fit: contain;}

    .result .title_sub {margin: 0 0 40px 0;}
    .result .box_wrap {flex-direction: column;gap: 20px;}
    .result .box_wrap .box {width: 100%; }
    .result .box_wrap .box p {font-size: 16px;}
    .result .box_wrap .box ul li {font-size: 14px; line-height: 16px; background: url('/images/fourbiz/sub/dot.png') no-repeat left top 5px;}
    .result .button a {font-size: 20px; padding: 16px 40px;}
    .result .box_wrap .box {border-radius: 30px; padding: 25px; gap: 40px;}
    .web .result .box_wrap .box .ul_wrap  {gap: 20px}
    .web .result .box_wrap .box .ul_wrap ul {width: calc((100% - 80px) / 2);}

    .product .eqip .list_wrap .list .txt_wrap p {font-size: 16px;}
    .product .eqip .list_wrap .list .txt_wrap span {font-size: 14px;}
    .product .eqip .list_wrap .list span img {max-width: 100%;}

    .portfolio .tab {gap: 20px;}
    .portfolio .tab li a {font-size: 14px;}
    .portfolio .tab li a::after {height: 12px;margin: 0 0 0 20px; }
    .portfolio .box_wrap .box {height: 300px;max-width: 100%;}

    .qna {flex-direction: column;}
    .qna .wrap .right .line {flex-direction: column; gap: 0;}






}

@media (max-width: 640px) {

    /* #section_busi .busi_wrap{flex-direction: column; height: 150px;} */
    body {
        min-width: 320px;
        max-width: 1920px;
        margin: 0 auto;
    }

    #section_busi .busi_wrap > div {width: 100%;}
    #section_busi .busi_wrap > div:hover{width: 100%;}
    #section_team .team .box_wrap {flex-direction: column;}
    #section_team .team .box{width: 100%;}
    #section_team .partner .box_wrap {gap: 15px;}
    #section_team .partner .box_wrap .box {width: calc((100% - 15px) / 2);}
    #section_team .team .box_wrap > div span {font-size: 16px;}


    .nxp-about-content-exp p {
        font-size: 16px;
    }
    .nxp-team-ceo .nxp-team-image img {
        object-position: -300px -170px;
    }
    .cso-image{
        object-position: 50% 50%;
    }
    .cto-image{
        object-position: 80% 50%;
    }
    .nxp-team-ceo{
        height: auto;
    }
    .nxp-team-ceo > div {
        height: auto;
    }
    .nxp-team-cto > div > div {
        height: auto;
    }
    .nxp-history .container {
        padding: 20px 30px;
    }


    /* 서브페이지 */
    .top_blue .box_wrap .frame1480 {flex-direction: column;width: 100%;}
    .top_blue .box_wrap .box {width: 100%;}

    .work_process .graph_wrap {flex-direction: column; margin: 20px 0 0;}
    .design .work_process .graph_wrap .graph {width: 100%;display: flex;gap: 20px;height: auto;padding: 10px 25px; align-items: center;}
    .graph {border-radius: 25px;}
    .graph01 {border-bottom: 1px solid #1a448a;}
    .graph02, .graph04, .graph06 {justify-content: flex-end;}
    .graph02 span, .graph04 span, .graph06 span {order: 2;}
    .graph p {margin: 0;display: flex;}
    .work_process .bar {display: none;}

    .ba .swiper {height: 600px;}
    .ba .swiper-wrapper .swiper-slide .photo_wrap {flex-direction: column;}
    .ba .swiper-wrapper .swiper-slide .photo_wrap span {height: 50%;}
    .result .button a {width: 100%;}

    .web .result .box_wrap .box .ul_wrap ul {width: 100%;}

    .product .eqip .list_wrap .list {flex-direction: column;}
    .product .eqip .list_wrap .list .txt_wrap {width: 100%;}
    .product .banner .process {flex-direction: column;gap: 15px;}
    .product .banner .process p {font-size: 16px;}
    .product .banner .process span.arrow {padding: 0;}
    .product .banner .process span.arrow img {transform: rotate(90deg);}
    .product .banner .process span.circle {height: 140px; width: 140px;}

    .portfolio .box_wrap .box {min-width: 100%;}

    .companyinfo .top p {font-size: 20px;}
    .companyinfo .top h4 {font-size: 20px;}
    .companyinfo .top h4 span {font-size: 26px;}
    .companyinfo .top .org {margin: 30px 0 0; }
    .companyinfo .top .org .box {max-width: 150px; width: 100%; padding: 15px;}
    .companyinfo .top .org .box p {font-size: 16px;}
    .companyinfo .top .org .blue {margin: 0 0 40px;}
    .companyinfo .top .org .blue::after {display: block; content: ""; clear: both;}
    .companyinfo .top .org .box_list {gap: 20px; flex-direction: co0lumn;}
    .companyinfo .top .org .box_list ul {margin: 10px 0 0;}
    .companyinfo .top .org .box_list ul li {font-size: 14px;line-height: 22px;}
    .companyinfo .top .txt p {font-size: 18px; flex-direction: column; align-items: center; gap: 20px;margin: 0;}
    .companyinfo .top .txt p span img {width: 30px;}
    .companyinfo .top .txt .txt_box {background: none;margin: 10px 0 0;}
    .companyinfo .top .txt .txt_box p {font-size: 14px; line-height: 26px;}
    .companyinfo .title h5 {font-size: 60px; line-height: 54px; margin: 0 0 30px 0;}
    .companyinfo .title h5 span {font-size: 24px;}
    .companyinfo .history {margin: 100px 0 0;}
    .companyinfo .history .blue {font-size: 16px; margin: 0 0 50px;}
    .companyinfo .history .blue::before {width: 15px;  height: 100px;}
    .companyinfo .history .blue br {display: none;}
    .companyinfo .history .history_wrap {margin: 0 0 40px;}
    .companyinfo .history .history_wrap h5.year {justify-content: flex-start;}
    .companyinfo .history .history_wrap h5.year span {width: 100%; font-size: 36px;}
    .companyinfo .history .history_wrap .his_content {flex-direction: column;}
    .companyinfo .history .history_wrap .his_content .his_pic {width: 100%;}
    .companyinfo .history .history_wrap .his_content .his_text {width: 100%; margin: 0 0 20px;}
    .companyinfo .history .history_wrap .his_content .his_pic {justify-content: center; margin: 0 0 20px 0;}
    .companyinfo .history .history_wrap .his_content .his_pic img {width: 100%;}
    .companyinfo .history .history_wrap .his_content .his_text .list {gap: 20px;}
    .companyinfo .history .history_wrap .his_content .his_text .list ul.bold li {font-size: 16px;word-break: keep-all; margin: 0 0px 25px 0;text-align: left;}
    .companyinfo .history .history_wrap .his_content .his_text .list ul li {font-size: 14px;word-break: keep-all;text-align: left;}
    .companyinfo .history .history_rev h5.year span {width: 100%; text-align: left;}
    .companyinfo .history .history_rev .his_content .his_text .list {flex-direction: row}
    .companyinfo .contents {margin: 100px 0 0;}
    .companyinfo .contents .table_wrap {flex-direction: column;}
    .companyinfo .contents .table_wrap table {width: 100%;}
    .companyinfo .contents .table_wrap table thead tr th {padding: 0;}
    .companyinfo .contents .table_wrap table thead tr th p {height: 100px;}
    .companyinfo .contents .table_wrap table tbody tr td {padding: 20px; height: 100%;}
    .companyinfo .contents .table_wrap table tbody tr td p {font-size: 16px; margin: 0 0 10px 0;}
    .companyinfo .contents .table_wrap table tbody tr td ul li {font-size: 14px;line-height: 22px;}
    .companyinfo .contents .table_wrap table:nth-child(2) tbody tr {border-right: 0; border-left: 0;}


    .portfolio_detail .title h5 {font-size: 24px;}
}