.tab-container {position: sticky; top: 0; z-index: 999; background:#333;}
.tabs {display: flex; justify-content: space-around; list-style: none; margin: 0;}
.tabs li a {text-decoration: none; color:#fff; font-size:24px; font-weight: bold; padding: 16px 0; display: block; overflow:hidden; }
.tabs li a span{font-weight: 500; font-size:18px; background:#fff; color:#333; padding:4px 16px; border-radius: 64px;}
.tabs li a:hover{background:#FFC01D; color: #920783;}
.tabs li a.active {background:#FFC01D; color: #920783;}
.tabs li a.active span{background:#920783; color:#fff;}


.bridge-fullBg{background:url('../bridge/img/negoking-bg.jpg') no-repeat top center;}
.bridge-content-wrap{width:1200px; margin:0 auto; padding:160px 0; text-align:center;}
.bridge-youtube{position:relative; margin-bottom:120px;}
.bridge-youtube .nego-ceo{position:relative; top:24px;}
.bridge-youtube iframe{position: relative; z-index:1; border-radius:16px;}
.bridge-product .tab-container .bridge-content-wrap{padding:0;}
.bridge-product .tabs li{background:#333; width:100%; text-align:center; overflow:hidden; }
.bridge-product .nego-list .bridge-content-wrap{margin:0 auto; padding:80px 0 0;}
.bridge-product .nego-list a{display:inline-block; margin:40px auto;}
.bridge-product .nego-list a:hover{opacity: 0.5;}
.bridge-product .nego-list:last-child .bridge-content-wrap{margin:0 auto; padding:80px 0;}
.bridge-bottomBg{background:#222;}
.bridge-bottomBg .bridge-content-wrap{width:720px; padding:80px 0; text-align:left; color:#fff;}
.bridge-bottomBg .bridge-content-wrap p{font-size:20px; font-weight: bold; margin-bottom:8px;}
.bridge-bottomBg .bridge-content-wrap .notice-tit{position: relative; font-size:24px; padding-left:44px;}
.bridge-bottomBg .bridge-content-wrap .notice-tit::after{content: ''; position: absolute; top:0; left:0; background:url('../bridge/img/notice-icon.png') no-repeat top center; width:34px; height:30px;}
.bridge-bottomBg .bridge-content-wrap .notice-list{margin-bottom:32px;}


.bridgeTitle .negoking-tit{margin-top:64px;}


/* Tablet */
@media only screen and (max-width: 1366px) {

}

/* Tablet 아이패드 에어 - 가로형 */
@media only screen and (max-width: 1180px) {
    .bridge-content-wrap{width:820px;}
    .bridge-youtube iframe{width:100%;}

}


/* Tablet 아이패드 미니 - 가로형 */
@media only screen and (max-width: 1024px) {

}


/* Tablet 아이패드 에어 - 세로형 */
@media only screen and (max-width: 820px) {
    .bridge-content-wrap{width:640px;}
    .bridge-content-wrap img{width:100%;}
    .bridge-content-wrap .bridgeTitle .bridge-logo img{width:64%;}
    .bridge-product .tab-container .bridge-content-wrap{width:100%;}
    .bridge-bottomBg .bridge-content-wrap .notice-list .dot-list{list-style-type: disc;}
    .bridge-bottomBg .bridge-content-wrap .notice-list li{display:list-item; list-style-type: disc !important;}
}




@media screen and (max-width: 430px) {
    .bridgeTitle .negoking-tit{margin-top:40px;}
    .bridge-content-wrap{width:100%; padding:80px 16px;}
    .bridge-youtube iframe{height:300px;}
    .bridge-product .nego-list .bridge-content-wrap{padding:80px 16px 0;}
    .bridge-product .nego-list:last-child .bridge-content-wrap{padding:80px 16px;}
    .tabs li a{font-size:18px;}
    .tabs li a span{font-size:16px; display:inline-block; margin-bottom:8px;}

    .bridge-bottomBg .bridge-content-wrap{width:100%; padding:40px 16px;}
    .bridge-bottomBg .bridge-content-wrap .notice-tit{font-size:20px;}
    .bridge-bottomBg .bridge-content-wrap p{font-size:18px;}
}


@media only screen and (max-width: 414px) {

}



@media only screen and (max-width: 390px) {

}



@media only screen and (max-width: 375px) {

}