@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; }

* { -webkit-text-size-adjust: none; }

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: 13px; font-family: 'notokr-regular', '돋움', Dotum, tahoma, sans-serif; font-weight: 400; -webkit-overflow-scrolling: touch; }

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 { border-radius: 0; border: 1px solid #e8e8e8; background: #fff; }

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

input[type="checkbox"], input[type="radio"] { vertical-align: middle; width: 13px; height: 13px; position: relative; top: -2px; }

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, #tit .list h1, .mentoInfo .right h1, .stepTit span, .guideHeader h1, .selectLabel { font-family: notokr-bold; font-weight: 400; }

.noto2, .tit2, main .conArea > h1, .tabList a.on, .mentoMainTab .tabTit, .error h1, .error .box, .policy h1, .policy strong, .login h2, .popup .inBox h1, .conArea nav#menu section h1, .mentoInfo h2, .listArea li.notice > a p, .listArea li.notice > a p span, .previewList > div .txt.notice span:first-child, .tab a, .memberCom .massage, .memberCom .grayBox div, .pointTxt, #main .twoBanner section h1, #main .tab2 h1, #main .bbs h1, #main .qLink h1, .infoID h1, .request .linkBtn a, .stepTit, .consultingTime .submit > div, .consultingTime .day .mons span, .consultingTime .day .calendar.chk a, .guideContent div h2.guideTit, .mbtn, .btnBlueM, .select select, .conArea > h1, .info_wrap #menu section h1 a, .bottomTxtBox div:first-child p:first-child, .businessBox .moreView, .developWork .bltList3 li span, .chartBox .viewTable td:first-child, .mapBox + .bltList3 span, .viewTitle > div.boardTit > div span:first-child, .tableBox2 h2, .tableTitle h1, .tableTitle h2, .mentoTxtBox h1, .mentoTxtBox .big p[class], .listSearchBox label, .reply .info h1, .reply .info .name, .listCon h2, .listArea.offList.lockList .sTit span, .workInfo h1, .favorList h1, .favorList .list ul li .name, .joinComplete > p, .findTab a, .findPwd h1, .findPwd > div .askBox h2, .mentoGate h1, .mypage h1, .mypage .mytop article.credit h1, .mypage .mytop article.credit p, .myBox h1 { font-family: notokr-medium; font-weight: 400; }

.noto1, #menu section h3, #menu section h3 a, #menu .say, footer > a, footer p, footer address, .login section h1, .login section p, .mentoInfo .right h1, .mentoInfo .right h1 small, .siteLink a h2, .siteLink a p, #main .tab2 .total div p:last-of-type, #main .tab2 article, #main .tab2 article p:first-of-type, #main .bbs h1 small, .infoID p, .consultingTime .part h2, .consultingTime .day .mons, .roundB, .rBNormal, .rBBlue, .rskyBlue, .conArea > h1, .gate footer p, .subTxt1, .info_wrap #tit, .info_wrap footer, .infoGateBox > div h2, .infoGateBox .gateBg1 div:first-child, .businessBox .moreView, .businessBox > div a, .developWork h3, .chartBox h3, .chartBox .viewTable th, .previewList > div h1, .previewList > div .txt span:first-child, .previewList > div .txt span:last-child, .previewList > div p, .viewTitle > div.boardTit > div span:first-child, .viewTitle > div.boardTit > div h3, .tableBox2 .essentialTxt, .tableTitle h1, .viewTable .default label, .viewTable table tbody th, .viewTable table tbody td, .viewTable.type3 .numberBox label, .viewTable.type3 .checkForm label, .viewLiTable table tbody th, .viewLiTable table tbody td, .mentoTxtBox > h2, .mentoTxtBox p, .mentoTxtBox ol li, .onlyBox h2, .reply .info h1, .reply .info .title, .reply .info .name, .reply .text, .reply.modify > h1, .file span.fileTit, .listCon h2, .listArea li > a .rDarkblue, .listArea li > a .rred, .listArea li > a .rgreen, .listArea li > a .rgray, .listArea li > a .rblue, .listArea li > a span, .listArea.offList .rBNormal, .workInfo h1, .twoList h2, .twoList > ul > li a p, .favorList h1, .favorList .list ul li .txt, .favorList .list ul li .say, .stepBox .step div:first-child, .stepBox .step div:last-child, .joinBox .title h1, .findPwd h2, .findPwd > div .inputBox p, .findPwd .chkOutid p { font-family: notokr-regular; font-weight: 400; }

.cOrange { color: #d74042 !important; }

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

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

.cNavy { color: #2f3f60 !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 .noipin:after, .bgPlus, .businessBox > div a:after, .bgTrain, .bgTrain1, .btnMenu, #menu > h1:before, .ico404, .error.page .inBox:before, .icoAn, .mentoInfo .right .cnt p.complete:before, .icoAn2, .myBox .cntList div.list2:before, .icoBook, .icoBtnArrow, .icoBtnArrow2, .icoBtnArrow3, .icoBtnArrow4, .icoBtnArrow5, .icoCalOff, .viewTypeBox a:first-child:before, .icoCalOn, .viewTypeBox a.on:first-child:before, .icoChkTime, .consultingTime .submit h1:before, .icoClose, .icoCloseOn, .info_wrap #menu .closeOn, .icoCredit, .mypage .mytop article.credit h1:before, .mypage .mytop article.credit p:before, .icoDwn, .icoError, .error.e500 .inBox:before, .icoFileClose, .icoIDchk, .infoID:before, .icoIDsearch, .findPwd.idSearch > div:after, .icoInfoListOn, .info_wrap #menu > h1:before, .icoIpin, .confirmBox > div .confirm.ipin div:before, .icoListOff, .viewTypeBox a:last-child:before, .icoListOn, .viewTypeBox a.on:last-child:before, .icoLock, .icoLock2, .listArea.offList.lockList li.lock > a:first-child:before, .icoLogin, .icoLogo, .icoLogoOnly, .memberCom .massage p:last-of-type span:before, .joinComplete > p:before, .icoMainCount01, #main .tab2 article:first-of-type:before, .icoMainCount02, #main .tab2 article:last-of-type:before, .icoMark, .txtMark1:before, .icoMark1, .txtMark1.type2:before, .icoMento, .mentoInfo .right .cnt p.mento:before, .icoMentoW, .icoMenu, .icoMenu01, .conArea section.menu01 h1:before, .icoMenu02, .conArea section.menu02 h1:before, .icoMenu03, .conArea section.menu03 h1:before, .icoMenu04, .conArea section.menu04 h1:before, .icoMenu05, .conArea section.menu05 h1:before, .icoMenu06, .conArea section.menu06 h1:before, .icoMenu10, .conArea section.menu10 h1:before, .icoMenuOp, .conArea nav#menu section.activeDepth h2.hasDepth:before, .icoNew, .bbs li.new:after, .icoNext, .previewList .nextTxt h1:before, .icoNextMon, .icoNum1, .stepArea > span.step1 .num, .icoNum1On, .stepArea.one .step1 .num, .icoNum2, .stepArea > span.step2 .num, .icoNum2On, .stepArea.two .step2 .num, .icoNum3, .stepArea > span.step3 .num, .stepArea > span.step3_1 .num, .icoNum3On, .stepArea.three .step3 .num, .icoNum3_1On, .stepArea.four .step3_1 .num, .icoPaging1, .icoPaging1_1, .icoPaging2, .icoPaging2_1, .icoPhone, .confirmBox > div .confirm.tel div:before, .icoPlus, .icoPlusw, #main .twoBanner section:after, .icoPopNext, #main .popBanner .bx-controls .bx-controls-direction a.bx-next, .icoPopPrev, #main .popBanner .bx-controls .bx-controls-direction a.bx-prev, .icoPrev, .previewList .prevTxt h1:before, .icoPrevMon, .icoProfile, .icoPwdSearch, .findPwd.pwdSearch > div:after, .icoQlink01, .icoQlink02, .icoQlink03, .icoQlink04, .icoQu, .mentoInfo .right .cnt p.ing:before, .icoQu2, .myBox .cntList div.list1:before, .icoReply, .reply:before, .icoResult, .findPwd .chkOutid h3:before, .icoRoll, .icoSay, #menu .say:before, .icoSearch, .icoSearch2, .icoSelectBtn, .icoShare, .icoShare01, .icoShare02, .icoShare03, .icoShare04, .icoShare05, .icoStepArrow, .mypage .mybottom div a:before, .icoTotal01, #main .tab2 .data1:before, .cntList .list1:before, .icoTotal02, #main .tab2 .data2:before, .icoTotal03, #main .tab2 .data3:before, .icoTotal04, .cntList .list2:before, .icoTotal05, .cntList .list3:before, .icoTotal06, .cntList .list4:before, .iconChk, .error.massage .inBox:before, .imgInfoLink1, .imgInfoLink2, .imgInfoLogo { background-image: url("../images/mobile/m.sprite.png"); }

.bgBalloon, .confirmBox .noipin:after { background-position: -318px -244.5px; background-size: 359px 358px; width: 20px !important; height: 20px !important; }

.bgPlus, .businessBox > div a:after { background-position: -87px -316px; background-size: 359px 358px; width: 14px !important; height: 14px !important; }

.bgTrain { background-position: -348px 0px; background-size: 359px 358px; width: 11px !important; height: 31px !important; }

.bgTrain1 { background-position: -348px -36px; background-size: 359px 358px; width: 11px !important; height: 31px !important; }

.btnMenu, #menu > h1:before { background-position: -132px -289px; background-size: 359px 358px; width: 20px !important; height: 16px !important; }

.ico404, .error.page .inBox:before { background-position: -193px 0px; background-size: 359px 358px; width: 76px !important; height: 54px !important; }

.icoAn, .mentoInfo .right .cnt p.complete:before { background-position: -236px -211px; background-size: 359px 358px; width: 28px !important; height: 28px !important; }

.icoAn2, .myBox .cntList div.list2:before { background-position: -86px -246px; background-size: 359px 358px; width: 31px !important; height: 32px !important; }

.icoBook { background-position: -107px -289px; background-size: 359px 358px; width: 20px !important; height: 17px !important; }

.icoBtnArrow { background-position: -348px -157px; background-size: 359px 358px; width: 6px !important; height: 12px !important; }

.icoBtnArrow2 { background-position: -348px -174px; background-size: 359px 358px; width: 6px !important; height: 12px !important; }

.icoBtnArrow3 { background-position: -348px -266px; background-size: 359px 358px; width: 4px !important; height: 7px !important; }

.icoBtnArrow4 { background-position: -348px -191px; background-size: 359px 358px; width: 6px !important; height: 12px !important; }

.icoBtnArrow5 { background-position: -348px -297px; background-size: 359px 358px; width: 3.5px !important; height: 6.5px !important; }

.icoCalOff, .viewTypeBox a:first-child:before { background-position: -202px -316px; background-size: 359px 358px; width: 13px !important; height: 13px !important; }

.icoCalOn, .viewTypeBox a.on:first-child:before { background-position: -256px -316px; background-size: 359px 358px; width: 13px !important; height: 13px !important; }

.icoChkTime, .consultingTime .submit h1:before { background-position: -196px -196px; background-size: 359px 358px; width: 14.5px !important; height: 9.5px !important; }

.icoClose { background-position: -318px -269.5px; background-size: 359px 358px; width: 14px !important; height: 14px !important; }

.icoCloseOn, .info_wrap #menu .closeOn { background-position: -220px -316px; background-size: 359px 358px; width: 13px !important; height: 13px !important; }

.icoCredit, .mypage .mytop article.credit h1:before, .mypage .mytop article.credit p:before { background-position: -318px -90px; background-size: 359px 358px; width: 23.5px !important; height: 23.5px !important; }

.icoDwn { background-position: 0px -289px; background-size: 359px 358px; width: 27px !important; height: 22px !important; }

.icoError, .error.e500 .inBox:before { background-position: -193px -59px; background-size: 359px 358px; width: 76px !important; height: 53px !important; }

.icoFileClose { background-position: -58px -289px; background-size: 359px 358px; width: 20px !important; height: 19px !important; }

.icoIDchk, .infoID:before { background-position: 0px -179px; background-size: 359px 358px; width: 63px !important; height: 62px !important; }

.icoIDsearch, .findPwd.idSearch > div:after { background-position: 0px -72px; background-size: 359px 358px; width: 66px !important; height: 66px !important; }

.icoInfoListOn, .info_wrap #menu > h1:before { background-position: -292px -316px; background-size: 359px 358px; width: 14px !important; height: 12px !important; }

.icoIpin, .confirmBox > div .confirm.ipin div:before { background-position: -68px -211px; background-size: 359px 358px; width: 97px !important; height: 28px !important; }

.icoListOff, .viewTypeBox a:last-child:before { background-position: -145px -316px; background-size: 359px 358px; width: 14px !important; height: 13px !important; }

.icoListOn, .viewTypeBox a.on:last-child:before { background-position: -183px -316px; background-size: 359px 358px; width: 14px !important; height: 13px !important; }

.icoLock { background-position: -22px -339px; background-size: 359px 358px; width: 15px !important; height: 18px !important; }

.icoLock2, .listArea.offList.lockList li.lock > a:first-child:before { background-position: 0px -316px; background-size: 359px 358px; width: 18px !important; height: 18px !important; }

.icoLogin { background-position: 0px 0px; background-size: 359px 358px; width: 71px !important; height: 67px !important; }

.icoLogo { background-position: 0px -143px; background-size: 359px 358px; width: 131px !important; height: 31px !important; }

.icoLogoOnly, .memberCom .massage p:last-of-type span:before, .joinComplete > p:before { background-position: 0px -246px; background-size: 359px 358px; width: 40px !important; height: 38px !important; }

.icoMainCount01, #main .tab2 article:first-of-type:before { background-position: -274px -220px; background-size: 359px 358px; width: 36px !important; height: 19px !important; }

.icoMainCount02, #main .tab2 article:last-of-type:before { background-position: -223px -246px; background-size: 359px 358px; width: 26px !important; height: 27px !important; }

.icoMark, .txtMark1:before { background-position: -325px -289px; background-size: 359px 358px; width: 15px !important; height: 15px !important; }

.icoMark1, .txtMark1.type2:before { background-position: -45px -316px; background-size: 359px 358px; width: 17px !important; height: 17px !important; }

.icoMento, .mentoInfo .right .cnt p.mento:before { background-position: -158px -246px; background-size: 359px 358px; width: 28px !important; height: 28px !important; }

.icoMentoW { background-position: -45px -246px; background-size: 359px 358px; width: 36px !important; height: 36px !important; }

.icoMenu { background-position: -311px -316px; background-size: 359px 358px; width: 14px !important; height: 12px !important; }

.icoMenu01, .conArea section.menu01 h1:before { background-position: -32px -289px; background-size: 359px 358px; width: 21px !important; height: 19px !important; }

.icoMenu02, .conArea section.menu02 h1:before { background-position: 0px -339px; background-size: 359px 358px; width: 17px !important; height: 19px !important; }

.icoMenu03, .conArea section.menu03 h1:before { background-position: -318px -118.5px; background-size: 359px 358px; width: 21px !important; height: 21px !important; }

.icoMenu04, .conArea section.menu04 h1:before { background-position: -318px -144.5px; background-size: 359px 358px; width: 21px !important; height: 21px !important; }

.icoMenu05, .conArea section.menu05 h1:before { background-position: -168px -143px; background-size: 359px 358px; width: 20px !important; height: 20px !important; }

.icoMenu06, .conArea section.menu06 h1:before { background-position: -318px -170.5px; background-size: 359px 358px; width: 22px !important; height: 19px !important; }

.icoMenu10, .conArea section.menu10 h1:before { background-position: -672px -1049px; background-size: 359px 358px; width: 23px !important; height: 25px !important; }

.icoMenuOp, .conArea nav#menu section.activeDepth h2.hasDepth:before { background-position: -176px -44px; background-size: 359px 358px; width: 12px !important; height: 12px !important; }

.icoNew, .bbs li.new:after { background-position: -330px -316px; background-size: 359px 358px; width: 12px !important; height: 12px !important; }

.icoNext, .previewList .nextTxt h1:before { background-position: -348px -223px; background-size: 359px 358px; width: 6px !important; height: 10px !important; }

.icoNextMon { background-position: -348px -124px; background-size: 359px 358px; width: 9.5px !important; height: 11.5px !important; }

.icoNum1, .stepArea > span.step1 .num { background-position: -157px -289px; background-size: 359px 358px; width: 16px !important; height: 16px !important; }

.icoNum1On, .stepArea.one .step1 .num { background-position: -283px -289px; background-size: 359px 358px; width: 16px !important; height: 16px !important; }

.icoNum2, .stepArea > span.step2 .num { background-position: -178px -289px; background-size: 359px 358px; width: 16px !important; height: 16px !important; }

.icoNum2On, .stepArea.two .step2 .num { background-position: -304px -289px; background-size: 359px 358px; width: 16px !important; height: 16px !important; }

.icoNum3, .stepArea > span.step3 .num, .stepArea > span.step3_1 .num { background-position: -262px -289px; background-size: 359px 358px; width: 16px !important; height: 16px !important; }

.icoNum3On, .stepArea.three .step3 .num { background-position: -220px -289px; background-size: 359px 358px; width: 16px !important; height: 16px !important; }

.icoNum3_1On, .stepArea.four .step3_1 .num { background-position: -241px -289px; background-size: 359px 358px; width: 16px !important; height: 16px !important; }

.icoPaging1 { background-position: -348px -252px; background-size: 359px 358px; width: 6px !important; height: 9px !important; }

.icoPaging1_1 { background-position: -348px -278px; background-size: 359px 358px; width: 6px !important; height: 4.5px !important; }

.icoPaging2 { background-position: -348px -238px; background-size: 359px 358px; width: 6px !important; height: 9px !important; }

.icoPaging2_1 { background-position: -348px -287.5px; background-size: 359px 358px; width: 6px !important; height: 4.5px !important; }

.icoPhone, .confirmBox > div .confirm.tel div:before { background-position: -136px -143px; background-size: 359px 358px; width: 27px !important; height: 30px !important; }

.icoPlus { background-position: -348px -108px; background-size: 359px 358px; width: 11px !important; height: 11px !important; }

.icoPlusw, #main .twoBanner section:after { background-position: -348px -92px; background-size: 359px 358px; width: 11px !important; height: 11px !important; }

.icoPopNext, #main .popBanner .bx-controls .bx-controls-direction a.bx-next { background-position: -318px -219.5px; background-size: 359px 358px; width: 20px !important; height: 20px !important; }

.icoPopPrev, #main .popBanner .bx-controls .bx-controls-direction a.bx-prev { background-position: -318px -194.5px; background-size: 359px 358px; width: 20px !important; height: 20px !important; }

.icoPrev, .previewList .prevTxt h1:before { background-position: -348px -208px; background-size: 359px 358px; width: 6px !important; height: 10px !important; }

.icoPrevMon { background-position: -348px -140.5px; background-size: 359px 358px; width: 9.5px !important; height: 11.5px !important; }

.icoProfile { background-position: -23px -316px; background-size: 359px 358px; width: 17px !important; height: 18px !important; }

.icoPwdSearch, .findPwd.pwdSearch > div:after { background-position: -71px -72px; background-size: 359px 358px; width: 66px !important; height: 66px !important; }

.icoQlink01 { background-position: -125px -316px; background-size: 359px 358px; width: 15px !important; height: 13px !important; }

.icoQlink02 { background-position: -348px -72px; background-size: 359px 358px; width: 10px !important; height: 15px !important; }

.icoQlink03 { background-position: -164px -316px; background-size: 359px 358px; width: 14px !important; height: 13px !important; }

.icoQlink04 { background-position: -106px -316px; background-size: 359px 358px; width: 14px !important; height: 14px !important; }

.icoQu, .mentoInfo .right .cnt p.ing:before { background-position: -203px -211px; background-size: 359px 358px; width: 28px !important; height: 28px !important; }

.icoQu2, .myBox .cntList div.list1:before { background-position: -122px -246px; background-size: 359px 358px; width: 31px !important; height: 32px !important; }

.icoReply, .reply:before { background-position: -142px -116px; background-size: 359px 358px; width: 37px !important; height: 18px !important; }

.icoResult, .findPwd .chkOutid h3:before { background-position: -199px -289px; background-size: 359px 358px; width: 16px !important; height: 16px !important; }

.icoRoll { background-position: -67px -316px; background-size: 359px 358px; width: 15px !important; height: 15px !important; }

.icoSay, #menu .say:before { background-position: -274px -316px; background-size: 359px 358px; width: 13px !important; height: 13px !important; }

.icoSearch { background-position: -83px -289px; background-size: 359px 358px; width: 19px !important; height: 18px !important; }

.icoSearch2 { background-position: -170px -211px; background-size: 359px 358px; width: 28px !important; height: 28px !important; }

.icoSelectBtn { background-position: -191px -246px; background-size: 359px 358px; width: 27px !important; height: 27px !important; }

.icoShare { background-position: -196px -179px; background-size: 359px 358px; width: 58px !important; height: 12px !important; }

.icoShare01 { background-position: -254px -246px; background-size: 359px 358px; width: 25px !important; height: 25px !important; }

.icoShare02 { background-position: -284px -246px; background-size: 359px 358px; width: 25px !important; height: 25px !important; }

.icoShare03 { background-position: -318px -60px; background-size: 359px 358px; width: 25px !important; height: 25px !important; }

.icoShare04 { background-position: -318px -30px; background-size: 359px 358px; width: 25px !important; height: 25px !important; }

.icoShare05 { background-position: -318px 0px; background-size: 359px 358px; width: 25px !important; height: 25px !important; }

.icoStepArrow, .mypage .mybottom div a:before { background-position: -238px -316px; background-size: 359px 358px; width: 13px !important; height: 13px !important; }

.icoTotal01, #main .tab2 .data1:before, .cntList .list1:before { background-position: -274px -88px; background-size: 359px 358px; width: 39px !important; height: 39px !important; }

.icoTotal02, #main .tab2 .data2:before { background-position: -274px -132px; background-size: 359px 358px; width: 39px !important; height: 39px !important; }

.icoTotal03, #main .tab2 .data3:before { background-position: -274px 0px; background-size: 359px 358px; width: 39px !important; height: 39px !important; }

.icoTotal04, .cntList .list2:before { background-position: -142px -72px; background-size: 359px 358px; width: 39px !important; height: 39px !important; }

.icoTotal05, .cntList .list3:before { background-position: -274px -176px; background-size: 359px 358px; width: 39px !important; height: 39px !important; }

.icoTotal06, .cntList .list4:before { background-position: -274px -44px; background-size: 359px 358px; width: 39px !important; height: 39px !important; }

.iconChk, .error.massage .inBox:before { background-position: -193px -117px; background-size: 359px 358px; width: 76px !important; height: 53px !important; }

.imgInfoLink1 { background-position: -76px -44px; background-size: 359px 358px; width: 95px !important; height: 17px !important; }

.imgInfoLink2 { background-position: -68px -179px; background-size: 359px 358px; width: 123px !important; height: 27px !important; }

.imgInfoLogo { background-position: -76px 0px; background-size: 359px 358px; width: 112px !important; height: 39px !important; }

/* copyright by 2015.09 matey */
/* ----------------------------- a_style ---------------------------- */
.txtHidden, .iconDefault, .bgBalloon, .confirmBox .noipin:after, .bgPlus, .businessBox > div a:after, .bgTrain, .bgTrain1, .btnMenu, #menu > h1:before, .ico404, .error.page .inBox:before, .icoAn, .mentoInfo .right .cnt p.complete:before, .icoAn2, .myBox .cntList div.list2:before, .icoBook, .icoBtnArrow, .icoBtnArrow2, .icoBtnArrow3, .icoBtnArrow4, .icoBtnArrow5, .icoCalOff, .viewTypeBox a:first-child:before, .icoCalOn, .viewTypeBox a.on:first-child:before, .icoChkTime, .consultingTime .submit h1:before, .icoClose, .icoCloseOn, .info_wrap #menu .closeOn, .icoCredit, .mypage .mytop article.credit h1:before, .mypage .mytop article.credit p:before, .icoDwn, .icoError, .error.e500 .inBox:before, .icoFileClose, .icoIDchk, .infoID:before, .icoIDsearch, .findPwd.idSearch > div:after, .icoInfoListOn, .info_wrap #menu > h1:before, .icoIpin, .confirmBox > div .confirm.ipin div:before, .icoListOff, .viewTypeBox a:last-child:before, .icoListOn, .viewTypeBox a.on:last-child:before, .icoLock, .icoLock2, .listArea.offList.lockList li.lock > a:first-child:before, .icoLogin, .icoLogo, .icoLogoOnly, .memberCom .massage p:last-of-type span:before, .joinComplete > p:before, .icoMainCount01, #main .tab2 article:first-of-type:before, .icoMainCount02, #main .tab2 article:last-of-type:before, .icoMark, .txtMark1:before, .icoMark1, .txtMark1.type2:before, .icoMento, .mentoInfo .right .cnt p.mento:before, .icoMentoW, .icoMenu, .icoMenu01, .conArea section.menu01 h1:before, .icoMenu02, .conArea section.menu02 h1:before, .icoMenu03, .conArea section.menu03 h1:before, .icoMenu04, .conArea section.menu04 h1:before, .icoMenu05, .conArea section.menu05 h1:before, .icoMenu06, .conArea section.menu06 h1:before, .icoMenu10, .conArea section.menu10 h1:before, .icoMenuOp, .conArea nav#menu section.activeDepth h2.hasDepth:before, .icoNew, .bbs li.new:after, .icoNext, .previewList .nextTxt h1:before, .icoNextMon, .icoNum1, .stepArea > span.step1 .num, .icoNum1On, .stepArea.one .step1 .num, .icoNum2, .stepArea > span.step2 .num, .icoNum2On, .stepArea.two .step2 .num, .icoNum3, .stepArea > span.step3 .num, .stepArea > span.step3_1 .num, .icoNum3On, .stepArea.three .step3 .num, .icoNum3_1On, .stepArea.four .step3_1 .num, .icoPaging1, .icoPaging1_1, .icoPaging2, .icoPaging2_1, .icoPhone, .confirmBox > div .confirm.tel div:before, .icoPlus, .icoPlusw, #main .twoBanner section:after, .icoPopNext, #main .popBanner .bx-controls .bx-controls-direction a.bx-next, .icoPopPrev, #main .popBanner .bx-controls .bx-controls-direction a.bx-prev, .icoPrev, .previewList .prevTxt h1:before, .icoPrevMon, .icoProfile, .icoPwdSearch, .findPwd.pwdSearch > div:after, .icoQlink01, .icoQlink02, .icoQlink03, .icoQlink04, .icoQu, .mentoInfo .right .cnt p.ing:before, .icoQu2, .myBox .cntList div.list1:before, .icoReply, .reply:before, .icoResult, .findPwd .chkOutid h3:before, .icoRoll, .icoSay, #menu .say:before, .icoSearch, .icoSearch2, .icoSelectBtn, .icoShare, .icoShare01, .icoShare02, .icoShare03, .icoShare04, .icoShare05, .icoStepArrow, .mypage .mybottom div a:before, .icoTotal01, #main .tab2 .data1:before, .cntList .list1:before, .icoTotal02, #main .tab2 .data2:before, .icoTotal03, #main .tab2 .data3:before, .icoTotal04, .cntList .list2:before, .icoTotal05, .cntList .list3:before, .icoTotal06, .cntList .list4:before, .iconChk, .error.massage .inBox:before, .imgInfoLink1, .imgInfoLink2, .imgInfoLogo, .txtHide { text-indent: -999px; overflow: hidden; display: inline-block; line-height: 0 !important; white-space: nowrap !important; text-align: left !important; font-size: 0; }

.txtHide { position: absolute !important; left: 0 !important; top: 0 !important; width: 0 !important; height: 0 !important; }

.clearFix, #tit, .histoList { clear: both; }
.clearFix:before, #tit:before, .histoList:before, .clearFix:after, #tit:after, .histoList:after { content: " "; display: table; /* 2 */ }
.clearFix:after, #tit:after, .histoList:after { clear: both; }

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

.ellipsis, .bbs a, .previewList > div .txt span:first-child, .listArea li > a p, .workInfo li a, .favorList .list ul li .txt, .favorList .list ul li .say { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap !important; word-wrap: normal !important; -moz-binding: url("ellipsis.xml#ellipsis"); }

.btnGroup { dispaly: inline-block; text-align: center; padding: 20px 0; }

.bltList li, .bbs li { text-indent: -8px; padding-left: 8px; }
.bltList li:before, .bbs li:before { content: ''; display: inline-block; width: 3px; height: 3px; backgroud: #212121; position: relative; top: -4px; }

.bbs a { max-width: 90%; display: inline-block; padding-left: 10px; }
.bbs li:before { top: -8px; }
.bbs li.new:after { content: ''; display: inline-block; position: relative; top: -3px; left: 3px; }

.tit2 { font-size: 13px; line-height: 13px; margin-bottom: 10px; }

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

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

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

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

.w65 { width: 65px !important; min-width: 0 !important; }

.addFileBox { display: table; border-top: 2px solid #3b4251; border-bottom: 1px solid #e8e8e8; width: 100%; }
.addFileBox p { width: 38%; background: #f9fafb; vertical-align: top; display: table-cell; padding: 12px 9px; }
.addFileBox > div { display: table-cell; padding: 12px 9px; }
.addFileBox a { display: block; }

.tabList { border-left: 1px solid #e8e8e8; overflow: hidden; }
.tabList a { display: block; border: 1px solid #e8e8e8; border-left: none; float: left; padding: 0 10px; line-height: 26px; }
.tabList a.on { color: #3b75a3; }

.mypageTabList { border-left: 1px solid #e8e8e8; overflow: hidden; }
.mypageTabList a { display: block; border: 1px solid #e8e8e8; border-left: none; float: left; padding: 0 7px; line-height: 26px; background-color:#3b4251; color:#fff; }
.mypageTabList a.on { color: #fcff2f; }

#wrap { width: 100%; height: 100%; overflow-x: hidden; position: relative; }
#wrap.activeMenu #menu { position: relative; left: 0; height: 100%; overflow: auto; }
#wrap.activeMenu #menu:before { left: 230px; }
#wrap.activeMenu #content { position: absolute; left: 238px; height: 100%; overflow: hidden; }

#menu { width: 238px; position: absolute; top: 0; left: -238px; background: #fff; height: 100%; transition: left 0.3s; color: #fff; }
#menu .icoCloseOn, .info_wrap #menu .closeOn { position: absolute; right: 15px; top: 20px; }
#menu > h1 { font-size: 13px; line-height: 50px; padding-left: 19px; color: #212121; }
#menu > h1:before { content: ''; position: relative; top: 3px; margin-right: 5px; }
#menu:before { content: ''; display: block; position: fixed; left: -8px; width: 8px; height: 100%; background: url("/images/mobile/common/bg_gnb.png") repeat-y right top; background-size: 8px auto; z-index: 5000; transition: left 0.3s; }
#menu a { color: #212121; display: inline-block; }
#menu section:first-of-type h1:before { display: none; }
#menu section:first-of-type h1:after { display: none; }
#menu section h1 { line-height: 41px; padding-left: 19px; border-top: 1px solid #e8e8e8; background: #fff; position: relative; }
#menu section h1 > a { width: 100%; font-size: 17px; }
#menu section h2 { font-size: 12px; line-height: 32px; padding-left: 19px; color: #a9a3a3; display: none; }
#menu section h2 a { font-size: 15px; }
#menu section h2 .long { letter-spacing: -1px; }
#menu section h2:first-of-type { border-top: none; margin-top: 5px; }
#menu section h2:last-of-type { margin-bottom: 10px; }
#menu section h2:before { content: '-'; color: #fff; line-height: 12px; text-align: center; display: inline-block; width: 12px; height: 12px; background: #494949; position: relative; margin-right: 5px; }
#menu section h2.hasDepth:before { content: '+'; position: relative; top: -2px; }
#menu section h3 { display: none; padding-left: 40px; font-size: 14px; line-height: 14px; margin-bottom: 15px; }
#menu section h3:first-of-type { margin-top: 10px; }
#menu section h3 a { color: #717171; font-size: 14px; line-height: 14px; }
#menu section h3:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #767676; position: relative; top: -4px; margin-right: 5px; }
#menu section.on h1 { background: #3b75a3; }
#menu section.on h1 a { color: #fff; }
#menu section.on h2 { display: block; }
#menu section.on.activeDepth h3 { display: block; }
#menu .util { border-bottom: 1px solid #902223; overflow: hidden; background: #d74042; }
#menu .util a { display: block; float: left; width: 50%; border-top: 1px solid #902223; padding-left: 15px; font-size: 13px; line-height: 40px; color: #fff; }
#menu .util a:first-of-type { border-right: 1px solid #902223; }
#menu .util a:nth-of-type(2n+1) { clear: both; float: left; border-right: 1px solid #902223; }
#menu .util a span { margin-right: 10px; top: 4px; position: relative; }
#menu .say { color: #d74042; padding-left: 15px; font-size: 10px; line-height: 10px; margin-top: 15px; }
#menu .say:before { content: ''; margin-right: 5px; position: relative; top: 2px; }

#content { width: 100%; position: relative; left: 0; top: 0; transition: left 0.3s; }

header { width: 100%; height: 50px; padding-top: 8px; padding-left: 15px; padding-right: 15px; position: relative; }
header h1.icoLogo { margin: 0 auto; display: block; }
header h1.icoLogo a { display: block; height: 31px; }
header #btnMenu { position: absolute; left: 20px; top: 16px; }

footer { width: 100%; border-top: 1px solid #e8e8e8; padding: 15px; color: #8d8d8d; overflow: hidden; }
footer > a { font-size: 10px; line-height: 10px; margin-bottom: 8px; float: left; display: block; margin-left: 8px; }
footer > a:before { content: ''; width: 1px; height: 8px; display: block; position: relative; background: #8d8d8d; top: 1px; float: left; margin-right: 8px; }
footer > a:first-of-type { margin-left: 0; background: #3b4251; width: 41px; height: 16px; line-height: 16px; color: #fff; text-align: center; position: relative; top: -3px; }
footer > a:first-of-type:before { display: none; }
footer p { font-size: 8px; line-height: 8px; }
footer address { clear: both; font-size: 9px; line-height: 9px; margin-bottom: 3px; }
footer address a { color: #8d8d8d; }

#tit { background: #3b75a3; line-height: 47px; }
#tit > h1 { float: left; color: #fff; font-size: 16px; padding-left: 15px; }
#tit article { position: relative; z-index: 1000; }
#tit article h1 { float: right; padding-right: 15px; }
#tit article .icoShare { vertical-align: middle; }
#tit .list { padding-left: 15px; padding-right: 15px; display: none; position: absolute; background: #fff; border-bottom: 1px solid #e8e8e8; left: 0; top: 47px; width: 100%; height: 47px; }
#tit .list h1 { float: left; font-size: 12px; }
#tit .list .group { position: absolute; right: 15px; top: 6px; }
#tit .list .group a { margin-left: 10px; display: block; float: left; }
#tit .list:before { content: ''; display: block; position: absolute; right: 30px; top: -10px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 18px solid #fff; }

.mentoMainTab { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e8e8e8; overflow: hidden; position: relative; }
.mentoMainTab div { display: none; clear: both; }
.mentoMainTab div p { margin-top: 15px; text-align: center; }
.mentoMainTab div.active { display: block; }
.mentoMainTab .bltList, .mentoMainTab .bbs { margin-top: 15px; }
.mentoMainTab .bbs { min-height: 110px; }
.mentoMainTab .bbs .noneTxt:before { top: -4px; }
.mentoMainTab .icoPlus { position: absolute; right: 0px; top: 25px; }
.mentoMainTab .tabTit { display: block; overflow: hidden; font-size: 13px; line-height: 13px; position: relative; }
.mentoMainTab .tabTit:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e8e8e8; }
.mentoMainTab .tabTit a { display: block; float: left; padding: 0 5px; line-height: 28px; }
.mentoMainTab .tabTit a.active { border: 1px solid #e8e8e8; border-bottom: 2px solid #fff; position: relative; background: #fff; z-index: 1; }
.mentoMainTab .tabTit a.active:first-of-type { border-left: none; }

.histoList { padding-top: 15px; border-top: 1px solid #e8e8e8; }

.error { position: relative; height: 100%; text-align: center; }
.error .inBox { position: absolute; width: 90.625%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.error .inBox:before { content: ''; margin-bottom: 10px; }
.error h1 { font-size: 16px; line-height: 16px; margin-bottom: 10px; }
.error p { font-size: 13px; }
.error .box { background: #626874; color: #fff; padding: 15px 10px; font-size: 13px; display: inline-block; margin-top: 10px; }

.boxGray { background: #f4f5f5; color: #212121; padding: 15px 14px; }

.policy { margin-top: 30px; font-size: 13px; }
.policy h1 { font-size: 16px; line-height: 16px; margin: 50px 0 20px 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: 90.625%; 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 ul:first-of-type { margin-top: 12px; }
.policy .boxGray li { margin-top: 0; }

.login h2 { font-size: 13px; line-height: 13px; margin-top: 3px; }
.login .inpBox { margin: 10px 0 17px 0; position: relative; height: 92px; border-bottom: 1px solid #e8e8e8; }
.login .inpBox input { display: block; width: 71.37931%; }
.login .inpBox input:last-of-type { margin-top: 10px; }
.login .inpBox button { position: absolute; right: 0; top: 0; width: 24.48276%; background: #3b75a3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-width: 73px; height: 67px; }
.login section { margin-bottom: 30px; }
.login section h1 { font-size: 13px; line-height: 13px; margin-bottom: 4px; }
.login section p { color: #717171; }
.login section a { margin-top: 14px; }
.login section a span { margin-right: 5px; top: 3px; }

.popup { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); z-index: 2000; }
.popup .inBox { position: relative; width: 83.4375%; transform: translate(-50%, -50%); left: 50%; top: 50%; background: #fff; }
.popup .inBox h1 { background: #3b75a3; font-size: 14px; line-height: 37px; color: #fff; padding: 0 20px; }
.popup .inBox > div { padding: 25px 20px; text-align: center; max-height: 250px; overflow-y: auto; }
.popup .inBox p:first-of-type { margin-bottom: 5px; }
.popup .icoClose { position: absolute; top: 10px; right: 20px; }
.popup.active { display: block; }

.conArea nav#menu { display: block; left: 0; position: relative; width: 100%; color: #212121; background: #fff; }
.conArea nav#menu > h1 { display: none; }
.conArea nav#menu a { font-size: 14px; display: inline-block; color: #212121; width: 80%; }
.conArea nav#menu a:before { width: 12px; height: 12px; background: #494949; }
.conArea nav#menu a:after { display: none; }
.conArea nav#menu .icoCloseOn, .conArea .info_wrap nav#menu .closeOn, .info_wrap .conArea nav#menu .closeOn { display: none; }
.conArea nav#menu section h1 { background: #fff; font-size: 17px; padding: 0; border-top: none; border-bottom: 2px solid #626771; }
.conArea nav#menu section h1:before { content: ''; margin-right: 5px; display: inline-block !important; position: relative !important; left: 0; top: 5px; }
.conArea nav#menu section h1:after { display: none; }
.conArea nav#menu section h2 { display: block; background: #f9f9f9; border-top: none; border-bottom: 1px solid #e8e8e8; padding-left: 11px; }
.conArea nav#menu section h2:before { content: '-'; color: #fff; line-height: 12px; text-align: center; display: inline-block; width: 12px; height: 12px; background: #494949; position: relative; margin-right: 5px; }
.conArea nav#menu section h2.hasDepth { margin-bottom: 0; }
.conArea nav#menu section h2.hasDepth:before { content: '+'; position: relative; top: -2px; }
.conArea nav#menu section h3 { display: none; }
.conArea nav#menu section.activeDepth h2.hasDepth { border-bottom: none !important; }
.conArea nav#menu section.activeDepth h2.hasDepth:before { background-color: #fff; top: 0; }
.conArea nav#menu section.activeDepth h3 { display: block; border-top: none; margin: 0; }
.conArea nav#menu section.activeDepth h3:last-of-type { border-bottom: 1px solid #e8e8e8; }
.conArea nav#menu section.activeDepth h3 a:before { display: none; }
.conArea nav#menu h3 { display: block; padding-left: 32px; background: #f9f9f9; }
.conArea nav#menu h3:first-of-type { border-top: 1px solid #e8e8e8; }
.conArea nav#menu h3:last-of-type { padding-bottom: 15px; }
.conArea nav#menu h3 a { font-size: 14px; margin-top: 15px; }
.conArea nav#menu h3 a:before { content: ''; display: inline-block; width: 3px; height: 3px; background: #767676; position: relative; top: -3px; margin-right: 5px; }
.conArea nav#menu .util, .conArea nav#menu .say { display: none; }

.mentoInfo { overflow: hidden; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px; }
.mentoInfo .img { float: left; position: relative; }
.mentoInfo .img img { width: 92px; height: 101px; }
.mentoInfo .right { float: left; width: 63.44828%; margin-left: 10px; }
.mentoInfo .right h1 { font-size: 16px; line-height: 16px; }
.mentoInfo .right h1 small { font-size: 12px; line-height: 12px; display: block; margin-bottom: 3px; }
.mentoInfo .right .type { margin-bottom: 8px; line-height: 15px; }
.mentoInfo .right .cnt { overflow: hidden; }
.mentoInfo .right .cnt span { display: block; }
.mentoInfo .right .cnt p { margin-top: 6px; float: left; }
.mentoInfo .right .cnt p:before { content: ''; float: left; margin-right: 4px; }
.mentoInfo .right .cnt p.complete { margin-left: 12px; }
.mentoInfo .right .cnt p.mento { width: 100%; }
.mentoInfo .right .cnt p.mento span { color: #d74042; font-size: 18px; }
.mentoInfo .right.mento h1 { height: 47px; display: block; overflow: hidden; }
.mentoInfo h2 { font-size: 13px; line-height: 13px; clear: both; padding-top: 12px; display: inline-block; }
.mentoInfo h2:first-of-type { padding-top: 22px; display: block; }
.mentoInfo p { display: inline-block; }
.mentoInfo > p { display: block; }

.listArea li.notice > a p span { color: #d74042; margin-right: 6px; font-size: 13px; line-height: 13px; }

.previewList > div .txt.notice span:first-child span { display: inline-block; margin-top: 0; font-size: 13px; margin-right: 3px; color: #d74042; }

.viewTitle > div.boardTit > div h3 strong { margin-right: 5px; }

.tab { display: table; margin-bottom: 20px; }
.tab a { display: table-cell; font-size: 13px; line-height: 13px; }
.tab a.on { color: #3b75a3; }
.tab a:first-of-type:before { display: none; }
.tab a:before { content: '|'; display: inline-block; margin: 0 5px; position: relative; top: -1px; color: #e8e8e8; }

.siteLink { overflow: hidden; margin-left: -20px; }
.siteLink h1 { display: block; background: #f9fafb; border-top: 2px solid #626771; border-bottom: 1px solid #e8e8e8; line-height: 46px; font-size: 13px; padding-left: 11px; color: #212121; clear: both; margin-left: 15px; }
.siteLink h1:last-of-type { margin-top: 27px; float: left; width: 100%; }
.siteLink h1:before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #212121; position: relative; top: -4px; margin-right: 5px; }
.siteLink a { display: block; height: 86px; overflow: hidden; float: left; margin: 15px 0 0 20px; width: 130px; }
.siteLink a .img { border: 1px solid #e8e8e8; width: 130px; height: 37px; }
.siteLink a .img img { width: 100%; height: 100%; }
.siteLink a h2 { font-size: 13px; line-height: 13px; margin-top: 9px; }
.siteLink a p { font-size: 12px; line-height: 12px; margin-top: 3px; }

.dormant { margin-top: 15px; margin-top: 15px; margin-bottom: 112px; padding: 13px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 13px; letter-spacing: -0.5px; }
.dormant p.gray { margin: 13px 0; color: #717171; }

.memberCom { text-align: center; }
.memberCom .massage { font-size: 13px; line-height: 13px; }
.memberCom .massage p:first-of-type { margin-bottom: 10px; }
.memberCom .massage p:last-of-type span { position: relative; display: inline-block; padding-left: 23px; }
.memberCom .massage p:last-of-type span:before { content: ''; position: absolute; left: 0; top: -20px; }
.memberCom .grayBox { background: #f9f9f9; padding: 15px 5px; margin-top: 6px; }
.memberCom .grayBox div { color: #212121; overflow: hidden; display: inline-block; }
.memberCom .grayBox div p { float: left; }
.memberCom .grayBox div p:last-of-type { margin-left: 3px; }
.memberCom .grayBox div p:before { content: ''; display: inline-block; width: 3px; height: 3px; background-color: #212121; position: relative; top: -4px; margin-right: 3px; }
.memberCom .grayBox > p { clear: both; color: #717171; }

.btnBoxLeft { margin: 10px 0; }

.grayBox.drop { padding: 15px 11px; border: 1px solid #e8e8e8; }
.grayBox.drop a { display: block; margin-top: 5px; border: 1px solid #9d9d9d; max-width: 68px; }

.caution { background: #f9fafb; margin-top: 10px; border-top: 2px solid #3b4251; border-bottom: 1px solid #e8e8e8; padding: 16px 11px; }
.caution div { padding: 15px; margin-top: 5px; background: #fff; border: 1px solid #e8e8e8; }
.caution div ol { list-style-type: decimal; padding-left: 20px; }
.caution p.mgT10 { letter-spacing: -0.5px; text-indent: -20px; padding-left: 20px; }
.caution p.mgT10 input { margin-right: 5px; }

.pointTxt { font-size: 11px; line-height: 11px; margin: 3px 0 10px 0; }

#main .topBanner { width: 100%; position: relative; }
#main .topBanner ul { width: 100%; }
#main .topBanner img { width: 100%; }
#main .topBanner .img { width: 100%; position: relative;}
#main .topBanner .img img { width: 100%; position: absolute;}
#main .topBanner .img div { width: 100%; position: absolute; z-index:1; bottom:50px;}
#main .topBanner .bx-controls { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); }
#main .topBanner .bx-controls .bx-pager { display: inline-block; text-align: center; }
#main .topBanner .bx-controls .bx-pager .bx-pager-item { display: inline-block; text-indent: -999px; overflow: hidden; margin-left: 5px; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#main .topBanner .bx-controls .bx-pager .bx-pager-item:first-of-type { margin-left: 0; }
#main .topBanner .bx-controls .bx-pager .bx-pager-item a { display: block; width: 100%; height: 100%; background: #fff; }
#main .topBanner .bx-controls .bx-pager .bx-pager-item a.active { background: #f7ff9a; -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.3); }
#main .twoBanner { overflow: hidden; }
#main .twoBanner section { overflow: hidden; width: 50%; float: left; position: relative; }
#main .twoBanner section:after { content: ''; position: absolute; right: 15px; top: 19px; }
#main .twoBanner section img { width: 100%; }
#main .twoBanner section a { position: absolute; left: 0; top: 0; display: block; color: #fff; padding: 19px 14px; width: 100%; height: 100%; z-index: 1; }
#main .twoBanner section h1 { font-size: 13px; line-height: 13px; margin-bottom: 10px; }
#main .twoBanner section p { font-size: 10px; }
#main .tab2 { width: 100%; display: table; }
#main .tab2 h1 { font-size: 14px; line-height: 14px; letter-spacing: -0.5px; padding-left: 15px; }
#main .tab2 section { width: 50%; display: table-cell; }
#main .tab2 section:first-of-type { border-right: 1px solid #e8e8e8; padding: 25px 15px; }
#main .tab2 section:first-of-type h1 { padding: 0; }
#main .tab2 .total div { position: relative; padding-left: 55px; min-height: 20px; margin-top: 16px; }
#main .tab2 .total div p:last-of-type { font-size: 18px; line-height: 18px; }
#main .tab2 .total div:before { content: ''; position: absolute; left: 0; top: -1px; }
#main .tab2 .data1 p:last-of-type { color: #d74042; }
#main .tab2 .data2 p:last-of-type { color: #3b75a3; }
#main .tab2 .data3 p:last-of-type { color: #3b4251; }
#main .tab2 article { min-height: 85px; padding: 20px 15px; text-align: right; position: relative; font-size: 11px; line-height: 11px; }
#main .tab2 article:before { content: ''; }
#main .tab2 article p:first-of-type { font-family: "Myriad Pro Regular"; font-size: 18px; line-height: 18px; margin-bottom: 5px; }
#main .tab2 article:first-of-type { border-bottom: 1px solid #e8e8e8; }
#main .tab2 article:first-of-type:before { position: absolute; left: 15px; top: 30px; }
#main .tab2 article:last-of-type:before { position: absolute; left: 15px; top: 20px; }
#main .bbs { clear: both; padding: 18px 15px; min-height: 150px; position: relative; }
#main .bbs .icoPlus, #main .bbs .icoPlusw, #main .bbs .twoBanner section:after, #main .twoBanner .bbs section:after { position: absolute; right: 15px; top: 24px; }
#main .bbs a { font-size: 12px; }
#main .bbs li { line-height: 15px; }
#main .bbs li:before { top: 5px; line-height: 13px; vertical-align: top; }
#main .bbs h1 { font-size: 14px; line-height: 14px; margin-bottom: 12px; }
#main .bbs h1 small { display: block; color: rgba(255, 255, 255, 0.5); font-size: 11px; line-height: 11px; margin-bottom: 3px; }
#main .bbs.red { background: #d74042; color: #fff; }
#main .bbs.red a { color: #fff; }
#main .bbs.red li:before { background: #fff; }
#main .mento { position: relative; border-top: 1px solid #e8e8e8; padding: 23px 15px; }
#main .mento h1 { font-size: 16px; }
#main .mento .icoPlus { position: absolute; right: 15px; top: 28px; }
#main .mento article { border: none; }
#main .mento .list { margin-bottom: 0; }
#main .mento ul li { margin-bottom: 0; }
#main .tabs { position: relative; }
#main .tabs .tabTit { background: #3b75a3; }
#main .tabs .tabTit a { font-size: 14px; line-height: 33px; color: #fff; min-width: 81px; padding: 0 15px; display: inline-block; }
#main .tabs .tabTit a.on { background: #d74042; }
#main .tabs .tabTit a:last-of-type { border-right: 1px solid #5a86ae; }
#main .tabs .tabTit a:last-of-type.on { border-right: 1px solid #d74042; }
#main .tabs article { display: none; }
#main .tabs article:first-of-type { display: block; }
#main .tabs article ul { padding: 13px 15px; min-height: 120px; }
#main .tabs .icoPlusw, #main .tabs .twoBanner section:after, #main .twoBanner .tabs section:after { position: absolute; top: 10px; right: 15px; }
#main .popBanner { position: relative; }
#main .popBanner .bx-viewport a { display: block; width: 100%; }
#main .popBanner img { width: 100%; }
#main .popBanner .bx-controls { position: absolute; right: 0; bottom: 0; }
#main .popBanner .bx-controls .bx-controls-direction { overflow: hidden; }
#main .popBanner .bx-controls .bx-controls-direction a { display: block; float: left; }
#main .popBanner .bx-controls .bx-controls-direction a.bx-next { margin-left: 1px; }
#main .qLink { background: #f7f7f7; padding: 19px 15px 26px 15px; }
#main .qLink h1 { font-size: 14px; line-height: 14px; margin-bottom: 9px; }
#main .qLink .box { border-bottom: 1px solid #e8e8e8; overflow: hidden; background: #fff; }
#main .qLink .box li { position: relative; width: 50%; height: 38px; padding-left: 10px; border: 1px solid #e8e8e8; background: #fff; float: left; border-bottom: none; }
#main .qLink .box li:nth-of-type(2n) { border-left: 0; }
#main .qLink .box li:before { content: ""; display: inline-block; position: relative; top: 5px; width: 3px; height: 3px; background-color: #717171; }
#main .qLink .box a { display: block; font-size: 12px; vertical-align: middle; width: 100%; padding: 0 5px 0 20px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); letter-spacing: -0.5px; line-height: 14px; }
#main .qLink .box a span { position: relative; top: 2px; margin-right: 3px; }
#main .qLink .select { position: relative; margin-top: 30px; width: 100%; height: 32px; line-height: 32px; background: #697180 url("/images/mobile/sprite/icoDwn.png") no-repeat right 4px; background-size: 27px 22px; }
#main .qLink .select.active { overflow: visible; height: auto; }
#main .qLink .select a { color: #fff; display: block; width: 100%; line-height: 32px; border-bottom: 1px solid #8a94a8; padding-left: 6px; }
#main .qLink .select a:last-of-type { border-bottom: none; }

.infoID { text-align: center; }
.infoID:before { content: ''; margin-bottom: 10px; }
.infoID h1 { font-size: 16px; line-height: 16px; margin-bottom: 12px; }
.infoID p { font-size: 14px; line-height: 14px; }
.infoID a { margin-top: 10px; margin-bottom: 50px; }
.infoID a span { margin-right: 5px; position: relative; top: 2px; }

.requestBox { min-height: 250px; }
.requestBox .wayBox { margin-top: 20px; }
.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.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 .btnDarkBlue:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btnDarkBlue: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 .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 .btnBlueA2:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btnBlueA2: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, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .abtn2:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .abtn2:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .abtn3:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .abtn3:hover, .requestBox .wayBox.activeOffline .btnBox .viewTitle > div.boardInfo1 .btnDarkBlueS:hover, .viewTitle > div.boardInfo1 .requestBox .wayBox.activeOffline .btnBox .btnDarkBlueS:hover { display: inline-block; }
.requestBox .wayBox.activeOffline .linkBtn a { background-color: #70767e; }
.requestBox .wayBox.activeOffline .linkBtn a.offMento { background-color: #d74042; }
.requestBox .wayBox.disable .linkBtn a { cursor: context-menu; }

.request { padding: 10px 0 20px; border-bottom: 1px solid #e1e1e1; }
.request .bltList, .request .bbs { margin-bottom: 10px; }
.request .linkBtn { overflow: hidden; }
.request .linkBtn a { display: inline-block; width: 48.27586%; height: 29px; background-color: #3b75a3; font-size: 13px; line-height: 29px; 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; }

.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; }

.youtubeWrap { position: relative; width: 100%; padding-bottom: 56.25%; }
.youtubeWrap iframe { position: absolute; width: 100%; height: 100%; }

.favorList.selectMento { margin-top: 0 !important; padding-bottom: 30px; }
.favorList.selectMento .cRed { margin-top: 10px; }
.favorList.selectMento .list { margin-top: 0; }
.favorList.selectMento .list > ul > li { height: auto; overflow: hidden; float: none; width: 100%; margin-left: 0; }
.favorList.selectMento .list > ul > li .img { width: 58px; height: 63px; float: left; }
.favorList.selectMento .list > ul > li .right { float: left; margin-left: 5px; }
.favorList.selectMento .list > ul > li .cRed { clear: both; }
.favorList.selectMento .list > ul > li .tel a { display: inline-block; }
.favorList.selectMento .list > ul > li label { display: block; margin-top: 5px; }
.favorList.selectMento .list > ul > li .txt { text-overflow: clip; overflow: visible; word-wrap: normal !important; word-break: normal; white-space: normal !important; }
.favorList.selectMento .list > ul > li .bltList, .favorList.selectMento .list > ul > li .bbs { overflow: hidden; }
.favorList.selectMento .list > ul > li .bltList li, .favorList.selectMento .list > ul > li .bbs li { text-indent: -8px; padding-left: 8px; margin: 0; width: 100%; }

.consultingTime { width: 100%; border-top: 2px solid #484f5d; border-bottom: 1px solid #484f5d; display: table; }
.consultingTime > div { display: block; width: 100%; position: relative; }
.consultingTime h1 { display: block; background: #f9fafb; text-align: center; font-size: 14px; line-height: 46px; border: 1px solid #e8e8e8; border-right: none; border-left: none; }
.consultingTime .cont { padding: 15px 0 70px 0; 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: 330px; width: 265px; font-size: 13px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left: 0; }
.consultingTime .info p { float: left; }
.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 { display: table; border-top: 1px solid #b2b2b2; width: 100%; height: 64px; }
.consultingTime .submit h1 { display: table-cell; background: #d4d4d4; width: 26.89655%; border-right: 1px solid #949494; line-height: 64px; padding: 0; margin: 0; vertical-align: middle; }
.consultingTime .submit h1:before { content: ''; margin-right: 3px; }
.consultingTime .submit > div { display: table-cell; padding: 14px; height: 64px; background: #efefef; }
.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 p { width: 105px; }
.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: 100%; min-width: 230px; 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; margin: 0 auto; }
.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: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: -10px 0 0 -10px; }
.consultingTime .time .info { width: 180px; }
.consultingTime .time .info p:first-of-type { margin-right: 10px; }

.tabList.mypage { display: table; border-bottom: none; width: 100%; }
.tabList.mypage a { display: table-cell; padding: 0; font-size: 12px; float: none; text-align: center; }

.listArea.mypage.offList.lockList li > a { padding: 15px; }
.listArea.mypage li > a p { width: 100%; }
.listArea.mypage .btnArea { padding-left: 15px; margin-bottom: 15px; margin-top: -10px; }
.listArea.mypage .btnArea a { min-width: 67px; }

.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; }

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

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

.mb15 { margin-bottom: 15px !important; }

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

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

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

.cb { clear: both !important; }

.bbe8 { border-bottom: 1px solid #e8e8e8 !important; }

.btnBox { margin-top: 20px; 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, .btnBlue, .btnBlueM, .viewTitle > div.boardInfo1 .btn:hover, .btnDarkBlue, .btnNavy, .btnRed, .mbtn, .abtn, .btnBlueA, .btnBlueA2, .btnRedA, .btnGrayA, .btnDarkBlueA, .abtn2, .abtn3, .btnDarkBlueS { 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 .icoPrev, .btnBlue .icoPrev, .btnBlueM .icoPrev, .viewTitle > div.boardInfo1 .btn:hover .icoPrev, .btnDarkBlue .icoPrev, .btnNavy .icoPrev, .btnRed .icoPrev, .mbtn .icoPrev, .abtn .icoPrev, .btnBlueA .icoPrev, .btnBlueA2 .icoPrev, .btnRedA .icoPrev, .btnGrayA .icoPrev, .btnDarkBlueA .icoPrev, .abtn2 .icoPrev, .abtn3 .icoPrev, .btnDarkBlueS .icoPrev, .btn .previewList .prevTxt h1:before, .previewList .prevTxt .btn h1:before, .btnBlue .previewList .prevTxt h1:before, .previewList .prevTxt .btnBlue h1:before, .btnBlueM .previewList .prevTxt h1:before, .previewList .prevTxt .btnBlueM h1:before, .viewTitle > div.boardInfo1 .btn:hover .previewList .prevTxt h1:before, .previewList .prevTxt .viewTitle > div.boardInfo1 .btn:hover h1:before, .btnDarkBlue .previewList .prevTxt h1:before, .previewList .prevTxt .btnDarkBlue h1:before, .btnNavy .previewList .prevTxt h1:before, .previewList .prevTxt .btnNavy h1:before, .btnRed .previewList .prevTxt h1:before, .previewList .prevTxt .btnRed h1:before, .mbtn .previewList .prevTxt h1:before, .previewList .prevTxt .mbtn h1:before, .abtn .previewList .prevTxt h1:before, .previewList .prevTxt .abtn h1:before, .btnBlueA .previewList .prevTxt h1:before, .previewList .prevTxt .btnBlueA h1:before, .btnBlueA2 .previewList .prevTxt h1:before, .previewList .prevTxt .btnBlueA2 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, .abtn2 .previewList .prevTxt h1:before, .previewList .prevTxt .abtn2 h1:before, .abtn3 .previewList .prevTxt h1:before, .previewList .prevTxt .abtn3 h1:before, .btnDarkBlueS .previewList .prevTxt h1:before, .previewList .prevTxt .btnDarkBlueS h1:before { margin-right: 5px; }

.btn .icoNext, .btnBlue .icoNext, .btnBlueM .icoNext, .viewTitle > div.boardInfo1 .btn:hover .icoNext, .btnDarkBlue .icoNext, .btnNavy .icoNext, .btnRed .icoNext, .mbtn .icoNext, .abtn .icoNext, .btnBlueA .icoNext, .btnBlueA2 .icoNext, .btnRedA .icoNext, .btnGrayA .icoNext, .btnDarkBlueA .icoNext, .abtn2 .icoNext, .abtn3 .icoNext, .btnDarkBlueS .icoNext, .btn .previewList .nextTxt h1:before, .previewList .nextTxt .btn h1:before, .btnBlue .previewList .nextTxt h1:before, .previewList .nextTxt .btnBlue h1:before, .btnBlueM .previewList .nextTxt h1:before, .previewList .nextTxt .btnBlueM h1:before, .viewTitle > div.boardInfo1 .btn:hover .previewList .nextTxt h1:before, .previewList .nextTxt .viewTitle > div.boardInfo1 .btn:hover h1:before, .btnDarkBlue .previewList .nextTxt h1:before, .previewList .nextTxt .btnDarkBlue h1:before, .btnNavy .previewList .nextTxt h1:before, .previewList .nextTxt .btnNavy h1:before, .btnRed .previewList .nextTxt h1:before, .previewList .nextTxt .btnRed h1:before, .mbtn .previewList .nextTxt h1:before, .previewList .nextTxt .mbtn h1:before, .abtn .previewList .nextTxt h1:before, .previewList .nextTxt .abtn h1:before, .btnBlueA .previewList .nextTxt h1:before, .previewList .nextTxt .btnBlueA h1:before, .btnBlueA2 .previewList .nextTxt h1:before, .previewList .nextTxt .btnBlueA2 h1:before, .btnRedA .previewList .nextTxt h1:before, .previewList .nextTxt .btnRedA h1:before, .btnGrayA .previewList .nextTxt h1:before, .previewList .nextTxt .btnGrayA h1:before, .btnDarkBlueA .previewList .nextTxt h1:before, .previewList .nextTxt .btnDarkBlueA h1:before, .abtn2 .previewList .nextTxt h1:before, .previewList .nextTxt .abtn2 h1:before, .abtn3 .previewList .nextTxt h1:before, .previewList .nextTxt .abtn3 h1:before, .btnDarkBlueS .previewList .nextTxt h1:before, .previewList .nextTxt .btnDarkBlueS h1:before { margin-left: 5px; }

.btnBlue, .btnBlueM, .viewTitle > div.boardInfo1 .btn:hover, .viewTitle > div.boardInfo1 .btnBlue:hover, .viewTitle > div.boardInfo1 .btnDarkBlue:hover, .viewTitle > div.boardInfo1 .btnNavy: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 .btnBlueA2:hover, .viewTitle > div.boardInfo1 .btnRedA:hover, .viewTitle > div.boardInfo1 .btnGrayA:hover, .viewTitle > div.boardInfo1 .btnDarkBlueA:hover, .viewTitle > div.boardInfo1 .abtn2:hover, .viewTitle > div.boardInfo1 .abtn3:hover, .viewTitle > div.boardInfo1 .btnDarkBlueS:hover { background-color: #3b75a3; border: 1px solid #3b75a3; color: #fff; }

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

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

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

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

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

.abtn2 { min-width: 188px; padding: 0 10px; font-size: 12px; }
.abtn2 .icoBtnArrow2 { margin-right: 8px; vertical-align: middle; margin-top: -3px; }

.abtn3 { min-width: 55px; padding: 0 5px; font-size: 12px; }
.abtn3 .icoBtnArrow3 { margin-left: 6px; vertical-align: middle; margin-top: -3px; }
.abtn3.gray { background: #dadada; }
.abtn3.blue { border-color: #3b75a3; background: #3b75a3; color: #fff; }

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


.btnBlueA2 { min-width: 165px; background-color: #3b75a3; border: 1px solid #3b75a3; color: #fff; }
.btnBlueA2 .icoBtnArrow { margin-left: 13px; vertical-align: middle; margin-top: -3px; }
.btnBlueA2.wAuto { min-width: 0; }

.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; }

.rbtn, .rgreen, .rblue, .rgray, .rblack, .rred, .rDarkblue, .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 !important; }

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

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

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

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

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

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

.rbtnGray { background-color: #bababa; }

.rbtns, .rgreens, .rblues, .rgrays, .rblacks, .rreds { display: inline-block; min-width: 42px; height: 18px; border: 1px solid #a4a4a4; border-radius: 9px; background-color: #fff; font-weight: bold; font-size: 10px; color: #212121; line-height: 19px; text-align: center; }

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

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

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

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

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

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

.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; }

.roundB, .rBNormal, .rBBlue { display: inline-block; height: 30px; padding: 0 20px; border-radius: 15px; font-size: 14px; line-height: 30px; }

.rBNormal { border: 1px solid #000; background-color: #fff; color: #000; }

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

.rskyBlue { display: inline-block; width: 38px; height: 15px; border: 1px solid #e1e1e1; border-radius: 7px; background-color: #f3f5f6; font-size: 8px; color: #212121; line-height: 14px; text-align: center; }

.selectLabel { font-size: 14px; color: #252525; line-height: 32px; }

.select { overflow: hidden; height: 28px; border: 1px solid #e1e1e1; }
.select select { width: 100%; height: 28px; padding: 0 30px 0 11px; border: 0; border-radius: 0; background-image: url("../images/mobile/sprite/icoSelectBtn.gif"); background-position: right 0; background-repeat: no-repeat; background-size: 30px auto; background-color: #fff; font-size: 12px; color: #717171; line-height: 1; white-space: nowrap; -webkit-appearance: none; -ms-appearance: none; appearance: none; }
.select select::-ms-expand { display: none; }

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

span.mark { position: absolute; top: 0; left: 0; width: 40px; height: 15px; font-size: 10px !important; color: #fff; line-height: 16px !important; text-align: center; z-index: 1; }
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; }

.conArea { margin: 19px 15px; }
.conArea > h1 { font-size: 14px; line-height: 14px; color: #212121; }

.conArea2 { margin: 19px 0; }

.gate header { height: auto; margin: 5px 0 7px; padding: 0; }
.gate header h1 { width: 112px; height: 39px; margin: 0 auto; background-image: url("../images/mobile/gate/imgLogo2.png"); background-position: 0 0; background-repeat: no-repeat; background-size: 112px 39px; }
.gate .gateCont .imgBox img { width: 100%; height: auto; }
.gate .gateCont .btnGateBox { margin: 3px auto 0; padding: 0 5px; }
.gate .gateCont .btnGateBox .linkBox { position: relative; overflow: hidden; }
.gate .gateCont .btnGateBox .linkBox > div { float: left; width: 49.19355%; margin-top: 5px; }
.gate .gateCont .btnGateBox .linkBox > div a { display: block; }
.gate .gateCont .btnGateBox .linkBox > div img { width: 100%; height: auto; }
.gate .gateCont .btnGateBox .linkBox > div:nth-child(even) { float: right; }
.gate .gateCont .btnGateBox .linkBox > div.btnGate7 { float: none; position: absolute; top: 50.5%; left: 50%; width: 37.90323%; height: 46.25984%; margin: 0; background: #fff; transform: translate(-50%, -50%) rotate(45deg); z-index: 1; }
.gate .gateCont .btnGateBox .linkBox > div.btnGate7:before { content: ""; display: block; width: 75%; height: 75%; background-image: url("../images/mobile/gate/imgGate7.png"); background-position: 0 0; background-repeat: no-repeat; transform: translate(15%, 15%) rotate(-45deg); background-size: 100% auto; }
.gate .gateCont .btnGateBox .linkBox > div.btnGate7 a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gate footer { overflow: visible; height: auto; margin: 20px 0; border: none; padding: 0; }
.gate footer p { font-size: 8px; line-height: 8px; color: #8d8d8d; text-align: center; }

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

.whelkTxt { margin: 0 5px; font-size: 13px; line-height: 29px; vertical-align: top; }

.subTxt1 { margin-bottom: 10px; font-size: 13px; }

.guideTxt { font-size: 12px; color: #717171; letter-spacing: -0.5px; vertical-align: middle; }

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

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

.info_wrap #menu { left: -180px; width: 180px; background: #fff; color: #212121; }
.info_wrap #menu a { color: #212121; }
.info_wrap #menu .closeOn { position: absolute; top: 19px; right: 18px; width: 14px; height: 13px; }
.info_wrap #menu > h1 { padding-left: 15px; }
.info_wrap #menu section h1 { padding-left: 15px; border-top: 1px solid #e3e3e3; background: #fff; }
.info_wrap #menu section h1.active { background: #ef561e; }
.info_wrap #menu section h1.active a { color: #fff; }
.info_wrap #menu section h1:before, .info_wrap #menu section h1:after { content: none; }
.info_wrap #menu .otherLink { padding: 31px 0 0 15px; border-top: 1px solid #e3e3e3; }
.info_wrap #menu .otherLink a { margin-bottom: 21px; }
.info_wrap #menu:before { display: none; }
.info_wrap #tit { line-height: 30px; background: #ef561e; }
.info_wrap #tit h1 { line-height: 30px; }
.info_wrap #tit .list { top: 30px; }
.info_wrap #tit .list h1 { line-height: 45px; }
.info_wrap #tit .list .group { margin-top: 4px; }
.info_wrap .conArea { margin: 25px 15px; }
.info_wrap .conArea2 { margin: 25px 0 0; }
.info_wrap footer { padding: 20px; font-size: 8px; line-height: 8px; color: #8d8d8d; text-align: center; }
.info_wrap.activeMenu #content { left: 180px !important; box-shadow: 0px 0 26px #555; }
.info_wrap header { padding-top: 5px; }
.info_wrap header h1.imgInfoLogo { display: block; margin: 0 auto; }
.info_wrap header #btnMenu { left: 15px; }
.info_wrap #content .titleBottomBox .title h2 { margin-bottom: 15px; font-size: 20px; }
.info_wrap #content .titleBottomBox .title p { font-size: 13px; line-height: 20px; }
.info_wrap #content .titleBottomBox .imgBox { margin: 30px 0 13px; }
.info_wrap #content .titleBottomBox .imgBox img { width: 100%; height: auto; }
.info_wrap #content .titleBottomBox .bltList3 > li { padding-left: 9px; text-indent: -9px; font-size: 13px; color: #212121; line-height: 20px; letter-spacing: -0.5px; }
.info_wrap #content .titleBottomBox .bltList3 > li:before { display: inline-block; content: ""; width: 3px; height: 3px; margin-top: -2px; margin-right: 6px; background-color: #585f6d; vertical-align: middle; }
.info_wrap #content .titleBottomBox .sTitle { margin: 33px 0 21px; }
.info_wrap #content .titleBottomBox .sTitle h3 { margin-bottom: 6px; font-size: 17px; }
.info_wrap #content .titleBottomBox .sTitle p { font-size: 13px; line-height: 20px; }

.greetingBox { overflow: hidden; background-image: url("../images/mobile/info/imgGreeting_1.jpg"); background-position: right bottom; background-repeat: no-repeat; background-size: 50% auto; }
.greetingBox p { font-size: 16px; line-height: 21px; }
.greetingBox div { margin: 72px 0 20px; height: 30px; font-size: 11px; background-image: url("../images/mobile/info/imgName_1.gif"); background-position: 0 bottom; background-repeat: no-repeat; background-size: 37px auto; }

.bottomTxtBox { overflow: hidden; padding-top: 21px; border-top: 1px solid #e8e8e8; }
.bottomTxtBox div { margin-bottom: 21px; }
.bottomTxtBox div:first-child p:first-child { float: left; width: 37px; height: 37px; margin: 3px 15px 15px 0; border-radius: 4px; font-size: 18px; line-height: 39px; 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: 13px; line-height: 20px; }
.bottomTxtBox.type2 { margin-bottom: 20px; border-top: none; }

.purposeTxt { font-size: 16px; line-height: 21px; text-align: center; }

.imgPurpose { height: 180px; margin: 26px auto 35px; background-image: url("../images/mobile/info/imgPurpose.jpg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 274px auto; }
.imgPurposeNew { height: 180px; margin: 26px auto 35px; background-image: url("../images/info/imgPurpose_new.png"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 274px auto; }

.infoGateBox > div { position: relative; padding: 0 15px; border-top: 1px solid #e0e0e0; }
.infoGateBox > div h2 { margin: 30px 0 10px; font-size: 22px; line-height: 22px; }
.infoGateBox > div p { font-size: 12px; color: #717171; line-height: 18px; letter-spacing: -0.5px; }
.infoGateBox > div a { display: inline-block; height: 25px; margin-top: 17px; 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; }
.infoGateBox > div a:after { display: inline-block; content: ""; width: 35px; height: 2px; margin-left: 6px; background-color: #585f6d; }
.infoGateBox > div:before { content: ""; display: block; position: absolute; right: 0; bottom: 0; height: 100%; background-size: contain; z-index: -1; }
.infoGateBox .gateBg1 { padding-bottom: 17px; border-top: none; }
.infoGateBox .gateBg1 div:first-child { font-size: 12px; line-height: 12px; color: #3b75a3; }
.infoGateBox .gateBg1 div:nth-child(2) img { max-width: 178px; width: 100%; }
.infoGateBox .gateBg1 p { margin-top: 11px; }
.infoGateBox .gateBg2 { padding-bottom: 43px; }
.infoGateBox .gateBg2:before { width: 51.71875%; background-image: url("../images/mobile/info/imgInfoGate02.png"); background-position: right bottom; background-repeat: no-repeat; }
.infoGateBox .gateBg3 { padding-bottom: 58px; }
.infoGateBox .gateBg3:before { width: 56.875%; background-image: url("../images/mobile/info/imgInfoGate03.png"); background-position: right bottom; background-repeat: no-repeat; }
.infoGateBox .gateBg4 { padding-bottom: 76px; }
.infoGateBox .gateBg4:before { width: 58.75%; background-image: url("../images/mobile/info/imgInfoGate04.jpg"); background-position: right bottom; background-repeat: no-repeat; }
.infoGateBox .gateBg4 h2 { margin: 40px 0 20px; }

.oneStop { position: relative; width: 290px; height: 294px; margin: 28px auto 25px; background: url(/images/mobile/info/img_oneStop.jpg) no-repeat center top; background-size: 100% auto; }
.oneStop ul { overflow: hidden; position: absolute; width: 283px; top: 169px; left: 4px; }
.oneStop ul li { overflow: hidden; position: relative; float: left; width: 100px; height: 21px; }
.oneStop ul li a { display: block; }
.oneStop ul li:nth-child(3n) { width: 82px; }

.businessBox { padding-top: 20px; border-top: 1px solid #e4e4e4; }
.businessBox .moreView { padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; font-size: 11px; line-height: 11px; color: #000; }
.businessBox > div { height: 49px; border: 1px solid #e4e4e4; border-top: 0; }
.businessBox > div a { display: block; position: relative; height: 49px; padding-left: 83px; font-size: 13px; line-height: 49px; background-repeat: no-repeat; }
.businessBox > div a:after { content: ""; position: absolute; top: 18px; right: 20px; }
.businessBox > div.firstView a { background-image: url("/images/mobile/info/imgFirstView.jpg"); background-size: 40px auto; background-position: 22px bottom; }
.businessBox > div.seconView a { background-image: url("/images/mobile/info/imgSeconView.jpg"); background-size: 40px auto; background-position: 23px bottom; }
.businessBox > div.thirdView a { background-image: url("/images/mobile/info/imgThirdView.jpg"); background-size: 53px auto; background-position: 20px bottom; }

.developBox { margin-top: 16px; }

.developWork { margin-bottom: 30px; }
.developWork .imgBox { margin: 0 !important; }
.developWork .imgBox img { width: 100%; height: auto; }
.developWork .bltList3 li li { padding-left: 0; text-indent: 0; }
.developWork .bltList3 li:before { width: 3px; height: 3px; margin-top: -4px; }
.developWork h3 { margin: 20px 0 5px; font-size: 17px; line-height: 17px; }
.developWork p { margin-bottom: 7px; font-size: 13px; }

.chartBox { margin-bottom: 40px; }
.chartBox:first-child { margin-bottom: 24px; }
.chartBox h3 { margin-bottom: 14px; font-size: 20px; line-height: 20px; }
.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: 15px; 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: 460px; background-image: url("../images/mobile/info/imgChart_m_2_3.png"); background-position: center 0; background-repeat: no-repeat; background-size: 290px auto; }

.pBox > div { overflow: hidden; margin-bottom: 25px; }
.pBox > div .img { float: left; width: 34.48276%; margin-right: 5.17241%; }
.pBox > div .img img { width: 100%; height: auto; }
.pBox > div .profile { float: left; width: 60.34483%; }

.profile h4 { margin-bottom: 4px; }
.profile h4 span { margin-left: 4px; font-size: 14px; }
.profile h4 span:nth-child(1) { margin-left: 0; font-weight: bold; color: #4394d6; }
.profile h4 span:nth-child(2) { font-weight: bold; }
.profile li { font-size: 13px; line-height: 20px; letter-spacing: -0.5px; }

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

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

#nmap_openapi, .nmap { width: 100% !important; }

.pageNavigation { margin-top: 25px; text-align: center; }
.pageNavigation .inBox { display: inline-block; }
.pageNavigation .inBox a { display: block; float: left; width: 34px; height: 34px; margin-left: -1px; border: 1px solid #e6e6e6; font-size: 14px; color: #717171; line-height: 34px; text-align: center; }
.pageNavigation .inBox a.on { background-color: #f3f4f6; font-weight: bold; color: #212121; }
.pageNavigation .inBox a.prevPage, .pageNavigation .inBox a.nextPage { height: 34px; line-height: 30px; }
.pageNavigation .inBox a.prevPage span[class], .pageNavigation .inBox a.nextPage span[class] { vertical-align: middle; }
.pageNavigation .inBox a.lastPage, .pageNavigation .inBox a.firstPage { display: none; }

.previewList { margin-top: 40px; border-top: 2px solid #626771; }
.previewList > div { overflow: hidden; position: relative; height: 58px; border-bottom: 1px solid #e8e8e8; }
.previewList > div h1 { position: absolute; top: 0; left: 0; width: 49px; padding: 15px 0; background: #f3f5f6; font-size: 10px; color: #717171; text-align: center; }
.previewList > div h1:before { content: ""; display: block !important; margin: 0 auto 4px; }
.previewList > div .txt { display: block; margin-left: 49px; padding: 14px 10px 15px; text-align: left; }
.previewList > div .txt span { display: block; }
.previewList > div .txt span:first-child { font-size: 13px; line-height: 13px; color: #424242; }
.previewList > div .txt span:last-child { margin-top: 5px; font-size: 11px; line-height: 11px; color: #949494; }
.previewList > div p { margin-left: 49px; padding: 20px 10px; font-size: 13px; line-height: 13px; color: #424242; }

.viewConBox { min-height: 150px; padding: 20px 11px 25px; border-bottom: 1px solid #e1e1e1; }
.viewConBox img { max-width: 100% !important; height: auto !important; }
.viewConBox .tableTitle p { font-size: 12px; }
.viewConBox table, .viewConBox td, .viewConBox th { border: 1px solid #e8e8e8; padding: 5px 10px; }

.viewTitle { padding: 0 11px 15px; border-top: 2px solid #626771; border-bottom: 1px solid #e1e1e1; }
.viewTitle .btnArea { margin-top: 10px; }
.viewTitle .btnArea a { margin-left: 5px; }
.viewTitle .btnArea a:first-child { margin-left: 0; }
.viewTitle > div { font-size: 0; }
.viewTitle > div:first-child { border-top: none; }
.viewTitle > div.boardTit { display: table; margin-top: 13px; }
.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.porBox { position: relative; }
.viewTitle > div.boardTit > div.porBox h3 { padding-left: 50px; }
.viewTitle > div.boardTit > div span { margin-left: 10px; }
.viewTitle > div.boardTit > div span:first-child { margin: 0; font-size: 13px; line-height: 13px; }
.viewTitle > div.boardTit > div h3 { display: inline-block; font-size: 13px; line-height: 16px; }
.viewTitle > div.boardTit > div h3 span:before { display: inline; content: "-"; margin: 0 10px !important; }
.viewTitle > div.boardTit > div h3 span[class]:before { content: none; }
.viewTitle > div.boardTit span.txtDate { position: absolute; top: 12px; right: 20px; font-size: 14px; color: #424242; }
.viewTitle > div.boardInfo1 { margin-top: 10px; }
.viewTitle > div.boardInfo1 span { display: inline-block; padding-left: 10px; font-size: 11px; color: #717171; }
.viewTitle > div.boardInfo1 span:first-child { padding-left: 0; }
.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 { position: relative; overflow: hidden; }
.viewTitle > div.boardInfo2 span { font-size: 11px; color: #717171; }
.viewTitle > div.boardInfo2 > span { display: inline-block; position: absolute; top: 0; }
.viewTitle > div.boardInfo2 > span:first-child { padding-right: 10px; }
.viewTitle > div.boardInfo2 > div { display: inline-block; margin-left: 50px; }
.viewTitle > div.boardInfo2 > div a { display: block; float: left; margin-right: 19px; font-size: 11px; line-height: 15px; word-break: normal; word-wrap: normal; }
.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 { width: 190px; }

.boardInfo3 { position: relative; margin-top: 6px; font-size: 0; }
.boardInfo3 > span { position: absolute; top: 10px; padding-right: 10px; font-size: 11px; color: #717171; }
.boardInfo3 div { display: inline-block; margin-left: 29px; }
.boardInfo3 div a { margin: 3px 5px 0 0; }

.tableBox { margin-top: 25px; }
.tableBox:first-child { margin-top: 0; }
.tableBox .viewTable { margin-top: 6px; }

.tableBox2 { margin-top: 15px; }
.tableBox2:first-child { margin-top: 0; }
.tableBox2 h2 { margin-bottom: 20px; font-size: 16px; }
.tableBox2 .essentialTxt { display: block; margin-bottom: 10px; font-size: 13px; line-height: 13px; color: #d74042; }

.tableTitle h1 { margin-right: 15px; font-size: 13px; line-height: 13px; }
.tableTitle h2 { font-size: 13px; line-height: 13px; }
.tableTitle p { margin-top: 5px; font-size: 11px; }
.tableTitle a { margin: 12px 0 10px; }

.viewTable .default { overflow: hidden; padding: 5px 0 15px 2px; border-top: 2px solid #626771; border-bottom: 1px solid #e8e8e8; }
.viewTable .default label { font-size: 13px; line-height: 13px; }
.viewTable .default input[type=radio], .viewTable .default input[type=checkbox] { vertical-align: middle; }
.viewTable .default p { float: left; margin: 10px 10px 0 0; }
.viewTable tr > th > .cRed, .viewTable tr > td > .cRed { line-height: 13px; vertical-align: bottom; }
.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 10px; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e4e4e4; font-size: 13px; 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 input[type=text] { width: 100%; }
.viewTable table tbody .tdGroup { background-color: #eff6fc; }
.viewTable.type2 th, .viewTable.type2 td { padding: 8px 10px; }
.viewTable.type2 th:first-child, .viewTable.type2 td:first-child { vertical-align: top; }
.viewTable.type2 textarea { width: 100%; height: 155px; padding: 10px 13px; font-size: 13px; }
.viewTable.type3 th, .viewTable.type3 td { padding: 15px 10px; vertical-align: top; }
.viewTable.type3 input[type=text], .viewTable.type3 input[type=password] { width: 100%; }
.viewTable.type3 .inputBox { position: relative; }
.viewTable.type3 .inputBox input[type=text] { padding-right: 70px; }
.viewTable.type3 .inputBox button { position: absolute; top: 0; right: 0; }
.viewTable.type3 .emailBox { position: relative; }
.viewTable.type3 .emailBox div { margin-right: 20px; }
.viewTable.type3 .emailBox .whelkTxt { position: absolute; top: 0; right: 0; margin: 0; }
.viewTable.type3 .emailBox1 { margin-top: 10px; }
.viewTable.type3 .emailBox1 input[type=text] { float: left; width: 53.5%; margin-right: 1%; }
.viewTable.type3 .emailBox1 .select { float: right; width: 45.5%; }
.viewTable.type3 .essentialTxt2 + .numberBox { margin-top: 6px; }
.viewTable.type3 .numberBox { margin-top: 15px; }
.viewTable.type3 .numberBox label { display: block; margin-bottom: 5px; font-size: 13px; line-height: 13px; }
.viewTable.type3 .numberBox input[type=number] { width: 28.5%; }
.viewTable.type3 .numberBox .select { width: 28.5%; }
.viewTable.type3 .numberBox .whelkTxt { margin: 0 2px; }
.viewTable.type3 .checkForm label { font-size: 13px; line-height: 13px; }
.viewTable.type3 .select { display: inline-block; }
.viewTable.type4 th, .viewTable.type4 td { padding: 8px 10px; }
.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 10px; }
.viewTable.agreeBox .checkForm label { width: 90%; }

.viewLiTable { margin-bottom: 20px; }
.viewLiTable table { border: 1px solid #c4c4c4; }
.viewLiTable table tbody th, .viewLiTable table tbody td { border: 1px solid #c4c4c4; font-size: 13px; }
.viewLiTable table tbody tr:first-child th, .viewLiTable table tbody tr:first-child td { border-top: none; }
.viewLiTable table tbody th { padding: 5px 10px 5px 17px; background-color: #d5d9dd; text-align: left; }
.viewLiTable table tbody th:before { position: relative; display: block; top: 7px; right: 5px; width: 2px; height: 2px; content: ""; background-color: #212121; }
.viewLiTable table tbody td { padding: 5px 10px; background-color: #e3e6ea; }
.viewLiTable.type2 th { padding: 5px 10px; }
.viewLiTable.type2 th:before { content: none; }

.mentoTxtBox { margin-top: 30px; }
.mentoTxtBox h1 { margin-bottom: 15px; font-size: 18px; line-height: 18px; }
.mentoTxtBox > h2 { margin-bottom: 15px; font-size: 16px; line-height: 16px; }
.mentoTxtBox p { font-size: 13px; line-height: 16px; }
.mentoTxtBox img + p { margin-top: 15px; }
.mentoTxtBox img { width: 100%; height: auto; }
.mentoTxtBox ol { margin-top: 7px; }
.mentoTxtBox ol li { font-size: 13px; line-height: 19px; }
.mentoTxtBox a { margin-top: 10px; }
.mentoTxtBox .big { margin: 15px 0 24px; }
.mentoTxtBox .big p { line-height: 19px; }
.mentoTxtBox .text { margin-top: 5px; line-height: 19px; }
.mentoTxtBox .sCon p { margin-top: 11px; }
.mentoTxtBox .sCon .listGrayBox { margin-top: 6px; padding: 15px 17px; background-color: #f9f9f9; }
.mentoTxtBox .sCon .listGrayBox h1 { font-size: 13px; margin-bottom: 5px; }
.mentoTxtBox .sCon .listGrayBox h2 { margin-bottom: 8px; font-size: 13px; }
.mentoTxtBox .sCon .listGrayBox li { margin-top: 4px; letter-spacing: -0.5px; }
.mentoTxtBox .sCon .listGrayBox .listStyle2 li { text-indent: -10px; padding-left: 10px; }
.mentoTxtBox .sCon .listGrayBox .listStyle li { overflow: hidden; }
.mentoTxtBox .sCon .listGrayBox .listStyle li span { float: left; font-size: 13px; }
.mentoTxtBox .sCon .listGrayBox .listStyle li span:first-child { width: 62px; font-weight: bold; }
.mentoTxtBox .sCon .listGrayBox .listStyle li span:last-child { width: 75.58594%; }
.mentoTxtBox .sCon.type2 p { margin-top: 22px; }
.mentoTxtBox.bbe8 { margin-top: 0; padding-bottom: 20px; }
.mentoTxtBox.first { margin-top: 23px; }

.onlyBox h2 { margin-bottom: 8px; font-size: 13px; line-height: 13px; font-weight: bold; }
.onlyBox ul { margin-top: 8px; }
.onlyBox .triangle { margin-bottom: 22px; }
.onlyBox .triangle li:before { display: inline-block; content: ""; width: 0; height: 0; margin-top: -3px; margin-right: 2px; border-left: 6px solid #000; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.onlyBox .flowChart { margin-top: 15px; }

.fieldSeleBox { margin-top: 8px; }
.fieldSeleBox .select { margin-bottom: 10px; }

.inputFileBox { overflow: hidden; }
.inputFileBox input[type=file] { width: 100%; padding: 2px 0; border: 1px solid #e1e1e1; }
.inputFileBox .file { position: relative; margin-top: 8px; }
.inputFileBox .file div { margin-left: 0px; }
.inputFileBox .file .icoFileClose { margin-left: 5px; vertical-align: middle; }

.listSearchBox { position: relative; padding: 13px 11px; border: 1px solid #eceeef; background-color: #f3f5f6; }
.listSearchBox .select { margin-right: 34px; }
.listSearchBox .inputTxt { margin-right: 34px; }
.listSearchBox .inputTxt input[type=text] { width: 100%; }
.listSearchBox label { font-size: 13px; line-height: 13px; color: #252525; vertical-align: top; }
.listSearchBox .checkForm { display: inline-block; vertical-align: top; }
.listSearchBox .checkForm label { line-height: 13px; }
.listSearchBox .checkForm input[type=checkbox], .listSearchBox .checkForm input[type=radio] { margin-left: 15px; vertical-align: top; }
.listSearchBox .stateBox { clear: both; overflow: hidden; margin-bottom: 10px; padding-top: 15px; border-top: 1px solid #dbdbdb; }
.listSearchBox .stateBox label { float: left; margin-right: 10px; line-height: 28px; }
.listSearchBox .stateBox .select + label { margin-left: 15px; }
.listSearchBox button { position: absolute; bottom: 13px; right: 11px; font-size: 0; }
.listSearchBox.type2 label { display: inline-block; }
.listSearchBox.type3 { overflow: hidden; }
.listSearchBox.type3 > label { float: left; margin-bottom: 10px; }
.listSearchBox.type3 .checkForm { float: left; margin-bottom: 10px; }
.listSearchBox.type3 .select { float: left; width: 26.30597%; margin-right: 0; }
.listSearchBox.type3 > .select { clear: both; }
.listSearchBox.type3 .inputTxt { float: left; width: 60.07463%; margin-left: 3px; margin-right: 0; }
.listSearchBox.type3.type3_1 .checkForm input[type=checkbox], .listSearchBox.type3.type3_1 .checkForm input[type=radio] { margin-left: 10px; }

.agreeForm .agreeBox { overflow-y: scroll; width: 100%; height: 138px; padding: 10px; border: 1px solid #e1e1e1; background-color: #fff; font-size: 14px; color: #212121; }
.agreeForm .agreeBox .bltList3 { margin-top: 10px; }
.agreeForm .agreeBox .policy { margin-top: 0; }
.agreeForm .agreeBox .boxGray { padding: 0; background: none; }
.agreeForm .agreeBox .boxGray ul { width: 50%; margin: 0; margin-top: 10px; }
.agreeForm .agreeBox .boxGray ul:nth-of-type(2n+1) { clear: both; }
.agreeForm .agreeBox div.viewTable.type2 table { width: 100%; }

.checkForm { overflow: hidden; }
.checkForm input { float: left; margin-top: 2px; line-height: 13px; }
.checkForm label { float: left; margin-left: 5px; font-size: 11px; line-height: 13px; vertical-align: middle; }

.agreeBox + .checkForm { margin-top: 10px; }

.addrBox > input[type="text"] { width: 100%; margin-top: 8px; }
.addrBox div:first-child input[type="text"] { width: 73px; }
.addrBox div .defaultBtn { display: inline-block; 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; }

.reply { overflow: hidden; position: relative; padding: 15px 11px 30px; border-bottom: 1px solid #e8e8e8; background: #fafafa; }
.reply:before { content: ""; position: absolute; top: 15px; left: 11px; }
.reply .info { overflow: hidden; font-size: 14px; }
.reply .info .img { float: left; width: 20.52239%; margin: 0 10px 0 44px; }
.reply .info .img img { width: 100%; height: auto; }
.reply .info h1 { font-size: 16px; line-height: 16px; color: #d74042; }
.reply .info .title { margin-top: 14px; font-size: 11px; line-height: 11px; }
.reply .info .name { margin-top: 3px; font-size: 16px; line-height: 16px; }
.reply .text { clear: both; padding-top: 16px; font-size: 13px; line-height: 19px; }
.reply.modify { padding: 15px 10px; background: none; }
.reply.modify > h1 { padding: 5px 0 0 42px; font-size: 14px; line-height: 14px; font-weight: bold; }

.file { position: relative; margin-top: 10px; font-size: 0; }
.file span.fileTit { display: inline-block; position: absolute; top: 2px; font-size: 11px; line-height: 11px; color: #717171; }
.file div { display: inline-block; margin-left: 50px; }
.file a { display: block; float: left; margin-right: 19px; word-break: normal; word-wrap: normal; font-size: 11px; line-height: 15px; color: #717171; }

.listCon h2 { margin-bottom: 13px; font-size: 13px; line-height: 13px; }
.listCon .listArea { margin-top: 20px; }
.listCon a + .listArea { margin-top: 10px; }

.listArea { border-top: 2px solid #626771; }
.listArea li { border-bottom: 1px solid #dbdbdb; }
.listArea li > a { display: block; padding: 15px 11px; }
.listArea li > a div:first-child { float: left; }
.listArea li > a p { float: left; width: 82.46269%; font-size: 15px; line-height: 17px; }
.listArea li > a p:first-child { float: none; width: 100%; }
.listArea li > a .info { display: inline-block; margin-top: 7px; font-size: 0; clear: both; }
.listArea li > a .info + .info { margin-top: 0; }
.listArea li > a .rDarkblue, .listArea li > a .rred, .listArea li > a .rgreen, .listArea li > a .rgray, .listArea li > a .rblue { width: 40px; min-width: 0; height: 17px; margin-right: 7px; font-size: 10px; line-height: 17px; }
.listArea li > a span { display: inline-block; margin-left: 11px; font-size: 12px; line-height: 12px; color: #717171; }
.listArea li > a span:first-child { margin-left: 0; }
.listArea li.noneTxt { padding: 15px 11px; }
.listArea.type2 { margin-top: 15px; }
.listArea.type2 p { margin-bottom: 5px; }
.listArea.type2 .info { display: block; margin-top: 4px; }
.listArea.offList { margin-top: 10px; }
.listArea.offList li { position: relative; }
.listArea.offList .rBNormal { display: inline-block; position: absolute; bottom: 15px; right: 11px; min-width: 0; height: 17px; padding: 0 10px !important; border: 1px solid #e8e8e8; font-size: 10px; line-height: 17px; z-index: 10; }
.listArea.offList.lockList li > a { padding: 15px 29px 15px 11px; }
.listArea.offList.lockList li.lock > a:first-child:before { content: ""; position: absolute; top: 28px; right: 11px; }
.listArea.offList.lockList .sTit { font-size: 0; margin-top: 0; margin-bottom: 4px; }
.listArea.offList.lockList .sTit span { font-size: 13px; line-height: 13px; }
.listArea.offList.lockList p + div { margin-top: 10px; }
.listArea.offList.lockList span { margin-left: 8px; }
.listArea.offList.lockList span:first-child { margin-left: 0; }
.listArea .boardInfo3 { margin: -16px 0 10px 0; padding-left: 10px; }

.workInfo { clear: both; width: 100%; margin-top: 35px; }
.workInfo h1 { font-size: 13px; line-height: 13px; }
.workInfo ul { margin-top: 6px; border-top: 1px solid #e8e8e8; }
.workInfo li { padding: 0 14px; border-bottom: 1px solid #e8e8e8; background-color: #f3f5f6; }
.workInfo li a { display: block; line-height: 36px; font-size: 12px; color: #717171; }

.writeArea { padding: 11px 11px 25px; border-bottom: 1px solid #e8e8e8; }

.twoList { margin-top: 20px; padding-bottom: 25px; border-bottom: 1px solid #e8e8e8; }
.twoList:first-child { margin-top: 25px; }
.twoList h2 { font-size: 16px; line-height: 16px; color: #252525; }
.twoList > ul { overflow: hidden; }
.twoList > ul > li { float: left; width: 46.37931%; margin-top: 25px; }
.twoList > ul > li:nth-child(even) { margin-left: 3.62069%; }
.twoList > ul > li:nth-child(odd) { margin-right: 3.62069%; }
.twoList > ul > li:nth-child(1), .twoList > ul > li:nth-child(2) { margin-top: 10px; }
.twoList > ul > li a { display: block; }
.twoList > ul > li a .img img { width: 100%; height: auto; }
.twoList > ul > li a p { overflow: hidden; min-height: 36px; margin: 8px 0 5px; font-size: 13px; }
.twoList > ul > li a .dateTxt { font-size: 10px; }

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

.favorList { position: relative; margin-top: 26px; }
.favorList h1 { font-size: 16px; line-height: 16px; color: #252525; }
.favorList .list { margin-top: 10px; }
.favorList .list ul { overflow: hidden; }
.favorList .list ul li { float: left; width: 28.27586%; margin-left: 7.58621%; margin-bottom: 25px; }
.favorList .list ul li:first-child, .favorList .list ul li:nth-child(3n+1) { clear: both; margin-left: 0; }
.favorList .list ul li a { display: block; position: relative; }
.favorList .list ul li .img { overflow: hidden; position: relative; margin-bottom: 6px; border: 1px solid #e8e8e8; }
.favorList .list ul li .img img { width: 100%; height: auto; }
.favorList .list ul li .img img.thumImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.favorList .list ul li .mentoItem { margin-bottom: 10px; font-size: 0; }
.favorList .list ul li .mentoItem span:first-child { margin-right: 3px; }
.favorList .list ul li .txt { font-size: 11px; line-height: 12px; letter-spacing: -1px; }
.favorList .list ul li .name { margin-top: 1px; font-size: 13px; letter-spacing: -0.5px; }
.favorList .list ul li .say { margin-top: 4px; font-size: 10px; }
.favorList .list ul li .line { overflow: hidden; max-height: 25px; font-size: 10px; line-height: 12px; }
.favorList.hover { margin-top: 0; padding-top: 20px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.favorList.type2 { border-bottom: 1px solid #e1e1e1; }
.favorList.type2 .list { margin-bottom: 27px; }
.favorList.type3 { border-bottom: 1px solid #e8e8e8; }
.favorList.type3 .name { overflow: hidden; max-height: 34px; }
.favorList.type3 .say { margin-top: 2px; }

.favorList_fund { position: relative; margin-top: 26px; }
.favorList_fund h1 { font-size: 16px; line-height: 16px; color: #252525; }
.favorList_fund .list { margin-top: 10px;}
.favorList_fund .list ul { overflow: hidden; }
.favorList_fund .list ul li { float: left; width: 22%; margin-left: 3%; margin-bottom: 25px; }
.favorList_fund .list ul li:first-child, .favorList_fund .list ul li:nth-child(4n+1) { clear: both; margin-left: 0; }
.favorList_fund .list ul li a { display: block; position: relative; }
.favorList_fund .list ul li .img { overflow: hidden; position: relative; margin-bottom: 6px; border: 1px solid #e8e8e8; }
.favorList_fund .list ul li .img img { width: 100%; height: auto; }
.favorList_fund .list ul li .img img.thumImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.favorList_fund .list ul li .mentoItem { margin-bottom: 10px; font-size: 0; }
.favorList_fund .list ul li .mentoItem span:first-child { margin-right: 3px; }
.favorList_fund .list ul li .txt { font-size: 11px; line-height: 12px; letter-spacing: -1px; }
.favorList_fund .list ul li .name { margin-top: 1px; font-size: 13px; letter-spacing: -0.5px; }
.favorList_fund .list ul li .say { margin-top: 4px; font-size: 10px; }
.favorList_fund .list ul li .line { overflow: hidden; max-height: 25px; font-size: 10px; line-height: 12px; }
.favorList_fund.hover { margin-top: 0; padding-top: 20px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.favorList_fund.type2 { border-bottom: 1px solid #e1e1e1; }
.favorList_fund.type2 .list { margin-bottom: 27px; }
.favorList_fund.type3 { border-bottom: 1px solid #e8e8e8; }
.favorList_fund.type3 .name { overflow: hidden; max-height: 34px; }
.favorList_fund.type3 .say { margin-top: 2px; }

.txtMark1 { position: relative; margin-top: 13px; padding-left: 20px; font-size: 11px; color: #717171; line-height: 17px; }
.txtMark1:before { content: ""; position: absolute; top: 0; left: 0; margin-right: 4px; }
.txtMark1.type2 { margin-top: 15px; color: #d74042; }
.txtMark1.type2:before { content: ""; }

.viewTypeBox { margin-top: 20px; }
.viewTypeBox a { display: inline-block; width: 74px; height: 26px; border: 1px solid #717171; background-color: #fff; font-size: 13px; color: #717171; line-height: 26px; text-align: center; vertical-align: middle; }
.viewTypeBox a.on { color: #fff; border: 1px solid #d74042; background-color: #d74042; }
.viewTypeBox a:first-child { margin-right: 4px; }
.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 { margin: -3px 5px 0 0; vertical-align: middle; }

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

.stepBox { overflow: hidden; }
.stepBox .step { float: left; width: 20%; padding: 7px 0 7px 9px; border: 1px solid #9d9d9d; background-color: #fff; font-size: 0; }
.stepBox .step div { font-size: 0; }
.stepBox .step div:first-child { font-size: 9px; line-height: 9px; }
.stepBox .step div:last-child { margin-top: 3px; font-size: 12px; line-height: 12px; }
.stepBox .step.on { border: 1px solid #952123; background-color: #d74042; }
.stepBox .step.on div { color: #fff; }

.joinBox { margin-top: 20px; }
.joinBox .title h1 { margin-bottom: 11px; font-size: 14px; line-height: 14px; font-weight: bold; }
.joinBox .title p { margin-top: 4px; font-size: 13px; }
.joinBox .title ul { margin-top: 11px; }
.joinBox .title + .tableBox { margin-top: 22px; }

.confirmBox { margin-top: 18px; padding-bottom: 25px; border-bottom: 1px solid #e8e8e8; }
.confirmBox.type2 { padding-bottom: 0; border-bottom: none; }
.confirmBox.type2 .confirm { margin-bottom: 25px; }
.confirmBox.type2 .noipin { padding-top: 25px; border-top: 1px solid #e8e8e8; }
.confirmBox > div { overflow: hidden; }
.confirmBox > div .confirm { float: left; width: 47.06897%; padding: 20px 15px 25px; border: 1px solid #e1e1e1; background-color: #f7f7f7; text-align: center; }
.confirmBox > div .confirm div { height: 69px; font-size: 13px; font-weight: bold; }
.confirmBox > div .confirm p { height: 83px; margin-bottom: 15px; padding-top: 10px; border-top: 1px solid #d1d1d1; font-size: 13px; line-height: 18px; }
.confirmBox > div .confirm.ipin { margin-right: 5.86207%; }
.confirmBox > div .confirm.ipin div:before { display: block; content: ""; margin: 0 auto 15px; }
.confirmBox > div .confirm.tel div:before { display: block; content: ""; margin: 0 auto 13px; }
.confirmBox .noipin { position: relative; padding-top: 20px; }
.confirmBox .noipin:after { content: ""; position: absolute; top: 20px; left: 0px; }
.confirmBox .noipin div { position: relative; padding-left: 25px; font-size: 14px; font-weight: bold; }
.confirmBox .noipin p { margin: 6px 0 10px; }

.joinComplete { margin-top: 42px; text-align: center; }
.joinComplete > p { position: relative; margin-bottom: 7px; font-size: 13px; }
.joinComplete > p:before { content: ""; position: absolute; top: 0; left: 50%; transform: translate(-330%, 0); }
.joinComplete .grayBox { padding: 15px 0; background: #f9f9f9; text-align: center; }
.joinComplete .grayBox p { font-size: 12px; color: #717171; letter-spacing: -0.5px; }
.joinComplete .grayBox p:first-of-type { margin-bottom: 3px; font-size: 13px; color: #212121; }

.findTab { overflow: hidden; margin-top: 36px; }
.findTab a { display: block; float: left; width: 96px; height: 27px; border: 1px solid #e8e8e8; border-bottom: none; font-size: 13px; line-height: 27px; text-align: center; }
.findTab a.on { color: #3b75a3; font-weight: bold; }
.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, .findPwd .bbs { margin-top: 15px; }
.findPwd .bltList li, .findPwd .bbs li { margin-top: 3px; padding-left: 8px; text-indent: -8px; }
.findPwd .bltList li:before, .findPwd .bbs li:before { top: -5px; }
.findPwd > div { position: relative; padding: 20px 13px 25px 11px; border: 1px solid #e8e8e8; background-color: #f9fafb; font-size: 13px; }
.findPwd > div .askBox { padding-left: 80px; }
.findPwd > div .askBox h2 { margin-bottom: 10px; font-size: 14px; line-height: 14px; }
.findPwd > div .askBox .btnDarkBlue { width: 86px; }
.findPwd > div .askBox h2 + a { margin-right: 4px; }
.findPwd > div .conTxt { margin-top: 22px; padding-left: 6px; }
.findPwd > div .inputBox { margin-top: 22px; }
.findPwd > div .inputBox input[type=text], .findPwd > div .inputBox input[type=email] { display: block; width: 100%; }
.findPwd > div .inputBox input[type=email] { margin-top: 6px; }
.findPwd > div .inputBox p { margin-top: 6px; font-size: 12px; line-height: 12px; letter-spacing: -0.5px; }
.findPwd.idSearch > div:after { content: ""; position: absolute; left: 11px; top: 14px; }
.findPwd.pwdSearch > div:after { content: ""; position: absolute; left: 11px; top: 14px; }
.findPwd .chkOutid { margin-top: 13px; padding-top: 15px; border-top: 1px solid #e8e8e8; }
.findPwd .chkOutid h3 { font-size: 16px; font-weight: bold; }
.findPwd .chkOutid h3:before { content: ""; margin-top: -5px; margin-right: 4px; vertical-align: middle; }
.findPwd .chkOutid p { font-size: 13px; letter-spacing: -0.6px; }
.findPwd .chkOutid p span { font-weight: bold; }
.findPwd .chkOutid span { font-size: 13px; font-weight: bold; }

.mentoGate h1 { font-size: 16px; line-height: 16px; color: #212121 !important; }
.mentoGate.favorList.hover { margin-bottom: 5px; border: none; }
.mentoGate.mentoMainTab { margin-top: 0; padding-top: 10px; border: none; }
.mentoGate.mentoMainTab .icoPlus { top: 20px; }

.cntList { overflow: hidden; border-bottom: 1px solid #e8e8e8; }
.cntList h1 { margin-bottom: 15px; }
.cntList > div { float: left; margin-bottom: 15px; }
.cntList > div:nth-child(even) { width: 40.68966%; }
.cntList > div:nth-child(odd) { width: 59.31034%; }
.cntList > div:before { content: ""; float: left; margin-right: 10px; }
.cntList .list1 p:last-of-type { color: #d74042; }
.cntList p:first-of-type { margin-top: 2px; font-size: 13px; line-height: 15px; }
.cntList p:last-of-type { margin-bottom: 4px; font-size: 18px; line-height: 20px; font-family: "Myriad Pro Regular"; color: #13518b; }

.choiceBox { padding-top: 20px; }
.choiceBox h1 { margin-bottom: 8px; }
.choiceBox .select { margin-bottom: 10px; }

.moreBox { position: relative; }
.moreBox .icoPlus { position: absolute; right: 0px; top: 2px; }
.moreBox .twoList { border: none; }
.moreBox.moreBox2 { margin-top: 35px; }

.mypage h1 { margin-bottom: 10px; font-size: 16px; line-height: 16px; }
.mypage .mytop { overflow: hidden; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e8e8e8; }
.mypage .mytop article.credit h1, .mypage .mytop article.credit p { display: block; float: left; margin-bottom: 0; font-size: 16px; line-height: 16px; line-height: 24px; }
.mypage .mytop article.credit h1:before, .mypage .mytop article.credit p:before { content: ""; float: left; margin-right: 7px; }
.mypage .mytop article.credit p { min-width: 50px; margin-left: 5px; color: #3b75a3; text-align: right; }
.mypage .mytop article.credit p:before { display: none; }
.mypage .mytop article.credit p small { color: #212121; font-size: 13px; }
.mypage .mybottom { margin-bottom: 25px; }
.mypage .mybottom div { overflow: hidden; border-top: 1px solid #dcdcdc; }
.mypage .mybottom div a { display: block; float: left; width: 50%; padding-left: 10px; border: 1px solid #dcdcdc; border-top: none; font-size: 13px; line-height: 29px; }
.mypage .mybottom div a:nth-child(odd) { border-right: none; }
.mypage .mybottom div a:before { content: ""; margin: -2px 4px 0 0; vertical-align: middle; }

.myBox { position: relative; margin-bottom: 25px; }
.myBox h1 { padding-left: 10px; background-color: #3b4251; font-size: 16px; line-height: 32px; color: #fff; }
.myBox .icoPlusw, .myBox #main .twoBanner section:after, #main .twoBanner .myBox section:after { position: absolute; top: 10px; right: 10px; }
.myBox .cntList { padding: 0 10px; border: none; }
.myBox .cntList p { color: #212121 !important; }
.myBox .cntList p:first-of-type { margin-top: 0; font-size: 14px; }
.myBox .cntList p:last-of-type { margin-bottom: 0; font-size: 20px; }
.myBox .cntList div { width: 50%; margin: 12px 0 13px; }
.myBox .listCon { padding: 0 10px; }
.myBox .listArea { margin: 0; }
.myBox .listArea .abtn3 { border: 1px solid #3b75a3; background-color: #3b75a3; color: #fff; }
.myBox .listArea .abtn3 .icoBtnArrow5 { margin-left: 6px; vertical-align: middle; margin-top: -3px; }
.myBox.none .listArea { border-top: none; }

.stepArea { overflow: hidden; margin: 14px 10px 10px; border-left: 1px solid #dadada; }
.stepArea > span { display: block; position: relative; float: left; width: 33.3%; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; font-size: 14px; color: #717171; line-height: 30px; text-align: center; }
.stepArea > span:after { content: ""; display: inline-block; position: absolute; top: 0; right: 0; width: 11px; height: 30px; background-image: url("../images/mobile/mypage/bgTrain1.gif"); background-position: right 0; background-repeat: no-repeat; background-size: 11px auto; }
.stepArea > span:last-child:after { top: -1px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-image: url("../images/mobile/mypage/bgTrain2.gif"); background-position: right 0; background-repeat: no-repeat; }
.stepArea > span .num { display: inline-block; margin: -2px 4px 0 0; vertical-align: middle; }
.stepArea.one .step1 { border-top: 1px solid #3b75a3; border-bottom: 1px solid #3b75a3; background-color: #3b75a3; color: #fff; }
.stepArea.one .step1:after { top: -1px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background-image: url("../images/mobile/mypage/bgTrain3.gif"); background-position: right 0; background-repeat: no-repeat; }
.stepArea.two .step1:after { top: -1px; border-top: 1px solid #647700; border-bottom: 1px solid #647700; background-image: url("../images/mobile/mypage/bgTrain4_1.gif"); background-position: right 0; background-repeat: no-repeat; }
.stepArea.two .step2 { border-top: 1px solid #647700; border-bottom: 1px solid #647700; background-color: #647700; color: #fff; }
.stepArea.two .step2:after { top: -1px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background-image: url("../images/mobile/mypage/bgTrain4.gif"); background-position: right 0; background-repeat: no-repeat; }
.stepArea.three .step2:after { top: -1px; border-top: 1px solid #d74042; border-bottom: 1px solid #d74042; background-image: url("../images/mobile/mypage/bgTrain5_1.gif"); background-position: right 0; background-repeat: no-repeat; }
.stepArea.three .step3 { border-top: 1px solid #d74042; border-bottom: 1px solid #d74042; background-color: #d74042; color: #fff; }
.stepArea.three .step3:after { top: -1px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-image: url("../images/mobile/mypage/bgTrain5.gif"); background-position: right 0; background-repeat: no-repeat; }
.stepArea.four .step2:after { top: -1px; border-top: 1px solid #33414e; border-bottom: 1px solid #33414e; background-image: url("../images/mobile/mypage/bgTrain6_1.gif"); background-position: right 0; background-repeat: no-repeat; }
.stepArea.four .step3_1 { border-top: 1px solid #33414e; border-bottom: 1px solid #33414e; background-color: #33414e; color: #fff; }
.stepArea.four .step3_1:after { top: -1px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-image: url("../images/mobile/mypage/bgTrain6.gif"); background-position: right 0; background-repeat: no-repeat; }

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