@charset "utf-8";
.wrapBridge map, 
.wrapBridge area{outline:none}
.hideTxt{position:absolute;left:0;top:-999999px;width:0;height:0;font-size:0;line-height:0}

.wrapBridge{position:relative;width:720px !important}
.wrapBridge .visual{position:relative;text-align:center;width:100%;height:100% } 

.wrapBridge .tabContainer{background-color:#fff;overflow:hidden}
.wrapBridge .mainTabs, .wrapBridge .subTabs{display:flex;background-color:#f3e2ff}
.wrapBridge .mainTab{width:50%;height:90px;cursor:pointer;border:none;background-color:#d9bded;transition:background-color 0.3s, color 0.3s;font-size:32px;font-family:'GmarketSansBold';color:#b499c8}
.wrapBridge .mainTab.active{background-color:#8308e7;font-weight:bold;color:#fff}
.wrapBridge .mainTab:hover{background-color:#8308e7;color:#fff}

.wrapBridge .subTabs{background-color:#fff}
.wrapBridge .subTab{width:calc(100% / 3 - 1px);height:60px;cursor:pointer;border:none;background-color:#2f2f2f;transition:background-color 0.3s, color 0.3s;font-size:20px;font-family:'GmarketSansBold';color:#7e7e7e}
.wrapBridge .subTab.active{background-color:#f779ff;font-weight:bold;color:#fff}
.wrapBridge .subTab:hover{background-color:#f779ff;color:#fff}
.wrapBridge .subTab + .subTab{margin-left:1px}

.wrapBridge .tabContainer .content{display:none;padding:30px 30px 40px}
.wrapBridge .tabContainer .content.active{display:block}
.wrapBridge .tabContainer .subContent{display:none}
.wrapBridge .tabContainer .subContent.active{display:block}

/* capstone */
.wrapBridge .capstone .tabContainer .content{ background-color:#f3e2ff;}

/* let's grow */
.wrapBridge .grow .tabContainer .content{background-color:#e3ffd3;}
.wrapBridge .grow .mainTab{background-color:#c5e1b6;color:#9fbb90}
.wrapBridge .grow .mainTab.active{background-color:#02974c;font-weight:bold;color:#fff}
.wrapBridge .grow .mainTab:hover{background-color:#02974c;color:#fff}
.wrapBridge .grow .subTab{background-color:#2f2f2f;color:#7e7e7e}
.wrapBridge .grow .subTab.active{background-color:#deff6f;font-weight:bold;color:#111}
.wrapBridge .grow .subTab:hover{background-color:#deff6f;color:#111}

/* Red Chair */
.wrapBridge .redChair .tabContainer .content{background-color:#ffe6e6;}
.wrapBridge .redChair .mainTab{background-color:#fcc7c7;color:#e39ea1}
.wrapBridge .redChair .mainTab.active{background-color:#f0484e;font-weight:bold;color:#fff}
.wrapBridge .redChair .mainTab:hover{background-color:#f0484e;color:#fff}
.wrapBridge .redChair .subTab{background-color:#2f2f2f;color:#7e7e7e}
.wrapBridge .redChair .subTab.active{background-color:#fdee6d;font-weight:bold;color:#111}
.wrapBridge .redChair .subTab:hover{background-color:#fdee6d;color:#111}

/* Spring Into Reading */
.wrapBridge .spring .tabContainer .content{background-color:#dffaf9;}
.wrapBridge .spring .mainTab {background-color:#b5dcde;color:#8bbcbf}
.wrapBridge .spring .mainTab.active{background-color:#07939c;font-weight:bold;color:#fff}
.wrapBridge .spring .mainTab:hover{background-color:#07939c;color:#fff}
.wrapBridge .spring .subTab {background-color:#2f2f2f;color:#7e7e7e}
.wrapBridge .spring .subTab.active{background-color:#ff804e;font-weight:bold;color:#fff}
.wrapBridge .spring .subTab:hover{background-color:#ff804e;color:#fff}