@charset "utf-8";
/*=================================================================================================
// 명    칭 :메인화면 스타일쉬트 - 1680px 이상
// 처리내용 :
// 작 성 자 :2018-05-28 김진후 
//=================================================================================================*/

#diMainArticle01{margin:0 0 30px 0;}
#diMainArticle01 .dcUpdateBBS{width:100%; padding:0 20px; overflow:hidden; background-color:#fff; border:solid 1px #000; border-radius:10px; height:40px; line-height:40px;}
#diMainArticle01 .dcUpdateBBS h3.dcBBSTitle{float:left; width:80px; font-size:14px; font-weight:500; color:#333; margin:0 50px 0 0;}
#diMainArticle01 .dcUpdateBBS a.dcBtnMore{float:right; width:60px; display:block; height:38px; line-height:38px; text-align:center; background:url(../img/main/btn_more.gif) no-repeat 50% 50%; text-indent:-9999px;}
#diMainArticle01 .dcUpdateBBS .dcBBSList{float:left; width:700px;}
#diMainArticle01 .dcUpdateBBS .dcBBSList ul{}
#diMainArticle01 .dcUpdateBBS .dcBBSList ul li{}
#diMainArticle01 .dcUpdateBBS .dcBBSList ul li a{font-size:14px; font-weight:400; color:#333;}
#diMainArticle01 .dcUpdateBBS .dcBBSList ul li a span{font-size:14px; font-weight:400; color:#333; margin:0 20px 0 0;}


/*추천학습지*/
#diMainArticle02{}
#diMainArticle02 .dcRecoContents{}
#diMainArticle02 .dcRecoContents h3.dcTitle{text-align:center; font-size:24px; font-weight:600; color:#000; margin:0 0 20px 0;}
#diMainArticle02 .dcRecoContents .dcConBox{overflow:hidden;}
#diMainArticle02 .dcRecoContents .dcConBox > div{float:left; width:460px; margin:0 30px 30px 0;}
#diMainArticle02 .dcRecoContents .dcConBox > div:nth-child(2n){margin:0 0 30px 0;}
#diMainArticle02 .dcRecoContents .dcConBox > div > ul{overflow:hidden;}
#diMainArticle02 .dcRecoContents .dcConBox > div > ul li{float:left; width:50%; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:400; color:#333; background-color:#f1f1f1; cursor:pointer;}
#diMainArticle02 .dcRecoContents .dcConBox > div > ul li.active{font-weight:500;}
#diMainArticle02 .dcRecoContents .dcConBox > div > .dcContentList{}
#diMainArticle02 .dcRecoContents .dcConBox > div > .dcContentList .dcRecoPrintList{padding:20px 0;}
#diMainArticle02 .dcRecoContents .dcConBox > div > .dcContentList .dcRecoPrintList ul{overflow:hidden;}
#diMainArticle02 .dcRecoContents .dcConBox > div > .dcContentList .dcRecoPrintList ul li{float:left; width:146px; margin:0 10px 0 0;}
#diMainArticle02 .dcRecoContents .dcConBox > div > .dcContentList .dcRecoPrintList ul li:last-child{margin:0;}
#diMainArticle02 .dcRecoContents .dcConBox > div > .dcContentList .dcRecoPrintList ul li a{display:block;}
#diMainArticle02 .dcRecoContents .dcConBox > div > .dcContentList .dcRecoPrintList ul li a .dcThumb{width:100%; height:207px; border:solid 1px #ccc; margin:0 0 10px 0;}
#diMainArticle02 .dcRecoContents .dcConBox > div > .dcContentList .dcRecoPrintList ul li a .dcThumb img{width:100%; height:100%;}
#diMainArticle02 .dcRecoContents .dcConBox > div > .dcContentList .dcRecoPrintList ul li a .dcSubject{text-align:center; font-size:14px; font-weight:400; color:#333;}
#diMainArticle02 .dcRecoContents .dcConBox > div > .dcContentList .dcRecoPrintList ul li a:hover .dcThumb{border:solid 1px #ccc;}
#diMainArticle02 .dcRecoContents .dcConBox > div > h4.dcRecoTitle{text-align:Center; font-size:16px; font-weight:500; color:#fff; line-height:40px; padding:0 20px;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcSprout > h4.dcRecoTitle{background-color:#ef4f54;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcSprout > ul li{background-color:#ffeff0;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcSprout > ul li.active{background-color:#ffd6d9;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcSprout > ul li:hover{background-color:#ffd6d9;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcHangeul > h4.dcRecoTitle{background-color:#44b3e1;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcHangeul > ul li{background-color:#c0f3fc;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcHangeul > ul li.active{background-color:#97deea;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcHangeul > ul li:hover{background-color:#97deea;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcMath > h4.dcRecoTitle{background-color:#ffc107; color:#333;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcMath > ul li{background-color:#fff4d3;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcMath > ul li.active{background-color:#f1dea8;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcMath > ul li:hover{background-color:#f1dea8;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcEnglish > h4.dcRecoTitle{background-color:#61c870;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcEnglish > ul li{background-color:#e8ffeb;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcEnglish > ul li.active{background-color:#bbe6c0;}
#diMainArticle02 .dcRecoContents .dcConBox > .dcEnglish > ul li:hover{background-color:#bbe6c0;}


