@charset "utf-8"; /* ========================================================================== font-family styles ========================================================================== */ /* Nanum Gothic */ .t-l { text-align:left !important; } .t-c { text-align:center !important; } .t-r { text-align:right !important; } .f-l { float:left; } .f-r { float:right; } .o-h { overflow:hidden; } .o-a { overflow:auto; } .o-x-a { overflow-x:auto; } .o-y-a { overflow-y:auto; } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src:url('/fonts/NanumGothic-Regular.eot'); src:local(※), url('/fonts/NanumGothic-Regular.woff') format('woff'), url('/fonts/NanumGothic-Regular.woff2') format('woff2'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src:url('/fonts/NanumGothic-Bold.eot'); src:local(※), url('/fonts/NanumGothic-Bold.woff') format('woff'), url('/fonts/NanumGothic-Bold.woff2') format('woff2'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src:url('/fonts/NanumGothic-ExtraBold.eot'); src:local(※), url('/fonts/NanumGothic-ExtraBold.woff') format('woff'), url('/fonts/NanumGothic-ExtraBold.woff2') format('woff2'); } /* ========================================================================== tag element styles ========================================================================== */ html { min-width:320px; } /*'Nanum Gothic', '나눔고딕',*/ body { min-width:320px; font-size: 13px; color: #555; line-height: 1.2em; font-family: 'Malgun Gothic', '맑은 고딕', dotum, Helvetica, sans-serif; } h1 { margin:0; } h2 { margin:0; font-size:36px; font-weight:700; color:#333; line-height:1.4em; } h3 { margin:0; font-size:30px; font-weight:700; color:#333; line-height:1.4em; } h4 { margin:0; font-size:18px; font-weight:700; color:#333; line-height:1.4em; } h5 { margin:0; font-size:15px; font-weight:700; color:#333; line-height:1.4em; } h6 { margin:0; font-size:14px; font-weight:700; color:#333; line-height:1.4em; } .divtitle { margin:0; font-size:15px; font-weight:700; color:#333; line-height:1.4em; } fieldset { border: 0; margin: 0; padding: 0; } textarea { border:1px solid #d4d4d4; padding:20px; resize:vertical; -webkit-appearance:none; box-shadow:none; border-radius:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } select { padding:7px 0 6px; border:1px solid #d4d4d4; vertical-align:middle; } select:focus { border:1px solid #777777; } select.select-size-s { padding:5px 0 4px; } input { vertical-align:middle; } img { vertical-align:middle; } sub { font-size:12px; color:#707070; line-height:1em; } em { font-style:normal; } strong { font-weight:700; color:#333333; } p { margin:10px 0; line-height:1.6em; } ul,ol,li,dl,dt,dd { margin:0; padding:0; } li { list-style:none; } caption, legend { position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px; font-size:0; line-height:0; padding:0; } .check-all { margin-right:5px; } .highlight { font-size:13px; color:#e60d17 !important; } /* Skip Navigation */ *:first-child+html body #skipNavigation ul, *:first-child+html body #skipNavigation ul li { height:0; } #skipNavigation a { display:block; width:100%; height:0; position:absolute; top:-9999px; left:0; z-index:99999; font-size:1.5em; font-weight:bold; color:#fff; text-align:center; text-decoration:none; } #skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active { position:absolute; top:0; padding:13px 0 27px 0; background-color:#1970bb; } /* 링크 */ a { text-decoration:none; color:#555; } a:hover, a:focus, a:active { text-decoration:underline; } /* 사이트별 텍스트 강조 */ b { font-weight:700; color:#1970bb; } .service-nemc b { font-weight:700; color:#1970bb; } .service-egen b { font-weight:700; color:#007b94; } .service-education b { font-weight:700; color:#0e823e; } /* input text */ input.type-text, input.type-password, input.type-datepicker, input[type=email], input[type=search] { padding:7px 4px; border:1px solid #d4d4d4; line-height:1.25em; vertical-align:middle; -webkit-appearance:none; box-shadow:none; border-radius:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .input-size-s { margin-top : 8px; padding:5px 4px !important; } /* input text:disabled */ input.type-text.disabled, input.type-password.disabled, input.type-datepicker.disabled, input[type=email].disabled, input[type=search].disabled { border:1px solid #f0f0f0; color:#737373; background:#fafafa; } /* input text:focus */ input.type-text:focus, input.type-password:focus, input.type-datepicker:focus, input[type=email]:focus, input[type=search]:focus { border:1px solid #777777; } /* input datepicker */ input.type-datepicker { width:100px; } /* input text + 버튼 간격 */ input.type-text + .common-btn, input.type-password + .common-btn, input[type=email] + .common-btn, input[type=search] + .common-btn { margin-left:6px; } /* input text + 필드 안내 간격 */ input.type-text + span.common-field-guide, input.type-password + span.common-field-guide, input[type=email] + span.common-field-guide, input[type=search] + span.common-field-guide, .common-btn + span.common-field-guide { margin-left:6px; } p.common-field-guide { margin-top:4px; } /* label 간격 */ label { display:inline-block; vertical-align:middle; font-weight:700; } label + label { margin-left:30px; } input + label { margin-left:30px; } input + label.default-label { margin-left:3px; } select + label { margin-left:30px; } .label-margin { margin-left:30px; } .holiday-desc { margin-left:40px; } select + label.default-label { margin-left:3px; } input.search + label { margin-left:2px; } input.search.space { margin-left:10px; } /* label + select/input 간격 */ label + input { margin-left:4px; } label + select { margin-left:4px; } /* ========================================================================== common components ========================================================================== */ /* 숨기기 */ .common-hide { display: none !important; } .screen-out { overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px; } /* 공간 삭제 */ .common-margin-t-none { margin-top:0 !important; } .common-margin-b-none { margin-bottom:0 !important; } .common-padding-t-none { padding-top:0 !important; } .common-padding-b-none { padding-bottom:0 !important; } /* 공간 x-small */ .common-margin-t-xs { margin-top:5px !important; } .common-margin-b-xs { margin-bottom:5px !important; } .common-padding-t-xs { padding-top:5px !important; } .common-padding-b-xs { padding-bottom:5px !important; } /* 공간 small */ .common-margin-t-s { margin-top:10px !important; } .common-margin-b-s { margin-bottom:10px !important; } .common-padding-t-s { padding-top:10px !important; } .common-padding-b-s { padding-bottom:10px !important; } /* 공간 medium */ .common-margin-t-m { margin-top:15px !important; } .common-margin-b-m { margin-bottom:15px !important; } .common-padding-t-m { padding-top:15px !important; } .common-padding-b-m { padding-bottom:15px !important; } /* 공간 large */ .common-margin-t-l { margin-top:20px !important; } .common-margin-b-l { margin-bottom:20px !important; } .common-padding-t-l { padding-top:20px !important; } .common-padding-b-l { padding-bottom:20px !important; } /* 공간 x-large */ .common-margin-t-xl { margin-top:30px !important; } .common-margin-b-xl { margin-bottom:30px !important; } .common-padding-t-xl { padding-top:30px !important; } .common-padding-b-xl { padding-bottom:30px !important; } /* 공간 xx-large */ .common-margin-t-xxl { margin-top:50px !important; } .common-margin-b-xxl { margin-bottom:50px !important; } .common-padding-t-xxl { padding-top:50px !important; } .common-padding-b-xxl { padding-bottom:50px !important; } /* heading group */ .common-hgroup2 { clear:both; position:relative; margin:0 0 46px; padding-top:56px; } .common-hgroup2 p { margin-top:8px; font-size:14px; color:#707070; } .common-hgroup3 { clear:both; position:relative; margin:46px 0 36px; } .common-hgroup3 p { margin-top:6px; font-size:14px; color:#707070; } .common-hgroup4 { clear:both; position:relative; margin:36px 0 26px; padding-top:6px; background:url('/images/nemc/nemc_title_bg.gif') 0 0 no-repeat; } .common-hgroup4.upper_space { margin-top:310px; } .common-hgroup4 p { margin-top:6px; font-size:13px; color:#707070; } .common-hgroup5 { clear:both; position:relative; margin:26px 0 16px; } .common-hgroup5 p { margin-top:6px; font-size:12px; color:#707070; } .common-hgroup6 { clear:both; position:relative; margin:16px 0 10px; } .common-hgroup6 p { margin-top:6px; font-size:12px; color:#707070; } /* 사이트별 중제목 */ .service-nemc .common-hgroup4 { background-image:url('/images/nemc/nemc_title_bg.gif'); } .service-egen .common-hgroup4 { background-image:url('/images/egen/egen_title_bg.gif'); } .service-toxinfo .common-hgroup4 { background-image:url('/images/toxinfo/tox_title_bg.png'); } .service-education .common-hgroup4 { background-image:url('/images/education/education_title_bg.gif'); } /* 바로가기 버튼 */ .common-heading-quick { position:absolute; right:0; bottom:10px; } /* button */ .common-btn { display:inline-block; vertical-align:middle; border:1px solid #c7c7c7; margin-left: 4px; margin-top: 8px; margin-bottom: 8px; background:#f5f5f5; font-size:13px; padding:7px 16px 8px; font-weight:700; line-height:1.2em; color:#555; text-decoration:none; text-align:center; } .common-btn:hover, .common-btn:active, .common-btn:focus { border:1px solid #ababab; background:#ececec; text-decoration:none; } .common-btn.btn-size-l { font-size:14px; padding:11px 18px; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px;} .common-btn.btn-size-s { font-size:12px; padding:6px 14px; } .common-btn.btn-size-s.btn-search-check { font-size:12px; padding:6px 14px 10px 6px; } .common-btn.btn-color-normal { border:1px solid #505050; background:#505050; color:#ffffff; } .common-btn.btn-color-normal:focus-visible { outline: 2px solid #505050; outline-offset: 2px;} .common-btn.btn-color-normal:hover, .common-btn.btn-color-normal:active, .common-btn.btn-color-normal:focus { background:#3b3b3b; outline: 2px solid #ff0000;} /**.common-btn.btn-color-primary { border:1px solid #1970bb; background:#1970bb; color:#ffffff; }**/ /* 앱관련수정본 20170623 */ .common-btn.btn-color-primary { border:1px solid #505050; background:#505050; color:#ffffff; } .common-btn.btn-color-primary:hover, .common-btn.btn-color-primary:active, .common-btn.btn-color-primary:focus { background:#105797; } .common-btn.btn-color-nemc{ border:1px solid #1970bb; background:#1970bb; color:#ffffff; } .common-btn.btn-color-nemc:hover, .common-btn.btn-color-nemc:active, .common-btn.btn-color-nemc:focus { background:#105797; } .common-btn.btn-color-egen { border:1px solid #007b94; background:#007b94; color:#ffffff; } .common-btn.btn-color-egen:hover, .common-btn.btn-color-egen:active, .common-btn.btn-color-egen:focus { background:#005e70; } .common-btn.btn-color-edu { border:1px solid #0e823e; background:#0e823e; color:#ffffff; } .common-btn.btn-color-edu:hover, .common-btn.btn-color-edu:active, .common-btn.btn-color-edu:focus { background:#0b632f; } .common-btn.btn-color-edu-apply-end { background:#ebebeb; color:#000000; } .common-btn.btn-color-toxinfo { border:1px solid #ff9804; background:#ff9804; color:#ffffff; } .common-btn.btn-color-toxinfo:hover, .common-btn.btn-color-toxinfo:active, .common-btn.btn-color-toxinfo:focus { background:#ff6f00; } .common-btn .common-icon { position:relative; top:-1px; } .text-visual { font-size:24px; color:#1970bb; font-weight:700; line-height:1.25em; } .service-nemc .text-visual { color:#1970bb; } .service-egen .text-visual { color:#007b94; } .service-education .text-visual { color:#0e823e; } .text-size-s { font-size:12px; } .text-size-l { font-size:14px; } .text-align-left { text-align:left; } .text-align-center { text-align:center; } .text-align-right { text-align:right; } .text-color-default { color:#555555; } .text-color-sub { color:#757575; } .text-color-nemc { color:#1970bb; } .text-color-egen { color:#007b94; } .text-color-education { color:#0e823e; } .service-nemc .text-color-primary { color:#1970bb; } .service-egen .text-color-primary { color:#007b94; } .service-education .text-color-primary { color:#0e823e; } .service-nemc .common-btn.text-color-primary { color:#1970bb; } .service-egen .common-btn.text-color-primary { color:#007b94; } .service-education .common-btn.text-color-primary { color:#0e823e; } .service-nemc .common-btn.btn-color-primary { border:1px solid #1970bb; background:#1970bb; color:#ffffff; } .service-nemc .common-btn.btn-color-primary:hover, .service-nemc .common-btn.btn-color-primary:active, .service-nemc .common-btn.btn-color-primary:focus { background:#105797; } .service-egen .common-btn.btn-color-primary { border:1px solid #007b94; background:#007b94; color:#ffffff; } .service-egen .common-btn.btn-color-primary:hover, .service-egen .common-btn.btn-color-primary:active, .service-egen .common-btn.btn-color-primary:focus { background:#005e70; outline: 2px solid #ff0000; } .service-education .common-btn.btn-color-primary { border:1px solid #0e823e; background:#0e823e; color:#ffffff; } .service-education .common-btn.btn-color-primary:hover, .service-education .common-btn.btn-color-primary:active, .service-education .common-btn.btn-color-primary:focus { background:#0b632f; } .service-toxinfo .common-btn.btn-color-primary { border:1px solid #ff9804; background:#ff9804; color:#333; } .service-toxinfo .common-btn.btn-color-primary:hover, .service-toxinfo .common-btn.btn-color-primary:active, .service-toxinfo .common-btn.btn-color-primary:focus { background:#ff6f00; } /* box label */ .common-label { display:inline-block; vertical-align:middle; font-size:13px; } .common-label.label-on { color:#1970bb; font-weight:700; } .common-label.label-off { color:#0b632f; font-weight:700; } .common-label.label-disabled { color:#cc3300; font-weight:700; } /* font color */ .common-fontcolor-info { color:#1970bb !important; } .common-fontcolor-danger { color:#cc3300 !important; } .common-fontcolor-egen { color:#007e8d !important; } .common-fontcolor-nemc { color:#1970bb !important; } .common-fontcolor-edu { color:#0f823f !important; } /* bg color */ .common-bgcolor-egen { background-color:#007e8d; } .common-bgcolor-nemc { background-color:#1970bb; } .common-bgcolor-edu { background-color:#0f823f; } /* fieldset validation */ .common-field-guide { color:#1970bb; font-size:12px; } .common-field-required { margin-left:4px; } .common-field-required:after { content:'*'; color:#cc3300; } .common-require-guide { margin-bottom:6px; text-align:right; color:#cc3300; } .common-required-error { position:absolute; z-index:1; margin-top:24px; display:inline-block; padding:5px 10px; border:1px solid #eaa49e; box-shadow:1px 1px 1px #ccc; background:#fff; color:#cc3300; font-size:12px; font-weight:700; } .common-required-error em { position:absolute; top:-7px; left:8px; display:block; width:10px; height:7px; background:url('/images/common/icon_required_pointer.png') 0 0 no-repeat; } .service-nemc .common-field-guide { color:#1970bb; } .service-egen .common-field-guide { color:#007b94; } .service-education .common-field-guide { color:#0e823e; } /* string */ .common-text-at { display:inline-block; vertical-align:middle; margin:0 4px; } .common-text-dash { display:inline-block; vertical-align:middle; margin:0 4px; } .common-text-tilde { display:inline-block; vertical-align:middle; margin:0 4px; } .common-text-indent { padding-left:1em; text-indent:-1em; } /* ellipsis */ .common-ellipsis { display:inline-block; vertical-align:middle; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .notice-view .common-ellipsis { max-width:320px; } /* table */ .common-table { clear:both; width:100%; border-top:2px solid #747474; } .common-table.vertical-middle td { vertical-align:middle; } .common-table.text-center td { text-align:center; } .common-table.text-right td { text-align:right; } .common-table tr.tr-splite th, .common-table tr.tr-splite td { border-top-width:2px; } .common-table thead th { padding:12px 4px; background:#f5f5f5; border:1px solid #dfdfdf; border-bottom:1px solid #b2b2b2; font-size:13px; font-weight:700; text-align:center; line-height:1.25em; } .common-table thead th:first-child { border-left:none; } .common-table thead th:last-child { border-right:none; } .common-table thead th.right-line { border-right:1px solid #dfdfdf; } .common-table tbody th { padding:12px 4px 12px 16px; border:1px solid #dfdfdf; border-left:none; background:#fafafa; font-size:13px; font-weight:normal; text-align:left; vertical-align:top; line-height:1.25em; } .common-table tbody td { padding:12px 10px; border:1px solid #dfdfdf; vertical-align:top; line-height:1.25em; } .common-table td:first-child { border-left:none; } .common-table td:last-child { border-right:none; } .common-table tfoot th { padding:12px 4px 12px 16px; border:1px solid #dfdfdf; border-left:none; border-top-width:2px; background:#fafafa; font-size:13px; font-weight:700; text-align:left; } .common-table tfoot td { padding:12px 10px; border:1px solid #dfdfdf; border-right:none; border-top-width:2px; font-weight:700; } .common-table td.text-left { text-align:left; } .common-table td.text-center { text-align:center; } .tox-analysis-searching .waiting{ display:block; width:80px; height:80px; margin:0 10px 0 10px; background:url('/images/toxinfo/icon_progress_state.png') 0 0 no-repeat; background-size:320px 160px; float:left;} .tox-analysis-searching .waiting1{ display:block; width:80px; height:80px; margin:0 10px 0 10px; background:url('/images/toxinfo/icon_progress_state.png') 0 -80px no-repeat; background-size:320px 160px; float:left;} .tox-analysis-searching .delivery{ display:block; width:80px; height:80px; margin:0 10px 0 10px; background:url('/images/toxinfo/icon_progress_state.png') -84px 0 no-repeat; background-size:320px 160px; float:left;} .tox-analysis-searching .delivery1{ display:block; width:80px; height:80px; margin:0 10px 0 10px; background:url('/images/toxinfo/icon_progress_state.png') -84px -80px no-repeat; background-size:320px 160px; float:left;} .tox-analysis-searching .analysis{ display:block; width:77px; height:80px; margin:0 10px 0 10px; background:url('/images/toxinfo/icon_progress_state.png') -164px 0 no-repeat; background-size:320px 160px; float:left;} .tox-analysis-searching .analysis1{ display:block; width:77px; height:80px; margin:0 10px 0 10px; background:url('/images/toxinfo/icon_progress_state.png') -164px -80px no-repeat; background-size:320px 160px; float:left;} .tox-analysis-searching .complete{ display:block; width:80px; height:80px; margin:0 10px 0 10px; background:url('/images/toxinfo/icon_progress_state.png') -240px 0 no-repeat; background-size:320px 160px; float:left;} .tox-analysis-searching .complete1{ display:block; width:80px; height:80px; margin:0 10px 0 10px; background:url('/images/toxinfo/icon_progress_state.png') -240px -80px no-repeat; background-size:320px 160px; float:left;} .tox-analysis-searching .arrow{ display:block; width:50px; height:50px; margin:15px 10px 0 10px; background:url('/images/toxinfo/toxinfo_arrow.png') 0 0 no-repeat; background-size:50px 50px; float:left;} .tox-analysis-searching .lnb-icon { display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:6px; background:url('/images/common/header_mobile/icon_lnb.png') 0 0 no-repeat; background-size:120px 80px; } .tox-analysis-searching .lnb-icon.1st { background-position:0 -60px; } .tox-analysis-searching .lnb-icon.2nd { background-position:-20px -60px; } /* table : transparent */ .common-transparent { clear:both; width:100%; } .common-transparent.text-center td { text-align:center; } .common-transparent thead th { padding:5px 0; background:#f5f5f5; border:none; font-size:13px; font-weight:700; text-align:center; } .common-transparent tbody th { padding:5px 0; border:none; font-size:13px; font-weight:700; text-align:left; } .common-transparent tbody td { padding:5px 0; border:none; } .common-transparent td.text-left { text-align:left; } .common-transparent td.text-center { text-align:center; } /* table : form */ .common-form { clear:both; width:100%; border-top:2px solid #747474; } .common-form thead th { padding:12px 4px; background:#f5f5f5; border:1px solid #dfdfdf; border-bottom:1px solid #b2b2b2; font-size:13px; font-weight:700; text-align:center; } .common-form tbody th { padding:12px 4px 8px 16px; background:#fafafa; border:1px solid #dfdfdf; border-left:none; font-size:13px; font-weight:700; text-align:left; } .common-form tbody td { height:25px; padding:8px 10px; border:1px solid #dfdfdf; } .common-form td:last-child { border-right:none; } .common-form td.text-center { text-align:center; } .common-form-header { margin-bottom:8px; } .common-form-footer { margin-top:8px; } /* table : board */ .common-board { clear:both; width:100%; } .common-board.text-center td { text-align:center; } .common-board thead th { padding:12px 4px; background:#f5f5f5; border-bottom:1px solid #b2b2b2; font-size:13px; font-weight:700; text-align:center; line-height:1.4em; } .common-board tbody tr:first-child { width:100%; border-top:2px solid #747474; } *+html body .common-board { border-top:2px solid #747474; } /* IE7 Hack */ .common-board tbody th { padding:12px 4px 10px 16px; background:#f5f5f5; border-bottom:1px solid #dfdfdf; font-size:13px; font-weight:700; text-align:left; line-height:1.4em; } .common-board tbody td { padding:12px 10px; border-bottom:1px solid #dfdfdf; text-align:left; line-height:1.4em; word-break:break-word; } .common-board tbody td.text-center { text-align:center; } .common-board tbody td .common-btn { margin-top:-6px; margin-bottom:-6px; } .common-board tbody td .common-label { min-width:38px; margin-top:-6px; margin-bottom:-6px; } .common-board a { color:#3886c7; } .common-board-detail { min-height:100px; padding:4px 10px; line-height:1.8em; } /* tab */ .common-tabgroup { clear:both; display:table; width:100%; table-layout:fixed; border-spacing:4px; margin:0 0 10px; overflow:hidden; } .common-tabgroup.mg_b20 { margin:0 0 20px; } .common-tabgroup:first-child { margin-bottom:20px; margin-top:0; } .common-tabgroup span { display:table-cell; #display:inline-block; #width:134px; #padding:0 12px; #letter-spacing:-1px; vertical-align:middle; border:1px solid #d7d7d7; background:#f5f5f5; } .common-tabgroup span a { display:block; padding:12px 0; text-align:center; color:#555; font-size:15px; font-weight:700; line-height:1em; text-decoration:none; } .common-tabgroup span a sub { display:inline-block; vertical-align:middle; margin-top:-6px; font-size:13px; } .common-tabgroup span.on { border:1px solid #1970bb; background:#1970bb; } .common-tabgroup span.on a { color:#fff; } .common-tabgroup span.on sub { color:#fff; } .common-tabgroup-wrap { margin-bottom:36px; } .common-tabgroup-wrap .common-tabgroup { table-layout:fixed; margin-bottom:-4px; } .common-tabgroup-wrap .common-tabgroup span { } .common-tabgroup .lecture-icon { display:block; width:50px; height:40px; margin:0 auto 10px; background:url('/images/common/icon_lecture.png') 0 center no-repeat; } .common-tabgroup .lecture-icon.icon-type1 { background-position:0 0; } .common-tabgroup .lecture-icon.icon-type2 { background-position:-50px 0; } .common-tabgroup .lecture-icon.icon-type3 { background-position:-100px 0; } .common-tabgroup .lecture-icon.icon-type4 { background-position:-150px 0; } .common-tabgroup .lecture-icon.icon-type5 { background-position:-200px 0; } .common-tabgroup .lecture-icon.icon-type6 { background-position:-250px 0; } .common-tabgroup .lecture-icon.icon-type7 { background-position:-300px 0; } .common-tabgroup .on .lecture-icon.icon-type1 { background-position:0 -50px; } .common-tabgroup .on .lecture-icon.icon-type2 { background-position:-50px -50px; } .common-tabgroup .on .lecture-icon.icon-type3 { background-position:-100px -50px; } .common-tabgroup .on .lecture-icon.icon-type4 { background-position:-150px -50px; } .common-tabgroup .on .lecture-icon.icon-type5 { background-position:-200px -50px; } .common-tabgroup .on .lecture-icon.icon-type6 { background-position:-250px -50px; } .common-tabgroup .on .lecture-icon.icon-type7 { background-position:-300px -50px; } .common-tabgroup1 { clear:both; display:table; width:100%; table-layout:fixed; border-spacing:4px; margin:0 0 20px; overflow:hidden; } .common-tabgroup1:first-child { margin-bottom:36px; margin-top:0; } .common-tabgroup1 span { display:table-cell; #display:inline-block; #width:134px; #padding:0 12px; #letter-spacing:-1px; vertical-align:middle; border:1px solid #d7d7d7; background:#f5f5f5; } .common-tabgroup1 span a { display:block; padding:12px 0; text-align:center; color:#555; font-size:15px; font-weight:700; line-height:1em; text-decoration:none; } .common-tabgroup1 span a sub { display:inline-block; vertical-align:middle; margin-top:-6px; font-size:13px; } .common-tabgroup1 span.on { border:1px solid #ff9804; background:#ff9804; } .common-tabgroup1 span.on a { color:#fff; } .common-tabgroup1 span.on sub { color:#fff; } .service-nemc .common-tabgroup span.on { border:1px solid #1970bb; background:#1970bb; } .service-egen .common-tabgroup span.on { border:1px solid #007b94; background:#007b94; } .service-education .common-tabgroup span.on { border:1px solid #0e823e; background:#0e823e; } /* pagination */ .common-pagination { clear:both; margin:20px 0; text-align:center; } .common-pagination .page-no { display:inline-block; vertical-align:middle; min-width:20px; margin:0 2px; padding:8px 5px 7px; text-align:center; color:#555; text-decoration:none; line-height:1em; } .common-pagination .page-no:hover, .common-pagination .page-no:focus, .common-pagination .page-no:active { background:#f1f1f1;} .common-pagination .page-no.on, .common-pagination .page-no.on:hover, .common-pagination .page-no.on:focus, .common-pagination .page-no.on:active { background:#67727d; color:#fff; text-decoration: underline; } .common-pagination .page-btn-page { display:inline-block; vertical-align:middle; width:30px; height:28px; background:url('/images/common/pagination.png') 0 0 no-repeat; text-align:left; text-indent:-1000em; } .common-pagination .page-btn-page.page-type-first { background-position:0 0; } .common-pagination .page-btn-page.page-type-first:hover { background-position:0 -30px; } .common-pagination .page-btn-page.page-type-first-disabled { background-position:0 -60px; } .common-pagination .page-btn-page.page-type-prev { background-position:-30px 0; } .common-pagination .page-btn-page.page-type-prev:hover { background-position:-30px -30px; } .common-pagination .page-btn-page.page-type-prev-disabled { background-position:-30px -60px; } .common-pagination .page-btn-page.page-type-next { background-position:-60px 0; } .common-pagination .page-btn-page.page-type-next:hover { background-position:-60px -30px; } .common-pagination .page-btn-page.page-type-next-disabled { background-position:-60px -60px; } .common-pagination .page-btn-page.page-type-last { background-position:-90px 0; } .common-pagination .page-btn-page.page-type-last:hover { background-position:-90px -30px; } .common-pagination .page-btn-page.page-type-last-disabled { background-position:-90px -60px; } /* 공통 화면 버튼 */ .common-command { clear:both; margin-top:40px; text-align:center; overflow:hidden; } .common-command .common-btn.btn-size-l { min-width:100px; } .common-command.align-left { text-align:left; } .common-command.align-right { text-align:right; } /* 공통 섹션 버튼 */ .section-command { clear:both; margin-top:20px; text-align:left; overflow:hidden; } .section-command.align-center { text-align:center; } .section-command.align-right { text-align:right; } /* 상자 */ .spacer { margin-top:5px; } .common-scroll { clear:both; overflow:auto; } .common-box-scroll { clear:both; border:1px solid #d4d4d4; padding:20px; line-height:1.5em; overflow:auto; } .common-box { clear:both; position:relative; border:1px solid #dfdfdf; background:#ffffff; padding:30px; } /* 흰배경&회색보더 */ .common-box2 { clear:both; position:relative; border:1px solid #dfdfdf; background:#fafafa; padding:30px; #overflow:hidden; } /* 회색배경&회색보더 */ .common-box3 { clear:both; position:relative; border:1px solid #dfdfdf; padding:12px 20px; #overflow:hidden; } /* 회색보더 */ .common-box-image { clear:both; position:relative; border:1px solid #dfdfdf; text-align:center; } /* 회색보더 &중앙정렬 */ .common-box-image a { display:block; text-align:center; } .common-box-image img { max-width:480px; margin:0 auto; } .common-box-image.large img { max-width:980px; margin:0 auto; } .common-box-image.no-border { border:none; } .common-box-nemc { clear:both; position:relative; border:1px solid #afcce2; background:#deecf3; padding:8px 10px; text-align:center; } .common-box-education { clear:both; position:relative; border:1px solid #a7d4cb; background:#d9f2ea; padding:8px 10px; text-align:center; } .common-box-contents { clear:both; position:relative; border:1px solid #dfdfdf; border-top:none; padding:12px 20px; } .common-message { clear:both; position:relative; padding:24px 0; border-top:2px solid #747474; border-bottom:1px solid #dfdfdf; text-align:center; font-size:15px; font-weight:700; } .common-caution { clear:both; position:relative; margin-top:20px; padding:12px 30px; border:1px solid #eadfdb; background:#fcf5f2; color:#cc3300; line-height:1.6em; #overflow:hidden; } .common-caution h5 { padding-left:30px; background:url('/images/common/icon_caution.png') 0 center no-repeat; margin:0 0 8px; color:#cc3300; } .common-caution p { margin:0; } .common-info { clear:both; position:relative; margin-top:20px; padding:12px 30px; border:1px solid #dbe4ec; background:#f5f9fc; line-height:1.6em; #overflow:hidden; } .common-info .copyright { float:left; display:inline-block; width:20px; margin-top:2px; background:url('/images/common/icon_copyright.png') no-repeat center left; text-indent:-9999px; } .common-info p { margin:0; text-indent:10px; } .common-info .message-box { margin-left:20px; } /* 박스형 순서도 */ .common-box-flow { padding:20px; } .common-box-flow h5 { border-radius:5px; background:#757575; padding:10px 0; font-size:14px; font-weight:700; text-align:center; color:#fff; } .common-box-flow ul li { position:relative; padding:16px 0 4px 0; min-height:24px; } .common-box-flow ul li em { float:left; margin-top:-4px; width:24px; height:24px; margin-right:4px; line-height:24px; border-radius:100px; background:#519bd8; font-size:14px; font-weight:700; text-align:center; color:#fff; } .common-box-flow ul li em:after { content:'▼'; position:absolute; top:-8px; left:50%; margin-left:-7px; color:#aaaaaa;} .common-box-flow ul li:first-child em:after { content:''; } .common-box-flow ul li span { overflow:hidden; } /* rows & columns */ .common-row { clear:both; margin-top:0; } .common-row:after { clear:both; display:block; content:''; } .common-row + .common-row { margin-top:15px; } .common-column { float:left; margin-left:16px; } .common-column:first-child { margin-left:0; } .common-column.column-size1 { width:67px; } .common-column.column-size2 { width:150px; } .common-column.column-size2-5 { width:180px; } .common-column.column-size3 { width:233px; } .common-column.column-size4 { width:316px; } .common-column.column-size5 { width:399px; } .common-column.column-size6 { width:482px; } .common-column.column-size7 { width:565px; } .common-column.column-size8 { width:648px; } .common-column.column-size9 { width:731px; } .common-column.column-size10 { width:814px; } .common-column.column-size11 { width:897px; } .common-column.column-size12 { width:980px; } .common-fixed-column6 { width:482px; margin:0 auto; } /* fieldset layout */ .common-fieldset { clear:both; } .common-fieldset:after { content: " "; display: table; clear: both; } .common-fieldset .field-row { clear:both; margin-top:10px; } .common-fieldset .field-row:first-child { margin-top:0; } .common-fieldset .field-row .field-label { float:left; min-height:12px; padding-top:8px; font-weight:700; } .common-fieldset .field-row .field-detail { min-height:28px; } .common-fieldset .field-row .field-detail .field-p-static { padding-top:6px; } /* fieldset layout : board type */ .common-fieldset-board { clear:both; border-top:2px solid #747474; } .common-fieldset-board:after { content: " "; display: table; clear: both; } .common-fieldset-board .field-row { clear:both; padding:12px 0; border-bottom:1px solid #dfdfdf; } .common-fieldset-board .field-row:first-child { margin-top:0; } .common-fieldset-board .field-row .field-label { float:left; min-height:12px; padding-top:8px; padding-left:16px; font-weight:700; } .common-fieldset-board .field-row .field-detail { min-height:28px; } .common-fieldset-board .field-row .field-detail .field-p-static { padding-top:6px; } /* p:bullet */ .common-p-bullet { position:relative; padding:4px 0 4px 12px; margin-right:-12px; line-height:1.4em; text-indent:-12px; } .common-p-bullet > span:before { content:'ㆍ'; color:inherit; font-weight:700; } /* list */ .common-list-default { overflow:hidden; } .common-list-default > li { position:relative; padding:4px 0; line-height:1.4em; } .common-list-number { overflow:hidden; } .common-list-number > li { position:relative; padding:4px 0 4px 1em; line-height:1.4em; text-indent:-1em; } .common-list-bullet { overflow:hidden; } .common-list-bullet dt { clear:both; float:left; padding:4px 0 4px 0; margin-right:4px; font-weight:700; line-height:1.4em; } .common-list-bullet dt > span:first-child:before { content:'ㆍ'; color:inherit; font-weight:700; } .common-list-bullet dd { position:relative; overflow:hidden; padding:4px 0; line-height:1.4em; } .common-list-bullet > li { position:relative; padding:4px 0 4px 1em; line-height:1.4em; text-indent:-1em; } .common-list-bullet > li > span:first-child:before { content:'ㆍ'; color:inherit; font-weight:700; } .common-list-bullet > li > span > a { color:#555; } .common-list-sub > li { position:relative; padding:4px 0 4px 1em; line-height:1.4em; text-indent:-1em; font-size:12px; } .common-list-sub > li > span:first-child:before { content:'－'; color:inherit; font-weight:700; } .common-list-sub > li > span > a { color:#555; } ul.list-column2 { overflow:hidden; } ul.list-column2 > li { float:left; width:45%; } ul.list-column4 { overflow:hidden; } ul.list-column4 > li { float:left; width:23%; } .common-list-bullet .highlight { color:red; } .common-list-bullet .highlight u strong { color:red; } /* list:line */ .common-list-line { overflow:hidden; } .common-list-line li { position:relative; padding:0 0 12px 1em; margin-top:12px; border-bottom:1px solid #dfdfdf; line-height:1.4em; text-indent:-1em; } .common-list-line li:first-child { margin-top:0; } .common-list-line li span:before { content:'ㆍ'; color:#666; font-weight:700; } /* icons : 화살 */ .common-icon-arrow { display:inline-block; vertical-align:middle; background:url('/images/common/icon_arrow.png') 0 0 no-repeat; margin-top:-0.15em; } .common-icon-arrow.type-up { width:10px; height:10px; background-position:0 0; } .common-icon-arrow.type-right { width:10px; height:10px; background-position:-10px 0; } .common-icon-arrow.type-down { width:10px; height:10px; background-position:-20px 0; } .common-icon-arrow.type-left { width:10px; height:10px; background-position:-30px 0; } .common-icon-arrow.type-up2 { width:20px; height:20px; background-position:0 -10px; } .common-icon-arrow.type-right2 { width:20px; height:20px; background-position:-20px -10px; } .common-icon-arrow.type-down2 { width:20px; height:20px; background-position:-40px -10px; } .common-icon-arrow.type-left2 { width:20px; height:20px; background-position:-60px -10px; } .common-icon-arrow.type-up3 { width:20px; height:20px; background-position:0 -30px; } .common-icon-arrow.type-right3 { width:20px; height:20px; background-position:-20px -30px; } .common-icon-arrow.type-down3 { width:20px; height:20px; background-position:-40px -30px; } .common-icon-arrow.type-left3 { width:20px; height:20px; background-position:-60px -30px; } /* icons : 파일포맷 */ .common-icon-file { display:inline-block; vertical-align:middle; width:22px; height:22px; background:url('/images/common/icon_file.png') 0 0 no-repeat; } .common-icon-file.type-mp3 { background-position:0 0; } .common-icon-file.type-mp4 { background-position:-30px 0; } .common-icon-file.type-avi { background-position:-60px 0; } .common-icon-file.type-wav { background-position:-90px 0; } .common-icon-file.type-png { background-position:-120px 0; } .common-icon-file.type-jpg { background-position:-150px 0; } .common-icon-file.type-psd { background-position:-180px 0; } .common-icon-file.type-gif { background-position:-210px 0; } .common-icon-file.type-eps { background-position:-240px 0; } .common-icon-file.type-ai { background-position:-270px 0; } .common-icon-file.type-doc { background-position:-300px 0; } .common-icon-file.type-ppt { background-position:-330px 0; } .common-icon-file.type-xlsx { background-position:-360px 0; } .common-icon-file.type-hwp { background-position:-390px 0; } .common-icon-file.type-pdf { background-position:-420px 0; } .common-icon-file.type-zip { background-position:-450px 0; } .common-icon-file.type-txt { background-position:-480px 0; } .common-icon-file.type-xml { background-position:-510px 0; } .common-icon-file.type-html { background-position:-540px 0; } .common-icon-file span { display:block; text-indent:-10000em; } /* 위치 */ .common-icon-gps { display:inline-block; vertical-align:middle; width:9px; height:12px; margin-top:-1px; background:url('/images/common/icon_gps.png') 0 0 no-repeat; } /* 다운로드 */ .common-icon-download { display:inline-block; vertical-align:middle; width:14px; height:14px; margin-top:-1px; background:url('/images/common/icon_download.png') 0 0 no-repeat; background-size:28px 14px; } .common-icon-download.type-inverse { background-position:-14px 0; } /* 리스트 헤더 검색 */ .common-list-header { margin-bottom:10px; } .common-list-header:after { content: " "; display: table; clear: both; } .common-list-header .list-header-summary { float:left; } .common-list-header .list-header-summary p { margin:0; padding-top:8px; } .common-list-header .list-header-summary span { display:inline-block; vertical-align:middle; margin-right:6px; } .common-list-header .list-header-detail { float:right; } .common-list-header .list-header-detail span { display:inline-block; vertical-align:middle; margin-right:6px; } .common-list-header .list-header-detail .list-search-category { width:80px; } .common-list-header .list-header-detail .list-search-key { width:140px; padding-top:7px; padding-bottom:7px; } .common-list-header .list-header-detail .list-search-btn { } .common-list-header .list-header-detail select {border: 1px solid #d4d4d4; vertical-align: middle; padding: 5px 0 5px;} /* 첨부파일 다운로드 링크 */ .common-link-download { display:inline-block; vertical-align:middle; padding-left:20px; background:url('/images/common/icon_download.png') 0 0 no-repeat; } /* 첨부파일 리스트 */ .common-list-file { width:280px; } .common-list-file p { margin:6px 0 0; text-indent:-26px; padding-left:26px; } .common-list-file p:first-child { margin-top:0; } .common-list-file p a { color:#555; } /* 리스트 없음 */ .common-list-none { position:relative; padding:80px 10px; border-bottom: 1px solid #dfdfdf; text-align:center; } .view-list-none { position:relative; padding:10px 10px; text-align:center; } .common-list-none.no-line { border:none; } .common-list-none p { font-size:16px; color:#757575; font-weight:700; } /* 툴팁 */ .common-tooltip-opener {} .common-tooltip-dropdown { position:absolute; z-index:1; min-width:60px; max-width:280px; margin-top:4px; padding:15px 35px 15px 15px; border:1px solid #d5d5d5; background:#fff; } .common-tooltip-dropdown .tooltip-close { position:absolute; right:10px; top:10px; } .common-tooltip-dropdown .tooltip-close a { display:block; width:20px; height:20px; background:url('/images/common/icon_close_tooltip.png') 0 0 no-repeat; text-indent:-10000em; } .common-tooltip-dropdown.tooptip-file { right:0; #bottom:22px; } /* 모달 */ .common-modal { position:fixed; left:0; top:0; z-index:50; width:100%; height:100%; background:#000; opacity:0.5; filter: alpha(opacity=0); } /* 팝업 */ .common-popup { position:fixed; left:50%; top:50%; z-index:100; background:#fff; border:1px solid #7f7f7f; } .common-popup .popup-header { position:relative; padding:20px; background:#333333; } .common-popup .popup-header h4 { color:#fff; } .common-popup .popup-body { padding:25px; } .common-popup .popup-footer { padding:15px 30px; text-align:right; } .common-popup .common-command { margin-top:30px; } .common-popup .popup-close { position:absolute; right:20px; top:20px; } .common-popup .popup-close a { display:block; width:20px; height:20px; background:url('/images/common/icon_close.png') 0 0 no-repeat; color:#fff; text-indent:-10000em; } .common-popup .popup-close a:hover, .common-popup .popup-close a:focus, .common-popup .popup-close a:active { background-position:-20px 0; } /* 직장주소 검색 팝업(레이어) */ #findOfficeLayer { width:720px; background-color:#fff; } #findOfficeLayer .list-header-detail { float:left; } #findOfficeLayer .list-header-detail { float:left; } #findOfficeLayer .job-list-area { clear:both; z-index:100; } #findOfficeLayer .popup-body { background-color:#fff; } /* 본인확인 레이어 */ #findPasswordLayer { width:493px; } /* 게시판 상세 */ .common-board-view { clear:both; border-top:2px solid #747474; border-bottom:1px solid #dfdfdf; margin-bottom:20px; } .common-board-view h5 { padding:18px 12px; margin:0; background:none; font-size:16px; } .common-board-view .board-view-header { border-bottom:1px solid #dfdfdf; } .common-board-view .board-view-header h5 { background:#fafafa; } .common-board-view .board-view-header .header-info { padding:12px 12px; border-top:1px solid #dfdfdf; overflow:hidden; } .common-board-view .board-view-header .header-info span { border-left:1px solid #dbdbdb; margin-left:6px; padding-left:10px; } .common-board-view .board-view-header .header-info span:first-child { border:none; margin-left:0; padding-left:0; } .common-board-view .board-view-detail { padding:18px 12px; line-height:1.8em; } .common-board-view .board-view-detail a { color:#1970bb; text-decoration:underline; } .common-board-view .board-view-footer { padding:12px 12px; border-top:1px solid #dfdfdf; } .common-board-view .board-view-footer .link-file { display:inline-block; min-height:18px; line-height:18px; color:#555; } .common-board-view .board-view-footer dl {} .common-board-view .board-view-footer dt { clear:both; float:left; margin-right:6px; } .common-board-view .board-view-footer dd { overflow:hidden; } .common-board-view .board-view-footer dd p { margin-top:6px; } .common-board-view .board-view-footer dd p:first-child { margin-top:0; } /* 농약 상세 */ .common-detail-view { clear:both; border-top:2px solid #747474; border-bottom:1px solid #dfdfdf; margin-bottom:20px; } .common-detail-view h5 { padding:18px 12px; margin:0; background:none; font-size:16px; } .common-detail-view .detail-view-header { border-bottom:1px solid #dfdfdf; } .common-detail-view .detail-view-header h5 { background:#fafafa; } .common-detail-view .detail-view-header .header-info { padding:12px 12px; border-top:1px solid #dfdfdf; overflow:hidden; } .common-detail-view .detail-view-header .header-info span { border-left:1px solid #dbdbdb; margin-left:6px; padding-left:10px; } .common-detail-view .detail-view-header .header-info span:first-child { border:none; margin-left:0; padding-left:0; } .common-detail-view .detail-view-detail { padding:18px 12px; line-height:1.8em; } .common-detail-view .detail-view-detail a { color:#1970bb; text-decoration:underline; } .common-detail-view .detail-view-footer { padding:12px 12px; border-top:1px solid #dfdfdf; } .common-detail-view .detail-view-footer .link-file { display:inline-block; min-height:18px; line-height:18px; color:#555; } .common-detail-view .detail-view-footer dl {} .common-detail-view .detail-view-footer dt { clear:both; float:left; margin-right:6px; } .common-detail-view .detail-view-footer dd { overflow:hidden; } .common-detail-view .detail-view-footer dd p { margin-top:6px; } .common-detail-view .detail-view-footer dd p:first-child { margin-top:0; } .common-detail-view .detail-info-summary { border-top:2px solid #747474; border-bottom:1px solid #cccccc; } /* 게시판 상세 세부 동영상 */ .common-board-view .board-view-detail .dis_none { display: none; } .common-board-view .board-view-detail .board-view-detail-contents { height:400px; } .common-board-view .board-view-detail .board-view-detail-contents-play { float: left; } .common-board-view .board-view-detail .board-view-detail-contents-play-none { float: left; width:100%; height:400px; border:1px solid #dfdfdf; } .common-board-view .board-view-detail .board-view-detail-contents-play-none h6 { text-align: center; margin-top: 50px; font-size: 25px; margin-bottom: 50px;} .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-video-play-none-explanation { margin-left: 200px; font-size: 15px; } .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-video-play-none-explanation p { margin-bottom: 20px; font-weight: bold; } .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-video-play-none-explanation dl {} .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-video-play-none-explanation dt { font-weight: bold; margin-bottom: 10px; } .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-video-play-none-explanation dd { margin-left: 20px; margin-bottom: 10px;} .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-video-play-none-explanation a { margin-top: 50px;} /* 게시판 상세 세부 음성 */ .common-board-view .board-view-detail .board-view-detail-contents-play.voice { width: 580px; text-align: center; margin: 30px auto; float: none; } .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-voice-play-none-explanation { margin-left: 200px; font-size: 15px; } .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-voice-play-none-explanation p { margin-bottom: 20px; font-weight: bold; } .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-voice-play-none-explanation dl {} .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-voice-play-none-explanation dt { font-weight: bold; margin-bottom: 10px; } .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-voice-play-none-explanation dd { margin-left: 20px; margin-bottom: 10px;} .common-board-view .board-view-detail .board-view-detail-contents-play-none .board-view-detail-voice-play-none-explanation a { margin-top: 50px;} .common-board-view .board-view-detail .board-view-detail-contents-subtitle.voice .common-box-scroll { height: 200px; } .common-board-view .board-view-detail .board-view-detail-contents-subtitle-from { text-align: center; } .common-board-view .board-view-detail .board-view-detail-contents-subtitle.voice { float:none; width: 530px; margin: 10px auto; } .common-board-view .board-view-detail .board-view-detail-contents-subtitle.voice .common-box-scroll { height: 100px; } /* 이미지 */ .common-board-view .board-view-detail .board-view-detail-contents-image { text-align: center; } .common-board-view .board-view-detail .board-view-detail-contents-subtitle-from { text-align: center; } .common-board-view .board-view-detail .board-view-detail-contents-subtitle.image { float:none; width: 700px; margin: 10px auto; } .common-board-view .board-view-detail .board-view-detail-contents-subtitle.image .common-box-scroll { height: 220px; } /* 홍보게시판 자막영역 */ .common-board-view .board-view-detail .board-view-detail-contents-subtitle { float: left; width: 305px; margin: 0px 0px 0px 10px; } .common-board-view .board-view-detail .board-view-detail-contents-subtitle .common-box-scroll { height: 320px; } /* 게시판 버튼 */ .common-board-command { clear:both; margin-top:20px; text-align:right; overflow:hidden; padding:3px;} .common-board-command .common-btn + .common-btn { margin-left:4px; } /* 게시판 네비게이션 */ .common-board-navi { clear:both; margin-top:50px; border-top:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9; } .common-board-navi .board-navi-next { position:relative; padding:10px 18px; } .common-board-navi .board-navi-next p { margin:0; } .common-board-navi .board-navi-prev { position:relative; padding:10px 18px; border-top:1px solid #dfdfdf; } .common-board-navi .board-navi-prev p { margin:0; } .common-board-navi .board-navi-label { float:left; width:80px; margin-right:22px; border-right:1px solid #dbdbdb; font-weight:700; } .common-board-navi .board-navi-label .common-icon-arrow { margin-right:4px; } .common-board-navi .board-navi-date { position:absolute; right:10px; top:11px; } .common-board-navi a { color:#555; } /* 게시판 리스트 */ .common-board-list { clear:both; border-top:2px solid #747474; } .common-board-list .list-item { position:relative; padding:16px 10px; border-bottom:1px solid #dfdfdf; } .common-board-list .list-item h5 a { color:#555; } .common-board-list .list-item .link-more { font-weight:700; color:#555; } .common-board-list .list-item .list-item-thumbnail { float:left; margin-right:20px; } .common-board-list .list-item .list-item-detail { overflow:hidden; } .common-board-list .list-item .list-item-summary span { display:block; margin-bottom:6px; } .common-board-list .list-item .list-item-summary span:before { content:'['; } .common-board-list .list-item .list-item-summary span:after { content:']'; } .common-board-list .list-item .list-item-aside { position:absolute; right:10px; bottom:20px; } .common-board-list .list-item .list-item-info { margin-top:5px; line-height:1.4em; } .common-board-list .list-item .list-item-info span { border-left:1px solid #dbdbdb; margin-left:6px; padding-left:10px; text-overflow:ellipsis; display:inline-block; } .common-board-list .list-item .list-item-info span:first-child { border:none; margin-left:0; padding-left:0; } .common-board-list .list-item.type-important { background:#f5fbff; } /* 웹접근성 관련 img alt속성 추가를 위해 주석처리 */ /* .common-board-list .list-item.type-important h5 { min-height:20px; padding-left:30px; background:url('/images/common/icon_important.png') 0 0 no-repeat; } */ /* 볼륨 */ .common-volume { width:100px; height:100px; background:url('/images/egen/volume_bg.png') 0 0 no-repeat; } .common-volume span { display:block; text-align:center; padding-top:70px; font-size:17px; font-weight:bold; } /* 경고 */ .common-alert { clear:both; padding:60px 0; border:1px solid #dfdfdf; text-align:center; } .common-alert h5 { margin:30px 0 10px; font-size:22px; } .common-alert .alert-img { width:80px; height:80px; } /* 연혁 */ .common-history .history-year-init { height:25px; background:url('/images/nemc/emergency_system_line.png') 0 0 no-repeat; } .common-history .history-year { padding-left:30px; padding-bottom:20px; background:url('/images/nemc/emergency_system_line2.png') 0 center repeat-y; } .common-history .history-year h5 { margin-left:-36px; padding-left:34px; background:url('/images/nemc/emergency_system_h.png') 0 center no-repeat; font-size:22px; color:#3886c7; } .common-history .history-year p { margin:0; } .common-history .history-year dt { float:left; padding:2px 0; margin-right:6px; color:#3886c7; line-height:1.6em; } .common-history .history-year dd { padding:2px 0; color:#757575; overflow:hidden; line-height:1.6em; } /* visual */ .common-article-visual { position:absolute; right:0; bottom:0; } /* ========================================================================== header : PC ========================================================================== */ .header { position:relative; z-index:10; min-width:980px; } /* .header .gnb-wrap { background:#757575; color:#fff; } */ .header .gnb-wrap { background-color: #fff; border-bottom: 1px solid #e6e6e6; min-width: 1040px;} /* .header .gnb-wrap .header-row { position:relative; width:980px; height:40px; margin:0 auto; } */ .header .gnb-wrap .header-row { position:relative; width:940px; height:40px; margin:0 auto; } .header .lnb-wrap { position:relative; #z-index:101; border-bottom:1px solid #cecece; background:#fff; color:#222222; } .header .lnb-wrap .header-row { position:relative; width:980px; height:90px; margin:0 auto; } .header .gnb > ul { overflow:hidden; } .header .gnb > ul > li { float:left; } .header .gnb > ul > li > a { display:block; padding:0 12px; color:#666; font-weight:500; font-size:13px; line-height:40px; text-decoration:none; } .header .gnb > ul > li > a.service {font-size: 13px; color: #666; font-weight: 500; padding: 0 10px; position: relative; font-weight: 500; font-size:12px; line-height:40px; text-align:center;} .header .gnb > ul > li > a.color {background-color:#5c5c5c; color: white; } /* .header .gnb > ul > li > a:not(.on):after {content: attr(title);display: block;font-weight: bold;height: 0px; visibility: hidden;} */ .header .gnb > ul > li > a.on {color:#666; position: relative; font-weight: 500; line-height: 41px; font-weight: 700; background-color: #fff;} .header .gnb > ul > li > a:hover {background-color: unset; font-weight: bold; color: #666; } .header .gnb > ul > li > a:focus-visible {outline: 3px solid grey; outline-offset: -4px;} .header .gnb > ul > li > a.on:hover{background-color:#ffffff} .header .gnb > ul > li > a.on::after {content: ""; display: block; border: #E6E6E6 1px solid;border-radius: 5px; width: 97%; height: 100%; position: absolute; top: 5px; left: 0px;} .header .gnb .gnb-intro-link span { padding-left:16px; background:url('/images/common/header/icon_home.png') 0 -38px no-repeat; background-position: 0 4px;} .header .gnb .gnb-intro-link.on span { background-position:0 4px; } .header .header-service { position:absolute; right:260px; top:0; overflow:hidden; } .header .header-service > ul { float:left; overflow:hidden; } .header .header-service > ul > li { float:left; } .header .header-service > ul > li > a {font-size: 13px; color: #666; font-weight: 500; padding: 0 10px; position: relative; font-weight: 500;} .header .header-service > ul > li > a:focus-visible {outline: 3px solid grey; outline-offset: -4px;} .header .header-service .lang-switch { float:left; padding-top:9px; margin-left:4px; } .header .header-service .lang-switch a { display:inline-block; vertical-align:middle; padding:2px 6px; border:1px solid #495B7B; background:#001233; font-size:12px; color:#fff; } .header .header-service .lang-switch a:hover, .header .header-service .lang-switch a:focus, .header .header-service .lang-switch a:active { text-decoration:none; border:1px solid #a3a3a3; background:#5c5c5c; } .header .header-search {background-color: #F3F0F0; border: none; padding: 0 10px; border-radius: 5px; border-radius: 20px;height: 31px;top: 4px;} .header .header-search select {color: #333; line-height: 31px; padding: 0; padding-right: 13px; background: url('/images/new_nemc/icon_arrow_down_new.png') no-repeat; background-position: right; background-size: 8px 4px;} .header .header-search select:focus-visible {outline: 3px solid grey; outline-offset: -4px;} .header .header-search select::-ms-expand { display: none; } .header .header-search .search-key {background-color: unset; border-left: none; padding: 0; color: #515151; font-size: 13px;font-weight: 500;line-height: 31px;padding-left: 10px;} .header .header-search .search-btn {background-color: unset; padding: 0;width: 31px;height: 31px; background: url('/images/new_nemc/icon_search_new.png') no-repeat; background-size: 15px 15px; background-position: 0px 8px;} .header .header-search .search-btn:hover, .header .header-search .search-btn:focus { background-position:12px -28px; } .header .header-search .search-btn:focus-visible {outline: 3px solid grey; outline-offset: -4px;} .header .header-search .search-btn span { display:block; text-indent:-9999em; } .header .header-logo { position:absolute; left:20px; top:16px; } .header .lnb { position:absolute; right:0; top:25px; padding-right:15px; } .header .lnb > ul { overflow:hidden; } .header .lnb > ul > li { float:left; margin-left:15px; } .header .lnb a.lnb-depth1 { display:block; padding:0 15px; border-radius:5px; color:#222222; font-weight:700; font-size:17px; line-height:40px; text-decoration:none; } .header .lnb a.lnb-depth1:hover, .header .lnb a.lnb-depth1:focus, .header .lnb a.lnb-depth1:active, .header .lnb a.lnb-depth1.on { background:#1970bb; color:#fff; -webkit-transition:background 0.4s; transition:background 0.4s; } /* depth1 컬러 : nemc */ .header .lnb.type-nemc a.lnb-depth1:hover, .header .lnb.type-nemc a.lnb-depth1:focus, .header .lnb.type-nemc a.lnb-depth1:active, .header .lnb.type-nemc a.lnb-depth1.on { background:#1970bb; } .header .lnb.type-nemc > ul > li { margin-left:35px; } /* epth1 컬러 : egen */ .header .lnb.type-egen a.lnb-depth1:hover, .header .lnb.type-egen a.lnb-depth1:focus, .header .lnb.type-egen a.lnb-depth1:active, .header .lnb.type-egen a.lnb-depth1.on { background:#007b94; } /* 확인필요 */ .header .lnb.type-egen > ul > li { margin-left:0px; } /* epth1 컬러 : 교육 */ .header .lnb.type-education a.lnb-depth1:hover, .header .lnb.type-education a.lnb-depth1:focus, .header .lnb.type-education a.lnb-depth1:active, .header .lnb.type-education a.lnb-depth1.on { background:#0e823e; } .header .lnb.type-education > ul > li { margin-left:55px; } /* epth1 컬러 : 독성정보 */ .header .lnb.type-toxinfo a.lnb-depth1:hover, .header .lnb.type-toxinfo a.lnb-depth1:focus, .header .lnb.type-toxinfo a.lnb-depth1:active, .header .lnb.type-toxinfo a.lnb-depth1.on { background:#ff9804; } .header .lnb.type-toxinfo > ul > li { margin-left:15px; } /* depth2 */ .header .lnb-depth2-group { position:absolute; right:0; top:85px; z-index:101; width:980px; height:110px; text-align:center; } .header .lnb-depth2-group ul { display:flex; vertical-align:middle; margin:0 auto; overflow:hidden; flex-wrap: nowrap; justify-content: center;} .header .lnb-depth2-group ul li { float:left; padding:0 10px; text-align:center; } .header .lnb-depth2-group ul li a.lnb-depth2 { text-decoration:none; cursor:pointer; } .header .lnb-depth2-group ul li a.lnb-depth2 span { display:block; margin-top:8px; font-size:14px; font-weight:700; color:#666666; line-height:1.25em; } .header .lnb-depth2-group ul li a.lnb-depth2:hover span { color:#333333; } .header .lnb-depth3-group { position:absolute; right:0; bottom:-48px; z-index:101; width:980px; padding-top:18px; background:url('/images/common/header/lnb_bg_pointer.png') center 0 no-repeat; text-align:center; } .header .lnb-depth3-group a { display:inline-block; margin:0 5px; padding:4px 0; font-size:12px;} .header .lnb-depth3-group a span { color:#757575; } .header .lnb-depth3-group a span:before { content:'ㆍ'; color:#757575; } .header .lnb-depth3-group a:hover { text-decoration:none; } .header .lnb-depth3-group a:hover span { color:#333333; } .header .lnb-depth3-group a:hover span:before { content:'▶'; color:#333333; } .header .lnb-depth2-bg { position:absolute; z-index:100; width:100%; height:190px; background:url('/images/common/header/lnb_bg.png') 0 0 repeat-x; } .header .lnb-depth2-bg .header-row { position:relative; width:980px; height:90px; margin:0 auto; } .header .lnb-depth2-bg .header-close { position:absolute; right:-35px; top:15px; } .header .lnb-depth2-bg .header-close a { display:block; width:20px; height:20px; background:url('/images/common/header/icon_close.png') 0 0 no-repeat; text-indent:-9999em; } .header .lnb-depth2-bg .header-close a:hover, .header .lnb-depth2-bg .header-close a:focus, .header .lnb-depth2-bg .header-close a:active { background-position:0 -40px; } .header .header-close-new { position:absolute; right:-35px; top:15px; } .header .header-close-new a { display:block; width:20px; height:20px; background:url('/images/common/header/icon_close.png') 0 0 no-repeat; text-indent:-9999em; } .header .header-close-new a:hover, .header .header-close-new a:focus, .header .header-close-new a:active { background-position:0 -40px; } /* LNB icon : NEMC */ .header .lnb.type-nemc .lnb-depth2 .lnb-icon { display:inline-block; vertical-align:middle; width:60px; height:60px; border-radius:60px; background:url('/images/common/header/icon_nemc.png') 0 0 no-repeat; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1101010000 { background-position:0 0; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1101020000 { background-position:-60px 0; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1101030000 { background-position:-120px 0; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1101040000 { background-position:-180px 0; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1101050000 { background-position:-240px 0; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1101060000 { background-position:-300px 0; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1101070000 { background-position:-360px 0; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1101080000 { background-position:-420px 0; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1102010000 { background-position:0 -120px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1102020000 { background-position:-60px -120px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1102030000 { background-position:-120px -120px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1103010000 { background-position:0 -240px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1103020000 { background-position:-60px -240px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1103030000 { background-position:-120px -240px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1103040000 { background-position:-180px -240px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1104010000 { background-position:0 -360px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1104020000 { background-position:-60px -360px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1104030000 { background-position:-120px -360px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1104040000 { background-position:-180px -360px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1105010000 { background-position:0 -480px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1105020000 { background-position:-60px -480px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1105030000 { background-position:-120px -480px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1105040000 { background-position:-180px -480px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1105050000 { background-position:-240px -480px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1105060000 { background: url(/images/common/header/icon_nemc_ci.png) 0 0 no-repeat; background-size: contain;} .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1105070000 { background-position:-360px -480px; } .header .lnb.type-nemc .lnb-depth2 .lnb-icon.menucd-1105080000 { background: url(/images/common/header/icon_nemc_character.png) 0 0 no-repeat; background-size: contain;} .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon { background-color:#2983d0; -webkit-transition:background-color 0.3s; transition:background-color 0.3s; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1101010000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1101010000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1101010000 { background-position:0 -60px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1101020000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1101020000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1101020000 { background-position:-60px -60px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1101030000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1101030000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1101030000 { background-position:-120px -60px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1101040000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1101040000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1101040000 { background-position:-180px -60px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1101050000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1101050000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1101050000 { background-position:-240px -60px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1101060000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1101060000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1101060000 { background-position:-300px -60px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1101070000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1101070000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1101070000 { background-position:-360px -60px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1101080000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1101080000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1101080000 { background-position:-420px -60px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1102010000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1102010000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1102010000 { background-position:0 -180px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1102020000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1102020000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1102020000 { background-position:-60px -180px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1102030000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1102030000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1102030000 { background-position:-120px -180px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1103010000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1103010000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1103010000 { background-position:0 -300px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1103020000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1103020000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1103020000 { background-position:-60px -300px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1103030000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1103030000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1103030000 { background-position:-120px -300px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1103040000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1103040000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1103040000 { background-position:-180px -300px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1104010000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1104010000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1104010000 { background-position:0 -420px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1104020000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1104020000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1104020000 { background-position:-60px -420px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1104030000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1104030000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1104030000 { background-position:-120px -420px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1104040000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1104040000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1104040000 { background-position:-180px -420px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1105010000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1105010000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1105010000 { background-position:0 -540px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1105020000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1105020000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1105020000 { background-position:-60px -540px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1105030000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1105030000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1105030000 { background-position:-120px -540px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1105040000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1105040000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1105040000 { background-position:-180px -540px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1105050000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1105050000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1105050000 { background-position:-240px -540px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1105060000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1105060000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1105060000 { background: url(/images/common/header/icon_nemc_ci_hover.png) 0 0 no-repeat; background-size: contain;} .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1105070000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1105070000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1105070000 { background-position:-360px -540px; } .header .lnb.type-nemc .lnb-depth2:hover .lnb-icon.menucd-1105080000, .header .lnb.type-nemc .lnb-depth2:focus .lnb-icon.menucd-1105080000, .header .lnb.type-nemc .lnb-depth2:active .lnb-icon.menucd-1105080000 { background: url(/images/common/header/icon_nemc_character_hover.png) 0 0 no-repeat; background-size: contain;} /* LNB icon : E-Gen */ .header .lnb.type-egen .lnb-depth2 .lnb-icon { display:inline-block; vertical-align:middle; width:60px; height:60px; border-radius:60px; background:url('/images/common/header/icon_egen.png') 0 0 no-repeat; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1207010000 { background:url('/images/common/header/menucd-1207010000.jpg') 0 0 no-repeat; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1207010000:hover { background:url('/images/common/header/menucd-1207010000-over.jpg') 0 0 no-repeat; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1207020000 { background:url('/images/common/header/menucd-1207020000.jpg') 0 0 no-repeat; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1207020000:hover { background:url('/images/common/header/menucd-1207020000-over.jpg') 0 0 no-repeat; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1207030000 { background:url('/images/common/header/menucd-1207030000.jpg') 0 0 no-repeat; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1207030000:hover { background:url('/images/common/header/menucd-1207030000-over.jpg') 0 0 no-repeat; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1204060000 { background:url('/images/common/header/menucd-1204060000.jpg') 0 0 no-repeat; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1204060000:hover { background:url('/images/common/header/menucd-1204060000-over.jpg') 0 0 no-repeat; } lnb-icon .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1201010000 { background-position:0 0; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1201020000 { background-position:-60px 0; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1201030000 { background-position:-120px 0; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1202010000 { background-position:0 -120px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1202020000 { background-position:-60px -120px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1203010000 { background-position:0 -240px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1203020000 { background-position:-60px -240px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1203030000 { background-position:-120px -240px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1204010000 { background-position:0 -360px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1204020000 { background-position:-60px -360px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1204030000 { background-position:-120px -360px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1204040000 { background-position:-180px -360px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1204050000 { background-position:-240px -360px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1204070000 { background-position:-300px -360px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1205010000 { background-position:0 -480px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1206010000 { background-position:0 -600px; } .header .lnb.type-egen .lnb-depth2 .lnb-icon.menucd-1206020000 { background-position:-60px -600px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon { background-color:#0092a8; -webkit-transition:background-color 0.3s; transition:background-color 0.3s; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon, .header .lnb.type-egen .lnb-depth2:active .lnb-icon { background-color:#0092a8; -webkit-transition:background-color 0.3s; transition:background-color 0.3s; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1201010000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1201010000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1201010000 { background-position:0 -60px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1201020000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1201020000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1201020000 { background-position:-60px -60px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1201030000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1201030000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1201030000 { background-position:-120px -60px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1202010000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1202010000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1202010000 { background-position:0 -180px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1202020000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1202020000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1202020000 { background-position:-60px -180px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1203010000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1203010000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1203010000 { background-position:0 -300px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1203020000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1203020000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1203020000 { background-position:-60px -300px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1203030000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1203030000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1203030000 { background-position:-120px -300px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1204010000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1204010000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1204010000 { background-position:0 -420px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1204020000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1204020000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1204020000 { background-position:-60px -420px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1204030000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1204030000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1204030000 { background-position:-120px -420px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1204040000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1204040000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1204040000 { background-position:-180px -420px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1204050000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1204050000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1204050000 { background-position:-240px -420px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1204070000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1204070000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1204070000 { background-position:-300px -420px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1205010000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1205010000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1205010000 { background-position:0 -540px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1206010000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1206010000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1206010000 { background-position:0 -660px; } .header .lnb.type-egen .lnb-depth2:hover .lnb-icon.menucd-1206020000, .header .lnb.type-egen .lnb-depth2:focus .lnb-icon.menucd-1206020000, .header .lnb.type-egen .lnb-depth2:active .lnb-icon.menucd-1206020000 { background-position:-60px -660px; } /* LNB icon : 교육 */ .header .lnb.type-education .lnb-depth2 .lnb-icon { display:inline-block; vertical-align:middle; width:60px; height:60px; border-radius:60px; background:url('/images/common/header/icon_education.png') 0 0 no-repeat; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1401010000 { background-position:0 0; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1401020000 { background-position:-60px 0; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1401030000 { background-position:-120px 0; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1402010000 { background-position:0 -120px; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1402020000 { background-position:-60px -120px; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1402030000 { background-position:-120px -120px; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1402040000 { background-position:-180px -120px; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1402050000 { background-position:-240px -120px; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1403010000 { background-position:0 -240px; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1403020000 { background-position:-60px -240px; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1403030000 { background-position:-120px -240px; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1404010000 { background-position:0 -360px; } .header .lnb.type-education .lnb-depth2 .lnb-icon.menucd-1404020000 { background-position:-60px -360px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon, .header .lnb.type-education .lnb-depth2:focus .lnb-icon, .header .lnb.type-education .lnb-depth2:active .lnb-icon { background-color:#079c3e; -webkit-transition:background-color 0.3s; transition:background-color 0.3s; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1401010000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1401010000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1401010000 { background-position:0 -60px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1401020000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1401020000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1401020000 { background-position:-60px -60px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1401030000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1401030000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1401030000 { background-position:-120px -60px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1402010000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1402010000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1402010000 { background-position:0 -180px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1402020000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1402020000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1402020000 { background-position:-60px -180px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1402030000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1402030000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1402030000 { background-position:-120px -180px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1402040000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1402040000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1402040000 { background-position:-180px -180px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1402050000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1402050000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1402050000 { background-position:-240px -180px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1403010000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1403010000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1403010000 { background-position:0 -300px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1403020000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1403020000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1403020000 { background-position:-60px -300px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1403030000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1403030000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1403030000 { background-position:-120px -300px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1404010000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1404010000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1404010000 { background-position:0 -420px; } .header .lnb.type-education .lnb-depth2:hover .lnb-icon.menucd-1404020000, .header .lnb.type-education .lnb-depth2:focus .lnb-icon.menucd-1404020000, .header .lnb.type-education .lnb-depth2:active .lnb-icon.menucd-1404020000 { background-position:-60px -420px; } /* LNB icon : ToxInfo */ .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon { display:inline-block; vertical-align:middle; width:60px; height:60px; border-radius:60px; background:url('/images/common/header/icon_toxinfo.png') 0 0 no-repeat; } .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon.menucd-1501010000 { background-position:0 0; } .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon.menucd-1501020000 { background-position:-60px 0; } .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon.menucd-1502010000 { background-position:0 -120px; } .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon.menucd-1503010000 { background-position:0 -240px; } .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon.menucd-1503020000 { background-position:-60px -240px; } .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon.menucd-1503030000 { background-position:-120px -240px; } .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon.menucd-1503040000 { background-position:-60px -240px; } .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon.menucd-1504010000 { background-position:0 -376px; } .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon.menucd-1504020000 { background-position:-60px -376px; } /* antidote */ .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon.menucd-1503040000 { background:url('/images/common/header/antidote_off.png') 15px 22px no-repeat; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon.menucd-1503040000, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon.menucd-1503040000, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon.menucd-1503040000 { background-image: url('/images/common/header/antidote_on.png'); background-position: 15px 17px; background-repeat: no-repeat; } /* analysis */ .header .lnb.type-toxinfo .lnb-depth2 .lnb-icon.menucd-1504030000 { background:url('/images/common/header/analysis_off.png') 15px 15px no-repeat; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon.menucd-1504030000, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon.menucd-1504030000, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon.menucd-1504030000 { background-image: url('/images/common/header/analysis_on.png'); background-position: 15px 10px; background-repeat: no-repeat; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon { background-color:#ff9804; -webkit-transition:background-color 0.3s; transition:background-color 0.3s; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon.menucd-1501010000, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon.menucd-1501010000, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon.menucd-1501010000 { background-position:0 -53px; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon.menucd-1501020000, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon.menucd-1501020000, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon.menucd-1501020000 { background-position:-60px -53px; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon.menucd-1502010000, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon.menucd-1502010000, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon.menucd-1502010000 { background-position:0 -178px; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon.menucd-1503010000, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon.menucd-1503010000, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon.menucd-1503010000 { background-position:0 -300px; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon.menucd-1503020000, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon.menucd-1503020000, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon.menucd-1503020000 { background-position:-60px -300px; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon.menucd-1503030000, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon.menucd-1503030000, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon.menucd-1503030000 { background-position:-120px -300px; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon.menucd-1503040000, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon.menucd-1503040000, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon.menucd-1503040000 { background-position:-60px -300px; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon.menucd-1504010000, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon.menucd-1504010000, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon.menucd-1504010000 { background-position:0 -425px; } .header .lnb.type-toxinfo .lnb-depth2:hover .lnb-icon.menucd-1504020000, .header .lnb.type-toxinfo .lnb-depth2:focus .lnb-icon.menucd-1504020000, .header .lnb.type-toxinfo .lnb-depth2:active .lnb-icon.menucd-1504020000 { background-position:-60px -425px; } /* ========================================================================== header : Mobile ========================================================================== */ .header-mobile { display:none; position:fixed; top:0; z-index:100; width:100%; height:50px; border-bottom:1px solid #cecece; background:#fff; } .header-mobile .header-logo { position:absolute; top:8px; left:39%;} .header-mobile .header-logo-intro { position:absolute; top:8px; left:39%;} .header-mobile .header-logo img { width:90px; } .header-mobile .header-logo-intro img { width:90px; } .header-mobile .gnb-opener { position:absolute; left:15px; top:15px; display:block; width:20px; height:20px; background:url('/images/common/header_mobile/icon_navi.png') 0 0 no-repeat; background-size:cover; text-indent:-9999em; } .header-mobile .gnb-detail { position:relative; top:51px; z-index:100; background:#fff; } .header-mobile .mode-pc { margin:-4px 4px; vertical-align:middle; width:22px; height:22px; } /* 메뉴/설정 탭 */ .header-mobile .header-tab { position:relative; display:table; width:100%; } .header-mobile .header-tab span { display:table-cell; width:50%; border:1px solid #b7b7b7; border-top:none; background:#ebebeb; text-align:center; } .header-mobile .header-tab span a { display:block; padding:16px 0; font-size:18px; color:#666; text-decoration:none; line-height:1em; } .header-mobile .header-tab span.on { border:none; background:#fff; } .header-mobile .header-tab span.on a { font-size:18px; color:#333; } /* 사용자 로그인 정보 */ .header-mobile .header-user { position:relative; padding:8px 15px; overflow:hidden; } .header-mobile .header-user .user-message { line-height:28px; } .header-mobile .header-user .common-btn { float:right; } /* pc버전 안내 */ .header-mobile .header-guide { position:relative; background:#5e5e5e; padding:10px 15px; overflow:hidden; } .header-mobile .header-guide .guide-message { display:block; overflow:hidden; padding-right:70px; color:#fff; font-size:12px; line-height:1.4em; } .header-mobile .header-guide .guide-pc { position:absolute; top:8px; right:15px; color:#fff; } .header-mobile .header-guide .guide-pc span { display:inline-block; vertical-align:middle; line-height:22px; } /* 검색 */ .header-mobile .search-opener { position:absolute; right:0; top:0; display:block; padding:15px; } .header-mobile .search-opener span { display:block; width:20px; height:20px; background:url('/images/common/header_mobile/icon_search.png') 0 0 no-repeat; background-size:cover; text-indent:-9999em; } .header-mobile .search-opener.on { background-color:#757575; } .header-mobile .search-opener.on span { background:url('/images/common/header_mobile/icon_close.png') 0 0 no-repeat; background-size:cover; } .header-mobile .header-search { position:absolute; right:0; top:50px; z-index:1; width:100%; height:50px; background:#5e5e5e; } .header-mobile .header-search select { border:none; padding:16px 20px 16px 4px; outline:none; color:#fff; background:url('/images/common/header_mobile/icon_dropdown.png') #5e5e5e no-repeat right center; background-size:15px 4px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .header-mobile .header-search select::-ms-expand { display: none; } .header-mobile .header-search .search-key { width:180px; border:none; border-left:1px solid #848484; padding:6px 0 6px 8px; background:#5e5e5e; outline:none; color:#fff; } .header-mobile .header-search .search-btn { position:absolute; right:0; top:0; padding:15px; border:none; background:#5e5e5e; } .header-mobile .header-search .search-btn span { display:block; width:20px; height:20px; background:url('/images/common/header_mobile/icon_search2.png') 0 0 no-repeat; background-size:cover; text-indent:-9999em; } .header-mobile .header-search .search-btn:hover { background-position:12px -28px; } /* GNB */ .header-mobile .gnb { position:relative; } .header-mobile .gnb > ul { display:table; width:100%; height:60px; background:#ebebeb; } .header-mobile .gnb > ul > li { display:table-cell; width:14.2%; vertical-align:top; } .header-mobile .gnb > ul > li + li { border-left:1px solid #d1d1d1; } .header-mobile .gnb > ul > li a { display:block; padding:10px 0; text-align:center; color:#777; text-decoration:none; font-weight:700; } .header-mobile .gnb > ul > li.on { background:#fff; } .header-mobile .gnb > ul > li.on a { color:#333; } .header-mobile .gnb > ul > li.on a span { coor:#333; } .header-mobile .gnb > ul > li a img { display:block; } .header-mobile .gnb > ul > li a span { display:block; text-align:center; } .header-mobile .gnb-intro-link span { margin-top:10px; } .header-mobile .gnb-home-link span { margin-top:10px; } .header-mobile .gnb-egen-link span { margin-top:10px; } .header-mobile .gnb-education-link span { margin-top:5px; } .header-mobile .gnb-toxinfo-link span { margin-top:10px; } .header-mobile .gnb-moonlight-link span { margin-top:5px; } .header-mobile .gnb-icon { display:block; width:50px; height:40px; margin:0 auto; background:url('/images/common/header_mobile/logo_brand.png') 0 0 no-repeat; background-size:200px 100px; } .header-mobile .gnb-icon.type-nemc { background-position:0 0; } .header-mobile .gnb-icon.type-egen { background-position:-50px 0; } .header-mobile .gnb-icon.type-kids { background-position:-100px 0; } .header-mobile .gnb-icon.type-education { background-position:-150px 0; } .header-mobile .gnb-icon.type-toxinfo { background-position:-100px 0; } .header-mobile .gnb ul li.on .gnb-icon.type-nemc { background-position:0 -50px; } .header-mobile .gnb ul li.on .gnb-icon.type-egen { background-position:-50px -50px; } .header-mobile .gnb ul li.on .gnb-icon.type-kids { background-position:-100px -50px; } .header-mobile .gnb ul li.on .gnb-icon.type-education { background-position:-150px -50px; } .header-mobile .gnb ul li.on .gnb-icon.type-toxinfo { background-position:-100px -50px; } .header-mobile .gnb ul li.on .gnb-icon.type-moonlight {width:50px; height:50px; background-image:url('/images/common/header_mobile/logo_moonlight.png') !important; background-size:cover; } .header-mobile .gnb-icon.type-moonlight {width:50px; height:50px; background-image:url('/images/common/header_mobile/logo_moonlight_off.png') !important; background-size:cover; } /* LNB */ .header-mobile .lnb { position:relative; border-top:1px solid #656565; } .header-mobile .lnb > ul {} .header-mobile .lnb > ul > li { position:relative; border-bottom:1px solid #dedede; } .header-mobile .lnb-depth1 { position:relative; display:block; padding:12px 15px; font-size:15px; color:#333; text-decoration:none; text-align:left;} .header-mobile .lnb-depth1 > span { display:inline-block; vertical-align:middle; } .header-mobile .lnb-depth2 { position:relative; display:block; padding:12px 15px; font-size:14px; color:#555555; text-decoration:none; } .header-mobile .lnb-depth2:before { content:'－'; color:#999; } .header-mobile .lnb-depth2 .mode-pc { width:18px; height:18px; } .header-mobile .lnb-depth3 { position:relative; display:block; padding:4px 15px; font-size:13px; color:#555555; text-decoration:none; } .header-mobile .lnb-depth3:before { content:'ㆍ'; color:#666; } .header-mobile .lnb-depth3 .mode-pc { width:14px; height:14px; } .header-mobile .lnb-depth2-group { background:#f3f3f3; text-align: left;} .header-mobile .lnb-depth2-group > ul > li { border-top:1px solid #dedede; } .header-mobile .lnb-depth3-group { background:#e0e0e0; padding:4px 0; } .header-mobile .lnb-indicator { position:absolute; right:15px; top:50%; margin-top:-5px; display:block; width:15px; height:10px; background:url('/images/common/header_mobile/icon_arrow.png') 0 0 no-repeat; background-size:15px 20px; } .header-mobile .lnb-indicator.type-open { background-position:0 -10px; } .header-mobile .lnb-icon { display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:6px; background:url('/images/common/header_mobile/icon_lnb.png') 0 0 no-repeat; background-size:120px 60px; } .header-mobile .lnb-icon.menucd-1101000000 { background-position:0 0; } .header-mobile .lnb-icon.menucd-1102000000 { background-position:-20px 0; } .header-mobile .lnb-icon.menucd-1103000000 { background-position:-40px 0; } .header-mobile .lnb-icon.menucd-1104000000 { background-position:-60px 0; } .header-mobile .lnb-icon.menucd-1105000000 { background-position:-80px 0; } .header-mobile .lnb-icon.menucd-1201000000 { background-position:0 -20px; } .header-mobile .lnb-icon.menucd-1202000000 { background-position:-20px -20px; } .header-mobile .lnb-icon.menucd-1203000000 { background-position:-40px -20px; } .header-mobile .lnb-icon.menucd-1204000000 { background-position:-60px -20px; } .header-mobile .lnb-icon.menucd-1205000000 { background-position:-80px -20px; } .header-mobile .lnb-icon.menucd-1206000000 { background-position:-100px -20px; } .header-mobile .lnb-icon.menucd-1207000000 { background:url('/images/common/header_mobile/menucd-1207000000.png') 0 0 no-repeat; } .header-mobile .lnb-icon.menucd-1401000000 { background-position:0 -40px; } .header-mobile .lnb-icon.menucd-1402000000 { background-position:-20px -40px; } .header-mobile .lnb-icon.menucd-1403000000 { background-position:-40px -40px; } .header-mobile .lnb-icon.menucd-1404000000 { background-position:-60px -40px; } .header-mobile .lnb-icon.menucd-1501000000 { background-position:0 -60px; } .header-mobile .lnb-icon.menucd-1502000000 { background-position:-20px -60px; } .header-mobile .lnb-icon.menucd-1503000000 { background-position:-40px -60px; } .header-mobile .lnb-icon.menucd-1504000000 { background-position:-60px -60px; } .header-mobile .lnb-icon-member { display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:6px; background:#ccc; } /* ========================================================================== layout ========================================================================== */ /* sub header */ .subheader { position:relative; z-index:9; border-bottom:1px solid #d5d5d5; background:#f9f9f9; } .subheader .subheader-row { position:relative; width:980px; margin:0 auto; } .subheader .subheader-row:after { content: " "; display: table; clear: both; } /* bread crumb */ .common-breadcrumb { position:relative; } .common-breadcrumb .crumb-home { position:relative; float:left; margin-right:-1px; } .common-breadcrumb .crumb-home .crumb-home-opener { display:block; line-height:49px; padding:0 15px; border-left:1px solid #d5d5d5; background:#ffffff; height:49px; cursor:pointer; } .common-breadcrumb .crumb-home .crumb-home-opener span { margin:18px 4px 0; display:inline-block; #display:block; width:12px; height:12px; background:url('/images/common/header/icon_home.png') 0 0 no-repeat; text-indent:-9999em; } .common-breadcrumb .crumb-depth { position:relative; float:left; margin-right:-1px; background:#ffffff; } .common-breadcrumb .crumb-opener { display:block; min-width:140px; line-height:49px; padding:0 15px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; cursor:pointer; } .common-breadcrumb .crumb-opener:hover, .common-breadcrumb .crumb-opener:focus, .common-breadcrumb .crumb-opener:active { text-decoration:none; } .common-breadcrumb .crumb-opener span { font-size:14px; font-weight:700; color:#707070; } .common-breadcrumb .crumb-opener.crumb-has-siblings span { display:inline-block; min-width:82%; #min-width:auto; padding-right:25px; background:url('/images/common/header/icon_arrow_down.png') right center no-repeat; } .common-breadcrumb .crumb-dropdown { position:absolute; width:100%; border:1px solid #d5d5d5; border-top:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .common-breadcrumb .crumb-dropdown ul li { border-top:1px solid #d5d5d5; } .common-breadcrumb .crumb-dropdown ul li a { display:block; padding:12px 15px; background:#fff; color:#707070; text-decoration:none; } .common-breadcrumb .crumb-dropdown ul li a:hover, .common-breadcrumb .crumb-dropdown ul li a.on { background:#f5f5f5; } /* util */ .common-util { position:absolute; top:15px; right:0; } .common-util .util-item { #float:left; display:inline-block; vertical-align:middle; border-left:1px solid #dbdbdb; padding:0 10px; margin-left:-4px; } .common-util .util-item:first-child { border-left:none; } .common-util .util-item a { display:inline-block; vertical-align:middle; font-size:12px; color:#444444; font-weight:700; } .common-util .util-favorite { display:block; width:20px; height:20px; background:url('/images/common/util_favorite.png') 0 0 no-repeat; text-indent:-9999em; } .common-util .util-favorite.on { background-position:0 -20px; } .common-util .util-print { line-height:20px; padding-left:18px; background:url('/images/common/util_print.png') 0 center no-repeat; } .common-util .util-sns { line-height:20px; padding-left:18px; background:url('/images/common/util_export.png') 0 center no-repeat; } .common-util .util-sns-detail { position:absolute; right:0; top:34px; width:280px; #width:320px; padding:15px; border:1px solid #d5d5d5; background:#fff; text-align:center; } .common-util .util-sns-detail ul { overflow:hidden; display:inline-block; } .common-util .util-sns-detail ul li { float:left; width:70px; text-align:center; } .common-util .util-sns-detail ul li span { display:block; margin-top:4px; font-size:13px; color:#555; } .common-util .util-sns-detail .util-sns-detail-info { margin-top:20px; overflow:hidden; } .common-util .util-sns-detail .util-sns-detail-info .util-sns-key { float:left; width:200px; border:1px solid #d4d4d4; } .common-util .util-sns-detail .util-sns-detail-info .common-btn { float:left; margin-left:-1px !important; } .common-util .util-sns-detail .util-close { position:absolute; right:10px; top:10px; } .common-util .util-sns-detail .util-close a { display:block; width:20px; height:20px; background:url('/images/common/icon_close_tooltip.png') 0 0 no-repeat; text-indent:-10000em; } .common-util .icon-sns { display:inline-block; vertical-align:middle; width:36px; height:36px; background:url('/images/common/icon_sns.png') 0 0 no-repeat; } .common-util .icon-sns.type-tw { background-position:0 0; } .common-util .icon-sns.type-fb { background-position:-40px 0; } .common-util .icon-sns.type-email { background-position:-80px 0; } /* contents */ .layout-container { position:relative; } .layout-contents { position:relative; margin:0 auto; margin-bottom:40px; width:980px; min-width:980px; min-height:745px; } .layout-scroll-controll { position:fixed; bottom:60px; right:0; z-index:5; } .layout-scroll-controll img { width:35px; height:35px; } /* aside */ .common-aside { position:absolute; right:-120px; top:25px; width:90px; } .common-aside .aside-login { padding:10px; border:1px solid #b5cddd; background:#fff; text-align:center; } .common-aside .aside-login p { margin:0 0 6px; font-size:11px; color:#555; } .common-aside .aside-login .common-btn { width:100%; padding-left:0; padding-right:0; } .common-aside .aside-mymenu { margin-top:-1px; border:1px solid #b5cddd; background:#fff; } .common-aside .aside-mymenu .section-title { padding:8px; border-bottom:1px solid #b5cddd; background:#deecf6; font-size:12px; font-weight:700; color:#0659a0; text-align:center; } .common-aside .aside-mymenu .mymenu-guide { height:180px; padding:0 8px; } .common-aside .aside-mymenu .mymenu-guide p { margin-top:70px; font-size:12px; color:#555; line-height:1.4em; } .common-aside .aside-mymenu .mymenu-list { min-height:172px; padding:8px; } .common-aside .aside-mymenu .mymenu-list a { display:block; margin:6px 0; height:30px; padding-left:4px; overflow:hidden; font-size:12px; color:#555; text-decoration:none; } .common-aside .aside-mymenu .mymenu-list ul li { display:none; border-top:1px solid #e9e9e9; } .common-aside .aside-mymenu .mymenu-list ul li:first-child { border-top:none; } .common-aside .aside-mymenu .section-control { overflow:hidden; background:url('/images/common/aside_mymenu_control.png') #deecf6 no-repeat; } .common-aside .aside-mymenu .section-control a { float:left; width:50%; height:20px; padding-top:4px; border-top:1px solid #b5cddd; border-left:1px solid #b5cddd; margin-left:-1px; text-align:center; font-size:9px; text-decoration:none; color:#1970bb; } .common-aside .aside-customer { margin-top:8px; } .common-aside .aside-customer ul li { border-top:1px solid #5b98cc; } .common-aside .aside-customer ul li:first-child { border-top:none; } .common-aside .aside-customer .common-btn { width:88px; padding:10px 0; text-align:left; } .common-aside .icon-customer { display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 6px 0 10px; background:url('/images/common/aside_customer.png') 0 0 no-repeat; } .common-aside .icon-customer.type1 { background-position:0 0; } .common-aside .icon-customer.type2 { background-position:0 -20px; } .common-aside .icon-customer.type3 { background-position:0 -40px; } .common-aside .aside-scroll { margin-top:8px; margin-bottom:8px; } .common-aside .aside-scroll .common-btn { width:88px; padding-left:0; padding-right:0; } .common-aside .aside-scroll .common-btn:focus-visible { outline: 2px solid #505050} .common-aside .aside-scroll .common-btn span { display:block; text-indent:-9999em; background:url('/images/common/aside_scroll_btn.png') center center no-repeat; } .common-aside .aside-add {padding-bottom:25px; background:#ffffff !important; } .common-aside .aside-add:last-child {padding-bottom:0px;} .common-aside .section-row { padding-bottom:5px; padding-left:7px;} .common-aside .section-row:first-child { margin-top:0; } .common-aside .section-row:last-child {padding-bottom:0px;} .service-nemc .common-aside .aside-login { border:1px solid #b5cddd; } .service-nemc .common-aside .aside-mymenu { border:1px solid #b5cddd; } .service-nemc .common-aside .aside-mymenu .section-title { border-bottom:1px solid #b5cddd; background:#deecf6; color:#0659a0; } .service-nemc .common-aside .aside-mymenu .section-control { background:#deecf6; } .service-nemc .common-aside .aside-mymenu .section-control a { border-top:1px solid #b5cddd; border-left:1px solid #b5cddd; color:#1970bb; } .service-nemc .common-aside .aside-customer ul li { border-top:1px solid #b5cddd; } .service-nemc .common-aside .aside-customer ul li:first-child { border-top:0; } .service-egen .common-aside .aside-login { border:1px solid #b7d2d7; } .service-egen .common-aside .aside-mymenu { border:1px solid #b7d2d7; } .service-egen .common-aside .aside-mymenu .section-title { border-bottom:1px solid #b7d2d7; background:#ddeef1; color:#006d88; } .service-egen .common-aside .aside-mymenu .section-control { background:#ddeef1; } .service-egen .common-aside .aside-mymenu .section-control a { border-top:1px solid #b7d2d7; border-left:1px solid #b7d2d7; color:#007b94; } .service-egen .common-aside .aside-customer ul li { border-top:1px solid #b7d2d7; } .service-egen .common-aside .aside-customer ul li:first-child { border-top:0; } .service-education .common-aside .aside-login { border:1px solid #bad4c6; } .service-education .common-aside .aside-mymenu { border:1px solid #bad4c6; } .service-education .common-aside .aside-mymenu .section-title { border-bottom:1px solid #bad4c6; background:#dfefe3; color:#006633; } .service-education .common-aside .aside-mymenu .section-control { background:#dfefe3; } .service-education .common-aside .aside-mymenu .section-control a { border-top:1px solid #bad4c6; border-left:1px solid #bad4c6; color:#0e823e; } .service-education .common-aside .aside-customer ul li { border-top:1px solid #bad4c6; } .service-education .common-aside .aside-customer ul li:first-child { border-top:0; } /* .service-toxinfo .common-aside .aside-login { border:1px solid #b5cddd; } .service-toxinfo .common-aside .aside-mymenu { border:1px solid #b5cddd; } .service-toxinfo .common-aside .aside-mymenu .section-title { border-bottom:1px solid #b5cddd; background:#deecf6; color:#ff6f00; } .service-toxinfo .common-aside .aside-mymenu .section-control { background:#deecf6; } .service-toxinfo .common-aside .aside-mymenu .section-control a { border-top:1px solid #b5cddd; border-left:1px solid #b5cddd; color:#1970bb; } .service-toxinfo .common-aside .aside-customer ul li { border-top:1px solid #b5cddd; } .service-toxinfo .common-aside .aside-customer ul li:first-child { border-top:0; } */ .service-toxinfo .common-aside .aside-mymenu .section-title { border-bottom:1px solid #b5cddd; background:#deecf6; color:#ff6f00; } .service-toxinfo .common-aside .aside-mymenu .section-control { background:#deecf6; } .service-toxinfo .common-aside .aside-customer ul li { border-top:1px solid #ffe3ba; } .service-toxinfo .common-aside .aside-customer ul li:first-child { border-top:0; } /* footer */ .layout-footer { clear:both; min-width:980px; height:160px; background:#222 0 0 repeat-x; } .layout-footer a { color:#CCC; } .layout-footer .footer-row1 { margin:0 auto; width:980px; height:40px;} .layout-footer .footer-row2 { position:relative; margin:0 auto; width:980px; height:40px; border-top: 1px solid #333;} .layout-footer .terms-menu ul { overflow:hidden; } .layout-footer .terms-menu ul li { float:left; border-left:1px solid #7D7D7D; padding:0 10px; } .layout-footer .terms-menu ul li:first-child { border-left:none; padding-left:0; } .layout-footer .footer-logo { position:absolute; left:0; top:20px; } .layout-footer .footer-address { position:absolute; left:200px; top:20px; } .layout-footer .footer-address p.address { margin:0; font-size:13px; color:#CCC; } .layout-footer .footer-address p.copyright { margin:0; font-size:13px; color:#888; } .layout-footer .footer-mark { position:absolute; top:10px; right:0; } .layout-footer .family-site { position:absolute; right:0; top:0; } .layout-footer .site-selete { position:relative; float:left; margin-left:-1px; } .layout-footer .site-opener { display:block; line-height:42px; padding:0 10px; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5; } .layout-footer .site-opener span { font-size:12px; color:#707070; padding-right:25px; background:url('/images/common/footer/icon_arrow_down.png') right center no-repeat; } .layout-footer .site-opener span.on { background:url('/images/common/footer/icon_arrow_up.png') right center no-repeat; } .layout-footer .site-dropdown { position:absolute; bottom:41px; width:100%; background-color:#fff; border:1px solid #D5D5D5; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .layout-footer .site-dropdown ul { margin:5px; } .layout-footer .site-dropdown ul li a { display:block; padding:3px 5px; color:#707070; font-size:12px; } .layout-footer .site-dropdown ul li a:hover, .layout-footer .site-dropdown ul li a:focus { background:#f5f5f5; } .layout-footer .footer-icon-link { float:left; padding-left:10px; } .layout-footer .footer-icon-link img { vertical-align:middle; } .layout-footer .terms-menu { overflow:hidden; } .layout-footer .terms-menu .footer-left { float:left; padding-top:12px; } .layout-footer .terms-menu .footer-right { float: right; padding-right:388px; padding-top:7px; } .layout-footer .terms-menu .footer-right li { float:left; padding-left:10px; } #layoutFooter a.private-policy { color:#1970bb; font-weight:bold; } /* 만족도 설문 */ .common-feedback { clear:both; margin-top:100px; border:1px solid #e0e0e0; padding:20px 50px; background:#f3f3f3; overflow:hidden; } .common-feedback p { min-height:50px; margin:0; padding-left:70px; background:url('/images/common/icon_feedback.png') 0 0 no-repeat; } .common-feedback .feedback-summary { float:left; padding-top:4px; font-size:16px; font-weight:700; line-height:1.4em; color:#7b7a7a; } .common-feedback .feedback-field { float:right; #width:560px; } .common-feedback .feedback-field .row-input { margin-top:10px; } .common-feedback .feedback-field .row-input .type-text { display:inline-block; width:480px; padding-top:7px; padding-bottom:7px; } /* ========================================================================== 마이페이지 ========================================================================== */ /* 메인 */ .mypage-main .section-title { padding:10px 15px; } .mypage-main .section-title h5 { color:#fff; } .mypage-main .section-title h5 span { display:inline-block; vertical-align:middle; } .mypage-main .mypage-profile .mypage-profile-info { overflow:hidden; } .mypage-main .mypage-profile .mypage-profile-info dt { margin-right:4px; } .mypage-main .mypage-profile .section-thumb { float:left; margin-right:20px; } .mypage-main .mypage-profile .section-detail { overflow:hidden; } .mypage-main .mypage-profile .user-name { margin-bottom:10px; font-size:15px; color:#454545; font-weight:700; } .mypage-main .mypage-profile .user-name b { font-size:18px; } .mypage-main .mypage-profile .section-detail dt { clear:both; float:left; padding:5px 0; margin-right:4px; font-size:13px; color:#555; font-weight:700; } .mypage-main .mypage-profile .section-detail dd { overflow:hidden; padding:5px 0; font-size:13px; color:#555; font-weight:700; } .mypage-main .mypage-profile .common-box2 { min-height:224px; } .mypage-main .mypage-favorite .common-box { max-height:204px; overflow:auto; border-top:none; padding-bottom:10px; } .mypage-main .mypage-favorite ul li { padding-right:26px; } .mypage-main .mypage-favorite ul li .list-delete { position:absolute; right:4px; top:0; display:block; width:20px; height:20px; background:url('/images/common/icon_close_tooltip.png') 0 0 no-repeat; text-indent:-10000em; overflow:hidden; } .mypage-main .mypage-favorite ul li .list-link { color:#555; } .mypage-main .mypage-lecture .section-title {} .mypage-main .mypage-lecture .common-box { min-height:160px; border-top:none; } .mypage-main .mypage-lecture ul li strong { position:absolute; right:4px; top:0; } .mypage-main .mypage-lecture .section-command { margin-top:10px; } .mypage-main .mypage-inquire .section-title {} .mypage-main .mypage-inquire .common-box { min-height:160px; border-top:none; } .mypage-main .mypage-inquire ul li strong { position:absolute; right:4px; top:0; } .mypage-main .mypage-inquire .section-command { margin-top:10px; } .mypage-main .icon-mypage { display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:6px; background:url('/images/common/icon_mypage.png') 0 center no-repeat; } .mypage-main .icon-mypage.type-favorite { background-position:0 0; } .mypage-main .icon-mypage.type-lecture { background-position:-20px 0; } .mypage-main .icon-mypage.type-inquire { background-position:-40px 0; } /* ========================================================================== 사이트맵 ========================================================================== */ .sitemap-view {} .sitemap-view .sitemap-group .section-row { display:table; width:100%; margin-top:8px; overflow:hidden; } .sitemap-view .sitemap-group .section-row .section-column { display:table-cell; #float:left; border-left:1px solid #dfdfdf; padding:20px; } .sitemap-view .sitemap-group .section-row .section-column:first-child { border-left:none; } .sitemap-view .sitemap-group .section-row .section-column h5 { margin-bottom:16px; } .sitemap-view .common-list-sub { margin-top:4px; margin-bottom:6px; } .sitemap-view .group-nemc .section-row { border-top:2px solid #1970bb; border-bottom:1px solid #dfdfdf; margin-bottom:50px; } .sitemap-view .group-egen .section-row { border-top:2px solid #007b94; border-bottom:1px solid #dfdfdf; margin-bottom:50px; } .sitemap-view .group-edu .section-row { border-top:2px solid #0e823e; border-bottom:1px solid #dfdfdf; } /* ========================================================================== 모바일 : 페밀리사이트 ========================================================================== */ /* 관련사이트 */ .mobile-familysite { position:relative; margin-top:20px; padding:20px; background:#f0f0f0; } .mobile-familysite ul { overflow:hidden; } .mobile-familysite ul li { display:none; float:left; padding:0 24px; } .mobile-familysite ul li a { display:block; } .mobile-familysite img { width:138px; height:38px; } .mobile-familysite .item-control .btn-prev { position:absolute; top:18px; left:10px; padding:4px 8px; border:none; background:transparent; } .mobile-familysite .item-control .btn-prev:before { content:'〈'; color:#a8b0b8; font-size:24px; font-weight:700; } .mobile-familysite .item-control .btn-next { position:absolute; top:18px; right:10px; padding:4px 8px; border:none; background:transparent; } .mobile-familysite .item-control .btn-next:before { content:'〉'; color:#a8b0b8; font-size:24px; font-weight:700; } .tox-familysite-inner {width:960px; background:url('/images/nemc/main_bg.jpg') 0 0 repeat-x;} .tox-familysite ul {list-style:none;margin:0;padding:0;} .tox-familysite ul li {margin: 0 0 0 0;padding: 0 0 0 0;border : 0;float: left;margin-top:50px;} /* 배너 */ .mobile-banner { display:none; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; overflow:hidden; background:#f5f5f5; } .mobile-banner .banner-area { float:left; width:50%; text-align:center; } .mobile-banner .banner-area + .banner-area { border-left:1px solid #dfdfdf; margin-left:-1px; } .mobile-banner img { height:50px; } /* ========================================================================== NEMC ========================================================================== */ /* 메인 */ .page-1100000000 .layout-container { background:url('/images/nemc/main_bg.jpg') 0 0 repeat-x; } .page-1100000000 .layout-contents { padding-left:0; padding-right:0; } .nemc-main { position:relative; overflow:hidden; padding-top:40px; } .nemc-main-column1 { float:left; width:260px; overflow:hidden; } .nemc-main-column2 { float:left; width:460px; overflow:hidden; } .nemc-main-column3 { float:right; width:260px; overflow:hidden; } .nemc-main-column4 { clear:both; width:260px; position:absolute; bottom:0; left:0; overflow:hidden; } .nemc-main-column5 { width:460px; position:absolute; bottom:0; left:260px; overflow:hidden; } .nemc-system { height:150px; padding:20px; background:url('/images/nemc/main_system.png') #1970bb right bottom no-repeat; } .nemc-system h4 { margin:0 0 10px; color:#ffffff; } .nemc-system h4 a { color:#fff; } .nemc-system ul li { color:#ffffff; } .nemc-system ul li a { color:#ffffff; font-weight:700; } .nemc-info { height:350px; padding:20px; background-color:#84c5eb; } .nemc-info h4 { margin:0 0 10px; color:#003366; } .nemc-info h4 a { color:#003366; } .nemc-info ul { overflow:hidden; } .nemc-info ul li { float:left; width:100%; padding:4px 0; font-size:14px; color:#004b85; } .nemc-info ul li a { color:#004b85; font-weight:700; } .nemc-info ul li img { margin-right:6px; } .nemc-business { height:340px; padding:20px; background-color:#bedbf5; } .nemc-business h4 { margin:0 0 4px; color:#003366; } .nemc-business h4 a { color:#003366; } .nemc-business p { margin:0; color:#0f4d82; word-break:keep-all; } .nemc-business ul { overflow:hidden; } .nemc-business ul li { float:left; width:25%; margin-top:24px; font-size:13px; } .nemc-business ul li a { display:block; color:#004b85; text-align:center; } .nemc-business ul li a span { display:block; margin-top:10px; text-align:center; line-height:1.4em; font-weight:700; } .nemc-business ul li img { width:60px; height:60px; } .nemc-business .icon-business { display:block; width:60px; height:60px; margin:0 auto; background:url('/images/nemc/main_business.png') 0 0 no-repeat; } .nemc-business .icon-business.type1 { background-position:0 0; } .nemc-business .icon-business.type2 { background-position:-60px 0; } .nemc-business .icon-business.type3 { background-position:-120px 0; } .nemc-business .icon-business.type4 { background-position:-180px 0; } .nemc-business .icon-business.type5 { background-position:0 -60px; } .nemc-business .icon-business.type6 { background-position:-60px -60px; } .nemc-business .icon-business.type7 { background-position:-120px -60px; } .nemc-business .icon-business.type8 { background-position:-180px -60px; } .nemc-vision { height:140px; padding:20px; background:url('/images/nemc/main_vision.png') right bottom no-repeat; background-color:#8eaae8; background-color: -webkit-linear-gradient(#a3baed, #839fe4); background-color: linear-gradient(#a3baed, #839fe4); } .nemc-vision h4 { margin:0 0 10px; color:#183587; } .nemc-vision h4 a { color:#003366; } .nemc-vision p { color:#183587; word-break:keep-all; } .greetings-detail p {font-size: 16px;} @media only screen and (min-width: 481px) { .greetings-detail p {width:100%;font-size: 14px;} .greetings-visual {width: 25%; float:right;} } .nemc-greetings { height:80px; padding:15px 20px; background-color:#6d8bd5; } .nemc-greetings h4 { margin:0 0 10px; color:#10286e; } .nemc-greetings h4 a { color:#003366; } .nemc-greetings p { font-size:14px; font-weight:700; color:#fff; line-height:1.4em; } .nemc-intro { height:140px; padding:20px; background-color:#674b97; } .nemc-intro ul { margin-top:-5px; } .nemc-intro ul li { padding:4px 0; } .nemc-intro ul li a { font-size:16px; font-weight:700; color:#fff; } .nemc-intro ul li img { margin-right:8px; } .nemc-doc { height:80px; padding:15px 20px; background:url('/images/nemc/main_doc.png') #573c82 right bottom no-repeat; } .nemc-doc p { font-size:14px; font-weight:700; color:#fff; } .nemc-doc p a { color:#fff; } .nemc-promotion { position:relative; height:200px; background-color:#55AC59; } .nemc-promotion .item-control { position:absolute; z-index:1; right:10px; top:10px; } .nemc-promotion .item-control .btn-stop { display:inline-block; vertical-align:middle; width:18px; padding:0; border:none; background:transparent; } .nemc-promotion .item-control .btn-stop:before { content:'∥'; color:#fff; font-family:dotum; font-weight:700; } .nemc-promotion .item-control .btn-play { display:inline-block; vertical-align:middle; width:18px; padding:0; border:none; background:transparent; } .nemc-promotion .item-control .btn-play:before { content:'▶'; color:#fff; font-size:11px; } .nemc-promotion .item-control .page-no { display:inline-block; vertical-align:middle; width:6px; height:6px; margin-left:4px; border:2px solid #fff; border-radius:20px; opacity:0.7; text-indent:-10000em; overflow:hidden; } .nemc-promotion .item-control .page-no.on { background:#fff; opacity:1; width:14px; } .nemc-promotion .item-view { overflow:hidden; text-align:center; } .nemc-promotion .item-view .item { display:none; min-height:100px; } .nemc-promotion .item-view .item img { margin:0 auto; } .nemc-promotion .item-view .item img.mode-mobile { position:absolute; left:50%; margin-left:-160px; display:none; } .nemc-notice { position:relative; height:170px; padding:15px 20px; background-color:#333a45; } .nemc-notice .notice-tab { position:absolute; top:20px; border-left:1px solid #50565f; padding:0 12px 0 16px; } .nemc-notice .notice-tab.tab1 { left:20px; border-left:none; padding-left:0; } .nemc-notice .notice-tab.tab2 { left:96px; } .nemc-notice .notice-tab.tab3 { left:160px; } .nemc-notice .notice-tab.tab4 { left:220px; } .nemc-notice .notice-tab a { color:#9aa2b2; font-size:16px; font-weight:700; line-height:1.0em; text-decoration:none; } .nemc-notice .notice-tab a.on { color:#ffffff; text-decoration:underline; } .nemc-notice .notice-contents { position:absolute; top:40px; width:420px; } .nemc-notice .btn-more { position:absolute; right:0; top:-20px; color:#aab1be; font-size:13px; font-weight:700; } .nemc-notice ul { margin-top:16px; } .nemc-notice ul li { position:relative; color:#ffffff; line-height:1.25em; } .nemc-notice ul li a { color:#ffffff; } .nemc-notice ul li em { position:absolute; right:0; } .nemc-notice ul li span { padding-left:12px; width:330px; } .nemc-service { margin:20px 0; } .nemc-service h4 { margin:0 0 4px; text-align:center; color:#555; } .nemc-service ul { overflow:hidden; } .nemc-service ul li { display:none; float:left; width:128px; margin-top:24px; font-size:13px; text-align:center; } .nemc-service ul li a { color:#004b85; } .nemc-service ul li.on { display:inline-block; } .nemc-service img { width:80px; height:80px; } .nemc-service span { display:block; margin-top:10px; text-align:center; line-height:1.4em; font-weight:700; color:#555; } .nemc-service .item-view { position:relative; padding:0 42px; } .nemc-service .item-control .btn-prev { position:absolute; top:50px; left:0; width:24px; height:30px; padding:0; border:none; background:#808080; } .nemc-service .item-control .btn-prev:before { content:'〈'; color:#fff; font-size:14px; font-weight:700; } .nemc-service .item-control .btn-next { position:absolute; top:50px; right:0; width:24px; height:30px; padding:0; border:none; background:#808080; } .nemc-service .item-control .btn-next:before { content:'〉'; color:#fff; font-size:14px; font-weight:700; } .nemc-service .icon-service { display:block; width:80px; height:80px; margin:0 auto; background:url('/images/nemc/main_service.png') #f0f0f0 0 0 no-repeat; } .nemc-service .icon-service.type1 { background-position:0 0; } /* ========================================================================== E-Gen ========================================================================== */ /* 메인 */ .page-1200000000 .layout-container { background:url('/images/egen/main_bg.jpg') 0 0 repeat-x; } .page-1200000000 .layout-contents { padding-left:0; padding-right:0; } .egen-main { position:relative; overflow:hidden; } .egen-main-column1 { float:left; width:240px; margin-left:260px; position:relative; } .egen-main-column2 { float:left; width:480px; overflow:hidden; } .egen-main-column2 .column-inner { float:left; width:50%; } .egen-main-column3 { float:right; width:720px; overflow:hidden; } .egen-main-column3 .column-inner { float:left; width:240px; } .egen-main-column3 .column-inner.mobile { display: none; } .egen-main-column3 .column-inner.notice { width: 480px; } .egen-main-column4 { clear:both; width:260px; position:absolute; bottom:0; left:0; overflow:hidden; } .egen-main-column5 { width:460px; position:absolute; bottom:0; left:260px; overflow:hidden; } .egen-main-column6 { clear:both; overflow:hidden; } .egen-visual { text-align:right; } .egen-visual img { width:100%; max-width:720px; } .egen-emergency { position:absolute; top:-200px; left:-260px; width:220px; height:160px; padding:20px; background:url('/images/egen/main_emergency.png') #007b94 right bottom no-repeat; } .egen-emergency h4 { margin:0 0 10px; color:#ffffff; } .egen-emergency h4 a { color:#fff; } .egen-emergency p { color:#ffffff; word-break:keep-all; } .egen-map { position:absolute; left:-260px; height:340px; width:220px; padding:20px; background:url('/images/egen/main_map_flow.png') #79c9d9 center top no-repeat; } .egen-map .search-key { width:180px; vertical-align:middle; padding:5px 4px; border:none; font-size:12px; color:#007b94; } .egen-map .search-key:focus { border:none; } .egen-map .search-btn { width:30px; height:25px; vertical-align:middle; border:none; padding:0; margin-left:-4px; background:url('/images/egen/icon_search_s.png') #007b94 center center no-repeat; text-indent:-1000em; } .egen-map .map_contain { position:relative; } .egen-map .map_contain .area-area { } .egen-hospital { height:140px; padding:20px; background:url('/images/egen/main_hospital.png') #c8e1f5 right bottom no-repeat; } .egen-hospital h4 { margin:0 0 10px; color:#255a8f; } .egen-hospital p { color:#255a8f; word-break:keep-all; } .egen-hospital h4 a { color:#255a8f; } .egen-ambulance { height:140px; padding:20px; background:url('/images/egen/main_ambulance.png') #6d409a right bottom no-repeat; } .egen-ambulance h4 { margin:0 0 10px; color:#fff; } .egen-ambulance h4 a { color:#fff; } .egen-ambulance p { color:#fff; word-break:keep-all; } .egen-aed { height:140px; padding:20px; background:url('/images/egen/main_aed.png') #008836 right bottom no-repeat; } .egen-aed h4 { margin:0 0 10px; color:#fff; } .egen-aed h4 a { color:#fff; } .egen-aed ul li { color:#fff; } .egen-aed ul li a { color:#fff; } .egen-firstaid { height:160px; padding:20px; background:url('/images/egen/main_firstaid.png') #c74b53 right bottom no-repeat; } .egen-firstaid h4 { margin:0 0 10px; color:#fff; } .egen-firstaid h4 a { color:#fff; } .egen-firstaid p { color:#fff; word-break:keep-all; } .egen-firstaid-list { height:160px; padding:20px; background:#404047; } .egen-firstaid-list ul li { color:#fff; line-height:1.18em; } .egen-firstaid-list ul li a { color:#fff; } .egen-etc { height:160px; padding:20px; background:#2b5c9c; } .egen-etc ul { margin-top:-5px; } .egen-etc ul li { padding:9px 0; } .egen-etc ul li a { font-size:16px; font-weight:700; color:#fff; } .egen-etc ul li img { margin-right:8px; } .egen-etc ul li.move_interval { display: none; } .egen-etc ul li.move_interval.on { display: block; } .egen-notice { position:relative; height:170px; padding:15px 20px; background-color:#333a45; } .egen-notice .notice-tab { position:absolute; top:20px; border-left:1px solid #50565f; padding:0 12px 0 6px; } .egen-notice .notice-tab.tab1 { left:20px; border-left:none; padding-left:0; } .egen-notice .notice-tab.tab2 { left:94px; } .egen-notice .notice-tab.tab3 { left:189px; } .egen-notice .notice-tab.tab4 { left:268px; } .egen-notice .notice-tab a { color:#9aa2b2; font-size:16px; font-weight:700; line-height:1.0em; text-decoration:none; } .egen-notice .notice-tab a.on { color:#ffffff; text-decoration:underline; } .egen-notice .notice-contents { position:absolute; top:40px; width:420px; } .egen-notice .btn-more { position:absolute; right:0; top:-20px; color:#aab1be; font-size:13px; font-weight:700; } .egen-notice ul { margin-top:16px; } .egen-notice ul li { position:relative; color:#ffffff; line-height:1.25em; } .egen-notice ul li a { color:#ffffff; } .egen-notice ul li em { position:absolute; right:0; } .egen-notice ul li span { padding-left:12px; width:330px; } .egen-service { margin:20px 0; } .egen-service h4 { margin:0 0 4px; text-align:center; color:#555; } .egen-service ul { overflow:hidden; } .egen-service ul li { display:none; float:left; width:149px; margin-top:24px; font-size:13px; text-align:center; } .egen-service ul li a { color:#004b85; } .egen-service ul li.on { display:inline-block; } /* .egen-service img { width:80px; height:80px; } */ .egen-service span { display:block; margin-top:10px; text-align:center; line-height:1.4em; font-weight:700; color:#555; } .egen-service .item-view { position:relative; padding:0 42px; } .egen-service .item-control .btn-prev { position:absolute; top:50px; left:0; width:24px; height:30px; padding:0; border:none; background:#808080; } .egen-service .item-control .btn-prev:before { content:'〈'; color:#fff; font-size:14px; font-weight:700; } .egen-service .item-control .btn-next { position:absolute; top:50px; right:0; width:24px; height:30px; padding:0; border:none; background:#808080; } .egen-service .item-control .btn-next:before { content:'〉'; color:#fff; font-size:14px; font-weight:700; } .egen-service .icon-service { display:block; width:80px; height:80px; margin:0 auto; background:url('/images/nemc/main_service.png') #f0f0f0 0 0 no-repeat; } .egen-service .icon-service.type1 { background-position:0 0; } /* ========================================================================== TOX-INFO ========================================================================== */ /* 메인 */ .page-1500000000 .layout-container { background:url('/images/toxinfo/main_bg.jpg') 0 0 repeat-x; } .page-1500000000 .layout-contents { padding-left:0; padding-right:0; } .toxinfo-main { position:relative; overflow:hidden; } .toxinfo-main-column1 { margin-right:20px;float:right; width:480px; position:relative; padding-top:80px; } .toxinfo-main-column1 .column-inner { float:left; width:50%; } .toxinfo-main-column2 { float:left; width:480px; overflow:hidden; } .toxinfo-main-column2 .column-inner { float:left; width:50%; } .toxinfo-main-column3 { float:left; width:480px; overflow:hidden; } .toxinfo-main-column3 .column-inner { float:left; width:50%; } .toxinfo-main-column4 { clear:both; width:260px; position:absolute; bottom:0; left:0; overflow:hidden; } .toxinfo-main-column5 { width:460px; position:absolute; bottom:0; left:260px; overflow:hidden; } .toxinfo-main-column6 { clear:both; overflow:hidden; } .toxinfo-visual { float:left; } .toxinfo-visual img { width:100%; max-width:480px; height:280px;} .toxinfo-system-intro { height:160px; padding:20px; background:url('/images/toxinfo/sys_intro.png') #ffc000 right bottom no-repeat; } .toxinfo-system-intro h4 { margin:0 0 10px; color:#fff; } .toxinfo-system-intro h4 a { color:#333333; } .toxinfo-system-intro p { color:#333333; word-break:keep-all; } .toxinfo-info-search { height:160px; padding:20px; background:url('/images/toxinfo/info_srch.png') #ffb100 right bottom no-repeat; } .toxinfo-info-search h4 { margin:0 0 10px; color:#fff; } .toxinfo-info-search h4 a { color:#333333; } .toxinfo-info-search p { color:#333333; word-break:keep-all; } .toxinfo-antdt-usg { height:160px; padding:20px; background:url('/images/toxinfo/antidote_usg.png') #ffb03e right bottom no-repeat; } .toxinfo-antdt-usg h4 { margin:0 0 10px; color:#333333; } .toxinfo-antdt-usg h4 a { color:#333333; } .toxinfo-antdt-usg p { color:#333333; word-break:keep-all; } .toxinfo-antdt-rqst { height:160px; padding:20px; background:url('/images/toxinfo/antidote_rqst.png') #ff9804 right bottom no-repeat; } .toxinfo-antdt-rqst h4 { margin:0 0 10px; color:#fff; } .toxinfo-antdt-rqst h4 a { color:#333333; } .toxinfo-antdt-rqst p { color:#333333; } .toxinfo-analysis { height:160px; padding:20px; background:url('/images/toxinfo/tox_analysis.png') #ff7f00 right bottom no-repeat; } .toxinfo-analysis h4 { margin:0 0 10px; color:#333333; } .toxinfo-analysis h4 a { color:#333333; } .toxinfo-analysis p { color:#333333; word-break:keep-all; } .toxinfo-search { height:160px; padding:20px; background:#ff6f00; } .toxinfo-search h4 { margin:0 0 10px; color:#333333; } .toxinfo-search h4 a { color:#fff; } .toxinfo-search ul li { padding:4px 0; } .toxinfo-search ul li a { font-size:16px; font-weight:700; color:#fff; } .toxinfo-search ul li img { margin-right:8px; } /* ========================================================================== 교육 ========================================================================== */ /* 메인 */ .page-1400000000 .layout-container { background:url('/images/education/main_bg.jpg') 0 0 repeat-x; } .page-1400000000 .layout-contents { padding-left:0; padding-right:0; } .edu-main { position:relative; overflow:hidden; } .edu-main-column1 { float:right; width:500px; position:relative; padding-top:80px; } .edu-main-column1 .column-inner { float:left; width:50%; } .edu-main-column2 { clear:both; overflow:hidden; } .edu-main-column2 .column-inner1 { float:right; width:250px; } .edu-main-column2 .column-inner2 { float:left; width:730px; } .edu-main-column3 { clerr:both; overflow:hidden; } .edu-main-column3 .column-inner1 { float:left; width:250px; } .edu-main-column3 .column-inner2 { float:right; width:250px; } .edu-main-column4 { width:480px; position:absolute; bottom:0; left:250px; overflow:hidden; } .edu-visual { float:left; } .edu-visual img { width:100%; max-width:480px; } .edu-intro { height:160px; padding:20px; background:url('/images/education/main_intro.png') #91ce3d right bottom no-repeat; } .edu-intro h4 { margin:0 0 10px; color:#28520d; } .edu-intro h4 a { color:#28520d; } .edu-intro p { color:#28520d; word-break:keep-all; } .edu-course { height:160px; padding:20px; background:url('/images/education/main_course.png') #0e822d right bottom no-repeat; } .edu-course h4 { margin:0 0 10px; color:#fff; } .edu-course h4 a { color:#fff; } .edu-course p { color:#fff; word-break:keep-all; } .edu-schedule { position:relative; padding:10px; background:#d8edea; } .edu-schedule h4 { margin-bottom:10px; color:#006666; } .edu-schedule .schedule-month { position:absolute; top:15px; right:20px; } .edu-schedule .schedule-month a { display:inline-block; border-radius:3px; padding:4px 8px; color:#006666; font-size:14px; font-weight:700; } .edu-schedule .schedule-month a.on { background:#108383; color:#fff; } .edu-schedule .schedule-body { height:260px; border:1px solid #bfdad6; background:#fff; overflow:hidden; } .edu-schedule .schedule-body .schedule-list { padding:20px; } .edu-schedule .schedule-body .schedule-list .common-btn { position:absolute; right:0; top:-5px; } .edu-schedule .schedule-calendar { float:left; width:251px; height:260px; padding-right:1px; border-right:1px solid #eaeaea; margin-left: 1px;} .edu-schedule .btn-more { position:absolute; right:40px; bottom:25px; } .edu-lecture { height:277px; padding:20px; background:url('/images/education/main_lecture_flow.png') #aee5bd center top no-repeat; } .edu-lecture ul li a { color:#003300; font-weight:700; } .edu-institute { height:160px; padding:20px; background:url('/images/education/main_institute.png') #068e58 right bottom no-repeat; } .edu-institute h4 { margin:0 0 10px; color:#fff; } .edu-institute h4 a { color:#fff; } .edu-institute p { color:#fff; word-break:keep-all; } .edu-issue { height:160px; padding:20px; background:url('/images/education/main_issue.png') #74c6cc right bottom no-repeat; } .edu-issue h4 { margin:0 0 10px; color:#004958; } .edu-issue h4 a { color:#004958; } .edu-issue p { color:#004958; word-break:keep-all; } .edu-notice { position:relative; height:170px; padding:15px 20px; background-color:#4d4949; } .edu-notice .notice-tab { position:absolute; top:20px; border-left:1px solid #50565f; padding:0 12px 0 16px; } .edu-notice .notice-tab.tab1 { left:20px; border-left:none; padding-left:0; } .edu-notice .notice-tab.tab2 { left:98px; } .edu-notice .notice-tab a { color:#a89d9d; font-size:16px; font-weight:700; line-height:1.0em; text-decoration:none; } .edu-notice .notice-tab a.on { color:#ffffff; text-decoration:underline;} .edu-notice .btn-more { position:absolute; right:0; top:-20px; color:#b3bab6; font-size:13px; font-weight:700; } .edu-notice .notice-contents { position:absolute; top:40px; width:420px; } .edu-notice ul { margin-top:16px; } .edu-notice ul li { position:relative; color:#ffffff; line-height:1.25em; } .edu-notice ul li span { width:350px; padding-left:12px; } .edu-notice ul li a { color:#ffffff; } .edu-notice ul li em { position:absolute; right:0; } .common-hgroup4.education-info { margin-top:0; } /* ========================================================================== 달빛어린이병원 ========================================================================== */ /* 메인 */ .service-moonlight { } .service-moonlight .layout-container { padding-top:380px; background: url('/images/moonlight/main_visual_new.png') center 20px no-repeat; } .service-moonlight .layout-contents { background:#fff; border-radius:8px; padding-left:15px; padding-right:15px; padding-bottom:40px; } .service-moonlight .layout-contents .moonlight-header-info { position:absolute; top:-9999px; } .service-moonlight .moonlight-visual { padding-bottom:10px; background:#355a7f; background:-webkit-linear-gradient(#112f51, #42658b); background:linear-gradient(#112f51, #42658b); } .service-moonlight .common-aside { top:-210px; } .kids-main { padding-top:15px; } .kids-main .kids-map-search { margin-bottom:20px; text-align:center; } .kids-main .kids-map-search p { color:#1970bb; font-size:18px; font-weight:700; } .kids-main .kids-map-search .list-search-key { width:300px; } .kids-main .kids-map-search select { min-width:100px; } .kids-main .kids-map-search .filter-category { margin:15px 0; } .kids-visual-bottom { position:absolute; right:-400px; bottom:-40px; z-index:1; } /* ========================================================================== etc ========================================================================== */ /* 달력 피커 */ .ui-datepicker-header select { color:#555; } .ui-datepicker-trigger { display:inline-block; vertical-align:middle; width:28px; height:26px; border:none; margin-left:6px; background:url('/images/nemc/nemc_icon_calendar.png') 0 0 no-repeat; } /* 보건소연락처 바로가기 */ .common-quick-telno { position:absolute; right:357px; top:0; } .common-quick-telno a { display:block; width:120px; height:55px; background:url('/images/common/telno_icon.png') 0 0 no-repeat; background-size : contain; text-indent:-9999em; overflow:hidden; } /* 코로나19 임시 바로가기 */ .common-quick-covid19_temp { position:absolute; right:199px; top:0; } .common-quick-covid19_temp a { display:block; width:160px; height:55px; background:url('/images/common/covid19_icon5.png') 0 0 no-repeat; text-indent:-9999em; overflow:hidden; background-position:top; } /* 코로나19 바로가기 */ .common-quick-covid19 { position:absolute; right:200px; top:0; } .common-quick-covid19 a { display:block; width:120px; height:55px; background:url('/images/common/covid19_icon4.png') 0 0 no-repeat; text-indent:-9999em; overflow:hidden; background-position:top; } /* 암 진료 바로가기 */ .common-quick-cancer { position:absolute; right:86px; top:0; } .common-quick-cancer a { display:block; width:120px; height:55px; background:url('/images/common/cancer_quick4.png') 0 0 no-repeat; text-indent:-9999em; overflow:hidden; background-position:top; } /* E-GEN 바로가기 */ .common-quick-egen { position:absolute; right:0; top:0; } .common-quick-egen a { display:block; width:90px; height:80px; background:url('/images/common/logo_quick2.png') 0 0 no-repeat; background-size : contain; text-indent:-9999em; overflow:hidden; background-position: left top 5px; } /* E-GEN 바로가기 */ .common-quick-egen-emergency { position:absolute; right:0; top:0;} .common-quick-egen-emergency a { display:block; width:90px; height:80px; background:url('/images/common/logo_quick2.png') 0 0 no-repeat; background-size : contain; text-indent:-9999em; overflow:hidden; background-position: left top 5px; } /* 보건소 연락처 바로가기 */ .common-health-call {position:absolute;top: 205px;left: 460px;} .common-health-call a {display:block;width: 80px;height: 35px;background:url('/images/common/health_call1.png') 0 0 no-repeat;text-indent:-9999em;overflow: hidden;background-position: center;background-size: contain;} .holiday-health-call {position:absolute;top: 185px;left: 400px;} .holiday-health-call a {display:block;width: 80px;height: 35px;background:url('/images/common/health_call2.png') 0 0 no-repeat;text-indent:-9999em;overflow:hidden;background-position: center;background-size: contain;} @media only screen and (max-width: 480px) { /* 코로나19 임시 바로가기 */ .common-quick-covid19_temp {width:33%; position:relative; float: left; right:0;} .common-quick-covid19_temp a {width:auto;} /* 코로나19 바로가기 */ .common-quick-covid19 {width:33%; position:relative; float: left; right:0;} .common-quick-covid19 a {width:auto;} /* 암 진료 바로가기 */ .common-quick-cancer {width:33%; position:relative; float: left; right:0;} .common-quick-cancer a {width:auto;} /* E-GEN 바로가기 */ .common-quick-egen {width:33%; float: left; right:0;} .common-quick-egen a {width:auto;} /* E-GEN 바로가기 */ .common-quick-egen-emergency {width:33%; float: left; right:0;} .common-quick-egen-emergency a {width:auto;} /* 보건소 연락처 바로가기 */ .common-health-call {position: relative;top: 182px;left: -70px;float: right;background-color:white;border-radius: 1em 1em;padding: 2px 2px;} .common-health-call a {width: 55px;height: 20px;} .holiday-health-call {position: relative;top: 170.4px;left: -56px;float: right;background-color:white;border-radius: 1em 1em;padding: 2px 2px;} .holiday-health-call a {width: 55px;height: 20px;} } /* ========================================================================== 지도 ========================================================================== */ /* 지도 헤더 */ .map-header { position:relative; z-index:5; padding:20px; margin-bottom:20px; } .map-header .section-thumbnail { float:left; margin-right:25px; } .map-header .section-desc { } .map-header .section-desc h4 { margin:0 0 4px; color:#1970bb; } .map-header .section-desc p { margin:0; font-size:12px; } .map-header .section-desc p.balance-info { margin-left:88px; } .map-header .section-command { position:absolute; right:20px; top:10px; } .map-legend { border-bottom:1px solid #f1f1f1; } .map-legend p { margin:0; padding:10px 5px; } .map-legend span { margin-left:4px; font-size:11px; } /* 지도 본문 정보 */ .map-body-info { margin-bottom:10px; text-align:right; } .map-body-info.holiday { padding-top:130px; } .map-body-info.general { margin-top:-15px; } .map-body-info strong { font-weight:700px; color:#cc3300; } .map-body-info .place-result-count { margin-right:4px; } .map-body-info .icon-place-status { margin-left:15px; } /* 지도 본문 필터 */ .map-body-filter { #min-height:22px; border:1px solid #dfdfdf; border-bottom:none; padding:10px; background:#fafafa; } .map-body-filter:after { content: " "; display: table; clear: both; } .map-body-filter .filter-area { float:left; } .map-body-filter .filter-order { float:right; } /* 지도 본문 */ .map-body { clear:both; #width:978px; position:relative; overflow:auto; min-height:740px; /*border:1px solid #dfdfdf;*/ } .map-body .map-jump-button {position: absolute;z-index: 2;background-color: black;color: white;height: 30px;border-radius: 5px;} .map-body .map-layout { position:relative; height:100%; margin-right:0; } .map-body .map-view { position:relative; overflow:hidden; height:740px; } .map-body .map-list { display:none; position:absolute; right:0; top:0; z-index:4; width:300px; height:100%; /*border-left:1px solid #969696;*/ overflow-y:auto; background:#fff; } .map-body .place-list-wrap { height:740px; overflow:auto; } .map-body .place-list li { position:relative; border-bottom:1px solid #f1f1f1; overflow:hidden; cursor:pointer; background:url('/images/common/map_list_bg.png') repeat-y; } .map-body .place-list h5 { margin:0 0 4px; font-size:14px; color:#1970bb; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .map-body .place-list .info { padding:15px 10px 15px 50px; } .map-body .place-list .info p { margin:0; line-height:1.4em; font-size:12px; } .map-body .place-list .info p.info-category { color:#707070; } .map-body .place-list .info p.info-tel { color:#707070; } .map-body .place-list .info p.info-addr { color:#707070; } .map-body .place-list .info p.info-addr-new { color:#555; } .map-body .place-list .info p.info-addr-old { margin-top:4px; color:#707070; } .map-body .place-list .info p.info-grdcemdv { margin-bottom:4px; color:#707070; } .map-body .place-list .info p.info-addr-old em { display:inline-block; padding:3px 5px 3px; background:#8c8c8c; color:#fff; font-size:12px; line-height:1em; } .map-body .place-list .info p.info-status { margin-top:5px; padding-bottom:5px; } .map-body .place-list .info p.info-today { margin-top:5px; } .map-body .place-list .info p.info-location { color:#555; margin-top:4px; } .map-body .place-list .info p.info-location em { display:inline-block; padding:3px 5px 3px; color:#fff; font-size:12px; line-height:1em; background-color:green; } .map-body .place-list .marker { position:absolute; left:0; top:15px; width:50px; background:#fff; text-align:center; } .map-body .place-list .marker .marker-number { display:block; width:24px; height:24px; margin:0 auto; background:url('/images/common/map_marker_list.png') 0 0 no-repeat; } .map-body .place-list .marker .marker-number.number1 { background-position:0 0; } .map-body .place-list .marker .marker-number.number2 { background-position:0 -30px; } .map-body .place-list .marker .marker-number.number3 { background-position:0 -60px; } .map-body .place-list .marker .marker-number.number4 { background-position:0 -90px; } .map-body .place-list .marker .marker-number.number5 { background-position:0 -120px; } .map-body .place-list .marker .marker-number.number6 { background-position:0 -150px; } .map-body .place-list .marker .marker-number.number7 { background-position:0 -180px; } .map-body .place-list .marker .marker-number.number8 { background-position:0 -210px; } .map-body .place-list .marker .marker-number.number9 { background-position:0 -240px; } .map-body .place-list .marker .marker-number.number10 { background-position:0 -270px; } .map-body .place-list .marker em { display:block; text-align:center; font-size:11px; color:#555; } .map-body .place-summary { max-width:200px; padding:4px 10px; } .map-body .place-summary h5 { font-size:12px; color:#333333; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; } .map-body .place-summary2 { padding:4px 10px; top:-60px; position:relative; background:#fff; border:1px solid #000; } .map-body .place-summary2 h5 { font-size:12px; color:#333333; } .map-body .place-detail { padding:20px; } .map-body .place-detail.add-bigo { margin-bottom:10px; } .map-body .place-detail h5 { max-width:340px; font-size:15px; color:#333333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .map-body .place-detail h6 { margin:15px 0 5px; font-size:13px; color:#333333; } .map-body .place-detail .place-contain { min-width:300px; padding-top:6px; margin-top:10px; border-top:2px solid #747474; } .map-body .place-detail .info p { margin:0; line-height:1.4em; font-size:12px; } .map-body .place-detail .info p.info-category { color:#707070; } .map-body .place-detail .info p.info-category.homepage { color:#000080; margin-top:3px; } .map-body .place-detail .info p.info-tel { color:#707070; } .map-body .place-detail .info p.info-tel.aed { height:20px; } .map-body .place-detail .info p.info-addr { color:#707070; } .map-body .place-detail .info p.info-addr-new { color:#555; } .map-body .place-detail .info p.info-addr-old { margin-top:4px; color:#707070; } .map-body .place-detail .info p.info-addr-old em { display:inline-block; padding:3px 5px 3px; background:#8c8c8c; color:#fff; font-size:12px; line-height:1em; } .map-body .place-detail .info p.info-location { color:#555; } .map-body .place-detail .info p.info-location em { display:inline-block; padding:3px 5px 3px; color:#fff; font-size:12px; line-height:1em; background-color:green; } .map-body .place-detail .schedule { padding:8px 0; margin:8px 0; border-top:1px solid #dfdfdf; } .map-body .place-detail .schedule ul { overflow:hidden; max-width:330px; } .map-body .place-detail .schedule ul li { float:left; width:46%; padding-top:2px; padding-bottom:2px; font-size:12px; } .map-body .place-detail .schedule ul li span { font-weight:700; } .map-body .place-detail .schedule.type2 li { float:none; width:auto; } .map-body .place-detail .extra { padding:8px 0; margin:8px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; } .map-body .place-detail .extra ul li span { font-weight:700; } .map-body .place-detail .command { margin-top:10px; padding-top:10px; border-top:1px solid #dfdfdf; text-align:right; } .map-body .place-detail .btn-close { position:absolute; right:18px; top:18px; display:block; width:20px; height:20px; background:url('/images/common/icon_close.png') -40px 0 no-repeat; color:#fff; text-indent:-10000em; border: 0px;} .map-body .map-opener { position:absolute; z-index:9999; right:0; bottom:13px; display:block; width:70px; height:40px; border-radius:5px 0 0 5px; background:#505050; opacity:0.85; cursor: pointer;} .map-body .map-opener span { display:none; } .map-body .map-opener a { color:#fff; } .map-body .map-opener em:before { content:'목록 열기'; display:block; text-align:center; color:#fff; font-size:13px; font-weight:700; line-height:40px; } .map-body.on .map-layout { margin-right:300px; } .map-body.on .map-list { display:block; } .map-body.on .map-list.general { position:relative; width:100%; height:100%; } .map-body.on .map-opener { position:absolute; right:300px; width:35px; line-height:100%; } .map-body.on .map-opener em:before { content:'닫기'; } /* 지도 셀렉트 */ .map-body .map-select { position:absolute; left:5px; top:5px; z-index:1; width:150px; } .map-body .map-select .select-opener { box-shadow:1px 1px 1px #aaa; border:1px solid #969696; border-radius:4px; background:url('/images/common/select_bg.png') 0 0 repeat; } .map-body .map-select .select-opener a { display:block; padding:8px 18px 8px 10px; color:#333333; text-decoration:none; font-weight:700; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .map-body .map-select .select-opener .icon-place-category { margin-right:6px; background-position-x:0; } .map-body .map-select .select-opener .common-icon-arrow { position:absolute; right:10px; top:12px; } .map-body .map-select .select-dropdown { box-shadow:1px 1px 1px #aaa; margin-top:3px; padding:4px 0; border:1px solid #969696; border-radius:4px; background:url('/images/common/select_bg.png') 0 0 repeat; } .map-body .map-select .select-dropdown ul { overflow-y:auto; max-height:300px; } .map-body .map-select .select-dropdown .icon-place-category { margin-right:6px; } .map-body .map-select .select-dropdown a { display:block; padding:4px 10px; color:#676767; text-decoration:none; font-weight:700; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .map-body .map-select .select-dropdown a:hover { text-decoration:underline; } /* 지도 검색 */ .sido, .gugun, .dong { width:32% !important; } .general-sido, .general-gugun, .general-dong, .general-street { width:32% !important; } .prtcode { width:30% !important; } .work-day { width:17% !important; } /* 명절기간 외 날짜 표출색상 */ .holiday_time { width:98%; overflow:hidden; margin-top:5px; } .holiday_time .time { float:left; width:25%; } .holiday_time .time u { color:#121cb7; } .holiday_time .time u strong { color:#121cb7; } .holiday_time .time.two-cols { float:left; width:50%; } /* 명절기간 날짜 표출색상(빨간색) */ .holiday_time .highlight { float:left; width:25%; } .holiday_time .highlight u { color:red; } .holiday_time .highlight u strong { color:red; } .holiday_time .highlight.two-cols { float:left; width:50%; } .search-emogtype { margin-left:10px; } .jusoType {margin-bottom:5px;} /* 명절기간 외 날짜 표출색상 */ .screening_center_time { width:98%; overflow:hidden; margin-top:5px; } .screening_center_time .time { float:left; width:25%; } .screening_center_time .time u { color:#121cb7; } .screening_center_time .time u strong { color:#121cb7; } .screening_center_time .time.two-cols { float:left; width:50%; } /* 명절기간 날짜 표출색상(빨간색) */ .screening_center_time { width:98%; overflow:hidden; margin-top:5px; } .screening_center_time .highlight { float:left; width:25%; } .screening_center_time .highlight u { color:red; } .screening_center_time .highlight u strong { color:red; } .screening_center_time .highlight.two-cols { float:left; width:50%; } /* 현위치 설정 */ .map-body .current-location { position:absolute; left:5px; bottom:10px; z-index:1; width:126px; } .map-body .current-location .location { box-shadow:1px 1px 1px #aaa; border:1px solid #969696; border-radius:4px; background:url('/images/common/select_bg.png') 0 0 repeat; } .map-body .current-location .location a { display:block; padding:8px 18px 8px 10px; color:#333333; text-decoration:none; font-weight:700; text-align:center; } .map-body .no-result { margin-left:35px; font-weight:bold; } .no-result { padding:50px 0; } /* 지도 장소 상태 아이콘 */ .operation-type { font-size:13px; margin-left:5px; vertical-align: middle; } .icon-place-status { display:inline-block; vertical-align:middle; width:24px; height:24px; background:url('/images/common/map_status2.png') 0 0 no-repeat; text-align:left; /*text-indent:-9999em;*/ } .icon-emogtryn { display:inline-block; vertical-align:middle; width:24px; height:24px; background:url('/images/common/icon_hospital_emogtryn.png') 0 0 no-repeat; background-size: contain; text-align:left; /*text-indent:-9999em;*/ } .icon-child-spclty-at { display:inline-block; vertical-align:middle; width:24px; height:24px; background:url('/images/common/icon_hospital_child_spclty_at.png') 0 0 no-repeat; background-size: contain; text-align:left; /*text-indent:-9999em;*/ } .icon-place-status.one-rows { float:left; width:100%; position:relative; margin-top:7px; margin-bottom:8px; } .icon-place-status.two-rows { float:left; width:50%; position:relative; margin-top:7px; margin-bottom:8px; } .icon-place-status.three-rows { float:left; width:33%; position:relative; margin-top:3px; } .icon-place-status.one-rows span, .icon-place-status.two-rows span, .icon-place-status.three-rows span { position:absolute; top:4px; left:30px; color:#000; font-size:11px; } .icon-place-status.one-rows span.sun_msg, .icon-place-status.two-rows span.sun_msg, .icon-place-status.three-rows span.sun_msg { position:relative; top:0px; left:0px; color:red; font-size:11px; } .icon-place-status.type1 { background-position:0 0; } .icon-place-status.type1.off { background-position:0 -60px; } .icon-place-status.type2 { background-position:0 -120px; } .icon-place-status.type2.off { background-position:0 -180px; } .icon-place-status.type3 { background-position:0 -240px; } .icon-place-status.type3.off { background-position:0 -300px; } .icon-place-status.type4 { background-position:0 -360px; } .icon-place-status.type4.off { background-position:0 -420px; } .icon-place-status.type5 { background-position:0 -480px; } .icon-place-status.type5.off { background-position:0 -540px; } .icon-place-status.type6 { background-position:0 -600px; } .icon-place-status.type6.off { background-position:0 -660px; } /* 달빛 어린이 병원 아이콘 */ .icon-place-status.type7 { background:url('/images/common/map_ml.png') 0 0 no-repeat; } /* 선별진료소 아이콘 */ .icon-place-status.type8 { background:url('/images/common/map_sc.jpg') 0 0 no-repeat; } .icon-search-type { display:inline-block; text-align:center; margin-left:5px; padding:2px; background-color:#343434; color:#fff; } .icon-search-type.list-to-detail { padding:2px; background-color:#505050; } /* 지도 장소 분류 아이콘 */ .icon-place-category { display:inline-block; vertical-align:middle; width:16px; height:16px; background:url('/images/common/map_category.png') 0 0 no-repeat; text-align:left; text-indent:-9999em; } .icon-place-category.type1 { background-position:-30px 0; } .icon-place-category.type2 { background-position:-30px -30px; } .icon-place-category.type3 { background-position:-30px -60px; } .icon-place-category.type4 { background-position:-30px -90px; } .icon-place-category.type5 { background-position:-30px -120px; } /* 지도 확대 컨트롤 */ .map-body .control-zoom { position:absolute; right:5px; top:5px; z-index:1; } .map-body .control-zoom .up { height: 23px; background: url(https://i1.daumcdn.net/localimg/localimages/07/2011/map/detail/zoom.png) no-repeat 0 0; } .map-body .control-zoom .up:hover { height: 23px; background: url(https://i1.daumcdn.net/localimg/localimages/07/2011/map/detail/over_zoom.png) no-repeat 0 0; } .map-body .control-zoom .zoom { display: block; width: 23px; text-indent: -9999px; } .map-body .control-zoom a { overflow: hidden; } .map-body .control-zoom .down { height: 22px; background: url(https://i1.daumcdn.net/localimg/localimages/07/2011/map/detail/out.png) no-repeat 0 0; } .map-body .control-zoom .down:hover { height: 22px; background: url(https://i1.daumcdn.net/localimg/localimages/07/2011/map/detail/over_out.png) no-repeat 0 0; } .map-body .control-zoom .reset { height: 23px; background: url(https://i1.daumcdn.net/localimg/localimages/07/2011/map/detail/refresh.png) no-repeat 0 0; } .map-body .control-zoom .reset:hover { height: 23px; background: url(https://i1.daumcdn.net/localimg/localimages/07/2011/map/detail/over_refresh.png) no-repeat 0 0; } /* 지도 검색 필터 */ .map-filter-detail { position:absolute; left:-1px; margin-top:20px; width:100%; border:1px solid #dfdfdf; background:#fafafa; } .map-filter-detail-contain { padding:10px 20px 20px; } .map-filter-detail-contain p label + label { margin-right:30px; margin-left:0; } .map-filter-detail p { margin:0; } .map-filter-detail p + p { margin-top:10px; } .map-filter-detail .map-filter-group { position:relative; border-bottom:1px solid #dfdfdf; padding-bottom:4px; } .map-filter-detail .map-filter-group h5 { margin:0; font-size:13px; } .map-filter-detail .map-filter-group h5 a { display:block; padding:8px 0 6px; text-decoration:none; } .map-filter-detail .map-filter-group h5 .common-icon-arrow { position:absolute; right:0; top:12px; } .map-filter-detail .map-filter-group-detail label { font-weight:normal; } .map-filter-detail .map-filter-group-detail ul { overflow:hidden; } .map-filter-detail .map-filter-group-detail.type-columb3 li { float:left; width:33%; padding:4px 0; } .map-filter-detail .map-filter-group-detail.type-columb6 li { float:left; width:16%; padding:4px 0; } .map-filter-detail .btn-close { position:absolute; right:18px; top:18px; display:block; width:20px; height:20px; background:url('/images/common/icon_close.png') -40px 0 no-repeat; color:#fff; text-indent:-10000em; } .label-align-left { margin-left:25px; } /* 지도 검색 필터-일반 검색 */ .map-filter-detail-general { width:100%; border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; background:#fafafa; } .map-filter-detail-general .response-wide { display:block; margin-left:0; margin-right:0; } .map-filter-detail-general p { margin:0; } .map-filter-detail-general p + p { margin-top:10px; } .map-filter-detail-general .map-filter-group { position:relative; border-bottom:1px solid #dfdfdf; padding-bottom:4px; } .map-filter-detail-general .map-filter-group h5 { margin:0; font-size:13px; } .map-filter-detail-general .map-filter-group h5 a { display:block; padding:8px 0 6px; text-decoration:none; } .map-filter-detail-general .map-filter-group h5 .common-icon-arrow { position:absolute; right:0; top:12px; } .map-filter-detail-general .map-filter-group-detail label { font-weight:normal; } .map-filter-detail-general .map-filter-group-detail ul { overflow:hidden; } .map-filter-detail-general .map-filter-group-detail.type-columb3 li { padding:4px 0; } .map-filter-detail-general .map-filter-group-detail.type-columb6 li { padding:4px 0; } .map-filter-detail-general .btn-close { position:absolute; right:18px; top:10px; display:block; width:20px; height:20px; background:url('/app/images/common/icon_close.png') -40px 0 no-repeat; color:#fff; text-indent:-10000em; } /* 명절 연휴, 비상진료 페이지*/ .holiday-filter-detail-general { width:100%; border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; background:#fafafa; } .holiday-filter-detail-general .response-wide { display:block; margin-left:0; margin-right:0; } .holiday-filter-detail-general p { margin:0; } .holiday-filter-detail-general p + p { margin-top:10px; } .holiday-filter-detail-general-mobile { display:none; } /* 지도 페이지네이션 */ .map-pagination { margin:10px 0 15px; text-align:center; } .map-pagination .page-btn-page { display:inline-block; vertical-align:middle; width:20px; height:20px; margin:0 2px; background:url('/images/common/map_pagination.png') 0 0 no-repeat; color:#fff; } .map-pagination .page-btn-page.page-type-first { background-position:0 0; } .map-pagination .page-btn-page.page-type-prev { background-position:0 -40px; } .map-pagination .page-btn-page.page-type-next { background-position:0 -80px; } .map-pagination .page-btn-page.page-type-last { background-position:0 -120px; } .map-pagination .page-btn-page span { display:none; } .map-pagination .page-count { display:inline-block; margin:0 4px; } .map-pagination .page-count .page-current { font-weight:700; } /* 상세정보 */ .search-place-view .place-view-body { position:relative; overflow:hidden; height:280px; border:1px solid #999999; } .search-place-view .info p { margin:0; line-height:1.4em; } .search-place-view .info p.info-addr { color:#707070; } .search-place-view .info p.info-addr-new { color:#555; } .search-place-view .info p.info-addr-old { margin-top:4px; color:#707070; } .search-place-view .info p.info-addr-old em { display:inline-block; padding:3px 5px 3px; background:#8c8c8c; color:#fff; font-size:12px; line-height:1em; } .search-place-view .place-info-detail .place-detail-view { padding:10px 0; border-top:2px solid #747474; border-bottom:1px solid #dfdfdf; } .search-place-view .place-info-detail .place-detail-view ul { overflow:hidden; } .search-place-view .place-info-detail .place-detail-view ul li { float:left; width:23%; } .no-reduce-word { margin:0; font-size:15px; font-weight:700; color:#333; line-height:1.4em; } /* ========================================================================== 자동완성 ========================================================================== */ /* 키워드 자동완성 */ .easy-autocomplete { display:inline-block; #display:inline; #margin-right:4px; } .easy-autocomplete-container { position:absolute; } .easy-autocomplete-container ul { display:none; padding:5px 0; border:1px solid #d4d4d4; background:#fff; } .easy-autocomplete-container ul li { cursor:pointer; } .easy-autocomplete-container ul li:hover { background:#f0f0f0; } .easy-autocomplete-container .eac-item { padding:6px 4px; } /* ========================================================================== 회원가입 ========================================================================== */ /* 가입단계 표시 */ .term { width:100%; height:100%; border:none; } .join-step-wrap { height:70px; overflow:hidden; margin-bottom:50px; background:url('/images/common/join_step.gif') 0 0 no-repeat; } .join-step-wrap.join-step1 { background-position:0 0; } .join-step-wrap.join-step2 { background-position:0 -70px; } .join-step-wrap.join-step3 { background-position:0 -140px; } .join-step-wrap.join-step4 { background-position:0 -210px; } .join-step-wrap .join-step { float:left; width:25%; padding:15px 0 0 0; } .join-step-wrap .join-step.on { color:#fff; } .join-step-wrap .join-step em { display:block; padding-left:116px; font-size:13px; } .join-step-wrap .join-step span { display:block; padding-left:116px; margin-top:6px; font-size:18px; font-weight:700; line-height:1em; } /* 약관 */ .join-terms-wrap .join-terms { height:165px; } .join-terms-wrap .section-field { margin-top:10px; text-align:right; } /* 인증 */ .identify-phone h5 { margin:0 0 20px; } .identify-phone .section-detail { } .identify-phone .section-thumbnail { position:absolute; right:30px; top:50px; } .identify-phone .section-command { margin-top:20px; } .identify-ipin h5 { margin:0 0 20px; } .identify-ipin .section-detail { } .identify-ipin .section-thumbnail { position:absolute; right:30px; top:60px; } .identify-ipin .section-command { margin-top:20px; } .identify-profile h5 { margin:0 0 20px; } .identify-profile .section-detail { } .identify-profile .section-thumbnail { position:absolute; right:30px; top:100px; } .identify-profile .section-command { margin-top:20px; } .identify-apply { padding:0; } .identify-apply a { position:relative; display:block; padding:32px 20px; color:#555555; text-decoration:none; font-size:16px; font-weight:700; } .identify-apply a b { color:#1970bb; } .identify-apply a .common-icon { position:absolute; right:16px; margin-top:-2px; } .identify-apply a img { margin:-14px 0; } .identify-guide { margin-top:20px; padding:20px; background:#fafafa; } /* 정보입력 */ .join-user-info { margin-top:30px; } .join-user-info .common-require-guide { } .join-user-info .common-form { } .join-user-info .field-email1 {} .join-user-info .field-email2 { width:200px; } .join-user-info .field-email3 {} .join-user-info .field-company1 {} .join-user-info .field-company2 { width:120px; } .join-user-info .field-company3 { width:80px; } .join-user-info .field-addr1 {} .join-user-info .field-addr2 { width:500px; } .join-user-info .field-addr3 { width:500px; } .join-user-info .field-account1 { width:80px; } .join-user-info .field-account2 { width:180px; } .join-user-info .field-account3 { width:120px; } /* 가입완료 */ .join-success { position:relative; padding:40px; background:#fafafa; } .join-success h3 { color:#1970bb; } .join-success p { font-size:16px; color:#707070; } .join-success .section-detail { min-height:160px; padding-top:30px; padding-left:400px; } .join-success .section-thumbnail { position:absolute; left:90px; top:45px; } .join-success .common-command { border-top:1px solid #dfdfdf; padding-top:40px; } .join-success .common-command .common-btn + .common-btn { margin-left:4px; } /* ========================================================================== 로그인 ========================================================================== */ .login-visual { overflow:hidden; } .login-visual .section-thumbnail { float:left; padding:35px 35px 0; } .login-visual .section-detail { float:left; } .login-visual .login-form { margin-top:10px; } .login-visual .login-form .login-fieldset { position:relative; } .login-visual .login-form .login-field-id { width:180px; #width:170px; } .login-visual .login-form .login-field-id input { width:100%; padding:10px; } .login-visual .login-form .login-field-pw { width:180px; #width:170px; margin-top:8px; } .login-visual .login-form .login-field-pw input { width:100%; padding:10px; } .login-visual .login-form .login-btn { position:absolute; left:190px; top:0 } .login-visual .login-form .login-btn .common-btn { height:84px; width:70px; padding:0; font-size:16px; } .login-visual .section-command { margin-top:10px; text-align:left; } .login-guide { margin-left:20px; } .login-guide .section-join { padding:8px 0 30px; border-bottom:1px solid #dfdfdf; } .login-guide .section-join p { min-height:50px; margin:0 0 20px; padding-left:65px; background:url('/images/common/icon_type1_user.png') 0 center no-repeat; } .login-guide .section-join .section-command { } .login-guide .section-find { } .login-guide .section-find p { min-height:50px; margin:30px 0 0; margin-bottom:20px; padding-left:65px; background:url('/images/common/icon_type1_private.png') 0 center no-repeat; } .login-guide .section-find .section-command { } /* 아이디 찾기 */ .find-userinfo-fieldset { } .find-userinfo-fieldset .field-label { width:70px; } .find-userinfo-fieldset .field-birth1 { width:70px; } .find-userinfo-fieldset .field-birth2 { width:55px; } .find-userinfo-fieldset .field-birth3 { width:55px; } .find-userinfo-fieldset .field-phone1 { width:60px; } .find-userinfo-fieldset .field-phone2 { width:40px; } .find-userinfo-fieldset .field-phone3 { width:40px; } /* 아이디 찾기 팝업 */ .find-id-result { margin-top:30px; margin-bottom:80px; } /* 비밀번호 변경 */ .password-visual { overflow:hidden; } .password-visual .section-thumbnail { float:left; margin:20px 100px 0; } .password-visual .section-detail { overflow:hidden; } .password-visual .password-form { margin-top:30px; } .password-guide h5 { padding-left:30px; background:url('/images/common/icon_caution.png') 0 center no-repeat; margin:0 0 8px; color:#cc3300; } .password-guide p { color:#555555; } .change-password-fieldset .field-label { width:120px; } .change-password-fieldset .field-pw1 { width:230px; } .change-password-fieldset .field-pw2 { width:230px; } .change-password-fieldset .field-pw3 { width:230px; } /* ========================================================================== 마이페이지 ========================================================================== */ /* 수강신청 현황 */ .my-lecture-apply .list-text1 { width:180px; } .my-lecture-apply .list-text2 { width:180px; } /* 수강중인강좌 */ .my-lecture-process .list-text1 { width:220px; } .my-lecture-process .list-text2 { width:220px; } /* 교육이수증발급 */ .my-issue .list-text1 { width:220px; } .my-issue .list-text2 { width:220px; } /* 수강종료강좌 */ .my-lecture-complete .list-text1 { width:220px; } .my-lecture-complete .list-text2 { width:220px; } /* 교육문의 내역 */ .my-education-status { margin-top:10px; } .my-education-status span { border-left:1px solid #dbdbdb; margin-left:6px; padding-left:10px; } .my-education-status span:first-child { border:none; } .my-education-status span strong { color:#d13400; } .my-education-view {} .my-education-view .my-education-q .common-hgroup5 { margin-bottom:10px; } .my-education-view .my-education-a .common-hgroup5 { margin-bottom:10px; } /* 탈퇴 */ .mypage-out .section-detail { margin:0; } .mypage-out .section-detail h3 { font-size:24px; color:#1970bb; } .mypage-out .mypage-out-guide { margin:50px 0 30px; } .mypage-out .mypage-out-guide li { padding:4px 0 4px 28px; text-indent:-28px; font-size:15px; line-height:1.4em; } .mypage-out { } .mypage-out { } .mypage-out .common-board-view .out-view-item { padding:20px; } .mypage-out .common-board-view .out-view-item label { display:block; margin:4px 0; font-weight:normal; } /* ========================================================================== 교육신청하기 ========================================================================== */ /* 달력보기 */ .education-month .common-hgroup5 { margin-top:0; } /* ========================================================================== 고객센터 ========================================================================== */ /* faq 공통 리스트 */ .faq-list { border-top:1px solid #dfdfdf; } .faq-list .faq-list-item { position:relative; } .faq-list .faq-list-item .question { display:block; position:absolute; top:12px; left:20px; width:32px; height:32px; background:url('/images/common/icon_mark_q.png') 0 0 no-repeat; text-indent:-9999px; } .faq-list .faq-list-item .list-item-opener { position:relative; display:block; padding:18px 20px 18px 70px; border-bottom:1px solid #dfdfdf; text-decoration:none; } .faq-list .faq-list-item .list-item-opener h5 { line-height:1.25em; padding:0 20px 0 0; font-size:16px; } .faq-list .faq-list-item .list-item-opener .common-icon-arrow { position:absolute; right:20px; top:18px; } .faq-list .faq-list-item .list-item-detail { position:relative; padding:15px 20px 15px 70px; border-bottom:1px solid #dfdfdf; } .faq-list .faq-list-item .list-item-detail .answer { display:block; position:absolute; top:20px; left:20px; width:32px; height:32px; background:url('/images/common/icon_mark_a.png') 0 0 no-repeat; text-indent:-9999px; } .faq-list .faq-list-item .list-item-detail p { min-height:32px; padding-top:5px; } /* faq 전체 리스트 */ .faq-all { margin-top:50px; } .faq-all .common-tabgroup { margin-bottom:46px; table-layout:fixed; } /* faq 검색 */ .faq-search { margin-bottom:46px; padding:20px; border:1px solid #dfdfdf; background:#fafafa; overflow:hidden; } .faq-search .faq-search-label { float:left; width:240px; margin-left:40px; font-size:16px; font-weight:700; color:#1970bb; padding-left:62px; min-height:40px; line-height:40px; background:url('/images/common/icon_faq_search.png') 0 0 no-repeat; } .faq-search .faq-search-field { padding-top:4px; } .faq-search .faq-search-field .faq-search-key { width:490px; padding-top:7px; padding-bottom:7px; } /* 설문조사 */ .survey-view .common-board-view .survey-view-group { padding:18px 12px; line-height:1.8em; } .survey-view .common-board-view .survey-view-group h5 { padding:10px 0 0 0; } .survey-view .common-board-view .survey-view-group .imageBox { margin-top:5px; margin-bottom:15px; } .survey-view .common-board-view .survey-view-group .imageBox img { max-width:700px; } .survey-view .common-board-view .survey-view-item { padding:1px 20px; } .survey-view .common-board-view .survey-view-item label { display:block; margin:4px 0; font-weight:normal; } .survey-view .common-board-view .survey-view-item textarea { width:100%; } /* 교육문의 */ .education-inquire-user .field-label { width:120px; } .education-inquire-detail .field-label { width:120px; } .education-inquire-detail input { width:500px; } .education-inquire-detail textarea { width:500px; height:150px; } /* ========================================================================== 통합검색 ========================================================================== */ /* 검색결과 */ .portal-search { margin-bottom:46px; padding:20px; border:1px solid #dfdfdf; background:#fafafa; overflow:hidden; } .portal-search .portal-search-label { float:left; width:180px; margin-left:40px; margin-top:8px; font-size:24px; font-weight:700; color:#1970bb; padding-left:62px; min-height:40px; line-height:40px; background:url('/images/common/icon_portal_search.png') 0 0 no-repeat; } .portal-search .portal-search-field { } .portal-search .portal-search-field .portal-search-key { width:560px; padding-top:7px; padding-bottom:7px; } .portal-search .portal-search-field .portal-search-filter { margin-bottom:10px; } .portal-result strong { color:#cc3300; } .portal-result em { color:#1970bb; } .portal-result .portal-result-length { font-size:18px; font-weight:700; line-height:1.6em; } .portal-result .common-tabgroup { margin-top:26px; } .portal-result .portal-result-list { position:relative; margin-top:40px; } .portal-result .portal-result-list h4 span { display:inline-block; vertical-align:midle; border-left:1px solid #dbdbdb; padding-left:10px; margin-left:10px; color:#707070; font-size:13px; font-weight:normal; line-height:1em; } .portal-result .portal-result-list h4 span em { font-weight:700; } .portal-result .portal-result-list h5 { margin:0; padding:0; background:none; } .portal-result .portal-result-list h5 a { color:#1970bb; } .portal-result .portal-result-list ul { margin-top:8px; border-top:2px solid #747474; } .portal-result .portal-result-list ul li { padding:10px 0 12px; border-bottom:1px solid #dfdfdf; } .portal-result .portal-result-list .portal-result-more { position:absolute; right:10px; top:6px; } .portal-result .portal-result-list .portal-result-more a { color:inherit; } .portal-result .portal-result-list .result-list-category { margin-top:8px; font-size:12px; color:#707070; } .portal-result .portal-result-list .result-list-category a { font-size:12px; color:#707070; } .portal-result .portal-result-list .common-list-none { margin-top:8px; border-top:2px solid #747474; } /* 중독물질 검색결과 */ .portal-tox-search { margin-bottom:46px; padding:20px; border:1px solid #dfdfdf; background:#fafafa; overflow:hidden; } .portal-tox-search .portal-search-label { float:left; width:180px; margin-left:40px; margin-top:8px; font-size:24px; font-weight:700; color:#1970bb; padding-left:62px; min-height:40px; line-height:40px; background:url('/images/common/icon_portal_search.png') 0 0 no-repeat; } .portal-tox-search .portal-tox-search-field { margin-top:6px; min-height:40px; line-height:40px; } .portal-tox-search .portal-tox-search-field .portal-search-key { width:560px; padding-top:7px; padding-bottom:7px; } .portal-tox-search .portal-tox-search-field .portal-search-filter { margin-bottom:10px; } .portal-tox-result strong { color:#cc3300; } .portal-tox-result em { color:#1970bb; } .portal-tox-result .portal-result-length { font-size:18px; font-weight:700; line-height:1.6em; } .portal-tox-result .common-tabgroup { margin-top:26px; } .portal-tox-result .portal-result-list { position:relative; margin-top:40px; } .portal-tox-result .portal-result-list h4 span { display:inline-block; vertical-align:midle; border-left:1px solid #dbdbdb; padding-left:10px; margin-left:10px; color:#707070; font-size:13px; font-weight:normal; line-height:1em; } .portal-tox-result .portal-result-list h4 span em { font-weight:700; } .portal-tox-result .portal-result-list h5 { margin:0; padding:0; background:none; } .portal-tox-result .portal-result-list h5 a { color:#1970bb; } .portal-tox-result .portal-result-list ul { margin-top:8px; border-top:2px solid #747474; } .portal-tox-result .portal-result-list ul li { padding:10px 0 12px; border-bottom:1px solid #dfdfdf; } .portal-tox-result .portal-result-list .portal-result-more { position:absolute; right:10px; top:6px; } .portal-tox-result .portal-result-list .portal-result-more a { color:inherit; } .portal-tox-result .portal-result-list .result-list-category { margin-top:8px; font-size:12px; color:#707070; } .portal-tox-result .portal-result-list .result-list-category a { font-size:12px; color:#707070; } .portal-tox-result .portal-result-list .common-list-none { margin-top:8px; border-top:2px solid #747474; } /* ========================================================================== 소개 ========================================================================== */ /* CI */ .intro-ci .color-system { } .intro-ci .color-system .common-column { overflow:hidden; } .intro-ci .color-system img { float:left; margin-right:10px; } .intro-ci .color-system p { margin-top:20px; overflow:hidden; } .intro-ci-download { float:right; margin: 0px 3px 0 0; } /* 컬러규정 */ .intro-color .color-guide { margin-top:20px; } /* 오시는길 */ .intro-location .bus-type img { margin-right:4px; } .intro-location .bus-color1 { color:#0e823e; font-weight:700; } .intro-location .bus-color2 { color:#1970bb; font-weight:700; } .intro-location .bus-color3 { color:#d14630; font-weight:700; } /* ========================================================================== e-gen ========================================================================== */ /* 응급처치 개요 */ .first-aid-wrap .consider { min-height:104px; } /* 상황별응급처치-독극물중독 */ .toxic-chemicals-addicted-wrap .common-box-contents.not-emesis { min-height:166px; } /* 상황별응급처치-중요질환 응급 증상 */ .emergency-symptom-wrap .common-box-contents.low-blood-sugar { min-height:196px; } .emergency-symptom-wrap .common-box-contents.asthma { min-height:234px; } /* 상황별응급처치-기타 응급 증상-복통 */ .etc-emergency-symptom-wrap .common-box-contents.abdominal-cavity { min-height:130px; } /* 응급처치 자료실 */ .firstaid-list .common-board-list .list-item { min-height:100px; } #search, .common-btn.spell { cursor:pointer; } /* 독극물 정보 */ .toxic-list .list-header-summary button { float:left; margin-left:4px; margin-bottom:4px; font-size:15px; overflow:hidden; #padding:7px 8px 8px; } .toxic-list .toxic-category li { margin-bottom:4px; } .toxic-list .toxic-category a { display:block; padding:12px 15px; background:#f0f0f0; text-decoration:none; font-size:14px; font-weight:700; color:#555; } .toxic-list .toxic-category a:before { content:'－'; font-weight:700; } .toxic-list .toxic-category a.on { background:#A5A5A5; color:#fff; } .toxic-list .toxic-category a.on:before { content:'〉'; margin:0 4px; font-size:9px; font-weight:700; } .toxic-list .toxic-info-summary { border-top:2px solid #747474; border-bottom:1px solid #cccccc; } .toxic-list .toxic-info-summary dl { padding:6px 0; } .toxic-list .toxic-info-summary dt { clear:both; float:left; width:70px; padding:6px 15px; font-weight:700; } .toxic-list .toxic-info-summary dd { overflow:hidden; padding:6px 15px; } .toxic-list .toxic-info-view { width:100%; height:500px; } .toxic-list .toxic-info-view textarea { width:100%; height:100%; border:1px solid #fff; } .toxic-list .toxic-info-view h5 { margin:20px 0; } .toxic-list .toxic-info-view p { margin:20px 0; } .toxic-list-app .list-header-summary button { float:left; margin-left:4px; margin-bottom:4px; font-size:15px; overflow:hidden; #padding:7px 8px 8px; } .toxic-list-app .toxic-category li { margin-bottom:4px; } .toxic-list-app .toxic-category a { display:block; padding:12px 15px; background:#f0f0f0; text-decoration:none; font-size:14px; font-weight:700; color:#555; } .toxic-list-app .toxic-category a:before { content:'－'; font-weight:700; } .toxic-list-app .toxic-category a.on { background:#007b94; color:#fff; } .toxic-list-app .toxic-category a.on:before { content:'〉'; margin:0 4px; font-size:9px; font-weight:700; } .toxic-list-app .toxic-info-summary { border-top:2px solid #747474; border-bottom:1px solid #cccccc; } .toxic-list-app .toxic-info-summary dl { padding:6px 0; } .toxic-list-app .toxic-info-summary dt { clear:both; float:left; width:70px; padding:6px 15px; font-weight:700; } .toxic-list-app .toxic-info-summary dd { overflow:hidden; padding:6px 15px; } .toxic-list-app .toxic-info-view { width:100%; height:500px; } .toxic-list-app .toxic-info-view textarea { width:100%; height:100%; border:1px solid #fff; } .toxic-list-app .toxic-info-view h5 { margin:20px 0; } .toxic-list-app .toxic-info-view p { margin:20px 0; } /* 응급처치 자료실 */ .statistics-list .common-board-list .list-item { min-height:100px; } /* ========================================================================== 명절 병의원 찾기 ========================================================================== */ /* 메인 */ /* .page-holiday { background:url('/images/holiday/holiday_visual_bg.jpg') 0 0 repeat-x; background-size: auto 250px;} */ .holiday-visual { height:250px; background:url('/images/holiday/holiday_visual_2025_3.png') center 0 no-repeat; } .holiday-visual .holiday-visual-inner { position:relative; margin:0 auto; max-width:980px; min-width:320px; } /* .emergency-visual { height:135px; margin: 0 auto; width:1010px; padding-top:20px;} */ .emergency-visual { height:250px; background:url('/images/common/emergency_visual_1.png') center 0 no-repeat; } .emergency-visual .emergency-visual-inner { position:relative; margin:0 auto; max-width:980px; min-width:320px; } .layout-contents_emergency { position:relative; margin:0 auto; margin-bottom:40px; width:980px; min-width:980px; min-height:745px; } /* ========================================================================== 주요사업 ========================================================================== */ /* 공통 : 추진계획 */ @media only screen and (min-width: 481px) { .business-wrap .business-new-plan .common-row { margin-top:-1px; overflow:hidden; } .business-wrap .business-new-plan .common-row ul { margin-bottom:30px; } } .business-wrap .business-new-plan .common-list-bullet.has-plan-date li { padding-left:125px; text-indent:-16px; } .business-wrap .business-new-plan .common-list-bullet.has-plan-date .plan-date { position:absolute; left:16px; } /* 응급의료통계조사 */ .business-wrap .statistic-new-plan1 { position:relative; padding:30px; margin-top:18px; border:2px solid #658ddf; border-radius:10px; } .business-wrap .statistic-new-plan1 h5 { position:absolute; top:-20px; left:50%; margin-left:-75px; padding:8px 50px; background:#385dba; border-radius:100px; color:#fff; } .business-wrap .statistic-new-plan2 { position:relative; padding:30px; margin-top:18px; border:2px solid #08b4a2; border-radius:10px; } .business-wrap .statistic-new-plan2 h5 { position:absolute; top:-20px; left:50%; margin-left:-75px; padding:8px 50px; background:#008273; border-radius:100px; color:#fff; } .business-wrap .statistic-new-plan3 { position:relative; padding:30px 30px 56px 30px; margin-top:18px; border:2px solid #658ddf; border-radius:10px; } .business-wrap .statistic-new-plan3 h5 { position:absolute; top:-20px; left:50%; margin-left:-75px; padding:8px 50px; background:#385dba; border-radius:100px; color:#fff; } .business-wrap .statistic-new-plan4 { position:relative; padding:30px 30px 65px 30px; margin-top:18px; border:2px solid #08b4a2; border-radius:10px; } .business-wrap .statistic-new-plan4 h5 { position:absolute; top:-20px; left:50%; margin-left:-75px; padding:8px 50px; background:#008273; border-radius:100px; color:#fff; } .business-wrap .statistic-new-plan-arrow { height:30px; margin-top:4px; background:url('/images/nemc/business_statistic_research_arrow.gif') center 0 no-repeat; } /* 기타사업 */ .business-wrap .others-arrow { height:23px; margin-bottom:2px; background:url('/images/nemc/business_others_arrow.gif') center 0 no-repeat; } .business-wrap .common-box-contents { min-height:80px; } /* ========================================================================== 응급의료체계 ========================================================================== */ /* 역사 */ .emergency-system-wrap .history-icon { display:inline-block; vertical-align:middle; background:url('/images/nemc/emergency_system_icon.png') 0 0 no-repeat; } .emergency-system-wrap .history-icon.type1 { width:28px; height:28px; background-position:0 0; } .emergency-system-wrap .history-icon.type2 { width:28px; height:28px; background-position:-30px 0; } .emergency-system-wrap .history-box { position:relative; text-align:center; } .emergency-system-wrap .history-box h5 { padding:8px 0; color:#fff; } .emergency-system-wrap .history-box .history-detial { padding:25px 20px 15px; min-height:40px; } .emergency-system-wrap .history-box .history-detial span { display:inline-block; vertical-align:middle; margin-left:4px; text-align:left; font-size:14px; font-weight:700; color:#fff; line-height:1.25em; } .emergency-system-wrap .history-box.type1 h5 { background:#007b94; } .emergency-system-wrap .history-box.type1 h5:after { content:'▼'; position:absolute; top:29px; left:50%; margin-left:-7px; color:#007b94;} .emergency-system-wrap .history-box.type1 .history-detial { background:#27a4ba; } .emergency-system-wrap .history-box.type2 h5 { background:#1970bb; } .emergency-system-wrap .history-box.type2 h5:after { content:'▼'; position:absolute; top:29px; left:50%; margin-left:-7px; color:#1970bb;} .emergency-system-wrap .history-box.type2 .history-detial { background:#519bd8; } .emergency-system-wrap .history-summary { width: 100%; padding:12px 12px 0; border:1px solid #dfdfdf; background:#faffff; } .emergency-system-wrap .history-summary h5 { display:inline-block; border-bottom:2px solid #3886c7; font-size:16px; color:#757575; } .emergency-system-wrap .history-summary p { font-size:12px; } /* 구성요소 */ .emergency-system-wrap .structure-view { border-left:1px solid #519bd8; padding-left:12px; } .emergency-system-wrap .structure-view ul li { padding:6px 0; } .emergency-system-wrap .structure-view span { font-weight:700; } /* 재난대응체계 */ .disaster-wrap .disaster-level { display:inline-block; width:30px; height:30px; margin-left:-7px; } .disaster-wrap .common-table th { text-align:center; } .disaster-wrap .disaster-level.type1 { background-color:#1970bb; } .disaster-wrap .disaster-level.type2 { background-color:#ebb112; } .disaster-wrap .disaster-level.type3 { background-color:#f79803; } .disaster-wrap .disaster-level.type4 { background-color:#ce5b44; } .disaster-wrap .disaster-category { display:inline-block; width:50px; height:50px; border-radius:50px; text-align:center; line-height:50px; color:#fff; } .disaster-wrap .disaster-category.type1 { background-color:#d14630; } .disaster-wrap .disaster-category.type2 { background-color:#ebb112; } .disaster-wrap .disaster-category.type3 { background-color:#0e823e; } .disaster-wrap .disaster-category.type4 { background-color:#333333; } .disaster-wrap .disaster-category.type4.rows2 { margin-top: 20px; } /* ========================================================================== OPEN API ========================================================================== */ /* 소개 */ .api-wrap .api-guide { min-height:260px; } /* ========================================================================== E-Gen > 자동심장충격기 ========================================================================== */ /* 자동심장충격기 동영상 */ .aed-wrap .aed-promotion-movie { background:#f0f0f0; } .aed-promotion-movie { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .aed-promotion-movie iframe, .aed-promotion-movie object, .aed-promotion-movie embed { position:absolute; top:0; left:0; width:100%; height:100%; } .aed-wrap .aed-movie-script { height:320px; } /* ========================================================================== 교육 > 교육사업소개 ========================================================================== */ /* 교육과정 구성 */ .edu-curriculum-wrap .curriculum-flow { overflow:hidden; } .edu-curriculum-wrap .curriculum-flow ul li { position:relative; float:left; margin-left:16px; border-radius:4px; padding:20px 40px; font-size:15px; color:#fff; font-weight:700; } .edu-curriculum-wrap .curriculum-flow ul li.step1 { background:#0e823e; } .edu-curriculum-wrap .curriculum-flow ul li.step2 { background:#148e46; } .edu-curriculum-wrap .curriculum-flow ul li.step3 { background:#239956; } .edu-curriculum-wrap .curriculum-flow ul li.step4 { background:#2d9d5d; } .edu-curriculum-wrap .curriculum-flow ul li.step5 { background:#2dad5e; } .edu-curriculum-wrap .curriculum-flow ul li:before { content:'>'; position:absolute; left:-12px; color:#999999; font-weight:700; } .edu-curriculum-wrap .curriculum-flow ul li:first-child { content:''; margin-left:0; } .edu-curriculum-wrap .curriculum-detail { height:470px; padding:15px 10px; } .edu-curriculum-wrap .curriculum-detail h5 { font-size:17px; text-align:center; } .edu-curriculum-wrap .curriculum-detail p { margin:15px 0 0; border-radius:4px; padding:4px 20px; font-size:15px; color:#fff; font-weight:700; } .edu-curriculum-wrap .curriculum-detail .curriculum-icon { padding-left:30px; background:url('/images/education/curriculum_icon.png') 0 0 no-repeat; line-height:20px; } .edu-curriculum-wrap .curriculum-detail .curriculum-icon.type1 { background-position:0 0; } .edu-curriculum-wrap .curriculum-detail .curriculum-icon.type2 { background-position:0 -30px; } .edu-curriculum-wrap .curriculum-detail .curriculum-icon.type3 { background-position:0 -60px; } .edu-curriculum-wrap .curriculum-detail ul { margin:5px 15px 15px; } .edu-curriculum-wrap .curriculum-detail.detail-section1 { } .edu-curriculum-wrap .curriculum-detail.detail-section1 h5 { color:#1970bb; } .edu-curriculum-wrap .curriculum-detail.detail-section1 p { background:#3886c7; font-size:17px; } .edu-curriculum-wrap .curriculum-detail.detail-section2 h5 { color:#007b94; } .edu-curriculum-wrap .curriculum-detail.detail-section2 p { background:#0e90a7; font-size:17px; } .edu-curriculum-wrap .curriculum-detail.detail-section3 h5 { color:#008273; } .edu-curriculum-wrap .curriculum-detail.detail-section3 p { background:#009c8c; font-size:17px; } /* ========================================================================== 교육 > 교육신청 ========================================================================== */ /* 교육신청안내 */ .edu-apply-info-wrap .apply-flow { margin-top:30px; overflow:hidden; } .edu-apply-info-wrap .apply-flow ul li { position:relative; float:left; width:22%; margin-left:3%; border-radius:4px; padding:12px 0; background:#0e823e; font-size:15px; color:#fff; line-height:1.2em; text-align:center; } .edu-apply-info-wrap .apply-flow ul li:before { content:'>'; position:absolute; left:-8%; top:35%; color:#999999; font-weight:700; } .edu-apply-info-wrap .apply-flow ul li:first-child { content:''; margin-left:0; } .edu-apply-info-wrap .apply-flow ul li p { display:inline-block; vertical-align:middle; margin:0; text-align:left; #text-align:center; } .edu-apply-info-wrap .apply-flow ul li p.line-type1 { margin:12px 0; } .edu-apply-info-wrap .apply-flow ul li strong { display:block; color:#fff; font-size:16px; font-weight:700; } .edu-apply-info-wrap .apply-flow ul li span { display:block; color:#fff; font-size:13px; } .edu-apply-info-wrap .apply-flow .apply-icon { display:inline-block; vertical-align:middle; margin-right:10px; display:inline-block; width:42px; height:40px; background:url('/images/education/apply_icon.png') 0 0 no-repeat; line-height:20px; } .edu-apply-info-wrap .apply-flow .apply-icon.type1 { background-position:0 0; } .edu-apply-info-wrap .apply-flow .apply-icon.type2 { background-position:0 -50px; } .edu-apply-info-wrap .apply-flow .apply-icon.type3 { background-position:0 -100px; } .edu-apply-info-wrap .apply-flow .apply-icon.type4 { background-position:0 -150px; } .edu-apply-info-wrap .apply-description { margin-top:50px; padding:12px 15px; } .edu-apply-info-wrap .apply-description h5 { margin-bottom:5px; } .edu-apply-info-wrap .common-box-image { margin-top:10px; } /* ========================================================================== 이용안내 ========================================================================== */ /* 이용약관 */ .guide-terms-wrap { border-top:1px solid #dfdfdf; } .guide-terms-wrap .terms-list {} .guide-terms-wrap .terms-list .list-item-opener { position:relative; display:block; padding:18px 20px 18px 70px; border-bottom:1px solid #dfdfdf; background:url('/images/common/icon_mark_list.png') 20px center no-repeat; text-decoration:none; } .guide-terms-wrap .terms-list .list-item-opener h5 { line-height:1.25em; padding:0 20px 0 0; font-size:16px; } .guide-terms-wrap .terms-list .list-item-opener .common-icon-arrow { position:absolute; right:20px; top:18px; } .guide-terms-wrap .terms-list .list-item-detail { position:relative; position:relative; padding:15px 20px; border-bottom:1px solid #dfdfdf; background:#fafafa; } .guide-terms-wrap .terms-list .list-item-detail p { min-height:32px; padding-top:5px; } /* 관련기관 */ .guide-organization-wrap .site-thumbnail { position:relative; } .guide-organization-wrap .site-thumbnail a .site-link-mask { opacity:0; position:absolute; left:0; top:0; z-index:1; } .guide-organization-wrap .site-thumbnail a:hover .site-link-mask { opacity:1; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; } .guide-organization-wrap .organization-list p { margin-top:5px; text-align:center; } /* 개인정보처리방침 */ .private-info-wrap .info-summary { font-size:15px; font-weight:700; } .private-change-version { float:right; margin-top:10px; } /* 뷰어다운로드 */ .guide-viewer-wrap .viewer-list { border-top:2px solid #757575; border-bottom:1px solid #dfdfdf; } .guide-viewer-wrap .viewer-list ul { overflow:hidden; } .guide-viewer-wrap .viewer-list ul li { float:left; width:50%; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-right:-1px; margin-bottom:-1px; } .guide-viewer-wrap .viewer-list .viewer-info { position:relative; margin:20px 30px; overflow:hidden; } .guide-viewer-wrap .viewer-list .viewer-info .viewer-info-aside { position:absolute; right:0; top:50%; margin-top:-16px; } .guide-viewer-wrap .viewer-list .viewer-info .viewer-icon { float:left; margin-right:20px; } .guide-viewer-wrap .viewer-list .viewer-info .viewer-summary { float:left; } .guide-viewer-wrap .viewer-list .viewer-info .viewer-summary p { margin:5px 0 0; } /* 저작권 정책 */ .guide-copyright-wrap .doc-section { border-bottom:1px solid #ececec; padding-bottom:15px; margin-bottom:15px; overflow:hidden; } .guide-copyright-wrap .doc-section .section-number { float:left; margin-right:10px; color:#1970bb; font-size:18px; font-weight:700; line-height:1.25em; } .guide-copyright-wrap .doc-section .section-detail { overflow:hidden; } .guide-copyright-wrap .doc-section .section-detail p { margin:0; font-size:14px; } .guide-copyright-wrap .doc-footer { border-bottom:0px; padding-bottom:0px; margin-bottom:0px; } .guide-copyright-wrap .em-red { color:red; font-weight:bold; } /* 모바일서비스안내 */ .mobile-guide-wrap .mobile-tip { text-align:center; } .mobile-guide-wrap .mobile-tip h5 { margin:20px 0; font-size:24px; color:#555; } .mobile-guide-wrap .mobile-tip .tip-detail { width:280px; margin:0 auto; } .mobile-guide-wrap .mobile-tip .tip-detail strong { font-size:15px; color:#555; } .mobile-guide-wrap .mobile-app-guide h5 { margin-bottom:10px; } .mobile-guide-wrap .mobile-app-guide h6 { margin-bottom:3px; font-size:13px; color:#555; } .mobile-guide-wrap .mobile-app-guide .app-guide-detail { overflow:hidden; } .mobile-guide-wrap .mobile-app-guide .app-guide-detail img { margin-bottom:10px; } .mobile-guide-wrap .mobile-app-guide .app-guide-detail .mobile-app-download { overflow:hidden; float:right; width:280px; } /* 조직도 */ .organ-chart { width:100%; height:657px; background:url('/images/nemc/intro_organization3.jpg') no-repeat; background-size:100% 100%;margin:0 auto; text-indent:-9999px; } /* */ .web-accessibility { text-align:center; } .web-accessibility img { width:669px; height:946px; } .response-show { display:none; } /* common-tabgroup의 변형 : margin 0 탭 메뉴*/ div.nomargin-tabgroup { margin: 0; } /* common-tabgroup의 변형 : half-tabgroup */ div.half-tabgroup { width: 50%; } .toxinfo-search .search-key { height:30px;#position:relative; #top:9px; border:none; border-left:1px solid #848484; padding:1px 0 2px 8px; background:#fff; outline:none; color:#000; } .toxinfo-search .search-btn { position:absolute; width:30px; height:30px; border:none; background:url('/images/common/header/icon_search.png') #5e5e5e 6px 6px no-repeat; } .toxinfo-search .search-btn:hover, .toxinfo-search .search-btn:focus { background-position: 6px -34px; } .toxinfo-search .search-btn span { display:block; text-indent:-9999em; } .header-mobile .toxinfo-search .search-btn { position:absolute; right:0; top:0; padding:15px; border:none; background:#5e5e5e; } .header-mobile .toxinfo-search .search-btn span { display:block; width:20px; height:20px; background:url('/images/common/header_mobile/icon_search2.png') 0 0 no-repeat; background-size:cover; text-indent:-9999em; } .header-mobile .toxinfo-search .search-btn:hover { background-position:12px -28px; } /* 공통 표 Style 정의 */ .common_box { width:100%; } .common_box table { border-collapse:collapse; width:100%; border-top:1px solid #3993d2; } .common_box table.no_bd_top { border-top:1px solid #d4d4d4; } .common_box table th { border-bottom:1px solid #d4d4d4; color:#585858; font-weight:bold; padding:5px 5px; background-color:#eeeeee; width: 85px; } .common_box table td { border-bottom:1px solid #d4d4d4; color:#555555; padding:3px 0 3px 14px; text-align:left; border-right: 1px solid #d4d4d4;} .common_box.align_c table td { padding:8px 0 7px 0; text-align:center; } .common_box table tr .with_br { border-right:1px solid #d4d4d4; } .common_box table tr td input, .common_box table tr td select { border:1px solid #717171; height:20px; margin-top: 2px;} .common_box table tr td input { height:18px; text-indent:5px; } .common_box table tr td input.not_border { border-width:0px; } .use_copyright { color: red; } /* 병상정보 항목 폰트 사이즈 조절 */ div.hrm-bed-info {font-size:12px;} /* 공통 검색 */ .com-search { position:relative; border-top:2px solid #0062ad; border-bottom:1px solid #e1e2e4; padding:3px 5px; } .com-search table { width:100%; } .com-search th { font-weight:bold; padding:5px 0px 5px 10px; border-bottom:1px solid #e1e2e4; text-align:left; background-color:#f2f4f7; color:#555555; } .com-search td { padding:5px 5px 5px 10px; border-bottom:1px solid #e1e2e4; } .com-search tr:last-child th, .com-search tr:last-child td { border-bottom-width:0px; } .com-search-buttons { margin-top:20px; text-align:right; } .com-search .b-b-n { border-bottom: none; vertical-align:middle; } .area-expand tr:first-child th, .area-expand tr:first-child td { border-top:1px dashed #F1F1F1; } /* RealGrid 관련 */ .grid-sub-info-area { position:relative; padding-left:10px; height:34px; line-height:32px; background-color:#F2F4F7; border:1px solid #9CAB99; border-bottom:none; } .grid-sub-info-area input { position:absolute; right:5px; } .grid-sub-info-area button { position:absolute; top:5px; right:5px; } i.grid-checked-ico { display:inline-block; position:absolute; top:7px; background:url('../images/common/com_grid_check.png') no-repeat center; width:16px; height:18px; } input { font-size:12px; padding:7px 0 6px; border:1px solid #d4d4d4; vertical-align:middle; } /* 그리드 */ .hide-btn { display:none; } .load-result { display:block; position:relative; padding-top:10px; clear:both; width:100%; background:#fff; } .load-result .cnt, .load-result .time { color:#777777; width:600px; } /* 버튼 설정 */ .button-cell { margin:0; padding:0; padding-left:15px; vertical-align: middle; border-bottom-width:0px !important; } .btn, .btn:active, .btn:visited { color:#555555; } .btn { vertical-align:middle; white-space: nowrap; position:relative; background:#fff; display:inline-block; border-width:1px; border-style:solid; border-color:#c2c1c1; height:30px; line-height:28px; padding:0 15px; text-align:center; cursor:pointer; margin-left: 5px; } div .btn:FIRST-CHILD { margin-left:0px; } .btn:hover { background:#f0f2f4; }} a.btn { height:28px; line-height:26px; } .btn-area { text-align:right; } .btn-area { position:relative; border-top:2px solid #0062ad; border-bottom:1px solid #e1e2e4; padding:3px 5px; } .btn-area-buttons {text-align:right; } /* 버튼 크기 */ .btn.small { height:22px; line-height:20px; padding:0 15px; font-size:10.5px; } a.btn.small { height:20px; line-height:18px; } .btn-wp14_5 {padding:0 14.5px;} /* 버튼 색상 */ .btn.danger { color:#FF0000 !important; border-color:#e9b1b1 !important; } .btn.blue { color:#0062AD !important; border-color:#0062AD !important; } .btn.danger:hover { background:#fbe5e5 !important; } .btn:disabled, .btn.danger:disabled { color:#CCCCCC !important; border-color:#CCCCCC !important; background:#fff !important; cursor:not-allowed;; } .btn.black { background-color: #000 !important; color:#fff !important; } /* 버튼 아이콘 */ .btn.ico { padding:0 15px 0 5px; } .btn.ico i { position:relative; top:5px; display:inline-block; vertical-align:top; background-image:url('../images/common/icon_deep_gray.png'); background-repeat:no-repeat; width:20px; height:20px; margin-right:3px; } .btn.danger.ico i { background-image:url('../images/common/icon_red.png') !important; } .btn.blue.ico i { background-image:url('../images/common/icon_blue.png') !important; } .btn.ico:disabled i, .btn.danger.ico:disabled i { background-image:url('../images/common/icon_gray.png'); } .btn.blue.ico:disabled i { background-image:url('../images/common/icon_gray.png'); } .btn.ico.small i { top:2px; } /* line1 */ .ico-select { top:12px !important; left:5px !important; background-position:0px 0px; } .small .ico-select { top:6px !important; left:3px !important; } /* line2 */ .ico-end { background-position:0px -20px; } .ico-start { background-position:-20px -20px; } .ico-setting { background-position:-40px -20px; } .ico-search { background-position:-60px -20px; } .ico-search-more { background-position:-80px -20px; } .ico-modify { background-position:-100px -20px; } .ico-search2 { background-position:-120px -20px; } .ico-receipt { background-position:-140px -20px; } .ico-excel { background-position:-160px -20px; } /* line4 */ .ico-uniqueness { background-position:0px -60px; } .ico-print { background-position:-20px -60px; } .ico-meminfo-modify { background-position:-40px -60px; } .ico-file { background-position:-60px -60px; top:7px !important; } .ico-down { background-position:-80px -60px; } .ico-upload { background-position:-100px -60px; } .ico-refresh { background-position:-120px -60px; } .ico-duplicate { background-position:-140px -60px; } .ico-req { background-position:-160px -60px; } /* 공통사용 width 정의 */ .width_30 { width:30px; } .width_35 { width:35px; } .width_50 { width:50px; } .width_55 { width:55px; } .width_60 { width:60px; } .width_70 { width:70px; } .width_75 { width:75px; } .width_80 { width:80px; } .width_90 { width:90px; } .width_100 { width:100px; } .width_105 { width:105px; } .width_110 { width:110px; } .width_120 { width:120px; } .width_125 { width:125px; } .width_130 { width:130px; } .width_150 { width:150px; } .width_160 { width:160px; } .width_170 { width:170px; } .width_175 { width:175px; } .width_180 { width:180px; } .width_200 { width:200px; } .width_210 { width:210px; } .width_230 { width:230px; } .width_240 { width:240px; } .width_250 { width:250px; } .width_270 { width:270px; } .width_300 { width:300px; } .width_350 { width:350px; } .width_400 { width:400px; } .width_500 { width:500px; } .width_600 { width:600px; } .width_750 { width:750px; } .width_100p { width:100%; } .t-l { text-align:left !important; } .t-c { text-align:center !important; } .t-r { text-align:right !important; } /* 팝업 미리보기 레이어 */ .popup_layer { top:15%;left:50%;width:570px;height:405px;position:fixed;background: #fff;border: 3px solid #103c73; padding:7px; z-index:10;font-size:15px; box-sizing: border-box;} .popup_layer_title { padding:8px 8px; text-align:left; background-color:#aee5bd; } .popup_layer_preview_title_text { color:#000; font-size:13px; font-weight:bold; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #popup_layer_preview_detail { background-color: white; text-align: center;} .layer_bottom_area label { color:#000; } .layer_bottom_area { padding:8px 8px; text-align:left; background-color:#aee5bd; position:absolute; bottom:7px; box-sizing: border-box;} .popup_layer_close { width:66px; height:22px; background-image:url('../images/common/btn_popup_close.png'); text-indent:-9999px; display:inline-block; float:right; } .popup_goto { color:#2b5c9c; text-decoration:underline;} .emphasis_red { color:red;} .emphasis_bold { font-weight:bold;} .popup-close-new { display:inline-block; float:right; width:20px; height:20px; background:url('/images/common/header/icon_close.png') 0 0 no-repeat; text-indent:-9999em; } /* AED 일반 검색시 사용 가능 시간 표출 */ .time-info {font-size:11px;} .time-info #title {margin-top: 5px; font-weight: bold;} .time-info .time-data {width: 25%; float: left;} .clear-both {clear: both;} .emergency-text{float:left;}