/* main_renewal.css */ .viewTypeA .contents * {color:#333;} .viewTypeA .contents a, .viewTypeA .contents a * {color:#437AC2;} .qnaList dl dd p, .qnaList dl dd p span, .pdsList dl dd p, .pdsList dl dd p span {background-color:unset !important;} @media all and (min-width:1024px) { /* .mobile {display:none;} .mobile_menu {width:auto !important; height:auto !important; float:none !important; background:none !important;} @font-face { font-family: NanumGothic; src: url(NanumGothic.eot); src: url(NanumGothic.woff) format(woff); } @font-face { font-family: NanumGothicBold; src: url(NanumGothicBold.eot); src: url(NanumGothicBold.woff) format(woff); } @font-face { font-family: NanumGothicExtraBold; src: url(NanumGothicExtraBold.eot); src: url(NanumGothicExtraBold.woff) format(woff); } @font-face { font-family: MalgunGothic; src: url(MalgunGothic.eot); src: url(MalgunGothic.woff) format(woff); } @font-face { font-family: MalgunGothicBold; src: url(MalgunGothicBold.eot); src: url(MalgunGothicBold.woff) format(woff); } * { font-family: NanumGothic, sans-serif; letter-spacing: -0.015625em; } */ .viewTypeA .contents a { text-decoration: none; color: #437AC2; } .viewTypeA .contents a:hover { text-decoration: underline; } .FPSB a { color: #6FC5B1; } .education a { color: #70B6D2; } .viewTypeA .contents .examination a { color: #F49C50; }.viewTypeA .contents .certification a { color: #D15153; } .viewTypeA .contents a img, .viewTypeA .contents #warningMap { border: none; } .viewTypeA .contents sup { font-size: 80%; vertical-align: 20%; } .viewTypeA .contents em { font-style: normal; } /*body { background-color: #DDD; font-size: 10px; min-width: 120em; margin: 0; }*/ .viewTypeA .contents h1, .viewTypeA .contents h2 { font-size: 1em; margin: 0 0 5em 0; } .viewTypeA .contents h1 { cursor: pointer; } .viewTypeA .contents #homePage h1 { margin: 0 60em 20em 0; cursor: auto; } .viewTypeA .contents h2 { margin-right: 40em; } .viewTypeA .contents h1, .viewTypeA .contents h2, .viewTypeA .contents #wrap div, .viewTypeA .contents #functions, .viewTypeA .contents #mainMenu, .viewTypeA .contents #contents, .viewTypeA .contents #links { background-color: #FFF; width: 20em; height: 20em; float: left; box-shadow: .2em .2em .3em .1em #999; -moz-box-shadow: .2em .2em .3em .1em #999; -webkit-box-shadow: .2em .2em .3em .1em #999; overflow: hidden; } .viewTypeA .contents h3 { font-family: NanumGothicExtraBold; font-size: 2.6em; line-height: 1.2em; margin: 1em 0 0 0; padding: .2em 1.2em; } .viewTypeA .contents h3 em { font-family: NanumGothicBold; display: block; } .viewTypeA .contents h4 { font-size: 1.2em; color: #666; margin: 0; padding: 1.2em 0 .8em 2.4em; } .viewTypeA .contents h4 strong { background-color: #437AC2; color:#FFF; padding: .2em .64em; margin-right: .8em; } .viewTypeA .contents .FPSB h4 strong { background-color: #6FC5B1; } .viewTypeA .contents .education h4 strong { background-color: #70B6D2; } .viewTypeA .contents .examination h4 strong { background-color: #F49C50; } .viewTypeA .contents .certification h4 strong { background-color: #D15153; } .viewTypeA .contents h5 { font-size: 1.3em; line-height: 1.2em; color: #1C539B; margin: 2.4em 0 0 0; padding: .2em 1.8em; } .FPSB h5 { color: #459B87; } .education h5 { color: #498FAB; } .examination h5 { color: #B36537; } .certification h5 { color: #A44042; } .viewTypeA .contents h5 strong { font-size: .8em; color: #666; float: right; } .viewTypeA .contents h6 { font-size: 1.15em; line-height: 1.2em; color: #696969; margin: 1em 0 0 0; padding: .2em 3.6em; } .viewTypeA .contents p { font-size: 1.15em; line-height: 1.6em; margin: .2em 2em; padding: .2em 3.2em .2em 1.6em; } .viewTypeA .contents p.first { margin-top: 2.7em; } .viewTypeA .contents ul, .viewTypeA .contents ol, .viewTypeA .contents dl { margin: .4em 3em; padding: .4em 3.2em .4em 4.8em; } .viewTypeA .contents dl { padding: 0; border: .1em solid #D0DDEF; } .viewTypeA .contents .FPSB dl { border-color: #D5EEE7; } .viewTypeA .contents .education dl { border-color: #D5E9F1; } .viewTypeA .contents .examination dl { border-color: #EEE4DA; } .viewTypeA .contents .certification dl { border-color: #E7D8D8; } .viewTypeA .contents li, .viewTypeA .contents dt, .viewTypeA .contents dd { font-size: 1.15em; line-height: 1.6em; margin: .2em .4em; padding: 0; } .viewTypeA .contents li {list-style-type:disc;} .viewTypeA .contents li li {list-style-type:circle;} .viewTypeA .contents dt { background-color: #D0DDEF; color: #363636; margin: 0; padding: .4em 1.6em !important; } .viewTypeA .contents .FPSB dt { background-color: #D5EEE7; } .viewTypeA .contents .education dt { background-color: #D5E9F1; } .viewTypeA .contents .examination dt { background-color: #EEE4DA; } .certification dt { background-color: #E7D8D8; } .viewTypeA .contents dd { margin: .2em 1em .4em 1.6em; padding: .4em; } .viewTypeA .contents dd.img { font-size: 1em; margin-left: 2em; padding: 1em; float: right; } .viewTypeA .contents dd.attached { padding-top: .8em; border-top: .08em solid #CCC; } .viewTypeA .contents dt a { font-weight: bold; color: #437AC2; } .viewTypeA .contents dt em { font-size: .9em; float: right; } .viewTypeA .contents dd ul, .viewTypeA .contents dd ul li {list-style-type:disc;} .viewTypeA .contents ol, .viewTypeA .contents ol li {list-style-type:decimal;} .viewTypeA .contents dd ul, .viewTypeA .contents dd ol, .viewTypeA .contents li ul, .viewTypeA .contents li ol { margin: 0 !important; padding: 0 1.6em !important; } .viewTypeA .contents dd li, .viewTypeA .contents li li { font-size: 1em !important; margin: 0 !important; } .viewTypeA .contents dd p { font-size: 1em; line-height: 1.4em; margin: 0; padding: .2em 0; } .viewTypeA .contents li span { color: #969696; min-width: 8.8em; display: inline-block; } .viewTypeA .contents table { max-width: 73.8em; min-width: 55.8em; margin: .4em 3em; padding: 0; border: .1em solid #D0DDEF; border-collapse: collapse; } .viewTypeA .contents table.nl_table {border:none !important; width:700px; margin:0 auto !important; min-width:inherit;} .viewTypeA .contents table.nl_table table {margin:0; min-width:inherit;border:none !important;} .viewTypeA .contents table.nl_table td {border:none !important; padding:0; margin:0; text-align:left;} .viewTypeA .contents table.nl_table td p {padding:0px !important;} .FPSB table { border-color: #D5EEE7; } .education table { border-color: #D5E9F1; } .examination table { border-color: #EEE4DA; } .certification table { border-color: #E7D8D8; } .viewTypeA .contents caption { display: none; } .viewTypeA .contents th, td { font-size: 1.05em; font-weight: normal; line-height: 1.4em; text-align: center; padding: .4em .8em; border-right: .08em solid #D0DDEF; border-bottom: .08em solid #D0DDEF; } .FPSB td { border-color: #D5EEE7; } .education td { border-color: #D5E9F1; } .examination td { border-color: #EEE4DA; } .certification td { border-color: #E7D8D8; } .viewTypeA .contents td.name { font-size: 1.1em; text-align: left; } td.number { text-align: right; } .viewTypeA .contents th.tab, td.tab { border-right-width: .16em !important; } .viewTypeA .contents thead { background-color: #D0DDEF; } .FPSB thead { background-color: #D5EEE7; } .education thead { background-color: #D5E9F1; } .examination thead { background-color: #EEE4DA; } .certification thead { background-color: #E7D8D8; } .viewTypeA .contents thead th { color: #333; padding: .8em; border-color: #FFF; } .viewTypeA .contents tbody th { background-color: #EEE; border-color: #CCC; } .viewTypeA .contents tfoot { background-color: #DDD; } .viewTypeA .contents tfoot th, tfoot td { border-color: #BBB !important; border-bottom: none; } .viewTypeA .contents tfoot th { background-color: #D4D4D4; padding: .8em; border-top: .08em solid #AAA; } .viewTypeA .contents td ul, td ol { margin: .4em 0; padding: .4em 1.2em .4em 2em; } td li { font-size: 1em; margin: 0; } .viewTypeA .contents td span { font-size: .88em; color: #666; } #termsOfUseMarks td span { padding: .4em 0; display: block; } .viewTypeA .contents table.mainList { width: 73.8em; border-color: #437AC2; } .FPSB table.mainList { border-color: #6FC5B1; } .education table.mainList { border-color: #70B6D2; } .examination table.mainList { border-color: #F49C50; } .certification table.mainList { border-color: #D15153; } .viewTypeA .contents .mainList thead { background-color: #437AC2; } .FPSB .mainList thead { background-color: #6FC5B1; } .education .mainList thead { background-color: #70B6D2; } .examination .mainList thead { background-color: #F49C50; } .certification .mainList thead { background-color: #D15153; } .viewTypeA .contents .mainList thead th { color: #FFF; border-color: #CCC; } .viewTypeA .contents .mainList tr:nth-child(even) td { background-color: #F4F4F4; border-color: #D3D3D3; } .viewTypeA .contents table.small { width: auto !important; min-width: 11.8em; margin: .4em 0 !important; border: .08em solid #DDD; } .viewTypeA .contents .small th, .small td { border: none; } .viewTypeA .contents .small th { background-color: #DDD; font-size: .88em; font-weight: normal; color: #000; border-right: .1em solid #FFF; } .viewTypeA .contents .small td { font-size: .88em; min-width: 2.4em; border-bottom: .1em solid #DDD; } .small td.name { font-size: .88em; } .viewTypeA .contents col:last-child, .viewTypeA .contents tr th:last-child, .viewTypeA .contents tr td:last-child { border-right: none; } .viewTypeA .contents tbody tr:last-child th, .viewTypeA .contents tbody tr:last-child td, { border-bottom: none !important; } /* #wrap { width: 120em; height: auto; margin: 0 auto; padding-top: 5em; position: relative; } #homePage #wrap { background: url(wrap.png) 50% 0 no-repeat; padding-top: 10em; } #mainMenu { width: 80em; box-shadow: 0em .2em .3em .1em #999; -moz-box-shadow: 0em .2em .3em .1em #999; -webkit-box-shadow: 0em .2em .3em .1em #999; } #mainMenu, .icons { margin: 0; padding: 0; } #mainMenu li, .icons li { font-size: 1em; margin: 0; padding: 0; list-style: none; float: left; } #mainMenu a { width: 20em; height: 20em; display: block; } .icons a { width: 10em; height: 10em; display: block; } .icons a#toCertificantSearch { width: 20em; } .icons a#toARPS, .icons a#toAFIE { width: 6.7em; } .icons a#toJournal { width: 6.6em; } #functions, #contents { width: 40em; height: 10em; } #homePage #functions { margin-bottom: 10em; } #homePage #contents { width: 20em; height: 20em; } #functions li, #contents li { font-size: 1em; margin: 0; padding: 0; } div#whatsHot { width: 40em; height: 40em; float: right; } #whatsHot img { width: 40em; height: 40em; } div#whatsNew { width: 40em; } #whatsNew a { color: #777; } #whatsNew h5 { font-size: 1.15em; color: #333; margin: 0; padding: 1.6em 0 0 1.2em; } #whatsNew ol { margin: .4em 0 0 3em; padding: .4em .8em; } #whatsNew li { font-size: 1.05em; line-height: 1em; margin: 0; padding: .4em 0; list-style: disc outside; } */ div.viewTypeA .contents { /*width: 80em;*/ height: auto; /*min-height: 64em;*/ padding: 1em 0 1em 0; position: relative; } .viewTypeA .contents div { background: none; width: auto; height: auto; float: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; overflow: auto; } .viewTypeA .contents img.full { width: 74em; margin: 0 0 0 3em; } .viewTypeA .contents img.right { float: right; margin: 0 9.6em 0 1.6em; display: inline; } /* p.pageZoom { font-size: 1.05em; margin: .2em 0; padding: .2em 0; position: absolute; left: 1.4em; top: 1.8em; } .pageZoom a { font-family: "�섎닎紐낆“", serif; font-weight: bold; margin: 0 .6em; } .pageZoom a.increase { font-size: 1.05em; } .pageZoom a:hover { text-decoration: none; } .pageZoom span { padding-right: .2em; border-right: .08em solid #CCC; } p.pageInfo { font-size: 1.05em; color: #999; padding-left: .4em; } p.pageInfo em { margin-right: 2.4em; } ul.FPSBnetwork li { font-size: 1.2em; margin: .3em .6em .3em -1.6em; padding: .4em 0; border-bottom: .1em solid #EFEFEF; list-style: none; } ul.FPSBnetwork li a { font-size: 1.05em; min-width: 8.8em; padding: .2em 0 .2em 3.2em; display: inline-block; } .helpDesk h3 em { font-size: .8em; color: #666; } .FPSB .history dd em { text-align: right; width: 3em; margin-right: 2.4em; display: inline-block; } .FPSB .contacts li strong { width: 2.4em; margin-right: 1.6em; display: inline-block; } .shop dl { min-height: 16em; margin-bottom: 1em; } .shop dt { padding: .8em; } .examPlaces li strong { padding: 0 2.4em 0 .8em; } .education td.name { min-width: 5em; } #shopMain dd p { text-align: right; padding-right: 8em; } #theFPSBPRcenter dd p { float: right; } #AFPKeducationInstitues dt, #CFPeducationInstitues dt { font-weight: bold; color: #498FAB; } #AFPKeducationInstitues dt em, #CFPeducationInstitues dt em { font-weight: normal; } #AFPKeducationInstitues dd em, #CFPeducationInstitues dd em { margin-left: 3.2em; } #AFPKeducationInstitues dd a, #CFPeducationInstitues dd a { margin-right: 1.6em; } #FAQmain dt, #PDSmain dt { color: #00367D; cursor: pointer; } #FAQmain dd, #PDSmain dd { display: none; } #certificantsSearchMain td a { font-size: 1.2em; } #continuingEducationInstitutes td { min-width: 4em; } #AFPKeducationContentsTable td, #CFPeducationContentsTable td { min-width: 9.6em;} #continuingEducationCourseCompletion table, #continuingEducationQualification table { width: 73.8em; } #continuingEducationCourseCompletion td.name { width: 40%; } #AFPKeducationGuide td.name, #CFPeducationGuide td.name { width: 64%; } #certificantsTable td em { color: #F00; } img.onText { height: 1.6em; vertical-align: bottom; } */ .viewTypeA .contents .whatsNewRead h3 { font-size: 2em; color: #00367D; text-align: center; line-height: 1.4em; margin: 2em 0 .8em 0; padding: .2em 3.6em .2em 1.2em; } .viewTypeA .contents .whatsNewRead h3 em { font-size: .8em; } .viewTypeA .contents .whatsNewRead h5 { font-size: 1.3em; color: #363636; } div.section { padding: .8em 0; margin: .8em 3em; } h5 + div.section, h6 + div.section { border-top: .1em solid #C8C8C8; margin-right: 0; } div.section.scroll { height: 24em; } .inputLandNoAddress div.section.scroll { height: 28.2em; } #whatsNewRead div.section { margin-top: 3.6em; border-top: .1em solid #C8C8C8; } #whatsNewRead div.section.listControl { padding-top: 2.4em; } #confirmationWorkExperience div.section { border-top: .1em solid #C8C8C8; } div.section p { margin-right: 0 !important; margin-left: 0 !important; } div.section p { margin: .2em 0; } div.box { background-color:#F8F8F8 !important; padding: 0 0 4em 0; margin: 1.6em; } #subMain div.box { width: 44%; min-height: 19.2em; float: left; } #subMain div.box h5 { color: #999; } #subMain div.box li { border-bottom: .1em solid #FFF; } div.section.submit { text-align: center; border-top: .1em solid #C8C8C8; } div.section a.info { background: url(info.png) 50% 50% no-repeat; background-size: 100%; vertical-align: text-bottom; width: 1.2em; height: 1.2em; margin: 0 .4em; display: inline-block; } div.section.listControl { text-align: center; padding-top: 0; } div.listControl p { font-size: 1.05em !important; } div.listControl span { padding: 0 .8em; } div.listControl strong, div.listControl a { padding: 0 .4em; } div.listControl p.search { padding-top: .8em !important; } .popup div.section, .popup div.section.submit { background-color: #E8EEF8 !important; padding: .8em 0; margin: 0 1em; } #educationCreditsDetailPopup div.section { background: none !important; } #educationCreditsDetailPopup div.section.submit { background-color: #E8EEF8 !important; } div.product { min-height: 24em; padding: 1.6em 0 1.6em 1.6em; margin: .8em 3em; position: relative; } h5 + div.product, h6 + div.product { border-top: .1em solid #C8C8C8; } #shopCheckout div.product, #shopPurchase div.product { min-height: 12em; } div.product * { margin-right: 0 !important; } div.product img, div.product ul, div.product p { position: absolute; } div.product ul { left: 40%; } div.product p { right: 0; bottom: 8%; } div.product li strong { padding: .6em 1.9em .4em 1.9em; display: inline-block; } div#theLinks { background: #E8EEF8 url(shadowLeft.png) 0 0 repeat-y; width: 40em; height: auto; min-height: 16em; padding-bottom: 8em; } #theLinks h6 { background: #00367D url(shadowLeft.png) 0 0 repeat-y; font-size: 2em; color:#FFF; margin: 0; padding: 1.36em 1em; } #theLinks div { background: none; width: auto; height: auto; margin: 0; float: none; } #theLinks div.section { margin: 0; border-top: none; border-bottom: .1em solid #D4DAE4; } #theLinks div.myInfo { background: #FFF url(shadowLeft.png) 0 0 repeat-y; margin: 0; border-top: none; border-bottom: .1em solid #D4E2F4; } #theLinks div.myInfo h4 { font-size: 2.4em; margin: 2em 0 .4em 0; } #theLinks div.myInfo h5 { font-size: 1.3em; color: #8F8F8F; margin: 0; } #theLinks div.myInfo .AFPK { color: #F00; } #theLinks div.myInfo .CFP { color: #00367D; } #theLinks p { font-size: 1.1em; padding: 0 1.5em; } #theLinks ul { background: #FFF url(shadowLeft.png) 0 0 repeat-y; margin: 0; padding: 0; } #theLinks li { font-size: 1.1em; line-height: 1.4em; color: #5A5A5A; margin: 0; padding: 1.2em 1em 1.2em 2.4em; border-bottom: .08em solid #E8EEF8; list-style: none; } #theLinks li:last-child { border-color: #D4DAE4; } #theLinks a { color: #5A5A5A; } div.examPoster {float:right !important; background: url(examPoster.png) 0 0 no-repeat; } div.examPoster * { margin: 0; } #AFPKposter.ing { background-color: #B36537 !important; cursor: pointer; } .examPoster h5 { font-size: 1.96em; color: #696969; padding: 5.2em 0 0 .6em; } .examPoster h6 { font-size: 1.52em; color: #969696; padding: .2em 0 0 .8em; } div.examPoster.ing:hover h6 { text-decoration: underline; } .examPoster p { font-size: 1.32em; color: #969696; padding: .4em 0 0 1em; } .examPoster.ing h5 { color: #FFF; } .examPoster.ing h6, .examPoster.ing p { color: #EFEFEF; } .examPoster p strong { display: block; } /* div#footer { width: 96em; height: auto; padding: 4em 0; float: none; } #homePage #footer { margin-top: 6em; } #footer dl { width: 40em; min-height: 10em; margin: 0; padding: 0; float: left; border: none; } #footer dl.AFPK { width: 48em; } #footer dt { background-color: transparent; } #footer ul { margin: 0; padding-left: 0; } #footer li { font-size: 1.2em; padding: 0 1em; list-style: none; float: left; } #footer li a { font-weight: bold; } #footer p { font-size: 1.2em; letter-spacing: -0.0625em; color: #5A5A5A; line-height: 1.6em; padding-left: 1em; clear: both; } #footer span { padding-right: 1.6em; } #footer a { color: #5A5A5A; } div#subMenu { width: 40em; height: 20em; position: absolute; top: 5em; left: 40em; overflow: visible; } ul.subMenu { background-color: #FFF; width: 20em; margin: 0 !important; padding: 0 !important; position: relative; box-shadow: .2em .2em .3em .1em #888; -moz-box-shadow: .2em .2em .3em .1em #888; -webkit-box-shadow: .2em .2em .3em .1em #888; } ul.subMenu ul { background-color: #F5F5F5; width: 20em; margin: 0 !important; padding: 0 !important; position: absolute; top: 0; left: 100%; box-shadow: .2em .2em .3em .1em #888; -moz-box-shadow: .2em .2em .3em .1em #888; -webkit-box-shadow: .2em .2em .3em .1em #888; display: none; } ul.subMenu li:hover > ul { display: block; } ul.subMenu li:hover { background-color: #1C539B; } .FPSB ul.subMenu li:hover { background-color: #459B87; } .education ul.subMenu li:hover { background-color: #498FAB; } .examination ul.subMenu li:hover { background-color: #B36537; } .certification ul.subMenu li:hover { background-color: #A44042; } ul.subMenu li li:hover { background-color: #00367D; } .FPSB ul.subMenu li li:hover { background-color: #297866; } .education ul.subMenu li li:hover { background-color: #2D728D; } .examination ul.subMenu li li:hover { background-color: #875034; } .certification ul.subMenu li li:hover { background-color: #802C2E; } ul.subMenu li { font-size: 1em; margin: 0; padding: 0; } ul.subMenu li a { font-size: 1.15em; letter-spacing: -0.0625em; color: #B4B4B4; padding: 1.16em 0 .95em 1em; display: block; } ul.subMenu li:hover a { color: #FFF; } ul.subMenu a:hover { text-decoration: none; } ul.subMenu li:hover li a { color: #AAA; } ul.subMenu li:hover li:hover a { color: #FFF; } div.popup { background-color: #FFF; width: 64em; min-height: 16em; margin: 0; padding: 1em 0; position: absolute; top: 10%; left: 50%; margin-left: -32em; box-shadow: .2em .2em .3em .1em #333; -moz-box-shadow: .2em .2em .3em .1em #333; -webkit-box-shadow: .2em .2em .3em .1em #333; } .popup h6 { font-size: 1.3em; padding: 0; margin: 0 .6em; border-bottom: .08em solid #00367D; } .popup h6 strong { background-color: #00367D; color:#FFF; padding: 1em 2.4em .8em 2.4em; display: inline-block; } .popup h6 strong em { font-size: .88em; color: #EEE; padding-left: 1em; } .popup#examinationSitePopup h6 strong em { padding: 0 1em 0 0; } .popup h6 a { background-color: #E8EEF8; margin-left: .08em; padding: 1em 2.4em .8em 2.4em; } .popup h6 a.selected { background-color: #437AC2; color: #FFF; } .popup p { padding: .4em 1.6em .4em 1.4em; } .popup p em { font-size: .8em; color: #969696; display: block; } .popup p.select { padding: .8em 0; } .popup p.select a { background-color: #EEE; color: #666; margin-right: .4em; padding: .4em 1.2em; } .popup p.select a.selected { color: #FFF; padding-left: 2.4em; } .popup img.right { float: right; margin: 0 1.6em 0 1.6em; display: inline; } .popup ul { margin: .4em 2em; } .popup dl { margin: 1.2em; } .popup li, .popup dt, .popup dd { font-size: 1.1em; } .popup li { margin: .2em .4em; padding: .4em 0 0 0; } .popup dd li { border-bottom: .08em solid #EEE; } .popup dd ol li, .popup dd li li { border-bottom: none; } .popup ul.select { margin: 0 .8em; padding: .4em .8em; list-style: none; } .popup ul.select li { min-height: 2.4em; padding: .4em .8em; border-bottom: .08em solid #FFF; } .popup dd.examinationResult { font-size: 1.3em; line-height: 1.4em; padding: 1.6em 0 .8em 2.4em; } .popup dd.examinationResult strong { color: #00367D; padding-left: 2.4em; } .popup dd.examinationResult em { padding: .4em 0 0 2.4em; display: block; } .popup table { width: 62em; margin: .4em 0 1.6em 1em; } .popup th, .popup td { padding: .4em; } .popup#foundID, .popup#foundPW { width: 96%; position: relative; top: auto; left: auto; margin-left: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #addressPopup { min-height: 45.6em; } #foundID .submit strong, #foundPW .submit strong { font-size: 1.2em; color: #437AC2; } #loginPopup a, #findIDpopup a, #findPWpopup a { margin-left: 1.6em; } #examinationSitePopup dt a { float: right; } #examinationAnalysisTablePopup th { width: 4em; } #examinationAnalysisTablePopup td.graph { text-align: left; width: 26.4em; padding: 1em .4em .6em .4em; } #examinationAnalysisTablePopup td img { height: .8em; margin: .2em 0; display: block; border: none; } #examinationAnalysisTablePopup td img.user { background-color: #437AC2; } #examinationAnalysisTablePopup td img.average { background-color: #CCC; height: .64em; } #cheatingListTable td { min-width: 10em; } */ } /* etc.css */ @media all and (min-width:1024px) { /* div.naverMap { width: 61.4em; height: 24em; margin: 1.2em 0 0 1.2em; border: .1em solid #D0DDEF; } ul.subMenu #theFPSB2 ul, ul.subMenu #theEducation2 ul, ul.subMenu #theExamination2 ul, ul.subMenu #theCertification2 ul, ul.subMenu #myPage2 ul, ul.subMenu #helpDesk2 ul, ul.subMenu #shop2 ul { margin-top: 5em !important; } ul.subMenu #theFPSB3 ul, ul.subMenu #theEducation3 ul, ul.subMenu #theExamination3 ul, ul.subMenu #theCertification3 ul, ul.subMenu #myPage3 ul, ul.subMenu #helpDesk3 ul, ul.subMenu #shop3 ul { margin-top: 10em !important; } ul.subMenu #theFPSB4 ul, ul.subMenu #theEducation4 ul, ul.subMenu #theExamination4 ul, ul.subMenu #theCertification4 ul, ul.subMenu #myPage4 ul, ul.subMenu #helpDesk4 ul, ul.subMenu #shop4 ul { margin-top: 15em !important; } div#footer, div#subMenu, #theLinks div { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } h1, h2, #mainMenu a, .icons a, div.section a.info, #footer dl * { text-indent: -9999em; } */ .viewTypeA .contents .center { text-align: center; } .right { text-align: right; } .scroll { overflow-y: scroll; } .noList { list-style: none; } .viewTypeA .contents .red { color: #F00; } .blue { color: #00F; } .viewTypeA .contents .border { border: .1em solid #D0DDEF; } .viewTypeA .contents .FPSB .border { border-color: #D5EEE7; } .viewTypeA .contents .education .border { border-color: #D5E9F1; } .viewTypeA .contents .examination .border { border-color: #EEE4DA; } .certification .border { border-color: #E7D8D8; } .viewTypeA .contents .darker { color: #00367D; } .viewTypeA .contents .FPSB .darker { color: #297866; } .viewTypeA .contents .education .darker { color: #2D728D; } .viewTypeA .contents .examination .darker { color: #875034; } .viewTypeA .contents .certification .darker { color: #802C2E; } .viewTypeA .contents .dark { color: #1C539B; } .viewTypeA .contents .FPSB .dark { color: #459B87; } .viewTypeA .contents .education .dark { color: #498FAB; }.viewTypeA .contents .examination .dark { color: #B36537; } .viewTypeA .contents .certification .dark { color: #A44042; } .viewTypeA .contents .color { color: #437AC2; } .viewTypeA .contents .FPSB .color { color: #6FC5B1; } .viewTypeA .contents .education .color { color: #70B6D2; } .viewTypeA .contents .examination .color { color: #F49C50; } .viewTypeA .contents .certification .color { color: #D15153; } /* .hidden, img.cover { display: none; } img.cover { cursor: ; } img.photo, img.product { width: auto; height: auto; overflow: hidden; display: block; } .viewTypeA .contents img.photo { max-width: 9em; max-height: 12em; margin: 1.6em 2.4em 0 0; border: .4em solid #FFF; float: right; box-shadow: .1em .1em .2em .1em #CCC; -moz-box-shadow: .1em .1em .2em .1em #CCC; -webkit-box-shadow: .1em .1em .2em .1em #CCC; } #theLinks img.photo { min-width: 15em; max-width: 18em; max-height: 24em; margin-right: 1.6em; border: .1em solid #FFF; border-left: none; float: left; cursor: pointer; } .viewTypeA .contents div.product img.product { max-width: 24em; max-height: 24em; cursor: pointer; } .viewTypeA .contents dd.img img.product { max-width: 8em; max-height: 8em; float: none; } td img.product { max-width: 2em; max-height: 2em; vertical-align: middle; } #footer ul:after, fieldset ul.float:after, #footer dl.AFPK:after { height: 0; content: " "; display: block; clear: both; visibility: hidden; } div#warning { text-align: center; width: 100%; height: 13em; margin: 0; position: relative; top: 0; left: 0; overflow: hidden; } img.bg, img.cover { width: 100%; min-width: 1920px; height: auto; min-height: 100%; position: fixed; top: 0; left: 0; } */ } @media all and (min-width:1px) and (max-width:1023px) { /* div.naverMap { border:.1em solid #D0DDEF; height:24em; margin:1.2em 0 0 1.2em; width:auto; } ul.subMenu #theFPSB2 ul { } div#footer { -moz-box-shadow:none; -webkit-box-shadow:none; background:none; box-shadow:none; } div#subMenu { -moz-box-shadow:none; -webkit-box-shadow:none; background:none; box-shadow:none; } #theLinks div { -moz-box-shadow:none; -webkit-box-shadow:none; background:none; box-shadow:none; } */ .viewTypeA .contents h1 { text-indent:-9999em; } .viewTypeA .contents h2 { text-indent:-9999em; } .viewTypeA .contents #mainMenu a { text-indent:-9999em; } .viewTypeA .contents .icons a { text-indent:-9999em; } .viewTypeA .contents div.section a.info { text-indent:-9999em; } /* #footer dl * { text-indent:-9999em; } */ .viewTypeA .contents .center { text-align:center; } .viewTypeA .contents .right { text-align:right; } .viewTypeA .contents .scroll { overflow-y:scroll; } .viewTypeA .contents .noList { list-style:none; } .viewTypeA .contents .red { color:red; } .viewTypeA .contents .blue { color:#00F; } .viewTypeA .contents .border { border:.1em solid #D0DDEF; } .viewTypeA .contents .FPSB .border { border-color:#D5EEE7; } .viewTypeA .contents .education .border { border-color:#D5E9F1; } .viewTypeA .contents .examination .border { border-color:#EEE4DA; } .viewTypeA .contents .certification .border { border-color:#E7D8D8; } .viewTypeA .contents .darker { color:#00367D; } .viewTypeA .contents .FPSB .darker { color:#297866; } .viewTypeA .contents .education .darker { color:#2D728D; } .viewTypeA .contents .examination .darker { color:#875034; } .viewTypeA .contents .certification .darker { color:#802C2E; } .viewTypeA .contents .dark { color:#1C539B; } .viewTypeA .contents .FPSB .dark { color:#459B87; } .viewTypeA .contents .education .dark { color:#498FAB; } .viewTypeA .contents .examination .dark { color:#B36537; } .viewTypeA .contents .certification .dark { color:#A44042; } .viewTypeA .contents .color { color:#437AC2; } .viewTypeA .contents .FPSB .color { color:#6FC5B1; } .viewTypeA .contents .education .color { color:#70B6D2; } .viewTypeA .contents .examination .color { color:#F49C50; } .viewTypeA .contents .certification .color { color:#D15153; } .viewTypeA .contents .hidden { display:none; } /* img.cover { display:none; height:auto; left:0; min-height:100%; min-width:1920px; position:fixed; top:0; width:100%; z-index:9998; } img.photo { display:block; height:auto; overflow:hidden; width:auto; } img.product { display:block; height:auto; overflow:hidden; width:auto; } .viewTypeA .contents img.photo { -moz-box-shadow:.1em .1em .2em .1em #CCC; -webkit-box-shadow:.1em .1em .2em .1em #CCC; border:.4em solid #FFF; box-shadow:.1em .1em .2em .1em #CCC; margin:1.6em 2.4em 25px 0; max-height:12em; max-width:9em; } #theLinks img.photo { border:.1em solid #FFF; border-left:none; cursor:pointer; float:left; margin-right:1.6em; max-height:24em; max-width:18em; min-width:15em; } .viewTypeA .contents div.product img.product { cursor:pointer; max-height:24em; max-width:24em; } .viewTypeA .contents dd.img img.product { float:none; max-height:8em; max-width:8em; } td img.product { max-height:2em; max-width:2em; vertical-align:middle; } #footer ul:after { clear:both; content:" "; display:block; height:0; visibility:hidden; } fieldset ul.float:after { clear:both; content:" "; display:block; height:0; visibility:hidden; } #footer dl.AFPK:after { clear:both; content:" "; display:block; height:0; visibility:hidden; } div#warning { height:13em; left:0; margin:0; overflow:hidden; position:relative; text-align:center; top:0; width:100%; } img.bg { height:auto; left:0; min-height:100%; min-width:1920px; position:fixed; top:0; width:100%; } */ } @media screen and (max-width: 1920px) { /* img.bg { left: 50%; margin-left: -960px; }*/ } @media print { } /* form.css */ @media all and (min-width:1024px) { /* label span, legend { font-weight: bold; color: #888; width: 8.8em; display:inline-block; } label[for="userSex"] span { width: 5.6em !important; } .examination label[for="userSex"] span, .certification label[for="userSex"] span { width: 8.8em !important; } #QnAwrite label span, #QnAread label span, #whatsNewRead label span, #addressPopup label span { width: 4.8em; } #loginPopup label span, #searchPopup label span { width: 6.8em; } input, textarea { font-size: 1em; width: 20em; padding: .5em .8em .3em .8em; border: .08em solid #C8C8C8; border-right-color: #F0F0F0; border-bottom-color: #F0F0F0; } textarea { vertical-align: middle; resize: none; } .popup input { width: 16em; } #theLinks input { width: 15.2em !important; border-color: #D4DAE4; } #theLinks input#searchCertificationQuery { width: 11.2em !important; } td input { padding: .3em .4em .2em .4em; } input[type="submit"] { background-color: #1C539B; font-size: 1.2em; font-weight: bold; color:#FFF; width: auto; padding: .6em 1.4em; margin: 0 .4em; border: none; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; outline: none; cursor: pointer; } .FPSB input[type="submit"], .FPSB div.section.submit button { background-color: #459B87; } .education input[type="submit"], .education div.section.submit button { background-color: #498FAB; } .examination input[type="submit"], .examination div.section.submit button { background-color: #B36537; } .certification input[type="submit"], .certification div.section.submit button { background-color: #A44042; } input[type="checkbox"], input[type="radio"] { width: auto !important; padding: 0; } .viewTypeA .contents input[type="text"], .viewTypeA .contents input[type="password"], .viewTypeA .contents textarea { background: #F8F8F8 url(formInputText.png) 0 0 no-repeat; } .viewTypeA .contents input[type="file"] { background: none; border: none; } div.listControl input[type="text"] { width: 14em; } input[readonly="readonly"] { background: none !important; border: none; } textarea[readonly="readonly"] { background: none !important; } select { background: url(pullDown.png) 96% 56% no-repeat; font-size: 1em; padding: .5em .3em .3em .4em; border: .08em solid #C8C8C8; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { display: none; } div.listControl select { background-position: 88% 56%; width: 4.8em; } #addressPopup .searchAddress select { width: 8em; margin-right: 3.2em; } button, input[type="reset"] { background-color: #437AC2; font-size: 1em; color:#FFF; padding: .5em 1.2em; margin: 0 .4em; border: none; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em; outline: none; cursor: pointer; } .FPSB button { background-color: #6FC5B1; } .education button { background-color: #70B6D2; } .examination button { background-color: #F49C50; } .certification button { background-color: #D15153; } input[type="reset"] { background-color: #999; width: auto !important; } div.section.submit button, .popup button, #theLinks button { background-color: #1C539B; } td button, dd p button, div.listControl button { padding: .3em .8em; } dd p button, div.listControl button { font-size: .8em; } td button { margin: .2em 0; } div#theLinks button { font-size: .9em;} fieldset { padding: .1em 0 0 16em; margin: 0; border: none; position: relative; } fieldset legend { font-size: 1.15em; margin: 0; position: absolute; top: .4em; left: 1.44em; } fieldset ul { margin: 0; padding: .4em 1.2em !important; } fieldset li { margin: 0; list-style: none; } fieldset ul.float { background-color: #F8F8F8; } fieldset ul.float li { padding-right: 2em !important; float: left; } .popup fieldset ul.float { background: none; } fieldset li label { cursor: pointer; } fieldset li strong { padding: 0 .4em; } fieldset li span { background-color: #666; font-size: .8em; font-weight: bold; color: #EEE; text-align: center; padding: .2em .4em; margin-left: 1em; width: 4em; display: inline-block; } fieldset li span.close { background-color: #CCC; font-weight: normal; color: #FFF; } div.section ul + fieldset { margin: -.8em 0 .8em 0; } div.termsnConditions, div.QnAread { background: #F8F8F8 url(formInputText.png) 0 0 no-repeat; margin: 1em 3em; padding: 0; border: .1em solid #C8C8C8; overflow: scroll; } div.termsnConditions { font-size: 8px; height: 32em !important; } div.QnAread { height: auto !important; min-height: 32em; overflow: hidden; } div.popup div.termsnConditions { height: 48em !important; margin: 1.4em; } */ .viewTypeA .contents div.termsnConditions * { color: #666; } .viewTypeA .contents div.termsnConditions h6 { font-size: 1.15em; line-height: 1.2em; color: #666; margin: 1em 0 0 0; padding: .2em 3.6em; border: none; } .viewTypeA .contents div.termsnConditions p { padding: .2em 3.2em .2em 1.6em; } .viewTypeA .contents div.termsnConditions ul, .viewTypeA .contents ol, .viewTypeA .contents dl { margin: .4em 3em; } .viewTypeA .contents div.termsnConditions li, .viewTypeA .contents dt, .viewTypeA .contents dd { font-size: 1.15em; padding: 0; } .viewTypeA .contents div.termsnConditions table { width: 92%; max-width: 92%; margin: .4em 3em; } .viewTypeA .contents div.termsnConditions table th, .viewTypeA .contents div.termsnConditions table td { padding: .4em .8em; } /* input.month, input.day { width: 1.1em; } input#userSex, input#qualificationDoAmonth, input#qualificationDoAday, td input[type="number"] { width: 2em; } input.year { width: 2.2em; } input#userAddressNo1, input#userAddressNo2, input#inputAddressNo1, input#inputAddressNo2, input#reporterAddressNo1, input#reporterAddressNo2, input#recipientAddressNo1, input#recipientAddressNo2, input#productQty, input#subjectsPhone1, select#credit1DoAmonth, select#credit1DoAday, select#credit2DoAmonth, select#credit2DoAday, select#credit3DoAmonth, select#credit3DoAday, select#credit4DoAmonth, select#credit4DoAday, input#credit3Times, input#qualificationDoAyear { width: 4em; } input#userName, input#reporterName, input#subjectsName, input#recipientName, input#buyerName, select#userMobilePhone1, input#userMobilePhone2, input#userMobilePhone3, select#reporterMobilePhone1, input#reporterMobilePhone2, input#reporterMobilePhone3, select#recipientMobilePhone1, input#recipientMobilePhone2, input#recipientMobilePhone3, select#buyerMobilePhone1, input#buyerMobilePhone2, input#buyerMobilePhone3, input#subjectsPhone2, input#subjectsPhone3, select#userPhone1, input#userPhone2, input#userPhone3, select#credit1DoAyear, select#credit2DoAyear, select#credit3DoAyear, select#credit4DoAyear { width: 5em; } input#userName { margin-right: 12em; } input#purchaseNumber { width: 9em; } input#userEmailID, input#userEmailDomainInput, input#reporterEmailID, input#reporterEmailDomainInput, input#subjectsEmailID, input#subjectsEmailDomainInput, input#recipientEmailID, input#recipientEmailDomainInput, input#buyerEmailID, input#buyerEmailDomainInput, input#productTotal, input#shippingCost, input#grandTotal, select#credit3Form { width: 10em; } select.experienceArea { width: 12em; } input#educationCreditNeeds, input#educationCreditEarned, input#educationCreditApplied, input#ethicsCreditsEarned { width: 16em; } select.experienceJob { width: 18em; } input#productTotal { margin-left: 3em; } input#shippingCost, #userCompanyJob2, #userCompanyJob4, #subjectsCertification2, #reporterIntention1no, #reporterIntention2no, #reporterIntention3no { margin-left: 4em; } select#userEmailDomain, select#reporterEmailDomain, select#subjectsEmailDomain, select#recipientEmailDomain, select#buyerEmailDomain, select#examinationScope, select#productCategory, select#whatsNewCategory, select#FAQcategory, select#PDScategory, select#searchCategory, select#certificantsSort, select#certificantLatestDegree { width: 14em; } input#purchaseStatus, select#credit1Title { width: 18.18em; } select#qualificationTitle { width: 24em; } select#userCompanyDivision, .reportForm textarea { width: 28em; } #QnAwrite input, #QnAwrite textarea, #QnAread input, #QnAread textarea, #whatsNewRead input { width: 32em; } input#questionWriter { width: 5em !important; margin-right: 12em; } input#questionDate, input#whatsNewViews { width: 8em !important; } input#whatsNewDate { width: 8em !important; margin-right: 9em; } input#userAddress1, input#userAddress2, input#reporterAddress1, input#reporterAddress2, input#recipientAddress1, input#recipientAddress2 { margin: .4em 0 0 9em; } input#productQty { margin-left: 1em; } input#userEmailDomainInput, input#reporterEmailDomainInput, input#subjectsEmailDomainInput, input#recipientEmailDomainInput, input#buyerEmailDomainInput { display: none; } input#productTotal, input#shippingCost, input#grandTotal, input#educationCreditNeeds, input#educationCreditEarned, input#educationCreditApplied, input#ethicsCreditsEarned { text-align: right; } input#grandTotal, input#purchaseStatus { font-size: 1.1em; font-weight: bold; } input.breaked { margin-left: 9em; } */ } @media all and (min-width:1px) and (max-width:1023px) { /* label span { font-weight:700; color:#888; display: block; margin: 0 0 5px 0; } legend { font-weight:700; color:#888; width:8.8em; display:inline-block; } label[for="userSex"] span { width:5.6em!important; } .examination label[for="userSex"] span { width:8.8em!important; } .certification label[for="userSex"] span { width:8.8em!important; } #QnAwrite label span { width:4.8em; } #QnAread label span { width:4.8em; } #whatsNewRead label span { width:4.8em; } #addressPopup label span { width:4.8em; } #loginPopup label span { width:6.8em; } #searchPopup label span { width:6.8em; } input { font-size:1em; width:20em; border: .08em solid #C8C8C8 !important; border-right-color:#F0F0F0; border-bottom-color:#F0F0F0; padding:.5em .8em .3em; box-sizing: border-box; } textarea { font-size:1em; width:20em; border:.08em solid #C8C8C8; border-right-color:#F0F0F0; border-bottom-color:#F0F0F0; vertical-align:middle; resize:none; padding:.5em .8em .3em; } .popup input { } #theLinks input { width:15.2em!important; border-color:#D4DAE4; } #theLinks input#searchCertificationQuery { width:11.2em!important; } td input { padding:.3em .4em .2em; } input[type="submit"] { background-color:#1C539B; font-size:1.2em; font-weight:700; color:#FFF; width:auto; border:none; border-radius:.2em; -moz-border-radius:.2em; -webkit-border-radius:.2em; outline:none; cursor:pointer; margin:0 .4em; padding:.6em 1.4em; } .FPSB input[type="submit"] { background-color:#459B87; } .FPSB div.section.submit button { background-color:#459B87; } .education input[type="submit"] { background-color:#498FAB; } .education div.section.submit button { background-color:#498FAB; } .examination input[type="submit"] { background-color:#B36537; } .examination div.section.submit button { background-color:#B36537; } .certification input[type="submit"] { background-color:#A44042; } .certification div.section.submit button { background-color:#A44042; } */ .viewTypeA .contents input[type="checkbox"] { width:auto!important; padding:0; } .viewTypeA .contents input[type="radio"] { width:auto!important; padding:0; } .viewTypeA .contents input[type="text"] { background:#F8F8F8 url(formInputText.png) 0 0 no-repeat; } .viewTypeA .contents input[type="password"] { background:#F8F8F8 url(formInputText.png) 0 0 no-repeat; } .viewTypeA .contents textarea { background:#F8F8F8 url(formInputText.png) 0 0 no-repeat; } .viewTypeA .contents input[type="file"] { background:none; border:none; } .viewTypeA .contents div.listControl input[type="text"] { width: auto; } .viewTypeA .contents input[readonly="readonly"] { background:none!important; border:none; } .viewTypeA .contents textarea[readonly="readonly"] { background:none!important; } .viewTypeA .contents select { background:url(pullDown.png) 96% 56% no-repeat; font-size:1em; border:.08em solid #C8C8C8; border-radius:.2em; -moz-border-radius:.2em; -webkit-border-radius:.2em; -moz-appearance:none; -webkit-appearance:none; padding:.5em .3em .3em .4em; } .viewTypeA .contents select::-ms-expand { display:none; } .viewTypeA .contents div.listControl select { background-position:88% 56%; } .viewTypeA .contents #addressPopup .searchAddress select { width:8em; margin-right:3.2em; } .viewTypeA .contents button { background-color:#437AC2; font-size:1em; color:#FFF; border:none; border-radius:.2em; -moz-border-radius:.2em; -webkit-border-radius:.2em; outline:none; cursor:pointer; margin:0 .4em; padding:.5em 1.2em; width: 100%; } .viewTypeA .contents input[type="reset"] { font-size:1em; color:#FFF; border:none; border-radius:.2em; -moz-border-radius:.2em; -webkit-border-radius:.2em; outline:none; cursor:pointer; background-color:#999; width:auto!important; margin:0 .4em; padding:.5em 1.2em; } .viewTypeA .contents .FPSB button { background-color:#6FC5B1; } .viewTypeA .contents .education button { background-color:#70B6D2; } .viewTypeA .contents .examination button { background-color:#F49C50; } .viewTypeA .contents .certification button { background-color:#D15153; } .viewTypeA .contents div.section.submit button { background-color:#1C539B; } .viewTypeA .contents .popup button { background-color:#1C539B; } .viewTypeA .contents #theLinks button { background-color:#1C539B; } .viewTypeA .contents td button { margin:.2em 0; padding:.3em .8em; } .viewTypeA .contents dd p button { font-size:.8em; padding:.3em .8em; width: auto; } .viewTypeA .contents div.listControl button { font-size:.8em; padding:.3em .8em; width: auto; } .viewTypeA .contents div#theLinks button { font-size:.9em; } .viewTypeA .contents fieldset { border:none; position:relative; margin:0; padding: 0; } .viewTypeA .contents fieldset legend { font-size:1.15em; margin: 0 0 10px 0; } .viewTypeA .contents fieldset ul { margin:0; } .viewTypeA .contents fieldset li { list-style:none; margin:0; } .viewTypeA .contents fieldset ul.float { background-color:#F8F8F8; } .viewTypeA .contents fieldset ul.float li { padding-right:2em!important; float:left; } .viewTypeA .contents .popup fieldset ul.float { background:none; } .viewTypeA .contents fieldset li label { cursor:pointer; } .viewTypeA .contents fieldset li strong { padding:0 .4em; } .viewTypeA .contents fieldset li span { background-color:#666; font-size:.8em; font-weight:700; color:#EEE; text-align:center; margin-left:1em; width:4em; display:inline-block; padding:.2em .4em; } .viewTypeA .contents fieldset li span.close { background-color:#CCC; font-weight:400; color:#FFF; } .viewTypeA .contents div.section ul + fieldset { margin:-.8em 0 .8em; } .viewTypeA .contents div.termsnConditions { background:#F8F8F8 url(formInputText.png) 0 0 no-repeat; border:.1em solid #C8C8C8; overflow:scroll; font-size:8px; height:32em!important; padding: 15px; box-sizing: border-box; } .viewTypeA .contents div.QnAread { background:#F8F8F8 url(formInputText.png) 0 0 no-repeat; border:.1em solid #C8C8C8; height:auto!important; min-height:32em; overflow:hidden; margin:1em 3em; padding:0; } .viewTypeA .contents div.popup div.termsnConditions { height:48em!important; margin:1.4em; } .viewTypeA .contents div.termsnConditions * { color:#666; } .viewTypeA .contents div.termsnConditions h6 { font-size:1.15em; line-height:1.2em; color:#666; border:none; margin: 1em 0; } .viewTypeA .contents div.termsnConditions p { padding:.2em 3.2em .2em 1.6em; } .viewTypeA .contents div.termsnConditions ul { margin:.4em 3em; } .viewTypeA .contents ol { margin:.4em 3em; } .viewTypeA .contents dl { } .viewTypeA .contents div.termsnConditions li { font-size:1.15em; padding:0; } .viewTypeA .contents dt { font-size: 1.05em; } .viewTypeA .contents dd { font-size:1.15em; } /* div.termsnConditions table { width:92%; max-width:92%; } div.termsnConditions table th { padding:.4em .8em; } div.termsnConditions table td { padding:.4em .8em; } input.month { width:1.1em; } input.day { width:1.1em; } input#userSex { width: 100%; } input#qualificationDoAmonth { width:2em; } input#qualificationDoAday { width:2em; } td input[type="number"] { width:2em; } input.year { width:2.2em; } input#userAddressNo1 { width: 100%; margin: 0 0 5px 0; } input#userAddressNo2 { width:4em; } input#inputAddressNo1 { width:4em; } input#inputAddressNo2 { width:4em; } input#reporterAddressNo1 { width:4em; } input#reporterAddressNo2 { width:4em; } input#recipientAddressNo1 { width: 100%; margin: 0 0 5px 0; } input#recipientAddressNo2 { width:4em; } input#productQty { width:4em; margin-left:1em; } input#subjectsPhone1 { width:4em; } select#credit1DoAmonth { width:4em; } select#credit1DoAday { width:4em; } select#credit2DoAmonth { width:4em; } select#credit2DoAday { width:4em; } select#credit3DoAmonth { width:4em; } select#credit3DoAday { width:4em; } select#credit4DoAmonth { width:4em; } select#credit4DoAday { width:4em; } input#credit3Times { width:4em; } input#qualificationDoAyear { width:4em; } input#userName { width: 100%; margin: 0 0 5px 0; } input#reporterName { width:5em; } input#subjectsName { width:5em; } input#recipientName { width: 100%; } input#buyerName { width:5em; } select#userMobilePhone1 { width:5em; } input#userMobilePhone2 { width:5em; } input#userMobilePhone3 { width:5em; } select#reporterMobilePhone1 { width:5em; } input#reporterMobilePhone2 { width:5em; } input#reporterMobilePhone3 { width:5em; } select#recipientMobilePhone1 { width:5em; } input#recipientMobilePhone2 { width:5em; } input#recipientMobilePhone3 { width:5em; } select#buyerMobilePhone1 { width:5em; } input#buyerMobilePhone2 { width:5em; } input#buyerMobilePhone3 { width:5em; } input#subjectsPhone2 { width:5em; } input#subjectsPhone3 { width:5em; } select#userPhone1 { width:5em; } input#userPhone2 { width:5em; } input#userPhone3 { width:5em; } select#credit1DoAyear { width:5em; } select#credit2DoAyear { width:5em; } select#credit3DoAyear { width:5em; } select#credit4DoAyear { width:5em; } input#purchaseNumber { width:9em; } input#userEmailID { width: auto !important; } input#userEmailDomainInput { width:10em; display:none; } input#reporterEmailID { width:10em; } input#reporterEmailDomainInput { width:10em; display:none; } input#subjectsEmailID { width:10em; } input#subjectsEmailDomainInput { width:10em; display:none; } input#recipientEmailID { width:10em; } input#recipientEmailDomainInput { width:10em; display:none; } input#buyerEmailID { width:10em; } input#buyerEmailDomainInput { width:10em; display:none; } input#productTotal { width:10em; margin-left:3em; text-align:right; } input#shippingCost { width:10em; margin-left:4em; text-align:right; } input#grandTotal { width:10em; text-align:right; font-size:1.1em; font-weight:700; } select#credit3Form { width:10em; } select.experienceArea { width:12em; } input#educationCreditNeeds { width:16em; text-align:right; } input#educationCreditEarned { width:16em; text-align:right; } input#educationCreditApplied { width:16em; text-align:right; } input#ethicsCreditsEarned { width:16em; text-align:right; } select.experienceJob { width:18em; } #userCompanyJob2 { margin-left:4em; } #userCompanyJob4 { margin-left:4em; } #subjectsCertification2 { margin-left:4em; } #reporterIntention1no { margin-left:4em; } #reporterIntention2no { margin-left:4em; } #reporterIntention3no { margin-left:4em; } select#userEmailDomain { } select#reporterEmailDomain { width:14em; } select#subjectsEmailDomain { width:14em; } select#recipientEmailDomain { } select#buyerEmailDomain { width:14em; } select#examinationScope { width:14em; } select#productCategory { width: 100%; margin: 0 0 5px 0; } select#whatsNewCategory { width: 100%; margin: 0 0 10px 0; } select#FAQcategory { width:14em; } select#PDScategory { width:14em; } select#searchCategory { width:14em; } select#certificantsSort { width:14em; } select#certificantLatestDegree { width:14em; } input#purchaseStatus { width:18.18em; font-size:1.1em; font-weight:700; } select#credit1Title { width:18.18em; } select#qualificationTitle { width: 100%; } select#userCompanyDivision { width: 100%; } .reportForm textarea { width:28em; } #QnAwrite input { width:32em; } #QnAwrite textarea { width:32em; } #QnAread input { width:32em; } #QnAread textarea { width:32em; } #whatsNewRead input { width:32em; } input#questionWriter { width:5em!important; margin-right:12em; } input#questionDate { width:8em!important; } input#whatsNewViews { width:8em!important; } input#whatsNewDate { width:8em!important; margin-right:9em; } input#userAddress1 { width: 100% !important; margin: 0 0 5px 0; } input#userAddress2 { width: 100%; } input#reporterAddress1 { margin:.4em 0 0 9em; } input#reporterAddress2 { margin:.4em 0 0 9em; } input#recipientAddress1 { width: 100% !important; } input#recipientAddress2 { margin:.4em 0 0 9em; } input.breaked { margin-left:9em; } #recipientNote {width:100% !important} #paymentAmount {width:100% !important} #buyProduct {margin:0; width:100%;} #LoginForm button {width:auto;} #identification1 {margin:0 0 5px 0;} */ } /* mobile.css */ .viewTypeA .contents h1 a {display:block;width: 50%;height:100%;margin: 0 auto;} @media all and (min-width:1px) and (max-width:1023px) { .viewTypeA .contents colgroup {display:none;} .viewTypeA .contents img {max-width:100%;} .viewTypeA .contents .mobile_menu { position: fixed;top: 0;right: -100%; width: 100% !important; height: 100% !important; z-index:1001; overflow-y:scroll !important; transition: all 0.2s ease-in; } .viewTypeA .contents .mobile_menu_close {display:block; width:100%; background:#3D3E3D; padding:10px 0; text-align:center; font-size:1.15em; color:#fff !important; font-weight:bold;} .viewTypeA .contents .border {padding:10px;} .viewTypeA .contents ol.border { margin: 0px; padding: 25px; } .viewTypeA .contents ol li {list-style:inherit} .viewTypeA .contents p button {margin:0 0 10px 0;} .viewTypeA .contents fieldset {margin:0 0 25px 0;} /* #shopMain #contents li {width:20%;} .popup p {margin:0 0 10px 0 !important;} .popup .section.submit p {margin: 0 !important;} div.section.submit button {margin:0;} #searchPopup {} #searchPopup label {display:block; margin:0 0 10px 0;} #searchPopup button {width:100%;} .examPoster {width:50% !important; float:left; height:100px !important; padding:10px; background:#fff !important; box-sizing:border-box;} .examPoster h5 {margin:0; padding:0;} .examPoster h6 {margin:0; padding:0;} .examPoster p {margin:0; padding:0;} .menu_btn {position:absolute; top:50%; right:17px; width:30px !important; height:25px !important; margin:-12.5px 0 0 0; box-shadow:none !important; z-index:1000} .menu_btn span {display:block; width:100%; height:5px; margin:0 0 5px 0; background:#0075bc;} .menu_btn span:last-of-type {margin:0;} .main_visual {box-sizing:border-box; background:#ddd !important; line-height:0;} .btn_top_1 {display:none} @font-face { font-family:MalgunGothicBold; src:url(MalgunGothicBold.woff) format(woff); } * { font-family:NanumGothic, sans-serif; letter-spacing:-.015625em; } */ .viewTypeA .contents a { color:#437AC2; text-decoration:none; } .viewTypeA .contents a:hover { text-decoration:underline; } .viewTypeA .contents .FPSB a { color:#6FC5B1; } /* .education a { color:#70B6D2; } .examination a { color:#F49C50; } .certification a { color:#D15153; } a img { border:none; } #warningMap { border:none; } sup { font-size:80%; vertical-align:20%; } em { font-style: normal; } body { background-color:#DDD; font-size: 9px; margin:0; min-width: 100%; } */ .viewTypeA .contents h1 { background-color:#FFF; font-size:1em; margin: 0; padding: 25px 0; overflow:hidden; width: 100%; background-size: 100px; position: fixed; top: 0; left: 0; z-index: 999; border-bottom: 1px solid #ddd; } .viewTypeA .contents h2 { -moz-box-shadow:.2em .2em .3em .1em #999; background-color:#FFF; font-size:1em; overflow:hidden; margin: 0; display:none; } /* #homePage h1 { cursor:auto; } #wrap div { background-color:#FFF; overflow:hidden; width: 100%; } #functions { background-color:#FFF; overflow:hidden; width: 100%; } #mainMenu { background-color:#FFF; margin:0; overflow:hidden; padding:0; width: 100%; } #contents { overflow:hidden; width: 100%; } #links { background-color:#FFF; overflow:hidden; width: 100%; } #links li:first-of-type {width:50%;} #links li:first-of-type:before {content:''; display:block; padding-top:50%;} */ .viewTypeA .contents h3 { font-family:NanumGothicExtraBold; font-size:2.6em; line-height:1.2em; margin: 0 0 25px 0; padding:0; } .viewTypeA .contents h3 em { display:block; font-family:NanumGothicBold; } .viewTypeA .contents h4 { color:#666; font-size:1.2em; margin: 0 0 15px 0; padding: 0; } .viewTypeA .contents h4 strong { background-color:#437AC2; color:#FFF; margin:0; padding: 5px; } /* .FPSB h4 strong { background-color:#6FC5B1; } .education h4 strong { background-color:#70B6D2; } .examination h4 strong { background-color:#F49C50; } .certification h4 strong { background-color:#D15153; } */ .viewTypeA .contents h5 { color:#1C539B; font-size:1.3em; line-height:1.2em; margin: 0 0 15px 0; padding: 10px 0 0 0; } /* .FPSB h5 { color:#459B87; } .education h5 { color:#498FAB; } .examination h5 { color:#B36537; } .certification h5 { color:#A44042; } */ .viewTypeA .contents h5 strong { color:#666; font-size:.8em; display: block; } .viewTypeA .contents h6 { color:#696969; font-size:1.15em; line-height:1.2em; margin: 15px 0; padding:0; } .viewTypeA .contents p { font-size: 1.05em; line-height:1.6em; margin: 0 0 15px 0 !important; padding: 0 !important; } .viewTypeA .contents p.first { } .viewTypeA .contents ul { margin: 0 !important; padding: 0 !important; } .viewTypeA .contents ol { margin:0; padding:0; } .viewTypeA .contents dl { border:.1em solid #D0DDEF; margin:0; padding:0; } /* .FPSB dl { border-color:#D5EEE7; } .education dl { border-color:#D5E9F1; } .examination dl { border-color:#EEE4DA; } .certification dl { border-color:#E7D8D8; } */ .viewTypeA .contents li { font-size: 1.05em; line-height:1.6em; margin: 0 0 10px 0; padding:0; list-style: none; } .viewTypeA .contents dt { background-color:#D0DDEF; color:#363636; font-size:1.15em; line-height:1.6em; margin:0; padding: 10px; } .viewTypeA .contents dd { font-size: 1.05em !important; line-height:1.6em; margin:0; padding: 10px; } /* .FPSB dt { background-color:#D5EEE7; } .education dt { background-color:#D5E9F1; } .examination dt { background-color:#EEE4DA; } .certification dt { background-color:#E7D8D8; } */ .viewTypeA .contents dd.img { float:right; font-size:1em; margin:0; padding:0; } .viewTypeA .contents dd.attached { border-top:.08em solid #CCC; margin:0; padding:0; } .viewTypeA .contents a { color:#437AC2; font-weight:700; } .viewTypeA .contents dt em { font-size:.9em; display: block; } .viewTypeA .contents dd ul { margin:0; padding:0; } .viewTypeA .contents dd ol { margin:0; padding:0; } .viewTypeA .contents li ul { margin:0; padding: 0 0 0 20px; } .viewTypeA .contents li ol { margin:0; padding:0; } .viewTypeA .contents dd li { font-size:1em!important; margin: 5px 0 5px 20px; padding:0; list-style: inherit; } .viewTypeA .contents li li { font-size:1em!important; margin: 10px 0 0 0; padding:0; } .viewTypeA .contents dd p { font-size:1em; line-height:1.4em; margin:0; padding:0; } .viewTypeA .contents li span { color:#969696; display: block; font-weight: bold; } .viewTypeA .contents table { border:.1em solid #D0DDEF; border-collapse:collapse; margin: 0 0 25px 0; padding:0; width: 100% !important; table-layout: fixed; word-wrap: break-word; } /* .FPSB table { border-color:#D5EEE7; } .education table { border-color:#D5E9F1; } .examination table { border-color:#EEE4DA; } .certification table { border-color:#E7D8D8; } */ .viewTypeA .contents caption { display:none; } .viewTypeA .contents th { border-bottom:.08em solid #D0DDEF; border-right:.08em solid #D0DDEF; font-size:1.05em; font-weight:400; line-height:1.4em; padding:.4em .8em; text-align:center; } .viewTypeA .contents td { border-bottom:.08em solid #D0DDEF; border-right:.08em solid #D0DDEF; font-size:1.05em; font-weight:400; line-height:1.4em; padding: .4em .8em; text-align:center; width: auto !important; } /* .FPSB td { border-color:#D5EEE7; } .education td { border-color:#D5E9F1; } .examination td { border-color:#EEE4DA; } .certification td { border-color:#E7D8D8; } */ .viewTypeA .contents td.name { text-align:left; } .viewTypeA .contents td.number { text-align:right; } .viewTypeA .contents th.tab { border-right-width:.16em!important; } .viewTypeA .contents td.tab { border-right-width:.16em!important; } .viewTypeA .contents thead { background-color:#D0DDEF; } /* .FPSB thead { background-color:#D5EEE7; } .education thead { background-color:#D5E9F1; } .examination thead { background-color:#EEE4DA; } .certification thead { background-color:#E7D8D8; } */ .viewTypeA .contents thead th { border-color:#FFF; color:#333; padding:.8em; } .viewTypeA .contents tbody th { background-color:#EEE; border-color:#CCC; } .viewTypeA .contents tfoot { background-color:#DDD; } .viewTypeA .contents tfoot th { background-color:#D4D4D4; border-bottom:none; border-color:#BBB!important; border-top:.08em solid #AAA; padding:.8em; } .viewTypeA .contents tfoot td { border-bottom:none; border-color:#BBB!important; } .viewTypeA .contents td ul { margin:.4em 0; padding:.4em 1.2em .4em 2em; } .viewTypeA .contents td ol { margin:.4em 0; padding:.4em 1.2em .4em 2em; } .viewTypeA .contents td li { font-size:1em; margin:0; } .viewTypeA .contents td span { color:#666; font-size:.88em; } /* #termsOfUseMarks td span { display:block; padding:.4em 0; } table.mainList { border-color:#437AC2; } .FPSB table.mainList { border-color:#6FC5B1; } .education table.mainList { border-color:#70B6D2; } .examination table.mainList { border-color:#F49C50; } .certification table.mainList { border-color:#D15153; } .mainList thead { background-color:#437AC2; } .FPSB .mainList thead { background-color:#6FC5B1; } .education .mainList thead { background-color:#70B6D2; } .examination .mainList thead { background-color:#F49C50; } .certification .mainList thead { background-color:#D15153; } .mainList thead th { border-color:#CCC; color:#FFF; } .mainList tr:nth-child(even) td { background-color:#F4F4F4; border-color:#D3D3D3; } */ .viewTypeA .contents table.small { border:.08em solid #DDD; margin:.4em 0!important; min-width:11.8em; width:auto!important; } .viewTypeA .contents .small th { background-color:#DDD; border:none; border-right:.1em solid #FFF; color:#000; font-size:.88em; font-weight:400; } .viewTypeA .contents .small td { border:none; border-bottom:.1em solid #DDD; font-size:.88em; min-width:2.4em; } .viewTypeA .contents .small td.name { font-size:.88em; } .viewTypeA .contents col:last-child { border-right:none; } .viewTypeA .contents tr th:last-child { border-right:none; } .viewTypeA .contents tr td:last-child { border-right:none; } .viewTypeA .contents tbody tr:last-child th { border-bottom:none!important; } .viewTypeA .contents tbody tr:last-child td { border-bottom:none!important; } 0 { border-bottom:none!important; } /* #wrap { height:auto; padding-top: 64px; position:relative; width: 100%; } #homePage #wrap { } .icons { margin:0; padding:0; } #mainMenu li { position:relative; float:left; font-size:1em; list-style:none; margin:0; padding:0; width: 25%; } #mainMenu li:before { content:''; display:block; padding-top:100%; } #mainMenu li a { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background-size: 90% !important; } .icons li { position:relative; float:left; font-size:1em; list-style:none; margin:0; padding:0; width: 25%; } .icons li:before { content:''; display:block; padding-top:100%; } #mainMenu a { display:block; height:20em; width:20em; } .icons a { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background-size: 90% !important; } .icons a#toCertificantSearch { width: 100%; } #homePage #functions { border-bottom: 1px solid #ddd; } #homePage #contents { width: 100%; } #functions li { font-size:1em; margin:0; padding:0; width: 25%; border-right: 1px solid #ddd; box-sizing: border-box; } */ .viewTypeA .contents #contents li { font-size:1em; margin:0; padding:0; width: 25%; } /* div#whatsHot { width: 100%; display: none; } #whatsHot img { height:40em; width:40em; } div#whatsNew { width: 100%; } #whatsNew a { color:#777; } #whatsNew h5 { color:#333; font-size:1.15em; margin:0; padding:1.6em 0 0 1.2em; } #whatsNew ol { margin: .4em 0 1.5em 3em; padding:.4em .8em; } #whatsNew li { font-size:1.05em; line-height:1em; list-style:disc outside; margin:0; padding:.4em 0; } */ div.viewTypeA .contents { height:auto; padding: 25px; position:relative; width: 100%; box-sizing:border-box; } .viewTypeA .contents div { -moz-box-shadow:none; -webkit-box-shadow:none; background:none; box-shadow:none; float:none; height:auto; overflow:auto; width: 100%; } .viewTypeA .contents img.full { max-width: 100%; } .viewTypeA .contents img.right { } p.pageZoom { font-size:1.05em; left:1.4em; margin:.2em 0; padding:.2em 0; position:absolute; top:1.8em; display: none; } /* .pageZoom a { font-family:나눔명조, serif; font-weight:700; margin:0 .6em; } .pageZoom a.increase { font-size:1.05em; } .pageZoom a:hover { text-decoration:none; } .pageZoom span { border-right:.08em solid #CCC; padding-right:.2em; } p.pageInfo { color:#999; font-size:1.05em; padding-left:.4em; } p.pageInfo em { margin-right:2.4em; } ul.FPSBnetwork li { border-bottom:.1em solid #EFEFEF; font-size:1.2em; list-style:none; margin: .3em .6em .3em 0; padding:.4em 0; } ul.FPSBnetwork li a { display: block; font-size:1.05em; min-width:8.8em; padding:.2em 0 .2em 3.2em; } .helpDesk h3 em { color:#666; font-size:.8em; } .FPSB .history dd em { display: block; font-weight: bold; } .FPSB .contacts li strong { display:inline-block; margin-right:1.6em; width:2.4em; } .shop dl { margin-bottom:1em; min-height:16em; } .shop dt { padding:.8em; } .examPlaces li strong { padding:0 2.4em 0 .8em; } .education td.name { } #shopMain dd p { text-align:right; } #theFPSBPRcenter dd p { margin:0 0 10px 0; } #theFPSBPRcenter dd p button {margin:0 5px 0 0;} #AFPKeducationInstitues dt { color:#498FAB; font-weight:700; } #CFPeducationInstitues dt { color:#498FAB; font-weight:700; } #AFPKeducationInstitues dt em { font-weight:400; } #CFPeducationInstitues dt em { font-weight:400; } #AFPKeducationInstitues dd em { display: block; } #CFPeducationInstitues dd em { display: block; } #AFPKeducationInstitues dd a { margin-right:1.6em; } #CFPeducationInstitues dd a { margin-right:1.6em; } #FAQmain dl {margin:0 0 10px 0;} #FAQmain dt { color:#00367D; cursor:pointer; } #PDSmain dl {margin:0 0 10px 0;} #PDSmain dt { color:#00367D; cursor:pointer; } #FAQmain dd { display:none; } #PDSmain dd { display:none; } #certificantsSearchMain td a { font-size:1.2em; } #continuingEducationInstitutes td { min-width:4em; } #AFPKeducationContentsTable td { } #CFPeducationContentsTable td { min-width:9.6em; } #continuingEducationCourseCompletion table { width:73.8em; } #continuingEducationQualification table { width:73.8em; } #continuingEducationCourseCompletion td.name { } #AFPKeducationGuide td.name { width:64%; } #CFPeducationGuide td.name { width:64%; } #certificantsTable td em { color:red; } */ .viewTypeA .contents img.onText { height:1.6em; vertical-align:bottom; } .viewTypeA .contents .whatsNewRead h3 { color:#00367D; font-size:2em; line-height:1.4em; margin:2em 0 .8em; padding:.2em 3.6em .2em 1.2em; text-align:center; } .viewTypeA .contents .whatsNewRead h3 em { font-size:.8em; } .viewTypeA .contents .whatsNewRead h5 { color:#363636; font-size:1.3em; } .viewTypeA .contents div.section { margin: .8em 0; padding:.8em 0; } .viewTypeA .contents h5 + div.section { border-top:.1em solid #C8C8C8; margin: 0; } .viewTypeA .contents h6 + div.section { border-top:.1em solid #C8C8C8; margin-right:0; } .viewTypeA .contents div.section.scroll { height:24em; } /* .inputLandNoAddress div.section.scroll { height:28.2em; } #whatsNewRead div.section { border-top:.1em solid #C8C8C8; margin-top:3.6em; } #whatsNewRead div.section.listControl { padding-top:2.4em; } #confirmationWorkExperience div.section { border-top:.1em solid #C8C8C8; } */ .viewTypeA .contents div.section p { } .viewTypeA .contents div.box { background-color:#F8F8F8!important; margin: 0 0 15px 0; padding: 10px; box-sizing: border-box; } /* #subMain div.box { } #subMain div.box h5 { color:#999; } #subMain div.box li { border-bottom:.1em solid #FFF; } div.section.submit { border-top:.1em solid #C8C8C8; text-align:center; } div.section a.info { background:url(info.png) 50% 50% no-repeat; background-size:100%; display:inline-block; height:1.2em; margin:0 .4em; vertical-align:text-bottom; width:1.2em; } div.section.listControl { padding-top:0; text-align:center; } div.listControl p { font-size:1.05em!important; padding: 0 !important; } div.listControl span { padding:0 .8em; } div.listControl strong { padding:0 .4em; } div.listControl a { padding:0 .4em; } div.listControl p.search { padding-top:.8em!important; } .popup div.section { background-color:#E8EEF8!important; margin: 0; padding: 10px; } .popup div.section.submit { background-color:#E8EEF8!important; padding:.8em 0; } #educationCreditsDetailPopup div.section { background:none!important; } #educationCreditsDetailPopup div.section.submit { background-color:#E8EEF8!important; } div.product { } h5 + div.product { border-top:.1em solid #C8C8C8; } h6 + div.product { border-top:.1em solid #C8C8C8; } #shopCheckout div.product { min-height:12em; } #shopPurchase div.product { min-height:12em; } div.product * { margin-right:0!important; } div.product img { position:absolute; } div.product ul { } div.product p { } div.product li strong { display:inline-block; padding:.6em 1.9em .4em; } div#theLinks { background:#E8EEF8 url(shadowLeft.png) 0 0 repeat-y; height:auto; min-height:16em; padding-bottom:8em; width: 100%; display: none; } #theLinks h6 { background:#00367D url(shadowLeft.png) 0 0 repeat-y; color:#FFF; font-size:2em; margin:0; padding:1.36em 1em; } #theLinks div { background:none; float:none; height:auto; margin:0; width:auto; } #theLinks div.section { border-bottom:.1em solid #D4DAE4; border-top:none; margin:0; } #theLinks div.myInfo { background:#FFF url(shadowLeft.png) 0 0 repeat-y; border-bottom:.1em solid #D4E2F4; border-top:none; margin:0; } #theLinks div.myInfo h4 { font-size:2.4em; margin:2em 0 .4em; } #theLinks div.myInfo h5 { color:#8F8F8F; font-size:1.3em; margin:0; } #theLinks div.myInfo .AFPK { color:red; } #theLinks div.myInfo .CFP { color:#00367D; } #theLinks p { font-size:1.1em; padding:0 1.5em; } #theLinks ul { background:#FFF url(shadowLeft.png) 0 0 repeat-y; margin:0; padding:0; } #theLinks li { border-bottom:.08em solid #E8EEF8; color:#5A5A5A; font-size:1.1em; line-height:1.4em; list-style:none; margin:0; padding:1.2em 1em 1.2em 2.4em; } #theLinks li:last-child { border-color:#D4DAE4; } #theLinks a { color:#5A5A5A; } div.examPoster { background:url(examPoster.png) 0 0 no-repeat; } div.examPoster * { margin:0; } #AFPKposter.ing { background-color:#B36537!important; cursor:pointer; } .examPoster h5 { color:#696969; font-size: 1.7em; } .examPoster h6 { color:#969696; font-size: 1.05em; } div.examPoster.ing:hover h6 { text-decoration:underline; } .examPoster p { color:#969696; font-size: 1.2em; } .examPoster.ing h5 { color:#FFF; } .examPoster.ing h6 { color:#EFEFEF; } .examPoster.ing p { color:#EFEFEF; } .examPoster p strong { display:block; } div#footer { float:none; height:auto; padding: 25px; width: 100%; box-sizing: border-box; } #homePage #footer { } #footer dl { border:none; margin:0; padding:0; width: 100%; background-size: contain !important; } #footer dl.AFPK { width: 100%; } #footer dt { background-color:transparent; } #footer ul { margin:0; padding-left:0; } #footer li { font-size:1.2em; list-style:none; } #footer li a { font-weight:700; } #footer p { clear:both; color:#5A5A5A; font-size:1.2em; letter-spacing:-.0625em; line-height:1.6em; } #footer span { display: block; } #footer a { color:#5A5A5A; } div#subMenu { height: auto; overflow:visible; width: 100%; } ul.subMenu { background-color:#FFF; margin:0!important; padding:0!important; position:relative; width: 100%; } ul.subMenu ul { background-color:#F5F5F5; margin:0!important; padding:0!important; width: 100%; } ul.subMenu li:hover > ul { display:block; } ul.subMenu li:hover { background-color:#1C539B; } .FPSB ul.subMenu li:hover { background-color:#459B87; } .education ul.subMenu li:hover { background-color:#498FAB; } .examination ul.subMenu li:hover { background-color:#B36537; } .certification ul.subMenu li:hover { background-color:#A44042; } ul.subMenu li li:hover { background-color:#00367D; } .FPSB ul.subMenu li li:hover { background-color:#297866; } .education ul.subMenu li li:hover { background-color:#2D728D; } .examination ul.subMenu li li:hover { background-color:#875034; } .certification ul.subMenu li li:hover { background-color:#802C2E; } ul.subMenu li { font-size:1em; margin:0; padding:0; } ul.subMenu li a { color:#B4B4B4; display:block; font-size:1.15em; letter-spacing:-.0625em; padding:1.16em 0 .95em 1em; } ul.subMenu li:hover a { color:#FFF; } ul.subMenu a:hover { text-decoration:none; } ul.subMenu li:hover li a { color:#AAA; } ul.subMenu li:hover li:hover a { color:#FFF; } div.popup { -moz-box-shadow:.2em .2em .3em .1em #333; -webkit-box-shadow:.2em .2em .3em .1em #333; background-color:#FFF; box-shadow:.2em .2em .3em .1em #333; left:50%; margin: 0 0 0 -150px; min-height:16em; padding: 10px; position:absolute; top:10%; width: 300px; box-sizing: border-box; z-index:9999; } .popup h6 { border-bottom:.08em solid #00367D; font-size: 1.1em; margin: 0 0 10px 0; padding:0; } .popup h6 strong { background-color:#00367D; color:#FFF; display:inline-block; padding: 10px; } .popup h6 strong em { color:#EEE; font-size:.88em; padding-left:1em; } .popup#examinationSitePopup h6 strong em { padding:0 1em 0 0; } .popup h6 a { background-color:#E8EEF8; margin-left:.08em; padding:1em 2.4em .8em; } .popup h6 a.selected { background-color:#437AC2; color:#FFF; } .popup p { padding: 0; margin: 0 0 10px 0; font-size: 1.3em; } .popup p em { color:#969696; display:block; font-size:.8em; } .popup p.select { padding:.8em 0; } .popup p.select a { background-color:#EEE; color:#666; margin-right:.4em; padding:.4em 1.2em; } .popup p.select a.selected { color:#FFF; padding-left:2.4em; } .popup img.right { display:inline; float:right; margin:0 1.6em; } .popup ul { margin:.4em 2em; } .popup dl { margin: 1.2em 0; } .popup li { font-size: 1.3em; margin: .2em 0; padding:.4em 0 0; } .popup dt { font-size:1.1em; } .popup dd { font-size:1.1em; } .popup dd li { border-bottom:.08em solid #EEE; list-style: none; } .popup dd ol li { border-bottom:none; } .popup dd li li { border-bottom:none; } .popup ul.select { list-style:none; margin:0 .8em; padding:.4em .8em; } .popup ul.select li { border-bottom:.08em solid #FFF; min-height:2.4em; padding:.4em .8em; } .popup dd.examinationResult { font-size:1.3em; line-height:1.4em; padding:1.6em 0 .8em 2.4em; } .popup dd.examinationResult strong { color:#00367D; padding-left:2.4em; } .popup dd.examinationResult em { display:block; padding:.4em 0 0 2.4em; } .popup table { margin:.4em 0 1.6em 1em; width:62em; } .popup th { padding:.4em; } .popup td { padding:.4em; } .popup#foundID { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; left:auto; margin-left:0; position:relative; top:auto; width:96%; } .popup#foundPW { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; left:auto; margin-left:0; position:relative; top:auto; width:96%; } #addressPopup { min-height:45.6em; } #foundID .submit strong { color:#437AC2; font-size:1.2em; } #foundPW .submit strong { color:#437AC2; font-size:1.2em; } #loginPopup a { display: block; } #findIDpopup a { margin-left:1.6em; } #findPWpopup a { margin-left:1.6em; } #examinationSitePopup dt a { float:right; } #examinationAnalysisTablePopup th { width:4em; } #examinationAnalysisTablePopup td.graph { padding:1em .4em .6em; text-align:left; width:26.4em; } #examinationAnalysisTablePopup td img { border:none; display:block; height:.8em; margin:.2em 0; } #examinationAnalysisTablePopup td img.user { background-color:#437AC2; } #examinationAnalysisTablePopup td img.average { background-color:#CCC; height:.64em; } #cheatingListTable td { min-width:10em; } #whatsNewTable th:nth-child(1) {display:none;} #whatsNewTable th:nth-child(2) {width:70%;} #whatsNewTable th:nth-child(3) {display:none;} #whatsNewTable th:nth-child(4) {width:30%;} #whatsNewTable td:nth-child(1) {display:none;} #whatsNewTable td:nth-child(2) {width:70%;} #whatsNewTable td:nth-child(3) {display:none;} #whatsNewTable td:nth-child(4) {width:30%;} */ .viewTypeA .contents table.nl_table {border:none !important; width:700px; margin:0 auto !important; min-width:inherit;} .viewTypeA .contents table.nl_table table {margin:0; min-width:inherit;border:none !important;} .viewTypeA .contents table.nl_table td {border:none !important; padding:0; margin:0; text-align:left;} .viewTypeA .contents table.nl_table td p {padding:0px !important;} } /* 게시물 css 충돌 문제 해결 2020-05-07 */ .viewTypeA .contents.bbs_con table {border:1px solid #333;} .viewTypeA .contents.bbs_con th, td {border-right:none; border-bottom:none;} .viewTypeA .contents.bbs_con td p {margin:0px;padding:0px;}