#diMainArticle03{margin:0 0 30px 0; padding:20px;}
#diMainArticle03 h3{text-align:center; font-size:24px; font-weight:600; color:#000; margin:0 0 20px 0;}
#diMainArticle03 .dcEnjoyEduList{}
#diMainArticle03 .dcEnjoyEduList ul{overflow:hidden;}
#diMainArticle03 .dcEnjoyEduList ul li{float:left; width:50%; height:235px;}
#diMainArticle03 .dcEnjoyEduList ul li.dcEnjoyEdu01{background:url(../img/main/bg_mainEdu01.png) 0 0 no-repeat;}
#diMainArticle03 .dcEnjoyEduList ul li.dcEnjoyEdu01 .dcText{padding:60px 10px 60px 220px;}
#diMainArticle03 .dcEnjoyEduList ul li.dcEnjoyEdu02{background:url(../img/main/bg_mainEdu02.png) 0 0 no-repeat;}
#diMainArticle03 .dcEnjoyEduList ul li.dcEnjoyEdu02 .dcText{padding:29px 10px 91px 250px;}
#diMainArticle03 .dcEnjoyEduList ul li.dcEnjoyEdu03{background:url(../img/main/bg_mainEdu03.png) 0 0 no-repeat;}
#diMainArticle03 .dcEnjoyEduList ul li.dcEnjoyEdu03 .dcText{padding:86px 10px 34px 37px;}
#diMainArticle03 .dcEnjoyEduList ul li.dcEnjoyEdu04{background:url(../img/main/bg_mainEdu04.png) 0 0 no-repeat;}
#diMainArticle03 .dcEnjoyEduList ul li.dcEnjoyEdu04 .dcText{padding:60px 10px 60px 30px;}
#diMainArticle03 .dcEnjoyEduList ul li a{display:block;}
#diMainArticle03 .dcEnjoyEduList ul li h4{font-size:22px; font-weight:600; color:#333; margin:0 0 10px;}
#diMainArticle03 .dcEnjoyEduList ul li p{font-size:14px; font-weight:400; color:#333; margin:0 0 20px;}
#diMainArticle03 .dcEnjoyEduList ul li span{}


#diMainArticle04 .dcMainMenuWrap{}
#diMainArticle04 h3{text-align:center; font-size:24px; font-weight:600; color:#000; margin:0 0 20px 0;}
#diMainArticle04 .dcMainMenuWrap ol{overflow:hidden;}
#diMainArticle04 .dcMainMenuWrap ol > li{float:left; width:127px; margin-right:10px; border-radius:10px; overflow:hidden;}
#diMainArticle04 .dcMainMenuWrap ol > li:last-child{margin:0;}
#diMainArticle04 .dcMainMenuWrap ol > li a.dc1depthTit{position:relative; text-align:center; font-size:16px; font-weight:700; color:#fff; line-height:40px; border-radius:10px; z-index:5; color:#fff; text-shadow:0 0 5px #000;}
#diMainArticle04 .dcMainMenuWrap ol > li#diMain1depth01 a.dc1depthTit{background-color:#ef4f54; border:solid 1px #ef4f54;}
#diMainArticle04 .dcMainMenuWrap ol > li#diMain1depth02 a.dc1depthTit{background-color:#44b3e1; border:solid 1px #44b3e1;}
#diMainArticle04 .dcMainMenuWrap ol > li#diMain1depth03 a.dc1depthTit{background-color:#ffc107; border:solid 1px #ffc107;}
#diMainArticle04 .dcMainMenuWrap ol > li#diMain1depth04 a.dc1depthTit{background-color:#61c870; border:solid 1px #61c870;}
#diMainArticle04 .dcMainMenuWrap ol > li#diMain1depth05 a.dc1depthTit{background-color:#4143a3; border:solid 1px #4143a3;}
#diMainArticle04 .dcMainMenuWrap ol > li#diMain1depth06 a.dc1depthTit{background-color:#ec57af; border:solid 1px #ec57af;}
#diMainArticle04 .dcMainMenuWrap ol > li#diMain1depth07 a.dc1depthTit{background-color:#616161; border:solid 1px #adadad;}
#diMainArticle04 .dcMainMenuWrap ol > li .dc2depthWrap{height:235px; border-radius:10px; padding:55px 5px 10px 5px; margin-top:-40px;}
#diMainArticle04 .dcMainMenuWrap ol > li .dc2depthWrap > ul{}
#diMainArticle04 .dcMainMenuWrap ol > li .dc2depthWrap > ul > li{text-align:center; margin-bottom:3px;}
#diMainArticle04 .dcMainMenuWrap ol > li .dc2depthWrap > ul > li > a{font-size:13px; font-weight:400; color:#333;}
#diMainArticle04 .dcMainMenuWrap ol > li .dc2depthWrap > ul > li > a:hover{text-decoration:underline; font-weight:600;}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth01{background-color:#ffeff0; border:solid 1px #edb4bb;}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth01 > ul > li > a:hover{color:#ef4f54}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth02{background-color:#c0f3fc; border:solid 1px #9ed7f1;}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth02 > ul > li > a:hover{color:#44b3e1}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth03{background-color:#fff4d3; border:solid 1px #ffc107;}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth03 > ul > li > a:hover{color:#ffc107}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth04{background-color:#e8ffeb; border:solid 1px #b7e2c7;}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth04 > ul > li > a:hover{color:#61c870}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth05{background-color:#e0e0ff; border:solid 1px #b4bbdd;}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth05 > ul > li > a:hover{color:#4143a3}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth06{background-color:#ffebf8; border:solid 1px #edacdb;}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth06 > ul > li > a:hover{color:#ec57af}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth07{background-color:#e8e8e8; border:solid 1px #adadad;}
#diMainArticle04 .dcMainMenuWrap ol > li #diMain2depth07 > ul > li > a:hover{color:#616161}