/* BASIC css start */
/* ÆÄÄ«½ºÅ丮 - ¿ª»ç, À¯»ê */
#parkerTabClass .page-body { margin: 100px auto 150px;}

/* #parkerTabClass #story-tab { display: none;} */
#parkerTabClass #legacy-tab { display: none;}
#parkerTabClass .historyCont { display: none;}
#parkerTabClass .historyCont.on { display: block;}

#parkerTabClass .storyTabWrap ul { display: flex; align-items: center; height: 66px; border-top: 1px solid #363942; border-bottom: 1px solid #ccc; margin-bottom: 45px;}
#parkerTabClass .storyTabWrap ul li { min-width: 745px; text-align: center; cursor: pointer;}
#parkerTabClass .storyTabWrap li span { font-size:16px; font-weight:400; line-height:40px; color: #aaa; }
#parkerTabClass .storyTabWrap li.on span {color:#363942;}
#parkerTabClass .contWrap { display: flex; flex-wrap: nowrap;}
#parkerTabClass .contWrap > div { height: 476px;}
#parkerTabClass .contWrap > div.imgBox { min-width: 755px;}
#parkerTabClass .contWrap > div.txtBox { min-width: 735px;}
#parkerTabClass .contWrap .imgBox img { width: 100%;}
#parkerTabClass .contWrap .txtBox { box-sizing: border-box; padding: 0 0 0 80px; display: flex; align-items: center; background-color: #f5f5f5;}
#parkerTabClass .contWrap .txtBox > div { width: 100%;}
#parkerTabClass .contWrap .txtBox h3 { font-size: 30px; font-weight: bold; color: #363942; margin-bottom: 20px;}
#parkerTabClass .contWrap .txtBox h4 { font-size: 20px; font-weight: 700; margin-bottom: 20px;}
#parkerTabClass .contWrap .txtBox p { font-size: 14px; line-height: 24px; font-weight: 300; color: #363942; font-family: 'Noto Sans KR', sans-serif;}
#parkerTabClass .contWrap .txtBox.r-txt { text-align: right; padding-right: 80px; padding-left: 0;}

.yearsTabWrap { display: flex; align-items: center; margin-bottom: 50px;}
.yearsTabWrap .current { position: relative; height: 37px; width: 185px;}
.yearsTabWrap .current li {  position: absolute;  font-size: 30px; font-weight: 900; top: 0; left: 0; display: none; color: #363942;}
.yearsTabWrap .current li.on { display: block;}
.yearsTabWrap .yearsTab { display: flex; align-items: center;}
.yearsTabWrap .yearsTab li { cursor: pointer; font-size: 16px; border-left: 1px solid #999; color: #999; padding: 0 40px 0 9px;}
.yearsTabWrap .yearsTab li.on { color: #363942;}

/* À¯»ê */
#parkerTabClass #legacy-tab .contWrap > div { min-width: 745px; height: 476px;}
#parkerTabClass #legacy-tab .txtBox h3 { font-size: 24px; line-height: 40px; margin-bottom: 10px; text-transform: uppercase;}
#parkerTabClass #legacy-tab .txtBox h4 { margin-bottom: 10px; line-height: 40px; }
#parkerTabClass #legacy-tab .contTitBox { width: 100%; height: 475px; position: relative;  margin-top: 100px;}
#parkerTabClass #legacy-tab .contTitBox > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#parkerTabClass #legacy-tab .contTitBox .txtBox { color: #fff; display: flex; justify-content: center; align-items: center; text-align: center;}
#parkerTabClass #legacy-tab .contTitBox .txtBox h3 { font-size: 30px; line-height: 40px; color: #fff; font-weight: bold;text-transform: none; }
#parkerTabClass #legacy-tab .contTitBox .txtBox h4 { font-size: 20px; line-height: 40px; color: #fff;}
#parkerTabClass .contTitBox .txtBox p { font-size: 14px; line-height: 24px; font-weight: 300; font-family: 'Noto Sans KR', sans-serif;}
/* BASIC css end */