@charset "UTF-8";
/* ************************************************************ *********** 임의로 style.css 파일 수정 금지 *************** ************************************************************ ************************************************************
*/
/* Reset */
@import url(../font/NotoKR-Regular/stylesheet.css);
@import url(../font/NotoKR-Medium/stylesheet.css);
@import url(../font/NotoKR-Bold/stylesheet.css);
@import url(https://fonts.googleapis.com/css?family=Courgette);
* { box-sizing: border-box; }

body, h1, h2, h3, h4, h5, h6, div, p, span, strong, em, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, input, select, label, textarea, img, a { margin: 0; padding: 0; border: 0px; word-break: break-all; word-wrap: break-word; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

label { cursor: pointer; }

button { cursor: pointer; margin: 0; padding: 0; border: none; background: none; }

/* 본고딕 폰트 호출 */
/* font-family: 'notokr-regular'; */
/* font-family: 'notokr-medium'; */
/* font-family: 'notokr-bold'; */
html, body { height: 100%; }

body { color: #212121; font-size: 1em; font-family: 'notokr-regular', '돋움', Dotum, tahoma, sans-serif; font-weight: 400; }

ul, ol { list-style: none; }

table { width: 100%; border-spacing: 0; border: 0; border-collapse: collapse; font-size: 14px; table-layout: fixed; }

img, input, select, textarea, button { border: 0; vertical-align: top; color: #666; font-family: 'notokr-medium', '돋움', Dotum, tahoma, sans-serif; }

legend, caption, #skip_navi { overflow: hidden; visibility: hidden; height: 0; z-index: -1; text-indent: -9999em; font-size: 0; line-height: 0; }

iframe { border: 0; }

hr { display: none; }

a { color: #212121; text-decoration: none; }

a:focus, a:hover, a:active { text-decoration: none; }

textarea { resize: none; border: 1px solid #e0e0e0; padding: 5px 10px; color: #424242; font-size: 14px; font-family: 'notokr-medium', '돋움', Dotum, tahoma, sans-serif; }

input[type="text"], input[type="password"] { padding: 6px 8px 6px 12px; border: 1px solid #e1e1e1; border-radius: 0; font-size: 13px; color: #717171; line-height: 17px; font-family: 'notokr-medium', '돋움', Dotum, tahoma, sans-serif; }

input[type="checkbox"] { vertical-align: middle; }

select { padding: 0 2px 0 5px; border: 1px solid #e0e0e0; font-family: 'notokr-medium', '돋움', Dotum, tahoma, sans-serif; cursor: pointer; }

/* Base */
input.button, input.submit, input.image, button { cursor: pointer; }

address { font-style: normal; }

.noto3, section.listSearchBox form label:first-of-type, .daySpace, #main .article5 h1, #main .article5 section:first-of-type a, #mentoGate .cntList p, .mentoListInfo .info h2, #coming h1, .myPage .myTop h2, .guideHeader h1, .selectLabel, .listSearchBox > label, .listSearchBox.large .sTop > span, .listTopBox .searchBox label, .noLoginBox > div a, .stepTit span { font-family: notokr-bold; font-weight: 400; }

.noto2, .tableBox2 > h1, section.listSearchBox h1, h2.subTit, div.subTit h2, header .util .user, header .util a, #gnb a, #subNav dl dd .subList a, .mapList dl dd .subList a, #subNav dl dd > a, .mapList dl dd > a, #rightContent .top h1, .popup h1, #popupReClose p, #main .article1 .section1 h1, #main .article1 .section2 .banner h2, #main .article4 .section1 p:first-of-type, #main .article6 section div h1, #main .article6 section div a, .subTxtTitle h1, #mentoGate article.bottom .left .ellipsis, #mentoGate article.bottom .left table .link1, table #mentoGate article.bottom .left .link1, #mentoGate article.bottom .left .workInfo .left, .workInfo #mentoGate article.bottom .left .left, #mentoGate article.bottom .left #main .article1 .section1 li a, #main .article1 .section1 li #mentoGate article.bottom .left a, #mentoGate article.bottom .left #main .article1 .section2 .banner a .tit, #main .article1 .section2 .banner a #mentoGate article.bottom .left .tit, #mentoGate article.bottom .left #main .article2 .section2 li, #main .article2 .section2 #mentoGate article.bottom .left li, #mentoGate article.bottom .left #main .article3 .section2 .left, #main .article3 .section2 #mentoGate article.bottom .left .left, #mentoGate article.bottom .left #main .article3 .section2 .right, #main .article3 .section2 #mentoGate article.bottom .left .right, #mentoGate article.bottom .left #main .article4 .section1 p:last-of-type, #main .article4 .section1 #mentoGate article.bottom .left p:last-of-type, #mentoGate article.bottom .left #main .article4 .section3 ul a, #main .article4 .section3 ul #mentoGate article.bottom .left a, #mentoGate article.bottom .left p.data span:first-child, #mentoGate article.bottom .left .bottom a, #mentoGate article.bottom .bottom .left a, #mentoGate article.bottom .left .favorList .list li .txt, .favorList .list li #mentoGate article.bottom .left .txt, #mentoGate article.bottom .left .mentoInfo li a, #mentoGate .mentoInfo article.bottom .left a, .mentoInfo #mentoGate article.bottom .left a, #mentoGate article.bottom .left .myPage .myTop .group .list p:first-of-type, .myPage .myTop .group .list #mentoGate article.bottom .left p:first-of-type, #mentoGate article.bottom .left .myPage .footerGroup .leftCon .bltList span:first-of-type, .myPage .footerGroup .leftCon .bltList #mentoGate article.bottom .left span:first-of-type, #mentoGate article.bottom .left .myPage .footerGroup .bltList a, .myPage .footerGroup .bltList #mentoGate article.bottom .left a, #mentoGate article.bottom .left .notiList.type2 tr td:nth-child(2) a, .notiList.type2 tr td:nth-child(2) #mentoGate article.bottom .left a, #mentoGate article.bottom .left .previewList > div .txt span:first-child, .previewList > div .txt #mentoGate article.bottom .left span:first-child, #mentoGate article.bottom .right .rollMento .ellipsis, #mentoGate article.bottom .right .rollMento table .link1, table #mentoGate article.bottom .right .rollMento .link1, #mentoGate article.bottom .right .rollMento .workInfo .left, .workInfo #mentoGate article.bottom .right .rollMento .left, #mentoGate article.bottom .right .rollMento #main .article1 .section1 li a, #main .article1 .section1 li #mentoGate article.bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento #main .article1 .section2 .banner a .tit, #main .article1 .section2 .banner a #mentoGate article.bottom .right .rollMento .tit, #mentoGate article.bottom .right .rollMento #main .article2 .section2 li, #main .article2 .section2 #mentoGate article.bottom .right .rollMento li, #mentoGate article.bottom .right .rollMento #main .article3 .section2 .left, #main .article3 .section2 #mentoGate article.bottom .right .rollMento .left, #mentoGate article.bottom .right .rollMento #main .article3 .section2 .right, #main .article3 .section2 #mentoGate article.bottom .right .rollMento .right, #mentoGate article.bottom .right .rollMento #main .article4 .section1 p:last-of-type, #main .article4 .section1 #mentoGate article.bottom .right .rollMento p:last-of-type, #mentoGate article.bottom .right .rollMento #main .article4 .section3 ul a, #main .article4 .section3 ul #mentoGate article.bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento .left p.data span:first-child, #mentoGate article.bottom .left p.data .right .rollMento span:first-child, #mentoGate article.bottom .right .rollMento .bottom a, #mentoGate article.bottom .bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento .favorList .list li .txt, .favorList .list li #mentoGate article.bottom .right .rollMento .txt, #mentoGate article.bottom .right .rollMento .mentoInfo li a, #mentoGate .mentoInfo article.bottom .right .rollMento a, .mentoInfo #mentoGate article.bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento .myPage .myTop .group .list p:first-of-type, .myPage .myTop .group .list #mentoGate article.bottom .right .rollMento p:first-of-type, #mentoGate article.bottom .right .rollMento .myPage .footerGroup .leftCon .bltList span:first-of-type, .myPage .footerGroup .leftCon .bltList #mentoGate article.bottom .right .rollMento span:first-of-type, #mentoGate article.bottom .right .rollMento .myPage .footerGroup .bltList a, .myPage .footerGroup .bltList #mentoGate article.bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento .notiList.type2 tr td:nth-child(2) a, .notiList.type2 tr td:nth-child(2) #mentoGate article.bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento .previewList > div .txt span:first-child, .previewList > div .txt #mentoGate article.bottom .right .rollMento span:first-child, .favorList h1, .favorList .list li .name, .selectType h1, .selectType a:hover, .selectType a.active, .mentoListInfo .info h1, .mentoListInfo .info .cnt p, .mentoListInfo .info > p span, .reply .info h1, .reply .info .name, .reply.modify > h1, .joinComplete > p, .findTab a, .findPwd h1, .findPwd .chkOutid span, .changeDormant > h1, #coming .comm, .viewTable.drop h1, .subTopTit h1, #subPage.siteMap #rightContent .mapList #subNav dl dt, .myPage article h1, .mento h2, .policy h1, .policy strong, .familyLink article > h1, .familyLink article h2, .idTotal h1, .errorPage p.tit, .consultingTime .submit, .consultingTime .day .mons span, .consultingTime .day .calendar.chk a, .guideContent div h2.guideTit, .mbtn, .btnBlueM, .rskyBlue, .select select, #infoWrap header .gnbArea .gnb ul li a, #infoWrap #container .top h1, .businessBox > div.moreView, .bottomTxtBox div:first-child p:first-child, .mapBox + .bltList3 span, .developWork h3, .developWork p, .tableBox2 h2, .tableTitle h2, .crowdTxt, .threeList > ul > li a p, .loginBox .login p, .memOutBox h1, .memOutBox a, .stepTit, .careBox h1 { font-family: notokr-medium; font-weight: 400; }

.noto1, section.listSearchBox form label, #subNav dl dt, .mapList dl dt, #pageNav ul li:last-child, #pageNav a, #main .article1 .section1 h1 span, #main .article1 .section1 a, #main .article1 .section2 .banner small, #main .article2 .section3 p span:nth-of-type(2), #main .article3 .section1 h1 span, #main .article3 .section1 p, #main .article3 .section3 a, #main .article4 .section1 p:last-of-type, #main .article6 section div p, .subTxtTitle p, #mentoGate article.bottom section h1, #mentoGate article.bottom .left p, #mentoGate article.bottom .left p.data, #mentoGate article.bottom .right .rollMento p:last-of-type, #mentoGate article.bottom .bottom h1 a, .favorList .list li .txt, .favorList .list li .say, .favorList.hover .list a:hover .meno, .selectType a, .mentoListInfo .info h1 span, .mentoListInfo .info .cnt p span, .rbtn.name, .name.rgreen, .name.rblue, .name.rgray, .name.rblack, .name.rred, .name.rskyBlue, .name.rbtnGray, .findPwd h2, .myPage .myTop > .left .credit .box h2, .mento h1, .idTotal p, .consultingTime .part h2, .consultingTime .day .mons, .listGrayBox h1, .listStyle2 span, .businessBox > div a, .chartBox .viewTable th, .notiList tbody tr td, .viewTable table tbody th, .viewTable table tbody td, .previewList > div h1, .crowdTxt a, .viewTitle > div.boardTit > div h3, .threeList.type3 > ul > li a p, .threeList.type4 li a p.mentoTxt, .threeList.type4 li a p.conTxt, .noLoginBox > div a:hover, .onlyBox h1, .onlyBox h2, .request .linkBtn a { font-family: notokr-regular; font-weight: 400; }

.cOrange { color: #d74042 !important; }

.cBlue { color: #3b75a3 !important; }

.cDarkBlue { color: #3b4251 !important; }

.cRed { color: #d74042 !important; }

.cYellow { color: #f7ff9a !important; }

.cBrd { color: #e8e8e8 !important; }

.cBrd1 { color: #e1e1e1 !important; }

.cBrd2 { color: #e3e3e3 !important; }

.cBrd3 { color: #e6e6e6 !important; }

.cBrd4 { color: #9d9d9d !important; }

.cFnt { color: #000 !important; }

.cFnt1 { color: #717171 !important; }

.cFnt2 { color: #212121 !important; }

.cBlue2 { color: #13518c !important; }

.cGreen { color: #647700 !important; }

.cGray { color: #70767e !important; }

.cBlack { color: #33414e !important; }

.iconDefault, .bgBalloon, .confirmBox .confirm.noipin:after, .bgGnb, .bgMoreView, .businessBox > div.moreView:after, .btnGray, .btnList, .btnNext, .btnNext2, .btnPrev, .bullet7d7d7d, header .util li:before, .bulletccc, .bulletefefef, .icoArrow1, .icoArrow2, #pageNav ul li:before, .icoBmore, .icoBnext, #mentoGate article.bottom .right .bx-controls-direction a.bx-next, .icoBoxMore, .icoBprev, #mentoGate article.bottom .right .bx-controls-direction a.bx-prev, .icoBtnArrow, .favorList .btnRedA:after, .icoBtnArrow1, .myPage .footerGroup .rightCon .bltList a.mento:after, .btnArrow:before, .btn.arrRight:after, .arrRight.btnNavy:after, .arrRight.btnBlue:after, .arrRight.btnBlueM:after, .viewTitle > div.boardInfo1 .arrRight.btn:hover:after, .arrRight.btnDarkBlue:after, .arrRight.btnDarkBlueS:after, .arrRight.btnRed:after, .arrRight.mbtn:after, .arrRight.abtn:after, .arrRight.btnBlueA:after, .arrRight.btnRedA:after, .arrRight.btnGrayA:after, .arrRight.btnDarkBlueA:after, .icoBtnArrow2, .myPage .footerGroup .rightCon .bltList a.mento:hover:after, .btnArrow:hover:before, .arrRight:after, .btn.arrRight:hover:after, .arrRight.btnNavy:hover:after, .arrRight.btnBlue:hover:after, .arrRight.btnBlueM:hover:after, .arrRight.btnDarkBlue:hover:after, .arrRight.btnDarkBlueS:hover:after, .arrRight.btnRed:hover:after, .arrRight.mbtn:hover:after, .arrRight.abtn:hover:after, .arrRight.btnBlueA:hover:after, .arrRight.btnRedA:hover:after, .arrRight.btnGrayA:hover:after, .arrRight.btnDarkBlueA:hover:after, .icoBtnArrow3, .icoCal, .icoCalOff, .viewTypeBox a:first-child:before, .icoCalOn, .viewTypeBox a.on:first-child:before, .icoCall, .icoChkPage, .errorPage.chk:before, .icoChkTime, .consultingTime .submit:before, .icoCount, .icoCredit, .myPage .myTop > .left .credit .box:before, .icoDocu, .reply .info .file a:after, .icoError404, .errorPage:before, .icoError500, .errorPage.num500:before, .icoFileClose, .icoHome, #pageNav ul li:first-child a:before, .icoIDsearch, .findPwd.idSearch > div:after, .icoIpin, .confirmBox .confirm.ipin div:before, .icoListNext, .previewList .nextTxt h1:before, .icoListOff, .viewTypeBox a:last-child:before, .icoListOn, .viewTypeBox a.on:last-child:before, .icoListPrev, .btn.arrLeft:before, .arrLeft.btnNavy:before, .arrLeft.btnBlue:before, .arrLeft.btnBlueM:before, .viewTitle > div.boardInfo1 .arrLeft.btn:hover:before, .arrLeft.btnDarkBlue:before, .arrLeft.btnDarkBlueS:before, .arrLeft.btnRed:before, .arrLeft.mbtn:before, .arrLeft.abtn:before, .arrLeft.btnBlueA:before, .arrLeft.btnRedA:before, .arrLeft.btnGrayA:before, .arrLeft.btnDarkBlueA:before, .previewList .prevTxt h1:before, .icoListPrevOver, .arrLeft:before, .btn.arrLeft:hover:after, .arrLeft.btnNavy:hover:after, .arrLeft.btnBlue:hover:after, .arrLeft.btnBlueM:hover:after, .viewTitle > div.boardInfo1 .arrLeft.btn:hover:after, .arrLeft.btnDarkBlue:hover:after, .arrLeft.btnDarkBlueS:hover:after, .arrLeft.btnRed:hover:after, .arrLeft.mbtn:hover:after, .arrLeft.abtn:hover:after, .arrLeft.btnBlueA:hover:after, .arrLeft.btnRedA:hover:after, .arrLeft.btnGrayA:hover:after, .arrLeft.btnDarkBlueA:hover:after, .noLoginBox > div a:hover .icoListPrev, .noLoginBox > div a:hover .btn.arrLeft:before, .noLoginBox > div a:hover .arrLeft.btnNavy:before, .noLoginBox > div a:hover .arrLeft.btnBlue:before, .noLoginBox > div a:hover .arrLeft.btnBlueM:before, .noLoginBox > div a:hover .arrLeft.btnDarkBlue:before, .noLoginBox > div a:hover .arrLeft.btnDarkBlueS:before, .noLoginBox > div a:hover .arrLeft.btnRed:before, .noLoginBox > div a:hover .arrLeft.mbtn:before, .noLoginBox > div a:hover .arrLeft.abtn:before, .noLoginBox > div a:hover .arrLeft.btnBlueA:before, .noLoginBox > div a:hover .arrLeft.btnRedA:before, .noLoginBox > div a:hover .arrLeft.btnGrayA:before, .noLoginBox > div a:hover .arrLeft.btnDarkBlueA:before, .noLoginBox > div a:hover .previewList .prevTxt h1:before, .previewList .prevTxt .noLoginBox > div a:hover h1:before, .icoLnbOver, #subNav dl dd:hover:after, .mapList dl dd:hover:after, #subNav dl dd.on:after, .mapList dl dd.on:after, .icoLock, table .lock:after, .icoLogin, .loginBox .login div button, .icoMainNext, #main .article5 .bx-controls-direction .bx-next, .icoMainPrev, #main .article5 .bx-controls-direction .bx-prev, .icoManto, .myPage .myTop > .left article:last-of-type .box.config:before, .icoMark1, .txtMark1.type2:before, .icoMark2, .txtMark1:before, .icoMark3, .careBox h1:before, .icoMenTo03, #mentoGate .cntList .list3:before, .icoMenTo04, #mentoGate .cntList .list4:before, .icoMento01, #mentoGate .cntList .list1:before, .icoMento02, #mentoGate .cntList .list2:before, .icoMore, #main .article1 .section3 article .more:after, .icoMyGate, .myPage .myTop > .left article:last-of-type .box:before, .icoNew, li.new:after, #mentoGate article.bottom .bottom .tabList li.new:after, .mentoInfo li.new:after, .mentoInfo .bottom .tabList li.new:after, .icoNext2, .icoNextMon, .icoNnext, #mentoGate .rollBanner .controls .next a, .icoNoipin, .confirmBox .confirm.noipin div:before, .icoNprev, #mentoGate .rollBanner .controls .prev a, .icoNu, #main .article2 .section3 p:first-child:after, .icoNu02, #main .article2 .section3 p:after, .icoPaging1, .icoPaging1_1, .icoPaging2, #main .article3 .section3 a:after, .icoPaging2_1, .icoPhone, .confirmBox .confirm.tel div:before, .icoPlus, .oneStop ul li a:after, .businessBox > div a:after, .icoPlusRed, .oneStop ul li a:hover:after, .businessBox > div a:hover:after, .icoPopClose, .icoPrevMon, .icoPwdSearch, .findPwd.pwdSearch > div:after, .icoQu, .mentoListInfo .info .cnt .ing:before, .myPage .myTop .group .hed .left:before, .icoRedElt, .mentoListInfo .info .cnt .complete:before, .myPage .myTop .group .hed .right:before, .icoReply, .reply:before, .icoRoll, .icoSearch, .icoSelectBtn, .icoShare, .icoShare01, .icoShare02, .icoShare03, .icoShare04, .icoShare05, .icoSimbol, .joinComplete > p:before, .icoSimbolGray, .icoSite01, #subPage.siteMap #rightContent .mapList #subNav dl.sub01 dt:before, .icoSite02, #subPage.siteMap #rightContent .mapList #subNav dl.sub04 dt:before, .icoSite03, #subPage.siteMap #rightContent .mapList #subNav dl.sub00 dt:before, .icoSite04, #subPage.siteMap #rightContent .mapList #subNav dl.sub05 dt:before, .icoSite05, #subPage.siteMap #rightContent .mapList #subNav dl.sub03 dt:before, .icoSite06, #subPage.siteMap #rightContent .mapList #subNav dl.sub02 dt:before, .icoSlideBlt, #main .article1 .section2 .bx-pager a, .icoSlideBltActive, #main .article1 .section2 .bx-pager a.active, .icoSlideNext, #main .article4 .section2 .bx-controls .bx-next, .icoSlidePlay, #main .article4 .section2 .bx-controls-auto .bx-start, .icoSlidePrev, #main .article4 .section2 .bx-controls .bx-prev, .icoSlideStop, #main .article4 .section2 .bx-controls-auto .bx-stop, .icoSns1, .icoSns2, .icoSns3, .icoSns4, .icoSns5, .icoStep1, .stepBox .step.step1:before, .icoStep2, .stepBox .step.step2:before, .icoStep3, .stepBox .step.step3:before, .icoStep4, .stepBox .step.step4:before, .icoStep5, .stepBox .step.step5:before, .icoStepArrow, .myPage .info a:before, .icoStepArrowOn, .myPage .info a:hover:before, .icoStepOn1, .stepBox .step.on.step1:before, .icoStepOn2, .stepBox .step.on.step2:before, .icoStepOn3, .stepBox .step.on.step3:before, .icoStepOn4, .stepBox .step.on.step4:before, .icoStepOn5, .stepBox .step5.on:before, .icoTotal1, #main .article2 .section1 .con1:before, .icoTotal2, #main .article2 .section1 .con2:before, .icoTotal3, #main .article2 .section1 .con3:before, .icoTrain01, .myPage .footerGroup .stepArea .step1, .icoTrain02, .myPage .footerGroup .stepArea .step2, .icoTrain03, .myPage .footerGroup .stepArea.noLimit .step3, .icoTrain04, .myPage .footerGroup .stepArea .step3, .icoUpdate, .icoUser, header .util .user:before, .icoWrite, .iconChkid, .idTotal:before, .imgInfoLink1, .imgInfoLink2, .imgInfoLogo, .imgLogo, .imgLogo2, footer .inBox:before, .pin_spot2 { display: inline-block; background-image: url("../images/sprite.png"); position: relative; }

.bgBalloon, .confirmBox .confirm.noipin:after { background-position: -572px -314px; width: 12px; height: 14px; }

.bgGnb { background-position: -572px -518px; width: 8px; height: 14px; }

.bgMoreView, .businessBox > div.moreView:after { background-position: -447px -357px; width: 7px; height: 11px; }

.btnGray { background-position: -291px -428px; width: 87px; height: 29px; }

.btnList { background-position: -97px -428px; width: 87px; height: 29px; }

.btnNext { background-position: -318px -388px; width: 87px; height: 29px; }

.btnNext2 { background-position: -194px -428px; width: 87px; height: 29px; }

.btnPrev { background-position: 0px -428px; width: 87px; height: 29px; }

.bullet7d7d7d, header .util li:before { background-position: -522px -401px; width: 2px; height: 13px; }

.bulletccc { background-position: -522px -374px; width: 2px; height: 17px; }

.bulletefefef { background-position: -458px -81px; width: 1px; height: 15px; }

.icoArrow1 { background-position: -278px -122px; width: 8px; height: 6px; }

.icoArrow2, #pageNav ul li:before { background-position: -296px -122px; width: 3px; height: 5px; }

.icoBmore { background-position: -572px -452px; width: 12px; height: 11px; }

.icoBnext, #mentoGate article.bottom .right .bx-controls-direction a.bx-next { background-position: -445px -317px; width: 14px; height: 26px; }

.icoBoxMore { background-position: -535px -251px; width: 23px; height: 22px; }

.icoBprev, #mentoGate article.bottom .right .bx-controls-direction a.bx-prev { background-position: -572px 0px; width: 14px; height: 26px; }

.icoBtnArrow, .favorList .btnRedA:after { background-position: -204px -524px; width: 6px; height: 12px; }

.icoBtnArrow1, .myPage .footerGroup .rightCon .bltList a.mento:after, .btnArrow:before, .btn.arrRight:after, .arrRight.btnNavy:after, .arrRight.btnBlue:after, .arrRight.btnBlueM:after, .viewTitle > div.boardInfo1 .arrRight.btn:hover:after, .arrRight.btnDarkBlue:after, .arrRight.btnDarkBlueS:after, .arrRight.btnRed:after, .arrRight.mbtn:after, .arrRight.abtn:after, .arrRight.btnBlueA:after, .arrRight.btnRedA:after, .arrRight.btnGrayA:after, .arrRight.btnDarkBlueA:after { background-position: -252px -524px; width: 6px; height: 11px; }

.icoBtnArrow2, .myPage .footerGroup .rightCon .bltList a.mento:hover:after, .btnArrow:hover:before, .arrRight:after, .btn.arrRight:hover:after, .arrRight.btnNavy:hover:after, .arrRight.btnBlue:hover:after, .arrRight.btnBlueM:hover:after, .viewTitle > div.boardInfo1 .arrRight.btn:hover:after, .arrRight.btnDarkBlue:hover:after, .arrRight.btnDarkBlueS:hover:after, .arrRight.btnRed:hover:after, .arrRight.mbtn:hover:after, .arrRight.abtn:hover:after, .arrRight.btnBlueA:hover:after, .arrRight.btnRedA:hover:after, .arrRight.btnGrayA:hover:after, .arrRight.btnDarkBlueA:hover:after { background-position: -236px -524px; width: 6px; height: 11px; }

.icoBtnArrow3 { background-position: -257px -122px; width: 11px; height: 6px; }

.icoCal { background-position: -572px -174px; width: 13px; height: 14px; }

.icoCalOff, .viewTypeBox a:first-child:before { background-position: -572px -245px; width: 13px; height: 13px; }

.icoCalOn, .viewTypeBox a.on:first-child:before { background-position: -572px -291px; width: 13px; height: 13px; }

.icoCall { background-position: -535px -283px; width: 21px; height: 21px; }

.icoChkPage, .errorPage.chk:before { background-position: -91px -250px; width: 80px; height: 56px; }

.icoChkTime, .consultingTime .submit:before { background-position: -193px -231px; width: 12px; height: 8px; }

.icoCount { background-position: -158px -231px; width: 25px; height: 8px; }

.icoCredit, .myPage .myTop > .left .credit .box:before { background-position: -272px -317px; width: 57px; height: 57px; }

.icoDocu, .reply .info .file a:after { background-position: -572px -338px; width: 13px; height: 12px; }

.icoError404, .errorPage:before { background-position: 0px -250px; width: 81px; height: 57px; }

.icoError500, .errorPage.num500:before { background-position: -181px -250px; width: 80px; height: 56px; }

.icoFileClose { background-position: -535px -375px; width: 21px; height: 20px; }

.icoHome, #pageNav ul li:first-child a:before { background-position: -572px -473px; width: 11px; height: 11px; }

.icoIDsearch, .findPwd.idSearch > div:after { background-position: 0px -317px; width: 58px; height: 61px; }

.icoIpin, .confirmBox .confirm.ipin div:before { background-position: -271px -250px; width: 111px; height: 33px; }

.icoListNext, .previewList .nextTxt h1:before { background-position: -220px -524px; width: 6px; height: 11px; }

.icoListOff, .viewTypeBox a:last-child:before { background-position: -572px -151px; width: 14px; height: 13px; }

.icoListOn, .viewTypeBox a.on:last-child:before { background-position: -572px -198px; width: 14px; height: 13px; }

.icoListPrev, .btn.arrLeft:before, .arrLeft.btnNavy:before, .arrLeft.btnBlue:before, .arrLeft.btnBlueM:before, .viewTitle > div.boardInfo1 .arrLeft.btn:hover:before, .arrLeft.btnDarkBlue:before, .arrLeft.btnDarkBlueS:before, .arrLeft.btnRed:before, .arrLeft.mbtn:before, .arrLeft.abtn:before, .arrLeft.btnBlueA:before, .arrLeft.btnRedA:before, .arrLeft.btnGrayA:before, .arrLeft.btnDarkBlueA:before, .previewList .prevTxt h1:before { background-position: -268px -524px; width: 6px; height: 11px; }

.icoListPrevOver, .arrLeft:before, .btn.arrLeft:hover:after, .arrLeft.btnNavy:hover:after, .arrLeft.btnBlue:hover:after, .arrLeft.btnBlueM:hover:after, .viewTitle > div.boardInfo1 .arrLeft.btn:hover:after, .arrLeft.btnDarkBlue:hover:after, .arrLeft.btnDarkBlueS:hover:after, .arrLeft.btnRed:hover:after, .arrLeft.mbtn:hover:after, .arrLeft.abtn:hover:after, .arrLeft.btnBlueA:hover:after, .arrLeft.btnRedA:hover:after, .arrLeft.btnGrayA:hover:after, .arrLeft.btnDarkBlueA:hover:after, .noLoginBox > div a:hover .icoListPrev, .noLoginBox > div a:hover .btn.arrLeft:before, .noLoginBox > div a:hover .arrLeft.btnNavy:before, .noLoginBox > div a:hover .arrLeft.btnBlue:before, .noLoginBox > div a:hover .arrLeft.btnBlueM:before, .noLoginBox > div a:hover .arrLeft.btnDarkBlue:before, .noLoginBox > div a:hover .arrLeft.btnDarkBlueS:before, .noLoginBox > div a:hover .arrLeft.btnRed:before, .noLoginBox > div a:hover .arrLeft.mbtn:before, .noLoginBox > div a:hover .arrLeft.abtn:before, .noLoginBox > div a:hover .arrLeft.btnBlueA:before, .noLoginBox > div a:hover .arrLeft.btnRedA:before, .noLoginBox > div a:hover .arrLeft.btnGrayA:before, .noLoginBox > div a:hover .arrLeft.btnDarkBlueA:before, .noLoginBox > div a:hover .previewList .prevTxt h1:before, .previewList .prevTxt .noLoginBox > div a:hover h1:before { background-position: -188px -524px; width: 6px; height: 12px; }

.icoLnbOver, #subNav dl dd:hover:after, .mapList dl dd:hover:after, #subNav dl dd.on:after, .mapList dl dd.on:after { background-position: -376px -293px; width: 6px; height: 9px; }

.icoLock, table .lock:after { background-position: -535px -495px; width: 19px; height: 19px; }

.icoLogin, .loginBox .login div button { background-position: -301px -139px; width: 81px; height: 73px; }

.icoMainNext, #main .article5 .bx-controls-direction .bx-next { background-position: -572px -68px; width: 12px; height: 22px; }

.icoMainPrev, #main .article5 .bx-controls-direction .bx-prev { background-position: -572px -36px; width: 12px; height: 22px; }

.icoManto, .myPage .myTop > .left article:last-of-type .box.config:before { background-position: -207px -139px; width: 84px; height: 82px; }

.icoMark1, .txtMark1.type2:before { background-position: -495px -428px; width: 18px; height: 18px; }

.icoMark2, .txtMark1:before { background-position: -385px -357px; width: 15px; height: 15px; }

.icoMark3, .careBox h1:before { background-position: -54px -550px; width: 17px; height: 17px; }

.icoMenTo03, #mentoGate .cntList .list3:before { background-position: -470px -250px; width: 52px; height: 52px; }

.icoMenTo04, #mentoGate .cntList .list4:before { background-position: -470px -188px; width: 52px; height: 52px; }

.icoMento01, #mentoGate .cntList .list1:before { background-position: -470px -126px; width: 52px; height: 52px; }

.icoMento02, #mentoGate .cntList .list2:before { background-position: -470px -312px; width: 52px; height: 52px; }

.icoMore, #main .article1 .section3 article .more:after { background-position: -572px -431px; width: 12px; height: 11px; }

.icoMyGate, .myPage .myTop > .left article:last-of-type .box:before { background-position: -113px -139px; width: 84px; height: 82px; }

.icoNew, li.new:after, #mentoGate article.bottom .bottom .tabList li.new:after, .mentoInfo li.new:after, .mentoInfo .bottom .tabList li.new:after { background-position: -572px -386px; width: 12px; height: 12px; }

.icoNext2 { background-position: -235px -122px; width: 12px; height: 6px; }

.icoNextMon { background-position: -429px -357px; width: 8px; height: 11px; }

.icoNnext, #mentoGate .rollBanner .controls .next a { background-position: -453px -388px; width: 7px; height: 13px; }

.icoNoipin, .confirmBox .confirm.noipin div:before { background-position: -470px -374px; width: 42px; height: 42px; }

.icoNprev, #mentoGate .rollBanner .controls .prev a { background-position: -171px -524px; width: 7px; height: 13px; }

.icoNu, #main .article2 .section3 p:first-child:after { background-position: 0px -524px; width: 31px; height: 16px; }

.icoNu02, #main .article2 .section3 p:after { background-position: -535px -72px; width: 25px; height: 26px; }

.icoPaging1 { background-position: -359px -293px; width: 7px; height: 9px; }

.icoPaging1_1 { background-position: -319px -293px; width: 12px; height: 9px; }

.icoPaging2, #main .article3 .section3 a:after { background-position: -341px -293px; width: 8px; height: 9px; }

.icoPaging2_1 { background-position: -297px -293px; width: 12px; height: 9px; }

.icoPhone, .confirmBox .confirm.tel div:before { background-position: -114px -467px; width: 37px; height: 41px; }

.icoPlus, .oneStop ul li a:after, .businessBox > div a:after { background-position: -27px -550px; width: 17px; height: 17px; }

.icoPlusRed, .oneStop ul li a:hover:after, .businessBox > div a:hover:after { background-position: 0px -550px; width: 17px; height: 17px; }

.icoPopClose { background-position: -415px -388px; width: 28px; height: 28px; }

.icoPrevMon { background-position: -410px -357px; width: 9px; height: 11px; }

.icoPwdSearch, .findPwd.pwdSearch > div:after { background-position: -392px -139px; width: 62px; height: 69px; }

.icoQu, .mentoListInfo .info .cnt .ing:before, .myPage .myTop .group .hed .left:before { background-position: -57px -467px; width: 47px; height: 47px; }

.icoRedElt, .mentoListInfo .info .cnt .complete:before, .myPage .myTop .group .hed .right:before { background-position: 0px -467px; width: 47px; height: 47px; }

.icoReply, .reply:before { background-position: -339px -357px; width: 36px; height: 15px; }

.icoRoll { background-position: -535px -434px; width: 20px; height: 20px; }

.icoSearch { background-position: -392px -250px; width: 31px; height: 31px; }

.icoSelectBtn { background-position: -376px -81px; width: 34px; height: 30px; }

.icoShare { background-position: -113px -231px; width: 35px; height: 8px; }

.icoShare01 { background-position: -459px -467px; width: 27px; height: 26px; }

.icoShare02 { background-position: -535px 0px; width: 27px; height: 26px; }

.icoShare03 { background-position: -535px -36px; width: 27px; height: 26px; }

.icoShare04 { background-position: -422px -467px; width: 27px; height: 26px; }

.icoShare05 { background-position: -496px -467px; width: 27px; height: 26px; }

.icoSimbol, .joinComplete > p:before { background-position: -470px -63px; width: 55px; height: 53px; }

.icoSimbolGray { background-position: -470px 0px; width: 55px; height: 53px; }

.icoSite01, #subPage.siteMap #rightContent .mapList #subNav dl.sub01 dt:before { background-position: -535px -464px; width: 19px; height: 21px; }

.icoSite02, #subPage.siteMap #rightContent .mapList #subNav dl.sub04 dt:before { background-position: -535px -314px; width: 21px; height: 21px; }

.icoSite03, #subPage.siteMap #rightContent .mapList #subNav dl.sub00 dt:before { background-position: -535px -345px; width: 22px; height: 20px; }

.icoSite04, #subPage.siteMap #rightContent .mapList #subNav dl.sub05 dt:before { background-position: -535px -405px; width: 22px; height: 19px; }

.icoSite05, #subPage.siteMap #rightContent .mapList #subNav dl.sub03 dt:before { background-position: -535px -218px; width: 23px; height: 23px; }

.icoSite06, #subPage.siteMap #rightContent .mapList #subNav dl.sub02 dt:before { background-position: -535px -184px; width: 24px; height: 24px; }

.icoSlideBlt, #main .article1 .section2 .bx-pager a { background-position: -215px -231px; width: 8px; height: 8px; }

.icoSlideBltActive, #main .article1 .section2 .bx-pager a.active { background-position: -233px -231px; width: 8px; height: 8px; }

.icoSlideNext, #main .article4 .section2 .bx-controls .bx-next { background-position: -154px -524px; width: 7px; height: 13px; }

.icoSlidePlay, #main .article4 .section2 .bx-controls-auto .bx-start { background-position: -572px -494px; width: 8px; height: 14px; }

.icoSlidePrev, #main .article4 .section2 .bx-controls .bx-prev { background-position: -120px -524px; width: 7px; height: 13px; }

.icoSlideStop, #main .article4 .section2 .bx-controls-auto .bx-stop { background-position: -137px -524px; width: 7px; height: 13px; }

.icoSns1 { background-position: -41px -524px; width: 17px; height: 16px; }

.icoSns2 { background-position: -572px -360px; width: 9px; height: 16px; }

.icoSns3 { background-position: -271px -293px; width: 16px; height: 12px; }

.icoSns4 { background-position: -572px -100px; width: 13px; height: 17px; }

.icoSns5 { background-position: -572px -408px; width: 11px; height: 13px; }

.icoStep1, .stepBox .step.step1:before { background-position: -535px -108px; width: 21px; height: 28px; }

.icoStep2, .stepBox .step.step2:before { background-position: -433px -250px; width: 27px; height: 28px; }

.icoStep3, .stepBox .step.step3:before { background-position: -199px -467px; width: 28px; height: 28px; }

.icoStep4, .stepBox .step.step4:before { background-position: -237px -467px; width: 27px; height: 28px; }

.icoStep5, .stepBox .step.step5:before { background-position: -385px -467px; width: 27px; height: 27px; }

.icoStepArrow, .myPage .info a:before { background-position: -68px -524px; width: 16px; height: 16px; }

.icoStepArrowOn, .myPage .info a:hover:before { background-position: -94px -524px; width: 16px; height: 16px; }

.icoStepOn1, .stepBox .step.on.step1:before { background-position: -535px -146px; width: 21px; height: 28px; }

.icoStepOn2, .stepBox .step.on.step2:before { background-position: -311px -467px; width: 27px; height: 28px; }

.icoStepOn3, .stepBox .step.on.step3:before { background-position: -420px -81px; width: 28px; height: 28px; }

.icoStepOn4, .stepBox .step.on.step4:before { background-position: -274px -467px; width: 27px; height: 28px; }

.icoStepOn5, .stepBox .step5.on:before { background-position: -348px -467px; width: 27px; height: 27px; }

.icoTotal1, #main .article2 .section1 .con1:before { background-position: -204px -317px; width: 58px; height: 59px; }

.icoTotal2, #main .article2 .section1 .con2:before { background-position: -136px -317px; width: 58px; height: 59px; }

.icoTotal3, #main .article2 .section1 .con3:before { background-position: -68px -317px; width: 58px; height: 59px; }

.icoTrain01, .myPage .footerGroup .stepArea .step1 { background-position: 0px -388px; width: 96px; height: 30px; }

.icoTrain02, .myPage .footerGroup .stepArea .step2 { background-position: -339px -317px; width: 96px; height: 30px; }

.icoTrain03, .myPage .footerGroup .stepArea.noLimit .step3 { background-position: -106px -388px; width: 96px; height: 30px; }

.icoTrain04, .myPage .footerGroup .stepArea .step3 { background-position: -212px -388px; width: 96px; height: 30px; }

.icoUpdate { background-position: -572px -127px; width: 14px; height: 14px; }

.icoUser, header .util .user:before { background-position: -572px -268px; width: 13px; height: 13px; }

.icoWrite { background-position: -572px -221px; width: 13px; height: 14px; }

.iconChkid, .idTotal:before { background-position: 0px -139px; width: 103px; height: 101px; }

.imgInfoLink1 { background-position: -388px -428px; width: 97px; height: 18px; }

.imgInfoLink2 { background-position: -235px -81px; width: 131px; height: 31px; }

.imgInfoLogo { background-position: 0px 0px; width: 216px; height: 71px; }

.imgLogo { background-position: 0px 0px; width: 230px; height: 71px; }

.imgLogo2, footer .inBox:before { background-position: 305px -506px; width: 250px; height: 48px; }

.pin_spot2 { background-position: -161px -467px; width: 28px; height: 37px; }

/* copyright by 2015.09 matey */
/* ----------------------------- a_style ---------------------------- */
.txtHidden, .iconDefault, .bgBalloon, .confirmBox .confirm.noipin:after, .bgGnb, .bgMoreView, .businessBox > div.moreView:after, .btnGray, .btnList, .btnNext, .btnNext2, .btnPrev, .bullet7d7d7d, header .util li:before, .bulletccc, .bulletefefef, .icoArrow1, .icoArrow2, #pageNav ul li:before, .icoBmore, .icoBnext, #mentoGate article.bottom .right .bx-controls-direction a.bx-next, .icoBoxMore, .icoBprev, #mentoGate article.bottom .right .bx-controls-direction a.bx-prev, .icoBtnArrow, .favorList .btnRedA:after, .icoBtnArrow1, .myPage .footerGroup .rightCon .bltList a.mento:after, .btnArrow:before, .btn.arrRight:after, .arrRight.btnNavy:after, .arrRight.btnBlue:after, .arrRight.btnBlueM:after, .viewTitle > div.boardInfo1 .arrRight.btn:hover:after, .arrRight.btnDarkBlue:after, .arrRight.btnDarkBlueS:after, .arrRight.btnRed:after, .arrRight.mbtn:after, .arrRight.abtn:after, .arrRight.btnBlueA:after, .arrRight.btnRedA:after, .arrRight.btnGrayA:after, .arrRight.btnDarkBlueA:after, .icoBtnArrow2, .myPage .footerGroup .rightCon .bltList a.mento:hover:after, .btnArrow:hover:before, .arrRight:after, .btn.arrRight:hover:after, .arrRight.btnNavy:hover:after, .arrRight.btnBlue:hover:after, .arrRight.btnBlueM:hover:after, .arrRight.btnDarkBlue:hover:after, .arrRight.btnDarkBlueS:hover:after, .arrRight.btnRed:hover:after, .arrRight.mbtn:hover:after, .arrRight.abtn:hover:after, .arrRight.btnBlueA:hover:after, .arrRight.btnRedA:hover:after, .arrRight.btnGrayA:hover:after, .arrRight.btnDarkBlueA:hover:after, .icoBtnArrow3, .icoCal, .icoCalOff, .viewTypeBox a:first-child:before, .icoCalOn, .viewTypeBox a.on:first-child:before, .icoCall, .icoChkPage, .errorPage.chk:before, .icoChkTime, .consultingTime .submit:before, .icoCount, .icoCredit, .myPage .myTop > .left .credit .box:before, .icoDocu, .reply .info .file a:after, .icoError404, .errorPage:before, .icoError500, .errorPage.num500:before, .icoFileClose, .icoHome, #pageNav ul li:first-child a:before, .icoIDsearch, .findPwd.idSearch > div:after, .icoIpin, .confirmBox .confirm.ipin div:before, .icoListNext, .previewList .nextTxt h1:before, .icoListOff, .viewTypeBox a:last-child:before, .icoListOn, .viewTypeBox a.on:last-child:before, .icoListPrev, .btn.arrLeft:before, .arrLeft.btnNavy:before, .arrLeft.btnBlue:before, .arrLeft.btnBlueM:before, .viewTitle > div.boardInfo1 .arrLeft.btn:hover:before, .arrLeft.btnDarkBlue:before, .arrLeft.btnDarkBlueS:before, .arrLeft.btnRed:before, .arrLeft.mbtn:before, .arrLeft.abtn:before, .arrLeft.btnBlueA:before, .arrLeft.btnRedA:before, .arrLeft.btnGrayA:before, .arrLeft.btnDarkBlueA:before, .previewList .prevTxt h1:before, .icoListPrevOver, .arrLeft:before, .btn.arrLeft:hover:after, .arrLeft.btnNavy:hover:after, .arrLeft.btnBlue:hover:after, .arrLeft.btnBlueM:hover:after, .viewTitle > div.boardInfo1 .arrLeft.btn:hover:after, .arrLeft.btnDarkBlue:hover:after, .arrLeft.btnDarkBlueS:hover:after, .arrLeft.btnRed:hover:after, .arrLeft.mbtn:hover:after, .arrLeft.abtn:hover:after, .arrLeft.btnBlueA:hover:after, .arrLeft.btnRedA:hover:after, .arrLeft.btnGrayA:hover:after, .arrLeft.btnDarkBlueA:hover:after, .noLoginBox > div a:hover .icoListPrev, .noLoginBox > div a:hover .btn.arrLeft:before, .noLoginBox > div a:hover .arrLeft.btnNavy:before, .noLoginBox > div a:hover .arrLeft.btnBlue:before, .noLoginBox > div a:hover .arrLeft.btnBlueM:before, .noLoginBox > div a:hover .arrLeft.btnDarkBlue:before, .noLoginBox > div a:hover .arrLeft.btnDarkBlueS:before, .noLoginBox > div a:hover .arrLeft.btnRed:before, .noLoginBox > div a:hover .arrLeft.mbtn:before, .noLoginBox > div a:hover .arrLeft.abtn:before, .noLoginBox > div a:hover .arrLeft.btnBlueA:before, .noLoginBox > div a:hover .arrLeft.btnRedA:before, .noLoginBox > div a:hover .arrLeft.btnGrayA:before, .noLoginBox > div a:hover .arrLeft.btnDarkBlueA:before, .noLoginBox > div a:hover .previewList .prevTxt h1:before, .previewList .prevTxt .noLoginBox > div a:hover h1:before, .icoLnbOver, #subNav dl dd:hover:after, .mapList dl dd:hover:after, #subNav dl dd.on:after, .mapList dl dd.on:after, .icoLock, table .lock:after, .icoLogin, .loginBox .login div button, .icoMainNext, #main .article5 .bx-controls-direction .bx-next, .icoMainPrev, #main .article5 .bx-controls-direction .bx-prev, .icoManto, .myPage .myTop > .left article:last-of-type .box.config:before, .icoMark1, .txtMark1.type2:before, .icoMark2, .txtMark1:before, .icoMark3, .careBox h1:before, .icoMenTo03, #mentoGate .cntList .list3:before, .icoMenTo04, #mentoGate .cntList .list4:before, .icoMento01, #mentoGate .cntList .list1:before, .icoMento02, #mentoGate .cntList .list2:before, .icoMore, #main .article1 .section3 article .more:after, .icoMyGate, .myPage .myTop > .left article:last-of-type .box:before, .icoNew, li.new:after, #mentoGate article.bottom .bottom .tabList li.new:after, .mentoInfo li.new:after, .mentoInfo .bottom .tabList li.new:after, .icoNext2, .icoNextMon, .icoNnext, #mentoGate .rollBanner .controls .next a, .icoNoipin, .confirmBox .confirm.noipin div:before, .icoNprev, #mentoGate .rollBanner .controls .prev a, .icoNu, #main .article2 .section3 p:first-child:after, .icoNu02, #main .article2 .section3 p:after, .icoPaging1, .icoPaging1_1, .icoPaging2, #main .article3 .section3 a:after, .icoPaging2_1, .icoPhone, .confirmBox .confirm.tel div:before, .icoPlus, .oneStop ul li a:after, .businessBox > div a:after, .icoPlusRed, .oneStop ul li a:hover:after, .businessBox > div a:hover:after, .icoPopClose, .icoPrevMon, .icoPwdSearch, .findPwd.pwdSearch > div:after, .icoQu, .mentoListInfo .info .cnt .ing:before, .myPage .myTop .group .hed .left:before, .icoRedElt, .mentoListInfo .info .cnt .complete:before, .myPage .myTop .group .hed .right:before, .icoReply, .reply:before, .icoRoll, .icoSearch, .icoSelectBtn, .icoShare, .icoShare01, .icoShare02, .icoShare03, .icoShare04, .icoShare05, .icoSimbol, .joinComplete > p:before, .icoSimbolGray, .icoSite01, #subPage.siteMap #rightContent .mapList #subNav dl.sub01 dt:before, .icoSite02, #subPage.siteMap #rightContent .mapList #subNav dl.sub04 dt:before, .icoSite03, #subPage.siteMap #rightContent .mapList #subNav dl.sub00 dt:before, .icoSite04, #subPage.siteMap #rightContent .mapList #subNav dl.sub05 dt:before, .icoSite05, #subPage.siteMap #rightContent .mapList #subNav dl.sub03 dt:before, .icoSite06, #subPage.siteMap #rightContent .mapList #subNav dl.sub02 dt:before, .icoSlideBlt, #main .article1 .section2 .bx-pager a, .icoSlideBltActive, #main .article1 .section2 .bx-pager a.active, .icoSlideNext, #main .article4 .section2 .bx-controls .bx-next, .icoSlidePlay, #main .article4 .section2 .bx-controls-auto .bx-start, .icoSlidePrev, #main .article4 .section2 .bx-controls .bx-prev, .icoSlideStop, #main .article4 .section2 .bx-controls-auto .bx-stop, .icoSns1, .icoSns2, .icoSns3, .icoSns4, .icoSns5, .icoStep1, .stepBox .step.step1:before, .icoStep2, .stepBox .step.step2:before, .icoStep3, .stepBox .step.step3:before, .icoStep4, .stepBox .step.step4:before, .icoStep5, .stepBox .step.step5:before, .icoStepArrow, .myPage .info a:before, .icoStepArrowOn, .myPage .info a:hover:before, .icoStepOn1, .stepBox .step.on.step1:before, .icoStepOn2, .stepBox .step.on.step2:before, .icoStepOn3, .stepBox .step.on.step3:before, .icoStepOn4, .stepBox .step.on.step4:before, .icoStepOn5, .stepBox .step5.on:before, .icoTotal1, #main .article2 .section1 .con1:before, .icoTotal2, #main .article2 .section1 .con2:before, .icoTotal3, #main .article2 .section1 .con3:before, .icoTrain01, .myPage .footerGroup .stepArea .step1, .icoTrain02, .myPage .footerGroup .stepArea .step2, .icoTrain03, .myPage .footerGroup .stepArea.noLimit .step3, .icoTrain04, .myPage .footerGroup .stepArea .step3, .icoUpdate, .icoUser, header .util .user:before, .icoWrite, .iconChkid, .idTotal:before, .imgInfoLink1, .imgInfoLink2, .imgInfoLogo, .imgLogo, .imgLogo2, footer .inBox:before, .pin_spot2, .txtHide, .snbVisual .visuInBox, .noLoginBox > div h1 { text-indent: -999px; overflow: hidden; display: inline-block; line-height: 0; white-space: nowrap; text-align: left !important; }

.txtHide, .snbVisual .visuInBox, .noLoginBox > div h1 { position: absolute; left: 0; top: 0; width: 0; height: 0; }

.clearFix, section.listSearchBox, header .group, #subPage, .favorList, .listCnt { clear: both; }
.clearFix:before, section.listSearchBox:before, header .group:before, #subPage:before, .favorList:before, .listCnt:before, .clearFix:after, section.listSearchBox:after, header .group:after, #subPage:after, .favorList:after, .listCnt:after { content: " "; display: table; /* 2 */ }
.clearFix:after, section.listSearchBox:after, header .group:after, #subPage:after, .favorList:after, .listCnt:after { clear: both; }

.bltList li:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #717171; margin-right: 5px; position: relative; top: -5px; }

.ellipsis, table .link1, .workInfo .left, #main .article1 .section1 li a, #main .article1 .section2 .banner a .tit, #main .article2 .section2 li, #main .article3 .section2 .left, #main .article3 .section2 .right, #main .article4 .section1 p:last-of-type, #main .article4 .section3 ul a, #mentoGate article.bottom .left p.data span:first-child, #mentoGate article.bottom .bottom a, .favorList .list li .txt, .mentoInfo li a, .mentoInfo .bottom a, .myPage .myTop .group .list p:first-of-type, .myPage .footerGroup .leftCon .bltList span:first-of-type, .myPage .footerGroup .rightCon .bltList a:first-of-type, .myPage .footerGroup .bltList a, .notiList.type2 tr td:nth-child(2) a, .previewList > div .txt span:first-child { white-space: nowrap !important; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; word-wrap: normal !important; -moz-binding: url("ellipsis.xml#ellipsis"); }

.mgT0 { margin-top: 0 !important; }

.mgT10 { margin-top: 10px !important; }

.mgT15 { margin-top: 15px !important; }

.mgT55 { margin-top: 55px !important; }

.mgT20 { margin-top: 20px !important; }

.mgT25 { margin-top: 25px !important; }

.mgT30 { margin-top: 30px !important; }

.mgT45 { margin-top: 45px !important; }

.mgT50 { margin-top: 50px !important; }

.mgL5 { margin-left: 5px !important; }

.mgL10 { margin-left: 10px !important; }

.mgL15 { margin-left: 15px !important; }

.mgL20 { margin-left: 20px !important; }

.w100per { width: 100% !important; }

.w100 { width: 100px !important; }
.w100 select { width: 100px !important; }

.w160 { width: 160px; }
.w160 select { width: 160px; }

.w120 { width: 120px; }
.w120 select { width: 120px; }

.txtCnt { text-align: center !important; }

#customSiteMap { padding: 20px 0; }
#customSiteMap table { width: 870px; border-spacing: 0; border: 0; border-left: 1px solid #ccc; border-collapse: collapse; font-family: Dotum, gulim; }
#customSiteMap th { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 13px; font-weight: bold; background-color: #bbb; color: #000; }
#customSiteMap th, #customSiteMap td { padding: 7px 10px; text-align: left; }
#customSiteMap td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 12px; }
#customSiteMap h1 { text-align: center; }
#customSiteMap .cover { width: 1100px; margin: 0 auto; overflow: hidden; margin-bottom: 50px; }
#customSiteMap .active { background: #000; color: #fff; }
#customSiteMap .left { width: 260px; float: left; border: 1px solid #ccc; padding: 5px 10px; font-size: 12px; }
#customSiteMap .right { width: 770px; float: right; }
#customSiteMap a { background: #1883ba; display: block; color: #fff; position: relative; left: 0; top: 0; margin: -7px -10px; padding: 7px 10px; }
#customSiteMap .hasMenu { font-weight: bold; }
#customSiteMap tr:hover { background: #eee; }

.btnGroup { text-align: center; }

.abtn .icoListPrev, .btnBlueA .icoListPrev, .btnRedA .icoListPrev, .btnGrayA .icoListPrev, .btnDarkBlueA .icoListPrev, .abtn .btn.arrLeft:before, .btnBlueA .btn.arrLeft:before, .btnRedA .btn.arrLeft:before, .btnGrayA .btn.arrLeft:before, .btnDarkBlueA .btn.arrLeft:before, .abtn .arrLeft.btnNavy:before, .btnBlueA .arrLeft.btnNavy:before, .btnRedA .arrLeft.btnNavy:before, .btnGrayA .arrLeft.btnNavy:before, .btnDarkBlueA .arrLeft.btnNavy:before, .abtn .arrLeft.btnBlue:before, .btnBlueA .arrLeft.btnBlue:before, .btnRedA .arrLeft.btnBlue:before, .btnGrayA .arrLeft.btnBlue:before, .btnDarkBlueA .arrLeft.btnBlue:before, .abtn .arrLeft.btnBlueM:before, .btnBlueA .arrLeft.btnBlueM:before, .btnRedA .arrLeft.btnBlueM:before, .btnGrayA .arrLeft.btnBlueM:before, .btnDarkBlueA .arrLeft.btnBlueM:before, .abtn .viewTitle > div.boardInfo1 .arrLeft.btn:hover:before, .viewTitle > div.boardInfo1 .abtn .arrLeft.btn:hover:before, .btnBlueA .viewTitle > div.boardInfo1 .arrLeft.btn:hover:before, .viewTitle > div.boardInfo1 .btnBlueA .arrLeft.btn:hover:before, .btnRedA .viewTitle > div.boardInfo1 .arrLeft.btn:hover:before, .viewTitle > div.boardInfo1 .btnRedA .arrLeft.btn:hover:before, .btnGrayA .viewTitle > div.boardInfo1 .arrLeft.btn:hover:before, .viewTitle > div.boardInfo1 .btnGrayA .arrLeft.btn:hover:before, .btnDarkBlueA .viewTitle > div.boardInfo1 .arrLeft.btn:hover:before, .viewTitle > div.boardInfo1 .btnDarkBlueA .arrLeft.btn:hover:before, .abtn .arrLeft.btnDarkBlue:before, .btnBlueA .arrLeft.btnDarkBlue:before, .btnRedA .arrLeft.btnDarkBlue:before, .btnGrayA .arrLeft.btnDarkBlue:before, .btnDarkBlueA .arrLeft.btnDarkBlue:before, .abtn .arrLeft.btnDarkBlueS:before, .btnBlueA .arrLeft.btnDarkBlueS:before, .btnRedA .arrLeft.btnDarkBlueS:before, .btnGrayA .arrLeft.btnDarkBlueS:before, .btnDarkBlueA .arrLeft.btnDarkBlueS:before, .abtn .arrLeft.btnRed:before, .btnBlueA .arrLeft.btnRed:before, .btnRedA .arrLeft.btnRed:before, .btnGrayA .arrLeft.btnRed:before, .btnDarkBlueA .arrLeft.btnRed:before, .abtn .arrLeft.mbtn:before, .btnBlueA .arrLeft.mbtn:before, .btnRedA .arrLeft.mbtn:before, .btnGrayA .arrLeft.mbtn:before, .btnDarkBlueA .arrLeft.mbtn:before, .abtn .arrLeft.abtn:before, .btnBlueA .arrLeft.abtn:before, .btnRedA .arrLeft.abtn:before, .btnGrayA .arrLeft.abtn:before, .btnDarkBlueA .arrLeft.abtn:before, .abtn .arrLeft.btnBlueA:before, .btnBlueA .arrLeft.btnBlueA:before, .btnRedA .arrLeft.btnBlueA:before, .btnGrayA .arrLeft.btnBlueA:before, .btnDarkBlueA .arrLeft.btnBlueA:before, .abtn .arrLeft.btnRedA:before, .btnBlueA .arrLeft.btnRedA:before, .btnRedA .arrLeft.btnRedA:before, .btnGrayA .arrLeft.btnRedA:before, .btnDarkBlueA .arrLeft.btnRedA:before, .abtn .arrLeft.btnGrayA:before, .btnBlueA .arrLeft.btnGrayA:before, .btnRedA .arrLeft.btnGrayA:before, .btnGrayA .arrLeft.btnGrayA:before, .btnDarkBlueA .arrLeft.btnGrayA:before, .abtn .arrLeft.btnDarkBlueA:before, .btnBlueA .arrLeft.btnDarkBlueA:before, .btnRedA .arrLeft.btnDarkBlueA:before, .btnGrayA .arrLeft.btnDarkBlueA:before, .btnDarkBlueA .arrLeft.btnDarkBlueA:before, .abtn .previewList .prevTxt h1:before, .previewList .prevTxt .abtn h1:before, .btnBlueA .previewList .prevTxt h1:before, .previewList .prevTxt .btnBlueA h1:before, .btnRedA .previewList .prevTxt h1:before, .previewList .prevTxt .btnRedA h1:before, .btnGrayA .previewList .prevTxt h1:before, .previewList .prevTxt .btnGrayA h1:before, .btnDarkBlueA .previewList .prevTxt h1:before, .previewList .prevTxt .btnDarkBlueA h1:before { margin-right: 5px; top: 1px; }

.tableBox2 > h1 { font-size: 16px; margin-bottom: 10px; }

section.listSearchBox { padding: 0; background: none; border: none; height: auto; }
section.listSearchBox h1 { font-size: 16px; margin-bottom: 15px; }
section.listSearchBox form { padding: 14px 35px; background-color: #f3f5f6; border: 1px solid #e8e8e8; }
section.listSearchBox form input[type="radio"] { margin: 10px 5px 0 0; }

h2.subTit { font-size: 16px; margin-top: 40px; }

div.subTit { margin-top: 30px; overflow: hidden; line-height: 32px; }
div.subTit h2 { float: left; font-size: 16px; }
div.subTit p { font-size: 14px; float: left; margin-left: 10px; letter-spacing: -1px; }
div.subTit a { display: block; float: right; }

.fltLeft { float: left; }

.fltRight { float: right; }

.listCnt .fltRight { margin-top: -8px; }

.varMiddle { vertical-align: middle; text-align: center; }

#skipNavi { display: none; }
#skipNavi:focus { display: block; }

header { height: 116px; padding-top: 29px; }
header .cover { width: 1000px; margin: 0 auto; }
header h1 { float: left; margin-top: -24px; }
header .util { float: right; }
header .util .user { font-size: 12px; line-height: 12px; line-height: 25px; color: #3b75a3; vertical-align: bottom; }
header .util .user:before { content: ''; display: inline-block !important; margin-right: 3px; }
header .util a { font-size: 12px; color: #717171; }
header .util ul { overflow: hidden; }
header .util li { float: left; }
header .util li:before { content: ''; top: 2px; margin: 0 8px; }
header .util li:first-child:before { display: none; }
header .group { clear: both; background-color: #fff }

#gnb { background: #fff; overflow: hidden; }
#gnb ul { float: right; }
#gnb li { float: left; margin: 7px 0 14px 30px; }
#gnb li:first-child { margin-left: 0; }
#gnb li:hover > a, #gnb li.on a { color: #e68b04; border-bottom: 3px solid #e68b04; }
#gnb a { font-size: 22px; color: #000; padding-bottom: 5px; display: block; }

#gnbNav { width: 100%; padding-top: 10px; display: none; position: absolute; height: 240px; overflow: hidden; background: #fff; z-index: 1000; top: 110px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), 0 -1px 0 #fff; border-bottom-right-radius:50px; border-bottom-left-radius:50px; }
#gnbNav .inBox { width: 1000px; margin: 0 auto; height: 100%; position: relative; }
#gnbNav .inBox:after { content: ''; display: block; position: absolute; width: 288px; height: 191px; left: -20px; bottom: 0; background: url("/images/common/bg_gnb.gif") no-repeat 0 0; }
#gnbNav .list { width: 720px; float: right; }
#gnbNav ul { float: left; }
#gnbNav ul a { font-size: 14px; letter-spacing: -1px; display: block; line-height: 18px; margin-bottom: 6px; }
#gnbNav ul a:hover { color: #fff; background-color:#ffc107; }
#gnbNav .menu1 { width: 150px; }
#gnbNav .menu2 { width: 94px; }
#gnbNav .menu3 { width: 110px; }
#gnbNav .menu4 { width: 139px; }
#gnbNav .menu5 { width: 148px; }

footer { width: 100%; }
footer .inBox { width: 1000px; margin: 0 auto; border-top: 1px solid #dfdfdf; padding: 20px 0 50px 0; border-top-left-radius:30px; border-top-right-radius:30px; }
footer .inBox:before { display: inline-block; content: ""; margin-left: 16px; }
footer .inBox .etcBox { display: inline-block; padding-left: 20px; vertical-align: top; }
footer .inBox .etcBox .link { height: 13px; }
footer .inBox .etcBox .link a { font-size: 11px; line-height: 13px; color: #717171; display: inline-block; margin-right: 10px; vertical-align: top; }
footer .inBox .etcBox address, footer .inBox .etcBox p { display: inline-block; font-size: 11px; color: #717171; line-height: 15px; vertical-align: bottom; }
footer .inBox .etcBox address:after { display: inline-block; content: ""; width: 1px; height: 10px; margin: 0 6px 0 9px; background-color: #717171; vertical-align: middle; }
footer .inBox .etcBox p + p { display: block; }

#subPage { width: 1000px; margin: 0 auto; height: 100%; min-height: 740px; padding-top: 42px; }

#subNav, .mapList { width: 240px; float: left; padding: 0 30px; border-radius:15px; }
#subNav .snbBanner, .mapList .snbBanner { margin-top: 39px; display: block; }
#subNav dl, .mapList dl { display: none; }
#subNav dl.active, .mapList dl.active { display: block; }
#subNav dl dt, .mapList dl dt { font-size: 26px; color: #3e403d; font-weight: bold; padding-bottom: 9px; border-bottom: 2px solid #444547; margin-bottom: 16px; }
#subNav dl dd, .mapList dl dd { border-bottom: 1px dashed #dcdcdc; padding: 7px 0 6px 0; position: relative; }
#subNav dl dd .subList, .mapList dl dd .subList { margin: 9px 0 7px 0; }
#subNav dl dd .subList a, .mapList dl dd .subList a { font-size: 13px; display: block; border: none; line-height: 21px; color: #717171; text-indent: -5px; padding-left: 5px; }
#subNav dl dd .subList a:hover, #subNav dl dd .subList a.on, .mapList dl dd .subList a:hover, .mapList dl dd .subList a.on { color: #3b75a3; }
#subNav dl dd .subList a:before, .mapList dl dd .subList a:before { content: '-'; display: inline-block; margin-right: 5px; }
#subNav dl dd:hover > a, .mapList dl dd:hover > a { color: #3b75a3; }
#subNav dl dd:hover:after, .mapList dl dd:hover:after { content: ''; position: absolute; right: 5px; top: 13px; }
#subNav dl dd > a, .mapList dl dd > a { font-size: 16px; color: #212121; display: block; letter-spacing: -0.5px; }
#subNav dl dd.on .subList, #subNav dl dd:hover .subList, .mapList dl dd.on .subList, .mapList dl dd:hover .subList { display: block; }
#subNav dl dd.on > a, .mapList dl dd.on > a { color: #3b75a3; }
#subNav dl dd.on:after, .mapList dl dd.on:after { content: ''; position: absolute; right: 5px; top: 13px; }
#subNav dl dd:last-of-type, .mapList dl dd:last-of-type { border-bottom: 1px solid #dcdcdc; }

#rightContent { width: 1000px; float: right; margin-top: 4px; padding-bottom: 150px; }
#rightContent .top { padding-bottom: 16px; border-bottom: 1px solid #e8e8e8; overflow: hidden; }
#rightContent .top h1 { font-size: 30px; float: left; margin-top: 22px; }
#rightContent .top .share { float: right; margin-top: 40px; }
#rightContent .top .share p { float: left; margin: 2px 10px 0 0; }
#rightContent .top .share span { float: left; margin-left: 9px; top: -3px; }
#rightContent .top .share a { display: block; float: left; margin-left: 2px; position: relative; top: -8px; }
#rightContent .top .share a:first-of-type { margin-left: 0; }

#pageName.hiddenTit { display: block; text-indent: -148px; overflow: hidden; }

#pageNav { overflow: hidden; }
#pageNav ul li { float: left; position: relative; margin-left: 13px; }
#pageNav ul li:before { content: ''; position: absolute; top: 6px; left: -8px; }
#pageNav ul li:first-child { margin: 0; }
#pageNav ul li:first-child:before { display: none; }
#pageNav ul li:first-child a:before { content: ''; top: 1px; margin-right: 5px; }
#pageNav ul li:last-child { font-weight: bold; font-size: 12px; display: block; color:#fff; background-color:#3b4251; border:1px solid #3b4251; border-radius:8px; padding:0 7px; }
#pageNav a { font-size: 12px; display: block; border:1px solid #717171; border-radius:7px; color:#fff; background-color:#aaa; padding:0 5px; }

.ieLower { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; background: #fff; }
.ieLower .alert { text-align: center; }
.ieLower .cover { width: 100%; height: 100%; position: relative; overflow-y: auto; }
.ieLower .section { position: absolute; width: 700px; left: 50%; top: 50px; margin: 0 0 0 -350px; text-align: center; }
.ieLower .inSide { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 60px 0; color: #212121; font-size: 14px; }
.ieLower .inSide img { display: block; margin-bottom: 40px; }
.ieLower .inSide h1 { font-size: 32px; margin-bottom: 12px; }
.ieLower .btn, .ieLower .btnNavy, .ieLower .btnBlue, .ieLower .btnBlueM, .ieLower .viewTitle > div.boardInfo1 .btn:hover, .viewTitle > div.boardInfo1 .ieLower .btn:hover, .ieLower .btnDarkBlue, .ieLower .btnDarkBlueS, .ieLower .btnRed, .ieLower .mbtn, .ieLower .abtn, .ieLower .btnBlueA, .ieLower .btnRedA, .ieLower .btnGrayA, .ieLower .btnDarkBlueA { padding-left: 10px; padding-right: 10px; display: block; width: 275px; border: 1px solid #212121; margin: 30px auto; }

table .link1 { text-align: left !important; width: 100px; position: relative; }
table .lock:after { content: ''; top: 4px; margin-left: 5px; }

#rightContent .listSearchBox.small { padding-left: 35px; padding-right: 35px; }
#rightContent .listSearchBox.small .select { width: 90px; }
#rightContent .listSearchBox.small .select select { width: 90px; }
#rightContent .listSearchBox.small label:nth-of-type(2n) { margin-left: 20px; }
#rightContent .listSearchBox.small input[type="text"] { width: 170px; }

.subTxt { margin-top: 20px; color: #212121; }

.workInfo { clear: both; width: 100%; margin-top: 35px; margin-bottom: -50px; }
.workInfo h1 { font-size: 14px; }
.workInfo ul { border-top: 1px solid #e8e8e8; margin-top: 5px; }
.workInfo li { background: #f3f5f6; border-bottom: 1px solid #e8e8e8; padding: 0 15px; }
.workInfo li a { line-height: 40px; font-size: 14px; color: #717171; display: block; overflow: hidden; }
.workInfo .left { float: left; width: 475px; }
.workInfo .right { float: right; }

.btnBox a { vertical-align: top; }
.btnBox2 a { float: left; }

.viewConBox .banner { text-align: center; margin-top: 50px; }

.daySpace { display: inline-block; margin: 0 10px; }

body.activePop { overflow: hidden; }

.popup { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.popup .cover { position: absolute; background: #fff; left: 50%; top: 50%; width: 350px; height: 204px; margin: -102px 0 0 -175px; }
.popup .relative { position: relative; }
.popup .content { padding: 30px; }
.popup h1 { background: #3b75a3; color: #fff; font-size: 18px; line-height: 52px; padding: 0 30px; text-align: left; }
.popup .icoPopClose { position: absolute; right: 12px; top: 12px; }
.popup .listSearchBox { padding-left: 30px; }
.popup.active { display: block; }

#popupMento .cover { width: 476px; height: 460px; margin: -238px 0 0 -230px; }
#popupMento .cover .notiList { height: 186px; overflow-y: auto; }
#popupMento .cover .notiList th, #popupMento .cover .notiList td { text-align: center; }
#popupMento .cover .notiList tr:first-child td { border-top: 1px solid #e8e8e8; }
#popupMento .cover .notiList tr td:first-child { border-left: none; }

#popupReClose .cover { width: 350px; height: 224px; margin: -112px 0 0 -175px; }
#popupReClose p { text-align: center; font-size: 14px; margin-bottom: 25px; line-height: 20px; letter-spacing: -0.7px; }

table.defult { width: 100%; border: 1px solid #e8e8e8; border-left: none; border-bottom: none; }
table.defult th, table.defult td { border: 1px solid #e8e8e8; border-right: none; border-top: none; }

.viewConBox a { text-decoration: underline; }

li.new:after { content: ''; }

div.img { border: 1px solid #e8e8e8; }

div.img:hover { position: relative; background-color: #fff; border: 2px solid rgba(110, 133, 244, 1); box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1); }

.vrTop { vertical-align: top !important; }

.vrBottom { vertical-align: bottom !important; }

.vrMiddle { vertical-align: middle !important; }

#main { width: 1000px; margin: 0 auto; }
#main .section1 { width: 289px; }
#main .section2 { width: 447px; margin-left: 16px; position: relative; }
#main .section3 { width: 231px; margin-left: 16px; }
#main article { overflow: hidden; margin-top: 12px; }
#main article:first-of-type { margin-top: 0; }
#main article section { float: left; }
#main article .icoMore, #main .article1 .section3 article .more:after { position: absolute; right: 15px; top: 14px; }
#main .article1 { overflow: hidden; }
#main .article1 section { height: 426px; }
#main .article1 .section1 { background: #025780 url("/images/main/bg_section04_b.png") no-repeat 0 0; padding: 5px 4px 0 5px; color: #fff; position: relative; }
#main .article1 .section1 h1 { margin: 167px 0 10px; font-size: 18px; color: #ffc; }
#main .article1 .section1 h1 span { font-size: 12px; display: block; letter-spacing: -1px; }
#main .article1 .section1 li { line-height: 16px; }
#main .article1 .section1 li:before { background: #fff; }
#main .article1 .section1 li a { width: 200px; display: inline-block; }
#main .article1 .section1 a { font-size: 12px; color: #fff; display: inline-block; }
#main .article1 .section1 .lectureMore { position:absolute; top:250px; right:15px; }
#main .article1 .section1 .icoMore, #main .article1 .section1 .section3 article .more:after, #main .article1 .section3 article .section1 .more:after { position: absolute; right: 15px; top: 260px; }

#main .article1 .section1 .bx-controls { position: absolute; right: 15px; top: 390px; width: 100%; height: 40px; line-height: 40px; text-align: right; }
#main .article1 .section1 .bx-controls .bx-prev { margin-right: 30px; color:#ccc; content:'◁' }
#main .article1 .section1 .bx-controls .bx-next { color:#ccc }
#main .article1 .section1 .bx-controls-auto { position: absolute; right: 35px; top: 0; }
#main .article1 .section1 .bx-controls-auto a { display: block; }
#main .article1 .section1 .bx-controls-auto a.active { display: none; }
#main .article1 .section1 .bx-controls-auto .bx-start { right: -2px; }

#main .article1 .section2 { position: relative; overflow: hidden; width: 447px; height: 426px; }
#main .article1 .section2 .banner .inBox { color: #fff; text-align: center; padding-top: 240px; }
#main .article1 .section2 .banner h2 { color: #fff; font-size: 22px; text-align: center; line-height: 24px; }
#main .article1 .section2 .banner small { font-size: 12px; display: block; line-height: 12px; color: rgba(255, 255, 255, 0.8); margin-bottom: 6px; }
#main .article1 .section2 .banner a { display: block; position: relative; width: 447px; height: 426px; }
#main .article1 .section2 .banner a .tit { display: inline-block; font-size: 14px; padding-top: 8px; line-height: 18px; border-top: 1px solid rgba(255, 255, 255, 0.35); margin-top: 8px; max-width: 400px; }
#main .article1 .section2 .banner a p { font-size: 14px; line-height: 19px; }
#main .article1 .section2 .banner a.set1 { background: url("/images/main/bg_mainBanner_01.jpg") no-repeat 0 0; }
#main .article1 .section2 .banner a.set2 { background: url("/images/main/bg_mainBanner_02.jpg") no-repeat 0 0; }
#main .article1 .section2 .banner a.set3 { background: url("/images/main/bg_mainBanner_03.jpg") no-repeat 0 0; }
#main .article1 .section2 .banner a.set4 { background: url("/images/main/bg_mainBanner_03.jpg") no-repeat 0 0; }
#main .article1 .section2 .banner a img { width: 447px; height: 426px; }
#main .article1 .section2 .bx-pager { position: absolute; top: 20px; right: 25px; width: 100%; text-align: right; }
#main .article1 .section2 .bx-pager .bx-pager-item { display: inline-block; margin-left: 5px; }
#main .article1 .section3 { float: right; position: relative; }
#main .article1 .section3 article { position: relative; width: 231px; height: 206px; padding: 24px 22px; color: #fff; background: url("/images/main/img_topRight_01.jpg") no-repeat 0 0; }
#main .article1 .section3 article h1 { font-size: 18px; margin-bottom: 5px; }
#main .article1 .section3 article p { font-size: 13px; color: rgba(255, 255, 255, 0.74); }
#main .article1 .section3 article .more { display: block; position: absolute; top: 0; right: 0; width: 231px; height: 206px; }
#main .article1 .section3 article .more:after { content: ""; position: absolute; top: 30px; right: 22px; }
#main .article1 .section3 article:last-of-type { background: url("/images/main/img_topRight_02.jpg") no-repeat 0 0; margin-top: 18px; }
#main .article2 { margin-top: 17px; }
#main .article2 h1 { background: #38822b; color: #fff; line-height: 39px; padding-left: 20px; margin-bottom: 5px; font-size: 14px; height: 39px; letter-spacing: -0.5px; }
#main .article2 .section1 { overflow: hidden; }
#main .article2 .section1 > div { width: 75px; height: 125px; float: left; text-align: center; position: relative; margin-left: 20px; }
#main .article2 .section1 > div:first-of-type { margin-left: 10px; }
#main .article2 .section1 .con1:before { content: ''; position: absolute; left: 50%; margin-left: -31px; }
#main .article2 .section1 .con2:before { content: ''; position: absolute; left: 50%; margin-left: -31px; }
#main .article2 .section1 .con3:before { content: ''; position: absolute; left: 50%; margin-left: -31px; }
#main .article2 .section1 .con2 .cRed { color: #3b75a3 !important; }
#main .article2 .section1 .con3 .cRed { color: #212121 !important; }
#main .article2 .section1 .num { font-family: 'Myriad pro Regular'; font-size: 28px; font-weight: 100; margin-top: 70px; }
#main .article2 .section1 .txt { font-size: 13px; }
#main .article2 .section2 .bltList { margin-left: 20px; }
#main .article2 .section2 a { font-size: 13px; margin-right:2px; }
#main .article2 .section2 li { margin-bottom: 3px; width: 100%; display: block; }
#main .article2 .section2 li:before { top: -3px; }
#main .article2 .section3 h1 small { color: rgba(255, 255, 255, 0.74); display: inline-block; margin-left: 7px; position: relative; top: -1px; }
#main .article2 .section3 p { font-size: 13px; padding-top: 5px; margin-top: 10px; border-top: 1px solid #cdcdcd; position: relative; padding-left: 20px; }
#main .article2 .section3 p:after { content: ''; position: absolute; right: 10px; top: 20px; }
#main .article2 .section3 p:first-child { border: none; margin-top: 0; padding-top: 0; }
#main .article2 .section3 p:first-child:after { content: ''; position: absolute; right: 5px; top: 8px; }
#main .article2 .section3 p span { display: block; font-size: 27px; font-family: 'Myriad Pro Regular'; line-height: 27px; }
#main .article2 .section3 p span:nth-of-type(2) { font-size: 12px; color: #717171; line-height: 16px; letter-spacing: -0.84px; }
#main .article3 { clear: both; margin-top: 35px; }
#main .article3 section { height: 224px; }
#main .article3 .section1 { background: #697180; position: relative; padding: 18px 37px; }
#main .article3 .section1:after { content: ''; width: 0; height: 0; position: absolute; right: -11px; top: 29px; border-top: 11px solid transparent; border-left: 12px solid #697180; border-bottom: 11px solid transparent; }
#main .article3 .section1 h1 { color: #fff; font-size: 18px; margin-bottom: 10px; }
#main .article3 .section1 h1 span { display: block; font-size: 11px; color: #b4b8c0; }
#main .article3 .section1 p { font-size: 13px; color: #b4b4c0; }
#main .article3 .section1 .btn, #main .article3 .section1 .btnNavy, #main .article3 .section1 .btnBlue, #main .article3 .section1 .btnBlueM, #main .article3 .section1 .btnDarkBlue, #main .article3 .section1 .btnDarkBlueS, #main .article3 .section1 .btnRed, #main .article3 .section1 .mbtn, #main .article3 .section1 .abtn, #main .article3 .section1 .btnBlueA, #main .article3 .section1 .btnRedA, #main .article3 .section1 .btnGrayA, #main .article3 .section1 .btnDarkBlueA { font-size: 12px; width: 120px; background: none; text-align: center; color: #fff; margin-top: 20px; border-color: #fff; }
#main .article3 .section2 { background: #dadada; padding: 18px 25px; }
#main .article3 .section2 a { font-size: 12px; display: block; overflow: hidden; margin-top: 8px; }
#main .article3 .section2 a:first-child { margin-top: 0; }
#main .article3 .section2 .left { width: 125px; float: left; color: #5e5e64; }
#main .article3 .section2 .right { width: 260px; float: left; color: #212121; }
#main .article3 .section3 { background: #697180; }
#main .article3 .section3 h1 { font-size: 18px; color: #fff; padding: 17px 25px 17px 25px; background: #585f6d; }
#main .article3 .section3 a { font-size: 13px; color: #fff; display: block; line-height: 32px; border-top: 1px solid #787f8d; background: #697180; padding: 0 20px; position: relative; }
#main .article3 .section3 a:after { content: ''; position: absolute; right: 20px; top: 12px; }
#main .article4 { margin: 23px 0 20px 0; padding-bottom: 35px; border-bottom: 1px solid #e8e8e8; }
#main .article4 section { height: 195px; }
#main .article4 h1 { background: #e8931b; color: #fff; line-height: 39px; font-size: 14px; }
#main .article4 h1 a { color: #fff; font-size: 14px; display: block; margin-bottom: 18px; }
#main .article4 .section1 { position: relative; }
#main .article4 .section1 h1 { padding-left: 20px; }
#main .article4 .section1 .img { float: left; width: 50px; margin-top: 10px; }
#main .article4 .section1 .img img { width: 50px; height: 55px; }
#main .article4 .section1 .right { float: left; width: 80px; margin-left: 5px;}
#main .article4 .section1 p { font-weight: bold; max-width: 80px; overflow: hidden; }
#main .article4 .section1 p:first-of-type { font-size: 10px; margin-top: 10px; max-height: 28px; }
#main .article4 .section1 p:last-of-type { font-size: 13px; }
#main .article4 .section1 .img2 { float: left; width: 140px; }
#main .article4 .section1 .img2 img { width: 140px; height: 81px; margin-top:9px;}
#main .article4 .section1 .img3 { float: left; width: 139px; margin-left:10px; }
#main .article4 .section1 .img3 img { width: 139px; height: 81px; margin-top:9px;}
#main .article4 .section1 a { display: initial; margin-top: 20px; overflow: hidden; }
#main .article4 .section1 .icoMore, #main .article4 .section1 .article1 .section3 article .more:after, #main .article1 .section3 article .article4 .section1 .more:after { position: absolute; right: 18px; top: -5px; }
#main .article4 .section2 { position: relative; }
#main .article4 .section2 h1 { padding-left: 25px; margin-bottom: 10px; }
#main .article4 .section2 .rollZone ul li a { display: block; width: 447px; height: 147px; }
#main .article4 .section2 .bx-controls { position: absolute; right: 15px; top: 0; width: 100%; height: 40px; line-height: 40px; text-align: right; }
#main .article4 .section2 .bx-controls .bx-prev { margin-right: 30px; }
#main .article4 .section2 .bx-controls-auto { position: absolute; right: 18px; top: 0; }
#main .article4 .section2 .bx-controls-auto a { display: block; }
#main .article4 .section2 .bx-controls-auto a.active { display: none; }
#main .article4 .section2 .bx-controls-auto .bx-start { right: -2px; }
#main .article4 .section3 { position: relative; }
#main .article4 .section3 .active { display: block !important; }
#main .article4 .section3 h1 { float: left; width: 90px; text-align: center; background: #697180; border-right: 1px solid #969ca6; position: relative; }
#main .article4 .section3 h1.active { background: #e8931b; border: none; }
#main .article4 .section3 h1:first-of-type { border: none; }
#main .article4 .section3 h1 a { margin-bottom: 0; }
#main .article4 .section3 ul { margin-left: 20px; clear: both; display: none; position: absolute; left: 0; top: 30px; margin-top: 30px; }
#main .article4 .section3 ul li { line-height: 20px; width: 230px; display: block; }
#main .article4 .section3 ul li:before { top: -9px; }
#main .article4 .section3 ul li.new:after { top: -5px; }
#main .article4 .section3 ul a { font-size: 13px; display: inline-block; max-width: 205px; }
#main .article4 .section3:before { content: ''; display: block; width: 100%; height: 39px; position: absolute; left: 0; top: 0; background: #697180; z-index: 0; }
#main .article4 .section3 .icoMore, #main .article4 .article1 .section3 article .more:after, #main .article1 .article4 .section3 article .more:after { position: absolute; right: 18px; top: 14px; display: none; }
#main .article5 { position: relative; }
#main .article5 h1 { float: left; font-size: 12px; color: #717171; line-height: 40px; margin-left: 10px; }
#main .article5 h1 img { vertical-align: middle; }
#main .article5 section { overflow: hidden; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; }
#main .article5 section:first-of-type li { float: left; line-height: 45px; margin-left: 0px; }
#main .article5 section:first-of-type li:first-child { margin-left: 0px; }
#main .article5 section:first-of-type a { font-size: 14px; }
#main .article5 section:last-of-type { border-bottom: none; margin-bottom: 0; }
#main .article5 ul { width: 800px; float: right; margin-rigth: 15px; }
#main .article5 ul li { overflow: hidden; margin: 0 auto; }
#main .article5 ul li a { float: left; display: block; margin-left: 80px; }
#main .article5 ul li a:first-of-type { margin-left: 0; }
#main .article5 ul li a:nth-of-type(4n+1) { margin-right: 0; }
#main .article5 .bx-wrapper { width: 940px; margin: 0 auto; }
#main .article5 .bx-controls-direction a.disabled { display: none; }
#main .article5 .bx-controls-direction .bx-prev { position: absolute; top: 22px; left: 0; }
#main .article5 .bx-controls-direction .bx-next { position: absolute; top: 22px; right: 0; }
#main .article6 { border-bottom: 1px solid #e8e8e8; overflow: hidden; }
#main .article6 > h1 { font-size: 14px; color: #fff; margin-bottom: 27px; background:#b7b5b5; line-height:39px; text-shadow:0px 0px 10px #000; padding-left:25px; }
#main .article6 section { position: relative; float: left; width: 24%; min-height: 120px; margin: 0 1% 35px 0; padding-top: 4px; }
#main .article6 section img { float: left; width: 92px; height: 92px; margin-right: 10px; border-radius: 50%; }
#main .article6 section div { float: right; width: 135px; }
#main .article6 section div h1 { font-size: 16px; line-height: 20px; }
#main .article6 section div p { color: #717171; font-size: 12px; line-height: 14px; margin: 7px 0 7px 0; }
#main .article6 section div a { min-width: 0; width: 74px; height: 26px; font-size: 12px; line-height: 26px; }
#main .article8 { border-bottom: 1px solid #e8e8e8; overflow: hidden; }
#main .article8 > h1 { font-size: 14px; color: #fff; margin-bottom: 10px; background:#e25247; line-height:39px; text-shadow:0px 0px 10px #000; padding-left:25px; }

.oneStop { position: relative; width: 100%; height: 602px; margin-top: 50px; background: url("/images/info/img_oneStop.jpg") no-repeat center top; }
.oneStop ul { position: absolute; width: 504px; top: 319px; left: 203px; overflow: hidden; }
.oneStop ul li, .oneStop ul a { font-size: 14px; text-align: center; letter-spacing: -1px; }
.oneStop ul li { overflow: hidden; position: relative; float: left; width: 167px; line-height: 41px; }
.oneStop ul li:nth-child(4n) a { float: left; padding-left: 20px; }
.oneStop ul li a { display: block; padding-left: 20px; float: left; }
.oneStop ul li a:after { content: ''; position: absolute; top: 12px; right: 15px; }
.oneStop ul li a:hover { color: #d74042; font-style: italic; font-weight: bold; text-decoration: underline; }
.oneStop ul li a:hover:after { position: absolute; }

.subTxtTitle { margin-top: 30px; }
.subTxtTitle h1 { font-size: 16px; }
.subTxtTitle p { font-size: 14px; margin-top: 5px; line-height: 18px; }

table .select.w100per select { width: 100%; }
table input[type="radio"] { vertical-align: middle; }
table .addMento { line-height: 32px; display: inline-block; margin-right: 10px; vertical-align: middle; }
table .addMento a { vertical-align: middle; }

#mentoGate .rollBanner { margin-top: 30px; }
#mentoGate .rollBanner .controls { margin-top: 20px; width: 100%; text-align: center; }
#mentoGate .rollBanner .controls span a { top: 2px; }
#mentoGate .rollBanner .controls span a.disabled { visibility: hidden; }
#mentoGate .rollBanner .controls .prev a { margin-right: 15px; }
#mentoGate .rollBanner .controls .next a { margin-left: 15px; }
#mentoGate .rollBanner .controls .pager { display: inline-block; }
#mentoGate .rollBanner .controls .pager a { display: inline-block; width: 8px; height: 8px; margin-left: 5px; border-radius: 50%; background: #bcbcbc; }
#mentoGate .rollBanner .controls .pager a.active { background: #d74042; }
#mentoGate .rollBanner .controls .pager a:first-child { margin-left: 0; }
#mentoGate .listSearchBox { margin-top: 35px; padding-left: 35px; }
#mentoGate .listSearchBox input[type='text'] { width: 480px; }
#mentoGate .cntList { overflow: hidden; padding: 33px 0; border-bottom: 1px solid #e8e8e8; }
#mentoGate .cntList > div { width: 25%; float: left; padding-left: 20px; }
#mentoGate .cntList > div:before { content: ''; float: left; margin-right: 10px; }
#mentoGate .cntList p { font-size: 14px; }
#mentoGate .cntList p:last-of-type { font-size: 30px; font-family: 'Myriad Pro Regular'; line-height: 29px; }
#mentoGate article.bottom { float: left; width: 100%; margin-top: 60px; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; overflow: hidden; }
#mentoGate article.bottom section { padding: 30px 0 30px 40px; position: relative; }
#mentoGate article.bottom section h1 { font-size: 28px; }
#mentoGate article.bottom section .icoBmore { position: absolute; right: 30px; top: 40px; }
#mentoGate article.bottom .left { float: left; width: 50%; border-right: 1px solid #e8e8e8; height: 350px; }
#mentoGate article.bottom .left li { margin-top: 15px; }
#mentoGate article.bottom .left p { font-size: 18px; max-width: 280px; letter-spacing: -0.5px; }
#mentoGate article.bottom .left p.data { font-size: 13px; letter-spacing: -0.5px; }
#mentoGate article.bottom .left p.data span:first-child { display: inline-block; overflow: hidden; width: 77px; padding-right: 10px; vertical-align: middle; }
#mentoGate article.bottom .left p.data span:last-child:before { display: inline-block; content: ""; width: 1px; height: 12px; margin: -2px 10px 0 0; background-color: #767676; vertical-align: middle; }
#mentoGate article.bottom .left p:last-of-type { margin-top: 3px; }
#mentoGate article.bottom .left p.ing, #mentoGate article.bottom .left p.end { font-size: 13px; color: #fff; background: #647700; text-align: center; width: 50px; }
#mentoGate article.bottom .left p.end { background: #70767e; }
#mentoGate article.bottom .right { float: right; width: 50%; padding-left: 0; padding-right: 0; }
#mentoGate article.bottom .right h1 { padding-left: 40px; }
#mentoGate article.bottom .right .rollMento { margin: 45px auto 0; position: relative; }
#mentoGate article.bottom .right .rollMento a { text-align: center; display: block; }
#mentoGate article.bottom .right .rollMento img { text-align: center; width: 212px; height: 158px; }
#mentoGate article.bottom .right .rollMento .ellipsis, #mentoGate article.bottom .right .rollMento table .link1, table #mentoGate article.bottom .right .rollMento .link1, #mentoGate article.bottom .right .rollMento .workInfo .left, .workInfo #mentoGate article.bottom .right .rollMento .left, #mentoGate article.bottom .right .rollMento #main .article1 .section1 li a, #main .article1 .section1 li #mentoGate article.bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento #main .article1 .section2 .banner a .tit, #main .article1 .section2 .banner a #mentoGate article.bottom .right .rollMento .tit, #mentoGate article.bottom .right .rollMento #main .article2 .section2 li, #main .article2 .section2 #mentoGate article.bottom .right .rollMento li, #mentoGate article.bottom .right .rollMento #main .article3 .section2 .left, #main .article3 .section2 #mentoGate article.bottom .right .rollMento .left, #mentoGate article.bottom .right .rollMento #main .article3 .section2 .right, #main .article3 .section2 #mentoGate article.bottom .right .rollMento .right, #mentoGate article.bottom .right .rollMento #main .article4 .section1 p:last-of-type, #main .article4 .section1 #mentoGate article.bottom .right .rollMento p:last-of-type, #mentoGate article.bottom .right .rollMento #main .article4 .section3 ul a, #main .article4 .section3 ul #mentoGate article.bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento .left p.data span:first-child, #mentoGate article.bottom .left p.data .right .rollMento span:first-child, #mentoGate article.bottom .right .rollMento .bottom a, #mentoGate article.bottom .bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento .favorList .list li .txt, .favorList .list li #mentoGate article.bottom .right .rollMento .txt, #mentoGate article.bottom .right .rollMento .mentoInfo li a, #mentoGate .mentoInfo article.bottom .right .rollMento a, .mentoInfo #mentoGate article.bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento .myPage .myTop .group .list p:first-of-type, .myPage .myTop .group .list #mentoGate article.bottom .right .rollMento p:first-of-type, #mentoGate article.bottom .right .rollMento .myPage .footerGroup .leftCon .bltList span:first-of-type, .myPage .footerGroup .leftCon .bltList #mentoGate article.bottom .right .rollMento span:first-of-type, #mentoGate article.bottom .right .rollMento .myPage .footerGroup .bltList a, .myPage .footerGroup .bltList #mentoGate article.bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento .notiList.type2 tr td:nth-child(2) a, .notiList.type2 tr td:nth-child(2) #mentoGate article.bottom .right .rollMento a, #mentoGate article.bottom .right .rollMento .previewList > div .txt span:first-child, .previewList > div .txt #mentoGate article.bottom .right .rollMento span:first-child { width: 280px; margin: 10px auto 0; }
#mentoGate article.bottom .right .rollMento p:last-of-type { font-size: 13px; }
#mentoGate article.bottom .right .bx-controls-direction a.bx-prev { left: 30px; position: absolute; top: 70px; }
#mentoGate article.bottom .right .bx-controls-direction a.bx-next { right: 30px; position: absolute; top: 70px; }
#mentoGate article.bottom .bottom { clear: both; height: 255px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; background: url("/images/mento/bg_mentoGate.jpg") no-repeat right bottom; position: relative; }
#mentoGate article.bottom .bottom ul { margin-top: 20px; }
#mentoGate article.bottom .bottom h1 { position: absolute; left: 0; top: -30px; }
#mentoGate article.bottom .bottom h1 a { font-size: 26px; display: block; color: #848484; }
#mentoGate article.bottom .bottom a { font-size: 14px; display: inline-block; max-width: 500px; }
#mentoGate article.bottom .bottom .icoNew, #mentoGate article.bottom .bottom li.new:after, #mentoGate article.bottom .bottom .tabList li.new:after { top: -3px; margin-left: 5px; }
#mentoGate article.bottom .bottom .tabList { position: absolute; left: 20px; top: 60px; width: 100%; }
#mentoGate article.bottom .bottom .tabList ul { display: none; margin-top: 30px; }
#mentoGate article.bottom .bottom .tabList li:before { top: -8px; }
#mentoGate article.bottom .bottom .tabList li.new:after { content: ''; }
#mentoGate article.bottom .bottom .tabList.active h1 a { color: #212121; }
#mentoGate article.bottom .bottom .tabList.active ul { display: block; height: 120px; width: 100%; }
#mentoGate article.bottom .bottom .tabList.active .icoBmore { display: block; }
#mentoGate article.bottom .bottom .tabList#tab1 h1 { left: 0; width: 100px; }
#mentoGate article.bottom .bottom .tabList#tab2 h1 { left: 120px; width: 180px; }
#mentoGate article.bottom .bottom .tabList#tab3 h1 { left: 330px; width: 130px; }
#mentoGate article.bottom .bottom .icoBmore { right: 50px; top: -17px; display: none; }

.favorList { position: relative; margin-top: 55px; }
.favorList h1 { float: left; font-size: 18px; }
.favorList .btnRedA { position: absolute; top: -7px; right: 0; }
.favorList .btnRedA:after { content: ''; margin-left: 10px; top: 2px; }
.favorList .list { clear: both; float: left; overflow: hidden; margin-top: 15px; }
.favorList .list li { float: left; width: 161px; height: 296px; margin-left: 75px; }
.favorList .list li:first-child, .favorList .list li:nth-child(4n+1) { margin-left: 40px; }
.favorList .list li a { position: relative; display: block; height: 269px; }
.favorList .list li .img { margin-bottom: 10px; overflow: hidden; }
.favorList .list li .img img { width: 159px; height: 177px; }
.favorList .list li .mentoItem { margin-bottom: 4px; }
.favorList .list li .txt { font-size: 14px; letter-spacing: -1px; }
.favorList .list li .name { font-size: 16px; }
.favorList .list li .say { margin-top: 3px; font-size: 13px; max-height: 35px; overflow: hidden; }
.favorList .list li .meno { display: none; overflow: hidden; }
.favorList.hover { border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; }
.favorList.hover li { margin-bottom: 35px; }
.favorList.hover .list a:hover { height: 296px; background: #d74042; padding: 30px 20px; color: #fff; }
.favorList.hover .list a:hover .img { display: none; }
.favorList.hover .list a:hover .name { font-size: 22px; }
.favorList.hover .list a:hover .say { display: none; }
.favorList.hover .list a:hover .meno { display: block; height: 150px; font-size: 14px; line-height: 18px; }
.favorList.hover .list a:hover .meno span { display: block; color: #ff9ea1; margin-top: 18px; margin-bottom: 5px; }
.favorList.type2 { border-bottom: 1px solid #e1e1e1; }
.favorList.type2 .list { margin-bottom: 27px; }
.favorList.type2 .list li { margin-bottom: 25px; }
.favorList.type3 .list li { height: 269px; }

.fundList { position: relative; margin-top: 55px; }
.fundList h1 { float: left; font-size: 18px; }
.fundList .btnRedA { position: absolute; top: -7px; right: 0; }
.fundList .btnRedA:after { content: ''; margin-left: 10px; top: 2px; }
.fundList .list { clear: both; float: left; overflow: hidden; margin-top: 15px; }
.fundList .list li { float: left; width: 200px; height: 296px; margin-left: 65px; }
.fundList .list li:first-child, .fundList .list li:nth-child(4n+1) { margin-left: 0px; }
.fundList .list li a { position: relative; display: block; height: 269px; }
.fundList .list li .img { margin-bottom: 10px; overflow: hidden; }
.fundList .list li .img img { width: 100%; height: 222px; }
.fundList .list li .mentoItem { margin-bottom: 4px; }
.fundList .list li .txt { font-size: 14px; letter-spacing: -1px; }
.fundList .list li .name { font-size: 16px; }
.fundList .list li .say { margin-top: 3px; font-size: 13px; max-height: 35px; overflow: hidden; }
.fundList .list li .meno { display: none; overflow: hidden; }
.fundList.hover { border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; }
.fundList.hover li { margin-bottom: 35px; }
.fundList.hover .list a:hover { height: 296px; background: #d74042; padding: 30px 20px; color: #fff; }
.fundList.hover .list a:hover .img { display: none; }
.fundList.hover .list a:hover .name { font-size: 22px; }
.fundList.hover .list a:hover .say { display: none; }
.fundList.hover .list a:hover .meno { display: block; height: 150px; font-size: 14px; line-height: 18px; }
.fundList.hover .list a:hover .meno span { display: block; color: #ff9ea1; margin-top: 18px; margin-bottom: 5px; }
.fundList.type2 { border-bottom: 1px solid #e1e1e1; }
.fundList.type2 .list { margin-bottom: 27px; }
.fundList.type2 .list li { margin-bottom: 25px; }
.fundList.type3 .list li { height: 269px; }

.selectType { margin-top: 35px; }
.selectType h1 { font-size: 18px; }
.selectType h1 a { font-size: 12px; vertical-align: top; margin-left: 5px; line-height: 27px; height: 27px; }
.selectType a { font-size: 15px; position: relative; }
.selectType a:hover, .selectType a.active { color: #d74042; }
.selectType ul { margin-top: 4px; }
.selectType li { display: inline-block; margin: 1px 0; }
.selectType li:after { content: ''; display: inline-block; position: relative; top: 3px; width: 1px; height: 16px; background: #d1d1d1; margin: 0 5px 0 9px; vertical-align: top; }
.selectType li:last-child:after { display: none; }

.mentoListInfo { margin-top: 30px; overflow: hidden; border-bottom: 1px solid #e8e8e8; padding-bottom: 35px; margin-bottom: 20px; }
.mentoListInfo .mentoItem { margin-bottom: 5px; }
.mentoListInfo .img { float: left; position: relative; overflow: hidden; }
.mentoListInfo .img img { width: 178px; height: 196px; }
.mentoListInfo .info { float: right; width: 785px; }
.mentoListInfo .info h1 { font-size: 28px; float: left; }
.mentoListInfo .info h1 span { font-size: 16px; display: block; }
.mentoListInfo .info .cnt { float: right; }
.mentoListInfo .info .cnt p { width: 130px; font-size: 13px; float: left; }
.mentoListInfo .info .cnt p:before { margin-right: 5px; content: ''; float: left; }
.mentoListInfo .info .cnt p span { font-size: 28px; line-height: 32px; display: inline-block; width: 70px; overflow: hidden; }
.mentoListInfo .info h2 { clear: both; float: left; font-size: 14px; margin-top: 20px; margin-bottom: 5px; }
.mentoListInfo .info > p { font-size: 14px; clear: both; }
.mentoListInfo .info .working { margin-top: 12px; text-indent: -65px; padding-left: 65px; }

.mentoInfo { width: 100%; overflow: hidden; border: 1px solid #e8e8e8; font-size: 14px; margin: 30px 0; }
.mentoInfo h1 { font-size: 22px; margin-bottom: 20px; }
.mentoInfo li a { font-size: 14px; max-width: 250px; display: inline-block; }
.mentoInfo li.new:after { content: ''; top: -4px; margin-left: 5px; }
.mentoInfo .left { width: 50%; display: table-cell; }
.mentoInfo .left li:before { top: -8px; }
.mentoInfo .right { width: 50%; display: table-cell; border-left: 1px solid #e8e8e8; }
.mentoInfo .right article:first-child { border-bottom: 1px solid #e8e8e8; border-right: none; }
.mentoInfo .right li:before { top: -8px; }
.mentoInfo article { position: relative; padding: 30px 35px; }
.mentoInfo article .icoBmore { position: absolute; right: 35px; top: 38px; }
.mentoInfo > article { width: 100%; }
.mentoInfo > article ul { overflow: hidden; }
.mentoInfo > article ul li { padding-left: 10px; text-indent: -10px; line-height: 21px; }
.mentoInfo > div { display: table; width: 100%; }
.mentoInfo .bottom { clear: both; position: relative; height: 255px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; background: url("/images/mento/bg_mentoGate.jpg") no-repeat right bottom; position: relative; }
.mentoInfo .bottom ul { margin-top: 20px; }
.mentoInfo .bottom a { font-size: 14px; display: inline-block; max-width: 500px; }
.mentoInfo .bottom .tabTit { overflow: hidden; padding: 30px 20px; }
.mentoInfo .bottom .tabTit a { float: left; display: block; font-size: 22px; margin-right: 20px; color: #717171; }
.mentoInfo .bottom .tabTit a.active { color: #212121; }
.mentoInfo .bottom .icoNew, .mentoInfo #mentoGate article.bottom .bottom .tabList li.new:after, #mentoGate article.bottom .mentoInfo .bottom .tabList li.new:after, .mentoInfo .bottom li.new:after, .mentoInfo .bottom .tabList li.new:after { top: -3px; margin-left: 5px; }
.mentoInfo .bottom .tabList { position: absolute; left: 20px; top: 60px; width: 100%; }
.mentoInfo .bottom .tabList ul { display: none; margin-top: 30px; }
.mentoInfo .bottom .tabList li:before { top: -5px; }
.mentoInfo .bottom .tabList li.new:after { content: ''; }
.mentoInfo .bottom .tabList.active h1 a { color: #212121; }
.mentoInfo .bottom .tabList.active ul { display: block; height: 120px; width: 100%; }
.mentoInfo .bottom .tabList.active .icoBmore { display: block; }
.mentoInfo .bottom .tabList#tab1 h1 { left: 0; width: 150px; }
.mentoInfo .bottom .tabList#tab2 h1 { left: 120px; width: 180px; }
.mentoInfo .bottom .tabList#tab3 h1 { left: 330px; width: 200px; }
.mentoInfo .bottom .icoBmore { right: 50px; top: -17px; display: none; position: absolute; }

.reply { position: relative; background: #fafafa; border-bottom: 1px solid #e8e8e8; padding: 35px 50px 35px 70px; overflow: hidden; }
.reply:before { content: ''; position: absolute; left: 20px; top: 35px; }
.reply .img { float: left; width: 85px; }
.reply .img img { width: 85px; height: 94px; }
.reply .info { float: right; width: 480px; font-size: 14px; }
.reply .info h1 { font-size: 16px; color: #d74042; margin-bottom: 5px; }
.reply .info .name { font-size: 26px; margin-bottom: 15px; line-height: 28px; }
.reply .info .file { margin-top: 10px; }
.reply .info .file span { color: #424242; }
.reply .info .file span:after { content: ''; display: inline-block; width: 1px; height: 18px; background: #e8e8e8; margin: 0 15px; position: relative; top: 4px; }
.reply .info .file a { font-size: 13px; display: inline-block; }
.reply .info .file a:after { content: ''; margin-left: 5px; }
.reply.modify { background: none; padding: 35px 20px; }
.reply.modify > h1 { font-size: 16px; line-height: 16px; padding-left: 45px; }

.agreeBox .fltRight { font-size: 12px; margin-top: 5px; }

.rbtn.name, .name.rgreen, .name.rblue, .name.rgray, .name.rblack, .name.rred, .name.rskyBlue, .name.rbtnGray { transition: all 0.2s; }
.rbtn.name:hover, .name.rgreen:hover, .name.rblue:hover, .name.rgray:hover, .name.rblack:hover, .name.rred:hover, .name.rskyBlue:hover, .name.rbtnGray:hover { background: #3b75a3; color: #fff; border-color: #3b75a3; }

.joinComplete { margin-top: 85px; text-align: center; }
.joinComplete > p { font-size: 22px; position: relative; margin-bottom: 45px; }
.joinComplete > p:before { content: ''; position: absolute; left: 190px; bottom: 2px; }
.joinComplete .grayBox { background: #f9f9f9; padding: 20px 0; text-align: center; font-size: 14px; color: #717171; }
.joinComplete .grayBox p:first-of-type { font-size: 16px; color: #212121; }

.btnBox a span { top: 1px; }

.btnBox > a:hover {background-color: #2196F3; }

.findTab { overflow: hidden; margin-top: 36px; }
.findTab a { display: block; float: left; width: 130px; height: 35px; border: 1px solid #e8e8e8; border-bottom: none; font-size: 16px; color: #717171; line-height: 35px; text-align: center; }
.findTab a.on { color: #3b75a3; }
.findTab a:last-child { border-left: none; }

.findPwd { position: relative; }
.findPwd h1 { font-size: 22px; margin-bottom: 5px; }
.findPwd h2 { font-size: 16px; margin-bottom: 15px; }
.findPwd .bltList li { text-indent: -8px; padding-left: 8px; }
.findPwd .bltList li:before { top: -5px; }
.findPwd input[type='text'] { display: block; width: 100%; margin-top: 10px; }
.findPwd input[type='text']:first-of-type { margin-top: 20px; }
.findPwd > div { padding: 25px 45px 25px 170px; border: 1px solid #e8e8e8; font-size: 13px; position: relative; }
.findPwd > div:before { content: ''; background: #f9fafb; position: absolute; left: 0; top: 0; width: 128px; height: 100%; border-right: 1px solid #e8e8e8; }
.findPwd.idSearch > div:after { content: ''; position: absolute; left: 35px; top: 55px; }
.findPwd.pwdSearch > div:after { content: ''; position: absolute; left: 35px; top: 55px; }
.findPwd .btnDarkBlue { width: 115px; margin-top: 20px; }
.findPwd .chkOutid { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e8e8e8; }
.findPwd .chkOutid h3 { font-size: 16px; }

.changeDormant { padding: 35px 40px; border: 1px solid #e8e8e8; margin-top: 30px; }
.changeDormant > h1 { font-size: 26px; padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; }
.changeDormant p { font-size: 14px; color: #717171; }
.changeDormant p:first-of-type { font-size: 18px; color: #212121; margin-bottom: 15px; }
.changeDormant p:last-of-type { color: #212121; margin-top: 10px; }
.changeDormant .btnDarkBlue { width: 120px; }

#popupChgComplete .cover { height: 222px; margin-top: -111px; }
#popupChgComplete .relative { text-align: center; }
#popupChgComplete p { font-size: 14px; }
#popupChgComplete .btnBlue, #popupChgComplete .btnBlueM, #popupChgComplete .viewTitle > div.boardInfo1 .btn:hover, .viewTitle > div.boardInfo1 #popupChgComplete .btn:hover, #popupChgComplete .viewTitle > div.boardInfo1 .btnNavy:hover, .viewTitle > div.boardInfo1 #popupChgComplete .btnNavy:hover, #popupChgComplete .viewTitle > div.boardInfo1 .btnDarkBlue:hover, .viewTitle > div.boardInfo1 #popupChgComplete .btnDarkBlue:hover, #popupChgComplete .viewTitle > div.boardInfo1 .btnDarkBlueS:hover, .viewTitle > div.boardInfo1 #popupChgComplete .btnDarkBlueS:hover, #popupChgComplete .viewTitle > div.boardInfo1 .btnRed:hover, .viewTitle > div.boardInfo1 #popupChgComplete .btnRed:hover, #popupChgComplete .viewTitle > div.boardInfo1 .mbtn:hover, .viewTitle > div.boardInfo1 #popupChgComplete .mbtn:hover, #popupChgComplete .viewTitle > div.boardInfo1 .abtn:hover, .viewTitle > div.boardInfo1 #popupChgComplete .abtn:hover, #popupChgComplete .viewTitle > div.boardInfo1 .btnBlueA:hover, .viewTitle > div.boardInfo1 #popupChgComplete .btnBlueA:hover, #popupChgComplete .viewTitle > div.boardInfo1 .btnRedA:hover, .viewTitle > div.boardInfo1 #popupChgComplete .btnRedA:hover, #popupChgComplete .viewTitle > div.boardInfo1 .btnGrayA:hover, .viewTitle > div.boardInfo1 #popupChgComplete .btnGrayA:hover, #popupChgComplete .viewTitle > div.boardInfo1 .btnDarkBlueA:hover, .viewTitle > div.boardInfo1 #popupChgComplete .btnDarkBlueA:hover { margin-top: 20px; }
#popupChgComplete .cRed { margin: 20px 0 10px 0; }

#coming { background: rgba(0, 0, 0, 0.8); }
#coming h1 { text-align: center; font-size: 42px; }
#coming .cover { width: 544px; height: 372px; margin: -186px 0 0 -272px; background: #3b75a3; color: #fff; padding: 50px; text-align: center; }
#coming .comm { font-size: 25px; margin-top: 10px; }
#coming .date_bg { display: inline-block; width: 88px; height: 88px; background: #fff; color: #3b75a3; font-size: 36px; line-height: 88px; border-radius: 50%; margin-top: 30px; }
#coming .date_txt { display: block; margin-top: 10px; }
#coming .icoPopClose { top: -100px; left: 200px; }

.viewTable.drop h1 { font-size: 16px; margin-bottom: 5px; }
.viewTable.drop .agreeBox { height: 160px; overflow: hidden; }
.viewTable.drop .agreeBox p { margin-top: 15px; }
.viewTable.drop .agreeBox ul li { text-indent: -15px; padding-left: 15px; }

.bgTd { background: #eff6fc; }

.subTopTit h1 { font-size: 16px; line-height: 47px; margin-top: 30px; border-top: 2px solid #626771; border-bottom: 1px solid #e8e8e8; }
.subTopTit .inbox { padding: 20px 33px 0 33px; }

#subPage.siteMap { background: none; }
#subPage.siteMap #rightContent { width: 100%; float: none; }
#subPage.siteMap #rightContent .mapList { width: 100%; padding: 0; }
#subPage.siteMap #rightContent .mapList #subNav { padding: 0; margin-top: 30px; width: 100%; margin-bottom: 120px; }
#subPage.siteMap #rightContent .mapList #subNav dl { display: block; float: left; }
#subPage.siteMap #rightContent .mapList #subNav dl dt { font-size: 18px; border-color: #3b75a3; color: #212121; }
#subPage.siteMap #rightContent .mapList #subNav dl dt::before { content: ''; top: 2px; margin-right: 10px; }
#subPage.siteMap #rightContent .mapList #subNav dl dd { border-bottom: 1px solid #dcdcdc; }
#subPage.siteMap #rightContent .mapList #subNav dl dd a { font-size: 15px; }
#subPage.siteMap #rightContent .mapList #subNav dl dd .subList a { font-size: 13px; }
#subPage.siteMap #rightContent .mapList #subNav dl.sub00 { width: 190px; margin-right: 58px; }
#subPage.siteMap #rightContent .mapList #subNav dl.sub01 { width: 190px; margin-right: 75px; }
#subPage.siteMap #rightContent .mapList #subNav dl.sub02 { width: 150px; margin-right: 57px; }
#subPage.siteMap #rightContent .mapList #subNav dl.sub03 { width: 240px; float: right; }
#subPage.siteMap #rightContent .mapList #subNav dl.sub04 { clear: both; float: left; width: 190px; margin-right: 57px; margin-top: 85px; }
#subPage.siteMap #rightContent .mapList #subNav dl.sub05 { width: 190px; margin-top: 85px; }
#subPage.siteMap #rightContent .mapList #subNav dl.sub07, #subPage.siteMap #rightContent .mapList #subNav dl.sub08 { display: none; }
#subPage.siteMap .snbBanner { display: none; }

.myPage { margin-top: 30px; overflow: hidden; width:724px; margin:20px 140px; }
.myPage article h1 { font-size: 18px; line-height: 18px; margin-bottom: 10px; }
.myPage .myTop { overflow: hidden; }
.myPage .myTop > .left { float: left; width: 273px; }
.myPage .myTop > .left .credit { width: 100%; margin-bottom: 30px; }
.myPage .myTop > .left .credit .box { height: 98px; background: #3b75a3; position: relative; padding: 24px 0 0 94px; color: #fff; }
.myPage .myTop > .left .credit .box h2 { font-size: 14px; }
.myPage .myTop > .left .credit .box .coin { font-size: 26px; font-family: "Myriad Pro Regular"; letter-spacing: -0.5px; font-weight: 100; color: #f7ff9a; margin-right: 5px; }
.myPage .myTop > .left .credit .box:before { content: ''; position: absolute; left: 20px; top: 21px; }
.myPage .myTop > .left article:last-of-type .box { height: 106px; padding: 14px 0 0 121px; font-size: 13px; letter-spacing: -0.5px; line-height: 15px; position: relative; }
.myPage .myTop > .left article:last-of-type .box:before { content: ''; position: absolute; left: 21px; top: 11px; }
.myPage .myTop > .left article:last-of-type .box.config:before { position: absolute; left: 21px; top: 11px; }
.myPage .myTop > .left article:last-of-type .box .btn, .myPage .myTop > .left article:last-of-type .box .btnNavy, .myPage .myTop > .left article:last-of-type .box .btnBlue, .myPage .myTop > .left article:last-of-type .box .btnBlueM, .myPage .myTop > .left article:last-of-type .box .btnDarkBlue, .myPage .myTop > .left article:last-of-type .box .btnDarkBlueS, .myPage .myTop > .left article:last-of-type .box .btnRed, .myPage .myTop > .left article:last-of-type .box .mbtn, .myPage .myTop > .left article:last-of-type .box .abtn, .myPage .myTop > .left article:last-of-type .box .btnBlueA, .myPage .myTop > .left article:last-of-type .box .btnRedA, .myPage .myTop > .left article:last-of-type .box .btnGrayA, .myPage .myTop > .left article:last-of-type .box .btnDarkBlueA { width: 74px; height: 26px; line-height: 26px; min-width: 0; margin-top: 5px; }
.myPage .myTop > .left article:last-of-type .box .btn:hover, .myPage .myTop > .left article:last-of-type .box .btnNavy:hover, .myPage .myTop > .left article:last-of-type .box .btnBlue:hover, .myPage .myTop > .left article:last-of-type .box .btnBlueM:hover, .myPage .myTop > .left article:last-of-type .box .btnDarkBlue:hover, .myPage .myTop > .left article:last-of-type .box .btnDarkBlueS:hover, .myPage .myTop > .left article:last-of-type .box .btnRed:hover, .myPage .myTop > .left article:last-of-type .box .mbtn:hover, .myPage .myTop > .left article:last-of-type .box .abtn:hover, .myPage .myTop > .left article:last-of-type .box .btnBlueA:hover, .myPage .myTop > .left article:last-of-type .box .btnRedA:hover, .myPage .myTop > .left article:last-of-type .box .btnGrayA:hover, .myPage .myTop > .left article:last-of-type .box .btnDarkBlueA:hover { background: #3b75a3; border-color: #3b75a3; color: #fff; }
.myPage .myTop > .right { float: right; width: 395px; position: relative; }
.myPage .myTop > .right .icoBmore { position: absolute; right: 0px; top: 5px; }
.myPage .myTop .box { border: 1px solid #e8e8e8; padding: 32px 30px; }
.myPage .myTop .group { padding: 31px 29px; border: 1px solid #e8e8e8; height: 262px; }
.myPage .myTop .group .hed { overflow: hidden; height: 66px; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; }
.myPage .myTop .group .hed p { font-size: 28px; font-family: 'Myriad Pro Regular'; font-weight: 100; line-height: 28px; }
.myPage .myTop .group .hed div { min-width: 133px; float: left; position: relative; }
.myPage .myTop .group .hed div:before { content: ''; float: left; margin-right: 5px; }
.myPage .myTop .group .hed .left { margin-left: 5px; }
.myPage .myTop .group .list a { display: block; overflow: hidden; line-height: 14px; font-size: 14px; margin-bottom: 12px; }
.myPage .myTop .group .list p { float: left; }
.myPage .myTop .group .list p:first-of-type { width: 250px; }
.myPage .myTop .group .list p:last-of-type { width: 80px; float: right; }
.myPage .myTop .group .list p.txtCnt { width: 335px; }
.myPage .myTop h2 { font-size: 13px; }
.myPage .info { margin-top: 28px; }
.myPage .info .box { border: 1px solid #e8e8e8; padding: 19px 23px; overflow: hidden; }
.myPage .info a { display: block; float: left; margin-right: 23px; font-size: 14px; line-height: 14px; }
.myPage .info a:before { content: ''; margin-right: 5px; vertical-align: top; top: -2px; }
.myPage .info a:hover { font-weight: bold; }
.myPage .footerGroup { margin-top: 55px; }
.myPage .footerGroup article { position: relative; }
.myPage .footerGroup article h1 { margin-bottom: 20px; }
.myPage .footerGroup .icoBmore { position: absolute; right: 0; top: 4px; }
.myPage .footerGroup .stepArea { background: url("/images/common/bg_trainStep_01.jpg") no-repeat 0 0; width: 261px; height: 30px; position: relative; }
.myPage .footerGroup .stepArea span { display: block; }
.myPage .footerGroup .stepArea .step2 { margin-left: 85px; }
.myPage .footerGroup .stepArea .step3 { margin-left: 170px; }
.myPage .footerGroup .stepArea.noLimit { background: url("/images/common/bg_trainStep_02.jpg") no-repeat 0 0; }
.myPage .footerGroup .stepArea.noLimit .step3 { margin-left: 170px; }
.myPage .footerGroup .leftCon { clear: both; float: left; width: 261px; }
.myPage .footerGroup .leftCon .bltList span { display: block; float: left; }
.myPage .footerGroup .leftCon .bltList span:first-of-type { width: 190px; padding-right: 5px; }
.myPage .footerGroup .leftCon .bltList span:last-of-type { float: right; }
.myPage .footerGroup .leftCon:first-of-type .bltList { height: 25px; }
.myPage .footerGroup .leftCon.idea .bltList { border-bottom: none; }
.myPage .footerGroup .leftCon.idea .bltList a:first-of-type { display: inline-block; width: 95%; max-width: 100%; }
.myPage .footerGroup .leftCon.idea .bltList li { line-height: 37px; border-bottom: 1px solid #e8e8e8; }
.myPage .footerGroup .leftCon.idea .bltList li span:first-of-type { width: 140px; }
.myPage .footerGroup .leftCon.idea .bltList li span:last-of-type { width: 45px; text-align: center; }
.myPage .footerGroup .rightCon { position: relative; float: right; width: 397px; }
.myPage .footerGroup .rightCon .bltList { border-bottom: none; display: table; width: 100%; }
.myPage .footerGroup .rightCon .bltList a, .myPage .footerGroup .rightCon .bltList span { dispaly: table-cell; }
.myPage .footerGroup .rightCon .bltList a:first-of-type { display: inline-block; width: 230px; max-width: 100%; }
.myPage .footerGroup .rightCon .bltList a.mento { display: inline-block; font-size: 12px; text-align: center; width: 58px; height: 26px; line-height: 26px; border: 1px solid #ccc; margin-right: 10px; margin-top: 0; position: relative; top: 5px; }
.myPage .footerGroup .rightCon .bltList a.mento:after { content: ''; top: 1px; margin-left: 5px; line-height: 23px; }
.myPage .footerGroup .rightCon .bltList a.mento:hover { color: #fff; background: #3b75a3; border-color: #3b75a3; }
.myPage .footerGroup .rightCon .bltList a.mento:hover:after { top: 1px; margin-left: 5px; line-height: 23px; }
.myPage .footerGroup .rightCon .bltList li { height: 37px; border-bottom: 1px solid #e8e8e8; line-height: 37px; }
.myPage .footerGroup .rightCon .bltList li:before { float: left; top: 17px; }
.myPage .footerGroup .bltList { margin-top: 20px; border-bottom: 1px solid #e8e8e8; padding-bottom: 8px; height: 84px; }
.myPage .footerGroup .bltList li { overflow: hidden; font-size: 14px; line-height: 14px; }
.myPage .footerGroup .bltList li:before { top: -6px; }
.myPage .footerGroup .bltList a { font-size: 14px; line-height: 14px; display: inline-block; }
.myPage .footerGroup .bltList span { display: block; float: right; }

.mento { margin-top: 30px; }
.mento h1 { font-size: 24px; line-height: 24px; margin-bottom: 15px; }
.mento h2 { font-size: 18px; line-height: 18px; margin: 40px 0 20px 0; }
.mento p, .mento li { font-size: 14px; line-height: 20px; }
.mento strong { margin: 17px 0 7px 0; display: block; }
.mento .roundBig { margin: 10px 0 20px 0; }
.mento .big { margin-bottom: 35px; }
.mento .big .cRed { margin-bottom: 5px; }
.mento .big p { font-size: 16px; line-height: 20px; }

.policy { margin-top: 30px; font-size: 13px; }
.policy h1 { font-size: 16px; line-height: 16px; margin: 38px 0 15px 0; border: none; }
.policy strong { display: block; margin-top: 15px; }
.policy li { line-height: 16px; margin-top: 12px; }
.policy div.viewTable.type2 table { margin-top: 20px; width: 617px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
.policy div.viewTable.type2 table tr th, .policy div.viewTable.type2 table tr td { border-top: 1px solid #e8e8e8 !important; }
.policy div.viewTable.type2 table thead th { background: #fafafa; border: 1px solid #e8e8e8; }
.policy .boxGray { padding: 25px 23px; background: #f4f5f5; font-size: 13px; line-height: 22px; overflow: hidden; }
.policy .boxGray ul { float: left; margin-left: 15px; }
.policy .boxGray ul:first-of-type { margin-left: 0; }
.policy .boxGray li { margin-top: 5px; text-indent: -6px; padding-left: 6px; }
.policy .boxGray li:before { top: -4px; }
.policy .boxGray p { margin-bottom: 15px; }
.policy .tab1 { width: 205px; }
.policy .tab2 { width: 210px; }
.policy .tab3 { width: 268px; }
.policy .tab4 { width: 220px; }

.agreeBox .policy { margin-top: 0; }
.agreeBox .boxGray { padding: 0; background: none; }
.agreeBox .boxGray ul { width: 50%; margin: 0; margin-top: 10px; }
.agreeBox .boxGray ul:nth-of-type(2n+1) { clear: both; }
.agreeBox div.viewTable.type2 table { width: 100%; }

.familyLink .img { width: 197px; height: 56px; }
.familyLink .img img { width: 100%; height: 100%; }
.familyLink article { overflow: hidden; }
.familyLink article > h1 { border-top: 2px solid #626771; background: #f3f5f6; line-height: 45px; padding-left: 20px; margin-bottom: 30px; }
.familyLink article > h1:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #212121; position: relative; top: -4px; margin-right: 5px; }
.familyLink article a { display: block; margin-left: 36px; margin-bottom: 23px; float: left; width: 209px; overflow: hidden; height: 120px; }
.familyLink article a:first-of-type { margin-left: 0; }
.familyLink article a:nth-of-type(4n+1) { margin-left: 0; }
.familyLink article a p { font-size: 12px; height: 34px; overflow: hidden; }
.familyLink article h2 { font-size: 14px; line-height: 14px; margin: 16px 0 4px 0; }

.idTotal { margin-top: 55px; text-align: center; }
.idTotal:before { content: ''; display: block; margin: 0 auto; }
.idTotal h1 { font-size: 26px; line-height: 26px; margin: 20px 0; }
.idTotal p { font-size: 18px; line-height: 18px; }
.idTotal a { margin-top: 23px; height: 41px; font-size: 16px; line-height: 38px; }
.idTotal a span { margin-right: 10px; position: relative; top: 3px; }

.typeInfo { margin: 30px 0 15px 0; float: right; }

.errorPage { margin: 45px 0 35px 0; border-bottom: 1px solid #e8e8e8; padding-bottom: 45px; position: relative; text-align: center; }
.errorPage p { font-size: 14px; line-height: 18px; }
.errorPage p.tit { font-size: 22px; line-height: 22px; margin-bottom: 15px; }
.errorPage:before { content: ''; display: block; margin: 0 auto 20px auto; }
.errorPage .darkBox { padding: 15px 20px; background: #3b4251; margin-top: 30px; color: #fff; display: inline-block; font-size: 14px; }
.errorPage .darkBox:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #fff; position: relative; top: -5px; margin-right: 4px; }

.favorList.selectMento { margin-top: 0 !important; padding-bottom: 30px; }
.favorList.selectMento .cRed { margin-top: 10px; }
.favorList.selectMento .list { margin-top: 0; }
.favorList.selectMento .list li { height: auto; overflow: visible; }
.favorList.selectMento .list li label { display: block; margin-top: 5px; }
.favorList.selectMento .list li .txt { text-overflow: clip; overflow: visible; word-wrap: normal !important; word-break: normal; white-space: normal !important; }
.favorList.selectMento .list li .bltList { overflow: hidden; }
.favorList.selectMento .list li .bltList li { text-indent: -8px; padding-left: 8px; margin-left: 0; }

.consultingTime { width: 100%; border-top: 2px solid #484f5d; border-bottom: 1px solid #484f5d; display: table; }
.consultingTime > div { display: table-cell; width: 50%; position: relative; }
.consultingTime > div:first-of-type { border-right: 1px solid #e8e8e8; }
.consultingTime h1 { display: block; background: #f9fafb; text-align: center; font-size: 14px; line-height: 46px; }
.consultingTime .cont { padding: 32px 55px 140px 55px; font-size: 13px; }
.consultingTime .part { overflow: hidden; display: block; width: 171px; margin: 24px auto; }
.consultingTime .part h2 { font-size: 13px; line-height: 13px; padding: 20px 0; vertical-align: top; width: 45px; float: left; }
.consultingTime .part ul { float: left; display: inline-block; border-top: 1px solid #e8e8e8; max-width: 126px; }
.consultingTime .part li { text-align: center; width: 63px; height: 59px; line-height: 59px; float: left; border: 1px solid #e8e8e8; border-top: none; }
.consultingTime .part li:nth-of-type(even) { border-left: none; }
.consultingTime .part li a { display: block; width: 100%; height: 100%; cursor: context-menu; color: #ccc }
.consultingTime .part li.onday a { background: #f9f9f9; color: #212121; cursor: pointer; }
.consultingTime .part li.selected a { background: #3b4251; color: #fff; }
.consultingTime .info { overflow: hidden; position: absolute; top: 370px; width: 200px; margin-left: 35px; font-size: 13px; }
.consultingTime .info p { float: left; width: 50%; }
.consultingTime .info p:first-of-type:before { border: 1px solid #e8e8e8; background: #f9f9f9; }
.consultingTime .info p:last-of-type:before { background: #3b4251; }
.consultingTime .info p:before { content: ''; display: inline-block; width: 12px; height: 12px; vertical-align: middle; margin-right: 5px; }
.consultingTime .submit { position: absolute; text-align: center; background: #efefef; line-height: 45px; border-top: 1px solid #e8e8e8; left: 0; bottom: 0; width: 100%; font-size: 13px; }
.consultingTime .submit:before { content: ''; margin-right: 3px; }
.consultingTime .day .mons { width: 127px; margin: 0 auto; position: relative; text-align: center; font-size: 14px; line-height: 14px; }
.consultingTime .day .mons span { font-size: 22px; line-height: 22px; margin-left: 5px; }
.consultingTime .day .mons a { position: absolute; top: 8px; }
.consultingTime .day .mons a:first-of-type { left: 0; }
.consultingTime .day .mons a:last-of-type { right: 0; }
.consultingTime .day .info { margin-left: 63px; width: 330px; }
.consultingTime .day .info p { width: 31%; }
.consultingTime .day .info p:first-of-type { width: 50px; }
.consultingTime .day .info p:first-of-type:before { border: none; background: #d74042; border-radius: 50%; width: 4px; height: 4px; position: relative; top: -1px; }
.consultingTime .day .info p:nth-of-type(2):before { border: 1px solid #e8e8e8; background: #f9f9f9; }
.consultingTime .day .calendar { margin-top: 20px; width: 235px; display: table; }
.consultingTime .day .calendar ul { display: table-row; color: #717171; }
.consultingTime .day .calendar ul:first-of-type { color: #212121; }
.consultingTime .day .calendar li { display: table-cell; text-align: center; width: 34px; height: 34px; vertical-align: middle; padding: 1px; }
.consultingTime .day .calendar li:first-of-type { color: #d74042; }
.consultingTime .day .calendar li:last-of-type { color: #3b75a3; }
.consultingTime .day .calendar li a { cursor: context-menu; }
.consultingTime .day .calendar.chk a { cursor: pointer; display: block; width: 32px; height: 32px; border: 1px solid #e8e8e8; background: #f9f9f9; color: #212121; line-height: 32px; }
.consultingTime .day .calendar.chk a.active { background: #3b4251; color: #fff; }
.consultingTime .day .calendar .today { position: relative; }
.consultingTime .day .calendar .today:before { content: ''; display: block; width: 4px; height: 4px; background: #d74042; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: 5px; top: 5px; position: absolute; }

@media only screen and (max-width: 1023px) { #wrap.media #container { width: 100% !important; padding: 0 15px; }
  #wrap.media #subPage { min-height: 0; width: 100% !important; padding-top: 20px; }
  #wrap.media #rightContent { padding-bottom: 0; height: 100%; }
  #wrap.media #rightContent .top { display: none; }
  #wrap.media .errorPage { border: none; padding-bottom: 0; }
  #wrap.media .errorPage p.tit { font-size: 16px; }
  #wrap.media .errorPage p { font-size: 13px; }
  #wrap.media .errorPage:before { background-image: url("../images//mobile/sprite/ico404.png"); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; width: 76px; margin: 0 auto 20px auto; }
  #wrap.media .errorPage.num500:before { background-image: url("../images//mobile/sprite/icoError.png"); background-position: 0 0; background-repeat: no-repeat; }
  #wrap.media .errorPage.chk:before { background-image: url("../images//mobile/sprite/iconChk.png"); background-position: 0 0; background-repeat: no-repeat; } }
.dmath { margin-top: 33px; text-align: center; }

.icoLogoGray { display: inline-block !important; background: url("/images/sprite/icoSimbolGray.png") no-repeat 0 0; background-size: 20px; width: 20px; height: 20px; margin-right: 5px; position: relative; top: 1px; }

.guideHeader { width: 1000px; margin: 0 auto 30px; padding: 0; }
.guideHeader h1 { float: none; margin-top: 0; font-size: 42px; }

.guideContent { width: 1000px; margin: 0 auto; }
.guideContent > section { margin-bottom: 40px; padding: 10px; border: 1px solid #555; }
.guideContent > section h2.guideTit { padding-bottom: 10px; border-bottom: 2px solid #3b75a3; }
.guideContent div h2.guideTit { font-size: 17px; }
.guideContent > table { margin-bottom: 40px; }
.guideContent > table td { padding: 8px; border: 1px solid #444; text-align: center; }

.mt0 { margin-top: 0 !important; }

.mt25 { margin-top: 25px !important; }

.mr0 { margin-right: 0 !important; }

.mb50 { margin-bottom: 50px !important; }

.ml15 { margin-left: 15px !important; }

.w155 { width: 155px !important; }
.w155 select { width: 155px !important; }

.h68 { height: 68px; }

.h130 { height: 130px; }

.txtCenter { text-align: center !important; }

.btnBox { margin-top: 30px; text-align: center; }
.btnBox a { display: inline-block; top: 0; }
.btnBox a.btnGray { margin: 0 6px; }

.btnRight { margin-top: 15px; text-align: right; }

.innerBtnBox { padding: 0 !important; border: none !important; }

.btn, .btnNavy, .btnBlue, .btnOrange, .btnBlueM, .viewTitle > div.boardInfo1 .btn:hover, .btnDarkBlue, .btnDarkBlueS, .btnGreen, .btnRed, .mbtn, .abtn, .btnBlueA, .btnRedA, .btnGrayA, .btnDarkBlueA { display: inline-block; min-width: 87px; height: 29px; border: 1px solid #9d9d9d; background-color: #fff; font-size: 12px; color: #000; line-height: 29px; text-align: center; }
.btn .icoNext2, .btnNavy .icoNext2, .btnBlue .icoNext2, .btnBlueM .icoNext2, .viewTitle > div.boardInfo1 .btn:hover .icoNext2, .btnDarkBlue .icoNext2, .btnDarkBlueS .icoNext2, .btnRed .icoNext2, .mbtn .icoNext2, .abtn .icoNext2, .btnBlueA .icoNext2, .btnRedA .icoNext2, .btnGrayA .icoNext2, .btnDarkBlueA .icoNext2 { top: -1px; margin-left: 6px; }

.btnNavy { background-color: #2f3f60; border: 1px solid #2f3f60; color: #fff; }
.btnNavy .icoBtnArrow3 { margin-left: 5px; }

.btnBlue, .btnBlueM, .viewTitle > div.boardInfo1 .btn:hover, .viewTitle > div.boardInfo1 .btnNavy:hover, .viewTitle > div.boardInfo1 .btnBlue:hover, .viewTitle > div.boardInfo1 .btnDarkBlue:hover, .viewTitle > div.boardInfo1 .btnDarkBlueS:hover, .viewTitle > div.boardInfo1 .btnRed:hover, .viewTitle > div.boardInfo1 .mbtn:hover, .viewTitle > div.boardInfo1 .btnBlueM:hover, .viewTitle > div.boardInfo1 .abtn:hover, .viewTitle > div.boardInfo1 .btnBlueA:hover, .viewTitle > div.boardInfo1 .btnRedA:hover, .viewTitle > div.boardInfo1 .btnGrayA:hover, .viewTitle > div.boardInfo1 .btnDarkBlueA:hover { background-color: #3b75a3; border: 1px solid #3b75a3; color: #fff; }

.btnDarkBlue { background-color: #3b4251; border: 1px solid #3b4251; color: #fff; }

.btnDarkBlueS { padding: 0 5px; background-color: #3b4251; border: 1px solid #3b4251; color: #fff; line-height: 25px; font-size: 12px; }
.btnDarkBlueS:hover { color: #fff !important; }

.btnRed { background-color: #d74042; border: 1px solid #d74042; color: #fff; }

.btnGreen { background-color: #2f9633; border: 1px solid #2f9633; color: #fff; }

.btnOrange { background-color: #de691d; border: 1px solid #de691d; color: #fff; }

.mbtn, .btnBlueM { min-width: 93px; }

.abtn, .btnBlueA, .btnRedA, .btnGrayA, .btnDarkBlueA { min-width: 0; padding: 0 20px; font-size: 12px; }

.btnBlueA { background-color: #3b75a3; border: 1px solid #3b75a3; color: #fff; }

.btnRedA { background-color: #d74042; border: 1px solid #d74042; color: #fff; }

.btnGrayA { background-color: #70767e; border: 1px solid #70767e; color: #fff; }

.btnDarkBlueA { background-color: #3b4251; border: 1px solid #3b4251; color: #fff; }

.btnArrow { position: relative; display: inline-block; height: 29px; padding: 0 23px 0 12px; border: 1px solid #a4a4a4; background-color: #fff; font-size: 12px; color: #212121; line-height: 29px; }
.btnArrow:before { position: absolute; top: 9px; right: 11px; content: ""; }
.btnArrow:hover { border: 1px solid #3b75a3; background-color: #3b75a3; color: #fff; }
.btnArrow:hover:before { position: absolute; top: 9px; right: 11px; content: ""; }

.rbtn, .rgreen, .rblue, .rgray, .rblack, .rred, .rskyBlue, .rbtnGray { display: inline-block; min-width: 66px; height: 25px; border: 1px solid #a4a4a4; border-radius: 12px; background-color: #fff; font-weight: bold; font-size: 12px; color: #212121; line-height: 25px; text-align: center; }

.rgreen { background-color: #647700; border: 1px solid #647700; font-weight: normal; color: #fff; }

.rblue { background-color: #3b75a3; border: 1px solid #3b75a3; font-weight: normal; color: #fff; }

.rgray { background-color: #70767e; border: 1px solid #70767e; font-weight: normal; color: #fff; }

.rblack { background-color: #33414e; border: 1px solid #33414e; font-weight: normal; color: #fff; }

.rred { background-color: #d74042; border: 1px solid #d74042; font-weight: normal; color: #fff; }

.rblue { background-color: #3b75a3; border: 1px solid #3b75a3; font-weight: normal; color: #fff; }

.rskyBlue { min-width: 50px; height: 21px; border: 1px solid #e1e1e1; border-radius: 10px; background-color: #f3f5f6; font-size: 11px; color: #212121; line-height: 20px; }

.rbtnGray { background-color: #bababa; }

.arrRight:after { content: ""; position: relative; top: 1px; margin-left: 10px; }

.arrLeft:before { content: ""; position: relative; top: 1px; margin-right: 10px; }

span.mark { position: absolute; top: 0; left: 0; width: 67px; height: 22px; font-size: 14px; color: #fff; line-height: 22px; text-align: center; }
span.mark.red { background-color: #d74042; }
span.mark.blue { background-color: #13518c; }
span.mark.green { background-color: #647700; }
span.mark.gray { background-color: #70767e; }
span.mark.black { background-color: #33414e; }

.roundN, .roundNoti, .roundNotiB, .roundBig { display: inline-block; background-color: #3b75a3; vertical-align: middle; color: #fff; }

.roundNoti { height: 21px; margin-left: 8px; padding: 0 9px; border-radius: 10px; font-size: 13px; line-height: 21px; }

.roundNotiB { height: 24px; margin-left: 10px; padding: 0 11px; border-radius: 12px; font-size: 13px; line-height: 24px; vertical-align: top; }

.roundBig { height: 34px; padding: 0 24px; border-radius: 17px; font-size: 14px; line-height: 34px; vertical-align: top; }

.selectLabel, .listSearchBox > label, .listSearchBox.large .sTop > span, .listTopBox .searchBox label { font-size: 14px; color: #252525; line-height: 32px; }

.select { overflow: hidden; height: 32px; margin-right: 5px; border: 1px solid #e1e1e1; }
.select select { height: 32px; padding: 3px 35px 3px 12px; border: 0; border-radius: 0; background: #fff url(/images/sprite/icoSelectBtn.gif) right 0 no-repeat; font-size: 13px; color: #717171; line-height: 1; white-space: nowrap; -webkit-appearance: none; -ms-appearance: none; appearance: none; }
.select select::-ms-expand { display: none; }

#container { width: 1000px; margin: 0 auto; }

.titleBottomBox { margin-top: 29px; }
.titleBottomBox .title h2 { margin-bottom: 9px; font-size: 24px; color: #212121; line-height: 25px; }
.titleBottomBox .title p { font-size: 16px; color: #212121; line-height: 18px; }
.titleBottomBox .sTitle { margin-top: 50px; }
.titleBottomBox .sTitle h3 { margin-bottom: 12px; font-size: 18px; color: #212121; line-height: 20px; }
.titleBottomBox .sTitle p { font-size: 14px; color: #212121; line-height: 16px; }
.titleBottomBox .sTitle.type2 { margin-top: 34px; }
.titleBottomBox .sTitle.type2 p { line-height: 22px; }
.titleBottomBox .sTitle.type2 p + p { margin-top: 5px; }
.titleBottomBox .sTitle.type3 span { line-height: 18px; display: block; float: none; }
.titleBottomBox .sTitle.type3 span:first-of-type { margin-top: 8px; }
.titleBottomBox .imgBox { margin: 38px 0 10px; }

.viewConBox { min-height: 300px; margin-top: 30px; padding: 0 30px 80px; border-bottom: 1px solid #e1e1e1; }
.viewConBox img { max-width: 1000px; }
.viewConBox .tableTitle p { font-size: 12px; }
.viewConBox table, .viewConBox td, .viewConBox th { border: 1px solid #e8e8e8; padding: 5px 10px; }

.listGrayBox { margin-top: 25px; padding: 17px 33px; background-color: #f9f9f9; }
.listGrayBox h1 { font-weight: bold; font-size: 16px; color: #212121; line-height: 22px; }
.listGrayBox .listStyle2 { margin-top: 10px; }
.listGrayBox .listStyle2 li { overflow: hidden; }
.listGrayBox .listStyle2 li span { width: auto !important; }
.listGrayBox .listStyle2 li span:last-child { padding-left: 5px; }

.listStyle li { padding-left: 11px; font-size: 14px; color: #212121; line-height: 22px; text-indent: -11px; }

.listStyle2 { margin-top: 15px; }
.listStyle2 span { float: left; display: inline-block; font-size: 14px; color: #212121; line-height: 22px; }
.listStyle2 span:first-child { width: 78px; font-weight: bold; }
.listStyle2 span:last-child { width: 622px; letter-spacing: -0.5px; }

.bltList2 li:before { display: inline-block; content: ""; width: 4px; height: 2px; margin-right: 7px; background-color: #afafaf; vertical-align: middle; }

.bltList3 > li { font-size: 14px; color: #212121; letter-spacing: -0.5px; }
.bltList3 > li:before { display: inline-block; content: ""; width: 2px; height: 2px; margin-right: 4px; background-color: #212121; vertical-align: middle; }

.tab { position: relative; margin-top: 26px; margin-bottom: 26px; background-color: #fff; }
.tab a { display: inline-block; margin-right: 20px; padding-left: 20px; border-left: 1px solid #cdcdcd; font-size: 15px; color: #212121; line-height: 16px; }
.tab a:first-child { border-left: none; padding-left: 0; }
.tab a.on { font-weight: bold; color: #3b75a3; }

.pageNavigation { margin-top: 39px; text-align: center; }
.pageNavigation .inBox { display: inline-block; margin-right: 1px; }
.pageNavigation .inBox a { display: block; float: left; width: 33px; margin-left: -1px; padding: 6px 0; border: 1px solid #e6e6e6; font-size: 14px; color: #717171; text-align: center; }
.pageNavigation .inBox a.on { background-color: #f3f4f6; font-weight: bold; color: #212121; }
.pageNavigation .inBox a.firstPage { margin-right: 4px; border-left: 1px solid #e6e6e6; }
.pageNavigation .inBox a.prevPage { margin-right: 10px; }
.pageNavigation .inBox a.nextPage { margin-left: 10px; }
.pageNavigation .inBox a.lastPage { margin-left: 4px; }

.listSearchBox { clear: both; margin-top: 30px; height: 59px; padding: 14px 0 0 55px; border: 3px solid #cdde70; background-color: #e3e8c8; border-radius: 15px; }
.listSearchBox label, .listSearchBox .select, .listSearchBox input, .listSearchBox button { float: left; }
.listSearchBox > label { margin-right: 14px; }
.listSearchBox .select { width: 155px; }
.listSearchBox .select select { width: 155px; }
.listSearchBox input[type="text"] { width: 330px; margin-right: 8px; }
.listSearchBox.type2 { padding: 14px 0 0 19px; }
.listSearchBox.type2 .checkForm { float: left; margin: 0; }
.listSearchBox.type2 .checkForm label { margin: 0 14px 0 5px; line-height: 32px; }
.listSearchBox.type2 .checkForm input { margin-top: 9px; }
.listSearchBox.type2 .select { width: 105px; }
.listSearchBox.type2 .select select { width: 105px; }
.listSearchBox.type2 input[type=text] { margin-right: 5px; }
.listSearchBox.large { height: 118px; padding: 15px 23px 24px 33px; }
.listSearchBox.large label:nth-of-type(2n) { margin-left: 20px; }
.listSearchBox.large input[type="text"] { width: 170px; }
.listSearchBox.large .select { width: 90px; }
.listSearchBox.large .select select { width: 90px; }
.listSearchBox.large .sTop { overflow: hidden; clear: both; padding-bottom: 12px; }
.listSearchBox.large .sTop > span, .listSearchBox.large .sTop label, .listSearchBox.large .sTop input { float: left; }
.listSearchBox.large .sTop > span { margin-right: 20px; font-size: 14px; color: #252525; line-height: 30px; }
.listSearchBox.large .sTop input[type=checkbox] { margin: 10px 0; }
.listSearchBox.large .sTop label { margin: 0 15px 0 5px; font-size: 14px; color: #252525; line-height: 30px; }
.listSearchBox.large .sTop label:last-child { margin: 0 0 0 5px; }
.listSearchBox.large .sTop label + span { margin-left: 5px; }

.listSearchBox2 { overflow: hidden; }
.listSearchBox2 .viewTypeBox { float: left; }
.listSearchBox2 .yearsBox { float: right; }

.snbVisual { display: none; position: relative; width: 100%; height: 120px; z-index: 1; }

.snbVisual .textArea {width:1000px; height:120px; margin:0 auto; position:relative; z-index:1;}
.snbVisual .textArea .visualText { position: absolute; top: 0; width: 50%; height: 120px; color:#fff; margin:29px 0px; }
.snbVisual .textArea .visualText h1 { font-size:25px; }
.snbVisual .textArea .visualText p { font-size:12px; }
.snbVisual .bgLeft { position: absolute; top: 0; width: 50%; height: 120px; z-index: 0; left: 0; background: #3a74a4; }
.snbVisual .bgRight { position: absolute; top: 0; width: 50%; height: 120px; z-index: 0; right: 0; background: #569ec5; }
.snbVisual.active { display: block; }
.snbVisual:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; min-width: 1000px; height: 100%; background: url(/images/common/bg_subVisual8.jpg) center top no-repeat; }
.snbVisual.type1:after { background: url(/images/common/bg_subVisual_nt.jpg) center top no-repeat; }
.snbVisual.type2:after { background: url(/images/common/bg_subVisual2_nt.jpg) center top no-repeat; }
.snbVisual.type3:after { background: url(/images/common/bg_subVisual3_nt.jpg) center top no-repeat; }
.snbVisual.type4:after { background: url(/images/common/bg_subVisual4_nt.jpg) center top no-repeat; }
.snbVisual.type5:after { background: url(/images/common/bg_subVisual5_nt.jpg) center top no-repeat; }
.snbVisual.type6:after { background: url(/images/common/bg_subVisual6_nt.jpg) center top no-repeat; }
.snbVisual.type7:after { background: url(/images/common/bg_subVisual7_nt.jpg) center top no-repeat; }
.snbVisual.type10:after { background: url(/images/common/bg_subVisual10_nt.jpg) center top no-repeat; }

.lastTxt { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e8e8e8; color: #3b75a3; font-size: 20px; }
.lastTxt:before { content: ''; display: inline-block; width: 5px; height: 5px; background: #3b75a3; position: relative; border-radius: 50%; top: -7px; }

.ie9 .select select { background: #fff; }
.ie9 .select select { padding-right: 5px; width: 100% !important; }

.gate { min-width: 1280px; }
.gate header { height: auto; margin: 33px 0; padding: 0; }
.gate header h1 { float: none; width: 218px; height: 71px; margin: 0 auto; background-image: url("../images/gate/imgLogo2.png"); background-position: 0 0; background-repeat: no-repeat; }
.gate .gateCont { position: relative; width: 100%; height: 554px; min-width: 1280px; background-image: url("../images/gate/imgGateVisu1.png"); background-position: center 0; background-repeat: no-repeat; }
.gate .gateCont .btnGateBox { position: relative; width: 1280px; height: 357px; margin: 0 auto; }
.gate .gateCont .btnGateBox .btnGate { position: absolute; top: 0; left: 50%; z-index: 10; }
.gate .gateCont .btnGateBox .btnGate a { display: block; width: 208px; height: 166px; }
.gate .gateCont .btnGateBox .btnGate.btnGate1 { margin-left: -422px; background-image: url("../images/gate/imgGate1.jpg"); background-position: 0 0; background-repeat: no-repeat; }
.gate .gateCont .btnGateBox .btnGate.btnGate6 { top: 172px; margin-left: -422px; background-image: url("../images/gate/imgGate6.jpg"); background-position: 0 0; background-repeat: no-repeat; }
.gate .gateCont .btnGateBox .btnGate.open { width: 418px; height: 166px; margin-left: -209px; padding-top: 20px; z-index: 0; background: red; background: rgba(0, 0, 0, 0.45); color: #fff; text-align: center; }
.gate .gateCont .linkBox { position: absolute; top: 0; left: 50%; width: 421px; height: 338px; margin-left: 215px; z-index: 1; }
.gate .gateCont .linkBox > div { position: relative; overflow: hidden; }
.gate .gateCont .linkBox > div div { float: left; width: 208px; height: 166px; }
.gate .gateCont .linkBox > div div a { display: block; width: 100%; height: 100%; }
.gate .gateCont .linkBox > div div:nth-child(even) { float: right; }
.gate .gateCont .linkBox > div .btnGate2 { margin-bottom: 6px; background-image: url("../images/gate/imgGate2_blank.jpg"); background-position: 0 0; background-repeat: no-repeat; }
.gate .gateCont .linkBox > div .btnGate3 { background-image: url("../images/gate/imgGate3.jpg"); background-position: 0 0; background-repeat: no-repeat; }
.gate .gateCont .linkBox > div .btnGate4 { position: relative; background-image: url("../images/gate/imgGate4.jpg"); background-position: 0 0; background-repeat: no-repeat; }
.gate .gateCont .linkBox > div .btnGate4:after { content: ""; display: block; position: absolute; top: 28px; left: 0; width: 9px; height: 86px; background: url(/images/gate/imgBg1.png) 0 0 no-repeat; }
.gate .gateCont .linkBox > div .btnGate5 { margin-bottom: 6px; background-image: url("../images/gate/imgGate5.jpg"); background-position: 0 0; background-repeat: no-repeat; }

.gate .gateCont .linkBox > div .btnGate4_blank { position: relative; background-image: url("../images/gate/imgGate4_blank.jpg"); background-position: 0 0; background-repeat: no-repeat; }
.gate .gateCont .linkBox > div .btnGate4_blank:after { content: ""; display: block; position: absolute; top: 28px; left: 0; width: 9px; height: 86px; background: url(/images/gate/imgBg1.png) 0 0 no-repeat; }
.gate .gateCont .linkBox > div .btnGate5_blank { margin-bottom: 6px; background-image: url("../images/gate/imgGate5_blank.jpg"); background-position: 0 0; background-repeat: no-repeat; }

.gate .gateCont .linkBox > div .btnGate7 { position: absolute; top: 50%; left: 50%; width: 170px; height: 170px; background: #fff; transform: translate(-50%, -50%) rotate(45deg); }
.gate .gateCont .linkBox > div .btnGate7:before { content: ""; display: block; width: 119px; height: 117px; margin-top: 28px; margin-left: 25px; background-image: url("../images/gate/imgGate7.png"); background-position: 50% 50%; background-repeat: no-repeat; transform: rotate(-45deg); }
.gate .gateCont .linkBox > div .btnGate7 a { position: absolute; left: 0; top: 0; }
.gate .gateCont .linkBox > div .btnGate8 { background-image: url("../images/gate/imgGate8.jpg"); background-position: 0 0; background-repeat: no-repeat; }
.gate .gateCont .imgGateVisu2 { position: absolute; top: 47px; left: 50%; width: 1155px; height: 500px; margin-left: -622px; background-image: url("../images/gate/imgGateVisu4_3.png"); background-position: 0 0; background-repeat: no-repeat; }
.gate footer { margin: 0; height: 14px; background-image: url("../images/gate/txtCopyright.gif"); background-color: transparent; background-position: center 0; background-repeat: no-repeat; }

#infoWrap header { height: 177px; padding-top: 26px; background-image: url("../images/info/info_top_bg04.png"); background-position: center; background-repeat: no-repeat;}
#infoWrap header .topArea { overflow: hidden; width: 900px; height: 117px; margin: 0 auto 20px; }
#infoWrap header .topArea .imgInfoLogo { float: left; margin: 0; margin-top:25px; }
#infoWrap header .topArea .otherLink { float: right; margin-top: 28px; }
#infoWrap header .topArea .otherLink a { vertical-align: top; }
#infoWrap header .topArea .otherLink .imgInfoLink1 { margin: 68px 17px 0 0; }
#infoWrap header .topArea .otherLink .imgInfoLink2 { margin: 58px 17px 0 0; }
#infoWrap header .gnbArea { height: 40px; background-color: #ef561e; }
#infoWrap header .gnbArea .gnb { width: 900px; margin: 0 auto; }
#infoWrap header .gnbArea .gnb ul { overflow: hidden; }
#infoWrap header .gnbArea .gnb ul li { float: left; padding-left: 20px; padding-right: 27px; background-image: url("../images/sprite/bgGnb.png"); background-position: right 50%; background-repeat: no-repeat; }
#infoWrap header .gnbArea .gnb ul li a { display: block; height: 40px; font-size: 16px; line-height: 40px; color: #fff; }
#infoWrap header .gnbArea .gnb ul li:first-child { padding-left: 0; }
#infoWrap header .gnbArea .gnb ul li:last-child { padding-right: 0; background: none; }
#infoWrap #container { width: 900px; }
#infoWrap #container #subCon { padding-top: 42px; }
#infoWrap #container #pageNav ul li:first-child a:before { content: none; }
#infoWrap #container #pageNav a { color: #717171; }
#infoWrap #container #pageNav li:last-child { color: #e4e4e4; }
#infoWrap #container .top { position: relative; padding: 12px 0 20px; border-bottom: 1px solid #e8e8e8; }
#infoWrap #container .top h1 { font-size: 32px; line-height: 32px; }
#infoWrap #container .top .share { position: absolute; bottom: 25px; right: 0; }
#infoWrap #container .top .share .icoShare { margin-top: 10px; vertical-align: top; }
#infoWrap #container .titleBottomBox { margin-top: 40px; }
#infoWrap #container .titleBottomBox .title h2 { margin-bottom: 20px; }
#infoWrap #container .titleBottomBox .title p { font-size: 14px; line-height: 16px; }
#infoWrap #container .titleBottomBox .imgBox { margin: 30px 0 13px; }
#infoWrap #container .titleBottomBox .bltList3 > li { line-height: 24px; }
#infoWrap #container .titleBottomBox .bltList3 > li:before { background-color: #585f6d; }
#infoWrap #container .titleBottomBox .sTitle { margin-top: 33px; }
#infoWrap #container .titleBottomBox .sTitle h3 { margin-bottom: 10px; font-size: 20px; }
#infoWrap #container .titleBottomBox .sTitle p { line-height: 24px; }
#infoWrap footer { margin-top: 100px; padding: 30px 0 50px; border-top: 1px solid #e8e8e8; }
#infoWrap footer div { text-align: center; }

.businessBox { overflow: hidden; margin-top: 45px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.businessBox > div { float: left; width: 300px; height: 55px; border-right: 1px solid #e4e4e4; }
.businessBox > div a { display: block; height: 55px; padding-left: 20px; font-size: 13px; line-height: 55px; background-repeat: no-repeat; }
.businessBox > div a:after { content: ""; margin-left: 8px; top: -2px; vertical-align: middle; }
.businessBox > div a:hover:after { content: ""; }
.businessBox > div.moreView { padding-left: 20px; border-left: 1px solid #e4e4e4; background-color: #f6f5f5; font-size: 13px; color: #000; line-height: 55px; }
.businessBox > div.moreView:after { content: ""; top: -2px; margin-left: 8px; vertical-align: middle; }
.businessBox > div.firstView a { background-image: url("/images/info/imgFirstView.jpg"); background-position: 220px bottom; }
.businessBox > div.seconView a { background-image: url("/images/info/imgSeconView.jpg"); background-position: 227px bottom; }
.businessBox > div.thirdView a { background-image: url("/images/info/imgThirdView.jpg"); background-position: 206px bottom; }

.greetingBox { overflow: hidden; padding-top: 20px; background-image: url("../images/info/imgGreeting_1.jpg"); background-position: right 20px; background-repeat: no-repeat; }
.greetingBox p { font-size: 26px; line-height: 34px; }
.greetingBox div { float: left; margin: 28px 0 51px; height: 51px; font-size: 16px; line-height: 27px; background-image: url("../images/info/imgName_1.gif"); background-position: 0 25px; background-repeat: no-repeat; }

.bottomTxtBox { overflow: hidden; padding-top: 65px; border-top: 1px solid #e8e8e8; }
.bottomTxtBox div { width: 420px; }
.bottomTxtBox div:first-child { float: left; }
.bottomTxtBox div:first-child p:first-child { float: left; width: 50px; height: 50px; margin: 5px 20px 0 0; border-radius: 4px; font-size: 24px; line-height: 50px; color: #fff; text-align: center; }
.bottomTxtBox div:first-child p:first-child.blue { background-color: #2d67a8; }
.bottomTxtBox div:first-child p:first-child.red { background-color: #d53638; }
.bottomTxtBox div:last-child { float: right; }
.bottomTxtBox p { font-size: 14px; line-height: 24px; }
.bottomTxtBox.type2 { margin-bottom: 20px; border-top: none; }

.purposeTxt { padding: 20px 82px 0; font-size: 16px; line-height: 22px; text-align: center; }

.imgPurpose { margin: 70px auto 100px; width: 683px; height: 421px; background-image: url("../images/info/imgPurpose.jpg"); background-position: 0 0; background-repeat: no-repeat; }
.imgPurposeNew { margin: 70px auto 100px; width: 683px; height: 421px; background-image: url("../images/info/imgPurpose_new.png"); background-position: 0 0; background-repeat: no-repeat; }

.mapBox { border: 1px solid #d1d1d1; width: 100% !important; height: 498px !important; }

.mapBox + .bltList3 { margin-top: 25px; }
.mapBox + .bltList3 li:before { width: 3px; height: 3px; margin-top: -4px; }

.developBox { margin-top: 50px; }

.developWork { overflow: hidden; }
.developWork > div { float: left; width: 50%; height: 450px; }
.developWork > div .bltList3 li { padding-left: 10px; text-indent: -10px; letter-spacing: -0.6px; }
.developWork > div .bltList3 li li { padding-left: 0; text-indent: 0; }
.developWork > div .bltList3 li:before { width: 3px; height: 3px; margin-top: -4px; }
.developWork .rText { padding-left: 40px; }
.developWork h3 { margin-bottom: 15px; font-size: 20px; line-height: 20px; }
.developWork p { margin: 15px 0 10px; font-size: 14px; letter-spacing: -0.5px; }

.devel1 .TextBox { padding-top: 110px; }

.devel2 .TextBox { padding-top: 93px; }

.devel3 .TextBox { padding-top: 48px; }
.devel3 .TextBox p { letter-spacing: -0.75px; }

.devel4 .TextBox { padding-top: 90px; }

.devel5 .TextBox { padding-top: 80px; }

.chartBox { margin-bottom: 60px; }
.chartBox:first-child { margin-bottom: 145px; }
.chartBox h3 { margin-bottom: 8px; font-size: 24px; line-height: 24px; }
.chartBox .viewTable { border-top: 2px solid #626771; }
.chartBox .viewTable th { padding: 15px 0; border-left: 1px solid #e4e4e4; background-color: #f9fafb; font-size: 14px; }
.chartBox .viewTable th:first-child { border-left: none; }
.chartBox .viewTable td { padding: 20px 30px; vertical-align: top; }
.chartBox .viewTable td:first-child { border-left: none; }
.chartBox .viewTable td:nth-child(odd) { text-align: center; }
.chartBox .viewTable tbody tr:first-child td { border-top: 1px solid #e4e4e4; }

.chart { width: 100%; height: 570px; background-image: url("../images/info/imgChart_2_3.png"); background-position: center 0; background-size:contain; background-repeat: no-repeat; }

.pBox { margin-top: 20px; }
.pBox.won { margin-bottom: 30px; }
.pBox.won > div { float: left; }
.pBox.won .img { width: 221px; }
.pBox.won .img img { width: 100%; }
.pBox.won .profile { width: 260px; margin-left: 24px; }
.pBox.won .profile span:nth-child(3) { font-size: 14px; color: #717171; }
.pBox:last-child { padding-top: 30px; border-top: 1px dashed #c3c3c3; }
.pBox:last-child > div { float: left; width: 250px; margin-bottom: 40px; }
.pBox:last-child > div:nth-child(2), .pBox:last-child > div:nth-child(5) { margin-left: 75px; margin-right: 75px; }
.pBox:last-child > div .img { width: 190px; border: none; }
.pBox:last-child > div .img img { width: 100%; }
.pBox:last-child > div .profile h4 { margin-top: 22px; }

.listTopBox { overflow: hidden; margin-bottom: 20px; }
.listTopBox .listCnt { float: left; width: auto; margin-top: 0; }
.listTopBox .searchBox { overflow: hidden; float: right; }
.listTopBox .searchBox label, .listTopBox .searchBox .select, .listTopBox .searchBox button { float: left; }
.listTopBox .searchBox .select { width: 155px; margin: 0 10px 0 14px; }
.listTopBox .searchBox .select select { width: 155px; }

.listCnt { width: 100%; margin-top: 35px; text-align:right; }
.listCnt p { float: left; margin: 5px 10px 0 0; font-size: 13px; line-height: 14px; color: #424242; }
.listCnt p span { font-size: 14px; line-height: 14px; color: #e66716; }
.listCnt .btnBlueA { float: right; margin-top: -8px; }
.listCnt img { cursor:pointer; }

.notiList { margin-top: 12px; }
.notiList thead th { padding: 12px 0; border-top: 2px solid #626771; border-bottom: 1px solid #eaebeb; background-color: #da6c25; font-size: 14px; color: #fff; }
.notiList tbody { border-bottom: 1px solid #e1e1e1; }
.notiList tbody tr td { padding: 14px 10px; border-top: 1px solid #e1e1e1; font-size: 14px; color: #212121; text-align: center; border-left:1px solid #e0e0e0; }
.notiList tbody tr td:first-child { border-left:none; }
.notiList tbody tr td:nth-child(2) { text-align: left; }
.notiList tbody tr td:nth-child(2):hover { background-color:#e5f4ff; font-weight:bold; }
.notiList tbody tr td:nth-child(2) span:first-child { overflow: hidden; display: inline-block; max-width: 700px; height: 22px; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
.notiList tbody tr td .btnArrow { margin-left: 3px; }
.notiList tbody tr td .btnArrow:first-child { margin-left: 0; }
.notiList tbody tr:first-child td { border-top: none; }
.notiList tbody tr.txtNoti td { font-weight: bold; }
.notiList tbody tr.txtNoti td:first-child { color: #d74042; }
.notiList tbody tr.txtNoti td span[class] { font-weight: normal; }
.notiList .txtLeft { padding-left: 20px; text-align: left; }
.notiList table.txtLeft thead th { text-align: center; }
.notiList table.txtLeft tbody tr th, .notiList table.txtLeft tbody td { padding-left: 15px; padding-right: 15px; text-align: left; }
.notiList.allCnt tr td:nth-child(2) { text-align: center; }
.notiList.fourLeft tr td:nth-child(2) { text-align: center; }
.notiList.fourLeft tr td:nth-child(4) { text-align: left; }
.notiList.type2 tr td:nth-child(2) a { display: block; width: 100%; }
.notiList.arryLeft3 tr td:nth-child(2) { text-align: center; }
.notiList.arryLeft3 tr td:nth-child(3) { text-align: left; }

.d_notiList { margin-top: 12px; }
.d_notiList thead th { padding: 12px 0; border-top: 2px solid #626771; border-bottom: 1px solid #eaebeb; background-color: #f3f5f6; font-size: 14px; color: #212121; }
.d_notiList tbody { border-bottom: 1px solid #e1e1e1; }
.d_notiList tbody tr td { padding: 14px 10px; border-top: 1px solid #e1e1e1; font-size: 14px; color: #212121; text-align: center; }
.d_notiList tbody tr td:nth-child(2) { text-align: left; }
.d_notiList tbody tr td:nth-child(2) span:first-child { overflow: hidden; display: inline-block; max-width: 510px; height: 22px; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
.d_notiList tbody tr td .btnArrow { margin-left: 3px; }
.d_notiList tbody tr td .btnArrow:first-child { margin-left: 0; }
.d_notiList tbody tr:first-child td { border-top: none; }
.d_notiList tbody tr.txtNoti td { font-weight: bold; }
.d_notiList tbody tr.txtNoti td:first-child { color: #d74042; }
.d_notiList tbody tr.txtNoti td span[class] { font-weight: normal; }
.d_notiList .txtLeft { padding-left: 20px; text-align: left; }
.d_notiList table.txtLeft thead th { text-align: center; }
.d_notiList table.txtLeft tbody tr th, .d_notiList table.txtLeft tbody td { padding-left: 15px; padding-right: 15px; text-align: left; }
.d_notiList.allCnt tr td:nth-child(2) { text-align: center; }
.d_notiList.fourLeft tr td:nth-child(2) { text-align: center; }
.d_notiList.fourLeft tr td:nth-child(4) { text-align: left; }
.d_notiList.type2 tr td:nth-child(2) a { display: block; width: 100%; }
.d_notiList.arryLeft3 tr td:nth-child(2) { text-align: center; }
.d_notiList.arryLeft3 tr td:nth-child(3) { text-align: left; }

.tableBox { margin-top: 50px; }
.tableBox:first-child { margin-top: 0; }

.tableBox2 { margin-top: 30px; }
.tableBox2:first-child { margin-top: 0; }
.tableBox2 h2 { margin-bottom: 20px; font-size: 16px; color: #212121; }
.tableBox2 .essentialTxt { display: block; margin-bottom: 12px; }

.tableTitle { overflow: hidden; margin-bottom: 10px; }
.tableTitle h2 { float: left; margin-right: 15px; font-size: 16px; color: #212121; letter-spacing: -0.5px; line-height: 29px; }
.tableTitle p { position: relative; float: left; top: 1px; font-size: 12px; color: #212121; letter-spacing: -0.8px; line-height: 29px; }
.tableTitle a { float: right; text-decoration: none !important; }
.tableTitle > div.rightBtnBox { float: right; }
.tableTitle > div.rightBtnBox a { float: left; margin-left: 3px; }

.viewTable .default { overflow: hidden; padding: 0 15px 15px 15px; border-top: 2px solid #626771; border-bottom: 1px solid #e8e8e8; font-size: 14px; vertical-align: middle; }
.viewTable .default input { font-size: 14px; vertical-align: middle; }
.viewTable .default p { float: left; margin-right: 10px; margin-top: 15px; }
.viewTable table tbody tr:first-child th, .viewTable table tbody tr:first-child td { border-top: 2px solid #626771; }
.viewTable table tbody th, .viewTable table tbody td { padding: 15px 20px; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e4e4e4; font-size: 14px; color: #212121; text-align: left; }
.viewTable table tbody th { background-color: #f9fafb; }
.viewTable table tbody th:first-child { border-left: none; }
.viewTable table tbody label { vertical-align: middle; }
.viewTable table tbody .tdGroup { background-color: #eff6fc; }
.viewTable.type2 th, .viewTable.type2 td { height: 49px; padding: 8px 20px; }
.viewTable.type3 th, .viewTable.type3 td { height: 49px; padding: 8px 20px; }
.viewTable.type3 button { vertical-align: middle; }
.viewTable.type3 .select { display: inline-block; }
.viewTable.type4 th, .viewTable.type4 td { height: 49px; padding: 8px 20px; }
.viewTable.type4 td span { overflow: hidden; display: inline-block; }
.viewTable.type4 td input[type=checkbox] { float: left; margin: 5px 5px 0 0; }
.viewTable.type4 td input[type=checkbox]:first-child { margin: 5px 5px 0 0; }
.viewTable.type4 td input[type=radio] { float: left; margin: 5px 10px 0 5px; }
.viewTable.type4 td input[type=radio]:first-child { margin: 5px 4px 0 0; }
.viewTable.type4 td label { float: left; margin-right: 10px; line-height: 21px; }
.viewTable.type4 td .chkTxt { display: inline-block; margin-left: 10px; }
.viewTable.type4.type4_1 th, .viewTable.type4.type4_1 td { padding: 8px 10px 8px 18px; }
.viewTable.type4.type4_1 td > div + div { clear: both; }
.viewTable.type4.type4_1 label { letter-spacing: -1px; }
.viewTable.type4.type4_1 label span { font-size: 12px; letter-spacing: -1px; }
.viewTable.agreeBox th { padding: 15px 20px; }

.viewLiTable table { border: 1px solid #e4e4e4; }
.viewLiTable table tbody th, .viewLiTable table tbody td { border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; font-size: 14px; color: #212121; }
.viewLiTable table tbody tr:first-child th, .viewLiTable table tbody tr:first-child td { border-top: none; }
.viewLiTable table tbody th { padding: 8px 20px 8px 25px; background-color: #f9fafb; text-align: left; }
.viewLiTable table tbody th:before { position: relative; display: block; content: ""; top: 10px; right: 5px; width: 2px; height: 2px; background-color: #212121; }
.viewLiTable table tbody td { padding: 8px 20px; }
.viewLiTable.type2 table, .viewLiTable.type2 th, .viewLiTable.type2 td { border: none; }
.viewLiTable.type2 tr:nth-child(odd) th { background-color: #d5d9dd; }
.viewLiTable.type2 tr:nth-child(odd) td { background-color: #e3e6ea; }
.viewLiTable.type2 tr:nth-child(even) th { background-color: #dfe2e5; }
.viewLiTable.type2 tr:nth-child(even) td { background-color: #eef0f2; }
.viewLiTable.type2.type2_1 th { font-weight: normal; }
.viewLiTable.type2.type2_1 th:before { content: none; }
.viewLiTable.type3 th { font-weight: normal; }
.viewLiTable.type3 th:before { content: none; }

.filesList { overflow: hidden; clear: both; padding-top: 10px; }
.filesList > span { display: block; margin: 0 10px 4px 0; }
.filesList > span a { font-size: 14px; color: #212121; line-height: 20px; text-decoration: none; word-break: normal; word-wrap: normal; }
.filesList > span a span { margin-left: 5px; vertical-align: middle; }

.inputFileBox { overflow: hidden; }
.inputFileBox input[type=file] { /* float: left; */ width: 250px; padding: 5px 0; border: 1px solid #e1e1e1; }
.inputFileBox > span { float: left; margin-left: 14px; font-size: 12px; color: #d74042; line-height: 33px; }

.addrBox div:first-child { margin-bottom: 10px; }
.addrBox div:first-child input[type="text"] { width: 78px; }
.addrBox div:last-child input[type="text"] { width: 49.5%; }
.addrBox div .defaultBtn { display: inline-block; margin-left: 12px; margin-top: 5px; padding: 1px 6px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border: 2px outset buttonface; background-color: buttonface; box-sizing: border-box; color: buttontext; font: 13.3333px Arial; letter-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; text-align: center; text-rendering: auto; word-spacing: normal; align-items: flex-start; -webkit-appearance: button; -webkit-writing-mode: horizontal-tb; }

.agreeForm .agreeBox { overflow-y: scroll; width: 100%; height: 115px; padding: 20px; border: 1px solid #e1e1e1; background-color: #fff; font-size: 14px; color: #212121; }
.agreeForm .agreeBox .bltList3 { margin-top: 10px; }

.checkForm { overflow: hidden; margin-top: 16px; }
.checkForm input { float: left; width: 16px; height: 16px; }
.checkForm label { float: left; margin-left: 12px; font-size: 14px; color: #212121; line-height: 16px; }

.previewList { border-top: 2px solid #b3bcc0; margin-top: 40px; }
.previewList > div { overflow: hidden; border-bottom: 1px solid #e8e8e8; }
.previewList > div h1 { display: block; float: left; width: 133px; background: #f3f5f6; font-size: 13px; color: #424242; line-height: 45px; text-align: center; }
.previewList > div .txt { display: block; float: left; width: 850px; padding: 0 30px; font-size: 13px; line-height: 45px; text-align: center; }
.previewList > div .txt span:first-child { display: inline-block; float: left; width: 450px; line-height: normal; margin-top: 10px; }
.previewList > div .txt span:last-child { float: right; }
.previewList .prevTxt h1:before { content: ""; display: inline-block; margin-right: 10px; }
.previewList .nextTxt h1:before { content: ""; display: inline-block; margin-right: 10px; }

.titleTxt { font-size: 18px; color: #212121; line-height: 20px; }

.essentialTxt { font-weight: bold; font-size: 14px; color: #e0302e; }

.essentialTxt2 { font-size: 12px; color: #d74042; }

.guideTxt { margin-left: 10px; font-size: 13px; color: #212121; line-height: 32px; letter-spacing: -0.5px; vertical-align: middle; }

.guideTxt2 { display: inline-block; width: 350px; height: 33px; margin: 5px 0 5px 15px; font-size: 13px; color: #212121; line-height: 17px; letter-spacing: -0.5px; vertical-align: middle; }

.whelkTxt { margin: 0 5px; font-size: 13px; color: #212121; line-height: 32px; vertical-align: top; }

.txtMark1 { margin-top: 12px; padding-left: 21px; font-size: 13px; color: #717171; line-height: 18px; text-indent: -21px; letter-spacing: -0.5px; }
.txtMark1:before { content: ""; top: 3px; margin-right: 7px; }
.txtMark1.type2 { margin-top: 30px; padding-left: 25px; font-size: 14px; color: #d74042; line-height: 22px; text-indent: -25px; letter-spacing: 0; }
.txtMark1.type2:before { content: ""; top: 3px; margin-right: 7px; }

.err-msg { font-size: 11px; color: #d74042; letter-spacing: -0.5px; }

.crowdTxt { margin-top: 80px; font-size: 14px; color: #212121; line-height: 20px; letter-spacing: -0.5px; }
.crowdTxt a { display: inline-block; margin-left: 10px; font-size: 13px; color: #d64042; line-height: 20px; letter-spacing: 0; vertical-align: top; }

.listInfo span { margin-right: 20px; font-size: 13px; color: #212121; }
.listInfo span[class] { margin-right: 5px; vertical-align: middle; }

.viewTitle { position: relative; margin-top: 30px; border-top: 2px solid #626771; border-bottom: 1px solid #e1e1e1; }
.viewTitle > div { padding: 11px 0 12px 20px; border-top: 1px solid #e1e1e1; }
.viewTitle > div:first-child { border-top: none; }
.viewTitle > div.boardTit { display: table; }
.viewTitle > div.boardTit:after { display: block; content: ""; clear: both; }
.viewTitle > div.boardTit > div { display: table-cell; padding-left: 10px; vertical-align: middle; }
.viewTitle > div.boardTit > div:first-child { padding-left: 0; }
.viewTitle > div.boardTit > div span { margin-left: 10px; }
.viewTitle > div.boardTit > div span:first-child { margin: 0; }
.viewTitle > div.boardTit > div h3 { display: inline-block; font-weight: bold; font-size: 16px; }
.viewTitle > div.boardTit > div h3 span:before { display: inline; content: "-"; margin: 0 10px !important; }
.viewTitle > div.boardTit span.txtDate { position: absolute; top: 12px; right: 20px; font-size: 14px; color: #424242; }
.viewTitle > div.boardTit.type2 { padding-right: 80px; }
.viewTitle > div.boardTit.type2 .mark { position: static; display: inline-block; }
.viewTitle > div.boardTit.type3 { padding-right: 80px; }
.viewTitle > div.boardTit.type4 div:last-child { max-width: 445px; }
.viewTitle > div.boardInfo1 span { display: inline-block; padding: 0 20px; border-right: 1px solid #e5e5e5; font-size: 14px; color: #424242; }
.viewTitle > div.boardInfo1 span:first-child { min-width: 73px; padding: 0 20px 0 0; }
.viewTitle > div.boardInfo1 span:last-child { padding: 0 0 0 20px; border-right: none; }
.viewTitle > div.boardInfo1 span.mentoTxt span { display: inline-block; border: none; font-weight: bold; }
.viewTitle > div.boardInfo1.type2 span:first-child { min-width: 0; }
.viewTitle > div.boardInfo2 { overflow: hidden; }
.viewTitle > div.boardInfo2 span { font-size: 14px; color: #424242; }
.viewTitle > div.boardInfo2 > span { display: inline-block; float: left; }
.viewTitle > div.boardInfo2 > span:first-child { padding-right: 20px; }
.viewTitle > div.boardInfo2 > div { display: inline-block; float: right; width: 883px; padding-left: 20px; border-left: 1px solid #e5e5e5; }
.viewTitle > div.boardInfo2 > div > span { display: block; float: left; margin-right: 29px; line-height: 19px; word-break: normal; word-wrap: normal; }
.viewTitle > div.boardInfo2 > div > span span[class] { margin-left: 6px; vertical-align: middle; }
.viewTitle > div.boardInfo2 > div > span a { word-break: normal; word-wrap: normal; font-size: 13px; }
.viewTitle > div.boardInfo2.type2 { padding: 6px 0 7px 20px; }
.viewTitle > div.boardInfo2.type2 > span { line-height: 29px; }
.viewTitle > div.boardInfo2.type2 > div { float: left; width: 398px; padding-top: 5px; }
.viewTitle > div.boardInfo2.type2 .innerBtnBox { float: right; width: auto; }

.gateBox { margin-top: 29px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.gateBox > div { float: left; width: 50%; height: 364px; padding-left: 40px; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; }
.gateBox > div p { font-size: 14px; color: #717171; letter-spacing: -0.5px; }
.gateBox > div a { display: inline-block; height: 25px; padding: 0 11px; border: 1px solid #585f6d; background-color: #fff; font-weight: bold; font-size: 12px; color: rgba(33, 33, 33, 0.8); line-height: 23px; box-shadow: inset 0 0 2px #9397a1; transition: all .3s; }
.gateBox > div a:hover { border: 1px solid #fff; background-color: rgb(239, 108, 67); color: rgba(255, 255, 255, 0.8); box-shadow: none; width:150px; height:40px; background-image:url("../images/sprite/star_30x30.png"); background-repeat:no-repeat; background-position-x:right; background-position-y:center; font-size: smaller; }
.gateBox > div .blt { text-indent: -5px; padding-left: 5px; display: inline-block; }
.gateBox > div .blt:before { content: ''; display: inline-block; width: 3px; height: 3px; position: relative; top: -5px; background: #717171; margin-right: 2px; }
.gateBox.two h2 { margin: 44px 0 15px; }
.gateBox.two a { margin-top: 28px; }
.gateBox.two a:after { display: inline-block; content: ""; width: 35px; height: 2px; margin-left: 6px; background-color: #585f6d; }
.gateBox.two a:hover:after { background-color: rgba(255, 255, 255, 0.8); }
.gateBox.two .gateBg1 { background-image: url("../images/academy/imgIdeaGate01.jpg"); background-position: right bottom; background-repeat: no-repeat; background-size: 100% 100%; }
.gateBox.two .gateBg2 { background-image: url("../images/academy/imgIdeaGate02.jpg"); background-position: right bottom; background-repeat: no-repeat; }
.gateBox.two .gateBg3 { background-image: url("../images/schoolLone/sc_btn01.jpg"); background-position: right bottom; background-repeat: no-repeat; background-size: 100% 100%; }
.gateBox.two .gateBg4 { background-image: url("../images/schoolLone/sc_btn02.jpg"); background-position: right bottom; background-repeat: no-repeat; }
.gateBox.four h2 { margin: 50px 0 20px; font-size: 28px; line-height: 32px; }
.gateBox.four a { margin-top: 30px; }
.gateBox.four a:after { display: inline-block; content: ""; width: 35px; height: 2px; margin-left: 6px; background-color: #585f6d; }
.gateBox.four a:hover:after { background-color: rgba(255, 255, 255, 0.8); }
.gateBox.four .gateBg1 { padding-left: 30px; border-top: none; border-left: none; background-image: url("../images/info/imgInfoGate01.png"); background-position: 30px 63px; background-repeat: no-repeat; }
.gateBox.four .gateBg1 div:first-child { margin-top: 30px; font-size: 16px; color: #3b75a3; line-height: 18px; }
.gateBox.four .gateBg1 p { margin-top: 178px; }
.gateBox.four .gateBg2 { background-image: url("../images/info/imgInfoGate02.png"); background-position: right bottom; background-repeat: no-repeat; background-color: rgba(22, 138, 230, 0.1); }
.gateBox.four .gateBg3 { background-image: url("../images/info/imgInfoGate03.png"); background-position: right bottom; background-repeat: no-repeat; background-color: rgba(0, 128, 0, 0.1); }
.gateBox.four .gateBg4 { background-image: url("../images/info/imgInfoGate04.png"); background-position: right bottom; background-repeat: no-repeat; background-color: rgba(255, 255, 0, 0.1); }
.gateBox.four .gateBg4 h2 { margin: 40px 0 20px; }
.gateBox.four .gateBg5 { background-image: url("../images/info/imgInfoGate05.png"); background-position: right bottom; background-repeat: no-repeat; background-color: rgba(244, 67, 54, 0.1); }
.gateBox.four .gateBg6 { background-image: url("../images/info/imgInfoGate06.png"); background-position: right bottom; background-repeat: no-repeat; background-color: rgba(238, 130, 238, 0.1); }

.profile h4 { overflow: hidden; margin-bottom: 10px; line-height: 20px; }
.profile h4 span { margin-left: 4px; font-size: 18px; }
.profile h4 span:nth-child(1) { margin-left: 0; font-weight: bold; color: #4394d6; }
.profile h4 span:nth-child(2) { font-weight: bold; color: #212121; }
.profile h4 span:nth-child(3) { font-size: 16px; color: #212121; }
.profile h5 { margin-bottom: 7px; font-size: 14px; color: #000; line-height: 16px; }
.profile li { padding-left: 20px; font-size: 14px; color: #000; line-height: 22px; text-indent: -20px; letter-spacing: -0.5px; }

.trainListBox { margin-top: 20px; }
.trainListBox > ul { overflow: hidden; }
.trainListBox > ul > li { float: left; width: 190px; margin-left: 65px; margin-top: 43px; }
.trainListBox > ul > li:nth-child(3n-2) { margin-left: 0; }
.trainListBox > ul > li:nth-child(1), .trainListBox > ul > li:nth-child(2), .trainListBox > ul > li:nth-child(3) { margin-top: 0; }
.trainListBox > ul > li a { display: block; position: relative; }
.trainListBox > ul > li a .img { overflow: hidden; width: 190px; height: 207px; border: 1px solid #e8e8e8; }
.trainListBox > ul > li a .img img { width: 100%; height: auto; }
.trainListBox > ul > li a p { overflow: hidden; height: 36px; margin: 8px 0 8px; font-weight: bold; font-size: 14px; color: #212121; line-height: 18px; }

.threeList { margin-top: 40px; }
.threeList h2 { margin-bottom: 17px; font-size: 18px; color: #212121; }
.threeList > ul { overflow: hidden; }
.threeList > ul > li { float: left; width: 212px; margin-left: 49px; margin-top: 30px; }
.threeList > ul > li:nth-child(4n-3) { margin-left: 0; }
.threeList > ul > li:nth-child(1), .threeList > ul > li:nth-child(2), .threeList > ul > li:nth-child(3), .threeList > ul > li:nth-child(4) { margin-top: 0; }
.threeList > ul > li a { display: block; position: relative; height: 249px; }
.threeList > ul > li a .img { overflow: hidden; width: 212px; height: 158px; box-shadow: 1px 1px 10px #999; }
.threeList > ul > li a .img img { width: 100%; height: auto; }
.threeList > ul > li a .img .logoImg { max-height:110px; }
.threeList > ul > li a p { overflow: hidden; max-height: 40px; margin: 8px 0 5px; font-size: 16px; color: #212121; line-height: 20px; }
.threeList > ul > li a .mentoTxt { font-size: 13px; color: #212121; }
.threeList > ul > li a .dateTxt { font-size: 13px; color: #212121; }
.threeList.type2 { margin-top: 60px; padding-bottom: 40px; border-bottom: 1px solid #e1e1e1; }
.threeList.type2 .listCnt { margin-top: 0; margin-bottom: 9px; }
.threeList.type3 { margin-top: 20px; }
.threeList.type3 > ul > li { width: 190px; margin-left: 65px; margin-top: 43px; }
.threeList.type3 > ul > li:nth-child(3n-2) { margin-left: 0; }
.threeList.type3 > ul > li:nth-child(1), .threeList.type3 > ul > li:nth-child(2), .threeList.type3 > ul > li:nth-child(3) { margin-top: 0; }
.threeList.type3 > ul > li a { height: 297px; }
.threeList.type3 > ul > li a .img { width: 190px; height: 207px; border: 1px solid #e8e8e8; }
.threeList.type3 > ul > li a p { max-height: 36px; margin: 8px 0 8px; font-size: 14px; font-weight: bold; line-height: 18px; }
.threeList.type3 > ul > li a .bltList3 { max-height: 38px; }
.threeList.type3 > ul > li.end a .img:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 190px; height: 207px; background: rgba(0, 0, 0, 0.6); }
.threeList.type4 { padding-bottom: 38px; border-bottom: 1px solid #e1e1e1; }
.threeList.type4 li { width: 212px; margin-left: 30px; margin-top: 28px; }
.threeList.type4 li a { height: 336px; }
.threeList.type4 li a .img { width: 212px; height: 234px; border: 1px solid #e8e8e8; }
.threeList.type4 li a p { height: auto; margin: 0; }
.threeList.type4 li a p.mentoTxt { margin-top: 8px; font-size: 14px; line-height: 16px; }
.threeList.type4 li a p.titleTxt { margin-top: 2px; font-size: 16px; line-height: 18px; }
.threeList.type4 li a p.conTxt { max-height: 51px; margin-top: 7px; font-size: 13px; line-height: 17px; }
.threeList.type5 { margin-top: 10px; padding-bottom: 35px; border-bottom: 1px solid #e1e1e1; }

.mentoring_threeList { margin-top: 40px; }
.mentoring_threeList h2 { margin-bottom: 17px; font-size: 18px; color: #212121; }
.mentoring_threeList > ul { overflow: hidden; }
.mentoring_threeList > ul > li { float: left; width: 300px; margin-left: 49px; margin-top: 30px; }
.mentoring_threeList > ul > li:nth-child(3n-2) { margin-left: 0; }
.mentoring_threeList > ul > li:nth-child(1), .mentoring_threeList > ul > li:nth-child(2), .mentoring_threeList > ul > li:nth-child(3) { margin-top: 0; }
.mentoring_threeList > ul > li a { display: block; position: relative; height: 310px; }
.mentoring_threeList > ul > li a .img { overflow: hidden; width: 300px; height: 223px; }
.mentoring_threeList > ul > li a .img img { width: 100%; height: auto; }
.mentoring_threeList > ul > li a p { overflow: hidden; max-height: 40px; margin: 8px 0 5px; font-size: 16px; color: #212121; line-height: 20px; }
.mentoring_threeList > ul > li a .mentoTxt { font-size: 13px; color: #212121; }
.mentoring_threeList > ul > li a .dateTxt { font-size: 13px; color: #212121; }
.mentoring_threeList.type2 { margin-top: 60px; padding-bottom: 40px; border-bottom: 1px solid #e1e1e1; }
.mentoring_threeList.type2 .listCnt { margin-top: 0; margin-bottom: 9px; }

.viewTypeBox a { display: inline-block; font-size: 14px; color: #717171; vertical-align: middle; }
.viewTypeBox a.on { color: #212121; }
.viewTypeBox a:first-child { margin-right: 15px; }
.viewTypeBox a:first-child:before { content: ""; }
.viewTypeBox a:first-child.on:before { content: ""; }
.viewTypeBox a:last-child:before { content: ""; }
.viewTypeBox a:last-child.on:before { content: ""; }
.viewTypeBox a:before { top: 1px; margin-right: 5px; }
.viewTypeBox.type2 { float: right; }

.dateBox { position: relative; height: 26px; margin-top: 40px; text-align: center; }
.dateBox h2 { font-size: 32px; color: #212121; line-height: 26px; vertical-align: middle; }
.dateBox .dateBtnBox button { position: absolute; top: 0; }
.dateBox .dateBtnBox button:first-child { left: 255px; }
.dateBox .dateBtnBox button:last-child { right: 255px; }

/* acce 클럽부분 */
.acce_club_text { width:100%; background:#f5f5f5; padding:20px 25px; margin:10px auto;}
.acce_txt { font-size:15px; line-height:18px; padding-top:3px;}
.acce_name { float:left; margin-right:17px; font-size:18px;}
.acce_txt span { color:#3b75a3; }
.acce_club_line { clear:both; width:85%; height:1px; background:#aaa; margin-top:8px; margin-bottom:15px;}
.acce_club_text p { font-size:14px; margin-bottom:5px;}
/* acce 클럽부분 end */

.listSearchBox2 { overflow: hidden; margin-top: 31px; }
.listSearchBox2 .viewTypeBox { float: left; margin-top: 6px; }
.listSearchBox2 .yearsBox { overflow: hidden; float: right; }
.listSearchBox2 .yearsBox .select { float: left; margin-top: 1px; }
.listSearchBox2 .yearsBox button { float: left; }

.calBox { margin-top: 6px; }
.calBox table { border: 1px solid #e0e0e0; }
.calBox thead th { padding: 8px 0; border-left: 1px solid #e0e0e0; background-color: #f3f5f6; font-size: 11px; color: #212121; }
.calBox tbody td { height: 145px; padding: 10px 9px 10px 10px; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; vertical-align: top; }
.calBox tbody td a { display: block; }
.calBox tbody td span:first-child { display: block; margin-bottom: 2px; font-size: 14px; color: #212121; line-height: 14px; }
.calBox tbody td span:nth-child(2) { display: inline-block; height: 19px; padding: 0 5px; font-weight: bold; font-size: 12px; color: #fff; line-height: 19px; letter-spacing: -0.5px; }
.calBox tbody td span:nth-child(2).gray { background-color: #70767e; }
.calBox tbody td span:nth-child(2).green { background-color: #647700; }
.calBox tbody td p { font-size: 14px; line-height: 20px; }
.calBox tbody td span + p { margin-top: 4px; color: #212121; }
.calBox tbody td span + p + p { color: #717171; }
.calBox tbody td.today span:first-child { position: relative; margin-bottom: 12px; color: #fff; }
.calBox tbody td.today span:first-child:after { display: inline-block; content: ""; position: absolute; top: -6px; left: -6px; width: 28px; height: 28px; border-radius: 14px; background-color: #d74042; z-index: -1; }
.calBox tbody td.otherCal span:first-child { color: #717171; }

.stepBox { overflow: hidden; margin-top: 29px; }
.stepBox .step { position: relative; float: left; width: 20%; height: 52px; border: 1px solid #e1e1e1; border-left: none; }
.stepBox .step div { position: absolute; left: 60px; color: #000; }
.stepBox .step div:first-child { top: 12px; font-size: 10px; line-height: 10px; }
.stepBox .step div:last-child { top: 25px; font-size: 16px; font-weight: bold; line-height: 16px; }
.stepBox .step:first-child { border-left: 1px solid #e1e1e1; }
.stepBox .step:before { content: ""; margin: 12px 0 0 20px; }
.stepBox .step.on { border: 1px solid #3b75a3; background-color: #3b75a3; }
.stepBox .step.on div { color: #fff; }
.stepBox .step.on div:last-child { font-weight: normal; }
.stepBox .step.on:first-child { border-left: 1px solid #3b75a3; }

.joinBox { margin-top: 39px; }
.joinBox .title h1 { font-size: 22px; font-weight: bold; color: #212121; line-height: 22px; }
.joinBox .title p { margin-top: 11px; font-size: 14px; color: #212121; line-height: 20px; }
.joinBox .title ul { margin-top: 11px; }
.joinBox .title + .tableBox { margin-top: 40px; }

.confirmBox { overflow: hidden; margin-top: 18px; padding-bottom: 40px; border-bottom: 1px solid #e8e8e8; }
.confirmBox.type2 { border-bottom: none; }
.confirmBox .confirm { float: left; width: 208px; height: 276px; padding: 25px 20px 33px; border: 1px solid #e1e1e1; background-color: #f7f7f7; text-align: center; }
.confirmBox .confirm div { height: 88px; font-size: 16px; font-weight: bold; color: #212121; }
.confirmBox .confirm p { margin-bottom: 30px; padding-top: 13px; border-top: 1px solid #d1d1d1; font-size: 14px; color: #212121; line-height: 18px; }
.confirmBox .confirm.ipin { margin-right: 13px; }
.confirmBox .confirm.ipin div:before { display: block; content: ""; margin: 0 auto 15px; }
.confirmBox .confirm.tel { margin-right: 17px; }
.confirmBox .confirm.tel div:before { display: block; content: ""; margin: 0 auto 13px; }
.confirmBox .confirm.noipin { position: relative; background-color: #fff; }
.confirmBox .confirm.noipin:after { content: ""; position: absolute; top: 46px; left: -12px; }
.confirmBox .confirm.noipin div { position: relative; padding: 25px 0 0 53px; font-size: 14px; line-height: 16px; text-align: left; }
.confirmBox .confirm.noipin div:before { content: ""; position: absolute; top: 20px; left: 0; }

.numberBox { margin-top: 6px; }
.numberBox label { display: inline-block; width: 90px; font-size: 14px; color: #212121; line-height: 32px; vertical-align: top !important; }

.essentialTxt2 + .numberBox { margin-top: 15px; }

.loginBox { padding: 55px 150px; border-bottom: 1px solid #e8e8e8; background-image: url("../images/login/imgLogin.png"); background-position: 180px 39px; background-repeat: no-repeat; }
.loginBox .login { position: relative; padding: 0 15px 0 250px; }
.loginBox .login h1 { font-size: 14px; color: #717171; line-height: 20px; }
.loginBox .login p { font-size: 22px; color: #212121; }
.loginBox .login div { position: relative; }
.loginBox .login div input { width: 333px; margin-top: 8px; }
.loginBox .login div button { position: absolute; top: 8px; right: 0; }
.loginBox .login .essentialTxt2 { position: absolute; bottom: -19px; right: 272px; }

.noLoginBox { overflow: hidden; padding: 0 150px; }
.noLoginBox > div { margin-top: 37px; }
.noLoginBox > div h1 + p { font-size: 16px; color: #212121; line-height: 20px; letter-spacing: -0.7px; }
.noLoginBox > div p + p { margin-top: 3px; font-size: 13px; color: #717171; letter-spacing: -0.5px; }
.noLoginBox > div:first-child { float: left; width: 310px; margin-right: 45px; border-right: 1px solid #e8e8e8; }
.noLoginBox > div:last-child { float: right; width: 345px; }
.noLoginBox > div a { margin-top: 17px; }
.noLoginBox > div a:hover { border: 1px solid #d74042; background-color: #d74042; color: #fff; }

.memOutBox { margin-top: 50px; padding: 25px 28px 23px; border: 1px solid #e1e1e1; background-color: #f7f7f7; }
.memOutBox h1 { font-size: 16px; color: #212121; }
.memOutBox p { margin: 6px 0 12px; font-size: 14px; color: #212121; }

.onlyBox { margin-top: 80px; }
.onlyBox h1 { font-size: 18px; font-weight: bold; color: #212121; line-height: 20px; }
.onlyBox h2 { margin-top: 26px; font-size: 14px; font-weight: bold; color: #212121; line-height: 16px; }
.onlyBox .bltList3 { margin-top: 5px; }
.onlyBox .bltList3 > li { padding-bottom: 9px; }
.onlyBox .bltList3 > li:last-child { padding-bottom: 0; }
.onlyBox .bltList3 > li > ul { margin-top: 3px; padding-left: 10px; }
.onlyBox .bltList3 > li > ul > li > ul { margin-top: 10px; padding-left: 20px; }
.onlyBox .triangle > li { padding: 3px 0; }
.onlyBox .triangle > li:before { display: inline-block; content: ""; width: 0; height: 0; margin-right: 5px; border-left: 7px solid #000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.onlyBox .flowChart { margin-top: 20px; }

.top + .onlyBox { margin-top: 33px; }

.requestBox .wayBox { margin-top: 40px; }
.requestBox .wayBox .btnBox { display: none; }
.requestBox .wayBox.way2 { display: none; }
.requestBox .wayBox.way2 .request { border-bottom: none; }
.requestBox .wayBox.way2 .tableBox2 { margin-top: 20px; }
.requestBox .wayBox.way2 .btnBox { margin-top: 0; display: block !important; }
.requestBox .wayBox.way3 { display: none; }
.requestBox .wayBox.way3 .btnBox a { display: none; }
.requestBox .wayBox.way3.active .linkBtn a { background-color: #70767e; }
.requestBox .wayBox.active { display: block; }
.requestBox .wayBox.active .btnBox { display: block; }
.requestBox .wayBox.active .btnBox a { display: none; }
.requestBox .wayBox.active .btnBox a:first-of-type { display: inline-block !important; }
.requestBox .wayBox.active .linkBtn a { background-color: #d74042; }
.requestBox .wayBox.active .linkBtn a.offMento { background-color: #70767e; }
.requestBox .wayBox.active .linkBtn a.offMento1 { background-color: #70767e; }
.requestBox .wayBox.active .linkBtn a.offMento2 { background-color: #70767e; }
.requestBox .wayBox.active .linkBtn a.offMento3 { background-color: #70767e; }
.requestBox .wayBox.activeOffline { display: block; }
.requestBox .wayBox.activeOffline .btnBox { display: block; }
.requestBox .wayBox.activeOffline .btnBox a { display: none; }
.requestBox .wayBox.activeOffline .btnBox .btnBlue, .requestBox .wayBox.activeOffline .btnBox .btnBlueM, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .btn:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btn:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .btnNavy:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btnNavy:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .btnDarkBlue:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btnDarkBlue:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .btnDarkBlueS:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btnDarkBlueS:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .btnRed:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btnRed:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .mbtn:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .mbtn:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .abtn:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .abtn:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .btnBlueA:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btnBlueA:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .btnRedA:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btnRedA:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .btnGrayA:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btnGrayA:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .btnDarkBlueA:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btnDarkBlueA:hover { display: inline-block; }
.requestBox .wayBox.activeOffline .linkBtn a { background-color: #70767e; }
.requestBox .wayBox.activeOffline .linkBtn a.offMento { background-color: #d74042; }
.requestBox .wayBox.activeOffline .linkBtn a.offMento1 { background-color: #d74042; }
.requestBox .wayBox.activeOffline .linkBtn a.offMento2 { background-color: #d74042; }
.requestBox .wayBox.activeOffline .linkBtn a.offMento3 { background-color: #d74042; }
.requestBox .wayBox.disable .linkBtn a { cursor: context-menu; }

.stepTit { padding-bottom: 15px; border-bottom: 2px solid #3b4251; font-size: 16px; color: #212121; line-height: 16px; }
.stepTit span { margin-right: 6px; font-size: 16px; color: #3b75a3; line-height: 16px; }

.request { padding: 16px 0 20px; border-bottom: 1px solid #e1e1e1; }
.request .bltList3 { margin-bottom: 16px; }
.request .linkBtn { overflow: hidden; }
.request .linkBtn a { display: inline-block; width: 341px; height: 54px; background-color: #3b75a3; font-weight: bold; font-size: 16px; line-height: 54px; color: #fff; text-align: center; }
.request .linkBtn a:first-child { float: left; }
.request .linkBtn a:last-child { float: right; }
.request .linkBtn a:hover { background-color: #d74042; }
.request .linkBtn a.on { background-color: #d74042 !important; }
.request .viewTable tr:first-child th, .request .viewTable tr:first-child td { border-top: 1px solid #e4e4e4; }

.careBox { padding: 20px 30px; border: 1px solid #e8e8e8; margin-top: 30px; }
.careBox h1 { font-size: 16px; line-height: 18px; color: #d74042; }
.careBox h1:before { content: ""; vertical-align: middle; margin-right: 3px; }
.careBox p { margin-top: 8px; font-size: 14px; }
.careBox ol { margin-top: 20px; background: #f6f6f6; padding: 15px 20px; }
.careBox li { font-size: 14px; color: #717171; line-height: 22px; }

/*# sourceMappingURL=style.css.map */

/*아이디어제안 주석달기 '대화상자' 160318*/
/* footnote */
 a.footnote {
     cursor: help;
     position: relative;
     text-decoration: none!important;
     color: #666;
     text-indent: 0
 }
 .footnote sup {
     color: crimson
 }
 .footnote span.note {
     margin-left: -999em;
     position: absolute;
     padding: 10px;
     background: #fff;
     border: 1px solid #000;
     text-align: left;
     line-height: 1.3em
 }
 .footnote:hover span.note {
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
     position: absolute;
     right: -107px;
     bottom: 2.5em;
     z-index: 99;
     /* width: 250px */
 }
 .note_ttl {
     display: block;
     width: 100%;
     margin: 0 auto 3px auto;
     padding-bottom: 2px;
     text-align: left;
     border-bottom: 1px solid #000;
     color: crimson
 }
 div.footnote_desc {
     border-top: 1px solid #fff;
 }
 .footnote:hover span.note:before {
     content:"";
     position: absolute;
     bottom: -6px;
     right: 50px;
     border-width: 7px 7px 0;
     border-style: solid;
     border-color: #fff transparent;
     display: block;
     width: 0;
     z-index: 100
 }
 .footnote:hover span.note:after {
     content:"";
     position: absolute;
     bottom: -7px;
     right: 50px;
     border-width: 7px 7px 0;
     border-style: solid;
     border-color: #000 transparent;
     display: block;
     width: 0;
 }