@charset "utf-8";
@import url(./survey.css);


@media all and (max-width:580px) {
	.mT40.taC > .btn {display:block; width:100%; margin:5px 0;}
	.mT40.taC > .btn.fL {float:none;}
}

/***********************************************
	Search Box
***********************************************/

.search-box {display:block; position:relative; padding:1em 7em 1em 0; border-bottom:1px solid #e5e5e5; margin-bottom:1.5em;}
.search-box .sch-button {position:absolute; right:0; top:1em; bottom:1em; width:6em;}
.search-box .sch-button > * {display:block; position:relative; width:100%; height:100%; text-align:center; font-size:.75em; border-radius:.33em; background:#024B7E; color:#fff;}
.search-box .sch-button > *:before {content:""; display:block; margin:0 auto .3em; width:2em; height:2em; background:url(../img/common/ico_search_white.svg) no-repeat 50% 50%; background-size:contain;}
.search-box .sch-button > *.single:before {display:none;}
.search-box.bo-top {border-top:2px solid #333;}

.search-box .sch-row {overflow:hidden;}
.search-box .sch-cell {display:inline-block; position:relative; vertical-align:middle; margin-right:2.5em;}
.search-box .sch-cell:after {content:""; display:block; clear:both;}
.search-box .sch-cell + .sch-cell:before {content:""; display:block; position:absolute; width:1px; height:.7em; background:#DFDFDF; top:50%; margin-top:-.35em; left:-1.25em;}
.search-box .sch-cell.full {display:block; margin-right:0;}

.search-box .sch-title {display:block; position:absolute; top:0; left:0; width:7em;}
.search-box .sch-title + .sch-con {display:block; position:relative; margin-left:7.5em;}
.search-box .sch-title > * {display:block; width:100%;}
.search-box .sch-con > * {display:inline-block; vertical-align:middle; margin:0 .5em .5em 0;}

.search-box .sch-con .full {width:100% !important;}

.search-box .input-date {position:relative; width:9em;}
.search-box .input-date button {position:absolute; top:50%; right:.5em; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:.9em; height:.9em;}
.search-box .input-date input {width:100% !important;}

.ui-datepicker {padding:2.7em .5em .5em;}
.ui-widget-content {border-color:#ddd; z-index:9 !important;}
.ui-widget-header {padding:.5em 0 !important; border:0; background:#F3F8FC; position:absolute !important; top:0; left:0; right:0;}
.ui-datepicker .ui-datepicker-title select {width:40% !important; height:30px; font-size:13px; padding:0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {top:.5em;}
.ui-datepicker .ui-datepicker-prev {left:.5em;}
.ui-datepicker .ui-datepicker-next {right:.5em;}
.ui-datepicker table {margin:0;}
.ui-datepicker td span, .ui-datepicker td a {text-align:center;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color:#333; background:#EDF1F5; border:0;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {color:#fff; background:#1293EF;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity:0;}

.search-box .radio-button {padding:.2em 0;}
.search-box .radio-button:after {content:""; display:block; clear:both;}
.search-box .radio-button label {display:block; float:left; font-size:.75em; padding:.3em .66em !important; border:1px solid #ddd; border-radius:.33em; margin-right:.25em;}
.search-box .radio-button label:before {display:none !important;}
.search-box .radio-button input:checked + label {background:#024B7E; border-color:#024B7E; color:#fff;}

.google-translate {display:block; position:relative; text-align:right; margin:0;}
.google-translate * {font-family:inherit !important;}
.google-translate .goog-te-gadget {font-size:.75em; line-height:2.67em;}
.google-translate .goog-te-gadget:after {content:""; display:block; clear:both;}
.google-translate .goog-te-gadget img {filter:grayscale(100%); filter:gray; -webkit-filter:grayscale(100%);}
.google-translate .goog-te-gadget .goog-te-combo {float:right; margin:0 0 0 .5em !important; font-size:1em;}
.google-translate .skiptranslate {padding-bottom:1.5em;}

/* 최신입찰정보 조건검색영역 */
.search-box.bid .sch-title {position:relative; display:inline-block; top:auto; left:auto; vertical-align:top;}
.search-box.bid .sch-title + .sch-con {display:inline-block; margin-left:0; vertical-align:top; width:calc(100% - 7.3em);}
.search-box.bid .sch-title + .sch-title + .sch-con {width:calc(100% - 14.6em);}

@media all and (max-width:720px) {
	.search-box {padding-right:0;}
	.search-box .sch-button {position:relative; margin-top:1em; top:auto; right:auto; bottom:auto; width:auto; height:2.5em;}
	.search-box .sch-button > * {font-size:.9em;}
	.search-box .sch-button > *:before {display:block; position:absolute; left:1em; top:50%; margin:0; width:1.5em; height:1.5em; margin-top:-.75em;}
}
@media all and (min-width:640px) {
	.page-title-right {position:absolute; top:-2.5em; right:0; left:0; transform:translateY(-100%); -webkit-transform:translateY(-100%);}
	.page-title-right .google-translate .skiptranslate {padding-bottom:0;}
}
@media all and (max-width:640px) {
	.page-title-right {margin-top:-1em;}
}
@media all and (max-width:520px) {
	.search-box .sch-cell {display:block; width:auto !important; margin-right:0;}
	.search-box .sch-title {position:relative; width:auto !important;}
	.search-box .sch-title > * {width:100% !important;}
	.search-box .sch-title + .sch-con {margin-left:0 !important; margin-top:.5em !important;}
	
	.search-box.bid .sch-title {display:block;}
	.search-box.bid .sch-title + .sch-title {margin-top:.25em;}
	.search-box.bid .sch-title + .sch-con, 
	.search-box.bid .sch-title + .sch-title + .sch-con {width:100%;}

	.search-box .input-date {width:7.5em;}
	.search-box .frmSch {font-size:1.05em;}
}



/***********************************************
	Paging
***********************************************/

.paginate {display:block; position:relative; text-align:center; margin:2em 0;}
.paginate > * {display:inline-block; position:relative; vertical-align:middle; min-width:2.1em; height:2.1em; line-height:2.1em; text-align:center; padding:0 .3em; box-sizing:border-box; background:no-repeat 50% 50%; background-size:contain; color:#333;}
.paginate > a:hover {background-color:#fafafa;}
.paginate strong {background:#1293EF; color:#fff;}

.paginate .btn_prevgrp,
.paginate .btn_prev,
.paginate .btn_next,
.paginate .btn_nextgrp {overflow:hidden; text-indent:-999px; text-align:left; background-color:transparent !important;}
.paginate .btn_prevgrp {background-image:url(../img/common/ico_board_first.svg);}
.paginate .btn_prev {background-image:url(../img/common/ico_board_prev.svg);}
.paginate .btn_next {background-image:url(../img/common/ico_board_next.svg);}
.paginate .btn_nextgrp {background-image:url(../img/common/ico_board_last.svg);}



/***********************************************
	Board : Comment
***********************************************/

.commentWrap {border:1px solid #e5e5e5; padding:1.5em;}

.comment-write {display:block; position:relative; padding-right:5em; margin-top:1em; padding-top:1.5em; border-top:1px solid #e5e5e5;}
.comment-write .comment-btn {display:block; position:absolute; top:1.5em; right:0; bottom:0; width:4em;}
.comment-write .comment-btn > * {display:block; position:relative; width:100%; height:100%; text-align:center; font-size:.75em; border-radius:.33em; background:#024B7E; color:#fff;}
.comment-write textarea {display:block; position:relative; width:100% !important; }

.comment-list li + li {border-top:1px solid #e5e5e5; margin-top:1.5em; padding-top:1.5em;}
.comment-list li .reply.re {padding-left:1.2em; position:relative;}
.comment-list li .reply.re:before {content:''; width:9px; height:11px; background:url(../img/common/ico_rerepl.png) no-repeat; position:absolute; top:.1em; left:0;}
.comment-list .control {font-size:.8em;}
.comment-list .control > * {display:inline-block; vertical-align:middle; position:relative;}
.comment-list .control strong {margin-right:.5em; color:#333; font-weight:600;}
.comment-list .control span {margin-right:.5em;}
.comment-list .control button, .comment-list .control a {margin:0 .1em; width:1.7em; height:1.7em; border:1px solid #e5e5e5; border-radius:3px; font-size:.8em; text-align:center;}
.comment-list .control button.mod, .comment-list .control a.mod {border-color:#ddd; background:#fafafa; color:#333;}
.comment-list .control button.del, .comment-list .control a.del {border-color:#6b0707; background:#911f1f; color:#fff;}
.comment-list .cmt-content {font-size:.9em; color:#333; margin-top:.5em;}
.comment-list .cmt-content.del-Y {color:#ff3737;}

/***********************************************
	Board : Basic
***********************************************/

.bodHeader {display:table; position:relative; width:100%; table-layout:fixed; height:2em; margin-bottom:.5em;}
.bodHeader > * {display:table-cell; vertical-align:middle; padding:.3em 0;}
.bodHeader .total {font-size:.8em; color:#333;}
.bodHeader .pageCount {text-align:right; font-size:.8em;}
.bodHeader .pageCount > * {vertical-align:middle;}
.bodHeader .pageCount select {font-size:.9375em; margin-left:.7em;}

.btnWrap {text-align:center; margin-top:2em;}
.bod-top-control {text-align:center; margin-bottom:1em; z-index:5;}
 

@media all and (min-width:1025px) {
	.bod-top-control {position:absolute; top:-.5em; right:0; transform:translateY(-200%); -webkit-transform:translateY(-200%); opacity:0;}
	
	.bod-top-control.active {opacity:1;}
	#titWrap .bod-top-control {top:auto; bottom:0; right:50%; margin-right:-700px; margin-bottom:0; transform:none; -webkit-transform:none; z-index:0;}
}
@media all and (min-width:1025px) and (max-width:1520px) {
	#titWrap .bod-top-control {right:0; margin-right:0;}
}
@media all and (max-width:640px) {
	.bodHeader .total,
	.bodHeader .pageCount {font-size:.9em;}
}
@media all and (max-width:420px) {
	.bod-top-control .btn {display:block; width:100%; margin:.4em 0;}
}


/**************** List ****************/

.bod-list {display:block; position:relative; border-top:2px solid #333;}
.bod-list > table {width:100%; table-layout:fixed;}
.bod-list > table > thead > tr > th,
.bod-list > table > tbody > tr > th,
.bod-list > table > tbody > tr > td {position:relative; font-size:.8em; padding:.5em; height:3.125em; box-sizing:border-box; vertical-align:middle;}
.bod-list > table > thead > tr > th {background:#F3F8FC; border-bottom:1px solid #333; color:#333; text-align:center;}
.bod-list > table > tbody > tr > th,
.bod-list > table > tbody > tr > td {border-bottom:1px solid #E5E5E5; color:#333;}

.bod-list .list-subj.name {width:10%; text-align:center;}

.bod-list .list-num {width:7.14%; text-align:center;}
.bod-list .list-name {width:13%; text-align:center;}
.bod-list .list-date {width:16%; text-align:center;}
.bod-list .list-etc {width:16%; text-align:center;}
.bod-list .list-manage {width:18em; text-align:center;}
.bod-list .list-manage.fit {width:11em;}
.bod-list .list-product {width:30%;}

.bod-list .list-state {width:7em; text-align:center;}
.bod-list .list-company {width:10%; text-align:center;}
.bod-list .list-email {text-align:center;}

.bod-list .list-state select {font-size:.9em; height:2.362em; width:100%; padding:0 .4em;}
.bod-list .list-state .state {display:inline-block; text-align:center; font-size:.9em; border:1px solid #333; color:#333; padding:.2em .5em; min-width:5em; border-radius:9em;}
.bod-list .list-state .state.ing {border-color:#1293EF; color:#1293EF;}
.bod-list .list-state .state.com {border-color:#333333; color:#fff; background:#333333;}

.bod-list .list-subj a {display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:400;}
.bod-list .list-subj strong {font-weight:400;}
.bod-list .list-subj a.btn {display:inline-block; margin:0; vertical-align:middle;}
.bod-list .list-subj a.btn.blank {position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.bod-list .list-subj a.btn.blank ~ a {margin-right:7em;}
.bod-list .list-subj .lock {display:inline-block; width:1em; height:1em; overflow:hidden; text-indent:-999px; background:url(../img/common/ico_lock.svg) no-repeat 50% 50%; background-size:contain; vertical-align:middle;}
.bod-list .list-subj .close {display:inline-block; font-size:.9375em; background:#333333; border-radius:9em; color:#fff; vertical-align:middle; padding:0 .7em; line-height:1.7em; margin-left:.5em;}

.bod-list .list-subj a.new strong {display:inline-block; position:relative; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:1.3em;}
.bod-list .list-subj a.new strong:after {content:"N"; display:block; position:absolute; top:50%; right:0; font-size:.8em; line-height:1.5em; width:1.45em; text-align:center; height:1.5em; font-weight:800; transform:translateY(-50%); -webkit-transform:translateY(-50%);  border-radius:3px; background:#ef1212; color:#fff;}

.bod-list .list-manage .btn.small {padding:.36em .7em;}
.bod-list .list-manage .btn.small.square {padding:0 .7em; font-size:.85em; white-space:nowrap;}

.bod-list .mo-tit .tit {display:none;}

.no-data,
.no_data {display:table; position:relative !important; width:100% !important; height:17em !important; border-bottom:1px solid #e5e5e5 !important; font-size:20px !important;}
.no-data > *,
.no_data > * {display:table-cell; vertical-align:middle; text-align:center; font-size:.8em; color:#333;}
.no-data > *:before,
.no_data > *:before {content:""; display:block; position:relative; margin:0 auto 1em; width:7.875em; height:7.875em; border-radius:100%; background:url(../img/common/img_no_data.png) no-repeat 50% 50%; background-size:contain;}
td .no_data,
td .no-data {border-bottom:none;}

@media all and (max-width:640px) {
	.bod-list > table > thead > tr > th,
	.bod-list > table > tbody > tr > th,
	.bod-list > table > tbody > tr > td {font-size:.95em;}
	.bod-list .list-company.subject_span {width:100%; text-align:left; padding-bottom:.5em; font-size:1em; color:#1a83f7; font-weight:600;}
}


/**************** Viewer ****************/

.bod-viewer {display:block; position:relative; border-top:2px solid #333;}
.bod-viewer > * {border-bottom:1px solid #E5E5E5;}
.bod-viewer-header {display:block; position:relative; padding:1.5em 0; text-align:center;}
.bod-viewer-header > * + * {margin-top:1em;}
.bod-viewer-header .title strong {display:block; position:relative; font-size:1.3em; line-height:1.3em; font-weight:700; color:#333; word-break:keep-all;}

.bod-view {border-top:1px solid #333;}
.bod-view tr >* {font-size:.8em !important;}
.bod-view tbody th,
.bod-view table tbody th {font-size:1em; font-weight:800; background:#F3F8FC; border-bottom:1px solid #E5E5E5; color:#333; text-align:center; padding:.5em; vertical-align:middle;}
.bod-view tbody td,
.bod-view table tbody td {border-bottom:1px solid #E5E5E5; color:#333; font-size:1em; padding:.5em; height:3.5em; box-sizing:border-box; vertical-align:middle;}

.bod-view tbody td,
.bod-view table tbody .contents_span p {width:auto !important;}

.bod-view.ty2 {border-top-width:2px;}
.bod-view.ty2 tbody th {width:9.375em; font-size:.8em}
.bod-view.ty2 tbody td {padding:1.33em; font-size:.75em}

.conts .bod-view textarea,
.conts .bod-view input[type="text"],
.conts .bod-view input[type="password"],
.conts .bod-view input[type="search"],
.conts .bod-view input[type="number"],
.conts .bod-view select {font-size:1em;}
.conts .bod-view .point {display:inline-block; padding:2px 10px; margin-right:10px; color:#1A83F7; border:1px solid #1A83F7; vertical-align:middle;}

@media all and (max-width:640px) {
	.bod-view table,
	.bod-view tbody,
	.bod-view tr,
	.bod-view th,
	.bod-view td {display:block !important; height:auto !important;}
	.bod-view th {text-align:left !important;}
	.bod-view td {padding:1em .5em !important;}
	.bod-view th {padding-top:1em !important; padding-bottom:1em !important;}

	.bod-view.ty2 tbody th {width:auto;}
	.bod-view.ty2 tbody th,
	.bod-view.ty2 tbody td {font-size:.9em;}
}

/**************** Write ****************/


.bod_write {border-top:2px solid #333;}
.bod_write dl {display:table; width:100%; table-layout:fixed;}
.bod_write dl >* {display:table-cell; position:relative; height:3.3em; padding:.5em; font-size:.8em !important; border-bottom:1px solid #E5E5E5; vertical-align:middle;}
.bod_write dt {width:10em; font-weight:600; text-align:center; background:#F3F8FC;}
.bod_write dt em {color:#ff4e00;}
.bod_write dt span {display:block; opacity:.8; font-size:.9em;}
.bod_write dt span.essential {display:inline-block;}
.bod_write dd >* {vertical-align:middle;}

@media all and (min-width:1025px) {
	.bod_write dl {clear:both;}
	.bod_write dl.half {width:50%; float:left; clear:none;}
}

.conts .bod_write textarea,
.conts .bod_write input[type="text"],
.conts .bod_write input[type="password"],
.conts .bod_write input[type="search"],
.conts .bod_write input[type="number"],
.conts .bod_write select {font-size:1em;}l

.conts .bod_write .regular-company {display:inline-block; vertical-align:middle; font-size:.9em; padding:.4em 1em .3em; border:1px solid #1A83F7; color:#1A83F7; margin-right:.5em;}
.conts .bod_write .hasDatepicker {margin-right:5px !important;}
.conts .bod_write .editor {display:block; clear:both; min-height:250px; border-bottom:1px solid #E5E5E5;}
.conts .bod_write .side-form {display:none; margin-left:5px;}
.conts .bod_write input:checked + label + .side-form {display:inline-block;}
.conts .bod_write input + label {display:inline-block; margin-right:1em; padding-top:.4em; padding-bottom:.4em;}

.conts .bod_write .itemAddForm {display:table; width:100%; table-layout:fixed; padding:1em 0; border-bottom:1px dashed #AAAAAA; }
.conts .bod_write .itemAddForm > * {display:table-cell; vertical-align:middle; position:relative;}
.conts .bod_write .itemAddForm input {width:100%;}
.conts .bod_write .itemAddForm p {padding-left:1em; color:#888888;}
.conts .bod_write .itemAddForm .actAdd {width:5.625em;}
.conts .bod_write .itemAddForm .actAdd > input {position:absolute; top:0; left:0; width:5.625em; height:2.67em; opacity:0; z-index:99; cursor:pointer;}
.conts .bod_write .itemAddForm .actAdd > span,
.conts .bod_write .itemAddForm .actAdd > button {display:block; position:relative; font-size:1em; width:100%; height:2.67em; line-height:2.67em; text-align:center; background:#024B7E; color:#fff; font-weight:600;}
.conts .bod_write .itemAddForm .actAdd > span {border-radius:.5em; z-index:-1;}
.conts .bod_write .itemAddForm .actAdd > button {border-radius:.5em 0 0 .5em;}
.conts .bod_write .itemAddList {padding:.5em 0;}
.conts .bod_write .itemAddList li {display:block; position:relative; padding:.5em 0 .5em 1em;}
.conts .bod_write .itemAddList li:before {content:""; display:block; position:absolute; width:4px; height:4px; left:0; top:50%; margin-top:-2px; background:#333; border-radius:100%;}
.conts .bod_write .itemAddList li > span,
.conts .bod_write .itemAddList li > a {display:inline-block; max-width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333;}
.conts .bod_write .itemAddList li .btn {margin-left:.5em;}
.conts .bod_write .itemAddList li > a:after {content:''; display:inline-block; width:1em; height:1em; margin-left:.5em; background:url(../img/common/spr_button_icon.svg) no-repeat 50% -.9em; background-size: 100% auto; vertical-align:middle;}

@media all and (max-width:1024px) {
	.bod_write dl {display:block; border:0;}
	.bod_write dl >* {display:block; height:auto; padding:1em; font-size:1em;}
	.bod_write dt {width:auto; text-align:left; border-bottom:0;}
	.bod_write dt span {display:inline-block; vertical-align:middle; margin-left:.5em;}
}
@media all and (max-width:480px) {
	.conts .bod_write .side-form {margin-top:5px; width:100% !important;}
	.conts .bod_write input:checked + label + .side-form {display:block;}

}

.conts .bod_write .add-form > li {display:block; position:relative; padding-right:5.3em;}
.conts .bod_write .add-form > li .control {display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.conts .bod_write .add-form > li .control button {font-size:.9em; border-radius:.25em; width:2.65em; height:2.65em; border:1px solid #DDDDDD; background:no-repeat 50% 50%; background-size:2.22em auto; text-indent:-999px; overflow:hidden;}
.conts .bod_write .add-form > li .control button.add {background-image:url(../img/common/btn_item_add.svg);}
.conts .bod_write .add-form > li .control button.del {background-image:url(../img/common/btn_item_del.svg);}

.essential {display:inline-block; width:.5em; height:.5em; color:rgba(0,0,0,0); text-indent:-9999px; background:url(../img/common/ico_esse.png) no-repeat 50% 50%; background-size:100% auto; overflow:hidden; vertical-align:middle;}

.conts .bod_write .side-table {overflow:auto; border-top:1px solid #333;}
.conts .bod_write .side-table table {width:100%; table-layout:fixed; border-bottom:1px solid #E5E5E5; min-width:40em;}
.conts .bod_write .side-table table tr > * + * {border-left:1px solid #E5E5E5;}
.conts .bod_write .side-table table thead th {padding:.3em; font-weight:600; background:#f5f5f5; font-size:.9em; border-bottom:1px solid #E5E5E5;}
.conts .bod_write .side-table table td {padding:.3em; border-bottom:1px solid #E5E5E5; font-size:.9em;}

/***********************************************
	Board : Board Default
***********************************************/

@media all and (max-width:740px) {
	.mo-type-bod .list-num {display:none !important;}
}
@media all and (max-width:670px) {
	.mo-type-bod .list-date {display:none !important;}
}
@media all and (max-width:640px) {
	.mo-type-bod > table,
	.mo-type-bod > table > thead,
	.mo-type-bod > table > tbody,
	.mo-type-bod > table > thead > tr,
	.mo-type-bod > table > tbody > tr,
	.mo-type-bod > table > thead > tr > th,
	.mo-type-bod > table > tbody > tr > th,
	.mo-type-bod > table > thead > tr > td,
	.mo-type-bod > table > tbody > tr > td {display:block; width:auto !important; height:auto; border:none; padding:0;}
	.mo-type-bod > table > thead {display:none;}
	.mo-type-bod > table > tbody > tr {padding:1em 0; border-bottom:1px solid #E5E5E5; text-align:right;}
	.mo-type-bod .list-subj {margin-bottom:.8em; text-align:left; font-size:1em;}
	.mo-type-bod .list-subj strong {font-weight:500;}
	.mo-type-bod .list-subj ~ td {display:inline-block !important; vertical-align:middle; margin-right:.5em;}
}


/***********************************************
	Board : Bid
***********************************************/

/**************** List ****************/

.mo-type-bid:not(.wide) .bod-flip-content .bod-view tbody td,
.mo-type-bid:not(.wide) .bod-flip-content .bod-view table tbody td {height:2.5em;}

@media all and (max-width:740px) and (min-width:641px) {
	.mo-type-bid.wide {overflow:auto;}
	.mo-type-bid.wide > table {width:760px;}
}
@media all and (max-width:640px) {
	.mo-type-bid > table,
	.mo-type-bid > table > thead,
	.mo-type-bid > table > tbody,
	.mo-type-bid > table > thead > tr > th,
	.mo-type-bid > table > tbody > tr > th,
	.mo-type-bid > table > thead > tr > td,
	.mo-type-bid > table > tbody > tr > td {display:block; width:auto; height:auto;}
	.mo-type-bid > table > thead {display:none;}
	.mo-type-bid > table > tbody > tr > th,
	.mo-type-bid > table > tbody > tr > td {border-bottom-width:0;}
	.mo-type-bid > table > tbody > tr > th,
	.mo-type-bid > table > tbody > tr > td {padding:0 .5em;}
	.mo-type-bid > table > tbody > tr {display:block; position:relative; padding:1em 0 1em 5em; border-bottom:1px solid #e5e5e5;}
	.mo-type-bid .list-subj {margin-bottom:.5em; width:auto !important; text-align:left !important;}
	.mo-type-bid .list-subj strong,
	.mo-type-bid .list-subj a strong {font-weight:600; font-size:1.1em; color:#1A83F7;}
	.mo-type-bid .list-date,
	.mo-type-bid .list-etc {display:inline-block; vertical-align:top; width:auto;}
	.mo-type-bid .list-num {position:absolute; top:0; left:0; bottom:0; text-align:left; font-weight:600; width:5em; padding:1em; border-right:1px solid #e5e5e5; background:#FAFAFA;}
	.mo-type-bid .list-manage {text-align:left; margin-top:1em;}
	.mo-type-bid .mo-tit {display:table; width:100% !important; table-layout:fixed; opacity:.9;}
	.mo-type-bid .mo-tit > * {display:table-cell; vertical-align:top; text-align:left; padding:.2em .5em; font-weight:600;}
	.mo-type-bid .mo-tit .tit {display:table-cell; font-weight:600; width:6em;}
	.mo-type-bid .mo-tit .tit:before {content:""; display:inline-block; width:.4em; height:1px; margin-right:.5em; background:#333; vertical-align:middle;}


	.bod-flip-content {padding:0 !important;}
	.bod-flip-content .bod-view th {padding-top:1em !important; padding-bottom:0 !important; border-bottom-width:0; background:transparent;}

	.mo-type-bid > table#myBidDetail_exist > tbody > tr {padding-left:0;}
}


/**************** Viewer ****************/

.bid-viewer section {display:block; position:relative; padding:2em 0;}
.bid-viewer section.first {padding-top:0;}
.bid-viewer section h5 {display:block; position:relative; margin-bottom:1em;}
.bid-viewer section h5 strong {font-size:1.3em; color:#024B7E;}
.bid-viewer section h5 em {display:inline-block; vertical-align:middle; width:1.3em; height:1.3em; font-size:.8em; text-align:center; line-height:1.3em; background:#024B7E; color:#fff;}
.bid-viewer section h5 span {display:inline-block; vertical-align:middle;}

.bid-viewer .flip-group {border-top:2px solid #333;}
.bid-viewer .flip-group dl + dl {border-top:1px solid #e5e5e5;}
.bid-viewer .flip-group > dl {display:block; position:relative; border-bottom:1px solid #e5e5e5;}
.bid-viewer .flip-group dt button {display:block; position:relative; width:100%; text-align:left; padding:0 1em 0 2em; height:3em;}
.bid-viewer .flip-group dt button:before {content:""; display:block; position:absolute; top:50%; left:0; width:1.2em; height:1.2em; margin-top:-.5em; background:url(../img/common/ico_flip_down.svg) no-repeat 0 50%; background-size:contain; opacity:.6;}
.bid-viewer .flip-group dl.on dt button:before {background-image:url(../img/common/ico_flip_up.svg);}
.bid-viewer .flip-group dd {border-top:1px solid #e5e5e5; padding:1em 0;}

* ~ .bid-detail {margin-top:1.5em; border-top:1px solid #e5e5e5;}
.bid-detail {padding:1.5em 0;}
.bid-detail > * {font-size:.9em; color:#333;}

.bid-info {display:table; width:100%; table-layout:fixed; border-top:2px solid #333;}
.bid-info > li {display:table-row;}
.bid-info > li > * {display:table-cell; font-size:.8em; vertical-align:middle; padding:1em; box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
.bid-info > li .subj {width:9.375em; font-weight:600; color:#000; background:#F3F8FC; text-align:center;}
.bid-info > li a {color:#024B7E; text-decoration:underline;}

.bid-info .inner-info {display:block; position:relative; margin:-1em;}
.bid-info .inner-info > li {display:table; width:100%; table-layout:fixed;}
.bid-info .inner-info > li > * {display:table-cell; padding:1em; vertical-align:middle;}
.bid-info .inner-info > li + li > * {border-top:1px solid #eaeaea;}
.bid-info .inner-info > li .subj {background:#e7f4ff;}

.bid-info tr > * {font-size:.8em; vertical-align:middle; height:3.75em; padding:1em; box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
.bid-info th {width:9.375em; font-weight:600; color:#000; background:#F3F8FC; text-align:center;}

@media all and (max-width:1024px) {
	.bid-viewer .flip-group dd {padding:1em 0;}
}
@media all and (max-width:640px) {
	.bid-info tr > *,
	.bid-info > li > * {font-size:.9em;}
/*}
@media all and (max-width:450px) {*/
	.bid-info,
	.bid-info > li,
	.bid-info > li > *,
	.bid-info tbody,
	.bid-info tr,
	.bid-info td,
	.bid-info th {display:block; height:auto; width:auto !important;}
	.bid-info > li .subj,
	.bid-info th {width:auto !important; padding:.5em 1em;}
	.bid-info tr,
	.bid-info th,
	.bid-info td {height:auto !important;}
	
	.bid-info .inner-info > li {display:block; width:auto; padding:1em;}
	.bid-info .inner-info > li > * {display:block; padding:0;}
	.bid-info .inner-info > li + li {border-top:1px solid #eaeaea;}
	.bid-info .inner-info > li + li > * {border-top:none;}
	.bid-info .inner-info > li .subj {text-align:left; padding-bottom:1em; background:transparent;}
}



.free-view {display:block;position:relative;border-top: 2px solid #333;}
.free-view li {border-bottom: 1px solid #DFDFDF;padding: 1.2em 1em 1.2em 0;}
.free-view li > * {position:relative; word-break:keep-all;}
.free-view li .thumb {width: 15em;max-width:100%;overflow: hidden;}
.free-view li .thumb img {display:block;position:relative;overflow:hidden;}
.free-view li .desc {font-size:.85em; color:#555;}
.free-view li .desc .s-title {font-size:1.25em;font-weight:700;color:#333;/* margin-bottom:.6em; */white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 84%;margin-right:.5em;display: inline-block;}

@media all and (min-width:950px) {
	.free-view li {display:table; width:100%; table-layout:fixed;}
	.free-view li > * {display:table-cell; vertical-align:middle;}
	.free-view li .thumb  {width:16.666667em; margin:0; max-width:inherit;}
	.free-view li .thumb + * {padding-top:0;padding-left:2em;}
}

@media all and (max-width:950px) {
	.free-view li {padding:2em 1em ;}
	.free-view li .thumb {margin: 0 auto;}
	.free-view li .thumb + * {padding-top:2em;}	
	.free-view li .desc .s-title {display:block; clear:both; max-width:100%; margin-bottom:1em;}
}

@media all and (max-width:430px) {
	.free-view li {padding:1.5em;}
	.free-view li .thumb + * {padding-top:1.5em;}	
}


/***********************************************
	Board : Company
***********************************************/

/**************** List ****************/

.compGroup {position:relative;}
.compGroup .func-add {position:absolute; top:0; right:0;}

.compGroup .list-cate,
.compGroup .list-type,
.compGroup .list-subj,
.compGroup .list-date,
.compGroup .list-state,
.compGroup .list-ctrl {text-align:center;}
.compGroup .list-cate {width:7.14%;}
.compGroup .list-type {width:8%;}
.compGroup .list-subj {width:10%;}
.compGroup .list-date {width:15%;}
.compGroup .list-ctrl,
.compGroup .list-state {width:10%;}
.compGroup .list-ctrl .btn,
.compGroup .list-ctrl .btn.small {font-size:.8em;}

.compGroup .list-cont > span {display:block; position:relative; max-height:3em; line-height:1.5em; overflow:hidden; word-break:keep-all;}

.compGroup .list-state > * {display:block; position:relative;}
.compGroup .list-state *[data-state="승인완료"] {color:#333;}
.compGroup .list-state *[data-state="검토중"] {color:#1293EF;}
.compGroup .list-state *[data-state="승인요청"] {color:#024B7E;}
.compGroup .list-state *[data-state="반려"] {color:#FC2264;}
.compGroup .list-state *[data-state="반려"]:before {content:"!"; display:inline-block; vertical-align:middle; width:1.125em; height:1.125em; border-radius:100%; text-align:center; line-height:1.125em; color:#fff; background:#FC2264; font-weight:800; margin-right:.3em;}
.compGroup .list-state .state-detail {display:block; position:absolute; top:100%; left:50%; width:240px; padding:1em; margin-top:8px; margin-left:-120px; background:#F3F8FC; border:1px solid #ddd; color:#333; font-size:.9em; visibility:hidden; opacity:0; transition:.3s all; -webkit-transition:.3s all; z-index:99999;}
.compGroup .list-state > *:hover .state-detail {visibility:visible; opacity:1;}
.compGroup .list-state .state-detail:after,
.compGroup .list-state .state-detail:before {content:""; bottom:100%; left:50%; border:solid transparent; height:0; width:0; position:absolute;}
.compGroup .list-state .state-detail:after {border-color:rgba(243, 248, 252, 0); border-bottom-color:#F3F8FC; border-width:9px; margin-left:-9px;}
.compGroup .list-state .state-detail:before {border-color:rgba(221, 221, 221, 0); border-bottom-color:#dddddd; border-width:10px; margin-left:-10px;}


@media all and (max-width:640px) {
	.compGroup {text-align:center;}
	.compGroup .func-add {position:relative; font-size:.9em; margin:2em auto;}

	.compGroup h4,
	.mo-type-comp > table {text-align:left;}

	.mo-type-comp > table,
	.mo-type-comp > table > thead,
	.mo-type-comp > table > tbody,
	.mo-type-comp > table > thead > tr > th,
	.mo-type-comp > table > tbody > tr > th,
	.mo-type-comp > table > thead > tr > td,
	.mo-type-comp > table > tbody > tr > td {display:block; width:auto; height:auto;}
	.mo-type-comp > table > thead {display:none;}
	.mo-type-comp > table > tbody > tr > th,
	.mo-type-comp > table > tbody > tr > td {border-bottom-width:0;}
	.mo-type-comp > table > tbody > tr > th,
	.mo-type-comp > table > tbody > tr > td {padding:0 .5em;}
	.mo-type-comp > table > tbody > tr {display:block; position:relative; padding:1em 0 1em 5em; border-bottom:1px solid #e5e5e5;}
	.mo-type-comp > table > tbody > tr.mo-pL0 {padding:1em 0 1em 0;}
	.mo-type-comp > table > tbody > tr.mo-pL0 .btn {width:100%; margin-top:0.75em;}

	.mo-type-comp .list-cate,
	.mo-type-comp .list-type {display:inline-block; width:auto; vertical-align:top; border-radius:9em; background:#eaeaea; line-height:1.3em; margin-left:.5em;}

	.mo-type-comp .list-subj {margin:.5em 0; width:auto; text-align:left; font-weight:600; font-size:1.05em; color:#1A83F7;}
	.mo-type-comp .list-cont {margin:.5em; border:1px solid #eaeaea; border-left-width:0; border-right-width:0; padding:1em .5em;}

	.mo-type-comp .list-state .state-detail {position:relative; top:auto; left:auto; opacity:1; margin:.5em 0; width:auto; visibility:visible;}
	.mo-type-comp .list-state .state-detail:before,
	.mo-type-comp .list-state .state-detail:after {display:none;}

	.mo-type-comp .list-ctrl {width:auto; text-align:right; margin-top:1em;}
	.mo-type-comp .list-ctrl .btn,
	.mo-type-comp .list-ctrl .btn.small {font-size:1em;}

	.mo-type-comp .list-date,
	.mo-type-comp .list-etc {display:inline-block; vertical-align:top; width:auto;}
	.mo-type-comp .list-num {position:absolute; top:0; left:0; bottom:0; text-align:left; font-weight:600; width:5em; padding:1em; border-right:1px solid #e5e5e5; background:#FAFAFA;}
	.mo-type-comp .mo-tit {display:table; width:100%; table-layout:fixed; opacity:.9;}
	.mo-type-comp .mo-tit > * {display:table-cell; vertical-align:top; text-align:left; padding:.2em .5em; font-weight:600;}
	.mo-type-comp .mo-tit .tit {display:table-cell; font-weight:600; width:6em;}
	.mo-type-comp .mo-tit .tit:before {content:""; display:inline-block; width:.4em; height:1px; margin-right:.5em; background:#333; vertical-align:middle;}
}


/*********************************
	Flag Box
*********************************/

.flagBox {display:block; position:relative; }
.flagBox .control {display:block; position:relative; border-top:1px solid #E5E5E5; text-align:center;}
.flagBox .control button {display:block; position:relative; padding:0 1.5em; margin:0 auto; height:2em; background:#fff; border-radius:0 0 .5em .5em; border:1px solid #e5e5e5; border-top-width:0; top:-1px;}
.flagBox .control button span {display:block; position:relative; width:6em; padding-right:2em; font-size:.75em; color:#333;}
.flagBox .control button span:after {content:""; display:block; position:absolute; right:0; top:50%; width:1em; height:1em; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:url(../img/common/ico_arrow_down.svg) no-repeat 50% 50%; background-size:contain;}
.flagBox .control button span.close {display:none;}
.flagBox.open .control button span:after {background-image:url(../img/common/ico_arrow_up.svg);}
.flagBox.open .control button span.on {display:none;}
.flagBox.open .control button span.close {display:block;}
.flagSearchBox {display:block; position:relative;}
.flagSearchBox .input {display:block; position:relative;}
.flagSearchBox .input.keyword:after {content:""; display:block; position:absolute; width:1.35em; height:1.35em; right:1em; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:url(../img/common/ico_search.svg) no-repeat 50% 50%; background-size:contain;}
.flagSearchBox .input.keyword input[type="text"] {display:block; position:relative; font-size:.8em; color:#000; padding:0 1.875em; height:3.75em; background:#F3F8FC; border:none; border-radius:0; width:100%; border:none !important;}
.flagSearchBox .input.keyword input[type="text"]::placeholder {color:rgba(0,0,0,.6);}
.flagGroupList {display:block; position:relative; overflow:hidden;}
.flagGroupList .flag-list {display:block; position:relative; height:8.58em; min-height:8.58em; margin:0; padding:.5em 0; overflow:auto;}
.flagGroupList .flag-list:after {content:""; display:block; clear:both;}
.flagGroupList .flag-list li {display:block; float:left; box-sizing:border-box; width:12.5%; padding:.5em;}
.flagGroupList .flag-list .flags {display:block; position:relative; padding:.75em 1em; cursor:pointer;}
.flagGroupList .flag-list .icon {display:block; position:relative; height:3em; overflow:hidden; text-align:center; z-index:0;}
.flagGroupList .flag-list .icon:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; z-index:1;}
.flagGroupList .flag-list .icon img {display:block; position:absolute; width:auto; max-width:400%; height:3em; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:0;}
.flagGroupList .flag-list span {display:block; position:relative; font-size:.75em; color:#555; margin-top:.7em; text-align:center;}
.flagGroupList .flag-list li.all .flags .icon {width:3em; background:url(../img/common/ico_nation_all.svg) no-repeat 50% 50%; background-size:contain; margin:0 auto;}
.flagGroupList .flag-list li.all .flags .icon:before,
.flagGroupList .flag-list li.all .flags .icon img {display:none;}
.flagGroupList .flag-list .flags.select:before,
.flagGroupList .flag-list li.all .flags.select:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:.5em; border:2px solid #CEEBFF; }
.flagGroupList .flag-list .flags.select span,
.flagGroupList .flag-list li.all .flags.select span {color:#1293EF; font-weight:800;}
.open .flagGroupList .flag-list {height:auto;}


@media all and (max-width:1600px) {
	.flagGroupList .flag-list li {padding:1em .5em;}
	.flagGroupList .flag-list .flags {padding:1em .5em;}
}
@media all and (max-width:1350px) {
	.flagGroupList .flag-list li {padding:1em 0;}
	.flagGroupList .flag-list .flags {padding:1em .8em;}
}
@media all and (max-width:1110px) {
	.flagGroupList .flag-list li {width:14.28%;}
}

@media all and (max-width:1024px) {
	.flagGroupList .flag-list li {float:none; display:inline-block; vertical-align:top; width:auto; min-width:6em;}
	.flagGroupList .flag-list .flags {padding:1em .5em;}
	.flagGroupList .flag-list .icon {width:5em;}
}
@media all and (max-width:640px) {
	.flagSearchBox .input.keyword input[type="text"] {font-size:.9em;}
}


/*********************************
	최신입찰정보
*********************************/

.flagBox.open .bidDetailList {height:auto;}
.bidDetailList {display:block; padding:1em; box-sizing:border-box; background:#F3F8FC; border-top:1px solid #ddd; overflow:auto; height:7em;}
.bidDetailList ul {display:block; margin:-.25em;}
.bidDetailList ul:after {content:""; display:block; clear:both;}
.bidDetailList li {display:block; position:relative; width:calc(100% / 5); float:left; padding:.25em; box-sizing:border-box;}
.bidDetailList a {display:block; position:relative; border-radius:9em; height:2.25em; padding-left:2em; background:url(../img/common/ico_check.svg) no-repeat top 50% left .75em #fff; background-size:.9em auto; cursor:pointer;}
.bidDetailList a:before,
.bidDetailList a:after {content:""; display:inline-block; vertical-align:middle; width:0; height:2.25em;}
.bidDetailList a span {display:inline-block; vertical-align:middle; font-size:.85em; color:#333; max-width:95%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bidDetailList a.select {background-image:url(../img/common/ico_checked_w.svg); background-color:#1293EF;}
.bidDetailList a.select span {color:#fff;}

@media all and (max-width:1024px) {
	.bidDetailList li {width:calc(100% / 4);}
}

@media all and (max-width:640px) {
	.bidDetailList li {width:calc(100% / 2);}
}

/*********************************
	World Icon Box
*********************************/

.world-category {display:block; position:relative; margin:2em 0;}
.world-category ul {display:block; position:relative; margin:-.5em;}
.world-category ul:after {content:""; display:block; clear:both;}
.world-category ul li {display:block; position:relative; float:left; padding:.5em; width:20%;}
.world-category .item {display:table; width:100%; position:relative; height:6em; table-layout:fixed; padding:.5em; box-sizing:border-box; border:1px solid #E5E5E5;}
.world-category a.item {cursor:pointer; border-color:#024B7E; background:#024B7E;}
.world-category .item > * {display:table-cell; vertical-align:middle; word-break:keep-all;}
.world-category .item .thumb {width:5em; text-align:right; padding:.5em; box-sizing:border-box;}
.world-category .item .icon {display:inline-block; vertical-align:middle; width:3em; height:2.5em; background:url(../img/common/spr_custom_category.png) no-repeat 0 0; background-size:100% auto;}
.world-category a.item .icon {background-image:url(../img/common/spr_custom_category_on.png);}
.world-category .item .icon.ty1 {background-position:50% 0em;}
.world-category .item .icon.ty2 {background-position:50% -3.5em;}
.world-category .item .icon.ty3 {background-position:50% -7em;}
.world-category .item .icon.ty4 {background-position:50% -10.5em;}
.world-category .item .icon.ty5 {background-position:50% -14em;}
.world-category .item .icon.ty6 {background-position:50% -17.5em;}
.world-category .item .icon.ty7 {background-position:50% -21em;}
.world-category .item .icon.ty8 {background-position:50% -24.5em;}
.world-category .item .txt strong {color:#555555; font-size:1em; font-weight:600;}

.world-category li.checked:before {content:""; display:block; position:absolute; top:.5em; left:50%; margin:-2.5em 0 0 -2.5em; width:5em; height:5em; background:url(../img/common/ico_custom_category_check.png) no-repeat 50% 50%; background-size:contain; z-index:10;}
.world-category li.checked .item .txt strong {color:#fff;}

@media all and (max-width:1670px) {
	.world-category ul li {width:25%;}
	.world-category .item .thumb {width:4em;}
}
@media all and (max-width:1300px) {
	.world-category {font-size:.9em;}
}
@media all and (max-width:1130px) {
	.world-category .item,
	.world-category .item > * {display:block; width:auto !important; text-align:center; height:auto;}
	.world-category .item .thumb {text-align:center;}
	.world-category .item {padding:1em .5em; text-align:center;}
}
@media all and (max-width:640px) {
	.world-category ul li {width:33.33%;}
}
@media all and (max-width:450px) {
	.world-category ul li {width:50%;}
}


/*********************************
	Map Tabs
*********************************/

.mapEarthTabs {display:block; position:relative; background:#E4EAF0; margin-bottom:2em;}
.mapEarthTabs ul:after {content:""; display:block; clear:both;}
.mapEarthTabs ul li {display:block; position:relative; float:left; width:14.28%;}
.mapEarthTabs button {display:block; position:relative; width:100%; height:3em;}
.mapEarthTabs button span {font-size:.9em; color:#555;}
.mapEarthTabs li.active button {background:#024B7E; box-shadow:0px 0px 1em rgba(2, 75, 126, 0.3);}
.mapEarthTabs li.active button span {color:#fff;}

.mapSelectGroup {display:block; position:relative; padding-left:31em; min-height:12.5em;}
.mapSelectGroup .mapDetailList {display:block; position:absolute; top:0; left:0; width:30em; height:12.5em; padding:1em; box-sizing:border-box; border-radius:1em; background:#F3F8FC;}
.mapSelectGroup .mapDetailList ul {display:block; margin:-.25em;}
.mapSelectGroup .mapDetailList ul:after {content:""; display:block; clear:both;}
.mapSelectGroup .mapDetailList li {display:block; position:relative; width:33.33%; float:left; padding:.25em; box-sizing:border-box;}
.mapSelectGroup .mapDetailList li.no-select {width:auto; float:none; text-align:center;}
.mapSelectGroup .mapDetailList a {display:block; position:relative; border-radius:9em; height:2.25em; padding-left:2.4em; background:url(../img/common/ico_check.svg) no-repeat top 50% left 1em #fff; background-size:.9em auto; cursor:pointer;}
.mapSelectGroup .mapDetailList a:before,
.mapSelectGroup .mapDetailList a:after {content:""; display:inline-block; vertical-align:middle; width:0; height:2.25em;}
.mapSelectGroup .mapDetailList a span {display:inline-block; vertical-align:middle; font-size:.9em; color:#333; max-width:95%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mapSelectGroup .mapDetailList a.active {background-image:url(../img/common/ico_checked_w.svg); background-color:#1293EF;}
.mapSelectGroup .mapDetailList a.active span {color:#fff;}

.mapSelectGroup .mapDetailVisual #map_select {display:block; position:relative; margin:0 auto; background:no-repeat 50% 50%; background-size:contain;}
.mapSelectGroup .mapDetailVisual #map_select:before {content:""; display:block; position:relative;}
.mapSelectGroup .mapDetailVisual[data-cont="RU"] #map_select {max-width:36em; background-image:url(../img/nation/img_map_RU.png);}
.mapSelectGroup .mapDetailVisual[data-cont="RU"] #map_select:before {padding-top:65.28%;}
.mapSelectGroup .mapDetailVisual[data-cont="NA"] #map_select {max-width:34.6em; background-image:url(../img/nation/img_map_NA.png);}
.mapSelectGroup .mapDetailVisual[data-cont="NA"] #map_select:before {padding-top:78.04%;}
.mapSelectGroup .mapDetailVisual[data-cont="AS"] #map_select {max-width:28.51em; background-image:url(../img/nation/img_map_AS.png);}
.mapSelectGroup .mapDetailVisual[data-cont="AS"] #map_select:before {padding-top:94.72%;}
.mapSelectGroup .mapDetailVisual[data-cont="AF"] #map_select {max-width:24.55em; background-image:url(../img/nation/img_map_AF.png);}
.mapSelectGroup .mapDetailVisual[data-cont="AF"] #map_select:before {padding-top:110.19%;}
.mapSelectGroup .mapDetailVisual[data-cont="EU"] #map_select {max-width:36em; background-image:url(../img/nation/img_map_EU.png);}
.mapSelectGroup .mapDetailVisual[data-cont="EU"] #map_select:before {padding-top:59.73%;}
.mapSelectGroup .mapDetailVisual[data-cont="LA"] #map_select {max-width:21.15em; background-image:url(../img/nation/img_map_LA.png);}
.mapSelectGroup .mapDetailVisual[data-cont="LA"] #map_select:before {padding-top:127.66%;}
.mapSelectGroup .mapDetailVisual[data-cont="ME"] #map_select {max-width:26.35em; background-image:url(../img/nation/img_map_ME.png);}
.mapSelectGroup .mapDetailVisual[data-cont="ME"] #map_select:before {padding-top:102.47%;}

.mapSelectGroup .mapDetailVisual[data-cont="RU"][data-nat="RUS"] #map_select {background-image:url(../img/nation/img_map_rus.png);}
.mapSelectGroup .mapDetailVisual[data-cont="RU"][data-nat="UZB"] #map_select {background-image:url(../img/nation/img_map_uzb.png);}
.mapSelectGroup .mapDetailVisual[data-cont="RU"][data-nat="KAZ"] #map_select {background-image:url(../img/nation/img_map_kaz.png);}
.mapSelectGroup .mapDetailVisual[data-cont="NA"][data-nat="USA"] #map_select {background-image:url(../img/nation/img_map_usa.png);}
.mapSelectGroup .mapDetailVisual[data-cont="AS"][data-nat="VNM"] #map_select {background-image:url(../img/nation/img_map_vnm.png);}
.mapSelectGroup .mapDetailVisual[data-cont="AS"][data-nat="IND"] #map_select {background-image:url(../img/nation/img_map_ind.png);}
.mapSelectGroup .mapDetailVisual[data-cont="AS"][data-nat="IDN"] #map_select {background-image:url(../img/nation/img_map_idn.png);}
.mapSelectGroup .mapDetailVisual[data-cont="AS"][data-nat="JPN"] #map_select {background-image:url(../img/nation/img_map_jpn.png);}
.mapSelectGroup .mapDetailVisual[data-cont="AS"][data-nat="CHN"] #map_select {background-image:url(../img/nation/img_map_chn.png);}
.mapSelectGroup .mapDetailVisual[data-cont="AF"][data-nat="ZAF"] #map_select {background-image:url(../img/nation/img_map_zaf.png);}
.mapSelectGroup .mapDetailVisual[data-cont="AF"][data-nat="EGY"] #map_select {background-image:url(../img/nation/img_map_egy.png);}
.mapSelectGroup .mapDetailVisual[data-cont="AF"][data-nat="KEN"] #map_select {background-image:url(../img/nation/img_map_ken.png);}
.mapSelectGroup .mapDetailVisual[data-cont="EU"][data-nat="ROU"] #map_select {background-image:url(../img/nation/img_map_rou.png);}
.mapSelectGroup .mapDetailVisual[data-cont="EU"][data-nat="SVK"] #map_select {background-image:url(../img/nation/img_map_svk.png);}
.mapSelectGroup .mapDetailVisual[data-cont="EU"][data-nat="SVN"] #map_select {background-image:url(../img/nation/img_map_svn.png);}
.mapSelectGroup .mapDetailVisual[data-cont="EU"][data-nat="GBR"] #map_select {background-image:url(../img/nation/img_map_gbr.png);}
.mapSelectGroup .mapDetailVisual[data-cont="EU"][data-nat="UKR"] #map_select {background-image:url(../img/nation/img_map_ukr.png);}
.mapSelectGroup .mapDetailVisual[data-cont="EU"][data-nat="CZE"] #map_select {background-image:url(../img/nation/img_map_cze.png);}
.mapSelectGroup .mapDetailVisual[data-cont="EU"][data-nat="TUR"] #map_select {background-image:url(../img/nation/img_map_tur.png);}
.mapSelectGroup .mapDetailVisual[data-cont="EU"][data-nat="POL"] #map_select {background-image:url(../img/nation/img_map_pol.png);}
.mapSelectGroup .mapDetailVisual[data-cont="EU"][data-nat="FRA"] #map_select {background-image:url(../img/nation/img_map_fra.png);}
.mapSelectGroup .mapDetailVisual[data-cont="EU"][data-nat="HUN"] #map_select {background-image:url(../img/nation/img_map_hun.png);}
.mapSelectGroup .mapDetailVisual[data-cont="LA"][data-nat="BRA"] #map_select {background-image:url(../img/nation/img_map_bra.png);}
.mapSelectGroup .mapDetailVisual[data-cont="ME"][data-nat="SAU"] #map_select {background-image:url(../img/nation/img_map_sau.png);}
.mapSelectGroup .mapDetailVisual[data-cont="ME"][data-nat="ARE"] #map_select {background-image:url(../img/nation/img_map_are.png);}

.mapSelectGroup .mapDetailVisual img {display:none; max-width:100%;}

.tab_style {width:100%; margin:1.5em 0 1em; display:table; table-layout:fixed;}
.tab_style >li {display:table-cell; padding:.25em;}
.tab_style >li a {display:block; padding:.75em 0; text-align:center; background:#F8F8F8; border:1px solid #ddd; border-radius:5px;}
.tab_style >li a.active {font-weight:600; color:#1293EF; background:#fff; border-color:#1293EF;}

@media all and (max-width:768px) {
	.mapSelectGroup {padding:0;}
	.mapSelectGroup .mapDetailList {position:static; width:auto; height:auto; margin-bottom:1.5em;}

	.tab_style {display:block;}
	.tab_style:after {content:''; display:block; clear:both;}
	.tab_style >li {display:block; width:50%; float:left;}
}

.saties_box {padding:1.5em !important; margin-top:4em; border-color:#e5e5e5 !important; border-radius:5px;}
.saties_box .tit {color:#333;}
.saties_box .tit em {font-size:1.6em; font-weight:700; color:#024B7E; vertical-align:middle;}
.saties_box .radioStar {padding:.5em 0;}
.saties_box .radioStar >span {display:inline-block; position:relative; padding:.2em 2em .2em 0;}
.saties_box .radioStar i {vertical-align:middle;}

/*국·외 동향*/
.srh_flip_btn {display:block; position:relative; border-top:1px solid #E5E5E5; text-align:center;}
.srh_flip_btn a {display:inline-block; position:relative; padding:.5em 1.5em; margin:0 auto; height:2em; background:#fff; border-radius:0 0 .5em .5em; border:1px solid #e5e5e5; border-top-width:0; top:-1px; line-height:1em;}
.srh_flip_btn a span {display:block; position:relative; padding-right:2em; font-size:.75em; color:#333;}
.srh_flip_btn a span:after {content:""; display:block; position:absolute; right:0; top:50%; width:1em; height:1em; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:url(../img/common/ico_arrow_down.svg) no-repeat 50% 50%; background-size:contain;}
.srh_flip_btn a span.open:after {background-image:url(../img/common/ico_arrow_up.svg);}
.treeDiv {display:table; width:100%; margin-bottom:1em; border-top:2px solid #333; table-layout:fixed;}
.treeDiv .tree_srh {display:table-cell; border:1px solid #ddd; border-top-width:0; border-left-width:0;}
.treeDiv .tree_srh:last-child {border-right-width:0;}
.treeDiv .tit {display:table; width:100%; padding:.3em 1.5em; background:#F3F8FC; border-bottom:1px solid #ddd; table-layout:fixed;}
.treeDiv .tit >* {display:table-cell; vertical-align:middle;}
.treeDiv .tit strong {font-size:.7em; color:#333;}
.treeDiv .scroll-box {max-height:15em; overflow:auto;}
.treeDiv .fancytree-container {padding:1em; font-size:.75em; border:0;}
.treeDiv .fancytree-container li {margin-top:.5em;}
.treeDiv ul.fancytree-animating {top:23px !important;}
.treeDiv .fancytree-expander {background:url(../img/common/ico_tree.svg) no-repeat 50% 50% !important;}
.treeDiv .fancytree-exp-e .fancytree-expander, .treeDiv .fancytree-exp-ed .fancytree-expander {transform:rotate(90deg);}
.treeDiv .fancytree-exp-n .fancytree-expander, .treeDiv .fancytree-exp-nl .fancytree-expander {background:none !important;}
.treeDiv .fancytree-checkbox {background:#ddd; border-radius:3px;}
.treeDiv .fancytree-selected .fancytree-checkbox {background:#1A83F7 url(../img/common/ico_checked.svg); background-size:contain;}

.news_list {margin:1em 0; border:1px solid #E5E5E5; border-right-width:0; border-bottom-width:0;}
.news_list:after {content:''; display:block; clear:both;}
.headnews_area >div, .newslist_area >li {width:33.33333%; float:left; padding:2em; border:1px solid #E5E5E5; border-top-width:0; border-left-width:0;}
.headnews_area >div:hover, .newslist_area >li:hover {background:#1293EF;}
.headnews_area >div:hover *, .newslist_area >li:hover * {color:#fff !important;}
.news_list .hd_title a {display:block; height:2.4em; margin-bottom:.36em; font-size:1.4em; font-weight:700; line-height:1.2em; overflow:hidden;}
.news_list .intxt a {display:block; height:4.2em; margin-bottom:.6em; font-size:.9em; color:#555; overflow:hidden;}
.news_list .issue_txt .source_span {padding-bottom:.6em; font-size:.75em; color:#888; text-align:right; opacity:.7; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.news_list .issue_txt .date {font-size:.9em; color:#666;}
.news_list .issue_txt .date:before {content:''; display:inline-block; width:16px; height:16px; margin-right:10px; background:url(../img/common/ico_news_date.svg) no-repeat 50% 50%; background-size:contain; vertical-align:middle;}
.headnews_area >div:hover .issue_txt .date:before, .newslist_area >li:hover .issue_txt .date:before {background-image:url(../img/common/ico_news_date_on.svg);}

.news_view {border-top:2px solid #333;}
.news_view .news_top {padding:1.5em 0; text-align:center; border-bottom:1px solid #E5E5E5;}
.news_view .news_top.bot_bnone {padding: 1.5em 0 0;}
.news_view .news_top .hd_title {font-size:1.3em; font-weight:700; color:#333;}
.news_view .news_top .info {padding-top:1em; }
.news_view .news_top .info.s_title {margin-top:0.5em; background:#fafafa; border-top:1px solid #e5e5e5; padding:.6em 1.5em .6em 0; font-size:.9em; text-align:right; line-height:2;}
.news_view .news_top .info.s_title .nat {font-size:1em; float:left;}
.news_view .news_top .info >* {display:inline-block; padding:0 1.5em; font-size:.8em; color:#888;}
.news_view .news_top .info >*:not(:last-child) {border-right:2px solid #ddd;}
.news_view .inner {padding:2em 0; font-size:.9em; border-bottom:1px solid #E5E5E5;}
.news_view .news_btm {padding:1em 0; border-bottom:1px solid #E5E5E5;}
.news_view .source,
.news_view .copy {font-size:.8em; color:#888; text-align:right;}

.link_pop,
.link_down {color:#024B7E; margin-right:1em;}
.link_pop:after, .link_down:after {content:''; display:inline-block; width:1em; height:1em; margin-left:.5em; background:url(../img/common/spr_button_icon.svg) no-repeat 50% 0; background-size: 100% auto; vertical-align:middle;}
.link_pop:after {background-position:50% -.9em; margin-top:-.3em;}

.down_file {display:table; font-size:.8em;}
.down_file .tit {display:table-cell; padding-right:1.5em; position:relative;}
.down_file .tit:after {content:''; width:2px; height:1em; background:#ddd; position:absolute; top:.2em; right:-1px; }
.down_file .file_wrap {display:table-cell; padding-left:1.5em;}
.down_file .file_wrap .file:not(:first-child) {margin-top:.5em;}

.down_file .file_wrap .file-item  {min-height:25px;}
.down_file .file_wrap .file-item + .file-item {margin-top:5px;}

@media all and (max-width:1024px) {
	.headnews_area >div, .newslist_area >li {width:50%;}
}
@media all and (max-width:768px) {
	.headnews_area >div, .newslist_area >li {padding:1.5em;}
}
@media all and (max-width:640px) {
	.headnews_area >div, .newslist_area >li {width:100%;}

	.down_file {display:block;}
	.down_file .tit {display:inline-block;}
	.down_file .file_wrap {display:block; padding:1em 0 0;}
}

/* 자료실 */
.bulletin-list {border:1px solid #E5E5E5; border-right-width:0; border-bottom-width:0;}
.bulletin-list:after {content:''; display:block; clear:both;}
.bulletin-list >li {width:33.3333%; float:left; padding:1.5em; border:1px solid #E5E5E5; border-top-width:0; border-left-width:0;}
.bulletin-list .bulletin-item {display:block; position:relative; overflow:hidden;}
.bulletin-list .thumb {display:block; position:absolute; top:0; left:0; right:12em; background:#efefef;}
.bulletin-list .thumb.noimg {background:#fff;}
.bulletin-list .thumbBox {display:block; width:100%; height:0; padding-top:140%; position:relative; overflow:hidden;}
.bulletin-list .thumbBox img {width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%)}
.bulletin-list .txt {display:block; width:12em; float:right; padding-left:1.3em; padding-top:.5em;}
.bulletin-list .txt .tit {display:block; height:3.6em; margin-bottom:.3em; font-weight:700; color:#333; line-height:1.2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.bulletin-list .txt .con {display:block; height:4.2em; margin-bottom:2em; font-size:.75em; color:#555; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

@media all and (max-width:1200px) {
	.bulletin-list >li {width:50%;}
}
@media all and (max-width:768px) {
	.bulletin-list >li {width:auto; float:none;}
	.bulletin-list .bulletin-item {display:block;}
	.bulletin-list .thumb {display:block; position:relative; right:auto; top:auto; left:auto; max-width:320px; margin:0 auto;}
	.bulletin-list .thumbBox {height:auto; padding-top:0; text-align:center;}
	.bulletin-list .thumbBox img {width:auto; position:static; transform:none;}
	.bulletin-list .txt {display:block; width:auto; padding:1.5em 0 0; text-align:center; float:none;}
	.bulletin-list .txt .tit {height:auto; margin-bottom:.5em; font-size:1.2em;}
	.bulletin-list .txt .con {height:auto; margin-bottom:2em; font-size:.9em;}
}

[class^="chk_result"] {display:inline-block; padding:.3em 0 .3em 1.5em; color:#888; position:relative;}
[class^="chk_result"]:before {content:'!'; display:inline-block; width:1.2em; height:1.2em; font-weight:700; color:#fff; line-height:1.2em; text-align:center; background:#888; border-radius:50%; position:absolute; top:.3em; left:0;}
.chk_result_false {color:#FC2264;}
.chk_result_false:before {background:#FC2264;}
.mix-input {margin-bottom:.5em;}
.btn_search {display:inline-block; height:2.67em; padding:.65em 1em; text-align:center; border:1px solid #ddd; border-radius:.25em;}
.btn_search:hover {border-color:#1293EF;}
.urlBox {display:table; width:100%; border:1px solid #ddd; border-radius:.25em; overflow:hidden;}
.urlBox >* {display:table-cell;}
.urlBox label {width:5.63em; color:#fff; text-align:center; background:#024B7E; vertical-align:middle;}
.conts .urlBox input {width:100%; background:none; border:0;}

.listTabs {display:block; position:relative; background:#E4EAF0; margin-bottom:2em;}
.listTabs p.tabInfo {background: #f3f8fc; border: 1px solid #e5eaf0; color: #1b4a7d; font-weight: 600; text-align: center; padding: 1em 0;}
.listTabs ul {display:table; width:100%; table-layout:fixed;}
.listTabs ul li {display:table-cell; position:relative;}
.listTabs a {display:block; position:relative; width:100%; height:3em; padding:.8em 0; text-align:center;}
.listTabs a span {line-height:1; color:#555;}
.listTabs li.active a {background:#024B7E; box-shadow:0px 0px 1em rgba(2, 75, 126, 0.3);}
.listTabs li.active a span {color:#fff;}

@media all and (max-width:1024px) {
	.listTabs ul {display:block;}
	.listTabs ul:after {content:''; display:block; clear:both;}
	.listTabs ul li {display:block; width:33.3333%; float:left;}
}
@media all and (max-width:520px) {
	.listTabs ul li {width:50%;}
}

.open_license {padding:1em; background:#f8f8f8; border-bottom:1px solid #E5E5E5;}
.open_license li {display:none;}
.open_license.ty01 li.license01 {display:block;}
.open_license.ty02 li.license02 {display:block;}
.open_license.ty03 li.license03 {display:block;}
.open_license.ty04 li.license04 {display:block;}
.open_license.ty05 li.license05 {display:block;}
.open_license li >* {display:inline-block; vertical-align:middle;}
.open_license a {padding-right:.5em;}
.open_license p {font-size:.88em;}

@media all and (max-width:1024px) {
	.open_license li {text-align:center;}
	.open_license li >* {display:block;}
	.open_license a {padding:0 !important; float:none; text-align:center; max-width:10em; margin:0 auto;}
	.open_license p {padding-top:.5em; position:Relative; margin:0; top:auto; transform:none; -webkit-transform:none; float:none;}
}


.mAuto * {margin:0 auto;}


/* 페이징 */
.bod_page {padding:0; text-align:center; margin:1.66em 0;}
.bod_page > a.on {background:#555c67; font-weight:500; color:#fff;}
.bod_page > a[class^=btn_] {width:2.1em; height:2.1em; border-radius:0; border:none; text-indent:-999999em; background:no-repeat; background-position:50% 50% !important; background-size:contain; margin:0 .1875em;}
.bod_page > a.btn_first {background-image:url(../img/common/ico_board_first.svg);}
.bod_page > a.btn_10prev {background-image:url(../img/common/ico_board_prev.svg);}
.bod_page > a.btn_10next {background-image:url(../img/common/ico_board_next.svg);}
.bod_page > a.btn_end {background-image:url(../img/common/ico_board_last.svg);}
.bod_page > span,
.bod_page > a {display:inline-block; vertical-align:middle; font-size:1em; box-sizing:border-box; min-width:2em; line-height:2em; height:2em; padding:0 .2em; text-align:center;}
.bod_page > a {color:#333 !important; text-decoration:none !important;}
.bod_page > span {background:#1293EF; color:#fff;}




/*********************************
	Login Box
*********************************/

/* Default Form */
.loginForm {display:block; position:relative;}
.loginForm fieldset {display:block; position:relative;}
.loginForm fieldset + fieldset {margin-top:.75em;}
.loginForm .input input {width:100%; height:3.2em; font-size:1em; padding-left:3.5em; background:#E9F2F9; border-color:#CDDFED; color:#222;}
.loginForm .input input::placeholder {color:rgba(85, 85, 85, .25);}
.loginForm .input label {position:absolute; top:0; left:0; width:3.5em; bottom:0; overflow:hidden; text-indent:-999px; background:no-repeat 50% 50%; background-size:1.5em auto;}
.loginForm .input.userId label {background-image:url(../img/member/ico_login_id.svg);}
.loginForm .input.userPw label {background-image:url(../img/member/ico_login_pw.svg);}
.loginForm .input.userEmail label {background-image:url(../img/member/ico_login_id.svg);}
.loginForm .check label {font-size:.75em;}
.loginForm .loginBtn {margin-top:1.7em;}
.loginForm .loginBtn > * {display:block; position:relative; width:100%; height:3.2em; background:#024B7E; color:#fff; text-align:center; border-radius:.25em;}
.loginForm .loginLink {display:table; width:100%; table-layout:fixed; margin-top:2em;}
.loginForm .loginLink > li {display:table-cell; vertical-align:middle; width:33.33%; text-align:center;}
.loginForm .loginLink > li + li {background:url(../img/member/ico_login_link.svg) no-repeat 0 50%;}
.loginForm .loginLink a {font-size:.8em; color:#555;}
.loginForm .loginLink a:hover,
.loginForm .loginLink a:focus {color:#1293EF; font-weight:600;}

.snsLogin {margin-top:1em;}
.snsLogin li {display:block; }
.snsLogin li + li {margin-top:.5em;}
.snsLogin li a {position:relative; display:block; padding:1em; padding-left:3em; text-align:center; border-radius:.25em;}
.snsLogin li a:before {content:''; position:absolute; left:1em; top:50%; transform:translateY(-50%); width:2.4em; height:2.4em;}
.snsLogin .naver a {background:#1EC800; color:#fff;}
.snsLogin .naver a:before {background:url(../img/member/ico_naver.svg) no-repeat center center; background-size:100% auto;}
.snsLogin .kakao a {background:#FEE500; color:#181600;}
.snsLogin .kakao a:before {background:url(../img/member/ico_kakao.svg) no-repeat center center; background-size:100% auto;}

@media all and (max-width:640px) {
	.loginForm .check label,
	.loginForm .loginLink a {font-size:.9em;}
}


/* Login Box : Basic */
.loginBox {display:block; position:relative; background:#F3F8FC; padding:3.5em; max-width:640px; margin:0 auto;}
.loginBox .ico-tit {display:block; position:relative; padding-left:5em; margin-bottom:1.5em;}
.loginBox .ico-tit:before {content:""; display:block; position:absolute; top:-8em; left:-5.5em; width:12.5em; height:12.5em; background:url(../img/member/ico_login.png) no-repeat 50% 50%; background-size:contain;}
.loginBox .ico-tit p {font-size:1.8em; color:#555; word-break:keep-all;}
.loginBox .ico-tit strong {font-weight:600; color:#222;}
.loginBox .error {display:block; position:relative; padding:1em; font-size:.8em; background:rgba(0,0,0,.1); text-align:center; margin:1.5em 0; color:#FC2264;}

@media all and (max-width:640px) {
	.loginBox {padding:2em;}
	.loginBox .ico-tit {padding-left:0; text-align:center;}
	.loginBox .ico-tit:before {display:none;}
	.loginBox .ico-tit p {font-size:1.4em;}
}

/* 본인인증 - 아이디찾기 */
.idBox {margin-bottom:1.5em;}
.idBox p:nth-child(1) {font-size:1.112em; font-weight:600; color:#222;}
.idBox.find span {display:block; position:relative; margin-top:1.5em; padding:1em; padding-left:3.25em; border:1px solid #dadada; border-radius:.25em; color:#333;}
.idBox.find span:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; width:3em; background:url(../img/member/ico_login_id02.svg) no-repeat 50% 50%;}

/* 회원가입 */
.flowJoin {margin-bottom:3em; border-bottom:1px solid #e5e5e5;}
.flowJoin:after {content:''; display:block; clear:both;}
.flowJoin li {width:20%; padding:.75em 0; float:left; font-size:1.2em; color:#727381; text-align:center;  background:#f8f8f8;}
.flowJoin li.on {font-weight:600; color:#333; background:#fff; border:1px solid #e5e5e5; border-top-width:0; border-bottom-width:0; position:relative;}
.flowJoin li.on:before {content:''; width:100%; height:3px; background:#3547A7; position:absolute; top:0; left:0;}
.flowJoin li.on:after {content:''; width:100%; height:1px; background:#fff; position:absolute; bottom:-1px; left:0;}


.agreeJoin dl {position:relative; display:table; width:100%; color:#555; padding:1em 2em; border:1px solid #E1E5F8; margin-bottom:.5em; border-radius:.75em;}
.agreeJoin dt {display:table-cell; width:80%;}
.agreeJoin dd {display:table-cell; width:20%; text-align:right;}
.agreeJoin dd label {margin-right:1em;}
.agreeJoin .btn {font-size:.8em; padding:.444em .667em; min-width:auto;}
.agreeJoin .agreeAll {background:#f6f8ff; padding:1em 2em; text-align:center; border-radius:.75em;}


.selectJoin {font-size:.9em; text-align:center;}
.selectJoin a {display:inline-block; width:30%;  padding:1em; }
.selectJoin dl {position:relative; display:block; height:15em; color:#555; padding:2em 2em;}
.selectJoin dl:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #E1E5F8;}
.selectJoin a:hover dl:before {border-width:5px;}
.selectJoin dt {position:relative; font-size:1em; color:#333; font-weight:700; padding:6em 0 1em;}
.selectJoin dt:before {content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:5em; height:5em; background-position:center center; background-size:100% auto; background-repeat:no-repeat;}

.selectJoin a.company dt:before {background-image:url(../img/member/ico_company.svg);}
.selectJoin a.member dt:before {background-image:url(../img/member/ico_member.svg);}


/* 본인인증 */
.guide-box ul {padding:1em 1.5em; background:#f8f8f8; margin-top:.5em; font-size:.9em;}
.guide-box li {position:relative; padding-left:.75em; color:#333;}
.guide-box li:before {content:''; position:absolute; left:0; top:.5em; width:4px; height:4px; border-radius:4px; background:#777;}

.auth-box {text-align:center; margin-top:2em;}
.auth-box > div {display:inline-block; width:40%; min-width:16em; height:14em; padding:1em 2em; border-right:1px solid #ddd; vertical-align:top;}
.auth-box > div:last-child {border-right:0;}
.auth-box h4 {text-align:center; margin-bottom:1em;}
.auth-box .cell {position:relative; display:block; padding:1em; padding-left:3em; text-align:center; border-radius:.25em; background:#024B7E; color:#fff; margin-top:1em;}
.auth-box .cell:before {content:''; position:absolute; left:1em; top:50%; transform:translateY(-50%); width:2.4em; height:2.4em; background:url(../img/member/ico_cell.svg) no-repeat center center; background-size:100% auto;}

#realNameTab {text-align:center;}
#realNameTab ul li {display:inline-block; width:30%; float:none; padding:.5em; vertical-align:top;}
div[class^=auth_content] {position:relative; left:auto; top:auto;}
div[class^=auth_content] .realCont_wrap {position:relative; min-height:20em; padding:0 1em;}
div[class^=auth_content] .realCont_wrap:before {content:''; position:absolute; top:0; right:0; left:0; bottom:0; border:1px solid #E1E5F8;}
div[class^=auth_content] .realCont_wrap:hover {box-shadow:none; border:none;}
div[class^=auth_content] .realCont_wrap:hover:before {border-width:5px; }
div[class^=auth_content] .realCont_wrap > div {padding:2em 0;}
div[class^=auth_content] .realCont_wrap h4 {position:relative; text-align:center; margin-bottom:.5em; padding-top:4em;}
div[class^=auth_content] .realCont_wrap P {font-size:.9em;}
div[class^=auth_content] .realCont_wrap .btn_wrap {position:absolute; bottom:0; left:1em; right:1em; border-top:1px solid #E1E5F8;}
div[class^=auth_content] .realCont_wrap h4:before {content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:3.2em; height:3.2em; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
.auth_content1 .realCont_wrap h4:before {background-image:url(../img/member/ico_auth_pass.svg);}
.auth_content2 .realCont_wrap h4:before {background-image:url(../img/member/ico_auth_ipin.svg);}
.auth_content4 .realCont_wrap h4:before {background-image:url(../img/member/ico_auth_onepass.svg);}
.auth_content5 .realCont_wrap h4:before {background-image:url(../img/member/ico_auth_kakao.svg);}
.auth_content6 .realCont_wrap h4:before {background-image:url(../img/member/ico_auth_naver.svg);}
/* 회원가입 
.flowJoin {margin-bottom:3em; border-bottom:1px solid #e5e5e5;}
.flowJoin:after {content:''; display:block; clear:both;}
.flowJoin li {width:280px; max-width:33.3333%; padding:.75em 0; float:left; font-size:1.2em; color:#727381; text-align:center;  background:#E4EAF0;}
.flowJoin li.on {font-weight:600; color:#333; background:#fff; border:1px solid #e5e5e5; border-top-width:0; border-bottom-width:0; position:relative;}
.flowJoin li.on:before {content:''; width:100%; height:2px; background:#1293EF; position:absolute; top:0; left:0;}
.flowJoin li.on:after {content:''; width:100%; height:1px; background:#fff; position:absolute; bottom:-1px; left:0;}

.agreeJoin {font-size:.9em;}
.agreeJoin dl {border-bottom:1px dashed #aaa;}
.agreeJoin dl:first-child {border-bottom:2px solid #333;}
.agreeJoin dt {padding:1.3em 7em 1.3em 1em; position:relative;}
.conts .agreeJoin input[type="checkbox"] + label {display:inline-block; padding-left:2em;}
.conts .agreeJoin input[type="checkbox"] + label:before {width:1.3em; height:1.8em; margin-top:-.9em; background-image:url(../img/member/ico_check_big.svg);}
.conts .agreeJoin input[type="checkbox"]:checked + label:before {background-image:url(../img/member/ico_checked_big.svg);}
.conts .agreeJoin .btn {min-width:auto; padding:.75em 1.1em; font-size:.9em; font-weight:600; border:0; border-radius:0; position:absolute; right:1.1em; top:50%; margin-top:-1.3em;}
.agreeJoin dd {padding:1.25em 1.25em 1.25em 4.75em; font-size:.8em; background:#F6F6F6;}
.agreeJoin dd li:not(:first-child) {padding-top:1em;}
.agreeJoin >li >ul dl {display:table;}
.agreeJoin dd p {display:inline-block; width:140px; margin-right:1em; font-weight:600; color:#333; border-right:2px solid #ddd; position:relative;}

[class^="chk_result"] {display:inline-block; padding:.3em 0 .3em 1.5em; color:#888; position:relative;}
[class^="chk_result"]:before {content:'!'; display:inline-block; width:1.2em; height:1.2em; font-weight:700; color:#fff; line-height:1.2em; text-align:center; background:#888; border-radius:50%; position:absolute; top:.3em; left:0;}
.chk_result_false {color:#FC2264;}
.chk_result_false:before {background:#FC2264;}

.mem-guide {display:block; position:relative; padding-bottom:1.5em; border-bottom:2px solid #000;}
.mem-guide li {display:block; position:relative; font-size:14px; padding-left:1em; line-height:1.6em;}
.mem-guide li:before {content:""; display:block; position:absolute; top:.8em; left:0; width:4px; height:4px; margin-top:-2px; background:#222;}
.mem-guide li + li {margin-top:.71em;}

.joinFinishBox {padding:3.5em 0 4em; text-align:center; border-top:2px solid #333; border-bottom:1px solid #E5E5E5;}
.joinFinishBox:before {content:''; display:block; width:7.65em; height:8em; margin:0 auto 2.5em; background:url(../img/member/ico_join.png) no-repeat 50% 50%; background-size:100% auto;}
.joinFinishBox em {display:block; padding-bottom:.5em; font-size:1.8em; font-weight:700; color:#222;}
.joinFinishBox span {display:block; padding-bottom:2em; color:#555;}

@media all and (max-width:640px) {
	.agreeJoin dd {font-size:1em;}
}
@media all and (max-width:460px) {
	.agreeJoin dd {padding:1em 1.5em;}
	.agreeJoin dd p {width:8em;}
	.flowJoin {border:0;}
	.flowJoin li {float:none; width:auto; max-width:none; font-size:1em;}
	.flowJoin li.on {border-top:2px solid #1293EF; border-bottom-width:1px;}
	.flowJoin li.on:before {display:none;}
	.flowJoin li.on:after {display:none;}
}*/

/* 마이페이지 */
.myPageBox:after {content:''; display:block; clear:both;}
.myLeftBox {width:340px; min-height:580px; float:left; border:1px solid #E5E5E5; position:relative;}
.myRightBox {width:calc(100% - 370px); float:right;}
.myRightBox .cB .btn {padding:.6em 1.3em; min-width:0; font-size:.8em;}
.myLeftBox .name {padding:1em 1em .9em; font-size:1.3em; text-align:center; background:#F3F8FC;}
.myLeftBox .name strong {font-weight:600; color:#222;}
.myLeftBox .infoWrap .list-u {padding:1.5em; font-size:.8em; word-break:break-all;}
.myLeftBox .btnWrap {padding:1.5em; position:absolute; bottom:0; left:0; right:0;}
.conts .myLeftBox .btnWrap .btn {display:block; height:auto; padding:.3em 2.7em .3em 1.7em; line-height:2.652em; font-size:.9em; text-align:left; border-radius:0;}
.conts .myLeftBox .btnWrap .btn.set {margin-top:5px; color:#fff !important; background:#024B7E url(../img/member/ico_mySet.svg) no-repeat right 1.1em top 50% !important; border:0;}
.conts .myLeftBox .btnWrap .btn.set:first-child {margin-top:0;}
.conts .myLeftBox .btnWrap .btn.set:hover {background-color:#0a619f !important;}
.conts .myLeftBox .btnWrap .btn.out {background:url(../img/member/ico_myOut.svg) no-repeat right 1.1em top 50% !important;}
.conts .myLeftBox .logoutWrap {padding-top:1em; margin-top:1em; border-top:1px dashed #aaa;}
.wordBox {min-height:100px; max-height:12em; padding:1em; margin-top:1em; border:1px solid #e5e5e5; border-radius:10px; overflow:hidden; overflow:auto;}
.wordBox p {font-size:.75em; margin-bottom:.5em; color:#333;}
.wordBox ul:after {content:''; display:block; clear:both;}
.wordBox li {float:left; padding:.6em 1em; margin:.3em; font-size:.75em; color:#333; background:#BCE8F1; border-radius:20px;}

@media all and (max-width:1024px) {
	.myLeftBox {display:table; width:100%; min-height:auto; float:none; border:0; table-layout:fixed;}
	.myLeftBox .infoWrap {display:table-cell; border:1px solid #E5E5E5;}
	.myLeftBox .name {padding:.6em 1em; font-size:1.2em;}
	.myLeftBox .btnWrap {display:table-cell; padding:0 0 0 1.5em; width:260px; position:static; vertical-align:middle;}
	.myRightBox {width:auto; float:none; margin-top:40px;}
	.mo-num input {width:30% !important;}
}
@media all and (max-width:640px) {
	.myLeftBox {display:block; border:1px solid #E5E5E5;}
	.myLeftBox .infoWrap{display:block; border:0;}
	.myLeftBox .btnWrap {display:block; width:auto; padding:1.5em;}
}



/***********************************************
	Default Board Style
***********************************************/

.bod_list,
.bod_maintain {border-top:2px solid #333;}

.bod_list > thead > tr > th,
.bod_maintain > thead > tr > th,
.bod_list > tbody > tr > th,
.bod_maintain > tbody > tr > th,
.bod_list > tbody > tr > td,
.bod_maintain > tbody > tr > td {font-size:.8em; padding:.5em; height:3.125em; vertical-align:middle;}
.bod_list > thead > tr > th,
.bod_maintain > thead > tr > th {background:#F3F8FC; border-bottom:1px s olid #333; color:#000; font-weight:600;}

@media all and (max-width:840px) {
	.bod_list .list_num,
	.bod_maintain .list_num {display:none !important;}
}
@media all and (max-width:640px) {
	.bod_list > thead > tr > th,
	.bod_maintain > thead > tr > th,
	.bod_list > tbody > tr > th,
	.bod_maintain > tbody > tr > th,
	.bod_list > tbody > tr > td,
	.bod_maintain > tbody > tr > td {height:auto; font-size:.9em;}
	.bod_list td, .bod_list th {padding:.5em !important;}
	.bod_list .list_tit a {font-size:1.2em; font-weight:800;}
}

.bod_view {border-top:2px solid #333;}
.bod_view li {font-size:inherit; margin:inherit;}
.bod_view .subject {display:block; position:relative; text-align:center; padding:1.2em 0; font-size:1.3em; font-weight:700; color:#333;}
.bod_view .view_info {padding:0 0 1em; background:transparent; border-bottom:1px solid #E5E5E5; text-align:center; margin-top:-.5em;}
.bod_view .view_info ul {float:none;}
.bod_view .view_info ul > li {float:none; display:inline-block; vertical-align:middle; margin:.2em .4em;}
.bod_view .view_info li {font-size:.8em;}
.bod_view .view_info li span:after {content:" : ";}

.bod_view .view_cont {font-size:.9em; padding:2em 0; border-bottom:1px solid #E5E5E5;}

.bod_view .view_file {display:table; width:100%; table-layout:fixed; font-size:.8em; padding:1.3em 0; border-bottom:1px solid #E5E5E5;}
.bod_view .view_file:after {display:none;}
.bod_view .view_file > * {display:table-cell; position:relative; vertical-align:top;}
.bod_view .view_file dt {width:5em;}
.bod_view .view_file dt:after {content:''; width:2px; height:1em; background:#ddd; position:absolute; top:.3em; right:-1px;}
.bod_view .view_file dt > span {display:inline; width:auto; background:none; border:none; border-radius:0; padding:0;}
.bod_view .view_file dd {padding-left:1em;}

.bod_view .view_file li {margin:0; font-size:1em;}
.bod_view .view_file li + li {margin-top:.4em;}
.bod_view .view_file .file_list a.download {border-radius:0; color:#024B7E; font-size:1em !important;}
.bod_view .view_file .file_list a.download:before {display:none;}
.bod_view .view_file .file_list a.download:after {content:''; display:inline-block; width:1em; height:1em; margin-left:0.5em; background:url(../img/common/spr_button_icon.svg) no-repeat 50% 0; background-size:100% auto; vertical-align:middle;}

@media all and (max-width:640px) {
	.bod_view .view_file dt > span {font-size:1em !important;}
}

.bod_foot {margin-top:2em;}
.btn_wrap .btn {min-width:6em; text-align:center; height:auto !important; padding:.778em 1.3em !important;}

@media all and (max-width:640px) {
	.btn_wrap .btn {font-size:1em !important;}
	.bod_view .view_info li {font-size:.9em;}
	.bod_view .view_cont,
	.bod_view .view_file {font-size:1em;}
}

/***********************************************
	File Upload
***********************************************/

.file-upload-area .btn_swhite {position:relative; border-radius:3px; background:#fff !important; color:#9196a7 !important; letter-spacing:-1px; border:1px solid #a2a7b8 !important; cursor:pointer; vertical-align:baseline;}
.file-upload-area .btn_swhite.del {border-color:#feaa9d !important; color:#feaa9d !important; text-decoration:none !important;}
.file-upload-area .btn_swhite.del:before {content:''; width:11px; height:12px; background:url('/sys/img/board/ico_delete.png') 50% 50% no-repeat; position:absolute; left:8px; top:7px;}
.file-upload-area .btn_swhite.del {padding:0.25em 0.75em 0.25em 1.5em;}
.file-upload-area .file_list > li {background:#fff; border:1px solid #dcdcdc; padding:10px; border-radius:0.5em;}
.file-upload-area .file_list > li > div {display:block; position:relative; line-height:30px;}
.file-upload-area .file_list > li > div .btn_swhite.del {position:absolute; top:0; right:0; margin-top:0; margin-right:0 !important; line-height:normal;}
.file-upload-area .file_list .label input[type=text] {width:calc(100% - 4.6em); font-size:0.9em;}
.file-upload-area .file_list .label label {height:2.67em; line-height:2.67em; padding:0 1.3em 0 1em; margin-top:5px !important; font-size:0.9em;}

@media all and (max-width:768px) {
	.file-upload-area .btn_swhite.del:before {top:5px;}
}





/**************************
	통합검색 게시판검색 스타일
***************************/
.tbl.searchBoard-category {width:100%;}
.tbl.searchBoard-category  tbody {border-top:1px solid #ddd;}
.tbl.searchBoard-category th {padding:.75em; background:#024B7E; color:#fff; font-weight:700; border-bottom:1px solid #ddd; vertical-align:middle; width:20%;}
.tbl.searchBoard-category td {padding:.75em; border-bottom:1px solid #ddd;}
.tbl.searchBoard-category td ul:after {content:''; clear:both; display:block;}
.tbl.searchBoard-category td li {width:25%; float:left;}
.tbl.searchBoard-category td li a {position:relative; padding-left:.75em;}
.tbl.searchBoard-category td li a:before {content:''; position:absolute; top:.7em; left:0; width:4px; height:4px; border-radius:2px; background:#bbb;}
.tbl.searchBoard-category td li a:hover, 
.tbl.searchBoard-category td li a.on {color:#A5151D; text-decoration:underline;}
.tbl.searchBoard-category td li a:hover:before, .tbl.searchBoard-category td li a.on:before {background:#A5151D;}

@media all and (max-width:1400px) {
    body {width:100%;}
}

@media all and (max-width:1024px) {
    .tbl.searchBoard-category td li {width:33.33333%; margin:.25em 0;}
}

@media all and (max-width:768px) {
    .tbl.searchBoard-category th {width:25%;}
    .tbl.searchBoard-category td li {width:50%; }
}

@media all and (max-width:640px) {
    .tbl.searchBoard-category th {display:block; width:100%; padding:.5em;}
    .tbl.searchBoard-category td {display:block;  padding:.5em;}
    .tbl.searchBoard-category td li {width:50%; }
}

@media all and (max-width:400px) {

    .tbl.searchBoard-category td li {width:100%; float:none; }
}

/*********************************
	total-searchBox list 
*********************************/

.total-searchBox {padding:2em; background:#F3F8FC;}
.total-searchBox dl {display:flex; flex-direction:row; align-items:center;}
.total-searchBox dl + dl {margin-top:1em; }
.total-searchBox dl dt {min-width:6em; font-weight:800; color:#000; font-size:.9em;}
.total-searchBox dl dd {}
.total-searchBox dl dd > * {display:inline-block;}
.total-searchBox dl dd .list {display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start !important; align-items:center;}
.total-searchBox dl dd .list li + li {margin-left:.3em;}
.total-searchBox dl dd .list input[type="checkbox"] + label {position:relative; display:inline-block; padding:.5em 1.5em; border-radius:5em; background:#FFFFFF; color:#636363; font-size:.8em;}
.total-searchBox dl dd .list input[type="checkbox"] + label:before {background:none;}
.total-searchBox dl dd .list input[type="checkbox"]:checked + label {padding-left:3em; background:#024B7E; color:#FFFFFF;}
.total-searchBox dl dd .list input[type="checkbox"]:checked + label:before {width:1em; height:1em; position:absolute; left:1.5em; top:50%; margin-top:-.5em; background:url(../img/common/ico_total_check.svg) no-repeat 50% 50%;}
.total-searchBox dl dd button {display: inline-block; padding:.7em .7em .7em 2.2em; position:relative; background:#024B7E; color:#fff; border-radius:.25em; font-size:.75em;}
.total-searchBox dl dd button:before {content:""; display:block; position: absolute; left:0.5em;width:1.5em; height:1.5em; margin-top:-.25em; background: url(../img/common/ico_search_white.svg) no-repeat 0 0; background-size:contain;}

.total-wrap {display:block; margin-top:1.5em; flex-direction:row; flex-wrap:wrap; width:100%;}
.total-wrap:after {clear:both; display:block; content:'';}
.total-wrap ul {margin:0 -1em;}

.total-wrap ul > li {width:50%; display:block; float:left; padding:1em; box-sizing:border-box;}
.total-wrap ul > li > div,
.total-wrap ul > li > a {display: flex;position:relative; padding: 1.5em; border:1px solid #ddd; flex-direction:row;}
.total-wrap ul > li > a:hover .cont .tit {text-decoration:underline;}
.total-wrap ul > li .thumb {display:block; width:11em; position:relative; background:#EFEFEF; box-shadow:0 5px 10px 0 rgba(0,0,0,0.10); -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.10); overflow:hidden;} 
.total-wrap ul > li .thumb:before {content:''; position:relative; max-height:15.5em; display:block; width:100%; padding-top:140%; overflow:hidden; }
.total-wrap ul > li .thumb img {width:100%; max-height:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.total-wrap ul > li .cont {position:relative;width: calc(100% - 1.5em); margin-left:1.5em; display:block; text-overflow: ellipsis;}
.total-wrap ul > li .cont .cate {display:inline-block; padding:.4em .8em; color:#fff; border-radius:.25em; font-size:.8em;}
.total-wrap ul > li .cont .cate[data-cate="국내외전문자료"] {background:#1E5997;}
.total-wrap ul > li .cont .cate[data-cate="발간자료"] {background:#304E9C;}
.total-wrap ul > li .cont .cate[data-cate="해외전문칼럼"] {background:#1293EF;}
.total-wrap ul > li .cont .cate[data-cate="원전시장트렌드"] {background:#B81D55;}
.total-wrap ul > li .cont .cate[data-cate="글로벌원전시장보고서"] {background:#222222;}
.total-wrap ul > li .cont .tit {height:2.75em; color:#222; margin:.7em 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden; font-weight:800;}
.total-wrap ul > li .cont .txt > p,
.total-wrap ul > li .cont .txt > ul  {position:relative; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;}
.total-wrap ul > li .cont .txt {position:relative; font-size:.8em; padding-left:.15em; max-height:4em; margin-bottom:1em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.total-wrap ul > li a.normal {position:absolute; right:0; bottom:0; padding-right:2.5em; background-color:#fff !important; color:#024B7E !important; border-color:#024B7E !important;}
.total-wrap ul > li a.normal:after {content:''; display:block; width: .9em; height:.9em; background:url(../img/common/ico_total_blank.svg) no-repeat 0 0; background-size: .9em auto; position:absolute; right:1em; top:50%; transform: translateY(-50%); margin-top:-.1em;}
.total-wrap ul > li a.normal:hover {background-color:#f6fbff !important;}
.total-wrap ul > li .cont ul li {width:100%; padding:0 .9em;}
.total-wrap ul > li .cont ul li .subj {position:relative; width:5em; margin-right:1em; display:inline-block; color:#555;}
.total-wrap ul > li .cont ul li .subj:after {content:''; display:block; position:absolute; right:-.2em; top: 50%; transform: translateY(-50%); background:#ddd; width:2px;height: 14px;}
.total-wrap ul > li .cont ul li span {color:#222;}
.total-wrap ul > li .cont .date {position:absolute; display:inline-block; left:0; bottom:0; padding-left:1.5em; color:#616161; font-size:.8em;}
.total-wrap ul > li .cont .date:before {content:''; display:block; position:absolute; left:0; top:0; width:1.063em; height:1.063em; margin-top:.15em; background:url(../img/common/ico_total_date.svg) no-repeat 0 0; background-size:contain; }


@media (max-width:768px) {
   .total-searchBox dl dd .list {flex-direction:column;}
   .total-searchBox dl dd .list li + li {margin-left:0; margin-top:.3em;}
   .total-wrap ul > li {width:auto; float:none;}
   .total-wrap ul > li .cont .tit {height:auto; font-size:1.2em; -webkit-line-clamp:1;}
   .total-wrap ul > li .cont .txt,
   .total-wrap ul > li .cont .cate {font-size:.9em; }
   .total-wrap ul > li .cont .txt > p,
   .total-wrap ul > li .cont .txt > ul {height:auto;-webkit-line-clamp:2;}
   .total-wrap ul > li .cont .date {position:sticky; margin-top:1em;}
}

@media (max-width:480px) {
.total-wrap ul > li > div,
.total-wrap ul > li > a {flex-direction:column;}
.total-wrap ul > li .cont  {width:auto; }
.total-wrap ul > li .thumb {width:auto; margin:1.5em;}
.total-wrap ul > li .cont {text-align:center; margin-left:0;}
.total-wrap ul > li a.normal {position:sticky; margin:1em 0 auto;}

}

/*********************************
	total-searchBox View 
*********************************/
.total-view {position:relative;}
.total-view .text {font-size:.9em;}
.total-view .topbox {position:relative; color:#fff; background:#024B7E url(../img/common/total-view-bg.svg) no-repeat 0 0;}
.total-view .topbox .cont-box {display:flex; flex-wrap:wrap; align-items:flex-start; padding:2.2em 3em;}

.total-view .topbox .thumb {display:block; width:11em; position:relative; background:#EFEFEF; border-radius:.5em; overflow:hidden;} 
.total-view .topbox .thumb:before {content:''; position:relative; max-height:15.5em; display:block; width:100%; padding-top:140%; overflow:hidden;}
.total-view .topbox .thumb img {width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}

.total-view .topbox .cont {position:relative; width:calc(100% - 11em - 3em); margin-left:3em;}
.total-view .topbox .cont > * + * {margin-top:.7em;}
.total-view .topbox .cont .tit {font-size:1.5em; font-weight:800;}
.total-view .topbox .cont .txt {padding:2em 1.5em; background:#1B5D8B; border-radius:.5em; font-size:.9em;}
.total-view .topbox .cont .cate {display:inline-block; padding:.4em .8em; color:#fff; border-radius:.25em; font-size:.8em;}
.total-view .topbox .cont .cate[data-cate="발간자료"] {background:#304E9C;}
.total-view .topbox .cont .cate[data-cate="해외전문칼럼"] {background:#1293EF;}
.total-view .topbox .cont .cate[data-cate="원전시장트렌드"] {background:#B81D55;}
.total-view .topbox .cont .cate[data-cate="글로벌원전시장보고서"] {background:#222222;}

.total-view .topbox .cont ul li {width:100%; padding:0 .9em; padding-left:0; }
.total-view .topbox .cont ul li + li {margin-top:.5em; }
.total-view .topbox .cont ul li .subj {position:relative; width:5em; margin-right:.5em; display:inline-block; color:#fff;}
.total-view .topbox .cont ul li .subj:after {content:''; display:block; position:absolute; right:-.2em; top:50%; transform: translateY(-50%); background:rgba(255,255,255,0.3); width:2px; height:14px;}
.total-view .topbox .cont ul li span > a,
.total-view .topbox .cont ul li span {color:#fff;}
.total-view .topbox .cont ul li span > a:hover {font-weight:600;}

.total-view .topbox .cont .date {position:absolute; right:0; top:0; padding-left:1.5em; color:#EFF4F7; font-size:.8em; }
.total-view .topbox .cont .date:before {content:''; display:block; position:absolute; left:0; top:0; width:1.063em; height:1.063em; margin-top:.15em; background:url(../img/common/ico_total_date_w.svg) no-repeat 0 0; background-size:contain; }

.total-view .topbox .file-box {width:100%;padding:1.2em 3em;border-top:1px solid rgba(255,255,255,0.1);}
.total-view .topbox .file-box dl {position:relative; display:flex; flex-wrap:wrap; align-items:center; flex-direction:row;}
.total-view .topbox .file-box dl dt {position:relative; width:5em; font-weight:800; font-size:.9em;}
.total-view .topbox .file-box dl dt:after {content:''; display:block; position:absolute; right:.6em; top:50%; transform: translateY(-50%); background:rgba(255,255,255,0.3); width:2px; height:14px;}
.total-view .topbox .file-box dl dd {width: calc(100% - 6em);font-size:.8em;}
.total-view .topbox .file-box dl a {position:relative; display:block; padding: .5em 0;color:#fff;}
.total-view .topbox .file-box dl a:after {content:''; display:block; position:absolute; right:0; top:50%; transform: translateY(-50%); width:3em; height:3em; background:url(../img/common/ico_total_down.svg) no-repeat 50% 50%; background-size:cover; border-radius:3em; }
.total-view .topbox .file-box .file_list a.download::before {display:none;}


.total-view .text {padding:2em 1em; border-bottom:1px solid #ddd;}
.total-view .text > * {color:#666;}

.total-view .total-list {margin-top:1em; background:#FAFAFA;}
.total-view .total-list ul li a {position:relative; display:block; padding:1.3em 1em 1.3em 3em; display:flex; flex-wrap:wrap; font-size:.9em;}
.total-view .total-list ul li .tit {position:relative; width: 5em; font-weight:700; color:#222;}
.total-view .total-list ul li .tit:after {content:'';display:block;position:absolute; right: 1em;top:50%;transform:translateY(-50%); background:#ddd; width:2px; height:14px;}
.total-view .total-list li.prev .tit:before {content:'';display:block;position:absolute; margin-top:-.1em; width:1.1112em; height:1em; left:-1.5em; top:50%; transform:translateY(-50%);background:url(../img/common/ico_total_prev.svg) no-repeat 50% 50%;}
.total-view .total-list li.next .tit:before {content:''; display:block; position:absolute; margin-bottom:-.1em; width:1.1112em; height:1em; left:-1.5em; top:50%; transform:translateY(-50%); background:url(../img/common/ico_total_next.svg) no-repeat 50% 50%; }



@media (max-width:1024px) {
   .total-view .topbox .cont-box {padding:1em 1.2em;}
   .total-view .topbox .cont .txt {padding:1em;}
   .total-view .topbox .file-box {padding:1em 1em;}

}

@media (max-width:768px) {
   .total-view .topbox .cont-box  {flex-direction:column; }
   .total-view .topbox .thumb {margin:0 auto;}
   .total-view .topbox .cont {width:100%; margin-left:0; margin-top:1em;}
   .total-view .topbox .file-box dl {flex-direction:column; align-items:flex-start;}
   .total-view .topbox .file-box dl dd {width:100%; padding-right:3em;}
   .total-view .topbox .file-box dl a:after {right:-3em;}
}

@media (max-width:480px) {
	.total-view .total-list dl {padding:.5em 1em .5em 1em;}
	.total-view .total-list dl dt {}
	.total-view .total-list dl.prev:before,
	.total-view .total-list dl.next:before {display:none;} 
}


/* 지원공고 상세페이지 답변 부분 */
.replyList {position:relative; border-top:2px solid #222;}
.replyList dl {position:relative; display:table; width:100%; padding-left:3em; font-size:.9em; border-bottom:1px solid #ddd;}
.replyList dt {display:table-cell; width:72%; text-align:left; padding:.75em; vertical-align:middle; color:#222;}
.replyList dt em {position:absolute; left:.5em; top:.75em; display:inline-block; width:2.75em; text-align:center; }
.replyList dd {display:table-cell; text-align:center; padding:.75em; vertical-align:middle;}
.replyList dd.writer {width:10%;}
.replyList dd.date {width:18%;}
.replyList .question dt { background:#fff;}
.replyList .question dt em {font-weight:700; color:#222;}

.replyList .answer {background:#f5f5f5; border-bottom:1px solid #ddd;}
.replyList .answer dl {border-bottom:0;}
.replyList .answer dt, .replyList .answer dd {border-bottom:0;}
.replyList .answer dt {background:transparent;}
.replyList .answer dt em {width:3.0555555em; padding:.2em 0 .1em; background:#094977; color:#fff; font-weight:400; font-size:.9em;} 
.replyList .answer div {background:#fff; width:calc(100% - 1em); margin:0 .5em .5em; padding:.75em 1em; font-size:.85em;}

@media all and (max-width:768px) {
	.replyList dt {width:70%}
	.replyList dd.writer {width:12%;}
}

@media all and (max-width:640px) {
	.replyList dt {display:block; width:100%; font-size:1.1em; }
	.replyList dd {display:inline-block; padding-top:0;}
	.replyList dd.writer,
	.replyList dd.date {width:auto;}
}