@charset "utf-8";

/* ==========================================================================
tag element styles
========================================================================== */
html { min-width:320px; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { min-width:320px; margin:0; font-size: 13px; color: #555; line-height: 1.2em; font-family: 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', dotum, Helvetica, sans-serif; }
h1 { display:none; margin:0; }
h2 { margin:0; font-size:24px; font-weight:700; color:#333; line-height:1.4em; }
h3 { margin:0; font-size:20px; font-weight:700; color:#333; line-height:1.4em; }
h4 { margin:0; font-size:16px; font-weight:700; color:#333; line-height:1.4em; }
h5 { margin:0; font-size:14px; font-weight:700; color:#333; line-height:1.4em; }
h6 { margin:0; font-size:13px; font-weight:700; color:#333; line-height:1.4em; }
fieldset { border: 0 !important; border-bottom:1px solid #fff !important; 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:5px 0 4px; outline:none; border:1px solid #d4d4d4; vertical-align:middle; }
select:focus { border:1px solid #777777; }
input { vertical-align:middle; }
img { border:0; vertical-align:middle; }
sub { font-size:12px; color:#707070; }
em { font-style:normal; }
strong { font-weight:700; }
b { font-weight:700; color:#1970bb; }
p { margin:10px 0; line-height:1.6em; }
ul,ol,li,dl,dt,dd { margin:0; padding:0; }
li { list-style:none; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block; }
caption, legend { display:none; }
table { border-collapse:collapse; border-spacing:0; }
.none { height:300px; line-height:250px; font-size:1.2em; text-align:center; }
.text-center { text-align:center; }
.highlight { font-size:13px; color:#e60d17 !important; }
.bigo-info { line-height:20px; background-color:#000; color:#fff; }

/* 링크 */
a { text-decoration:none; color:#555; }

/* input text */
input.type-text,
input.type-password,
input.type-datepicker,
input[type=email],
input[type=search] { padding:5px 4px; outline:none; 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 { 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[type="text"]:focus { outline: none; }

/* 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; }
select + label { margin-left:30px; }
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; }

/* 공간 삭제 */
.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 { display:none; position:relative; margin:0 0 20px; padding-top:25px; }
.common-hgroup2 p { margin-top:5px; font-size:14px; color:#707070; }
.common-hgroup3 { position:relative; margin:20px 0 15px; }
.common-hgroup3 p { margin-top:5px; font-size:14px; color:#707070; }
.common-hgroup4 { position:relative; margin:15px 0 10px; padding-top:6px; background:url('/app/images/common/egen_title_bg.gif') 0 0 no-repeat; }
.common-hgroup4 p { margin-top:5px; font-size:13px; color:#707070; }
.common-hgroup5 { position:relative; margin:10px 0 5px; }
.common-hgroup5 p { margin-top:5px; font-size:12px; color:#707070; }

.service-nemc .common-hgroup4 { background-image:url('/app/images/common/nemc_title_bg.gif'); }
.service-egen .common-hgroup4 { background-image:url('/app/images/common/egen_title_bg.gif'); }
.service-education .common-hgroup4 { background-image:url('/app/images/common/education_title_bg.gif'); }

/* button */
.common-btn { display:inline-block; vertical-align:middle; outline:none; border:1px solid #c7c7c7; background:#f5f5f5; font-size:13px; padding:5px 16px 6px; font-weight:700; line-height:1.2em; color:#555; text-decoration:none; text-align:center; cursor:pointer; }
.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; }
.common-btn.btn-color-normal { border:1px solid #505050; background:#505050; color:#ffffff; }
.common-btn.btn-color-normal:hover,
.common-btn.btn-color-normal:active,
.common-btn.btn-color-normal:focus { background:#3b3b3b; }
.common-btn.btn-color-primary { border:1px solid #FEB264; background:#FEB264; color:#ffffff; }
.common-btn.btn-color-primary:hover,
.common-btn.btn-color-primary:active,
.common-btn.btn-color-primary:focus { background:#005e70; }
	.common-btn.btn-color-strong { border:1px solid #d14630; background:#d14630; color:#ffffff; }
.common-btn.btn-color-strong:hover,
.common-btn.btn-color-strong:active,
.common-btn.btn-color-strong:focus { background:#ae2a16; }
.common-btn-delete { padding:4px; font-size:24px; font-weight:700; text-align:center; color:#b3b3b3; }
.common-btn-close { padding:4px; font-size:24px; font-weight:700; text-align:center; color:#b3b3b3; }

.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; }
.text-color-link { color:#1970bb; }

/* 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 { margin-top:10px; 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; 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('/app/images/common/icon_required_pointer.png') 0 0 no-repeat; }

/* 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; }

/* ellipsis */
.common-ellipsis { display:inline-block; vertical-align:middle; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* 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-right:none; 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 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; border-right:none; vertical-align:top; line-height:1.25em; }
.common-table td:first-child { border-left: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; }

/* 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%; border-top:2px solid #747474; }
.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 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 { overflow:hidden; }
.common-tabgroup:first-child { margin-bottom:36px; }
.common-tabgroup.general:first-child { margin-bottom:5px; }
.common-tabgroup span { display:inline-block; vertical-align:middle; border:1px solid #d7d7d7; background:#f5f5f5; }
.common-tabgroup span a { display:block; padding:16px 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 #FEB264; background:#FEB264; }
.common-tabgroup span.on a { color:#fff; }
.common-tabgroup span.on sub { color:#fff; }
.common-tabgroup.response-tabgroup-column1 { display:block; }
.common-tabgroup.response-tabgroup-column1 span { display:block; margin-top:4px; }
.common-tabgroup.response-tabgroup-column1 span:first-child { margin-top:none; }
.common-tabgroup.response-tabgroup-column2 { display:block; }
.common-tabgroup.response-tabgroup-column2 span { display:block; float:left; width:48%; margin-left:1%; margin-top:4px; }
.common-tabgroup.response-tabgroup-column3 { display:block; }
.common-tabgroup.response-tabgroup-column3 span { display:block; float:left; width:31.4%; margin-left:1%; margin-top:4px; }
.common-tabgroup .lecture-icon { display:block; width:25px; height:20px; margin:0 auto 10px; background:url('/app/images/common/icon_lecture.png') 0 center no-repeat; background-size:150px 50px; }
.common-tabgroup .lecture-icon.icon-type1 { background-position:0 0; }
.common-tabgroup .lecture-icon.icon-type2 { background-position:-25px 0; }
.common-tabgroup .lecture-icon.icon-type3 { background-position:-50px 0; }
.common-tabgroup .lecture-icon.icon-type4 { background-position:-75px 0; }
.common-tabgroup .lecture-icon.icon-type5 { background-position:-100px 0; }
.common-tabgroup .lecture-icon.icon-type6 { background-position:-125px 0; }
.common-tabgroup .on .lecture-icon.icon-type1 { background-position:0 -25px; }
.common-tabgroup .on .lecture-icon.icon-type2 { background-position:-25px -25px; }
.common-tabgroup .on .lecture-icon.icon-type3 { background-position:-50px -25px; }
.common-tabgroup .on .lecture-icon.icon-type4 { background-position:-750px -25px; }
.common-tabgroup .on .lecture-icon.icon-type5 { background-position:-100px -25px; }
.common-tabgroup .on .lecture-icon.icon-type6 { background-position:-125px -25px; }

.common-tabgroup .map { position:absolute; width:100%; top:-30px; }

/* pagination */
.common-pagination { 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; }
.common-pagination .page-btn-page { display:inline-block; vertical-align:middle; width:30px; height:28px; background:url('/app/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 { margin-top:40px; text-align:center; overflow:hidden; }
.common-command-fixed { position:fixed; bottom:0; left:0; z-index:1; width:100%; padding:10px 0; background:url('/app/images/common/command_layer_bg.png') 0 0 repeat; text-align:center; overflow:hidden; }
.common-command-fixed2 { position:fixed; bottom:0; left:0; z-index:1; width:100%; padding:10px 0; border-top:1px solid #dfdfdf; background:url('/app/images/common/command_layer_bg.png') 0 0 repeat; text-align:center; overflow:hidden; }

/* 공통 섹션 버튼 */
.section-command { margin-top:20px; text-align:left; overflow:hidden; }
.section-command.align-center { text-align:center; }
.section-command.align-right { text-align:right; }

/* 넓은 버튼 */
.wide-command { display:table; width:100%; border-collapse:collapse; border-spacing:0; margin:0 -1px; }
.wide-command .common-btn { display:table-cell; padding:9px 4px 10px; border:1px solid #c7c7c7; background:#f8f8f8; font-size:14px; }
.wide-command .common-btn em.icon-info { display:inline-block; vertical-align:middle; margin-top:-2px; width:16px; height:16px; background:url('/app/images/common/icon_info.png') 0 0 no-repeat; background-size:80px 20px; }
.wide-command .common-btn em.icon-info.type1 { background-position:0 0; }
.wide-command .common-btn em.icon-info.type2 { background-position:-20px 0; }
.wide-command .common-btn em.icon-info.type3 { background-position:-40px 0; }
.wide-command .common-btn em.icon-info.type4 { background-position:-60px 0; }
.wide-command .common-btn em.icon-position { display:inline-block; vertical-align:middle; margin-top:-2px; width:16px; height:16px; background:url('/app/images/common/icon_position.png') 0 0 no-repeat; background-size:40px 20px; }
.wide-command .common-btn em.icon-position.type1 { background-position:0 0; }
.wide-command .common-btn em.icon-position.type2 { background-position:-20px 0; }

/* 상자 */
.common-scroll { overflow:auto; }
.common-box-scroll { overflow:auto; border:1px solid #d4d4d4; padding:15px; line-height:1.5em; }
.common-box { position:relative; border:1px solid #dfdfdf; background:#ffffff; padding:15px; } /* 흰배경&회색보더 */
.common-box2 { position:relative; border:1px solid #dfdfdf; background:#fafafa; padding:15px; } /* 회색배경&회색보더 */
.common-box3 { position:relative; border:1px solid #dfdfdf; padding:0; } /* 회색보더 */
.common-view-image { position:relative; margin:0 auto; text-align:center; }
.common-view-image img { width:100%; max-width:480px; }
.common-box-image { position:relative; border:1px solid #dfdfdf; text-align:center; } /* 회색보더 &중앙정렬 */
.common-box-image a { display:block; text-align:center; }
.common-box-image img { display:inline-block !important; max-width:480px; margin:0 auto; }
.common-box-nemc { position:relative; border:1px solid #afcce2; background:#deecf3; padding:8px 10px; text-align:center; }
.common-box-education { position:relative; border:1px solid #a7d4cb; background:#d9f2ea; padding:8px 10px; text-align:center; }
.common-box-contents { position:relative; border:1px solid #dfdfdf; border-top:none; padding:12px 15px; }
.common-message { 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 { position:relative; margin-top:20px; padding:12px 15px; border:1px solid #eadfdb; background:#fcf5f2; color:#cc3300; line-height:1.6em; }
.common-caution h5 { padding-left:30px; background:url('/app/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('/app/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; }

/* rows & columns */
.common-row { margin-top:0; }
.common-row + .common-row { margin-top:15px; }
.common-column + .common-column { margin-top:15px; }
.common-fixed-column6 { width:100%; max-width:480px; margin:0 auto; }

/* fieldset layout */
.common-fieldset {}
.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 { min-height:12px; padding:0; margin-bottom: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 { 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%; }

/* 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('/app/images/common/icon_arrow.png') 0 0 no-repeat; }
.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('/app/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-pds { 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('/app/images/common/icon_gps_2x.png') 0 0 no-repeat; background-size:9px 12px; }

/* 다운로드 */
.common-icon-download { display:inline-block; vertical-align:middle; width:14px; height:14px; margin-top:-1px; background:url('/app/images/common/icon_download.png') 0 0 no-repeat; background-size:28px 14px; }
.common-icon-download.type-inverse { background-position:-14px 0; }

/* 경고 문구 */
.common-caution { margin-top:15px; padding:8px 15px; border:1px solid #e9ddd9; background:#fcf5f2; color:#cc3300; line-height:1.6em; }
.common-caution p { margin:0; text-align:center; }

/* 리스트 헤더 검색 */
.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; width:100%; }
.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 { float:left; width:240px; padding:5px 0; margin-left:4px; }
.common-list-header .list-header-detail .list-search-btn { float:left; margin-left:5px; }

/* 첨부파일 다운로드 링크 */
.common-link-download { display:inline-block; vertical-align:middle; padding-left:20px; background:url('/app/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:40px 10px; border-bottom: 1px solid #dfdfdf; text-align:center; }
.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('/app/images/common/icon_close_tooltip.png') 0 0 no-repeat; text-indent:-10000em; }
.common-tooltip-dropdown.tooptip-file { right:0; }

/* 모달 */
.common-modal { position:fixed; left:0; top:0; z-index:50; width:100%; height:100%; background:#000; opacity:0.5; }

/* 게시판 상세 */
.common-board-view { 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-command { margin-top:20px; text-align:right; overflow:hidden; }

/* 게시판 리스트 */
.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 { margin-top:10px; }
.common-board-list .list-item .list-item-info { margin-top:5px; line-height:1.4em; }
.common-board-list .list-item .list-item-info span { display:block; text-overflow:ellipsis; }
.common-board-list .list-item.type-important { background:#f5fbff; }
.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; }

/* 공통 리스트 */
ul.common-list { border-top:2px solid #747474; }
ul.common-list h5 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
ul.common-list li { position:relative; border-bottom:1px solid #dfdfdf; }
ul.common-list .list-item-block { display:block; padding:16px 10px; }
ul.common-list .link-more { font-weight:700; color:#555; }
ul.common-list .list-item-info { margin-top:5px; line-height:1.4em; }
ul.common-list .list-item-info span { text-overflow:ellipsis; display:block; }
ul.common-list .list-item-aside { position:absolute; right:10px; top:50%; margin-top:-10px; }

/* 즐겨찾기 관리 */
.favorite-list ul.common-list .list-item-aside { position:absolute; left:10px; top:50%; margin-top:-10px; }
.favorite-list ul.common-list h5 { margin-left:30px; }
.favorite-list ul.common-list .list-item-info { margin-top:1px; margin-left:30px; }

/* 박스형 리스트 */
ul.common-box-list { padding:15px; }
ul.common-box-list li { border:1px solid #dfdfdf; background:#fff; text-align:center; }
ul.common-box-list li + li { margin-top:7px; }
ul.common-box-list p { display:inline-block; vertical-align:middle; margin:0; width:120px; line-height:1.25em; font-size:20px; font-weight:700; text-align:left; }
ul.common-box-list h5 { font-size:15px; }
ul.common-box-list h5 span { font-size:13px; }
ul.common-box-list .list-item-block { display:block; padding:8px 10px; }
ul.common-box-list .section-thumbnail { display:inline-block; vertical-align:middle; margin-right:20px; }
ul.common-box-list .section-thumbnail img { width:60px; height:50px; }
ul.common-box-list .link-more { font-weight:700; color:#555; }
ul.common-box-list .list-item-info { margin-top:5px; line-height:1.4em; }
ul.common-box-list .list-item-info span { text-overflow:ellipsis; display:block; }
ul.common-box-list .list-item-aside { position:absolute; right:10px; top:50%; margin-top:-10px; }

/* contents */
.layout-container { position:relative; min-width:320px; }
.layout-inner { position:relative; padding:15px; }

/* 경고 */
.common-alert { padding:60px 0; text-align:center; }
.common-alert h5 { margin:30px 0 10px; font-size:22px; }
.common-alert .alert-img { width:80px; height:80px; }

/* ==========================================================================
	마이페이지
========================================================================== */

/* 메인 */
.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 .section-thumb { margin-bottom:10px; text-align:center; }
.mypage-main .mypage-profile .section-thumb img { width:120px; height:120px; }
.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-lecture { margin-top:15px; }
.mypage-main .mypage-lecture li:last-child { border-bottom:none; padding-bottom:0; }
.mypage-main .icon-mypage { display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:6px; background:url('/app/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; }

/* ==========================================================================
	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('/app/images/egen/nemc_icon_calendar.png') 0 0 no-repeat; }

/* ==========================================================================
	지도
========================================================================== */

/* 지도 헤더 */
.map-header { position:relative; height:28px; margin-top:50px; padding:10px 15px; border-bottom:1px solid #dfdfdf; }
.map-header h4 { margin:0; line-height:28px; padding:0; background:none; color:#555555; font-size:13px; font-weight:normal; }
.map-header p { margin:0; font-size:12px; }
.map-header .section-command { position:absolute; right:15px; top:8px; margin-top:0; }

/* 지도 본문 정보 */
.place-list-header { position:relative; min-height:28px; padding:5px 10px; border-bottom:1px solid #f1f1f1; }
.place-list-header .map-legend p { margin:0; }
.place-list-header .map-legend span { margin-left:4px; font-size:11px; }
.place-list-header .list-sort { position:absolute; right:15px; top:50%; margin-top:-14px; }

/* 지도 본문 필터 */
.map-body-filter { padding:8px 10px; border-bottom:1px solid #dfdfdf; background:#fafafa; }
.map-body-filter:after { content: " "; display: table; clear: both; }
.map-body-filter .summary { margin-top:0; color:#1970bb; }
.map-body-filter .search-filter .filter-category label { color:#555; font-weight:normal; }
.map-body-filter .search-filter .filter-key { margin-top:10px; }
.map-body-filter .search-filter .filter-key input { width:210px; }

/* 지도 본문 */
.map-body { position:relative; overflow:hidden; }
.map-body .map-layout { position:relative; height:100%; margin-right:0; }
.map-body .map-layout .btn-close { position:absolute; right:10px; top:10px; z-index:1; width:26px; height:26px; background:#f8f8f8; border:1px solid #969696; line-height:26px; font-size:24px; font-weight:700; text-align:center; }
.map-body .map-view { position:relative; overflow:hidden; height:100%; }
.map-body .map-list { display:none; position:absolute; right:0; top:0; z-index:4; width:90%; height:100%; border-left:1px solid #969696; background:#fff; }
.map-body .place-list-wrap { overflow-y:auto; }
.map-body .place-list li { position:relative; border-bottom:1px solid #f1f1f1; overflow:hidden; cursor:pointer; background:url('/app/images/common/map_list_bg.png') -3px 0 repeat-y; }
.map-body .place-list h5 { margin:0 0 4px; font-size:13px; color:#1970bb; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.map-body .place-list h5.no-reduce-word { max-width:100%; margin:0 0 4px; font-size:13px; color:#1970bb; }
.map-body .place-list .info { padding:12px 10px 12px 44px; }
.map-body .place-list .info p { margin:0; line-height:1.4em; font-size:11px; }
.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-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; overflow:hidden; }
.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:44px; background:#fff; text-align:center; }
.map-body .place-list .marker.distance { top:40px; }
.map-body .place-list .marker .marker-number { display:block; width:24px; height:24px; margin:0 auto; background:url('/app/images/common/map_marker_list_2x.png') 0 0 no-repeat; background-size:24px 300px; }
.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:10px; color:#555; }
.map-body .place-more { text-align:center; padding:10px 0; }
.map-body.general.holiday-hospital .place-more { padding:10px 0 40px 0; }
.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-radius:5px; border:1px solid #ddd; }
.map-body .place-summary2 h5 { font-size:12px; color:#333333; }
.map-body .place-detail { width:auto; padding:5px 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-tel { color:#707070; }
.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 .schedule { padding:8px 0; margin:8px 0; border-top:1px solid #dfdfdf; border-bottom: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; text-align:right; }
.map-body .place-detail .btn-close { position:absolute; right:18px; top:18px; display:block; width:20px; height:20px; background:url('/app/images/common/icon_close.png') -40px 0 no-repeat; color:#fff; text-indent:-10000em; }
.map-body .map-opener { position:absolute; z-index:1; right:0; bottom:20px; display:block; width:70px; height:40px; border-radius:5px 0 0 5px; background:#505050; opacity:0.85; }
.map-body .map-opener span { display:none; }
.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:148px; }
.map-body.on .map-list { display:block; }
.map-body.on .map-list.general { position:relative; width:100%; }
.holiday_hospital { height:100%; }
.map-body.on .map-opener { right:90%; width:30px; }
.map-body.on .map-opener em:before { content:'닫기'; }

/* 지도 셀렉트 */
.map-body .map-select { position:absolute; left:5px; top:5px; z-index:1; width:126px; }
.map-body .map-select .select-opener { box-shadow:1px 1px 1px #aaa; border:1px solid #969696; border-radius:4px; background:url('/app/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; border:1px solid #969696; border-radius:4px; padding:4px 0; background:url('/app/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; }

/* 현위치 설정 */
.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('/app/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; }
.address-desc { font-size:7px; }
.no-result { padding:50px 0; }

/* 지도 장소 상태 아이콘 */
.icon-place-status { display:inline-block; vertical-align:middle; width:24px; height:24px; background:url('/app/images/common/map_status2_2x.png') 0 0 no-repeat; text-align:left; /*text-indent:-9999em;*/ background-size:24px 360px; }
.icon-place-status.size-s { width:12px; height:12px; background:url('/app/images/common/map_status2.png') 0 0 no-repeat; background-size:12px 360px; }
.icon-place-status.two-rows { float:left; width:50%; position:relative; margin-top:3px; }
.icon-place-status.two-rows span { position:absolute; top:4px; left:30px; }
.icon-place-status.type1 { background-position:0 0; }
.icon-place-status.type1.off { background-position:0 -30px; }
.icon-place-status.type2 { background-position:0 -60px; }
.icon-place-status.type2.off { background-position:0 -90px; }
.icon-place-status.type3 { background-position:0 -120px; }
.icon-place-status.type3.off { background-position:0 -150px; }
.icon-place-status.type4 { background-position:0 -180px; }
.icon-place-status.type4.off { background-position:0 -210px; }
.icon-place-status.type5 { background-position:0 -240px; }
.icon-place-status.type5.off { background-position:0 -270px; }
.icon-place-status.type6 { background-position:0 -300px; }
.icon-place-status.type6.off { background-position:0 -330px; }
.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('/app/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:10px; top:10px; z-index:1; border:1px solid #919191; border-radius:4px; background:#f5f5f5; }
.map-body .control-zoom a { overflow: hidden; }
.map-body .control-zoom .zoom { display:block; width:40px; height:40px; text-indent: -9999px; }
.map-body .control-zoom .zoom.up { width:40px; height:40px; background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/ico_plus.png) no-repeat center center; background-size:15px 15px; }
.map-body .control-zoom .zoom.down { width:40px; height:40px; border-top:1px solid #919191; background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/ico_minus.png) no-repeat center center; background-size:15px 15px; }

/* 지도 하단 */
.map-footer { border-top:1px solid #969696; padding:10px 15px; }
.map-footer h4 { display:inline-block; max-width:260px; vertical-align:middle; margin:0 0 6px; padding:0; font-size:15px; color:#333333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.map-footer p.info-category { display:block; vertical-align:middle; margin:0 0; color:#707070; }
.map-footer .info { position:relative; }
.map-footer .info p { margin:0; line-height:1.4em; font-size:12px; }
.map-footer .info p.info-category { display:inline-block; vertical-align:middle; margin:3px 0 6px; color:#707070; }
.map-footer .info p.info-addr  { color:#707070; }
.map-footer .info p.info-addr-new { color:#555; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.map-footer .info p.info-addr-old { margin-top:4px; color:#707070; }
.map-footer .info p.info-addr-old em { display:inline-block; padding:3px 5px 3px; background:#8c8c8c; color:#fff; font-size:12px; line-height:1em; }
.map-footer .info a.info-tel { color:#1970bb; }
.map-footer .info a.info-tel:before { content:'│'; display:inline-block; margin-left:4px; margin-right:4px; color:#dbdbdb; }
.map-footer .section-command { display:table; width:100%; border-collapse:separate; border-spacing:0; margin-top:10px; }
.map-footer .section-command .common-btn { display:table-cell; padding:5px 4px 6px; }

/* 지도 검색 필터 */
.map-filter-detail { position:absolute; left:-1px; z-index:5; top:48px; width:100%; border:1px solid #dfdfdf; background:#fafafa; }
.map-filter-detail-contain { padding:10px 20px 20px; }
.map-filter-detail .response-wide { display:block; margin-left:0; margin-right: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 { padding:4px 0; }
.map-filter-detail .map-filter-group-detail.type-columb6 li { padding:4px 0; }
.map-filter-detail .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; }

/* 지도 검색 필터-일반 검색 */
.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; }

/* 상세정보 */
.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:25%; }

/* 지도 검색 */
.sido,
.gugun,
.dong { width:32% !important; }
.general-sido,
.general-gugun,
.general-dong { width:32% !important; }
.prtcode { width:30% !important; }
.work-day { width:17% !important; }
.holiday_time .time { float:left; width:25%; }
.holiday_time .time u { color:#121cb7; }
.holiday_time .time u strong { color:#121cb7; }

/* sns 공유 */
.map-sns-detail { position:fixed; left:50%; top:50%; width:285px; background:#fff; z-index:1; }
.map-sns-detail-contain { padding:10px 20px 20px; }
.map-sns-detail h4 { width:100%; margin:0 0 15px; padding-bottom:5px; border-bottom:1px solid #ccc; }
.map-sns-detail .common-btn-close { position:absolute; right:10px; top:10px; z-index:1; }
.map-sns-detail .sns-list { text-align:center; }
.map-sns-detail .sns-list li { display:inline-block; text-align:center; margin-right:15px; }
.map-sns-detail .sns-list li:first-child { margin-left:0; }
.map-sns-detail .sns-list .sns-img { display:block; width:36px; height:36px; margin:0 auto; }
.map-sns-detail .sns-list span { display:block; margin-top:6px; font-size:13px; }

/* ==========================================================================
	자동완성
========================================================================== */

/* 키워드 자동완성 */
.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; }

/* ==========================================================================
	로그인
========================================================================== */
.login-contain .login-view { border:1px solid #dfdfdf; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.login-contain .login-view .guide-key-opener { text-align:right; }
.login-contain .login-view .guide-key { text-align:center; margin-top:7px; }
.login-contain .login-view .login-form { margin:8px auto 0; }
.login-contain .login-view .login-form .login-fieldset { position:relative; }
.login-contain .login-view .login-form .login-fieldset input { font-size:2em; }
.login-contain .login-view .login-form .login-fieldset .login-field-id { margin-right:90px; }
.login-contain .login-view .login-form .login-fieldset .login-field-id input { width:100%; height:45px; margin-bottom:5px; }
.login-contain .login-view .login-form .login-fieldset .login-field-pw { margin-right:90px; margin-top:6px; }
.login-contain .login-view .login-form .login-fieldset .login-field-pw input { width:100%; height:45px; }
.login-contain .login-view .login-form .login-fieldset .login-btn { position:absolute; right:0; top:0; }
.login-contain .login-view .login-form .login-fieldset .login-btn button { width:75px; height:101px; padding:0; background:#A5A5A5; border:1px solid #A5A5A5; }
.login-contain .login-view .login-form .section-command { margin-top:15px; }
.login-contain .login-view .login-form .section-command label { margin-left:3px; font-size:1.2em; }

/* ==========================================================================
	지도 상세보기
========================================================================== */
.map-detail-info {}
.map-detail-info .info-section { position:relative; border-top:1px solid #dfdfdf; padding:15px; }
.map-detail-info .info-section h5 { margin:0; font-size:15px; }
.map-detail-info .info-section .section-view-btn { position:absolute; right:15px; top:15px; }
.map-detail-info .info-section .section-view-btn a:after { content:' ▼'; }
.map-detail-info .info-section .section-view-btn.on a:after { content:' ▲'; }
.map-detail-info .info-section .desc { margin-top:10px; }
.map-detail-info .info-section .desc .info-tel { display:inline-block; margin-top:4px; background:#f8f8f8; border:1px solid #c7c7c7; padding:5px 8px; font-size:13px; color:#444; }
.map-detail-info .info-section .desc .list-column1 li { padding:4px 0; }
.map-detail-info .info-section .desc .list-column2 { overflow:hidden; }
.map-detail-info .info-section .desc .list-column2 li { float:left; width:50%; padding:4px 0; }
.map-detail-summary { padding:15px;}
.map-detail-summary h4 { display:inline-block; /*max-width:260px;*/ vertical-align:middle; margin:0 0 6px; padding:0; font-size:18px; color:#333333; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/ }
.map-detail-summary .info-category { display:block; vertical-align:middle; margin:0 0 6px; color:#707070; }
.map-detail-summary .info-category.homepage { color:#000080; margin-top:3px; }
.map-detail-summary .info p { margin:0; line-height:1.4em; font-size:12px; }
.map-detail-summary .info p.info-addr-new { color:#555; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.map-detail-summary .info p.info-addr-new em { display:inline-block; padding:3px 5px 3px; background:#8c8c8c; color:#fff; font-size:12px; line-height:1em; }
.map-detail-summary .info p.info-addr-old { margin-top:4px; color:#707070; }
.map-detail-summary .info p.info-addr-old em { display:inline-block; padding:3px 5px 3px; background:#8c8c8c; color:#fff; font-size:12px; line-height:1em; }
.map-detail-summary .status .status-label { display:inline-block; margin-top:5px; padding:4px 8px; background:#e06250; color:#fff; }
.map-detail-summary .status .status-label em { display:inline-block; vertical-align:middle; width:14px; height:14px; background:url('/app/images/common/label_status.png') 0 0 no-repeat; background-size:30px 15px; }
.map-detail-summary .status .status-label em.type1 { background-position:0 0; }
.map-detail-summary .status .status-label em.type2 { background-position:-15px 0; }
.map-detail-summary .status .status-label em.type3 { background:#5aab32; }

.map-detail-summary .status .status-label.type3 { background:#fb7633; color:#fff; }
.map-detail-summary .status .status-label.type4 { background:#bac1cc; color:#fff; }
.map-detail-summary .status .status-label.type5 { background:#e06991; color:#fff; }
.map-detail-summary .status .status-label.type6 { background:#5aab32; }
.map-detail-summary .status .status-label.type7 { background:#748dbf; }

.map-detail-body.on {display: block; }
.map-detail-body {display: none; }

.holiday_time { overflow:hidden; margin-top:5px; }
.holiday_time .time { float:left; width:50%; }

	/* ==========================================================================
		pc에서 반응형이었던 거...
	========================================================================== */

/* 공통 */
.response-hide { display:none !important; }
.response-show { display:initial; }
/* 좌우 마진 없애고 아래로 떨어뜨림 */
.response-block { clear:both; falot:none !important; display:block !important; position:static !important; margin-left:0 !important; margin-right:0 !important; }
.response-block + .response-block { margin-top:8px; }
.response-block + .response-wide { margin-top:8px; }
/* 좌우 마진 없애고 아래로 떨어뜨림 + width 100% */
.response-wide { clear:both; falot:none !important; display:block !important; position:static !important; width:100% !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; }
.response-wide + .response-wide { margin-top:8px; }
.response-wide + .response-block { margin-top:8px; }

/* ==========================================================================
	지도로 위치설정
========================================================================== */
/* 지도로 위치설정 */
.map-setting-position { position:absolute; z-index:1; bottom:15px; width:100%; text-align:center; }

/* ==========================================================================
	내 위치 설정
========================================================================== */
.setting-position-head { background:#535a66; padding-top:10px; }
.setting-position-head .search-positon { position:relative; margin:0 15px 10px; border-bottom:1px solid #9aa0aa; }
.setting-position-head .search-positon .search-key { width:100%; padding-left:0; padding-right:25px; border:none; background:transparent; }
.setting-position-head .search-positon .search-btn { position:absolute; right:0; top:0; margin-left:4px; padding:4px; }
.setting-position-head .search-positon .search-btn img { width:14px; height:14px; }

/* ==========================================================================
	응급처치하기
========================================================================== */
.first-aid { position:relative; }
.first-aid .btn-call-119 { position:absolute; right:15px; top:15px; z-index:1; }
.first-aid .btn-call-119 img { position:fixed; bottom:80px; right:15px; width:55px; height:55px; }
.first-aid .btn-call-119.with-desc img { position:fixed; bottom:120px; right:15px; width:55px; height:55px; }

/* ==========================================================================
	응급처치요령
========================================================================== */
.emergency-treat { background:#f5f5f5; }

/* 큰분류 */
.emergency-treat .list-depth1 { padding:15px; }
.emergency-treat .list-depth1 li { border:1px solid #dfdfdf; background:#fff; text-align:center; }
.emergency-treat .list-depth1 li + li { margin-top:7px; }
.emergency-treat .list-depth1 .list-item-block { display:block; padding:35px 0; }
.emergency-treat .list-depth1 .section-thumbnail { display:inline-block; vertical-align:middle; margin-right:20px; }
.emergency-treat .list-depth1 .section-thumbnail img { width:60px; height:50px; }
.emergency-treat .list-depth1 p { display:inline-block; vertical-align:middle; margin:0; width:120px; line-height:1.25em; font-size:20px; font-weight:700; text-align:left; }

/* 작은분류 */
.emergency-treat .list-depth2 { padding:15px; }
.emergency-treat .list-depth2 li { border:1px solid #dfdfdf; background:#fff; text-align:center; }
.emergency-treat .list-depth2 li + li { margin-top:7px; }
.emergency-treat .list-depth2 .list-item-block { display:block; padding:15px 0; }
.emergency-treat .list-depth2 .section-thumbnail { display:inline-block; vertical-align:middle; margin-right:20px; }
.emergency-treat .list-depth2 .section-thumbnail img { width:39px; height:33px; }
.emergency-treat .list-depth2 p { display:inline-block; vertical-align:middle; margin:0; width:155px; line-height:1.25em; font-size:15px; font-weight:700; text-align:left; }
.emergency-treat.default { background:#fff; padding:15px; }

/* ==========================================================================
	심폐소생술
========================================================================== */
/* 목록 */
.cpr-guide .guide-list {  }
.cpr-guide .guide-list li + li { margin-top:7px; }
.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%; }


/* ==========================================================================
	독극물정보
========================================================================== */
.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:#007b94; 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 h5 { margin:20px 0; }
.toxic-list .toxic-info-view p { margin:20px 0; }

/* ==========================================================================
		응급의료교육
========================================================================== */
.gray { background-color:#ecebeb; }
.no-data { padding:15px; display:block; color:#555; background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; }
.emergency-edu-list { width:100%; padding-top:10px; }
.emergency-edu-list li { padding-top:10px; }
.emergency-edu-list li:first-child { padding-top:0px; }
.emergency-edu-list li .inner { padding:15px; display:block; color:#555; background-color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.emergency-edu-list li .inner span.title { display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:14px; color:#333; }
.emergency-edu-list li .inner span.detail { padding-top:10px; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:13px; }
.emergency-edu-list li .inner .line { padding-right: 10px; margin-right: 8px; background:url('/app/images/common/etc_emergency_line.gif') right 0 no-repeat; }
.emergency-edu-list li .inner .line.bg-none { background:none; }
.emergency-edu-list li .inner span.location { padding-top:10px; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:12px; }
.emergency-edu_list > li { padding-left:8px; line-height:24px; font-size:13px; background:url('/app/images/common/etc_dot.gif') 0 10px no-repeat; background-size:2px; }
.emergency-edu_list > li strong { margin-right:8px; display:inline-block; vertical-align:0; }
.emergency-edu_list.under li strong { display:block; color:#333; }
.emergency-edu_list li ul li { padding-left:8px; background:url('/app/images/common/etc_dash.gif') 0 10px no-repeat; background-size:5px; }
.emergency-edu-desc { width:100%; }
.emergency-edu-desc .emergency-edu-title { font-size:14px; font-weight:bold; }
.emergency-edu-img-area img { width:100%; }

/* ==========================================================================
	응급의료검색
========================================================================== */
.search-body { min-width:320px; }
.gray {background-color:#ecebeb;}

.emergency-search-area {width: 100%; height: 49px; background-color:#535a66;}
.emergency-search-area .search-box-area {padding-left:15px; padding-right:15px;}
.emergency-search-area .search-box-area .search_input {padding: 12px 0 7px 0; background-size:14px; }
.emergency-search-area .search-box-area .search_input .emergency-search {padding:3px 0; background-color:#535a66; border:0; font-size:15px; color:#fff; width:125px;}
.emergency-search-area .search-box-area .search_input .emergency-search::-webkit-input-placeholder {color:#9aa0aa;}
.emergency-search-area .search-box-area .search_input .emergency-search:-moz-placeholder {color:#9aa0aa; opacity:1;}
.emergency-search-area .search-box-area .search_input .emergency-search::-moz-placeholder {color:#9aa0aa; opacity:1;}
.emergency-search-area .search-box-area .search_input .emergency-search:-ms-input-placeholder {color:#9aa0aa;}

.emergency-search-result {position:relative; padding:15px; font-size:14px; color:#333333; background-color:#fff;}
.emergency-search-result strong {vertical-align:0; color:#368eba;}
.emergency-search-result span {vertical-align:0; color:#368eba;}

.emergency-search-result-list { width: 100%; }
.emergency-search-result-list.none { height:200px; line-height:170px; text-align:center; }
.emergency-search-result-list.none li a { font-size:1.1em; color:#cc0000; }
.emergency-search-result-list li { padding-top: 10px; }
.emergency-search-result-list li:first-child { padding-top: 0px; }
.emergency-search-result-list li a { padding:15px; display:block; color:#555; background-color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.emergency-search-result-list li a strong.name { display:block; font-weight:normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:14px; color:#333;}
.emergency-search-result-list li a span.location { padding-top:10px; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:13px; }
.emergency-search-result-list li a span.location .distance { padding-left: 15px; display:inline-block; background:url(../images/common/icon_emergency_distance.png) 0 0 no-repeat; background-size:10px; vertical-align:0; }
.emergency-search-result-list li a .line { padding-right: 10px; margin-right: 8px; background:url(../images/common/etc_emergency_line.gif) right 0 no-repeat; }
.emergency-search-result-list li a .line.bg-none { background:none;}
.emergency-search-result-list li a span.treatment { padding-top: 10px; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:12px; }

/* ==========================================================================
	의견올리기
========================================================================== */
.pic-upload-area {position:relative; border: solid 1px #dfdfdf; height:497px;}
.pic-upload-area a {display:block; height: 110px; background:url(/app/images/common/icon_camera.png) center 29px no-repeat; background-size:33px;}
.pic-upload-area a span {width: 100%; position:absolute; left:0px; top:65px; text-align:center; display:block; color:#a7a7a7; font-size:13px; }

.pic-upload-input {margin-top: 15px; padding-bottom:1px; border: solid 1px #dfdfdf;}
.pic-upload-input input {width:100%; height:36px; padding-left:6px; border:0; line-height:26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size:13px; color:#a7a7a7; }
.pic-upload-input input::-webkit-input-placeholder {color:#a7a7a7;}
.pic-upload-input input:-moz-placeholder {color:#a7a7a7; opacity:1;}
.pic-upload-input input::-moz-placeholder {color:#a7a7a7; opacity:1;}
.pic-upload-input input:-ms-input-placeholder {color:#a7a7a7;}

.pic-upload-textarea {margin-top: 15px; border: solid 1px #dfdfdf;}
.pic-upload-textarea textarea {width: 100%; height: 178px; padding:6px; overflow:hidden; line-height:20px; border:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size:13px; color:#a7a7a7;}
.pic-upload-textarea textarea::-webkit-input-placeholder {color:#a7a7a7;}
.pic-upload-textarea textarea:-moz-placeholder {color:#a7a7a7; opacity:1;}
.pic-upload-textarea textarea::-moz-placeholder {color:#a7a7a7; opacity:1;}
.pic-upload-textarea textarea:-ms-input-placeholder {color:#a7a7a7;}

.btn-area-center {padding-top: 15px; text-align:center; font-size:0; }
.btn-area-center .common-wide-btn {width: -webkit-calc(50% - 2px); width: -moz-calc(50% - 2px); width: calc(50% - 2px); height: 40px; display:inline-block; background-color:#505050; font-size:14px; font-weight:bold; color:#ffffff; line-height:40px; }
.btn-area-center .common-wide-btn:last-child {margin-left: 2px; background-color:#007b94;}

/* ==========================================================================
		공통 버튼
========================================================================== */
.btn-area-center { padding-top:15px; text-align:center; font-size:0; }
.btn-area-center .btn-common-wide { width:-webkit-calc(50% - 2px); width:-moz-calc(50% - 2px); width:calc(50% - 2px); height:40px; display:inline-block; background-color:#505050; font-size:14px; font-weight:bold; color:#ffffff; line-height:40px; }
.btn-area-center .btn-common-wide.full { width:100%; }
.btn-area-center .btn-common-wide:last-child { margin-left:2px; background-color:#007b94; }

/* 팝업 */
.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; }

/* 설문조사 */
.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%; }