#main{width:100%;}
#main .visual{width:100%;}
#main .visual .mainVisual{width:100%;}
#main .visual .mainVisual li{width:100%; position:relative;}
#main .visual .mainVisual li .thum{width:100%;}
#main .visual .mainVisual li .thum img{width:100%;}
#main .visual .mainVisual li .txA{width:100%; padding:60px 20px; position:absolute; bottom:0; left:0; z-index:1;}
#main .visual .mainVisual li .txA .tit{font-size:20px; color:#fff; font-weight:700;}
#main .visual .mainVisual li .txA .subTit{font-size:16px; color:#fff; margin-top:4px;}
#main .visual .mainVisual .slick-dots{position:absolute; width:100%; padding:0px 3%; box-sizing:border-box; bottom:20px; display:flex;}
#main .visual .mainVisual .slick-dots li{width:100%; height:2px; background:#fff; opacity:0.5; text-indent:-999999px}
#main .visual .mainVisual .slick-dots li.slick-active{opacity:1}

#main .titA{width:100%;}
#main .titA .tit{width:100%; text-align:Center; font-size:28px; color:#222; font-weight:600; word-break:Keep-all;}
#main .titA .subs{width:100%; text-align:Center; font-size:15px; color:#777; margin-top:8px; word-break:Keep-all;}
#main .titA .more{width:100%; margin-top:20px;}
#main .titA .more a{width:100%;display:flex; justify-content:center;gap:8px;}
#main .titA .more a .tx{font-size:15px; place-self:Center; color:#222;}
#main .titA .more a .ico{width:16px; place-self:center;}
#main .titA .more a .ico img{width:100%;}

#main .mymind{width:100%; padding:40px 3%; box-sizing:border-box;}
#main .mymind .tabList{width:100%; overflow-x:auto; white-space:nowrap; display:flex; gap:4px; margin-top:24px;}
#main .mymind .tabList::-webkit-scrollbar{width:0px; height:0;}
#main .mymind .tabList::-webkit-scrollbar-track{background-color: #e5e5e5;}
#main .mymind .tabList::-webkit-scrollbar-thumb{background: #222;}
#main .mymind .tabList::-webkit-scrollbar-button{display: none;}
#main .mymind .tabList li{padding:8px 16px; border:1px solid #fff; color:#777; cursor:pointer; font-size:14px; border-radius:5px;}
#main .mymind .tabList li.current{border:1px solid #222; color:#222;}

#main .mymind .mindVisual{width:100%; margin-top:32px;}
#main .mymind .mindVisual li{width:100%; position:relative;}
#main .mymind .mindVisual li .thum{width:100%;}
#main .mymind .mindVisual li .thum img{width:100%;}
#main .mymind .mindVisual li .playBtn{position:absolute; right:20px; top:20px; background:#fff; display:flex; gap:4px; border-radius:20px; padding:8px 12px;}
#main .mymind .mindVisual li .playBtn .tx{place-self:center; font-size:14px; color:#222}
#main .mymind .mindVisual li .playBtn .ico{place-self:center; width:20px;}
#main .mymind .mindVisual li .playBtn .ico img{width:100%;}
#main .mymind .mindVisual li .txA{position:absolute; padding:20px; left:0; bottom:0;}
#main .mymind .mindVisual li .txA .subj{font-size:20px; color:#fff; font-weight:600;}
#main .mymind .mindVisual li .txA .subs{font-size:14px; color:#fff; margin-top:8px; word-break:keep-all; line-height:20px; opacity:0.7}
#main .mymind .mindVisual .slick-dots{position:absolute; width:100%; padding:0px 3%; box-sizing:border-box; margin-top:10px; display:flex; justify-content:center; gap:4px;}
#main .mymind .mindVisual .slick-dots li{width:8px; height:8px; background:#e5e5e5; border-radius:5px; text-indent:-9999px}
#main .mymind .mindVisual .slick-dots li.slick-active{background:#18365E;}


#main .basic{width:100%; padding:40px 3%; box-sizing:border-box;}
#main .basic .basicList{width:100%; margin-top:20px; display:flex; flex-flow:wrap; gap:8px}
#main .basic .basicList li{width:100%;position:relative;}
#main .basic .basicList li .thum{width:100%;}
#main .basic .basicList li .thum img{width:100%;}
#main .basic .basicList li .subj{width:100%; padding:12px; box-sizing:border-box; left:0; bottom:0; position:absolute; color:#fff; font-size:16px; font-weight:500;}

#main .core{width:100%; padding:40px 0%; box-sizing:border-box;}
#main .core .coreVisual{width:100%; margin-top:20px;}
#main .core .coreVisual li{width:100%; margin:0px 8px;}
#main .core .coreVisual li .thum{width:100%;}
#main .core .coreVisual li .thum img{width:100%;}
#main .core .coreVisual li .num{width:100%; font-size:13px; color:#777; margin-top:8px;}
#main .core .coreVisual li .subj{width:100%; font-size:15px; color:#444; margin-top:4px;}

#main .letter{width:100%; padding:40px 3%; box-sizing:border-box;}
#main .letter .letterList{width:100%; margin-top:32px; display:flex; gap:24px 20px; flex-flow:wrap;}
#main .letter .letterList li{width:calc(100% / 2 - 10px); padding:16px 0px; border-top:1px solid #000;}
#main .letter .letterList li .subj{font-size:13px; color:#444;}
#main .letter .letterList li .subs{font-size:15px; color:#222; font-weight:500; margin-top:8px; width:100%; height:35px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow:hidden; word-break:keep-all; line-height:18px}

#main .qna{width:100%; position:relative;}
#main .qna .bg{width:100%;}
#main .qna .bg img{width:100%;}
#main .qna .txA{width:100%; padding:20px 3%; box-sizing:border-box; left:0; bottom:0; position:absolute;}
#main .qna .txA .tit{width:100%; font-size:20px; color:#fff; font-weight:500;}
#main .qna .txA .subTit{width:100%; font-size:14px; color:#fff; margin-top:4px;}
#main .qna .txA .moreIco{width:16px; margin-top:8px;}
#main .qna .txA .moreIco img{width:100%;}