/* BASIC css start */
.worldStoryWrap { margin-bottom: 50px;}
/* display */
.worldStoryWrap #legacy-tab { display: none;}
.worldStoryWrap .historyCont { display: none;}
.worldStoryWrap .historyCont.on { display: block;}

.worldStoryWrap .storyTabWrap ul{ display: flex; align-items: center; height: 46.5px; border-top: 1px solid #363942; border-bottom: 1px solid #ccc; margin-bottom: 25px;}
.worldStoryWrap .storyTabWrap ul li { width: 50%; text-align: center; cursor: pointer; color: #aaa; font-size: 14px; }
.worldStoryWrap .storyTabWrap ul li.on { color:#363942 }

.worldStoryWrap #story-tab { width: 92%; margin: 0 auto 25px;}
.yearsTabWrap .current { position: relative; height: 25px; margin-bottom: 5px }
.yearsTabWrap .current li {  position: absolute;  font-size: 18px; font-weight: 900; top: 0; left: 0; display: none; color: #363942;}
.yearsTabWrap .current li.on { display: block;}
.yearsTabWrap .yearsTab { display: flex; margin-bottom: 25px; justify-content: start }
.yearsTabWrap .yearsTab li { border-left: 1px solid #999; padding-left: 5px; width: auto !important; color: #999; margin-right: 15px; font-size: 14px; }
.yearsTabWrap .yearsTab li:first-child { margin-left: 0;}
.yearsTabWrap .yearsTab li.on { color: #363942;}

.worldStoryWrap .contWrap .txtBox { margin-top: 20px; margin-bottom: 25px;}
.worldStoryWrap .contWrap .txtBox h3 { font-size: 18px; font-weight: 900; color: #363942; margin-bottom: 10px;}
.worldStoryWrap .contWrap .txtBox h3.legacyTit { font-size: 16px;}
.worldStoryWrap .contWrap .txtBox h4 { font-size: 16px; font-weight: 700; color: #363942; margin-bottom: 10px; line-height: 20px; }
.worldStoryWrap .contWrap .txtBox p { font-size: 13px; font-weight: 300; color: #999; line-height: 19px;}

.subTitArea .txtAtea { border-bottom: none; }

/* À¯»ê */
.worldStoryWrap #legacy-tab .contWrap { width: 92%; margin: 25px auto 0;}
.worldStoryWrap #legacy-tab .contTitBox { width: 100%;  margin-top: 25px;}


/* BASIC css end */