@font-face {
    font-family: 'HyundaiHarmony';
    src: url('../../font/HDHarmonyL.woff') format('woff'),
        local("현대하모니 L"), local("HDHarmony L"), local("HDHarmony Light"),
        url('../../font/HyundaiHarmonyL.ttf') format('truetype');
    font-weight: normal; /* 또는 bold */
    font-style: normal; /* 또는 italic */
}

 *{margin:0; padding:0}
html{width:100%; height:100%}
body{position:relative; font-size:14px; font-family:'HyundaiHarmony','맑은 고딕', 'Malgun Gothic', dotum,"돋움",sans-serif; color:#666; -webkit-text-size-adjust:none; line-height:1.5; letter-spacing:-0.7px;}
body.main{background:none;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{display:none}
textarea, button{vertical-align:middle}
input, select{vertical-align:middle; background:#fff; border:1px solid #d7d7d7; font-family:'HyundaiHarmony','맑은 고딕', 'Malgun Gothic', dotum,"돋움",sans-serif; color:#666; border-radius:0; font-size:14px}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {  cursor: not-allowed;  background-color: #eeeeee;}
input,option{padding:3px 10px; height:30px; box-sizing:border-box;}
input[type="radio"],input[type="checkbox"] {height:auto; background:none;  padding:0;}
select{padding:3px; height:30px;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #d7d7d7; font-family:'HyundaiHarmony','맑은 고딕', 'Malgun Gothic', dotum,"돋움",sans-serif; color:#666; line-height:24px; font-size:14px}
.checkbox{padding:0; border:0; height:auto;}
.disNone{display:none}
a{text-decoration:none; color:#666666; vertical-align:middle;}
a.photo{text-decoration:none; color:#666;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
.hide{display:none;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible;white-space: nowrap; outline:0;}
button span {overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; visibility:hidden;/* 대체 텍스트 숨김 처리 */}
button:active{ outline: none }
button::-moz-focus-inner {padding:0; border:0;}
label{cursor:pointer}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr{padding-left:20px !important;}
.mt3{margin-top:3px !important;}
.mt5{margin-top:5px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;} 
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mb5{margin-bottom:5px !important;}
.taC{text-align:center !important;}
.taL{text-align:left !important;}
.taR{text-align:right !important;}
.bold{font-weight:bold !important;}
.font12{font-size:12px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}
.font20{font-size:20px !important;}
.loginEng{font-size:12px !important;}

#wrap{position:relative; width:100%; overflow:hidden;}
#topHead{width:100%; }
#topHead .topHeadDiv{position:relative; margin:0 auto; width:1000px; height:85px;}
#topHead .logo{float:left; padding-top:25px; width:142px;}
#topHead .logo img {width:142px;}
#topHead .utilBar{overflow:hidden; float:right; padding:30px 0 0 130px; width:728px;}
#topHead .utilBar .linkD{float:left; width:564px; text-align:right;}
#topHead .utilBar .linkD a{display:inline-block; margin-left:8px; padding-left:8px; color:#333; background:url("/img/front/icon/dot2x2.gif") no-repeat 0 11px;}
#topHead .utilBar .linkD a.blue{color:#42779a;}
#topHead .utilBar .linkD a:first-child{background:none;}
#topHead .utilBar .searchD{overflow:hidden; float:right; margin-left:10px; width:154px; border-bottom:1px solid #888888;}
#topHead .utilBar .searchD input{border:0; float:left;}
#topHead .utilBar .searchD a{float:left; padding-left:4px;}
#topHead .gnb{width:100%; height:50px; border-top:1px solid #d9d9d9; border-bottom:2px solid #333;}
#topHead .gnb .gnbDiv{position:relative; margin:0 auto; width:1000px; background:url("/img/front/icon/line1x16.gif") no-repeat left center;}
#topHead .gnb .gnbDiv:after {content:""; display:block; clear:both;}
#topHead .gnb .gnbDiv .oneD{position:relative; float:left; z-index:20;}
#topHead .gnb .gnbDiv .oneD:nth-child(1){width:200px;}
#topHead .gnb .gnbDiv .oneD:nth-child(2){width:200px;}
#topHead .gnb .gnbDiv .oneD:nth-child(3){width:200px;}
#topHead .gnb .gnbDiv .oneD:nth-child(4){width:200px;}
#topHead .gnb .gnbDiv .oneD:nth-child(5){width:200px;}
#topHead .gnb .gnbDiv .oneD:nth-child(6){width:170px;}
#topHead .gnb .gnbDiv .oneD>a{display:inline-block; padding:12px 0 12px; height:52px; box-sizing:border-box; text-align:center; font-size:19px; font-weight:bold; color:#000; background:url("/img/front/icon/line1x16.gif") no-repeat right center;}
#topHead .gnb .gnbDiv .oneD:nth-child(1)>a{width:200px;font-size : 17px;}
#topHead .gnb .gnbDiv .oneD:nth-child(2)>a{width:200px;font-size : 17px;}
#topHead .gnb .gnbDiv .oneD:nth-child(3)>a{width:200px;font-size : 17px;}
#topHead .gnb .gnbDiv .oneD:nth-child(4)>a{width:200px;font-size : 17px;}
#topHead .gnb .gnbDiv .oneD:nth-child(5)>a{width:200px;font-size : 17px;}
#topHead .gnb .gnbDiv .oneD:nth-child(6)>a{width:170px;}

#topHead .gnb .gnbDiv .oneD.on>a{border-bottom:2px solid #f36468;}
#topHead .gnb .gnbDiv .oneD>a:hover{border-bottom:5px solid #f36468;}
#topHead .gnb .gnbDiv .twoD{display:none; position:absolute; top:75px; left:0; width:200px; z-index:10;}
#topHead .gnb .gnbDiv .twoD>a{display:block; width:200px; text-align:center; color:#000; font-size : 17px; padding-bottom:30px;}
#topHead .gnb .gnbDiv .twoD>a:nth-child(1){width:200px; line-height : 1;}
#topHead .gnb .gnbDiv .twoD>a:nth-child(2){width:200px; line-height : 1;}
#topHead .gnb .gnbDiv .twoD>a:nth-child(3){width:200px; line-height : 1;}
#topHead .gnb .gnbDiv .twoD>a:nth-child(4){width:200px; line-height : 1;}
#topHead .gnb .gnbDiv .twoD>a:nth-child(5){width:200px; line-height : 1;}
#topHead .gnb .gnbDiv .twoD>a:nth-child(6){width:170px;}
#topHead .gnb .gnbDiv .twoD>a:hover{color:#125d9c; text-decoration:underline;}
#topHead .gnb .gnbDiv .twoD .titlEng{font-size :12px;}
#topHead .gnb .gnbBg{display:none; position:absolute; top:85px; left:0; border-top:2px solid #42779a; border-bottom:2px solid #42779a; width:100%; height:280px; background:#fff; z-index:5;}
#topHead .gnb .gnbOverLine{position:absolute; top:136px; left:0; border-bottom:2px solid #333; width:100%; z-index:10;}
#topHead .mGnb{display:none; position:absolute; top:0; left:100%; width:100%; background:#3351a2; z-index:120;}
#topHead .mGnb .search{position:relative; padding:5px 3%; border-bottom:1px solid #556eb1;}
#topHead .mGnb .searchBox{position:relative; padding:5px 35px 5px 5px; width:85%; border-radius:20px; background:#11265e; box-sizing:border-box;}
#topHead .mGnb .searchBox input{border:0; background:#11265e;}
#topHead .mGnb .searchBox a{position:absolute; top:13px; right:15px;}
#topHead .mGnb .search .closeBtn{position:absolute; top:13px; right:20px;}
#topHead .mGnb .oneD>a{display:block; padding:10px 3%;font-size:18px; color:#fff; font-weight:bold; border-bottom:1px solid #556eb1; background:url("/img/front/icon/m_gnb_plusBtn.gif") no-repeat 95% center; background-size:13px 13px;}
#topHead .mGnb .oneD>a.on{color:#5bfdff; background:url("/img/front/icon/m_gnb_minusBtn.gif") no-repeat 95% center #274494; background-size:13px 13px;}
#topHead .mGnb .oneD .twoD{display:none; border-bottom:1px solid #556eb1; background:#274494;}
#topHead .mGnb .oneD .twoD a{display:block; padding:12px 3%; font-size:16px; color:#fff; }
#topHead .mGnb .mUtilBar{margin:20px 0; padding:0 3%;}
#topHead .mGnb .mUtilBar a{display:block; padding:7px 0 7px 10px; font-size:16px; color:#fff; border-left:8px solid #fff;}
#topHead .mGnb .mUtilBar a:first-child{padding-top:0;}
#topHead .mGnb .mUtilBar a:last-child{padding-bottom:0;}
#mdBody{position:relative; background:#f0f1f4;}
#mdBody .mdBodyDiv{position:relative; overflow:hidden; margin:0 auto; padding:40px 0 50px; width:1000px;}
#mdBody .mdBodyDiv .location{position:absolute; top:15px; right:0;}
#mdBody .mdBodyDiv .location a{font-size:12px; color:#555;}
#mdBody .mdBodyDiv .location a.crt{font-weight:bold; color:#000;}
#mdBody .mdBodyDiv div#contentLangToggle {font-weight:bold; position: relative; top:-30px; float: right; }
 button.toggleButton{
     width: 40px; height: 30px; border-radius: 5px;
 }
 button.active {
     background-color: #1c345e; /* 활성화된 버튼 색상 */
     color: white;
 }
 button.inactive {
     background-color: #949494; /* 비활성화된 버튼 색상 */
     color: white;
 }
 button.disabled{
     cursor: default;
 }
 img.contentInfoIcon{
     height: auto;
     max-height: 16px;
     padding: 2px;
 }

#topBanner{position:relative; height:150px;}
#topBanner .webBanner{display:block;}
#topBanner .mobileBanner{display:none;}
#topBanner .banner{position:absolute; width:100%; height:135px;}
#topBanner .banner .bannerLink{display:block; margin:0 auto; width:1000px; height:135px;}
#topBanner .topBtAea{position:relative; width:1000px; height:150px; margin:0 auto;}
#topBanner .topBannerD .left{position:absolute; bottom:55px; left:15%;}/*2016-09-19 수정*/
#topBanner .topBannerD .right{position:absolute; bottom:55px; right:15%;}/*2016-09-19 수정*/
.topBanBt {position:absolute; top:135px; width:100%; text-align:center; z-index:1000}
.mTopBanBt{display:none;}

#mainD{position:relative; margin:35px auto 25px; width:1000px; overflow:hidden;}
#mainD .left{position:relative; float:left; margin-right:15px; width:715px; height:536px; overflow:hidden;}
#mainD .left .txt{position:absolute; top:350px; left:25px; font-size:24px; color:#444; width:302px; letter-spacing:-1.5px; z-index:5;}
#mainD .controlDiv{position:absolute; bottom:0; left:0; padding:25px 30px; box-sizing:border-box; width:355px; height:266px; background:url("/img/front/icon/mainD_controlBg.png") repeat 0 0;}
#mainD .controlDiv .textD{position:relative; margin-top:15px; overflow:hidden; width:100%; height:115px;}
#mainD .controlDiv .btArea{position:relative; text-align:center; margin-top:150px;}
#mainD .controlDiv .btArea .day1st{position:absolute; top:0; left:50px; display:none;}
#mainD .controlDiv .btArea .day2st{position:absolute; top:0; left:50px; display:none;}
#mainD .controlDiv .btArea .dayTo{position:absolute; top:0; left:190px; display:none;}
#mainD .controlDiv .btArea .wall{display:inline-block; padding:3px 15px 0;}
#mainD .controlDiv .btArea .leftBt.on{opacity:0.3;}
#mainD .controlDiv .btArea .rightBt.on{opacity:0.3;}
#mainD .imgD{position:absolute; top:0; left:0; overflow:hidden; width:715px; height:536px;}
#mainD .imgD .img{position:absolute; top:0; left:0;}
#mainD .right{float:left; box-sizing:border-box; width:270px; height:536px; background:#3351a2;}
#mainD .right .up{position:relative; width:270px; height:270px; background:#2d2f36; overflow:hidden;}
#mainD .right .up .txt{position:absolute; top:330px; left:20px; margin-top:15px; font-size:24px; color:#fff; letter-spacing:-1.5px; z-index:10; width:228px;}
#mainD .right .down{position:relative;}
#mainD .right .down .txt{display:block; margin-top:15px; font-size:24px; color:#fff; letter-spacing:-1.5px;}
#mainD .right .down .inr{padding:25px 30px; height:176px; overflow:hidden;}
#mainD .right .down .bt{display:block; float:left; padding:8px 0; width:50%; height:24px; text-align:center; color:#cfe6fb; background:#0c1b41;}
#mainD .right .down .bt.on{background:#3351a2;}
#mainD2{background:#e8f0f7;}
#mainD2 .innr{margin: auto; padding:25px 0; width:1000px; box-sizing:border-box;}
#mainD2 .innr .hDiv{overflow:hidden;}
#mainD2 .innr .hDiv .tit{float:left; font-size:16px; margin:0 20px 0 0; font-weight:bold; color:#333;}
#mainD2 .innr .hDiv .tit:before{content:''; margin-bottom:7px; display:block; width:20px; height:2px; background:#333;}
#mainD2 .innr .hDiv .inteS {float:left; padding:8px 0 0;}
#mainD2 .innr .hDiv .inteS img {vertical-align:middle; margin:-4px 8px 0 3px;}
#mainD2 .innr .hDiv .check{padding:3px 16px 5px; display:inline-block; text-align:center; border-radius:20px; background:#7dabd4;}
#mainD2 .innr .hDiv .check span{padding-right:20px; font-size:13px; font-weight:bold; color:#fff; background:url("/img/front/icon/main_check_icon.gif") no-repeat right 3px;}
#mainD2 .innr .listBox{overflow:hidden; margin-top:15px; width:1100px}
#mainD2 .innr .listBox .list{float:left; margin-left:26px; margin-left:0; width:230px;}
#mainD2 .innr .listBox .list:first-child{margin-left:0;}
#mainD2 .innr .listBox .list .up{position:relative; height:170px; overflow:hidden; background:#2d2f36;}
#mainD2 .innr .listBox .list .up img{/*width:100%;*/}
#mainD2 .innr .listBox .list .down{padding:18px; background:#fff;}
#mainD2 .innr .listBox .list .down .sTit{display:block; font-size:15px; color:#333; font-weight:bold; min-height:50px;}
#mainD2 .innr .listBox .list .down .writeInfo p{padding-left:10px; padding-left:0; padding-right:0;}
#mainD2 .innr .listBox .list .down .writeInfo p:first-child{padding-left:0px;}
#quick{position:fixed; top:136px; right:-5px; z-index:100}
#quick .btnA a{position:relative; display:block; margin-top:1px; width:100px; height:121px; text-indent:-99999px; z-index:1000;}
#quick .btnA a:nth-child(1) span{display:block; width:100px; height:121px; left:0px; background:url("/img/front/icon/quick_menu1.gif") no-repeat 0 0;}
/*#quick .btnA a:nth-child(2) span{display:block; width:100px; height:121px;  background:url("/img/front/icon/quick_menu2.gif") no-repeat 0 0;}*/
#quick .btnA a:nth-child(2) span{display:block; width:100px; height:121px;  background:url("/img/front/icon/quick_menu3.gif") no-repeat 0 0;}
#quick .btnA a:nth-child(3) span{display:block; width:100px; height:121px;  background:url("/img/front/icon/quick_menu4.gif") no-repeat 0 0;}
#quick .btnA a:nth-child(5) span{display:block; width:100px; height:121px;  background:url("/img/front/icon/quick_menu4.gif") no-repeat 0 0;}
#quick .myStudy{position:absolute; top:49px; top:-17px; right:101px; padding:30px; border:1px solid #3351a2; background:#fff; z-index:10;}
#quick .myStudy .list{margin-top:30px; display:block; width:200px;}
#quick .myStudy .list:first-child{margin-top:0;}
#quick .myStudy .list .up{position:relative; height:133px; overflow:hidden;}
#quick .myStudy .list .up .thumb{/*width:100%;*/}
#quick .myStudy .list .down .txt1{padding:7px 0 4px; font-weight:bold; color:#333;}
#quick .myStudy .list .down .txt2{color:#555; font-size:13px;}
#quick .myStudy .list.moreBtn{display:block; height:36px; background:url("/img/front/btn/myStudy_moreBtn_web.gif") no-repeat center center; background-size:97px 34px;}

#swipeDiv{margin-top:20px; padding:25px; background:#dce2e8;}
#swipeDiv .innr{margin: auto; padding:0px; width:950px; box-sizing:border-box;}
#swipeDiv .innr .hDiv{overflow:hidden;}
#swipeDiv .innr .hDiv .tit{float:left; font-size:16px; font-weight:bold; color:#333;}
#swipeDiv .innr .listBox{overflow:hidden; margin-top:15px; width:1100px}
#swipeDiv .innr .listBox .list{float:left; margin-left:0; margin-left:16px;  width:218px;}
#swipeDiv .innr .listBox .list:first-child{margin-left:0;}
#swipeDiv .innr .listBox .list .up{position:relative; height:170px; overflow:hidden; background:#2d2f36;}
#swipeDiv .innr .listBox .list .up img{/*width:100%;*/}
#swipeDiv .innr .listBox .list .down{padding:18px; height:65px; background:#fff;}
#swipeDiv .innr .listBox .list .down .sTit{display:block; font-size:15px; color:#333; font-weight:bold; min-height:65px;}
#swipeDiv .innr .listBox .list .down .writeInfo p{padding-left:10px; padding-left:0; padding-right:0;}
#swipeDiv .innr .listBox .list .down .writeInfo p:first-child{padding-left:0px;}

#blackBg{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:10;}

.popupBg{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/img/front/icon/popupBg.png") repeat 0 0; z-index:50;}
.cnrsBg{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/img/front/icon/popupBg.png") repeat 0 0; z-index:50;}
.mdBodyDiv .lnbDiv{position:relative; float:left; width:180px; margin-right:40px;}
.mdBodyDiv .lnbDiv .lnbBox{position:relative;}
.mdBodyDiv .lnbDiv .tit{position:absolute; top:-40px; left:0; padding:35px 60px 35px 30px; height:100px; line-height:42px; font-size:36px; color:#fff; background:#334f9c;}
.mdBodyDiv .lnbDiv .lnbTwoD{padding-top:130px;}
.mdBodyDiv .lnbDiv .lnbArrow{display:none;}
.mdBodyDiv .lnbDiv .lnbTwoD li a{display:block; padding:12px 13px 13px; font-size:14px; color:#555; border-bottom:1px solid #d6d6d6;}
.mdBodyDiv .lnbDiv .lnbTwoD li a.on{font-weight:bold; color:#334f9c; background:url("/img/front/icon/lnb_arrow.gif") no-repeat 95% center;}
.mdBodyDiv .lnbContent{float:left; width:780px;}
.mdBodyDiv .lnbContent .subject{font-size:30px; font-weight:bold; background:url("/img/front/icon/subject_icon.gif") no-repeat 0 0px;}
.movieArea{position:relative;} 
/* .movieArea{position:fixed;}  */
.researchDiv{position:absolute; top:0; left:0; padding:40px 120px; box-sizing:border-box; width:100%; height:563px; background:url("/img/front/icon/researchBg.png") repeat 0 0;}
.researchDiv .question{font-size:16px; font-weight:bold; color:#fff;}
.researchDiv .answer{color:#fff;}
.researchDiv .answer .exam input{background:none;}
.researchDiv .researchBt{display:inline-block; margin-top:15px; padding:6px 40px 8px; color:#282a32; font-weight:bold; font-size:16px; border-radius:5px; background:#e0e0e0;}
.noMovieDr{position:absolute; top:0; left:0; padding:40px; box-sizing:border-box; width:100%; height:563px; text-align:center; background:url("/img/front/icon/researchBg.png") repeat 0 0;}
.noMovieDr .iconTxt{margin-top:180px; padding-top:75px; font-size:20px; font-weight:bold; color:#fff; background:url("/img/front/icon/view_movie_noImg.png") no-repeat center 0; background-size:61px 67px;}
.noticeListDiv{overflow:hidden;}
.noticeListDiv .list{float:left; display:block; width:246px; margin:20px 21px 0 0;}
.noticeListDiv .list .img{width:246px; height:185px; overflow:hidden;}
.noticeListDiv .list .txt{padding:20px 25px; border:1px solid #dadada; background:#fff;}
.noticeListDiv .list .txt .subj{font-size:18px; min-height:50px; font-weight:bold; color:#333; line-height:24px;}
.noticeListDiv .list .txt .date{display:inline-block; margin:20px 5px 0 0; font-size:13px; color:#838383;}
.noticeListDiv .list .txt .date b{color:#525666;}
.noticeListDiv .list .txt .hit{display:inline-block; font-size:13px; color:#838383;}
.noticeListDiv .list .txt .hit b{color:#525666;}
.noticeListDiv .list .img img{/*width:100%;*/}
.noticeSubmit{display:inline-block; margin-top:10px; }
.noticeSubmit img{width:80px; height:40px;}
.noticeModify{display:inline-block;}
.noticeModify img{width:114px; height:40px;}
.noticeConfirm{display:inline-block;}
.noticeConfirm img{width:114px; height:40px;}
.noticeDelete{display:inline-block;}
.noticeDelete img{width:114px; height:40px;}
.favrCnrsTrgtDelete{display:inline-block;}
.favrCnrsTrgtDelete img{width:114px; height:40px;}
.favrCnrsTrgtSubmit{display:inline-block;}
.favrCnrsTrgtSubmit img{width:80px; height:40px;}
.faqSend{display:inline-block;}
.faqSend img{width:114px; height:40px;}
.rssBtn{display:inline-block;}
.rssBtn img{width:80px; height:40px;}
.noticeConfirm img{width:114px; height:40px;}
.noticeList{display:inline-block;}
.noticeList img{width:114px; height:40px;}
.tabType table{width:100%;}
.tabType table td{padding:12px 0; width:33.3333%; text-align:center; font-size:16px; color:#555; border:1px solid #cdd1dc; background:#fff;}
.tabType.type2 table td{padding:12px 0; width:50%; text-align:center; font-size:16px; color:#555; border:1px solid #cdd1dc; background:#fff;}
.tabType.type3 table td{padding:12px 0; width:33.3333%; text-align:center; font-size:16px; color:#555; border:1px solid #cdd1dc; background:#fff;}
.tabType.type4 table td{padding:12px 0; width:25%; text-align:center; font-size:16px; color:#555; border:1px solid #cdd1dc; background:#fff;}
.tabType table td a{display:block; width:100%; text-align:center; font-size:16px; color:#555;}
.tabType table td.on{background:#334f9c;}
.tabType table td.on a{color:#fff; }
.tabType2{overflow:hidden; border-top:1px solid #cdd1dc; border-left:1px solid #cdd1dc;}
.tabType2 .tab{display:block; float:left; padding:10px 0 12px; width:20%; box-sizing:border-box; text-align:center; border-bottom:1px solid #cdd1dc; border-right:1px solid #cdd1dc; background:#fff;}
.tabType2 .tab.on{border-right:1px solid #334f9c; border-bottom:1px solid #334f9c; color:#fff; background:#334f9c;}
.tabType3{overflow:hidden; border-top:1px solid #cdd1dc; border-left:1px solid #cdd1dc;}
.tabType3 .tab{display:block; float:left; padding:10px 0 12px; width:25%; box-sizing:border-box; text-align:center; border-bottom:1px solid #cdd1dc; border-right:1px solid #cdd1dc; background:#fff;}
.tabType3 .tab:nth-child(2){display: none;}
.tabType3 .tab:nth-child(5){display: none;}
.tabType3 .tab:nth-child(6){display: none;}

.tabType3 .tab.on{border-right:1px solid #334f9c; border-bottom:1px solid #334f9c; color:#fff; background:#334f9c;}
.tabType3.untyTab .tab:nth-child(2){height:44px; line-height:16px; padding:4px 0 7px}
.tabType3.untyTab .tab:nth-child(3){height:44px; line-height:16px; padding:4px 0 7px}
.tabType3.untyTab .tab:nth-child(4){height:44px; line-height:16px; padding:4px 0 7px}
.tabType3.untyTab .tab:nth-child(5){height:44px; line-height:16px; padding:4px 0 7px}
.subject{font-size:40px; color:#333; background:url("/img/front/icon/subject_icon.gif") no-repeat 0 5px;}
.dotSubject{margin-top:40px; padding:0 0 0 16px; font-size:22px; letter-spacing:-1px; font-weight:bold; color:#333; line-height:22px; background:url("/img/front/icon/icon_dotSubject.png") no-repeat 0 center;}
.dotSubject .total{font-size:16px; font-weight:normal; color:#334f9c;}
.dotSubject1{margin-top:20px; ;padding:20px 0 0 0; font-size:22px; letter-spacing:-1px; font-weight:bold; color:#333; background:url("/img/front/icon/icon_dotSubject.gif") no-repeat 0 11px;}
.subjectTxt{margin-top:10px; font-size:15px; color:#333;}
.dot{padding-left:11px; background:url("/img/front/icon/dot3x3.gif") no-repeat 0 9px;}
.contentDiv{position:relative;}
.contentDiv .slcAllView{padding:20px 0 0 0; box-sizing:border-box; width:100%; height:82px; text-align:center; border:1px solid #d6d6d6; background:#dee1e8;}
.contentDiv .allViewBtn{padding:11px 25px; font-weight:bold; color:#fff; background:#31333b;}
.sortingDiv{overflow:hidden; margin-top:35px;}
.sortingDiv .item{float:left;}
.sortingDiv .item select{width:125px; height:40px;}
.sortingDiv .type{padding-left:10px}
.sortingDiv .sort{overflow:hidden;}
.sortingDiv .sort a{display:inline-block; float:left; padding:8px 20px 0; color:#333; background:url("/img/front/icon/line1x13.gif") no-repeat left 14px;}
.sortingDiv .sort a:first-child{background:none;}
.sortingDiv .sort a span{background:none;}
.sortingDiv .sort a.on{color:#334f9c;}
.sortingDiv .sort a.on.below span{padding-right:17px; background:url("/img/front/icon/list_sorting_arrow.gif") no-repeat right center;}
.sortingDiv .sort a.on.active span{padding-right:17px; background:url("/img/front/icon/list_sorting_arrow_on.gif") no-repeat right center;}
.sortingDivVer2{overflow:hidden; margin-top:10px;}
.sortingDivVer2 .item{float:left;}
.sortingDivVer2 .item select{width:100px; height:40px;}
.sortingDivVer2 .sort{overflow:hidden;}
.sortingDivVer2 .sort a{display:inline-block; float:left; padding:8px 10px 0; color:#333; background:url("/img/front/icon/line1x13.gif") no-repeat left 14px;}
.sortingDivVer2 .sort a:first-child{background:none;}
.sortingDivVer2 .sort a span{background:none;}
.sortingDivVer2 .sort a.on{color:#334f9c;}
.sortingDivVer2 .sort a.on.below span{padding-right:17px; background:url("/img/front/icon/list_sorting_arrow_ver2.gif") no-repeat right center;}
.sortingDivVer2 .sort a.on.active span{padding-right:17px; background:url("/img/front/icon/list_sorting_arrow_on_ver2.gif") no-repeat right center;}
.listDiv{overflow:hidden; min-height:770px;}
.listDiv .listSection{float:left; margin-right:15px; width:775px;}
.listDiv .listSection .imgType .list{overflow:hidden; padding-top:7px;}
.listDiv .listSection .imgType .list:first-child{padding-top:0;}
.listDiv .listSection .imgType .list .imgArea{float:left; width:240px;}
.listDiv .listSection .imgType .list .imgArea .up{position:relative; overflow:hidden; width:240px; height:180px; background:#2d2f36;}
.listDiv .listSection .imgType .list .imgArea .up .hit{position:absolute; top:10px; right:10px;}
.listDiv .listSection .imgType .list .imgArea .up .viewed{position:absolute; top:0; left:0; padding:50px 0; width:240px; height:80px; color:#fff; font-weight:bold; text-align:center; background:url("/img/front/icon/imgType_blackBg.png") repeat 0 0;}
.listDiv .listSection .imgType .list .imgArea .up .playTime{position:absolute; bottom:0px; left:0; padding:3px 8px; text-align:center; font-size:12px; color:#fff; background-color:rgba(0, 0, 0, 0.3);}
.listDiv .listSection .imgType .list .imgArea .up .playTime span{padding-left:10px; background:url("/img/front/icon/playTime_icon.png") no-repeat 0 center; background-size:6px 8px;}
.listDiv .listSection .imgType .list .imgArea .down{overflow:hidden;}
.listDiv .listSection .imgType .list .imgArea .down .scrap{float:left; display:block; padding:14px 0 19px; width:119px; height:17px; border-right:1px solid #6c6e75; text-align:center; font-size:13px; color:#fff; background:#31333b;}
.listDiv .listSection .imgType .list .imgArea .down .scrap span{display:inline-block; height:20px; padding-right:20px; background:url("/img/front/icon/imgType_scrap_icon.gif") no-repeat right 4px; background-size:13px 13px;}
.listDiv .listSection .imgType .list .imgArea .down .share{float:left; display:block; padding:14px 0 19px; width:120px; height:17px; text-align:center; font-size:13px; color:#fff; background:#31333b;}
.listDiv .listSection .imgType .list .imgArea .down .share span{display:inline-block; height:20px; padding-right:20px; background:url("/img/front/icon/imgType_share_icon.gif") no-repeat right 4px; background-size:13px 13px;}
/*251201.listDiv .listSection .imgType .list .infoArea{float:none; padding:24px 37px 24px 268px; width:100%; height:230px; box-sizing:border-box; background:#fff;}*/
.listDiv .listSection .imgType .list .infoArea{float:none; padding:20px 37px 24px 268px; width:100%; height:230px; box-sizing:border-box; background:#fff;}
/*251201.listDiv .listSection .imgType .list .infoArea .up{min-height:145px;}*/
.listDiv .listSection .imgType .list .infoArea .up{min-height:157px;}

.listDiv .listSection .imgType .list .infoArea .up .bedge{
  background-color: #FFF;  margin-bottom:10px;
  display: inline-block;     
  color: #19388F;
  padding: 7px 17px;
  border: #DBDBDB 1px solid;
  border-radius: 20px;
 transition: transform 0.2s ease;
}
  .listDiv .listSection .imgType .list .infoArea .up .bedge1
    {padding: 16px 0px 18px 0px;
      background:url("/img/front/icon/bedge.png") no-repeat ; 
       background-size: 100px auto;
   }
    
    

.listDiv .listSection .imgType .list .infoArea .up .tit{font-size:20px; color:#222; font-weight:bold; line-height:23px;}
.listDiv .listSection .imgType .list .infoArea .up .cntnTitl{display: inline-block; white-space: normal; overflow: hidden; text-overflow: ellipsis; max-height: 50px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listDiv .listSection .imgType .list .infoArea .up .cntnCntn{display: inline-block; white-space: normal; overflow: hidden; text-overflow: ellipsis; max-height: 60px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.listDiv .listSection .imgType .list .infoArea .up .txt{padding-top:12px; font-size:13px; color:#333;}
.listDiv .listSection .imgType .list .infoArea .up .name{padding-top:3px; font-size:13px; color:#777; }

.listDiv2{overflow:hidden;}
.listDiv2 .listSection{float:left; margin-right:15px; width:775px;}
.listDiv2 .listSection .list{overflow:hidden; padding-top:7px;}
.listDiv2 .listSection .list:first-child{padding-top:0;}
.listDiv2 .listSection .list .imgArea{float:left; width:240px;}
.listDiv2 .listSection .list .imgArea .up{position:relative; overflow:hidden; width:240px; height:180px; background:#2d2f36;}
.listDiv2 .listSection .list .infoArea{float:none; padding:24px 37px 24px 268px; width:100%; height:180px; box-sizing:border-box; background:#fff; }
.listDiv2 .listSection .list .infoArea .cate{font-weight:bold; color:#3251a3;}
.listDiv2 .listSection .list .infoArea .subj{font-size:20px; font-weight:bold; color:#222;}
.listDiv2 .listSection .list .infoArea .txt{padding-top:7px; font-size:13px; color:#333;}
.listDiv2 .listSection .list .infoArea .name{padding-top:3px; color:#777;}
.listDiv2 .listSection .list.noImg .infoArea{padding:24px 37px 24px 37px;}
.listDiv2 .listSection .list.noImg .infoArea .subj.qnaStyle{padding-left:27px; font-size:20px; font-weight:bold; color:#222; background:url("/img/front/icon/combine_qnaStyle_q.png") no-repeat 0 5px;}
.listDiv2 .nodata{padding:40px 0; width:100%; height:40px; text-align:center; background:#fff;}
.listDiv2 .nodata span{display:inline-block; line-height:40px; font-size:15px; color:#333; height:40px; padding-left:50px; background:url("/img/front/icon/listDiv2_nodata_icon.gif") no-repeat 0 0; background-size:40px 40px;}

.listDiv3{overflow:hidden;}
.listDiv3 .listSection{overflow:hidden; margin-right:15px; width:775px;}
.listDiv3 .listSection .list{overflow:hidden; float:left; padding-top:0; width:490px;}
.listDiv3 .listSection .list:first-child{padding-top:0; margin-right:20px;}
.listDiv3 .listSection .list .imgArea{float:left; width:222px;}
.listDiv3 .listSection .list .imgArea .up{position:relative; overflow:hidden; width:222px; height:167px; background:#2d2f36;}
.listDiv3 .listSection .list .imgArea .up .label{position:absolute; top:0; left:10px;}
.listDiv3 .listSection .list .infoArea{float:none; padding:15px 15px 15px 240px; width:100%; height:167px; box-sizing:border-box; background:#fff; }
.listDiv3 .listSection .list .infoArea .cate{font-weight:normal; color:#3450a3;}
.listDiv3 .listSection .list .infoArea .subj{min-height:85px; font-size:15px; font-weight:bold; color:#222;}
.listDiv3 .listSection .list .infoArea .txt{padding-top:7px; font-size:13px; color:#333;}
.listDiv3 .listSection .list .infoArea .name{padding-top:3px; color:#777;}
.listDiv3 .listSection .list.noImg .infoArea{padding:24px 37px 24px 37px;}
.listDiv3 .listSection .list.noImg .infoArea .subj.qnaStyle{padding-left:27px; font-size:20px; font-weight:bold; color:#222; background:url("/img/front/icon/combine_qnaStyle_q.png") no-repeat 0 5px;}
.listDiv3 .nodata{padding:40px 0; width:100%; height:40px; text-align:center; background:#fff;}
.listDiv3 .nodata span{display:inline-block; line-height:40px; font-size:15px; color:#333; height:40px; padding-left:50px; background:url("/img/front/icon/listDiv2_nodata_icon.gif") no-repeat 0 0; background-size:40px 40px;}

.starScore.s5_0{overflow:hidden; padding-left:82px; height:19px; line-height:17px; background:url("/img/front/icon/starScore_5.png") no-repeat 0 3px; background-size:78px 13px;}
.starScore.s4_5{overflow:hidden; padding-left:82px; height:19px; line-height:17px;background:url("/img/front/icon/starScore_4_5.png") no-repeat 0 3px; background-size:78px 13px;}
.starScore.s4_0{overflow:hidden; padding-left:82px; height:19px; line-height:17px; background:url("/img/front/icon/starScore_4.png") no-repeat 0 3px; background-size:78px 13px;}
.starScore.s3_5{overflow:hidden; padding-left:82px; height:19px; line-height:17px; background:url("/img/front/icon/starScore_3_5.png") no-repeat 0 3px; background-size:78px 13px;}
.starScore.s3_0{overflow:hidden; padding-left:82px; height:19px; line-height:17px; background:url("/img/front/icon/starScore_3.png") no-repeat 0 3px; background-size:78px 13px;}
.starScore.s2_5{overflow:hidden; padding-left:82px; height:19px; line-height:17px; background:url("/img/front/icon/starScore_2_5.png") no-repeat 0 3px; background-size:78px 13px;}
.starScore.s2_0{overflow:hidden; padding-left:82px; height:19px; line-height:17px; background:url("/img/front/icon/starScore_2.png") no-repeat 0 3px; background-size:78px 13px;}
.starScore.s1_5{overflow:hidden; padding-left:82px; height:19px; line-height:17px; background:url("/img/front/icon/starScore_1_5.png") no-repeat 0 3px; background-size:78px 13px;}
.starScore.s1_0{overflow:hidden; padding-left:82px; height:19px; line-height:17px; background:url("/img/front/icon/starScore_1.png") no-repeat 0 3px; background-size:78px 13px;}
.starScore.s0_5{overflow:hidden; padding-left:82px; height:19px; line-height:17px; background:url("/img/front/icon/starScore_0_5.png") no-repeat 0 3px; background-size:78px 13px;}
.starScore.s0_0{overflow:hidden; padding-left:82px; height:19px; line-height:17px; background:url("/img/front/icon/starScore_0_0.png") no-repeat 0 3px; background-size:78px 13px;}
.writeInfo{overflow:hidden;}
.writeInfo p{float:left; padding-right:15px; font-size:13px; color:#838383;}
.writeInfo p b{color:#525666;}
.contentDiv .sideSection{position:absolute; top:60px; right:0; width:210px;background:#334f9c;}
.contentDiv .sideSection.forum{top:186px;}
.contentDiv .sideSection .titArea{padding:25px 30px; font-size:22px; color:#fff; background:#274083;}
.contentDiv .sideSection .titArea .mobileBtn{display:none;}
.contentDiv .sideSection .contArea{padding:30px;}
.contentDiv .sideSection .contArea .list{display:block; padding-top:30px;}
.contentDiv .sideSection .contArea .list:first-child{padding-top:0; }
.contentDiv .sideSection .contArea .list .up{position:relative;}
.contentDiv .sideSection .contArea .list .up .playTime{position:absolute; bottom:0px; left:0; padding:3px 8px; text-align:center; font-size:12px; color:#fff; background-color:rgba(0, 0, 0, 0.3);}
.contentDiv .sideSection .contArea .list .up .playTime span{padding-left:10px; background:url("/img/front/icon/playTime_icon.png") no-repeat 0 center; background-size:6px 8px;}
.contentDiv .sideSection .contArea .list .up img{width:150px; height:113px;}
.contentDiv .sideSection .contArea .list .down{margin-top:2px; color:#b8c4e7;}
.searchDiv{margin-top:20px; padding:17px 0; text-align:center; height:38px; background:#cacdd7;}
.searchDiv .slc{display:inline-block; width:75px; height:38px;}
.searchDiv .slc select{width:100%;height: 39px;}
.searchDiv .searchBar{position:relative; display:inline-block; width:410px; height:37px; text-align:left; background:#fff;}
.searchDiv .searchBar input{border:0; padding:2px 10px; width:377px; height:36px;}
.searchDiv .searchBar .bt{position:absolute; top:8px; right:9px; display:inline-block; width:19px; height:19px; background:url("/img/front/icon/searchDiv_searchIcon.gif") no-repeat 0 0; background-size:19px 19px;}
.boardList.viewWeb{display:block;}
.boardList.viewMobile{display:none;}
.boardList tr:hover td{background:#f6f7f9;}
.boardList th{padding:10px 0; font-size:15px; color:#000; border-bottom:3px solid #f0f1f4; background:#fff;}
.boardList td{padding:12px 10px 13px; text-align:center; border-bottom:1px solid #f0f1f4; background:#fff;}
.boardList td.borT{border-top:1px solid #f0f1f4;}
.boardList td.borR{border-right:1px solid #f0f1f4;}
.boardList .cntnTitl{display: inline-block; white-space: normal; overflow: hidden; text-overflow: ellipsis; max-height: 50px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.boardList .scrapTitl{display: inline-block; white-space: normal; overflow: hidden; text-overflow: ellipsis; max-height: 40px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.boardList .yesV{font-weight:bold; color:#555;}
.boardList .noV{font-weight:bold; color:#e65054;}
.boardList .view{display:block; padding-top:3px; font-size:13px;}
.boardList .link.on{display:inline-block; padding-left:50px; background:url("/img/front/icon/icon_viewChk.png") no-repeat 0 center;}
.boardList .link.hit{display:inline-block; padding-right:50px; background:url("/img/front/icon/imgType_HIT_icon.png") no-repeat right center;}
.boardList .link.both{display:inline-block; padding-left:85px; background:url("/img/front/icon/imgType_BOTH_icon.png") no-repeat 0 center;}
.boardList .icon1{padding-left:16px; height:20px; background:url("/img/front/icon/imgType_scrap_icon2.gif") no-repeat 0 5px; background-size:14px 13px;}
.boardList .icon2{padding-left:16px; height:20px; background:url("/img/front/icon/imgType_share_icon2.gif") no-repeat 0 4px; background-size:14px 13px;}
.boardList .bold{font-weight:bold; color:#555;}
.boardList .sj{padding-bottom:3px; display:block; font-weight:bold; color:#555;}
.boardList .memo{display:block; padding:3px 0 4px; color:#333; font-weight:bold; background:#dbdbdb;}
.boardList .preview{display:block; margin-top:3px; padding:4px 0 8px; width:90px; height:18px; text-align:center; color:#333; font-weight:bold; background:#dbdbdb;}
.boardList2{border:1px solid #dadada;}
.boardList2 th{padding:15px 12px; text-align:left; color:#000; border-top:1px solid #f0f1f4; background:#dce2e8;}
.boardList2 td{padding:15px 12px; text-align:left; color:#555; border-top:1px solid #f0f1f4; background:#fff;}
.boardList2 .dot{padding-left:8px; background:url("/img/front/icon/dot2x2.gif") no-repeat 0 10px;}
.captionDiv{position:relative; padding:30px 40px; max-height:200px;  background:#31333b; overflow-y:auto;}
.captionDiv .txt{padding-bottom:12px; font-size:17px; color:#fff;}
.captionDiv .txt2{color:#fff; line-height:22px;}
.captionDiv .captionClose{position:absolute; top:25px; right:40px; display:inline-block; padding:4px 16px; font-size:13px; color:#fff; border:2px solid #55575d; border-radius:20px; background:#31333b;}
.captionBtn{display:inline-block; padding:4px 16px; font-size:13px; color:#fff; border-radius:20px; background:#31333b;}
.fotDiv{background:#fff; padding:20px 40px;}
.tagDiv{padding:20px 40px 0; background:#fff;}
.fotDiv .titleDiv{position:relative; overflow: hidden;}/*25.12.08overflow: hidden; 추가*/
.fotDiv .titleDiv .tit{width:560px; font-size:26px; font-weight:bold; color:#050a13;}
.fotDiv .titleDiv .tagDiv{display:block;}
.fotDiv .titleDiv .right{float: left; padding-left: 40px;width: 315px;border-left: 1px solid #eaeaea;}
.fotDiv .titleDiv .left{float: left; padding-right: 55px; width: 509px; color: #555; line-height: 25px;}
.fotDiv .contDiv .right .list_container .content-item{ display: flex; 
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.fotDiv .contDiv .right .list_container .content-item .thumbnail-area { flex-shrink: 0; /* 이미지 영역 너비를 고정 */
    margin-right: 15px;
    position: relative;
    width: 150px; /* 이미지 너비 */}
    
.fotDiv .contDiv .right .list_container .content-item .thumbnail-area img{
        display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}  
.fotDiv .contDiv .right .list_container .content-item .details-area {
    flex-grow: 1; 
}

.fotDiv .contDiv .right .list_container .content-item .details-area .title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

/*기존
.fotDiv .titleDiv .facialD{position:absolute; top:0; right:0; overflow:hidden;} 
.fotDiv .titleDiv .facialD a:nth-child(1){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon1.gif") no-repeat 0 0;}
.fotDiv .titleDiv .facialD a:nth-child(2){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon2.gif") no-repeat 0 0;}
.fotDiv .titleDiv .facialD a.on:nth-child(2){background:url("/img/front/icon/facial_icon2_on.gif") no-repeat 0 0;}
.fotDiv .titleDiv .facialD a:nth-child(3){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon3.gif") no-repeat 0 0;}
.fotDiv .titleDiv .facialD a.on:nth-child(3){background:url("/img/front/icon/facial_icon3_on.gif") no-repeat 0 0;}
.fotDiv .titleDiv .facialD a:nth-child(4){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon4.gif") no-repeat 0 0;}
.fotDiv .titleDiv .facialD a.on:nth-child(4){background:url("/img/front/icon/facial_icon4_on.gif") no-repeat 0 0;}
.fotDiv .titleDiv .facialD a span{display:inline-block; font-size:12px; color:#000; padding-top:38px;}
*/
/*251204 새로생성
.fotDiv .contDiv .left.facialD {position:absolute; top:0; left:0; overflow:hidden;} 
.fotDiv .contDiv .facialD  a:nth-child(1){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon1.gif") no-repeat 0 0;}
.fotDiv .contDiv .facialD  a:nth-child(2){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon2.gif") no-repeat 0 0;}
.fotDiv .contDiv .facialD  a.on:nth-child(2){background:url("/img/front/icon/facial_icon2_on.gif") no-repeat 0 0;}
.fotDiv .contDiv .facialD  a:nth-child(3){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon3.gif") no-repeat 0 0;}
.fotDiv .contDiv .facialD  a.on:nth-child(3){background:url("/img/front/icon/facial_icon3_on.gif") no-repeat 0 0;}
.fotDiv .contDiv .facialD  a:nth-child(4){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon4.gif") no-repeat 0 0;}
.fotDiv .contDiv .facialD  a.on:nth-child(4){background:url("/img/front/icon/facial_icon4_on.gif") no-repeat 0 0;}
.fotDiv .contDiv .facialD  a span{display:inline-block; font-size:12px; color:#000; padding-top:38px;}
*/

/*260320 새로생성
공유(2)-스크랩하기(3)-좋아요(4)-학습자료보기(1)*/
.fotDiv .titleDiv .facialD{position:absolute; top:0; right:0; overflow:hidden;}  
.fotDiv .titleDiv .facialD a:nth-child(1){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon2_1.png") no-repeat 0 0; background-size: 64px;}
.fotDiv .titleDiv .facialD a:nth-child(2){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon3_1.png") no-repeat 0 0; background-size: 64px;}
.fotDiv .titleDiv .facialD a:nth-child(3){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon4_1.png") no-repeat 0 0; background-size: 64px;}
.fotDiv .titleDiv .facialD a:nth-child(4){display:block; float:left; margin-left:5px; width:64px; text-align:center; height:64px; background:url("/img/front/icon/facial_icon1_1.png") no-repeat 0 0; background-size: 64px;}
/* .fotDiv .titleDiv .facialD a.on:nth-child(1){background:url("/img/front/icon/facial_icon2_on.gif") no-repeat 0 0;}
.fotDiv .titleDiv .facialD a.on:nth-child(2){background:url("/img/front/icon/facial_icon3_on.gif") no-repeat 0 0;}
 */.fotDiv .titleDiv .facialD a.on:nth-child(3){display:block; float:left; margin-left:5px; width:64px;text-align:center; height:64px; background:url("/img/front/icon/facial_icon4_1_on.png") no-repeat 0 0; background-size: 64px;}

.fotDiv .titleDiv .facialD a span{display:inline-block; font-size:12px; color:#000; padding-top:38px;}



.fotDiv .contDiv{overflow:hidden; margin-top:50px; padding-bottom:40px; border-bottom:4px solid #c5c9d3;}
.fotDiv .contDiv .left{float:left; padding-right:55px; width:509px; color:#555; line-height:25px;}


.fotDiv .contDiv .left .writer{margin-top:20px;}
.fotDiv .contDiv .left .writer b{color:#333; padding-right:10px;}


.fotDiv .contDiv .right{float:left; padding-left:40px; width:315px; border-left:1px solid #eaeaea;}
.fotDiv .contDiv .right .bTit{font-weight:bold; color:#333;}
.fotDiv .titleDiv .right .bTit{font-weight:bold; color:#333;}
.fotDiv .contDiv .right .tagBox{overflow:hidden; margin-top:10px;}
.fotDiv .contDiv .right .tagBox a{float:left; display:block; margin:0 5px 5px 0; padding:2px 8px 4px; height:22px; text-align:center; border:1px solid #e3e4e8; border-radius:20px;}


.fotDiv .titleDiv .right .tagBox{overflow:hidden; margin-top:10px;}
.fotDiv .titleDiv .right .tagBox a{float:left; display:block; margin:0 5px 5px 0; padding:2px 8px 4px; height:22px; text-align:center; border:1px solid #e3e4e8; border-radius:20px;}

.fotDiv .contDiv .right .down{margin-top:30px; padding-top:30px; background:url("/img/front/icon/fotDiv_up_topLine.gif") repeat-x 0 0;}
/*251204 주석
 .fotDiv .contDiv .right .down .scoreSubmit{display:block; margin-top:12px; line-height:36px; height:36px; border:1px solid #dddee2; background:#fbfbfb; text-align:center;} */
 .fotDiv .contDiv .right .scoreSubmit{display:block; margin-top:12px; line-height:36px; height:36px; border:1px solid #dddee2; background:#fbfbfb; text-align:center;}



.fotDiv .rlyDiv{padding-top:30px;}
.fotDiv .rlyDiv .tit{font-weight:bold; color:#333;}
.fotDiv .rlyDiv .tit span{color:#344799;}
.fotDiv .rlyDiv .cmtD{overflow:hidden; padding-top:10px;}
.fotDiv .rlyDiv .cmtD .txtD{float:left; width:838px; height:72px; box-sizing:border-box; border:1px solid #cdd1dc; background:#f9f9f9;}
.fotDiv .rlyDiv .cmtD .txtD textarea{border:0; background:#f9f9f9; width:100%; height:69px;box-sizing:border-box;}
.fotDiv .rlyDiv .cmtD .confirmBt{display:block; float:left; padding: 25px; width:30px; height:20px; text-align:center; font-size:15px; font-weight:bold; color:#fff; border:1px solid #495162; background:#575f72;}
.fotDiv .rlyDiv .rly{position:relative; padding:20px 0; border-bottom:1px solid #edeef1;}
.fotDiv .rlyDiv .rly .line{padding:0 10px; width:3px; height:14px; background:url("/img/front/icon/line3x14.gif") no-repeat center 4px; background-size:3px 14px;}
.fotDiv .rlyDiv .rly p{padding-bottom:5px;}
.fotDiv .rlyDiv .rly b{color:#333;}
.fotDiv .rlyDiv .rly .modify{position:absolute; top:10px; right:50px; font-size:12px; }
.fotDiv .rlyDiv .rly .modify a{display:inline-block; padding:0 5px;  font-size:13px; color:#555; text-decoration:underline; }
.fotDiv .rlyDiv .rlyMore{display:block; margin:20px auto 0; width:95px; height:19px; text-align:center; padding:5px 12px 5px; border:2px solid #c1c1d2; border-radius:20px; color:#333; font-weight:bold; font-size:13px;}
.fotDiv .rlyDiv .rly .opnnEmp a{overflow:hidden;position:absolute; right:0; padding-right:5px; padding-left:30px;   top:10px;  background:url("/img/front/icon/empBW.png") no-repeat 5px 0; background-size:20px 20px; border:1px solid #8f9496; border-radius :3px; }
.fotDiv .rlyDiv .rly .opnnEmp a.on{overflow:hidden; position:absolute;  right:0; padding-right:5px; padding-left:30px; padding-bottom:2px;  background:url("/img/front/icon/empColor.png") no-repeat 5px 0; background-size:20px 20px; border:1px solid #8f9496; border-radius :3px;}
.fotDiv .rlyDiv .rly .opnnEmp a span{ font-size:13px; font-weight:bold; color:#8f9496;}

.fotDiv .rlyDiv .rly .opnnEmp2 a.on{overflow:hidden; position:absolute;  left:0; padding-right:5px; padding-left:30px; padding-bottom:2px;  background:url("/img/front/icon/empColor.png") no-repeat 5px 0; background-size:20px 20px; border:1px solid #8f9496; border-radius :3px;}
/*.fotDiv .rlyDiv .rly .opnnEmp2 a span{ font-size:13px; font-weight:bold; color:#8f9496;}*/
.fotDiv .rlyDiv .rly .opnnEmp2 a{
overflow: hidden;
    position: absolute;
    left: 0;
    padding-right: 5px;
    padding-left: 30px;
  
    background: url(/img/front/icon/empBW.png) no-repeat 5px 0;
    background-size: 20px 20px;
    border: 1px solid #8f9496;
    border-radius: 3px;
}
 


.relationDiv{padding:30px 40px; height:280px; background:#dce2e8;}
.relationDiv .tit{font-size:15px; color:#333; font-weight:bold;}
.relationDiv .relaD{position:relative; margin-top:15px;}
.relationDiv .relaD .unit{display:block; position:absolute; top:0; left:0; width:222px;}
.relationDiv .relaD .unit .img{position:relative;}
.relationDiv .relaD .unit:nth-child(1){top:0; left:0;}
.relationDiv .relaD .unit:nth-child(2){top:0; left:232px;}
.relationDiv .relaD .unit:nth-child(3){top:0; left:464px;}
.relationDiv .relaD .unit:nth-child(4){top:0; left:696px;}
.relationDiv .relaD .unit .img img{width:100%}
.relationDiv .relaD .unit .txt{padding:15px 20px 25px; height:34px; font-weight:bold; color:#222; background:#fff;}
.relaBtn{display:block; float:right; margin-top:10px; width:114px; height:40px; background:url("/img/front/btn/relation_listBtn.gif") no-repeat 0 0; background-size:114px 40px;}
.starScoreBox{width:100%; overflow:hidden;}
.starScoreBox .star{width:50%; float:left;}
.starScoreBox .star input{border:0;}
.starScoreBox .star.star5{padding-left:0px; background:url("/img/front/icon/starScore_5.png") no-repeat 20px 7px; background-size:78px 13px;}
.starScoreBox .star.star4{padding-left:0px; background:url("/img/front/icon/starScore_4.png") no-repeat 20px 7px; background-size:78px 13px;}
.starScoreBox .star.star3{padding-left:0px; background:url("/img/front/icon/starScore_3.png") no-repeat 20px 7px; background-size:78px 13px;}
.starScoreBox .star.star2{padding-left:0px; background:url("/img/front/icon/starScore_2.png") no-repeat 20px 7px; background-size:78px 13px;}
.starScoreBox .star.star1{padding-left:0px; background:url("/img/front/icon/starScore_1.png") no-repeat 20px 7px; background-size:78px 13px;}
.playTime{position:absolute; bottom:0px; left:0; padding:3px 8px; text-align:center; font-size:12px; color:#fff; background-color:rgba(0, 0, 0, 0.3);}
.playTime span{padding-left:10px; background:url("/img/front/icon/playTime_icon.png") no-repeat 0 center; background-size:6px 8px;}
.noticeView{margin-top:20px; padding:40px; background:#fff;}
.noticeView .titleDiv{padding-bottom:30px; border-bottom:1px solid #eaeaea;}
.noticeView .titleDiv .tit{font-size:26px; color:#050a13; font-weight:bold;}
.noticeView .innrDiv{padding-top:30px;}
.noticeView .fileDiv{margin-top:20px; padding:12px 27px; border-top:1px solid #eaeaea; border-bottom:4px solid #c5c9d3; background:url("/img/front/icon/file_icon.gif") no-repeat 0 17px;}
.noticeView .fileDiv a{display:inline-block; padding:0 5px;}
.noticeView .fileDiv a:hover{text-decoration:underline;}
.noticeView .rlyDiv{padding-top:30px;}
.noticeView .rlyDiv .tit{font-weight:bold; color:#333;}
.noticeView .rlyDiv .tit span{color:#344799;}
.noticeView .rlyDiv .cmtD{overflow:hidden; padding-top:10px;}
.noticeView .rlyDiv .cmtD .txtD_p{width:100%; box-sizing:border-box; padding-right:82px;}
.noticeView .rlyDiv .cmtD .txtD{float:left; width:100%; height:72px; box-sizing:border-box; border:1px solid #cdd1dc; border-right:0; background:#f9f9f9;}
.noticeView .rlyDiv .cmtD .txtD textarea{border:0; background:#f9f9f9; width:100%; height:69px;box-sizing:border-box;}
.noticeView .rlyDiv .cmtD .confirmBt{display:block; float:left; padding: 25px; width:30px; height:20px; text-align:center; font-size:15px; font-weight:bold; color:#fff; border:1px solid #495162; background:#575f72;}
.noticeView .rlyDiv .rly{position:relative; padding:20px 0; border-bottom:1px solid #edeef1;}
.noticeView .rlyDiv .rly .line{padding:0 10px; width:3px; height:14px; background:url("/img/front/icon/line3x14.gif") no-repeat center 4px; background-size:3px 14px;}
.noticeView .rlyDiv .rly p{padding-bottom:5px;}
.noticeView .rlyDiv .rly b{color:#333;}
.noticeView .rlyDiv .rly .modify{position:absolute; top:17px; right:-10px; font-size:12px;}
.noticeView .rlyDiv .rly .modify a{display:inline-block; padding:0 5px; font-size:13px; color:#555; text-decoration:underline;}
.noticeView .rlyDiv .rlyMore{display:block; margin:20px auto 0; width:95px; height:19px; text-align:center; padding:2px 12px 3px; border:2px solid #c1c1d2; border-radius:20px; color:#333; font-weight:bold; font-size:13px;}
.prvNxtDiv{overflow:hidden; margin-top:20px; padding:30px 20px; background:#fff;}
.prvNxtDiv .left{position:relative; float:left; width:49%; height:40px; border-right:1px solid #eaeaea;}
.prvNxtDiv .left .arrowL{position:absolute; top:0; left:0; width:auto; height:40px; padding-left:23px; color:#9698a7; line-height:39px; background:url("/img/front/btn/paging_leftBtn.png") no-repeat 0 0;}
.prvNxtDiv .left .arrowL.on{background:url("/img/front/btn/paging_leftBtn_on.png") no-repeat 0 0;}
.prvNxtDiv .left .txt{display:inline-block; padding:9px 0 0 94px;}
.prvNxtDiv .right{position:relative; float:left; width:49%; height:40px; text-align:right;}
.prvNxtDiv .right .arrowR{position:absolute; top:0; right:0; width:auto; height:40px; padding-right:23px; color:#9698a7; line-height:39px; background:url("/img/front/btn/paging_rightBtn.png") no-repeat right 0;}
.prvNxtDiv .right .arrowL.on{background:url("/img/front/btn/paging_rightBtn_on.png") no-repeat 0 0;}
.prvNxtDiv .right .txt{display:inline-block; padding:9px 94px 0 0;}
.boardWrite{background:#fff;}
.boardWrite table{width:100%; border:1px solid #dadada;}
.boardWrite table th{padding:18px; text-align:left; color:#000; border-bottom:1px solid #f0f1f4; background:#dce2e8;}
.boardWrite table td{padding:5px 8px; border-bottom:1px solid #f0f1f4;}
.boardWrite .fileBox{position:relative;}
.boardWrite input{height:36px;}
.boardWrite .fileBox .inputFile{position:absolute; opacity:0; cursor:pointer; z-index:3;}
.boardWrite .fileBox .inputD{width:100%; padding-right:73px; box-sizing:border-box;}
.boardWrite .fileBox a{position:absolute; top:0; right:0; padding:7px 10px 8px; font-weight:bold; color:#333; background:#dbdbdb;}
.boardWrite .addFile{display:inline-block; margin:2px 10px 0 0;}
.boardWrite .addFile a{display:inline-block; padding:7px 0 0 0;}
.boardWrite .radioD{display:inline-block; padding-right:10px;}
.boardWrite .radioD label{padding-left:3px; margin-bottom:5px; height:24px;}
.boardWrite .radioD input[type="radio"]{height:auto; vertical-align:middle; border:0;}
.boardWrite .ovf{overflow:hidden;}
.boardWrite .ovf .clr{position:relative; display:inline-block; border:1px solid #cdd1dc; width:120px;}
.boardWrite .ovf .clr input{border:0;}
.boardWrite .ovf .clr a{position:absolute; top:9px; right:5px;}
.boardWrite .cTxt{font-weight:bold; color:#334f9c; text-decoration:underline;}
.boardWrite .underTable{color:#2e3046;}
.faqLogDiv{margin-top:40px;}
.faqLogDiv li{padding-top:7px;}
.faqLogDiv li:first-child{padding-top:0;}
.faqLogDiv li>a{display:block; position:relative; padding:20px; font-size:16px; font-weight:bold; color:#333; background:url("/img/front/icon/faq_downArrow.gif") no-repeat 97% 36px #fff; background-size:22px 10px;}
.faqLogDiv li a .tit{display:inline-block; padding:0 0 0 50px; height:40px; line-height:40px; background:url("/img/front/icon/faq_Q.gif") no-repeat 0 0;}
.faqLogDiv li a .detailQ{margin-top:15px; padding:15px 15px 0 55px; border-top:1px solid #777c8a; font-size:14px;}
.faqLogDiv li.on>a{background:url("/img/front/icon/faq_upArrow.gif") no-repeat 97% 36px #586074; color:#fff; background-size:22px 10px;}
.faqLogDiv li.on>a .tit{background:url("/img/front/icon/faq_Q_on.gif") no-repeat 0 0;}
.faqLogDiv li .two{padding:30px 20px 30px 70px; color:#333; background:url("/img/front/icon/faq_A.gif") no-repeat 20px 30px #dce2e8;}
.faqLogDiv li .two .fileDiv{margin-top:20px; padding:12px 27px; border-top:1px solid #ccc; background:url("/img/front/icon/file_icon.png") no-repeat 0 17px;}
.faqLogDiv li .two .fileDiv .fileD{display:inline-block; padding:0 5px;}
.faqLogDiv li .two .fileDiv .fileD:hover{text-decoration:underline;}

.acessTermD{margin-top:40px;}
.acessTermD li{padding-top:7px;}
.acessTermD li:first-child{padding-top:0;}
.acessTermD li>a{display:block; position:relative; padding:20px; font-size:16px; font-weight:bold; color:#333; background:url("/img/front/icon/faq_downArrow.gif") no-repeat 97% center #fff; background-size:22px 10px;}
.acessTermD li a .tit{display:inline-block; padding:0 0 0 50px; height:40px; line-height:40px;}
.acessTermD li a .detailQ{margin-top:15px; padding:15px 15px 0 55px; border-top:1px solid #777c8a; font-size:14px;}
.acessTermD li.on>a{color:#334f9c; background:url("/img/front/icon/acs_upArrow.gif") no-repeat 97% 26px #dce2e8; background-size:22px 10px;}
.acessTermD li .two{padding:30px 20px 30px 20px; color:#333; background:#fff;}
.acessTermD .sDot{padding:0 0 10px 12px; font-size:15px; color:#333; font-weight:bold; background:url("/img/front/icon/dot6x6.gif") no-repeat 0 8px;}
.acessTermD .txt{padding-left:12px; color:#555;}
.acessTermD .hip{display:block; padding:0 0 10px 10px; background:url("/img/front/icon/line5x1.gif") no-repeat 0 11px;}

.hmgInt{padding:20px 40px 50px; background:#fff;}
.hmgInt .lineT{padding:0 0 0 9px; font-size:20px; color:#333; font-weight:bold; background:url("/img/front/icon/titSideBar_bu.png") no-repeat 0 11px;}
.hmgInt .svcD{overflow:hidden; margin-top:5px;}
.hmgInt .svcD .left{float:left; width:317px; margin-right:30px; color:#444;}
.hmgInt .svcD .right{float:left; width:353px; text-align:right; }
.hmgInt .svcD .ta{color:#666; text-indent:-15px; margin-left:16px;}

.hmgInt2{padding:20px 40px 50px; background:#fff;}
.hmgInt2 .blue{color:#334f9c;}
.hmgInt2 .lineT{padding:0 0 0 9px; font-size:20px; color:#333; font-weight:bold; background:url("/img/front/icon/titSideBar_bu.png") no-repeat 0 11px;}
.hmgInt2 .svcD {overflow:hidden; margin-top:5px;}
.hmgInt2 .svcD .left{float:left; color:#444;}
.hmgInt2 .svcD .right{float:left; text-align:right}
.hmgInt2 .svcD .ta{color:#666; text-indent:-15px; margin-left:16px;}

/*
.hmgIntDiv1{padding:45px 45px 45px 135px; background:url("/img/front/icon/hmgInt_icon.gif") no-repeat 34px center #fff; background-size:82px 96px;}
.hmgIntDiv1 .txt1{font-size:22px; font-weight:bold; color:#333;}
.hmgIntDiv1 .txt2{padding-top:10px; color:#555;}
.hmgIntDiv1 .txt2 .blue{color:#334f9c;}
*/
.hmgIntDiv2{background:#fff;}
.hmgIntDiv2 ul li{margin:15px 0 0;}
.hmgIntDiv2 ul li:first-child{margin:8px 0 0;}
.hmgIntDiv2 ul li .tit{padding-top:5px; font-size:19px; font-weight:bold; color:#334f9c;}
.hmgIntDiv2 ul li .tit:before{content:''; display:block; margin-top:5px; width:15px; height:1px; background:#333;}
.hmgIntDiv2 ul li .txt{padding-top:7px; color:#555;}
.hmgIntDiv3{overflow:hidden;}
.hmgIntDiv3 .item{float:left; width:173px; margin-left:60px;}
.hmgIntDiv3 .item:first-child{margin-left:20px;}
.hmgIntDiv3 .item .txt{margin-top:10px; color:#555; letter-spacing:-1px; text-align:center;}

.qnaNotice{overflow:hidden; margin-top:20px; font-size:15px; color:#334f9c;}
.qnaNotice p{float:left;}
.qnaNotice .faqSend{float:right;}

.teacherDiv .list{overflow:hidden; padding-top:7px;}
.teacherDiv .list:first-child{padding-top:0;}
.teacherDiv .list .imgArea{float:left; width:246px;}
.teacherDiv .list .imgArea .up{position:relative; overflow:hidden; width:246px; height:246px; background:#2d2f36;}
.teacherDiv .list .infoArea{float:none; padding:24px 37px 24px 275px; width:100%; height:246px; border:1px solid #dadada; box-sizing:border-box; background:#fff;}
.teacherDiv .list .infoArea .up{min-height:155px;}
.teacherDiv .list .infoArea .up .tit{font-size:20px; color:#333; font-weight:bold; line-height:23px;}
.teacherDiv .list .infoArea .up .name{margin-top:17px; padding-top:8px; font-size:14px; color:#334f9c; background:url("/img/front/icon/line15x1.gif") no-repeat 0 0;}
.teacherDiv .list .infoArea .up .txt{padding-top:5px; font-size:14px; color:#333;}
.teacherDiv .list .infoArea .down .attch{display:inline-block; padding-right:15px; font-weight:bold; color:#333; background:url("/img/front/icon/icon_circlePlay.gif") no-repeat right 6px;}
.teacherDiv .list .infoArea .down .attch:hover{text-decoration:underline;}

.precTabDiv1{padding:15px 0 0 0; line-height:22px;}
.precTabDiv1 .txt{color:#444; padding:0 0 0 10px; background:url("/img/front/icon/dot3x3.gif") no-repeat 0 center;}
.precTabDiv1 .txt a{color:#334f9c; text-decoration:underline;}
.precReqBtn{display:block; margin-top:20px; width:134px; height:39px; text-indent:-9999px; background:url("/img/front/btn/precReqBtn.gif") no-repeat 0 0; background-size:134px auto;}
.boardPrec{margin-top:30px;}
.boardPrec table{border:1px solid #dadada;}
.boardPrec table th{color:#fff; padding:12px 0; background:#586073;}
.boardPrec table td{text-align:center; padding:12px 10px; border-top:1px solid #f0f1f4; font-size:13px; border-left:1px solid #f0f1f4;  background:#fff;}
.boardPrec table td.thF{border-left:0; background:#dce2e8;}
.boardPrec table td.vaT{vertical-align:top; }
.boardPrec table td.restTd{background:#f0f1f4;}
.boardPrec table td .txtT1{padding-bottom:5px; font-weight:bold; color:#555;}
.boardPrec table td .txtT2{padding-bottom:5px; color:#555;}
.boardPrec table td .txtT3{color:#777;}
.boardPrec table .dotTxt{padding-left:10px; font-size:13px; font-weight:bold; color:#555; background:url("/img/front/icon/dot3x3.gif") no-repeat 0 9px;}
.boardPrec2 table{border:1px solid #dadada;}
.boardPrec2 table th{color:#fff; padding:12px 0; background:#586073;}
.boardPrec2 table td{text-align:center; padding:12px 10px; border-top:1px solid #f0f1f4; border-left:1px solid #f0f1f4;  background:#fff;}
.precTab{overflow:hidden; padding-top:20px;}
.precTab a{display:block; float:left; margin-left:3px;}
.precTab a:first-child{margin-left:0;}
.italicTxt{padding-top:15px; color:#444;}
.precTxt{padding-top:5px; color:#444;}
.precTxt .txt{color:#444; padding:0 0 0 10px; background:url("/img/front/icon/dot3x3.gif") no-repeat 0 10px;}
.precHideM{display:block;}
.precViewBtn{display:none;}

#myStudyList{margin-top:20px;}
#myStudyList .box{width:31.5%; margin:0 7px 10px; transition-duration:0s;}
#myStudyList .box .img img{width:100%;}
#myStudyList .box .tit a{font-weight:bold; font-size:18px; color:#333; line-height:24px; padding-bottom:20px; background:url("/img/front/icon/line15x1.gif") no-repeat 0 bottom;}
#myStudyList .box .txtBox{padding:25px 18px;border:1px solid #dadada; background:#fff;}
#myStudyList .box .name{padding-top:8px; color:#334f9c;}
#myStudyList .box .txt{padding-top:6px; color:#333;}
#myStudyList .box .attch{display:inline-block; padding-right:15px; font-weight:bold; color:#333; background:url("/img/front/icon/icon_circlePlay.gif") no-repeat right 4px;}
#myStudyList2{margin-top:20px;}
#myStudyList2 .box{width:31.5%; margin:0 7px 10px; transition-duration:0s;}
#myStudyList2 .box .img img{width:100%;}
#myStudyList2 .box .tit{font-weight:bold; font-size:18px; color:#333; line-height:24px; padding-bottom:20px; background:url("/img/front/icon/line15x1.gif") no-repeat 0 bottom;}
#myStudyList2 .box .txtBox{padding:25px 18px;border:1px solid #dadada; background:#fff;}
#myStudyList2 .box .name{padding-top:8px; color:#334f9c;}
#myStudyList2 .box .txt{padding-top:6px; color:#333;}
#myStudyList2 .box .attch{display:inline-block; padding-right:15px; font-weight:bold; color:#333; background:url("/img/front/icon/icon_circlePlay.gif") no-repeat right 4px;}
.chkListDiv{margin:35px 0 25px; padding:20px; border:1px solid #d7dae3; background:#e7f0f7;}
.chkListDiv .txt1{padding-left:25px; color:#333; background:url("/img/front/icon/chkList_icon1.gif") no-repeat 0 0; background-size:20px 20px;}
.chkListDiv .txt2{padding:5px 0 0 25px; background:url("/img/front/icon/chkList_icon2.gif") no-repeat 0 9px; background-size:20px 20px;}
.chkListDiv .txt2 a{display:inline-block; text-decoration:underline; color:#333; padding:0 6px;}
.rssOne{margin:10px 0 10px;}
.rssOne .unit{display:inline-block; padding-left:10px; margin-right:15px; background:url("/img/front/icon/dot5x5.gif") no-repeat 0 9px;}
.rssDiv{margin-top:10px; padding:15px 27px; box-sizing:border-box; width:100%; border:1px solid #dadada; background:#fff;}
.rssDiv .unit{display:inline-block; padding-left:10px; font-size:14px; color:#444; font-weight:bold; margin-right:15px; background:url("/img/front/icon/dot5x5.gif") no-repeat 0 9px;}
.rssDiv .item{display:inline-block; margin-bottom:5px; width:195px;}
.rssDiv .item input{margin-right:3px;}
.myStatDiv1{padding-top:20px;}
.myStatDiv1:after{content:''; display:block; clear:both;}
.myStatDiv1 .list{position:relative; float:left; margin-left:10px; padding:20px 0 0 0; width:251px; height:257px; text-align:center; border:1px solid #dadada;}
.myStatDiv1 .list:first-child{margin-left:0;}
.myStatDiv1 .list:nth-child(1){background:url("/img/front/icon/myStat_img1.gif") no-repeat center 22px #fff; background-size:82px 82px;}
.myStatDiv1 .list:nth-child(2){background:url("/img/front/icon/myStat_img2.gif") no-repeat center 22px #fff; background-size:82px 82px;}
.myStatDiv1 .list:nth-child(3){background:url("/img/front/icon/myStat_img3.gif") no-repeat center 22px #fff; background-size:82px 82px;}
.myStatDiv1 .list.result0{background:url("/img/front/icon/myStat_noView.gif") no-repeat center 40px #fff; background-size:58px 44px;}
.myStatDiv1 .list.result1{background:url("/img/front/icon/myStat_medal1.gif") no-repeat center 22px #fff; background-size:45px 80px;}
.myStatDiv1 .list.result2{background:url("/img/front/icon/myStat_medal2.gif") no-repeat center 22px #fff; background-size:45px 80px;}
.myStatDiv1 .list.result3{background:url("/img/front/icon/myStat_medal3.gif") no-repeat center 22px #fff; background-size:45px 80px;}
.myStatDiv1 .list .txt1{padding:90px 0 12px 0; font-weight:bold; color:#333; background:url("/img/front/icon/line15x1.gif") no-repeat center bottom;}
.myStatDiv1 .list .txt2{padding:10px 0 0 0; font-size:36px; color:#333; letter-spacing:-1.7px;}
.myStatDiv1 .list .txt2 .small{font-size:13px;}
.myStatDiv1 .list .txt3{padding:3px 0 0 0; font-size:13px; color:#666;}
.myStatDiv1 .list .shared{font-weight:bold; color:#334f9c; text-decoration:underline;}
.myStatDiv1 .resultD{position:absolute; top:263px; left:33px; font-size:13px; color:#fff; text-align:center; padding:4px 0; width:190px; height:22px; border-radius:20px;}
/*.myStatDiv1 .result1{background:#4d6dc4;}
.myStatDiv1 .result2{background:#12a78d;}
.myStatDiv1 .result3{background:#c0654c;}*/
.myStatDiv2{position:relative;}
.myStatDiv2 th{padding:0; font-weight:normal; font-size:16px; color:#fff; border:1px solid #dadada; background:#898989;}
.myStatDiv2 th a{display:block; padding:8px 0; color:#fff;}
.myStatDiv2 th.on{color:#333333; border-bottom:1px solid #fff; background:#fff;}
.myStatDiv2 th.on a{color:#333;}
.myStatDiv2 .tabDiv{padding:20px; border:1px solid #dadada; border-top:0; box-sizing:border-box; width:100%; height:300px; background:#fff;}
.myStatDiv3{overflow:hidden; padding:15px 20px; background:#cacdd7;}
.myStatDiv3 .period{float:left; width:390px; font-weight:bold; color:#333;}
.myStatDiv3 .period .inputBox{position:relative; display:inline-block; width:140px; height:38px; background:#fff;}
.myStatDiv3 .period .inputBox input{border:0; width:114px; height:36px;}
.myStatDiv3 .period .inputBox .calendar{display:inline-block; position:absolute; top:10px; right:10px; width:16px; height:16px; background:url(/img/front/icon/calendar_icon.gif) no-repeat 0 0; background-size:16px 16px;}
.myStatDiv3 .subjectSearch{float:left; padding-left:0; width:250px; font-weight:bold; color:#333;}
.myStatDiv3 .subjectSearch .inputBox{display:inline-block; width:170px; height:38px; background:#fff;}
.myStatDiv3 .subjectSearch .inputBox input{border:0; width:100%; height:36px;}
.monthDiv1{margin-top:20px; text-align:right;}
.monthDiv1 select{width:300px; height:40px;}
.monthDiv2{overflow:hidden; padding:5px 0 50px; border-bottom:3px solid #40424a;}
.monthDiv2 .left{float:left; margin-right:36px; width:500px;}
.monthDiv2 .cntnTitl1{display: inline-block; white-space: normal; overflow: hidden; text-overflow: ellipsis; max-height: 80px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.monthDiv2 .cntnTitl2{display: inline-block; white-space: normal; overflow: hidden; text-overflow: ellipsis; max-height: 50px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.monthDiv2 .left .up{position:relative; overflow:hidden; width:100%; height:378px; background:#2d2f36;}
.monthDiv2 .left .up .label{position:absolute; top:0; left:10px;}
.monthDiv2 .left .down{height:242px;}
.monthDiv2 .left .down a{display:block; padding:30px; height:100%; box-sizing:border-box; font-size:24px; color:#fff; background:#334f9c;}
.monthDiv2 .left .down .cate{font-size:16px;}
.monthDiv2 .left .down .cate:before{content:''; display:block; margin-bottom:20px; width:45px; height:3px; background:#fff;}
.monthDiv2 .left .down .starBox{overflow:hidden; margin-top:15px;}
.monthDiv2 .left .down .starScore{float:left; padding-right:0;}
.monthDiv2 .left .down .score{float:left; padding-right:10px; font-weight:normal; font-size:13px; line-height:18px; color:#fff;}
.monthDiv2 .left .down .hitN{float:left; line-height:18px; font-weight:normal; color:#fff; font-size:13px;}
.monthDiv2 .right{float:left; width:464px; overflow:hidden;}
.monthDiv2 .right .list{float:left; width:222px;}
.monthDiv2 .right .list:nth-child(1){margin:0 20px 0 0;}
.monthDiv2 .right .list:nth-child(2){margin:0 0 0 0;}
.monthDiv2 .right .list:nth-child(3){margin:20px 20px 0 0;}
.monthDiv2 .right .list:nth-child(4){margin:20px 0 0 0;}
.monthDiv2 .right .list .up{position:relative; overflow:hidden; width:100%; height:167px; background:#2d2f36;}
.monthDiv2 .right .list .up .label{position:absolute; top:0; left:10px;}
.monthDiv2 .right .list .down a{display:block; padding:20px; height:133px; box-sizing:border-box; font-size:15px; color:#000; font-weight:bold; background:#fff;}
.monthDiv2 .right .list .down .cate{font-weight:normal; color:#3450a3;}
.monthDiv2 .right .list .down .txt{min-height:45px;}
.monthDiv2 .right .list .down .starBox{overflow:hidden; margin-top:15px;}
.monthDiv2 .right .list .down .starScore{float:left; padding-right:0;}
.monthDiv2 .right .list .down .score{float:left; padding-right:10px; font-weight:normal; font-size:13px; line-height:15px; color:#525666;}
.monthDiv2 .right .list .down .hitN{float:left; line-height:16px; font-weight:normal; color:#525666; font-size:13px;}
.bestBtn{display:inline-block; margin-bottom:5px; padding:10px 20px; border-radius:5px; font-size:16px; color:#fff; font-weight:bold; background:#40424a;}
.monthDiv3{overflow:hidden; padding:20px 0 50px; border-bottom:3px solid #40424a;}
.monthDiv3 .bestBox{overflow:hidden;}
.monthDiv3 .bestBox .up{position:relative; float:left; width:660px; height:498px; overflow:hidden; background:#2d2f36;}
.monthDiv3 .bestBox .up .label{position:absolute; top:0; left:10px;}
.monthDiv3 .bestBox .down a{display:block; float:left; padding:40px; width:340px; height:498px; box-sizing:border-box; font-size:24px; color:#fff; background:#334f9c;}
.monthDiv3 .bestBox .down .starBox{overflow:hidden; margin-top:15px;}
.monthDiv3 .bestBox .down .starScore{float:left; padding-right:0;}
.monthDiv3 .bestBox .down .score{float:left; padding-right:10px; font-weight:normal; font-size:13px; line-height:18px; color:#fff;}
.monthDiv3 .bestBox .down .hitN{float:left; line-height:18px; font-weight:normal; color:#fff; font-size:13px;}
.monthDiv3 .bestBox .down .cate{font-size:16px;}
.monthDiv3 .bestBox .down .cate:before{content:''; display:block; margin-bottom:20px; width:45px; height:3px; background:#fff;}
.monthDiv3 .bestBox .down .txt2{padding-top:20px; font-size:13px; color:#fff; line-height:20px;}
.monthDiv3 .secBox .sec{overflow:hidden; padding-top:3px;}
.monthDiv3 .secBox .sec .list{float:left; overflow:hidden; width:490px;}
.monthDiv3 .secBox .sec .list:first-child{margin-right:20px;}
.monthDiv3 .secBox .sec .list .up{position:relative; float:left; overflow:hidden; width:222px; height:167px; background:#2d2f36;}
.monthDiv3 .secBox .sec .list .up .label{position:absolute; top:0; left:10px;}
.monthDiv3 .secBox .sec .list .down a{float:left; padding:10px 20px; box-sizing:border-box; width:268px; height:167px; font-size:15px; color:#000; font-weight:bold; background:#fff;}
.monthDiv3 .secBox .sec .list .down .cate{color:#3450a3;}
.monthDiv3 .secBox .sec .list .down .txt{min-height:45px;}
.monthDiv3 .secBox .sec .list .down .cntnTitl1{display: inline-block; white-space: normal; overflow: hidden; text-overflow: ellipsis; max-height: 45px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.monthDiv3 .secBox .list .down .starBox{overflow:hidden; margin-top:15px;}
.monthDiv3 .secBox .list .down .starScore{float:left; padding-right:10px;}
.monthDiv3 .secBox .list .down .hitN{float:left; line-height:16px; font-weight:normal; color:#525666; font-size:13px;}

.ctSvcDiv2{overflow:hidden;}
.ctSvcDiv2 a{display:block; float:left; width:33.333333%;}
.ctSvcDiv3{overflow:hidden;}
.ctSvcDiv3 span{display:block; float:left; width:33.333333%;}

.registSearch{padding:17px 15px; background:#cacdd7;}
.registSearch .ovf{overflow:hidden}
.registSearch .ovf .tit{display:inline-block; padding-left:15px; width:65px; color:#000; font-weight:bold;}
.registSearch .ovf .clr{position:relative; display:inline-block; width:120px; background:#fff;}
.registSearch .ovf .clr a{position:absolute; top:9px; right:5px;}
.registSearch .ovf input{border:0; height:38px;}
.registSearch .ovf select{height:38px;}
.registSearch .ovf .reset{display:inline-block; margin-left:15px; padding:8px 0 12px; font-size:15px; font-weight:bold; color:#333; border:1px solid #939bae; width:88px; height:18px; text-align:center; background:#fff;}
.registSearch .ovf .search{display:inline-block; margin-left:3px; padding:8px 0 12px; font-size:15px; font-weight:bold; color:#fff; border:1px solid #334f9b; width:88px; height:18px; text-align:center; background:#334f9b;}
.registSearch .ovf .search span{padding-right:18px; background:url("/img/front/icon/registSearch_searchIcon.gif") no-repeat right 5px;}
.registSearch2{margin-top:20px; text-align:center;}
.registSearch2 .btn{display:inline-block; padding:8px 22px; font-size:16px; color:#fff; font-weight:bold; border-radius:5px; background:#40424a;}
.registSearch3{margin-top:10px;}
.registSearch3 .btn{display:inline-block; padding:5px 11px; font-size:13px; color:#fff; font-weight:bold; border-radius:3px; background:#40424a;}

.combineDiv1{padding:25px 0; text-align:center; background:#cacdd7;}
.combineDiv1 .srcD input{width:325px; height:40px;}
.combineDiv1 .srcD .search{display:inline-block; margin-left:3px; padding:8px 0 12px; font-size:15px; font-weight:bold; color:#fff; border:1px solid #334f9b; width:88px; height:18px; text-align:center; background:#334f9b;}
.combineDiv1 .srcD .search span{padding-right:18px; background:url("/img/front/icon/registSearch_searchIcon.gif") no-repeat right 5px;}
.combineDiv1 .autoWord{margin-top:10px;}
.combineDiv1 .autoWord .cirW{display:inline-block; padding:4px 15px 6px; font-size:13px; font-weight:bold; color:#fff; border-radius:20px; background:#535b6e;}
.combineDiv1 .autoWord .cirW span{padding-left:14px; background:url("/img/front/icon/autoWord_icon.gif") no-repeat 0 6px;}
.combineDiv1 .autoWord .word{display:inline-block; padding:0 11px 0 11px; font-size:14px; color:#333; text-decoration:underline; background:url("/img/front/icon/line1x13.gif") no-repeat 0 6px;}
.combineDiv1 .autoWord .word.fir{background:none;}
.combineDiv2{font-size:16px; color:#333;}
.combineDiv2 .keyW{font-weight:bold; color:#334f9c;}

.manualDiv{margin-top:40px;}
.manualDiv .blue{color:#334f9c;}
.manualDiv .red{color:#ae0303;}
.manualDiv .underline{text-decoration:underline;}
.manualDiv .dot{padding-bottom:10px; font-size:16px; color:#555;}
.manualDiv .tab{padding:40px 50px; background:#fff;}
.manualDiv .step{overflow:hidden; padding-top:20px;}
.manualDiv .step .txt{width:100%;}
.manualDiv .txtType{padding-top:30px;font-size:18px; font-weight:bold; color:#444;}
.manualDiv .txtType:before{content:""; margin-bottom:3px; display:block; width:15px; height:1px; background:#545454;}
.manualDiv .mStep{overflow:hidden; margin-top:10px;}
.manualDiv .mStep img{display:block; float:left; width:312px; }
.manualDiv .mStep img:nth-child(2){margin-left:10px;}
.manualDiv .mStep img:nth-child(4){margin-left:10px;}
.manualDiv .step .left{float:left; padding:0 20px 0 0; width:190px;}
.manualDiv .step .right{float:right; width:458px;}

.newsDiv{margin-top:40px;}
.newsDiv .tab{padding:40px 50px; background:#fff;}
.newsDiv .nCntn{overflow:hidden; margin-top:10px; display:block;}
.newsDiv .nCntn img{margin:auto; max-width:100%; max-height:100%; display:block;}

.nTxt{margin-top:20px; font-size:15px; color:#333;}
.nTxtEng{font-size:12px;}
#ctsRegist{background:#f0f1f4;}
.ctsRegistDiv{position:relative; width:780px; margin:0 auto; padding:100px 0 50px;}
.ctsRegistDiv .logOut{position:absolute; top:30px; right:0;}
.ctsRegistDiv .subject{font-size:30px; font-weight:bold; text-align:center; background:url("/img/front/icon/subject_icon.gif") no-repeat center 0px;}

.subjDiv{position:relative; overflow:hidden; padding-top:40px;}
/*.subjDiv .moreView{position:absolute; top:18px; right:0; padding-right:17px; font-weight:bold; color:#334f9c; background:url("/img/front/icon/right_arrow.gif") no-repeat right 5px; background-size:8px 13px;}*/
.subjDiv .dotSubject{float:left; margin-top:0 !important;}
.subjDiv .moreView{display:inline-block; float:right; padding:13px 17px 0 0; font-weight:bold; color:#334f9c; background:url("/img/front/icon/right_arrow.gif") no-repeat right 17px; background-size:8px 13px;}
.subjDiv .slc{float:right;}

#footer{width:100%;}
#footer .footerDiv{margin:0 auto; padding:18px 0 24px; width:1000px; height:74px; font-size:13px; color:#888; background:url("/img/front/icon/footer_logo_new.png") no-repeat right center;}
#footer .footerDiv .ftBox{padding-bottom:5px;}
#footer .footerDiv .ftBox a{display:inline-block; padding-left:10px; color:#444; font-weight:bold;}
#footer .footerDiv .ftBox a:before{content:'|'; display:inline-block; padding-right:10px;}
#footer .footerDiv .ftBox a:first-child{padding-left:0;}
#footer .footerDiv .ftBox a:first-child:before{display:none;}
#popWrap{position:relative;}
#popWrap .top{position:relative; padding:20px 30px; font-size:30px; color:#fff; font-weight:bold; background:#334f9c;}
#popWrap .top:after{content:' '; position:absolute; top:42px; left:0; height:2px; width:15px; background:#fff;}
#popWrap .contain{padding:20px 30px; background:#fff;}
#popWrap .iconTxt{color:#333; font-weight:bold; border:1px solid #dadada; padding:28px 28px 28px 120px; background:url("/img/front/icon/popupShare_icon.png") no-repeat 25px center; background-size:77px 77px;}
#popWrap .iconTxt .txtList li{position:relative; padding-left:9px; margin-top:9px;}
#popWrap .iconTxt .txtList li:first-child{margin-top:0;}
#popWrap .iconTxt .txtList li:before{position:absolute; width:4px; height:4px; content:""; background:#334f9c; left:0; top:9px; border-radius:10px}
#popWrap .popSearchDiv{position:relative; padding:20px; background:#cacdd7;}
#popWrap .popSearchDiv .listBox{overflow:hidden; width:70%;}
#popWrap .popSearchDiv .listBox .list{overflow:hidden; width:100%;}
#popWrap .popSearchDiv .listBox .list .tit{float:left; width:70px; height:30px; line-height:30px; font-weight:bold; color:#000;}
#popWrap .popSearchDiv .listBox .list .slc{box-sizing:border-box; width:100%; padding-left:70px;}
#popWrap .popSearchDiv .searchBt{position:absolute; top:56px; right:10px;}
#popWrap .popSearchDiv .favrCnrsTrgtMngBt{position:absolute; top:56px; right:100px;}
#popWrap .tableList thead{border:1px solid #dadada;}
#popWrap .tableList tbody{margin-top:3px; border:1px solid #dadada;}
#popWrap .tableList tbody tr{border-top:1px solid #f0f1f4;}
#popWrap .tableList tbody tr:first-child{border-top:0;}
#popWrap .tableList td{padding:3px 0; text-align:center;}
#popWrap .slcBt{display:inline-block; padding:6px 25px 8px; color:#fff; font-weight:bold; border-radius:5px; background:#40424a;}
#popWrap .tableWrite{overflow:hidden; width:100%;  border:1px solid #dadada;}
#popWrap .tableWrite th{padding:10px 10px; border-top:1px solid #f0f1f4; color:#000; text-align:left; background:#dce2e8;}
/*#popWrap .tableWrite th:first-child{border-top:0;}*/
#popWrap .tableWrite td{padding:10px 10px; border-top:1px solid #f0f1f4; vertical-align:top;}
#popWrap .tableWrite td:first-child{border-top:0;}
#popWrap .tableWrite textarea{box-sizing:border-box;}
#popWrap .tableWrite .shareD{overflow:hidden;}
#popWrap .tableWrite .shareD .left{float:left; padding-right:10px;}
#popWrap .tableWrite .blue{color:#334f9c;}
#popWrap .tableWrite .certiD .cd{display:inline-block;}
#popWrap .tableWrite .certiD .cd:first-child{margin-right:10px; }
#popWrap .tableWrite .certiD .certiBtn{display:inline-block; margin-left:20px; padding:3px 12px; color:#333; font-weight:bold; background:#ddd;}
#popWrap .tableWrite .sendP{display:inline-block; padding-right:5px;}
#popWrap .tableWrite .sendP a{display:inline-block;}
#popWrap .billTxt{padding-left:15px; color:#333; background:url("/img/front/icon/billIcon.gif") no-repeat 0 6px;}
#popWrap .viewBt{display:inline-block; padding:6px 35px 8px; color:#282a32; font-weight:bold; border-radius:5px; background:#c3c8d5;}
#popWrap .sendBt{display:inline-block; padding:6px 35px 8px; color:#fff; font-weight:bold; border-radius:5px; background:#40424a;}
#popWrap .fidoSendBt{display:inline-block; padding:6px 35px 8px; color:#fff; font-weight:bold; border-radius:5px; background:#40424a;}
#popWrap .ck{color:#334f9c; text-decoration:underline; vertical-align:top;}
#popWrap .ovf{overflow:hidden; margin-top:6px;}
#popWrap .ovf:first-child{margin-top:0;}
#popWrap .ovf .left{float:left; width:30%; color:#555; font-weight:bold;}
#popWrap .ovf .left span{display:inline-block; padding-left:11px; background:url("/img/front/icon/dot3x3.gif") no-repeat 0 9px;}
#popWrap .ovf .right{float:left; width:70%;}
#popWrap .ovf .right input{width:100%;}
#popWrap .confBtn{display:block; text-align:center; padding:6px 20px 8px; color:#fff; font-weight:bold; border-radius:5px; background:#40424a;}
#popWrap .commentTit{padding:8px 0; text-align:center; font-size:15px; color:#000; border:1px solid #dbdada;}
#popWrap .commentDiv{margin-top:5px; padding:0 10px; max-height:530px; overflow:auto; color:#555; line-height:51px; border:1px solid #dbdada; background:url("/img/front/icon/pop_comment_bg.gif") repeat 0 0;}
#popWrap .contain .popPrev{padding:25px 35px; border:1px solid #dadada; max-height:220px; overflow:auto;}
#popWrap .contain .popPrev .txt1{font-size:13px; color:#cdcdcd;}
#popWrap .contain .popPrev .txt1 span{display:inline-block; color:#525666;}
#popWrap .contain .popPrev .txt2{font-size:17px; color:#050a13; font-weight:bold;}
#popWrap .contain .popPrev .txt3{padding-top:15px; color:#555;}
#popWrap .contain .tagDiv{padding:10px 3%;}

#loginPage{margin:0 auto; padding-top:50px; width:100%; background:#f0f1f4;}
#loginPage .logo{padding-bottom:20px; display:block; text-align:center;}
#loginPage .lgBox{margin:0 auto; width:860px;}
#loginPage .tit{padding-top:10px; font-size:30px; font-weight:bold; color:#333; text-align:center; background:url("/img/front/icon/line33x2.gif") no-repeat center 0;}
#loginPage .txt{padding-top:13px; font-size:15px; color:#333; text-align:center;}
#loginPage .lgBox .agreeBox{margin-top:15px; padding:26px; box-sizing:border-box; width:100%; height:271px; font-size:14px; color:#555; border:1px solid #dadada; background:#fff; overflow-y:auto; line-height:22px;}
#loginPage .lgBox .agr input[type="checkbox"] {margin:-2px 0 0; border:1px solid #dadada; vertical-align:middle;}
#loginPage .lgBox .agreeBox .aTxt1{padding-bottom:10px; font-size:15px; color:#333; font-weight:bold;}
#loginPage .lgBox .agreeBox .tBlue{padding-bottom:10px; font-size:16px; font-weight:bold; color:#334f9c;}
#loginPage .lgBox .agreeBox .tBlack{padding:0 0 0 12px; font-size:15px; line-height:15px; font-weight:bold; color:#333; background:url("/img/front/icon/dot12x12.gif") no-repeat 0 center; background-size:6px 6px;}
#loginPage .lgBox .agreeBox .txtP{padding:7px 0 12px 10px; color:#555;}
#loginPage .lgBox .agreeBox .txtP .txtC{margin-left:15px; text-indent:-12px;}
#loginPage .loginBox{margin-top:30px; padding:70px 80px 70px 275px; width:100%; box-sizing:border-box; border:1px solid #dadada; border-bottom:none; background:url("/img/front/icon/login_lockIcon.gif") no-repeat 88px 75px #fff; background-size:100px 100px;}
#loginPage .loginBox .list{overflow:hidden; margin-top:6px;}
#loginPage .loginBox .list:first-child{margin-top:0;}
#loginPage .loginBox .list .left{float:left; width:170px; font-weight:bold; color:#555;}
#loginPage .loginBox .list .left span{display:inline-block; padding-left:11px; background:url("/img/front/icon/dot3x3.gif") no-repeat 0 9px;}
#loginPage .loginBox .list .right{float:left; width:332px;}
#loginPage .loginBox .list .right select{width:100%;}
#loginPage .loginBox .list .right input{width:100%;}
#loginPage .loginBox.fp{border:1px solid #dadada; background:url("/img/front/icon/changePw_img.gif") no-repeat 110px 74px #fff; background-size:100px 100px;}
#loginPage .loginBox.fp .list .left{width:130px;}
#loginPage .loginBox.fp .list .right{width:264px;}
#loginPage .loginBox.findpw{border:1px solid #dadada; background:url("/img/front/icon/findPw_img.gif") no-repeat 91px 76px #fff; background-size:100px 100px;}
#loginPage .loginBox.findpw .list .left{width:170px;}
#loginPage .loginBox.findpw .list .right{width:332px;}
#loginPage .loginBox .loginBtn{display:block; margin-top:20px; padding:10px 0; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; border-radius:5px; background:#324e9a; }
#loginPage .slideBox{text-align:center;}
#loginPage .slideBox a{margin-top:30px; display:inline-block; padding:5px 10px; text-align:center; font-size:13px; color:#333; font-weight:bold; border:2px solid #c1c1d2; border-radius:20px;}
#loginPage .slideBox a span{padding-right:17px; background:url(/img/front/icon/login_pbmDown.gif) no-repeat right 7px; background-size:11px 6px;}
#loginPage .slideBox a span.on{background:url(/img/front/icon/login_pbmUp.gif) no-repeat right 7px; background-size:11px 6px;}
#loginPage .prmDiv{margin-top:20px; padding:35px 25px; background:#fff;}
#loginPage .prmDiv .dotSubject{margin-top:0; padding:0; font-size:20px; background:none;}
#loginPage .findpwBox{padding:30px 0; text-align:center; border:1px solid #dadada; border-top:none; color:#333; background:#e6ebef;}
/*#loginPage .findpwBox .findpwBtn{display:inline-block; margin-left:10px; padding:8px 15px; font-size:15px; font-weight:bold; color:#fff; background:#334f9b;}*/
#loginPage .findpwBox .findpwBtn{padding-top:4px; display:block; text-align:center; font-size:15px; font-weight:bold; color:#333; text-decoration:underline;}
#loginPage .askAdmin{padding:20px; width:100%; box-sizing:border-box; font-size:13px; border:1px solid #dadada; background:#fff; overflow:hidden;}
#loginPage .askAdmin b{color:#333; font-size:15px;}
#loginPage .askAdmin .phone{display:inline-block; margin-right:5px; padding-left:14px; background:url("/img/front/icon/askAdmin_icon1.gif") no-repeat 0 9px; background-size:11px 11px;}
#loginPage .askAdmin .mail{display:inline-block; margin-left:5px;  padding-left:15px; background:url("/img/front/icon/askAdmin_icon2.gif") no-repeat 0 9px; background-size:12px 8px;}
#loginPage .longTermD{padding:50px 0; width:100%; box-sizing:border-box; text-align:center; border:1px solid #dadada; background:url("/img/front/icon/longTerm_img.gif") no-repeat center 50px #fff; background-size:100px 100px;}
#loginPage .longTermD .dot{padding-left:11px; font-size:20px; font-weight:bold; color:#555; background:url("/img/front/icon/dot3x3.gif") no-repeat 0 16px;}
#loginPage .longTermD .btn{display:inline-block; margin-top:120px; padding:8px 0; width:203px; font-size:16px; font-weight:bold; color:#fff; text-align:center; border-radius:5px; background:#40424a; }
.errorDiv{margin-top:30px; padding:85px 170px; border:1px solid #e2e2e2; background:#fff;}
.errorDiv .up{padding:0 0 13px 0; margin:0 0 30px 0; border-bottom:1px solid #e3e3e3;}
.errorDiv .down{text-align:center;}
.errorDiv .btn{display:inline-block; margin-top:20px; padding:8px 16px; font-size:16px; font-weight:bold; color:#fff; border-radius:5px; background:#40424a;}
.loadingDiv{margin-top:30px; padding:84px  20px 100px; border:1px solid #e2e2e2; background:#fff; }

.sitemapD{overflow:hidden; padding:20px 40px; background:#fff;}
.sitemapD ul {width:100%; overflow:hidden;}
.sitemapD li{width:176px; padding:0 10px 0 0; float:left; min-height:240px}
.sitemapD li:nth-child(1){min-height:150px}
.sitemapD li:nth-child(2){width:460px; min-height:240px}
.sitemapD li:nth-child(4){width:160px;}
.sitemapD li:nth-child(5){width:130px;}
.sitemapD li:nth-child(6){width:160px;}
.sitemapD li:nth-child(8){width:163px;}
.sitemapD li:nth-child(9){width:129px}
.sitemapD li .oneD{padding:0 0 0 9px;  font-size:20px; color:#000; font-weight:bold; background:url("/img/front/icon/titSideBar_bu.png") no-repeat 0 11px}
.sitemapD li .twoD{padding:10px 0 0 0;}
.sitemapD li .twoD a{display:block; padding:0 0 10px 8px; background:url("/img/front/icon/line5x1.gif") no-repeat 0 11px;}
.sitemapD li .twoD a:hover{font-weight:bold; color:#334f9c; text-decoration:underline;}


/*paging*/
.pagingD{position:relative; text-align:center}
.pagingD .left{position:absolute; top:0; left:0; width:auto; height:40px; padding-left:23px; color:#9698a7; line-height:39px; background:url("/img/front/btn/paging_leftBtn.png") no-repeat 0 0;}
.pagingD .right{position:absolute; top:0; right:0; width:auto; height:40px; padding-right:23px; color:#9698a7; line-height:39px; background:url("/img/front/btn/paging_rightBtn.png") no-repeat right 0;}
.pagingD ul{padding-top:6px;}
.pagingD li{display:inline-block;}
.pagingD li a{display:inline-block; margin:0 0 0 3px; width:17px; height:28px;  line-height:28px; font-size:15px; color:#2e3046;}
.pagingD li.active a{width:17px;  color:#2e4893;  text-decoration:underline;}
.pagingD li.first a{width:9px; height:14px; margin:0 10px 0 0; background:url('/img/front/btn/pagingF_bt.png') no-repeat 0 0; background-size:9px 14px; text-indent:-999999px;}
.pagingD li.prev a{width:8px; height:14px; margin:0 19px 0 2px; background:url('/img/front/btn/pagingP_bt.png') no-repeat 0 0; background-size:8px 14px; text-indent:-999999px;}
.pagingD li.next a{width:8px; height:14px; margin:0 10px 0 30px; background:url('/img/front/btn/pagingN_bt.png') no-repeat 0 0; background-size:8px 14px; text-indent:-999999px;}
.pagingD li.last a{width:9px; height:14px; margin:0; background:url('/img/front/btn/pagingE_bt.png') no-repeat 0 0; background-size:9px 14px; text-indent:-999999px;}
.pagingD.web{display:block;}
.pagingD.mobile{display:none;}
.pagingD .web{display:block;}
.pagingD .mobile{display:none;}

.popup{position:absolute; top:0; left:0; z-index:100;}
.popup.w350{width:350px;}
.popup.w550{width:550px;}
.popup.w750{width:750px;}
.popup .top{position:relative; padding:20px 30px; font-size:20px; color:#fff; font-weight:bold; background:#334f9c;}
/*.popup .top:after{content:' '; position:absolute; top:42px; left:0; height:2px; width:15px; background:#fff;}*/
.popup .top .xBtn{position:absolute; top:27px; right:30px;}
.popup .contain{padding:20px 30px; background:#fff;}
.popup .contain .menoView{overflow:hidden; width:100%;  border:1px solid #dadada;}
.popup .contain .menoView th{padding:10px 10px; border-top:1px solid #f0f1f4; text-align:left; background:#dce2e8;}
/*.popup .contain .menoView th:first-child{border-top:0;}*/
.popup .contain .menoView td{padding:10px 10px; border-top:1px solid #f0f1f4;}
.popup .contain .menoView td:first-child{border-top:0;}
.popup .contain .menoView textarea{box-sizing:border-box;}
.popup .contain .scrapTxt{font-weight:bold; color:#333; font-size:16px;}
.popup .contain .scrapTxt .blue{color:#334f9c;}
.popup .contain .scrapTxt2{padding:15px 0 6px; color:#333; font-weight:bold;}
.popup .close{display:inline-block; padding:5px 30px 6px; font-size:16px; color:#282a32; font-weight:bold; border-radius:5px; background:#c3c8d5; }
.popup .mod{display:inline-block; padding:5px 30px 6px; font-size:16px; color:#fff; font-weight:bold; border-radius:5px; background:#324e9a; }
.popup .view{display:inline-block; padding:5px 10px 6px; font-size:16px; color:#ffffff; font-weight:bold; border-radius:5px; background:#0044cc; }

/*.hmgPopW {overflow:hidden; position:relative; width:550px;}
.hmgPopW .popB {height:40px; line-height:40px; font-size:13px; color:#bebebe; background:#35393f; text-align:right;}
.hmgPopW .popB .closeBt {display:inline-block; margin:0 0 0 5px; vertical-align:top;}
.popTemplateA {width:550px; height:487px; padding:37px 0 0; background:url('/img/front/popup/popTemplateA_bg.jpg') no-repeat 0 0;} 
.popTemplateA .topA .titD{margin:0 93px 0 90px; text-align:center; height:178px; padding:23px 0 0;}
.popTemplateA .topA .titA{font-size:18px; font-weight:bold; color:#cff7ff; letter-spacing:-0.8px}
.popTemplateA .topA .subTitA{font-size:43px; line-height:57px; font-weight:bold; color:#fff; letter-spacing:-0.8px}
.popTemplateA .topA .subTitA strong {color:#cff7ff;}
.popTemplateA .topA .txtA {margin:57px 0 0 40px; font-size:15px; color:#fff; line-height:21px; letter-spacing:-0.8px; }
.popTemplateA .conBox  {margin:25px 0 0; padding:28px 40px 20px; height:108px; overflow:hidden; width:470px;}
.popTemplateA .conBox ul {float:left; width:382px;}
.popTemplateA .conBox ul li {margin:0 0 7px; color:#fff; font-size:14px; letter-spacing:-0.5px; background:url('/img/front/popup/popChcekTit_bu.png') no-repeat 0 6px;}
.popTemplateA .conBox ul li strong {display:inline-block; width:48px; height:23px; line-height:21px; font-size:14px; background:#003f93; border-radius:10px; text-align:center; }
.popTemplateA .conBox .btnA {float:left; width:88px;}
.popTemplateB {width:550px; height:458px; padding:68px 0 0; background:url('/img/front/popup/popTemplateB_bg.jpg') no-repeat 0 0;} 
.popTemplateB .topA{text-align:center;}
.popTemplateB .topA .titA{font-size:45px; line-height:60px; font-weight:bold; color:#1a46c1; letter-spacing:-0.8px; text-decoration:underline}
.popTemplateB .topA .txtA {margin:22px 0 0; font-size:15px; color:#444; line-height:21px; letter-spacing:-0.8px; }
.popTemplateB .topA .btnA {margin:18px 0 0;}
.popTemplateB .conBox  {margin:40px 20px 0; padding:35px 40px 20px; height:108px}
.popTemplateB .conBox ul li {padding:0 0 0 17px; margin:0 0 9px; color:#171e25; font-size:14px; letter-spacing:-0.5px; background:url('/img/front/popup/popChcekTit_bu.png') no-repeat 0 6px;}
.popTemplateB .conBox ul li strong {color:#2953c7}*/

 .hidden{display: none !important; }

.showWeb{display:inline-block !important;}
.showTablet{display:none !important;}
.showMobile{display:none !important;}

@media all and (max-width:1024px) {
    .contentsSearchDiv{margin-top:12px;}
    
    .showWeb{display:none !important;}
    .showTablet{display:inline-block !important;}
    .showMobile{display:none !important;}

    #mainD{width:728px;}
    #mainD .left{width:513px; height:461px;}
    #mainD .left .txt{position:absolute; top:315px; left:25px; font-size:20px; color:#444; width:235px; letter-spacing:-1.5px; z-index:5;}
    #mainD .imgD{width:513px; height:461px; background:#2d2f36;}
    #mainD .imgD img{/*width:100%;*/}
    #mainD .right{width:200px; height:461px;}
    #mainD .right .up{width:200px; height:195px}
    #mainD .right .up img{width:100%;}
    #mainD .right .up .txt{position:absolute; top:255px; left:20px; margin-top:15px; font-size:20px; color:#fff; letter-spacing:-1.5px; z-index:10; width:160px;}
    #mainD .controlDiv{width:290px; height:220px;}
    #mainD .controlDiv .textD{height:100px}
    #mainD .controlDiv .textD .txt{font-size:20px;}
    #mainD .controlDiv .btArea{margin-top:105px;}
    #mainD .right .down .bt{font-size:12px;}
    #mainD .right .down .inr .txt{font-size:18px;}

    #mainD2 .innr{width:95%; overflow:hidden;  box-sizing:border-box;}
    #mainD2 .innr .listBox{width:2000px; margin:0 auto; padding-top:10px;}
    #mainD2 .innr .listBox .list{margin-left:0; padding-left:0;}
    #mainD2 .innr .listBox .list .up img{/*width:100%;*/}
    #mainD2 .innr .hDiv .inteS {margin:8px 0 5px; padding:0;}   
    #mainD2 .innr .hDiv .inteA {display:inline-block; margin:0 0 3px;}
    


    #swipeDiv .innr{width:95%; padding:0px 0; overflow:hidden;  box-sizing:border-box;}
    #swipeDiv .innr .listBox{width:2000px; margin:0 auto; padding-top:10px;}
    #swipeDiv .innr .listBox .list{margin-left:0; padding-left:0;}
    #swipeDiv .innr .listBox .list .up img{/*width:100%;*/}

    #topBanner .topBtAea{width:100%;}
    #topBanner .banner .bannerLink{width:100%;}
    #topBanner .topBannerD .left{left:10px}/*2016-09-19 수정*/
    #topBanner .topBannerD .right{right:10px}/*2016-09-19 수정*/

    #quick{position:relative; top:0; left:0; background:#3351a2;}
    #quick .name{display:none;}
    #quick .btnA{width:100%; margin:0 auto; overflow:hidden;}
    #quick .btnA a{display:inline-block; float:left; padding:20px 0; text-align:center; width:23%; height:80px; text-indent:0px; font-size:12px; color:#fff; font-weight:bold; letter-spacing:-1.2px}
    #quick .btnA a:nth-child(1){width:20%;}
    #quick .btnA a:nth-child(2){width:20%;}
    #quick .btnA a:nth-child(3){width:20%;}
    #quick .btnA a:nth-child(4){width:20%;}
    #quick .btnA a:nth-child(5){width:20%;}
    #quick .btnA a:nth-child(1) span{padding-top:45px; width:100%; height:40px; background:url("/img/front/icon/quick_icon1.gif") no-repeat center 5px; background-size:32px 32px;}
    #quick .btnA a:nth-child(2) span{padding-top:45px; width:100%; height:40px; border-left:1px solid #4b67b0; background:url("/img/front/icon/quick_icon2.gif") no-repeat center 5px; background-size:44px 28px;}
    #quick .btnA a:nth-child(3) span{padding-top:45px; width:100%; height:40px; border-left:1px solid #4b67b0; background:url("/img/front/icon/quick_icon3.gif") no-repeat center 5px; background-size:32px 32px;}
    #quick .btnA a:nth-child(4) span{padding-top:45px; width:100%; height:40px; border-left:1px solid #4b67b0; background:url("/img/front/icon/quick_icon4.gif") no-repeat center 5px; background-size:32px 32px;}
    #quick .btnA a:nth-child(5) span{padding-top:45px; width:100%; height:40px; border-left:1px solid #4b67b0; background:url("/img/front/icon/quick_icon4.gif") no-repeat center 5px; background-size:32px 32px;}
    #quick .myStudy{top:-237px; right:0; border:0; border-top:1px solid #3351a2; overflow:hidden; width:100%; box-sizing:border-box;}
    #quick .myStudy .list{float:left; margin-top:0; margin-left:20px; margin-left:0;;}
    #quick .myStudy .list:first-child{margin-left:0;}
    #quick .myStudy .wrap{width:100%;}
    #quick .myStudy .listWrap{margin:0 auto; width:2000px; height:176px;}
    #quick .myStudy .list .up{height:104px;}
    #quick .myStudy .list.moreBtn{display:block; height:235px; background:url("/img/front/btn/myStudy_moreBtn.gif") no-repeat center center; background-size:46px 46px;}

    #topHead .topHeadDiv{margin:0 auto; padding:0 20px; width:728px; height:85px;}
    #topHead .utilBar{padding:30px 0 0 10px; width:570px;}
    #topHead .utilBar .linkD{width:405px;}
    #topHead .gnb .gnbDiv{margin:0 auto; padding:0 20px; width:728px; background:none;}
    #topHead .gnb .gnbDiv .oneD:nth-child(1){width:80px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(2){width:90px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(3){width:145px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(4){width:135px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(5){width:135px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(6){width:135px; background:none;}

    #topHead .gnb .gnbDiv .oneD:nth-child(1) a{width:80px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(2) a{width:90px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(3) a{width:145px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(4) a{width:135px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(5) a{width:135px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(6) a{width:135px; background:none;}

    #topHead .gnb .gnbDiv .oneD:nth-child(1) .twoD a{width:80px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(2) .twoD a{width:90px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(3) .twoD a{width:145px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(4) .twoD a{width:135px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(5) .twoD a{width:135px;}
    #topHead .gnb .gnbDiv .oneD:nth-child(6) .twoD a{width:135px;}
    #topHead .gnb .gnbDiv .gnbBg{width:764px;}
    #mdBody .mdBodyDiv{padding:15px 20px; width:728px;}
    #mdBody .mdBodyDiv .location{right:20px;}
    .mdBodyDiv .lnbDiv{float:none; position:absolute; top:0; left:0; margin:0; width:100%; height:50px; background:#334f9c;}
    /*.mdBodyDiv .lnbDiv{float:none; position:fixed; top:138px; left:0; margin:0; width:100%; height:50px; background:#334f9c; z-index:100;}
    .mdBodyDiv .lnbDiv .lnbBox{width:728px; margin:0 auto;}*/
    .mdBodyDiv .lnbDiv .tit{float:left; position:static; margin-right:10px; padding:15px 18px 20px 12px; height:20px; font-size:20px; color:#8ed7f5; font-weight:bold; line-height:22px; background:url("/img/front/icon/lnb_menu_arrow.gif") no-repeat right 17px;}
    .mdBodyDiv .lnbDiv .lnbTwoD{float:none; position:relative; top:0; left:0; padding:0; overflow:hidden;}
    .mdBodyDiv .lnbDiv .lnbTwoD li a{float:left; padding:10px 10px 16px; width:100%; text-align:center; color:#fff; font-size:16px; border-bottom:0;}
    .mdBodyDiv .lnbDiv .lnbTwoD li a.on{font-weight:bold; color:#fff; background:url("/img/front/icon/tablet_lnb_onMark.gif") no-repeat center 37px;}
    .mdBodyDiv .lnbDiv .lnbArrow{display:block; position:absolute; top:20px; right:4px;}
    .mdBodyDiv .lnbContent{float:none; margin-top:70px; width:728px;}
    .mdBodyDiv .lnbContent .location{top:65px;}
    .starScore.s5_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s4_5{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_4_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s4_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_4.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s3_5{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_3_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s3_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_3.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s2_5{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_2_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s2_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_2.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s1_5{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_1_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s1_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_1.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s0_5{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_0_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s0_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_0_0.png") no-repeat 0 3px; background-size:78px 13px;}
    .tabType table{width:728px;}
    .listDiv{min-height:0;}
    .listDiv .listSection{width:100%;}
    .listDiv .listSection .imgType .list .infoArea{width:100%;}
    .listDiv .listSection .imgType .list .imgArea .down .scrap{float:left; display:block; padding:14px 0 19px; width:119px; height:17px; border-right:1px solid #6c6e75; text-align:center; font-size:13px; color:#fff; background:#31333b;}
    .listDiv .listSection .imgType .list .imgArea .down .scrap span{display:inline-block; height:20px; padding-right:20px; background:url("/img/front/icon/imgType_scrap_icon.gif") no-repeat right 3px; background-size:13px 13px;}
    .listDiv .listSection .imgType .list .imgArea .down .share{float:left; display:block; padding:14px 0 19px; width:120px; height:17px; text-align:center; font-size:13px; color:#fff; background:#31333b;}
    .listDiv .listSection .imgType .list .imgArea .down .share span{display:inline-block; height:20px; padding-right:20px; background:url("/img/front/icon/imgType_share_icon.gif") no-repeat right 3px; background-size:13px 13px;}
    .boardList .icon1{padding-left:16px; height:20px; background:url("/img/front/icon/imgType_scrap_icon2.gif") no-repeat 0 5px; background-size:14px 13px;}
    .boardList .icon2{padding-left:16px; height:20px; background:url("/img/front/icon/imgType_share_icon2.gif") no-repeat 0 6px; background-size:14px 13px;}
    .contentDiv .sideSection{position:static; margin-top:30px; width:100%; background:#334f9c;}
    .contentDiv .sideSection .titArea{padding:15px 30px; font-size:18px; background:#334f9c;}
    .contentDiv .sideSection .contArea{overflow:hidden; padding:0px 23px 30px 23px;}
    .contentDiv .sideSection .contArea .list{float:left; padding:0 0 0 11px; width:220px;}
    .contentDiv .sideSection .contArea .list:first-child{padding:0;}
    .contentDiv .sideSection .contArea .list .up img{width:220px; height:165px;}    
    .fotDiv .titleDiv .tit{width:100%;}
    .fotDiv .titleDiv .facialD{position:static; margin-top:15px;}
    .fotDiv .contDiv{margin-top:20px;}
    .fotDiv .contDiv .left{float:none; width:100%;}
    
    .fotDiv .contDiv .right{float:none; margin-top:40px; width:100%; padding-left:0; border-left:0;}
    .fotDiv .contDiv .right .bTit{display:none;}
    .fotDiv .titleDiv .right {padding:0; border:0 }
    .fotDiv .titleDiv .right .bTit{display:none;} /*260109 신규추가*/
    .fotDiv .contDiv .right .down .scoreSubmit{float:right; padding:0 10px;}
    .fotDiv .titleDiv .left{float: left;padding-right: 55px;width: 509px;color: #555;line-height: 25px;}
    .fotDiv .rlyDiv .cmtD .txtD_p{width:100%; padding-right:82px; box-sizing:border-box;}
    .fotDiv .rlyDiv .cmtD .txtD{width:100%;}
    .fotDiv .rlyDiv .rly .cmt{position:relative;padding-top:15px; padding-bottom:0px; border-bottom:0px;}
    .fotDiv .rlyDiv .cmt .cmtD .txtD {float: left;max-width:90%;height: 72px; box-sizing: border-box; border: 1px solid #cdd1dc; background: #f9f9f9;}
    .fotDiv .rlyDiv .rly .modify{top:16px;}
    .fotDiv .contDiv .right .tagBox a{padding:6px 8px 2px; height:22px}
    .relationDiv{padding:30px; overflow:hidden;}
    .relationDiv .relaD{overflow:hidden; width:100%; height:236px;}
    .relationDiv .relaD .unit{position:absolute; top:0; left:0; width:216px;}
    .relationDiv .relaD .unit:nth-child(1){top:0; left:0;}
    .relationDiv .relaD .unit:nth-child(2){top:0; left:226px;}
    .relationDiv .relaD .unit:nth-child(3){top:0; left:452px;}
    .relationDiv .relaD .unit:nth-child(4){top:0; left:678px;}
    .starScoreBox{width:560px; padding-top:10px;}
    .starScoreBox .star{width:112px;}
    .viewStarBox{float:left;}
    .noticeListDiv .list{width:226px; margin:20px 25px 0 0;}
    .noticeListDiv .list .txt{padding:20px;}
    .noticeListDiv .list .txt .subj{font-size:16px;}
    .rssDiv .item{display:inline-block; margin-bottom:2px; width:131px;}
    .myStatDiv1 .list{width:234px;}
    .myStatDiv1 .resultD{left:23px;}
    .myStatDiv3{overflow:hidden; padding:15px 20px; background:#cacdd7;}
    .myStatDiv3 .period{float:left; width:285px; font-weight:bold; color:#333;}
    .myStatDiv3 .period .inputBox{position:relative; display:inline-block; width:88px; height:38px; background:#fff;}
    .myStatDiv3 .period .inputBox input{border:0; width:52px; height:36px;}
    .myStatDiv3 .period .inputBox .calendar{display:inline-block; position:absolute; top:10px; right:10px; width:16px; height:16px; background:url(/img/front/icon/calendar_icon.gif) no-repeat 0 0; background-size:16px 16px;}
    .myStatDiv3 .subjectSearch{float:left; padding-left:10px; width:275px; font-weight:bold; color:#333;}
    .myStatDiv3 .subjectSearch .inputBox{display:inline-block; width:200px; height:38px; background:#fff;}
    .myStatDiv3 .subjectSearch .inputBox input{border:0; width:100%; height:36px;}
    .myStatDiv3 .search{float:left;}

    .sitemapD .txtA img {width:100%;}
    .sitemapD li {width:168px}
    .sitemapD li .oneD {font-size:18px; background-position:0 8px;}
    .sitemapD li:nth-child(2) {width:290px}
    .sitemapD li:nth-child(7) {width:172px}
    .sitemapD li:nth-child(8) {width:128px}
    .sitemapD li:nth-child(9) {width:100px}

    .noticeListDiv .list .img{width:226px; height:185px;}

    .researchDiv{position:absolute; top:0; left:0; padding:40px; box-sizing:border-box; width:100%; height:410px; background:url("/img/front/icon/researchBg.png") repeat 0 0;}
    .researchDiv .question{font-size:16px; font-weight:bold; color:#fff;}
    .researchDiv .answer{color:#fff; overflow:hidden;}
    .researchDiv .answer .exam{float:left; padding-right:10px;}
    .researchDiv .answer .exam input{background:none;}
    .researchDiv .researchBt{display:inline-block; margin-top:15px; padding:6px 40px 8px; color:#282a32; font-weight:bold; font-size:16px; border-radius:5px; background:#e0e0e0;}
    .noMovieDr{position:absolute; top:0; left:0; padding:40px; box-sizing:border-box; width:100%; height:410px; text-align:center; background:url("/img/front/icon/researchBg.png") repeat 0 0;}
    .noMovieDr .iconTxt{margin-top:90px; padding-top:75px; font-size:20px; font-weight:bold; color:#fff; background:url("/img/front/icon/view_movie_noImg.png") no-repeat center 0; background-size:61px 67px;}

    .listDiv3{overflow:hidden;}
    .listDiv3 .listSection{overflow:hidden; margin-right:15px; width:775px;}
    .listDiv3 .listSection .list{overflow:hidden; float:left; padding-top:0; width:354px;}
    .listDiv3 .listSection .list:first-child{padding-top:0; margin-right:20px;}
    .listDiv3 .listSection .list .imgArea{float:left; width:154px;}
    .listDiv3 .listSection .list .imgArea .up{position:relative; overflow:hidden; width:154px; height:167px; background:#2d2f36;}
    .listDiv3 .listSection .list .imgArea .up .label{position:absolute; top:0; left:10px;}
    .listDiv3 .listSection .list .infoArea{float:none; padding:15px 15px 15px 174px; width:100%; height:167px; box-sizing:border-box; background:#fff; }
    .listDiv3 .listSection .list .infoArea .cate{font-weight:normal; color:#3450a3;}
    .listDiv3 .listSection .list .infoArea .subj{min-height:85px; font-size:15px; font-weight:bold; color:#222;}

    .monthDiv2 .left{width:100%; overflow:hidden;}
    .monthDiv2 .left .up{width:100%;}
    .monthDiv2 .left .down{width:100%; height:100%;}
    .monthDiv2 .right{margin-top:20px; width:100%;}
    .monthDiv2 .right .list{overflow:hidden; width:354px;}
    .monthDiv2 .right .list .up{float:left; width:40%; height:133px;}
    .monthDiv2 .right .list .down{float:left; width:60%;}
    .monthDiv2 .right .list .down .txt{min-height:35px;}
    .monthDiv2 .right .list .down .cate{font-size:13px;}
    .monthDiv2 .right .list .down a{font-size:13px;}

    .monthDiv3 .bestBox .up{float:none; width:100%; height:100%;}
    .monthDiv3 .bestBox .down a{float:none; width:100%; height:100%}
    .monthDiv3 .secBox .sec .list{width:354px;}
    .monthDiv3 .secBox .sec .list:first-child{margin-right:20px;}
    .monthDiv3 .secBox .sec .list .up{width:30%; height:133px;}
    .monthDiv3 .secBox .sec .list .down a{width:70%; height:133px;}
    .monthDiv3 .secBox .sec .list .down .txt{min-height:35px;}
    

    .manualDiv .step{overflow:hidden; padding-top:30px;}
    .manualDiv .step .left{float:left; padding:0 20px 0 0; width:190px;}
    .manualDiv .step .right{float:right; width:458px;}
    .manualDiv .step .right img{width:100%;}
    .manualDiv .step .img img{width:100%;}
    .manualDiv .tab{padding:20px; background:#fff;}

    .hmgIntDiv3 .item{float:left; width:30.3333%; margin-left:3%;}
    .hmgIntDiv3 .item:first-child{margin-left:3%;}
    .hmgIntDiv3 .item .txt{margin-top:10px; color:#555; letter-spacing:-1px; text-align:center;}

    .hmgInt .svcD .left{float:left; width:263px; margin-right:30px; color:#444;}
    .hmgInt .svcD .right{float:left; width:353px; text-align:right}

    #myStudyList .box{width:30%;}
    #myStudyList2 .box{width:30%;}

    #loginPage{padding:30px 0;}
    #loginPage .askAdmin{padding:20px 20px;}
    #loginPage .loginBox{padding:150px 3% 30px; background:url("/img/front/icon/login_lockIcon.gif") no-repeat center 20px #fff; background-size:106px 106px;}
    #loginPage .loginBox .list .left{width:40%;}
    #loginPage .loginBox .list .right{width:60%;}
    #loginPage .loginBox.fp{border:1px solid #dadada; background:url("/img/front/icon/changePw_img.gif") no-repeat center 20px #fff; background-size:106px 106px;}
    #loginPage .loginBox.fp .list .left{width:40%;}
    #loginPage .loginBox.fp .list .right{width:60%;}
    #loginPage .loginBox.findpw{border:1px solid #dadada; background:url("/img/front/icon/findPw_img.gif") no-repeat center 20px #fff; background-size:106px 106px;}
    #loginPage .loginBox.findpw .list .left{width:40%;}
    #loginPage .loginBox.findpw .list .right{width:60%;}
    #loginPage .lgBox{margin:0 auto; padding:0 3%; box-sizing:border-box; width:100%;}
    #loginPage .askAdmin .phone{background:url("/img/front/icon/askAdmin_icon1.gif") no-repeat 0 3px; background-size:11px 11px;}
    #loginPage .askAdmin .mail{background:url("/img/front/icon/askAdmin_icon2.gif") no-repeat 0 3px; background-size:12px 8px;}
    #loginPage .longTermD{padding:50px 3% 50px; border:1px solid #dadada; background:url("/img/front/icon/longTerm_img.gif") no-repeat center 50px #fff; background-size:100px 100px;}

    #footer .footerDiv{padding:21px 20px; width:728px; background:url("/img/front/icon/footer_logo_new.png") no-repeat 95% center;}
}

@media all and (max-width:767px) {
    
    
    
    .errorDiv{padding:30px 20px;}
    .errorDiv .up{width:100%;}
    .errorDiv .up img{width:100%;}
    #swipeDiv .innr .listBox .list .down{height:100%;}
       
    .contentsSearchDiv{margin-top:12px;}
    .showWeb{display:none !important;}
    .showTablet{display:none !important;}
    .showMobile{display:inline-block !important;}
    
    #topHead .topHeadDiv{border-bottom:2px solid #333;}
    #mainD{margin:10px auto 10px;}
    #mainD .right .down .inr .txt{font-size:14px;}
    #topBanner{width:100%; height:135px; background:#eeeeee;}   
    #topBanner .webBanner{display:none;}
    #topBanner .mobileBanner{display:block;}
    #topBanner .banner{width:100%; height:135px;background-size:auto 100% !important; /*background:url("/img/front/icon/topBanner_mobile1.gif") no-repeat center 0; background-size:auto 90px;*/}
    #topBanner .banner .bannerLink{height:90px;}
    #topBanner .topBannerD .left{bottom:20px; }/*2016-09-19 수정*/
    #topBanner .topBannerD .left img{width:32px;}/*2016-09-19 수정*/
    #topBanner .topBannerD .right{bottom:20px;}/*2016-09-19 수정*/
    #topBanner .topBannerD .right img{width:32px;}/*2016-09-19 수정*/
    .topBanBt {display:none;}
    .mTopBanBt{display:block; position:relative; padding:10px 0; box-sizing:border-box; text-align:center; height:40px; font-size:14px; color:#fff; font-weight:bold; background:#3c4249;}


    #mainD{width:100%;}
    #mainD .left{width:100%; height:430px;}
    #mainD .left .txt{position:absolute; top:270px; left:17px; font-size:18px; color:#444; width:40%; letter-spacing:-1.5px; z-index:5;}
    #mainD .imgD{width:100%; height:430px;}
    #mainD .controlDiv{width:50%; padding:20px 18px;}
    #mainD .controlDiv .btArea{margin-top:115px;}
    #mainD .controlDiv>a  img{width:110px}
    #mainD .controlDiv .textD .txt{font-size:16px;}
    #mainD .right{width:100%; height:206px; margin-top:10px;}
    #mainD .right .up{float:left; width:50%; height:206px; overflow:hidden;}
    #mainD .right .up .txt{position:absolute; top:48px; left:108%; margin-top:15px; font-size:18px; color:#fff; letter-spacing:-1.5px; z-index:10; width:85%;}
    #mainD .right .down{float:left; width:50%;}
    #mainD .right .down .inr{height:115px;}
    #mainD .right .down .inr>a img{width:110px}

    #topHead .logo{padding-top:18px; width:71px; height:15px;}
    #topHead .logo img{width:71px;}
    #topHead .topHeadDiv{width:100%; height:45px; box-sizing:border-box;}
    #topHead .utilBar{display:none;}
    #topHead .gnb{display:none;}
    #topHead .mGnb{display:block; z-index: 9999;}
    .mGnbBtn{position:absolute; top:15px; right:20px;}
    #mdBody .mdBodyDiv{padding:35px 3%; width:100%; min-height:550px; box-sizing:border-box;}
    .mdBodyDiv .lnbContent{margin-top:60px;}
    .starScore.s5_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s4_5{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_4_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s4_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_4.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s3_5{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_3_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s3_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_3.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s2_5{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_2_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s2_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_2.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s1_5{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_1_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s1_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_1.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s0_5{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_0_5.png") no-repeat 0 3px; background-size:78px 13px;}
    .starScore.s0_0{overflow:hidden; padding-left:82px; height:19px; background:url("/img/front/icon/starScore_0_0.png") no-repeat 0 3px; background-size:78px 13px;}
    .subject{font-weight:bold; font-size:25px; background:url("/img/front/icon/subject_icon.gif") no-repeat 0 0;}
    .subjectTxt{margin-top:2px; font-size:11px;}
    .tabType table{width:100%;}
    .sortingDiv .item select{width:70px; height:32px; font-size:10px;}
    .sortingDiv .type{padding-left:5px;}
    .sortingDiv .type a img{width:32px;}
    .sortingDiv .sort a{padding:8px 7px 0; font-size:12px; background:url("/img/front/icon/line1x13.gif") no-repeat left 9px;}
    .sortingDiv .sort a.on{font-weight:bold;}
    .sortingDiv .sort a.on span{padding:0; background:none;}
    .listDiv .listSection .imgType .list .imgArea{width:150px; }
    .listDiv .listSection .imgType .list .imgArea .thumb{/*height:112px;*/}
    .listDiv .listSection .imgType .list .imgArea .down .scrap{width:74px;}
    .listDiv .listSection .imgType .list .imgArea .down .share{width:75px;}
    .listDiv .listSection .imgType .list .infoArea{width:100%; height:162px; padding:10px 10px 10px 165px; box-sizing:border-box; float:none;}
    .listDiv .listSection .imgType .list .infoArea .up{min-height:75px;}
    .listDiv .listSection .imgType .list .infoArea .up .tit{font-size:15px; line-height:18px;}
    .listDiv .listSection .imgType .list .infoArea .up .txt{display:none;}
    .listDiv .listSection .imgType .list .infoArea .up .name{font-size:11px;}
    .listDiv .listSection .imgType .list .imgArea .up{overflow:hidden;width:150px; height:112px;}
    .listDiv .listSection .imgType .list .imgArea .up .viewed{width:150px; height:48px; padding:32px 0;}
    .listDiv .listSection .imgType .list .imgArea .up .viewed p{font-size:12px;}
    .listDiv .listSection .imgType .list .imgArea .up .viewed img{width:23px; }
    .listDiv .listSection .imgType .list .imgArea .up .hit img{width:26px; height:26px;}
    /*.listDiv .listSection .imgType .list .infoArea .up .bedge{
      background-color: #2E55A5;  margin-bottom:10px;
      display: inline-block;     
      color: #ffffff;
      padding: 5px 14px;
      border: none;
      font-size: 11px;
      border-radius: 50px;
      box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.3);
      transition: transform 0.2s ease;
    }*/
    .listDiv .listSection .imgType .list .infoArea .up .bedge1
    {
    padding: 12px 0px 18px 0px;
      background:url("/img/front/icon/bedge.png") no-repeat ; 
       background-size: 90px auto;
    
    }
     .mbtitl{
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;
    }
    
    
    
    .listDiv2 .listSection .list .imgArea{float:left; width:150px;}
    .listDiv2 .listSection .list .imgArea .up{position:relative; overflow:hidden; width:150px; height:220px; height:180px; background:#2d2f36;}
    .listDiv2 .listSection .list .infoArea{padding:14px 27px 14px 168px; height:220px; height:180px;}
    .listDiv2 .listSection .list .infoArea .cate{font-size:12px;}
    .listDiv2 .listSection .list .infoArea .subj{font-size:13px;}
    .listDiv2 .listSection .list .infoArea .txt{font-size:12px; padding-top:3px;}
    .listDiv2 .listSection .list .infoArea .name{font-size:12px;}
    .listDiv2 .listSection .list.noImg .infoArea .subj.qnaStyle{padding-left:20px; font-size:13px; font-weight:bold; color:#222; background:url("/img/front/icon/combine_qnaStyle_q.png") no-repeat 0 2px; background-size:16px 16px;}

    .listDiv3{overflow:hidden;}
    .listDiv3 .listSection{overflow:hidden; margin-right:15px; width:100%;}
    .listDiv3 .listSection .list{overflow:hidden; float:left; padding-top:0; margin-top:10px; width:100%;}
    .listDiv3 .listSection .list:first-child{padding-top:0; margin-right:0px; margin-top:0px;}
    .listDiv3 .listSection .list .imgArea{float:left; width:154px;}
    .listDiv3 .listSection .list .imgArea .up{position:relative; overflow:hidden; width:154px; height:167px; background:#2d2f36;}
    .listDiv3 .listSection .list .imgArea .up .label{position:absolute; top:0; left:10px;}
    .listDiv3 .listSection .list .infoArea{float:none; padding:15px 15px 15px 174px; width:100%; height:167px; box-sizing:border-box; background:#fff; }
    .listDiv3 .listSection .list .infoArea .cate{font-weight:normal; color:#3450a3;}
    .listDiv3 .listSection .list .infoArea .subj{min-height:85px; font-size:15px; font-weight:bold; color:#222;}

    .combineDiv1 .srcD input{width:200px}
    
    .tabType2 .tab{font-size:13px; }
    .tabType2 .tab:nth-child(1){width:33.3333%}
    .tabType2 .tab:nth-child(2){width:33.3333%}
    .tabType2 .tab:nth-child(3){width:33.3333%}
    .tabType2 .tab:nth-child(4){width:50%}
    .tabType2 .tab:nth-child(5){width:50%}
    .tabType3 .tab{font-size:13px; width:33.3333%}
    .tabType3 .tab:nth-child(2){height:42px;}
    .dotSubject {margin-top:20px; padding:0 0 0 16px; font-size:20px; line-height:20px;}
    .boardList .icon1{padding-left:20px; height:20px; background:url("/img/front/icon/imgType_scrap_icon2.gif") no-repeat 0 3px; background-size:14px 13px;}
    .boardList .icon2{padding-left:20px; height:20px; background:url("/img/front/icon/imgType_share_icon2.gif") no-repeat 0 3px; background-size:14px 13px;}
    .contentDiv .sideSection {overflow:hidden; height:180px;}
    .contentDiv .sideSection .titArea{position:relative; float:left; padding:15px; width:40%; height:180px; box-sizing:border-box; font-size:16px;}
    .contentDiv .sideSection .titArea .mobileBtn{display:block; position:absolute; top:124px; left:16px;}
    .contentDiv .sideSection .contArea{position:relative; overflow:hidden; float:right; padding:0; width:60%; height:180px; box-sizing:border-box;}
    .contentDiv .sideSection .contArea .mDiv{position:relative; margin:20px auto 0; width:145px; height:160px; overflow:hidden; box-sizing:border-box;}
    .contentDiv .sideSection .contArea .list{position:absolute; top:0; left:0; padding:0; width:145px;}
    .contentDiv .sideSection .contArea .list .up img{width:145px; height:109px;}    
    .contentDiv .sideSection .contArea .list .down{font-size:12px;}
    .fotDiv{padding:20px 3%;}
    .fotDiv .titleDiv{margin-top:10px;}
    .fotDiv .tagDiv{font-size:12px; padding:4px 16px 2px;}
    .fotDiv .titleDiv .tit{font-size:18px; line-height:20px;}
    
    .fotDiv .titleDiv .facialD a:nth-child(1){display:block; float:left; width:45px; text-align:center; height:45px; background:url("/img/front/icon/facial_icon2_1.png") no-repeat 0 0; background-size:45px 45px;}
    .fotDiv .titleDiv .facialD a:nth-child(2){display:block; float:left; margin-left:5px; width:45px; text-align:center; height:45px; background:url("/img/front/icon/facial_icon3_1.png") no-repeat 0 0; background-size:45px 45px;}
    .fotDiv .titleDiv .facialD a:nth-child(3){display:block; float:left; margin-left:5px; width:45px; text-align:center; height:45px; background:url("/img/front/icon/facial_icon4_1.png") no-repeat 0 0; background-size:45px 45px;}
    .fotDiv .titleDiv .facialD a:nth-child(4){display:block; float:left; margin-left:5px; width:45px; text-align:center; height:45px; background:url("/img/front/icon/facial_icon1_1.png") no-repeat 0 0; background-size:45px 45px;}
    .fotDiv .titleDiv .facialD a.on:nth-child(3){display:block; float:left; margin-left:5px; width:45px; text-align:center; height:45px; background:url("/img/front/icon/facial_icon4_1_on.png") no-repeat 0 0; background-size:45px 45px;}
    
    
    
    .fotDiv .titleDiv .facialD a span{font-size:10px; padding-top:25px;}
    
    .fotDiv .titleDiv .facialD a span.pc-text { font-size:10px; padding-top:25px; display: none; } 
    .fotDiv .titleDiv .facialD a span.mo-text { font-size:10px; padding-top:25px; display: block; }
    
    
    .fotDiv .rlyDiv .rlyMore{padding:4px 12px 1px;}
    .fotDiv .contDiv .right .down .scoreSubmit{float:none;}
    .noticeView .rlyDiv .rlyMore{padding:4px 12px 1px;}
    .starScoreBox{width:100%; float:none;}
    .starScoreBox .star{width:50%;}

    .relationDiv{height:209px; padding:30px 15px;}
    .relationDiv .relaD{margin:15px auto 0; width:270px; height:171px;}
    .relationDiv .relaD .unit{width:130px;}
    .relationDiv .relaD .unit:nth-child(1){left:0;}
    .relationDiv .relaD .unit:nth-child(2){left:140px;}
    .relationDiv .relaD .unit:nth-child(3){left:280px;}
    .relationDiv .relaD .unit:nth-child(4){left:420px;}
    .relationDiv .relaD .unit .txt{font-size:12px;}

    .acessTermD li>a{padding:20px 43px 20px 20px;}

    .noticeListDiv .list .img{width:100%; height:auto;}
    .precReqBtn{display:block; margin-top:20px; width:100px; height:39px; text-indent:-9999px; background:url("/img/front/btn/precReqBtn.gif") no-repeat 0 0; background-size:100px auto;}

    .pagingD ul{padding-top:0;}
    .pagingD li a{width:8px;}
    .pagingD li.prev a{margin:0 10px 0 2px;}
    .pagingD li.next a{margin:0 10px 0 10px}
    .pagingD .left{line-height:32px; height:25px; font-size:12px; padding-left:15px; background-size:11px 20px; background-position:0 5px;}
    .pagingD .right{line-height:32px; height:25px; font-size:12px; padding-right:15px; background-size:11px 20px; background-position:right 5px;}
    .pagingD.web{display:none;}
    .pagingD.mobile{display:block;}
    .pagingD .web{display:none;}
    .pagingD .mobile{display:block;}

    .searchDiv .slc{display:inline-block; width:25%; height:38px;}
    .searchDiv .slc select{width:100%;height: 39px;}
    .searchDiv .searchBar{display:inline-block; width:60%; height:37px; text-align:left; background:#fff;}
    .searchDiv .searchBar input{border:0; padding:2px 10px; width:80%; height:36px; box-sizing:border-box;}

    .relaBtn{display:block; float:right; margin-top:10px; width:114px; height:40px; background:url("/img/front/btn/relation_listBtn.gif") no-repeat 0 0; background-size:114px 40px;}

    .mdBodyDiv .lnbContent{width:100%;}
    .mdBodyDiv .lnbDiv .tit{font-size:12px; background:url("/img/front/icon/lnb_menu_arrow.gif") no-repeat right 20px; background-size:5px 9px;}
    .mdBodyDiv .lnbDiv .lnbTwoD{left:0; margin-right:30px; box-sizing:border-box;}
    .mdBodyDiv .lnbDiv .lnbTwoD li a{padding:15px 6px 16px; font-size:12px; text-align:center;}
    .mdBodyDiv .lnbDiv .lnbBox{width:100%;}
    .noticeListDiv .list{width:100%;}
    .noticeSubmit img{width:80px; height:40px;}
    .noticeView{padding:20px 3%; margin-top:10px;}
    .noticeView .fileDiv{background:url("/img/front/icon/file_icon.gif") no-repeat 0 11px;}
    .noticeView .titleDiv .tit{line-height:33px;}

    .prvNxtDiv{overflow:hidden; margin-top:20px; padding:12px 10px 18px; background:#fff;}
    .prvNxtDiv .left{position:relative; float:left; width:49%; height:40px; border-right:0;}
    .prvNxtDiv .left .arrowL{position:absolute; top:3px; left:0; width:auto; height:40px; padding-left:23px; color:#9698a7; line-height:39px; background:url("/img/front/btn/paging_leftBtn.png") no-repeat 0 8px; background-size:11px 20px;}
    .prvNxtDiv .left .arrowL.on{background:url("/img/front/btn/paging_leftBtn_on.png") no-repeat 0 10px; background-size:11px 20px;}
    .prvNxtDiv .left .txt{display:none; padding:0px 0 0 70px; line-height:17px;}
    .prvNxtDiv .right{position:relative; float:left; width:49%; height:40px; text-align:right;}
    .prvNxtDiv .right .arrowR{position:absolute; top:3px; right:0; width:auto; height:40px; padding-right:23px; color:#9698a7; line-height:39px; background:url("/img/front/btn/paging_rightBtn.png") no-repeat right 10px; background-size:11px 20px;}
    .prvNxtDiv .right .arrowR.on{background:url("/img/front/btn/paging_rightBtn_on.png") no-repeat 0 10px; background-size:11px 20px;}
    .prvNxtDiv .right .txt{display:none; padding:0px 70px 0 0; line-height:17px;}

    .rssDiv .item{display:inline-block; margin-bottom:2px; width:45%;}

    .myStatDiv1 .list{width:234px; height:230px; margin:0;}
    .myStatDiv1 .list:nth-child(1){width:48%; }
    .myStatDiv1 .list:nth-child(2){width:48%; float:right; }
    .myStatDiv1 .list:nth-child(3){width:99%; margin-top:10px; }
    .myStatDiv1 .list.result0{background:url("/img/front/icon/myStat_noView.gif") no-repeat center 22px #fff; background-size:58px 44px;}
    .myStatDiv1 .list.result1{background:url("/img/front/icon/myStat_medal1.gif") no-repeat center 22px #fff; background-size:45px 80px;}
    .myStatDiv1 .list.result2{background:url("/img/front/icon/myStat_medal2.gif") no-repeat center 22px #fff; background-size:45px 80px;}
    .myStatDiv1 .list.result3{background:url("/img/front/icon/myStat_medal3.gif") no-repeat center 22px #fff; background-size:45px 80px;}

    .myStatDiv1 .list .txt1{padding:90px 0 12px 0; font-size:12px; font-weight:bold; color:#333; background:url("/img/front/icon/line15x1.gif") no-repeat center bottom;}
    .myStatDiv1 .list .txt2{padding:0; font-size:23px; color:#333; letter-spacing:-1.7px;}
    .myStatDiv1 .list .txt2 .small{font-size:13px;}
    .myStatDiv1 .list .txt3{padding:0 10px 0; font-size:13px; color:#666;}
    .myStatDiv1 .resultD{top:235px; width:100%; left:0;}
    .myStatDiv3{overflow:hidden; padding:15px 20px; background:#cacdd7;}
    .myStatDiv3 .period{float:left; width:100%; font-weight:bold; color:#333;}
    .myStatDiv3 .period .inputBox{position:relative; display:inline-block; width:88px; height:38px; background:#fff;}
    .myStatDiv3 .period .inputBox input{border:0; width:52px; height:36px;}
    .myStatDiv3 .period .inputBox .calendar{display:inline-block; position:absolute; top:10px; right:10px; width:16px; height:16px; background:url(/img/front/icon/calendar_icon.gif) no-repeat 0 0; background-size:16px 16px;}
    .myStatDiv3 .subjectSearch{float:left; margin-top:5px; padding-left:0; width:165px; font-weight:bold; color:#333;}
    .myStatDiv3 .subjectSearch .inputBox{display:inline-block; width:88px; height:38px; background:#fff;}
    .myStatDiv3 .subjectSearch .inputBox input{border:0; width:100%; height:36px;}
    .myStatDiv3 .search{float:left; display:inline-block; margin-top:5px;}

    .hmgInt{padding:15px 15px 15px 15px;}
    .hmgIntDiv2 ul li ,
    .hmgIntDiv2 ul li:first-child  {margin:0;}
    .hmgIntDiv2 ul li .tit{padding-top:10px; font-size:14px; font-weight:bold; color:#334f9c;}
    .hmgIntDiv2 ul li .tit:before{content:''; display:block; margin-top:5px; width:15px; height:1px; background:#333;}
    .hmgIntDiv2 ul li .txt{padding-top:7px; color:#555; font-size:12px;}
    .hmgIntDiv3 .item{float:none; width:100%; margin-top:15px; margin-left:0;}
    .hmgIntDiv3 .item:first-child{margin:0px;}
    .hmgIntDiv3 .item .txt{margin-top:10px; color:#555; letter-spacing:-1px; text-align:center;}

    .manualDiv .step .left{float:none; padding:0 20px 0 0; width:100%;}
    .manualDiv .step .right{padding-top:10px; float:none; width:100%;}
    .manualDiv .step .right img{width:100%;}
    .manualDiv .mStep img{width:100%; margin:0;}
    .manualDiv .mStep img:nth-child(2){margin-left:0;}
    .manualDiv .mStep img:nth-child(4){margin-left:0;}
    
    .loadingDiv .up img:nth-child(1){width:35%; display:inline-block; margin-bottom:10px;}
    .loadingDiv .up img:nth-child(2){width:100%; max-width:400px;}

    .bestBtn{display:inline-block; margin-bottom:5px; padding:5px 10px; border-radius:5px; font-size:13px; color:#fff; font-weight:bold; background:#40424a;}

    .sitemapD{padding:15px 10px;}
    .sitemapD li{width:50%; margin:0 0 10px; min-height:200px; padding:0 10px 0 0 ; box-sizing:border-box;}
    .sitemapD li:nth-child(2n+2){width:50%; padding:0 0 0 10px}
    .sitemapD li:nth-child(1) {min-height:180px}
    .sitemapD li:nth-child(2) {width:50%;min-height:180px;}
    .sitemapD li:nth-child(3) {width:50%;}
    .sitemapD li:nth-child(4) {width:50%;}
    .sitemapD li:nth-child(5) {width:50%;}
    .sitemapD li:nth-child(6) {width:50%;}
    .sitemapD li:nth-child(7) {width:50%;}
    .sitemapD li:nth-child(8) {width:50%;}
    .sitemapD li:nth-child(9) {width:50%}
    .sitemapD li:nth-child(10) {width:50%;}
    .sitemapD li:nth-child(11) {width:50%;}
    .sitemapD li .oneD{font-size:16px;}
    .sitemapD li .twoD a{padding:0 0 0 8px;}
    
    .boardList.viewWeb{display:none;}
    .boardList.viewMobile{display:block;}

    .precHideM{display:none;}
    .precViewBtn{display:block; text-align:center; padding:15px 0 0 0;}

    .popup{top:0; left:0;}
    .popup.w550{width:100%;}
    .popup.w750{width:100%;}

    .tagDiv{padding:20px 3%;}
    .captionDiv{position:relative; padding:15px 20px; max-height:150px;  background:#31333b; overflow-y:auto;}
    .captionDiv .txt{padding-bottom:12px; font-size:15px; color:#fff;}
    .captionDiv .txt2{color:#fff; line-height:18px; font-size:12px;}
    .captionDiv .captionClose{position:absolute; top:13px; right:25px; display:inline-block; padding:4px 16px; font-size:12px; color:#fff; border:2px solid #55575d; border-radius:20px; background:#31333b;}
    .captionBtn{display:inline-block; padding:4px 16px; font-size:13px; color:#fff; border-radius:20px; background:#31333b;}

    .researchDiv{position:relative; height:100%;}
    .researchDiv .question{font-size:14px;}

    .noMovieDr{height:100%;}
    .noMovieDr .iconTxt{margin-top:10px; padding-top:43px; font-size:14px; font-weight:bold; color:#fff; background:url("/img/front/icon/view_movie_noImg.png") no-repeat center 0; background-size:30px auto;}
    
    .monthDiv2 .left .up{height:100%;}
    .monthDiv2 .left .down{font-size:16px;}
    .monthDiv2 .left .down a{padding:20px; font-size:18px;}
    .monthDiv2 .left .down .cate:before{margin-bottom:5px;}
    .monthDiv2 .left .down .cate{font-size:14px;}
    .monthDiv2 .right .list .down .txt{min-height:35px;}
    .monthDiv2 .right .list{width:100%;}
    .monthDiv2 .right .list:nth-child(1){margin:10px 0 0 0;}
    .monthDiv2 .right .list:nth-child(2){margin:10px 0 0 0;}
    .monthDiv2 .right .list:nth-child(3){margin:10px 0 0 0;}
    .monthDiv2 .right .list:nth-child(4){margin:10px 0 0 0;}

    .monthDiv3 .bestBox .up{height:100%;}
    .monthDiv3 .secBox .sec .list .up{width:40%;}
    .monthDiv3 .secBox .sec .list .down a{width:60%;}
    .monthDiv3 .bestBox .down a{padding:20px; font-size:18px;}
    .monthDiv3 .bestBox .down .cate{font-size:14px;}
    .monthDiv3 .secBox .sec .list{width:100%;}
    .monthDiv3 .secBox .sec .list:nth-child(1){margin:10px 0 0 0;}
    .monthDiv3 .secBox .sec .list:nth-child(2){margin:10px 0 0 0;}
    .monthDiv3 .secBox .sec .list .down .txt{min-height:30px;}
    .monthDiv3 .secBox .sec .list .down .cate{font-size:13px;}
    .monthDiv3 .secBox .sec .list .down a{font-size:13px;}

    .hmgInt .svcD .left{float:none; width:100%; margin-right:0; color:#444;}
    .hmgInt .svcD .right{float:none; width:100%; margin-top:10px; text-align:right}
    .hmgInt .svcD .right img{width:100%;}

    .boardWrite .radioD input[type="radio"]{vertical-align:middle; margin-bottom:5px;}

    #loginPage .slideBox a span{background:url(/img/front/icon/login_pbmDown.gif) no-repeat right 5px; background-size:11px 6px;}
    #loginPage .slideBox a span.on{background:url(/img/front/icon/login_pbmUp.gif) no-repeat right 5px; background-size:11px 6px;}
    #loginPage .lgBox .tit{font-size:22px;}
    #loginPage .txt{font-size:13px;}

    #footer .footerDiv{padding:15px 3%; width:100%; height:171px; box-sizing:border-box; text-align:center; font-size:13px; background:url("/img/front/icon/footer_logo_new.png") no-repeat center 78%;}
}

@media all and (max-width:600px) {
    #myStudyList .box{width:46%;}
    #myStudyList2 .box{width:46%;}

}

@media all and (max-width:416px) {
    #mainD .left{height:350px;}
    #mainD .left .txt{top:190px;}
    #mainD .controlDiv .btArea{margin-top:120px;}
    #mainD .imgD{height:350px;}

    .listDiv .listSection .imgType .list .infoArea .up .tit{font-size:13px;}
    .listDiv .listSection .imgType .list .infoArea .down .writeInfo p{font-size:11px;}
    .noticeListDiv .list .txt .subj{font-size:15px; font-weight:bold; color:#333; line-height:24px;}
    .noticeListDiv .list .txt .date{display:inline-block; margin:20px 5px 0 0; font-size:12px; color:#838383;}
    .noticeListDiv .list .txt .hit{display:inline-block; font-size:12px; color:#838383;}
    .noticeSubmit{display:inline-block; margin-top:10px; }
    .noticeSubmit img{width:80px; height:40px;}
    .noticeModify{display:inline-block;}
    .noticeModify img{width:92px; height:32px;}
    .noticeDelete{display:inline-block;}
    .noticeDelete img{width:92px; height:32px;}
    .noticeList{display:inline-block;}
    .noticeList img{width:92px; height:32px;}
    .noticeConfirm img{width:92px; height:32px;}
    .faqSend img{width:92px; height:32px;}
    .rssBtn img{width:66px; height:33px;}

    .combineDiv1 .srcD input{width:180px}

    .listDiv2 .listSection .list .imgArea{float:left; width:40%;}
    .listDiv2 .listSection .list .imgArea .up{position:relative; overflow:hidden; width:100%; height:133px; background:#2d2f36;}
    .listDiv2 .listSection .list .infoArea{float:left; width:60%; height:133px; padding:14px;}
    .listDiv2 .listSection .list.noImg .infoArea{padding:24px 37px; height:180px; float:none; width:100%;}

    .monthDiv2 .right .list .down a{padding:15px 10px 15px 13px;}

    .faqLogDiv li{padding-top:7px;}
    .faqLogDiv li:first-child{padding-top:0;}
    .faqLogDiv li>a{display:block; position:relative; padding:15px 25px 15px 15px; font-size:14px; font-weight:bold; color:#333; background:url("/img/front/icon/faq_downArrow.gif") no-repeat 97% 36px #fff; background-size:11px 5px;}
    .faqLogDiv li a .tit{display:inline-block; padding:7px 0 0 50px; height:40px; line-height:21px; background:url("/img/front/icon/faq_Q.gif") no-repeat 0 0; background-size:30px 30px;}
    .faqLogDiv li.on>a{background:url("/img/front/icon/faq_upArrow.gif") no-repeat 97% 36px #586074; color:#fff; background-size:11px 5px;}
    .faqLogDiv li.on a .tit{background:url("/img/front/icon/faq_Q_on.gif") no-repeat 0 0; background-size:30px 30px;}
    .faqLogDiv li .two{padding:30px 20px 30px 65px; color:#333; background:url("/img/front/icon/faq_A.gif") no-repeat 15px 30px #dce2e8; background-size:30px 30px;}
    .faqLogDiv li .two .fileDiv{background:url("/img/front/icon/file_icon.png") no-repeat 0 12px;}
    #myStudyList .box{width:100%; margin:0 0 10px 0;}
    #myStudyList2 .box{width:100%; margin:0 0 10px 0;}
    .tabType table td a{font-size:13px;}
    .rssDiv .item{display:inline-block; margin-bottom:2px; width:100%;}

    .teacherDiv .list{overflow:hidden; padding-top:7px;}
    .teacherDiv .list:first-child{padding-top:0;}
    .teacherDiv .list .imgArea{float:none; width:100%; height:auto;}
    .teacherDiv .list .imgArea .up{position:relative; overflow:hidden; width:100%; height:auto; background:#2d2f36;}
    .teacherDiv .list .infoArea{float:none; padding:10px 15px; width:100%; height:100%; border:1px solid #dadada; box-sizing:border-box; background:#fff;}
    .teacherDiv .list .infoArea .up{min-height:0px;}
    .teacherDiv .list .infoArea .up .tit{font-size:14px; color:#333; font-weight:bold; line-height:20px;}
    .teacherDiv .list .infoArea .up .name{margin-top:9px; padding-top:4px; font-size:13px; color:#334f9c; background:url("/img/front/icon/line15x1.gif") no-repeat 0 0;}
    .teacherDiv .list .infoArea .up .txt{padding-top:5px; font-size:13px; color:#333;}
    .teacherDiv .list .infoArea .down{padding:10px 0 0 0;}
    .teacherDiv .list .infoArea .down .attch{display:inline-block; font-size:13px; padding-right:15px; font-weight:bold; color:#333; background:url("/img/front/icon/icon_circlePlay.gif") no-repeat right 6px;}
    .teacherDiv .list .infoArea .down .attch:hover{text-decoration:underline;}

    .pagingD li{display:inline-block;}
    .pagingD li a{display:inline-block; margin:0 0 0 3px; width:17px; height:28px;  line-height:28px; font-size:15px; color:#2e3046;}
    .pagingD li.active a{width:17px;  color:#2e4893;  text-decoration:underline;}
    .pagingD li.first a{width:9px; height:14px; margin:0 5px 0 0; background:url('/img/front/btn/pagingF_bt.png') no-repeat 0 0; background-size:9px 14px; text-indent:-999999px;}
    .pagingD li.prev a{width:8px; height:14px; margin:0 7px 0 2px; background:url('/img/front/btn/pagingP_bt.png') no-repeat 0 0; background-size:8px 14px; text-indent:-999999px;}
    .pagingD li.next a{width:8px; height:14px; margin:0 10px 0 10px; background:url('/img/front/btn/pagingN_bt.png') no-repeat 0 0; background-size:8px 14px; text-indent:-999999px;}
    .pagingD li.last a{width:9px; height:14px; margin:0; background:url('/img/front/btn/pagingE_bt.png') no-repeat 0 0; background-size:9px 14px; text-indent:-999999px;}

    #footer .footerDiv{height:205px;}
    #footer .footerDiv .ftBox a{padding-left:3px; font-size:12px;}

    #popWrap .popSearchDiv{position:relative; padding:20px; background:#cacdd7;}
    #popWrap .popSearchDiv .listBox{overflow:hidden; width:70%;}
    #popWrap .popSearchDiv .listBox .list{overflow:hidden; width:100%;}
    #popWrap .popSearchDiv .listBox .list .tit{float:none; width:70px; height:30px; line-height:30px; font-weight:bold; color:#000;}
    #popWrap .popSearchDiv .listBox .list .slc{box-sizing:border-box; width:100%; padding-left:0px;}
    #popWrap .popSearchDiv .searchBt{position:absolute; top:116px; right:10px;}
    #popWrap .popSearchDiv .favrCnrsTrgtMngBt{position:absolute; top:116px; right:100px;}

    #popWrap .tableWrite .certiD .certiBtn{margin-left:0;}
    
  
    
}