* {color: #4B4B4B; padding: 0; margin: 0;} ul,ol,li {list-style: none;} #wrap { clear: both; width: 100%; min-width: 1900px; overflow: hidden; position: relative; } #header {width: 100%; background-color: rgba(0,0,0,0.15); box-sizing: border-box; position: absolute; z-index: 99; clear: both;overflow: hidden;text-align:center; padding: 19px 50px 19px 50px;} #header > { clear: both;overflow: hidden; margin: 0 auto;} #header > h1 {float: left; margin-right: 55px;} #header > h1 > a {display: block; display: flex; align-items: center; } #header > h1 > a > img {vertical-align: initial; height:46px;} /* 탑메뉴 */ #header > div > div {display: none;} #header > ul { } #header > ul > li > a {font-size: 17px; letter-spacing: 0.85px; line-height: 46px; font-family: 'Adobe-Devanagari Regular';} #header > ul:last-child > li {float:left; font-family: 'Adobe-Devanagari Regular';} #header > ul:last-child > li:nth-child(2)::before {content:""; display: inline-block; width: 1px; height: 12px; background-color: #fff; vertical-align: middle; margin: 0 10px;} #header > ul:last-child > li > a { color: #fff;font-size: 13px; letter-spacing: 0.65px; font-family: 'Adobe-Devanagari Regular';} #header > div:nth-child(1) > h4 { display: inline-block; text-align: center; } #header > div:nth-child(1) > ul > li:last-child {margin-right: 0;} #header > div:nth-child(2) {display:inline-block;width:1720px;padding:30px 0 0px 0;} #header > div:nth-child(2) > div:nth-child(2) {display:none; ;} #header > div:nth-child(2) > div:nth-child(3) {float:right; display: block !important;} /* #header > div:nth-child(1) > ul {} */ #header > div:nth-child(1) > ul:last-child {width: auto; float: right; padding-left: 0; } #header > div:nth-child(2) > div:nth-child(3)> ul:nth-of-type(1) {display: none;} #header > div:nth-child(2) > div:nth-child(3) > a {display:none;} #header > div:nth-child(2) > div:nth-child(3) > ul:nth-child(2) {display:none;} /* #header > div:nth-child(2) > div:nth-child(3) > div {display:none;position:absolute;width:850px;top:144px;z-index:999;background:#6DA5FF;} */ #header > div:nth-child(2) > div:nth-child(3) > div {display:none;position:absolute;width:1020px;top:145px;z-index:999;background:#6DA5FF;} #header > div:nth-child(2) > div:nth-child(3) > div > div {float:left;width:170px; } #header > div:nth-child(2) > div:nth-child(3) > div > div > h1 {display:none;} #header > div:nth-child(2) > div:nth-child(3) > div > div > .subMenu {width:170px; overflow: hidden; clear: both;} #header > div:nth-child(2) > div:nth-child(3) > div > div > .subMenu > a {display:block;width:170px;height:60px;line-height:60px;overflow:hidden;color:#FFF;} #header > div:nth-child(2) > div:nth-child(3) > div > div > .subMenu > a:hover {background:#FFF;color:#0061FF;} #header > div:nth-child(2) {clear:both;overflow:[none];} #header > div:nth-child(2) > div:nth-child(1) {float: left;} #header > div:nth-child(2) > div:nth-child(1) > a {float: left;} #header > div:nth-child(2) > div:nth-child(2) {float: right;} /* eng / kor */ #header > ul:nth-child(4) {float: right;} #topMenu {float: left;} #topMenu > li {float: left; text-align: center; margin-right: 55px;} #topMenu > li > a {display: block; height: 100%; color:#FAFAFA;} #topMenu > li:last-child {margin-right: 0;} #topMenu > li.over > a::after {display: block;} #topMenu > li.over > a {color: #6da5ff;} #topMenu > li > a::after {clear: both;overflow: hidden;content: "";background: #0061ff;} /* 하위메뉴 display:none */ #menu235 .detailMenu {} #menu235 .detailMenu a {} #register_member_auth .head h1 { margin: 0 0;} /* 높이가 li 끝나는 시점까지 적용되서 높이 100% 줬습니다. */ /* #header .topMenu {display: none; z-index: 100; position: absolute;width: 850px;height: auto;background: #6DA5FF;top: 145px; left: calc(50% + 20px);} #header .topMenu {float: left; display: none;} #header .topMenu > h1 {display: none;} #header .topMenu { width: 170px; height: 60px; text-align: center; line-height: 3.5; cursor: pointer; position: relative;} #header .topMenu > a {color: #ffffff; font-size: 16px;} #header .subMenu:hover {background: #ffffff;} #header .subMenu:hover > a { color: #6DA5FF; font-weight: bold;} #menu77, #menu78 { line-height: 2;} */ #topMenu.over ~ #header > div:nth-child(2) > div:nth-child(3)> div {display: block !important;} #body {clear: both;overflow: hidden;height: auto;} #body-left {float: left;overflow: hidden;width: 340px;/* height: calc(100vh - 90px); */background: #f8f8fa;} #body-left #leftMenu238 {display: none;} #body-left #leftMenu264 {display: none;} #body-left #leftMenu265 {display: none;} #body-left #leftMenu268 {display: none;} #body-left .detailMenu {display: none;} #body-left > div {display: none;} #body-left > div.over {display: block;} #body-left > div > h1 {display: block;font-size: 24pt;text-align: center;color: #ffffff;line-height: 110px;background: url("//cdn.klata.elcsoft.com/image/nav/그룹 8.svg") no-repeat;} #body-left > div > div {width: 100%;height: 80px;background: #587fbf;text-align: center;} #body-left > div > div.over {background: #ffffff;} /*#body-left > div > div > a {display: inline-block;width: calc(100% - 40px);font-size: 25px;line-height: 40px;padding: 20px; color: #fff;}*/ #body-left > div > div > a {display: inline-block;width: calc(100% - 40px);font-size: 25px;padding: 20px; color: #fff;} #body-left > div > div.over a {color: #587fbf;} /* 디테일 메뉴 온라인 시험센터에서 하위메뉴 접속시 왼쪽 메뉴에 표시 */ #body-left > div > div > .detailMenu.over {background-color: #fff; } #body-left > div > div > .detailMenu.over a {color: #587fbf;} #body-nav, #body-content > #body-nav {display: none;} #body-left #leftMenu77 a{ font-size: 20px;} #body-left #leftMenu78 a{font-size: 16px;} #body-content {} #body-content > div .body {width: 1440px; margin: 0 auto;} #body-content > div {clear: both;overflow: hidden;} #body-content > div .head {clear: both;overflow: hidden;text-align: center;} #body-content > div .block {background: #ffffff 0% 0% no-repeat padding-box;box-shadow: 0px 4px 10px #2423294d;padding: 20px 100px;} #body-content > div .block h1 {clear: both;overflow: hidden;font-size: 30px;color: #242329;text-align: left;letter-spacing: -1.2px;line-height: 44px;margin: 20px 0;} #body-content > div .block h1::after {display: block;width: 24px;content: "";border-bottom: 3px solid #0061ff; margin-top: 15px;} #body-content > div .block .ul-points {clear: both;overflow: hidden;} #body-content > div .block .ul-points li {display: block;margin: 10px 0;font-size: 20px;color: #242329;vertical-align: top;} #body-content > div .block .ul-points li::before {position: absolute;display: inline-block;width: 6px;height: 6px;background: #0061ff;border-radius: 100%;content: "";margin: 5px 10px 0 0;margin-top: 12px;} #body-content > div .block .ul-points li div {display: inline-block;width: calc(100% - 20px);margin-left: 20px;} #footer {clear: both;overflow: hidden;background: #444; box-sizing: border-box; padding:22px 50px 27px 50px; display: flex !important; justify-content: space-between;} #footer > div {overflow:hidden; float: left; } #footer > div > h1 {height: 32px;} #footer > div > h1 > img {height: 100%; vertical-align: top;} #footer > div:nth-child(1) > ul > li:first-child {margin-top: 7px;} #footer > div:nth-child(1) > ul > li:first-child > span:nth-child(1) { margin-right: 15px;} #footer > div:nth-child(1) > ul > li:nth-child(2) > span:nth-child(1) {} #footer > div:nth-child(1) > ul > li {font-weight: 300; line-height: 18px; margin-bottom: 5px;} #footer > div:nth-child(1) > ul > li:last-child {margin-bottom: 0;} #footer > div:nth-child(1) > ul > li:last-child > span:first-child {margin-right: 30px;} #footer > div:nth-child(1) > ul > li:nth-child(n+3) span {font-family: 'Adobe-Devanagari Regular';} #footer > div:nth-child(1) > ul > li > span {font-size: 13px; ; } #footer > div > ul > li > span {color: #D8D8D8;} #footer > ul:nth-child(1) {float:left;} #footer > ul:nth-child(1) > li {float:left;margin-right:30px;} #footer > ul:nth-child(1) > li img {height:40px;} #footer > ul:nth-child(2) {float:right;} #footer > ul:nth-child(2) > li {float:left;margin-left:15px;} #footer > ul:nth-child(2) > li:before {content:'|';margin-right:15px;line-height:26px;} #footer > ul:nth-child(2) > li:nth-child(1):before {display:none;} #footer > ul:nth-child(2) > li > a {color:#242329;font-size:18px;line-height:26px;} #footer > div:nth-child(1) > div {float: right; width: 140px; height: 35px; overflow: hidden; margin-left: 40px;} #footer > div:nth-child(1) > div img {width: 100%;} #footer > div > div {clear:both;overflow:hidden;color:#242329;font-size:16px;} #footer > div > div:nth-child(2) {margin:10px 0;} #footer > div:nth-child(3) > div > div .for-br1 {display: none;} #footer > ul:nth-child(1) > li:nth-child(1) {float: left;} #footer > ul:nth-child(1) > li:nth-child(1) > img:nth-child(2) {width: 140px;height: 35px;margin-left: 40px;} #footer > div:nth-child(1) > img:nth-of-type(2){width: 140px;} #footer > div:nth-child(1) > img:nth-of-type(2) {display: none;} #footer > div:nth-child(1) > img:nth-of-type(3) {margin-left: 40px;} /* #footer > div:nth-child(2) {float: right;height: auto;width: 38%;margin-left: 100px;} */ #footer > div:nth-child(2) {float: right; display: flex; flex-direction: column; justify-content: flex-end; margin-left: 100px;} #footer > div:nth-child(2) > ul > li {float: left; width: 42px;} #footer > div:nth-child(2) > ul > li {float: left;position: relative;} #footer > div:nth-child(2) > ul > li:nth-child(2) {margin: 0 10px;} #footer > div:nth-child(2) > ul > li > a {display: block; height: 100%;} #footer > div:nth-child(2) > ul > li, #footer > div:nth-child(2) > ul > li > a {} #footer > div:nth-child(2) > ul > li, #footer > div:nth-child(2) > ul > li:nth-child(4) {padding-right: 0;} #footer > div:nth-child(2) > ul > li, #footer > div:nth-child(2) > ul > li:nth-child(4) > a {padding-right:0 ;} #footer > div:nth-child(3) {clear: both;overflow: hidden;margin-top: 22px;} #footer > div:nth-child(3) > div > div {margin-bottom: 5px;font-size: 16px;} #footer > div:nth-child(3) > div > div .for-br1 {display: none;} #footer > div:nth-child(4) {display: none;} #footer > div:nth-child(2) > ul > li:nth-child(4) {clear: both; overflow: hidden; float: initial; width: 100%; padding-top: 25px;} #footer > div:nth-child(2) > ul > li:nth-child(4) a {color: #fff; font-family: 'Adobe-Devanagari Regular'; font-size: 13px;text-align: right;} #loading {display: none;position: fixed;z-index: 9999;width: 280px;left: calc(50% - 140px);top: calc(50%);background: #fff;text-align: center;padding: 10px 25px;border: 3px solid #ddd;border-radius: 10px;} /* */ #footer .for-bxslider .bx-next {display: none;} #footer .for-bxslider .bx-prev {display: none;} .bx-controls-direction {display: none;} .bx-controls-auto {display: none;} .bx-pager {display:none;} .tab {clear: both;overflow: hidden;} .tab li { float: left;padding: 9px 14px;border: 1px solid #2e6da4;background: #337ab7;} .tab li.over { background: #286090;border: 1px solid #204d74; } .tab li::after .tab li a {color: #fff;} .tab-content {border: 1px solid #ddd;padding: 14px;} .list tr > th {background: #0f4c81;border-bottom: 0;border-left: 0;color: #fff;} /* .list tr > td {background: #ffffff;border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;} */ .list tr > td {background: #ffffff; } table.list {width: 100%;border-collapse: collapse; margin: 10px 0; } table.list tr {padding: 0px;border-spacing: 0px;} table.list tr td {padding: 0px;border-spacing: 0px;white-space: nowrap;} table.list thead th {padding: 10px;background-color: #0f4c81;text-align: center;font-size: 20px;font-weight: normal;color: #fff;} table.list thead td {padding: 10px;background-color: #0f4c81;text-align: center;font-size: 20px;font-weight: normal;color: #fff;} table.list thead a {font-weight: normal;color: #fff;white-space: nowrap;} table.list tbody th {border: 1px Solid #ddd;padding: 10px;background-color: #0f4c81;text-align: center;font-size: 20px;color: #fff;} table.list tbody td {padding: 10px;background-color: #ffffff;text-align: left;font-size: 20px;} table.list tbody td > div {clear: both;overflow: hidden;line-height: 30px;} table.list tbody td > div:first-child {margin-top: 0px !important;} table.list tbody tr.over td {background-color: #cccccc;color: #000000;} table.list tbody td.over {background-color: #cccccc;color: #000000;font-weight: bold;cursor: hand;} /* table.list tbody tr th:hover {background: #f3f3f3;} table.list tbody tr td:hover {background: #f3f3f3;} */ ul.list {clear: both;overflow: hidden;display: table;width: 100%;} ul.list li {clear: both;overflow: hidden;display: table-row;} ul.list li div {display: table-cell;} ul.list li.list-head div {border-top: 1px Solid #bbb;border-bottom: 1px Solid #bbb;padding: 10px;background-color: #fcfcfc;text-align: center;font-size: 9pt;} ul.list li.list-body div {border-bottom: 1px Solid #eeeeee;padding: 10px;background-color: #ffffff;text-align: center;font-size: 9pt;} ul.form {clear: both;overflow: hidden;} ul.form > li > label {clear: both;overflow: hidden;display: block;margin: 20px 0 10px 0;line-height: 20px;color: #666;} ul.form > li > span {clear: both;overflow: hidden;display: block;margin: 10px 0 20px 0;border: 1px solid #ddd;border-radius: 5px;padding: 10px;min-height: 40px;line-height: 35px;} ul.form > li > span input {border: 0;height: 40px;line-height: 40px;} ul.form > li > span select {border: 0;height: 40px;line-height: 40px;} @media all and (min-width:1180px) and (max-width:1440px) { #wrap { clear: both; width: 100%; min-width: initial; overflow: hidden; position: relative; } #header {width: 100%; background-color: rgba(0,0,0,0.15); box-sizing: border-box; position: absolute; z-index: 99; clear: both;overflow: hidden;text-align:center; padding: 19px 5% 19px 5%;} #header > h1 {width: 170px; } #header > h1 > a {display: block; line-height: 52px;} #header > h1 > a > img {width: 100%; } #header > ul {} #topMenu > li {margin-right: 30px;} #header > ul:nth-child(4) {padding-top: 0;} #header > ul > li > a {line-height: 52px;} #footer {clear: both;overflow: hidden;background: #444; box-sizing: border-box; padding:22px 5% 27px 5%; display: flex !important; justify-content: space-between;} #body-content > div .body {width: 1160px; margin: 0 auto;} #storyListForm > div.middle > table {width: 850px;} /* 영문 */ #en_storyListForm > div.middle > table { width: 850px;} tr > td {width: 380px;} tr > td > a > div {width: 380px; height: 380px;} tr > td > a > div > img {width: 300px; } #storyListForm > div.middle > div:nth-child(2) {width: initial;} } @media all and (min-width:1441px){ #wrap { clear: both; width: 100%; min-width: initial; overflow: hidden; position: relative; } }