@charset "utf-8";

/*********************************
	Common Style
*********************************/

img {font-size:1em;}
fieldset {border:none; appearance:none; -webkit-appearance:none; -moz-appearance:none;}

.conts input[type="radio"] {position:absolute; top:0; left:0; z-index:-9999; opacity:0;}
.conts input[type="radio"] + label {position:relative; color:#333; font-weight:400; padding-left:1.866em;}
.conts input[type="radio"] + label:before {content:""; display:block; position:absolute; width:1.2em; height:1.2em; left:0; top:50%; margin-top:-.6em; background:url(../img/common/ico_check.svg) no-repeat 50% 50%; background-size:contain; border-radius:100%;}
.conts input[type="radio"]:focus + label {text-decoration:underline;}
.conts input[type="radio"]:checked + label:before {background-image:url(../img/common/ico_checked.svg);}

.conts input[type="checkbox"] {position:absolute; top:0; left:0; z-index:-9999; opacity:0;}
.conts input[type="checkbox"] + label {position:relative; color:#333; font-weight:400; padding-left:1.866em;}
.conts input[type="checkbox"] + label:before {content:""; display:block; position:absolute; width:1.2em; height:1.2em; left:0; top:50%; margin-top:-.6em; background:url(../img/common/ico_check.svg) no-repeat 50% 50%; background-size:contain; border-radius:100%;}
.conts input[type="checkbox"]:focus + label {text-decoration:underline;}
.conts input[type="checkbox"]:checked + label:before {background-image:url(../img/common/ico_checked.svg);}

.conts textarea,
.conts input[type="text"],
.conts input[type="password"],
.conts input[type="search"],
.conts input[type="number"],
.conts select {box-sizing:border-box; border-radius:.25em; background:#fafafa; border:1px solid #ddd !important; font-size:.75em; color:#333; margin:0; vertical-align:middle;}
.conts input[type="text"],
.conts input[type="password"],
.conts input[type="search"],
.conts input[type="number"],
.conts select {height:2.67em; padding:0 1em;}
.conts textarea {padding:1em;}
.conts select {background:url(../img/common/ico_select.svg) no-repeat top 50% right .8em #fafafa; background-size:.67em auto; padding-right:2.26em; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
.conts select::-ms-expand {display:none;}

@media all and (max-width:640px) {
	.conts textarea,
	.conts input[type="text"],
	.conts input[type="password"],
	.conts input[type="search"],
	.conts input[type="number"],
	.conts select {font-size:.9em;}
}


.conts .tip {position:relative; margin:.7em 0; padding-left:1.7778em; font-size:.9em; color:#555;}
.conts .tip:before {content:""; display:block; position:absolute; top:.7em; left:0; line-height:1.4em; width:1.1111em; height:1.1111em; background:url(../img/common/ico_tip.svg) no-repeat 50% 50%; background-size:contain; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

/*********************************
	Title Box
*********************************/

.title-descript-box {display:block; position:relative; margin-top:-2em; font-size:.8em; color:#888; line-height:1.5; margin-bottom:1.875em;}
@media all and (max-width:640px) {
	.title-descript-box {font-size:.9em;}
}
@media all and (min-width:640px) {
	.page-title-right {position:absolute; top:-1em; 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;}
}



/*********************************
	Text Style
*********************************/

/* font color */
.black	{color:#000;}
.white	{color:#fff;}
.gray	{color:#828282;}
.blue	{color:#1293EF;}
.red	{color:#FC2264 !important;}
.green	{color:#369618;}
.orange	{color:#e45e23;}

.tip {position:relative; font-size:.8em; color:#555; line-height:1.4em; padding-left:1.5em; background:url(../img/common/ico_tip_default.svg) no-repeat 0 .2em; background-size:1em auto;}
.tip.error {color:#FC2264; background-image:url(../img/common/ico_tip_error.svg);}

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


}
@media all and (max-width:480px) {
	.tip {font-size:.9em;}

}


/*********************************
	Link Box
*********************************/

.link-box {display:block; position:relative; padding:1em; background:#F3F8FC; text-align:center; margin:1em 0;}
.link-box a {display:inline-block; vertical-align:middle; border-radius:.5em; background:#fff; padding:.5em 1.5em; font-size:.85em; border:1px solid #ddd;}
.link-box a:after {content:""; display:inline-block; vertical-align:middle; margin-left:1em; width:1em; height:1em; background:url(../img/common/ico_link.svg) no-repeat 50% 50%; background-size:contain;}

.ico-link:after {content:""; display:inline-block; vertical-align:middle; width:1.2em; height:1.2em; margin-left:.5em; background:url(../img/common/ico_link_blank.svg) no-repeat 50% 50%; background-size:contain;}


/*********************************
	List Ul
*********************************/

.list-ul {display:block; position:relative;}
.list-ul > li {display:block; position:relative; padding-left:1.1em; line-height:1.5em;}
.list-ul > li:before {content:"·"; display:block; position:absolute; top:0; left:0; height:1.5em; line-height:1.5em; font-weight:800; color:#333;}
.list-ul > li + li {margin-top:.8em;}

.list-ul > li .btn.small {font-size:1em; padding:0 .5em; line-height:1.84em; height:auto; margin-left:.4em;}
.list-ul > li .btn.small:hover {background:#024B7E; border-color:#024B7E; color:#fff;}



/*********************************
	Button Style
*********************************/

.btn {display:inline-block; position:relative; min-width:6em; text-align:center; font-size:.9em; box-sizing:border-box; line-height:1; padding:.778em 1.3em; border-radius:9em; background-color:#fff !important; border:1px solid #ddd !important; color:#333 !important; vertical-align:middle; text-decoration:none !important;}
input.btn {border-width:1px !important; border-style:solid !important; border-color:#dddddd !important;}
.btn.normal {color:#fff !important; border-color:#024B7E !important; background-color:#024B7E !important;}
.btn.point {color:#fff !important; background-color:#1293EF !important; border-color:#1293EF !important;}
.btn.point2 {color:#1293EF !important; background-color:#ffffff !important; border-color:#1293EF !important;}
.conts .btn.cancel {color:#fff !important; background-color:#333 !important; border-color:#333 !important;}
.conts .btn.cancel:hover { background-color:#000 !important; border-color:#000 !important;}
.btn.disabled,
.btn[disabled] {color:#333333 !important; border-color:#777 !important; background-color:#fff !important; opacity:.4;}

.btn.square {border-radius:5px;}

.btn.icon {padding-right:3.7em; background-repeat:no-repeat !important; background-position:top 50% right 1.3em !important; background-size:1.5556em auto !important;}

.btn.small {min-width:auto; font-size:.75em; font-weight:400; border-radius:5px; height:2em; padding:0 1em;}
a.btn.small,
span.btn.small,
p.btn.small {line-height:2em;}
.conts td .btn,
.conts td .btn.small {font-size:1em;}

.btn.icon.small {padding-right:2.5em; background-position:top 50% right .75em !important;  background-size:1em auto !important;}

@media all and (max-width:640px) {
	.conts .btn {font-size:1em;}
	.conts .btn.small {/* font-size:.8em; */}
}



/* Icon Color : Black */
.btn.icon.down {background-image:url(../img/button/gray/down.svg);}
.btn.icon.blank {background-image:url(../img/button/gray/blank.svg);}
.btn.icon.setting {background-image:url(../img/button/gray/setting.svg);}
.btn.icon.write {background-image:url(../img/button/gray/setting.svg);}
.btn.icon.view {background-image:url(../img/button/gray/view.svg);}

/* Icon Color : White */
.btn.icon.normal.down {background-image:url(../img/button/white/down.svg);}
.btn.icon.normal.blank {background-image:url(../img/button/white/blank.svg);}
.btn.icon.normal.setting {background-image:url(../img/button/white/setting.svg);}
.btn.icon.normal.write {background-image:url(../img/button/white/setting.svg);}
.btn.icon.normal.view {background-image:url(../img/button/white/view.svg);}

.btn.icon.point.down {background-image:url(../img/button/white/down.svg);}
.btn.icon.point.blank {background-image:url(../img/button/white/blank.svg);}
.btn.icon.point.setting {background-image:url(../img/button/white/setting.svg);}
.btn.icon.point.write {background-image:url(../img/button/white/setting.svg);}
.btn.icon.point.view {background-image:url(../img/button/white/view.svg);}


/*********************************
	Table Style
*********************************/

.conts .tbl-box {margin-top:1em; position:relative; border-top:2px solid #333;}
.conts .tbl-box caption {position:absolute; top:-999px; z-index:-999; opacity:0;}

.conts .tbl {position:relative; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; z-index:0;}
.conts .tbl.Thead{border-top: 1px solid #ddd;}
.conts .tbl td,
.conts .tbl th {position:relative; padding:1.2rem; font-size:.8em; color:#333; border-bottom:1px solid #E5E5E5; vertical-align:middle; word-wrap: break-word;}
.conts .tbl tr * + * {border-left-width:1px;}
.conts .tbl th {vertical-align:middle; font-weight:600; text-align:center; background:#F3F8FC;}
.conts .tbl th:first-child { border-left: 0;}
.conts .tbl td.txtR{text-align:right;}
.conts .tbl thead th {border-color:#333;}

.tbl-respon > .guide {display:none;}

@media all and (max-width:1024px) {
	.conts .tbl td,
	.conts .tbl th {padding: .7rem;}
}
@media all and (max-width:1000px) {
	.conts .tbl-respon .guide {display:inline-block; padding:.3em 0 .3em 1.5em; color:#888; position:relative;}
	.conts .tbl-respon .guide: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;}
	.conts .tbl-respon .tbl-box {width:100%; overflow:auto;}
	.conts .tbl-respon .tbl-box table {width:1100px;}
}
@media all and (max-width: 768px) {
	.conts .tbl td, .conts .tbl th {font-size:1em;}

	.conts .tbl-respon .tbl-box table {width:900px;}
	.conts .tbl-respon .tbl-box table table {width:100%;}
}
@media all and (max-width: 560px) {
}




/*********************************
	List Style
*********************************/

.list-title {display:block; position:relative; border:1px solid rgba(0,0,0,.1); border-left-width:0; border-right-width:0;}
.list-title > li {display:table; position:relative; table-layout:fixed; width:100%;}
.list-title > li > * {display:table-cell; vertical-align:middle; padding:2.5em 0;}
.list-title > li + li > * {border-top-width:1px !important;}
.list-title > li > h4 {width:12.5em; font-size:1.2em; padding:2.08em 1.79em; border-top:0px solid #333; vertical-align:top;}
.list-title > li > .desc {padding-left:2.1em; border-top:0px solid rgba(0,0,0,.1);}
.list-title > li > .desc.small {font-size:.9em; padding-left:2.3334em;}
@media all and (max-width:1270px) {
	.list-title > li > h4 {padding:2.08em 1em; width:9em;}
}
@media all and (max-width:870px) {
	.list-title > li,
	.list-title > li > * {display:block;}
	.list-title > li + li > * {border-top-width:0px !important;}

	.list-title > li {padding:2em 1em;}
	.list-title > li + li {border-top:1px solid rgba(0,0,0,.1);}
	.list-title > li > h4 {width:auto; padding:0;}
	.list-title > li > .desc {padding:1em 0 0 !important;}
}

.list-step {display:block; position:relative;}
.list-step > li {display:block; position:relative;}
.list-step > li + li {padding-top:1.85em; background:url(../img/common/ico_arrow_step_down.svg) no-repeat 6.5em .6em; background-size:auto .7em;}
.list-step .item {display:table; width:100%; table-layout:fixed;}
.list-step .item > * {display:table-cell; position:relative; vertical-align:middle;}
.list-step .item > strong {width:15.56em; padding:1.2em .5em; font-size:.9em; color:#fff; font-weight:700; background:#1293EF; border-radius:10px 0 0 10px; text-align:center;}
.list-step .item > span {padding-left:2em; padding-right:2em; font-size:.9em; border:1px solid rgba(0,0,0,.05); border-left-width:0; border-right-width:0; background:#F6F8FA;}
.list-step .item > a {width:3.4em; text-indent:-999px; overflow:hidden; background:url(../img/common/ico_link_b.svg) no-repeat 50% 50% #fff; background-size:1.25em auto; border:1px solid rgba(0,0,0,.05); border-left-width:0; border-right-width:0;}
.list-step .item > *:last-child {border-radius:0 10px 10px 0; border-right-width:1px;}
@media all and (max-width:600px) {
	.list-step > li + li {background-position:50% .6em;}
	.list-step .item {display:block;}
	.list-step .item > * {display:block; width:auto; border-radius:0; width:auto !important;}
	.list-step .item > strong {border-radius:10px 10px 0 0;}
	.list-step .item > span {border-width:0; border-left-width:1px; border-right-width:1px; padding:1em; text-align:center;}
	.list-step .item > a {height:2.5em; border-width:0; border-left-width:1px; border-right-width:1px;}
	.list-step .item > *:last-child {border-radius:0 0 10px 10px; border-bottom-width:1px;}
}

.list-link {display:block; position:relative; overflow:hidden; border:0px solid #e5e5e5; border-top-width:1px;}
.list-link:after {content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:1px; background:#e5e5e5;}
.list-link > li {display:block; position:relative; float:left; border:0px solid #e5e5e5; border-bottom-width:1px; border-left-width:1px;}
.list-link .item {display:block; text-align:cecnter; padding-bottom:2em;}
.list-link .item > * {display:block; position:relative; margin:0 auto;}
.list-link .item em {padding:2em 0; text-align:center; background:#F6F8FA;}
.list-link .item em img {display:block; position:relative; height:2em; margin:0 auto;}
.list-link .item strong {text-align:center; font-size:1.1em; color:#333; font-weight:700; padding:1.2em 0 .9em;}
.list-link .item a {width:7.7em; border-radius:9em; border:1px solid #000; padding:.521em 1.25em; text-align:left; background:url(../img/common/ico_link_b.svg) no-repeat top 50% right 1.25em; background-size:1.25em auto;}
.list-link .item a span {display:block; position:relative; font-size:.9em;}
@media all and (max-width:920px) {
	.list-link {font-size:.9em;}
}
@media all and (min-width:821px) {
	.list-link > li {width:33.33%;}
	.list-link > li:nth-child(3n+1) {border-left-width:0px;}
	.list-link > li:nth-child(3) ~ li {border-top-width:1px; margin-top:-1px;}
}
@media all and (max-width:820px) and (min-width:431px) {
	.list-link > li {width:50%;}
	.list-link > li:nth-child(2n+1) {border-left-width:0;}
	.list-link > li:nth-child(2) ~ li {border-top-width:1px; margin-top:-1px;}
	.list-link .item em {padding:1em 0;}
}
@media all and (max-width:430px) {
	.list-link > li {width:auto; float:none; border-left-width:0px;}
	.list-link .item em img {height:1.8em;}
}

.list-ul {display:block; position:relative;}
.list-ul > li {position:relative; margin:.55em 0; padding-left:1.1667em; line-height:1.4em; word-break:keep-all;}
.list-ul > li:before {content:""; display:block; position:absolute; left:0; top:.7em; width:.3334em; height:.3334em; border-radius:100%; background:#333; transform:translateY(-50%); -webkit-transform:translateY(-50%);}



/*********************************
	Expert Style
*********************************/

.tip-btn-box {margin-top:2.5em;}
@media all and (max-width:1024px) {
	.tip-btn-box {margin-top:1em;}
	.tip-btn-box .grid-item + .grid-item {margin-top:1em;}
}

.expert-guide {display:block; position:relative; border-radius:1em; overflow:hidden; background:url(../img/contents/img_expert.png) no-repeat 4.6em 100% #F6F8FA; background-size:8.35em auto; margin-bottom:2.1em; padding:2.8em 3.15em 2.45em; padding-left:17.75em;}
.expert-guide h4 {font-size:1.4em; color:#0085FF; margin-bottom:.833em;}
.expert-guide p {line-height:1.5em; color:#333;}

@media all and (max-width:1024px) {
	.expert-guide {padding:1.5em 2.5em; padding-left:14em; background-position:left 2.5em bottom 0;}
}
@media all and (max-width:640px) {
	.expert-guide {padding:1.5em 2em 10em; background-position:50% 100%; background-size:auto 9em;}

}



/************************************************
	Company Search Area
************************************************/

.company-searchBox {border-bottom:2px solid #333333; margin-bottom:3em;}

.companyCategory {display:block; position:relative; text-align:center; padding:1em;}
.companyCategory li {display:inline-block; vertical-align:middle; padding:0 2.5em;}
.companyCategory .item {display:block; position:relative;}
.companyCategory .item .icon {display:block; position:relative; width:2.5em; height:2.5em; margin:0 auto .5em; background:url(../img/common/spr_pormotion_category.png) no-repeat 50% 0; background-size:100% auto; transition:.3s all; -webkit-transition:.3s all;}
.companyCategory .item .icon.ty1 {background-position:50% 0;}
.companyCategory .item .icon.ty2 {background-position:50% -2.5em;}
.companyCategory .item .icon.ty3 {background-position:50% -5em;}
.companyCategory .item .icon.ty4 {background-position:50% -7.5em;}
.companyCategory .item .icon.ty5 {background-position:50% -10em;}
.companyCategory .item .icon.ty6 {background-position:50% -12.5em;}
.companyCategory .item .icon.ty7 {background-position:50% -15em;}
.companyCategory .item strong {display:block; font-weight:400; font-size:.9em; color:#333;}
.companyCategory .item:hover .icon {transform:scale(.9); -webkit-transform:scale(.9);}
.companyCategory .item:hover strong {text-decoration:underline;}
.companyCategory .active .item strong {color:#024B7E; font-weight:600;}

.chaSearchBox {display:table; width:100%; border:1px solid #E5E5E5; border-left-width:0; border-right-width:0; padding:0 1em; box-sizing:border-box;}
.chaSearchBox > * {display:table-cell; vertical-align:top; text-align:center; padding:1em;}
.chaSearchBox .kor {width:35%;}
.chaSearchBox ul:after {content:""; display:block; clear:both;}
.chaSearchBox li {float:left;}
.chaSearchBox .kor li {width:14.28%;}
.chaSearchBox .eng li {width:7.69%;}
.chaSearchBox a,
.chaSearchBox label {display:block; position:relative; margin:0 auto; font-size:1em; width:1.8em; height:1.8em; text-align:center; line-height:1.8em; border-radius:100%; padding:0 !important;}
.chaSearchBox a:before,
.chaSearchBox label:before {display:none !important;}
.chaSearchBox a > *,
.chaSearchBox label > * {font-size:.8em; color:#333;}
.chaSearchBox a.active,
.chaSearchBox *:checked + label {background:#1A83F7;}
.chaSearchBox a.active > *,
.chaSearchBox *:checked + label > * {color:#fff;}

.selectSearchBox {display:table; width:100%; table-layout:fixed;}
.selectSearchBox > * {display:table-cell; vertical-align:middle;}
.selectSearchBox > * + * {background:url(../img/common/img_line_cate.png) no-repeat 0 50%;}
.selectSearchBox .control {width:4.35em; text-align:center;}
.selectSearchBox select {display:block; position:relative; width:100%; height:3.75em; font-size:.8em; color:#333; border-radius:0; border:none; background-color:transparent; background-position:top 50% right 1em; border:none !important;}
.selectSearchBox .btn-search {display:block; position:relative; width:3em; height:3em; overflow:hidden; text-indent:-999px; color:transparent; background:url(../img/common/ico_search.svg) no-repeat 50% 50%; background-size:1.35em auto; margin:0 auto;}

@media all and (max-width:1300px) {
	.companyCategory {padding:1em 0;}
	.companyCategory li {padding:0 1.5em;}
}
@media all and (max-width:1024px) {
	.chaSearchBox {padding:0;}
	.chaSearchBox > * {padding:1em 0;}
	.chaSearchBox .kor {padding-right:1em;}
	.chaSearchBox .eng {padding-left:1em;}
}
@media all and (max-width:740px) {
	.companyCategory {padding:.5em 0;}
	.companyCategory:after {content:""; display:block; clear:both;}
	.companyCategory li {display:block; width:33.33%; float:left; padding:.5em; box-sizing:border-box;}
}
@media all and (max-width:640px) {
	.chaSearchBox,
	.chaSearchBox > * {display:block; width:auto !important;}
	.chaSearchBox > * {padding:.5em 0 !important;}
	.chaSearchBox .kor li,
	.chaSearchBox .eng li {display:inline-block; vertical-align:middle; width:auto;}
	.chaSearchBox a > *,
	.chaSearchBox label > * {font-size:.9em;}

	.selectSearchBox,
	.selectSearchBox > * {display:block; width:auto !important;}
	.selectSearchBox > * + * {border-top:1px solid #e5e5e5; background:none;}
}


/************************************************
	Company List
************************************************/

.companyList {position:relative;}
.companyList > .control {position:absolute; top:0; right:0; z-index:1;}
.companyList > .control > * {display:block; position:relative; text-align:left; border-radius:9em; width:8em; height:2.25em; background:url(../img/common/ico_select_w.png) no-repeat top 50% right 1em #024B7E; color:#fff; padding:.6em 1em;}
.companyList > .control > * span {display:block; font-size:.8em; color:#fff; margin-top:-.1em;}

.compItem {display:block;position:relative;border-radius:.5em; border:1px solid #e5e5e5;}
.compItem .tit {display:table;max-width: 8em;table-layout:fixed;}
.compItem .tit > * {display:table-cell; vertical-align:middle;}
.compItem .tit em {width:36%;box-sizing:border-box;}
.compItem .tit em img {display:block;max-height: 2.6em;}
.compItem .tit strong {padding-top:0.6em; padding-right:1em; font-size:.8em; color:#333; font-weight:600; text-align:right; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.compItem .info {position:relative;height: 11.5em;border-top:1px solid #e5e5e5;}
.compItem .info .txt {position:absolute; top:0; left:0; right:0; bottom:0; padding:1em; overflow:auto;}
.compItem .info .txt .in {font-size:.75em; color:#333333;}
.compItem .info .link{width: 50%;}
.compItem .info .link:first-child{border-right: 1px solid #E5E5E5;}
.compItem .info .link > * {display:block;position:relative;padding: .85em 1em;line-height: 1.3;text-align: left;}
.compItem .info .link > * span {display:block; position:relative; font-size:.75em; color:#333;}
.compItem .info .link a:after {content:"";display:block;position:absolute;width:.9em;height:.9em;right:.5em;top:50%;margin-top:-.45em;background:url(../img/common/spr_button_icon.svg) no-repeat 50% 0;background-size:100% auto;}
.compItem .info .link a.movie:after {background-position:50% 0;}
.compItem .info .link a:hover {background:#024B7E;}
.compItem .info .link a:hover span {color:#fff;}
.compItem .info .link a.movie:after {background-position:50% -.9em;}
.compItem .info .link a:hover.movie:after {background-position:50% -2.7em;}
.compItem .info .link a.down:after {background-position:50% 0em;}
.compItem .info .link a:hover.down:after {background-position:50% -1.8em;}
.compItem .info .link a.search:after {background-position: 50% -3.7em;}
.compItem .info .link a:hover.search:after {background-position: 50% -4.7em;}
.compItem .info .link + .link {bottom:2.25em;}
.compItem .info .link ~ .txt {bottom:2.25em;}
.compItem .info .link ~ .link ~ .txt {bottom:4.5em;}
.compItem .info .link.none > *:after {display:none;}

.compItem .info-box {display: flex;justify-content: space-between;padding: 0 1em;height: 5em;overflow: hidden;align-items: center;}
.compItem .info-box .badge {vertical-align: middle; display: contents;}
.compItem .info-box .txt li{padding-left: 1.2em;display: -webkit-box;font-size:.75em;position:relative;color: #333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-width: 15em;line-height: 1.5;}
/* .compItem .info-box .txt li:first-child:after {content:""; display:block; position:absolute; width:1px; height:10px; right:0; top:50%; margin:-5px 0 0 -2px; background:#D9D9D9; border-radius:100%;} */
.compItem .info-box .txt li:last-child {padding-right:0;}
.compItem .info-box .txt li span {margin-right: 0.6em;color: #888;font-weight: 300;}

.compItem .info .title strong {margin:.8em;font-size: 1em;color:#333;font-weight: 700;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.compItem .info .item {background:#F7F8FA;padding:.8em;margin: 0 .8em 1.2em;display: flex;align-items: center;}
.compItem .info .item > * {display:table-cell;vertical-align:middle;}
.compItem .info .item .thumb {background: #fff;border-radius: .5em;height: 3em;min-width: 5em; max-width: 5em; overflow: hidden;/* margin:0 auto; */text-align: center;padding: 5px;}
.compItem .info .item .thumb img {width: auto;height: 100%;object-fit:cover;margin: 0 auto;}
.compItem .info .item .desc {font-size:0.8em;padding-left: 1.3em;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;overflow: hidden;}
.compItem .info .button {display:flex;height: 2.7em;border-top: 1px solid #E5E5E5;border-radius: 0 0 .5em .5em;overflow: hidden;position: absolute;bottom: 0;width: 100%;}

.compItem .badge .box {visibility: hidden;background: #000000de;width: 20em;position: absolute;padding: 1em;border-radius: 0.5em;color: #ffffff;z-index: 1;text-align: left;font-size:0.75em;left: 1em;top: 4em;word-break: break-all;}
.compItem .badge .box .s-title {font-size:1.2em;font-weight:500;display:block;margin-bottom: .4em;}
.compItem .badge .box:after {position: absolute;bottom: 100%;left: 15px;width: 0;height: 0;border: solid transparent;border-color: transparent;border-bottom-color: #000000de;border-width: 8px;pointer-events: none;content: ' ';}
.compItem .badge:hover .box {visibility: visible;}
.compItem .item .badge .box {background: #fff;box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);width: 25em;/* max-height: 17.4em; */left: 3em;top: 4em;padding: 1.2em;color: #333;overflow: hidden;}
.compItem .item .badge .box span {font-size: 1.1em;font-weight: 600;margin-bottom: 1em;}
.compItem .item .badge .box img {width: 100%;margin-top: 1em;}
.compItem .item .badge .box:after {display:none;}

.membership .compItem .item .badge .box {left: 1em;top: -1.5em;margin: 0 auto;max-height: 16em;}
.membership .compItem .item .badge .box img {width: auto;max-height: 12em;padding-bottom: 1em;margin: 1em auto;}
.membership .compItem .badge .box .text{text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;}
.companyList.folding .membership .compItem .badge .box {display:none;}

@media all and (max-width:820px) {
	.membership .compItem .badge .box {width: 22em;}
}

.compItem .hash {display:block; position:relative; font-size:.7em; padding:.8em 1.42em; border-top:1px solid #e5e5e5; background:#F4F7F9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.compItem .hash > * {color:#555; font-weight:400; margin-right:.2em;}
.compItem .hash > strong {color:#222; font-weight:600;}
/*.folding .membership .compItem {border-radius:0;padding: 1em;}
.folding .membership .compItem .tit ~ * {display:none;}*/
.folding .membership .compItem .info {display:none;}

@media all and (max-width:640px) {
	.compItem {font-size:1.2em;}
}

.membership {position:relative; padding-top:.5em;}
.membership > .control > * {display:block; position:absolute; bottom:0; height:16.7em; width:1em; background:no-repeat 50% 50%; background-size:contain; opacity:.5; overflow:hidden; text-indent:-999px;}
.membership > .control > *:hover,
.membership > .control > *:focus {opacity:1;}
.folding .membership > .control > * {height:3.1em;}
.membership > .control .prev {left:-2em; background-image:url(../img/common/ico_comp_prev.svg);}
.membership > .control .next {right:-2em; background-image:url(../img/common/ico_comp_next.svg);}
.membership .slider {margin-top:1.4em;}

.companyList .membership ~ .list {margin-top:2.5em; padding-top:1.5em; border-top:1px solid #e5e5e5;}
.companyList .list:after {content:""; display:block; clear:both;}
.companyList .list > ul {display:block; position:relative; margin:-1em;}
.companyList .list > ul > li {display:block; position:relative; width:33.33%; box-sizing:border-box; padding:1em; float:left;}

@media all and (max-width:1260px) {
	.companyList .list > ul {margin:-.5em;}
	.companyList .list > ul > li {padding:.5em;}
	.companyList .list > ul > li {width:50%;}
}
@media all and (max-width:1024px) {
	.membership .slider {margin-left:1.5em; margin-right:1.5em;}
	.membership > .control .prev {left:0;}
	.membership > .control .next {right:0;}
}
@media all and (max-width:740px) {
	.membership .slider {margin-left:0; margin-right:0;}
	.membership > .control {display:none;}

	.companyList .list > ul {margin:-.25em;}
	.companyList .list > ul > li {padding:.25em;}
	.companyList .list > ul > li {width:auto; float:none;}
}


/* 기업정보 상세보기 */
.View-details .left h5{margin-top:2em;}
.View-details .left .info {border: 1px solid #DFDFDF;}
.View-details .left .info .logo {display:block;text-align:center;height: 8.5em;line-height: 8.5em;}
.View-details .left .info .logo img {vertical-align:middle;max-height:5em;}
.View-details .left .info .button {display:flex;justify-content: center;height: 2.7em;border-top: 1px solid #E5E5E5;}
.View-details .left .info .button a{display:block;position:relative;width: 50%;padding: .75em 1em .75em 1.5em;font-size: .9em;background: #024B7E;color: #fff;}
.View-details .left .info .button a:first-child{border-right: 1px solid #E5E5E5;}

.View-details .left .info .button a:after {content:"";display:block;position:absolute;width:.9em;height:.9em;right: 1em;top:50%;margin-top:-.45em;background:url(../img/common/spr_button_icon.svg) no-repeat 50% 0;background-size:100% auto;}
.View-details .left .info .button a.movie:after {background-position: 50% -2.7em;}
.View-details .left .info .button a.search:after {background-position: 50% -4.7em;}

.View-details {display: flex; margin-top: 2em; }
.View-details .left {margin-right:4em;}
.View-details .list-title {display:block;position:relative;border: 0;border-left-width:0;border-right-width: 0;margin-top: 1em;}
.View-details .list-title > li {display:table;position:relative;table-layout:fixed;width:100%;}
.View-details .list-title > li > * {display:table-cell;vertical-align:middle;padding: 1em;}
.View-details .list-title > li > .tit {width: 6em;font-size: .85em;padding: 0.7em;border-bottom: 1px solid #333;color: #333;font-weight: 600;}
.View-details .list-title > li > .desc {padding-left:2.1em;border-bottom: 1px solid rgba(0,0,0,.1);font-size: .85em;border-top: 0;}
.View-details .list-title > li > .desc.small {font-size:.9em; padding-left:2.3334em;}

.View-details .bod-view .txt-details {max-height: 150px;overflow-y:scroll;padding-right:.6em;}
.View-details .bod-view .txt-details::-webkit-scrollbar {width:5px;}
.View-details .bod-view .txt-details::-webkit-scrollbar-thumb {height: 30%; background: #afafaf; border-radius: 10px;}
.View-details .bod-view .txt-details::-webkit-scrollbar-track {background:#ececec;}
.free-view .tit .btn.small {top: -10px;}

@media all and (max-width:1024px) {
	.View-details {display:block;}
	.View-details .left {margin-right:0; margin-bottom:1.5em;}
	.View-details .list-title > li {padding:0;}
	.View-details .list-title > li > .tit {padding: 1em;}
	.View-details .list-title > li > .desc {padding: 0 0 0 1.5em !important;}
	.View-details .bod-view .txt-details {overflow:hidden; max-height:100%;}
}


/********************
	Company Popup Style
********************/

.popProdWrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99999;}
.popProdWrap .popup {display:block; position:absolute; width:1120px; height:820px; top:50%; left:50%; margin-top:-410px; margin-left:-560px; background:#F2F8FC; overflow:hidden; border-radius:1em;}
.popProdWrap .popup .pop-title {display:table; position:absolute; top:0; left:0; right:0; width:100%; height:4em; table-layout:fixed; background:#024B7E;}
.popProdWrap .popup .pop-title > p {display:table-cell; vertical-align:middle; padding:0 3.66em 0 1.66em; font-size:.9em; color:#fff;}
.popProdWrap .popup .pop-title strong {display:block; max-height:3em; line-height:1.5em; overflow:hidden;}
.popProdWrap .popup .pop-close {display:block; position:absolute; top:0; right:0; height:4em; width:4em; background:url(../img/common/ico_pop_close2.svg) no-repeat 50% 50%; background-size:1.1em auto; overflow:hidden; text-indent:-999px;}
.popProdWrap .popup .pop-body {position:absolute; top:4em; left:0; right:0; bottom:0; overflow:auto;}

@media all and (max-width:1140px) {
	.popProdWrap .popup {width:auto; left:10px; right:10px; margin-left:0;}
}
@media all and (max-height:840px) {
	.popProdWrap .popup {height:auto; top:10px; bottom:10px; margin-top:0;}
}
@media all and (max-width:640px) {
	.popProdWrap .popup .pop-title {height:5em;}
	.popProdWrap .popup .pop-body {top:5em;}
	.popProdWrap .popup .pop-title > strong {font-size:1em;}
}

.prod-grid {display:table; width:100%; table-layout:fixed; padding:2em 1.5em;}
.prod-grid > * {display:table-cell; vertical-align:top;}
.prod-grid .picBox {width:44.65%;}
.prod-grid .pop-descript {padding-left:1.7em;}

.prod-grid .pic-view {display:block; position:relative; overflow:hidden; border-radius:.5em;}
.prod-grid .pic-view:before {content:""; display:block; position:relative; padding-top:75%; z-index:-1;}
.prod-grid .pic-view .img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; background:#b3b3b3;}
.prod-grid .pic-view .img img {display:block; position:absolute; height:100%; max-width:100000000%; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.prod-grid .pic-view .subj {display:block; position:absolute; top:0; right:0; padding:.7em 1em; border-radius:.66em; font-size:.75em; color:#fff; background:rgba(0,0,0,.5);}

.prod-grid .picBox ul {display:block; position:relative; padding:.5em 0; margin:0 -.5em;}
.prod-grid .picBox ul:after {content:""; display:block; clear:both;}
.prod-grid .picBox ul > li {display:block; position:relative; box-sizing:border-box; padding:.5em; float:left; width:25%;}
.prod-grid .picBox ul > li > div {display:block; position:relative; background:rgba(0,0,0,.4); border-radius:.5em; overflow:hidden; cursor:pointer;}
.prod-grid .picBox ul > li > div:before {content:""; display:block; position:relative; padding-top:74%; z-index:-2;}
.prod-grid .picBox ul > li > div img {display:block; position:absolute; top:50%; left:50%; min-width:110%; min-height:100%; max-height:250%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}

.prod-grid .pop-descript h4 {font-size:1em; margin-bottom:.8em;}
.prod-grid .pop-descript h4 strong {display:inline-block; background:#fff; border-radius:9em; font-size:.85em; color:#1293EF; font-weight:800; border-radius:9em; padding:.2em 1.3em;}
.prod-grid .pop-descript .desc {font-size:.7em; color:#555555;}
.prod-grid .pop-descript h4:not(:first-child) {margin-top:1.3em;}

@media all and (max-width:1024px) {
	.prod-grid .picBox ul {margin:0 -.2em;}
	.prod-grid .picBox ul > li {padding:.2em;}
	.prod-grid .pop-descript h4 strong,
	.prod-grid .pop-descript .desc {font-size:.9em;}
}
@media all and (max-width:920px) {
	.prod-grid .picBox ul > li {width:33.33%;}
}
@media all and (max-width:640px) {
	.prod-grid,
	.prod-grid > * {display:block;}
	.prod-grid .picBox {width:auto;}
	.prod-grid .pop-descript {padding-left:0; margin-top:1.5em;}
	.prod-grid .picBox ul > li {width:20%;}
}


/********************
	ebook
********************/

body.catalog{background-color: #383a67; position: relative;}
a.prev{ position: fixed; top: 45%; transform: translateY(-50%); left: 0.5em; background-color: rgba(56, 58, 103, .8); background-image: url(./images/arrow_prev.png); background-repeat: no-repeat; background-position: center; border-radius: 50%; width: 60px; height: 60px; z-index: 999; }
a.next{ position: fixed; top: 45%; transform: translateY(-50%); right: 0.5em; background-color: rgba(56, 58, 103, .8); background-image: url(./images/arrow_next.png); background-repeat: no-repeat; background-position: center; border-radius: 50%; width: 60px; height: 60px; z-index: 999; }
a.prev:hover, a.next:hover { background-color: rgba(56, 58, 103, 1);}

#container_pop { float: left; width: 100%;  padding: 40px;}


.catalog_tap ul { float: left; width: 100%; margin-bottom: 1.6em;}
.catalog_tap ul li a{ float: left; width: 25%; border-radius: 40px; background-color: #2d2e52; height: 56px; display: flex; align-items: center; justify-content:center; color: #ffffff; font-weight: 400; margin-bottom: 4px; text-align: center; line-height: 1.4; font-size: 0.95em;}
.catalog_tap ul li a:hover, .catalog_tap ul li a.active { font-weight: 700; font-size: 1em; background-color: #1b1c32; border: 2px solid rgba(244, 244, 244, .2);}

.catalog_contents { float: left; width: 100%; background-color: #ffffff; padding: 3em; position: relative;}

.catalog_contents .title_head { font-size: 2.2em; font-weight: 800; color: #4247b8; letter-spacing: -0.03em; margin-bottom: 1.6em;}
.index_list { padding: 2em 3em;}
.index_list ul {float: left; width: 100%; margin-bottom: 3em;}
.index_list ul li {float: left; width: 100%; border-bottom: 1px solid rgba(0, 0, 04, .2); padding: 1.5em 3.4em 0.7em 0; position: relative; }
.index_list ul li .tit_md {  font-weight: 700; color: #000; font-size: 1.4em;}
.index_list ul li .tit_sd { font-family:'Noto Sans KR',sans-serif; color: inherit; font-weight: 400; font-size: 0.95em; line-height: 1; display: inline-block;}
.index_list ul li em { position: absolute; right: 0; font-weight: 700; font-size: 1.4em; color: #383a67;}

.team_head { float: left; width: 100%; border-top: 2px solid #4247b8; border-bottom: 1px solid #4247b8; padding: 1em 0; margin-bottom: 2em;}
.team_head .logo_bx { display: inline-block; width: auto; padding-right: 1em; float: left;}
.team_head .logo_bx img { height: 46px; width: 100%; max-width:150px;}
.team_head .info_bx { display: inline-block; width: auto; padding-top: 0.5em;}
.team_head .info_bx p { font-weight: 700; color: #000; font-size: 1.4em;}
.team_head .info_bx span { font-weight: 400; color: #000; font-size: 0.8em;}

.inner_cont { font-family:'Noto Sans KR',sans-serif; font-weight: 400; font-size: 0.9em; line-height: 1.6; }
.team_info { margin-bottom: 3em;}
.inner_cont p { margin: 1em 0;}
.inner_cont img { width: 100%; max-width:800px;}

.title_bar { float: left; width: 100%; border-top: 3px solid #4247b8; margin-bottom: 2em;}
.title_bar span { background-color: #4247b8; width: 40%; color: #ffffff; font-weight: 500; font-family:'Montserrat', sans-serif; display: inline-block; font-size: 1.2em; padding: 0.5em 1em 0.8em 1.4em; line-height: 1;}

.team_cont ul { float: left; width: 100%; margin-bottom: 3em;}
.team_cont li {float: left; width: 100%; position: relative; padding: 0.4em 0 0.6em 0.7em;border-bottom: 1px solid rgba(0, 0, 04, .1); font-weight: 500;}
.team_cont li::before { position: absolute; width: 3px; height: 3px; background-color: #4247b8; content: ""; left: 3px; top: 1.2em;}
.team_cont li:last-child { border-bottom: none;}

.team_cont ul ul { float: left; width: 100%; margin-bottom: 0em;}
.team_cont li li { padding-left: 1em; border-bottom: none; padding: 0.2em 0 0em 0.7em; font-weight: 400;}
.team_cont li li::before { position: absolute; width: 6px; height: 1px; background-color: #4247b8; content: ""; left: 3px; top: 1em;}

.mid_title { float: left; width: 100%; position: relative; border-left: 4px solid #1b1c32; padding-left: 1em; font-family:'Montserrat', sans-serif; color: #1b1c32; line-height: 1; height: auto; margin-bottom: 1.22em; }
.mid_title p { font-weight: 700; font-size: 1.4em; line-height: 1.4; margin: 0;}
.mid_title span { font-weight: 400; font-size: 0.8em; line-height: 1.2; }

.style_cont {float: left; width: 100%; display:flex; flex-flow:row wrap;justify-content:left; border-bottom: 1px solid rgba(0, 0, 04, .1);}
.style_cont .box { float: left;width: 48%; margin-bottom: 0.6em;}
.style_cont .box:nth-child(2n+1) { margin-right: 4%;}

.style_cont .sm_title { width: 100%; border-top: 1px solid #4247b8;}
.style_cont .sm_title span {font-family:'Montserrat', sans-serif; display: inline-block;  border-top: 2px solid #4247b8; width: auto; font-weight: 600; color: #4247b8 !important; font-size: 1.1em; padding-top: 0.2em;}

.style_cont ul { float: left; width: 100%; margin-bottom: 3em;}
.style_cont li {float: left; width: 100%; position: relative; padding: 0.1em 0 0.6em 0.7em;}
.style_cont li::before { position: absolute; width: 3px; height: 3px; background-color: #4247b8; content: ""; left: 3px; top: 0.9em;}

.inner_cont .img_box img { height: 200px; width:auto;}
.inner_cont section { float: left; width: 100%; margin-bottom: 3em;}


/* annex */
table.annex_tb { word-break: keep-all;font-size: 0.95em;  }
table.annex_tb th { background-color: #4247b8; color: #ffffff; font-family:'Montserrat', sans-serif; font-weight: 500; padding: 1em 0; }
table.annex_tb td { padding: 1em 0.4em; border-bottom: 1px solid #b6b8d6; border-right: 1px solid #b6b8d6;}
table.annex_tb td:last-child { border-right:0; text-align: center;}


@media (max-width:960px) {
    a.prev{ left: -1em; }
    a.next{ right: -1em; }

    #container_pop { padding: 1.4em; font-size: 0.9em;}
    .title_bar span { width: 60%;}

}

@media (max-width:768px) {
    .style_cont .box { float: left;width: 100%;}
    .style_cont .box:nth-child(2n+1) { margin-right: 0%;}

    .respon_table { width: 100%; overflow-x: auto; padding-bottom: 10px;}
    table.annex_tb { border-collapse: collapse; width: 800px; height: auto;overflow-x: auto; padding-bottom: 10px;}
    table.annex_tb th { padding: 0.6em 0;}
}

@media (max-width:640px) {
    #container_pop { font-size: 0.8em;}
    .catalog_tap ul li a{ float: left; width: 50%; height:50px ;}

    .catalog_contents { padding: 2em;}
    .catalog_contents .title_head { margin-bottom: 1em;}
    .index_list { padding: 1em 1em;}


}

@media (max-width:480px) {
    .catalog_contents .title_head { font-size: 1.8em;}
    .index_list { padding: 0em;}
    .index_list ul li .tit_md { font-size: 1.1em;}
    .index_list ul li em { font-size: 1.1em;}

    .title_bar span { width: 100%;}

    .inner_cont .img_box img { height: auto; width:100%;}
}




/*******************************************************
	통합자료실 Map
*******************************************************/

.ico-decomm {display:inline-block; vertical-align:middle; border-radius:100%; font-size:.75em; width:2.33em; height:2.33em; text-align:center; white-space:nowrap; line-height:2.35em; background:#333; color:#fff; font-family:'Play', sans-serif; letter-spacing:-5%; font-weight:700;}
.ico-decomm.ty1 {background:#16AD97;}
.ico-decomm.ty2 {background:#1E5997;}
.ico-decomm.ty3 {background:#E89C31;}
.ico-decomm.ty4 {background:#B81D55;}
.ico-decomm.ty5 {background:#999999;}

.mainMapWrap {display:block; position:relative; min-height:24.3em; padding:3.5em 2em 2.9em; z-index:0; box-sizing:border-box;}
.mainMapWrap:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:#F2F8FC; z-index:-1;}
.mainMapWrap .tit {display:block; position:relative; margin-bottom:5.6em;}
.mainMapWrap .tit strong {display:inline-block; position:relative; vertical-align:middle; font-size:2.4em; color:#222; font-weight:900; letter-spacing:-4%;}
.mainMapWrap .tit a {display:inline-block; vertical-align:middle; font-size:.9em; padding:.2em 1em; border-radius:9em; background:#024B7E; color:#fff; margin-left:1em; font-family:'Play', sans-serif;}
.mainMapWrap .tit a:after {content:"+"; font-size:1.33em; margin-left:.5em;}
.mainMapWrap .tit span {display:block; font-size:.9em; color:#555; margin-top:1em; word-break:keep-all;}
.mainMapWrap .legend {display:block; position:relative; width:21.2em;}
.mainMapWrap .legend ul {display:block; position:relative; border-radius:.5em; padding:.8em 0 .75em; background:#fff; text-align:center; margin-bottom:.5em;}
.mainMapWrap .legend li {display:inline-block; vertical-align:top; padding:0 .3em;}
.mainMapWrap .legend .ico-decomm {margin-bottom:.66em;}
.mainMapWrap .legend span {display:block; color:#555; font-size:.75em; letter-spacing:-4%;}
.mainMapWrap .legend p {display:block; position:relative; font-size:13px; color:#999; letter-spacing:-4%; margin-left:1.53em; padding-left:.5em; line-height:1.5em;}
.mainMapWrap .legend p:before {content:""; display:block; position:absolute; width:.24em; height:.24em; background:url(../img/main/ico_map_legend_dot.svg) no-repeat 50% 50%; background-size:cover; left:0; top:.75em; margin-top:-.12em;}

/* w: 1063px; h:485px */
.mainMap {display:block; position:absolute; top:50%; left:26em; right:0; max-width:53.15em; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.mainMap .area {display:block; position:relative; background:url(../img/main/img_map.png) no-repeat 50% 50%; background-size:contain; z-index:0;}
.mainMap .area:before {content:""; display:block; position:relative; padding-top:45.625588%;}
.mainMap .area > li:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background:no-repeat 50% 50%; background-size:contain; transition:.3s all; -webkit-transition:.3s all; opacity:0;}
.mainMap .area > li.open:before {opacity:1;}
.mainMap .mark {display:block; position:absolute; width:1px; height:1px;}
.mainMap .mark > button {display:block; position:absolute; bottom:0; left:50%; white-space:nowrap; font-size:.85em; color:#555; font-weight:700; transform:translateX(-50%); -webkit-transform:translateX(-50%);
	text-shadow:rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}
.mainMap .mark > button:after {content:""; display:block; position:relative; margin:0 auto; width:2em; height:2em; background:url(../img/main/ico_map_marker.svg) no-repeat 50% 50%; background-size:contain;}
.mainMap .open .mark > button {z-index:2;}

.mainMap .pop {display:block; margin-top:0em; z-index:999;}
.mainMap .pop .subj {display:block; position:relative; border-radius:.5em .5em 0 0; background:#024B7E; padding:.8em 1.2em;}
.mainMap .pop .subj strong {display:block; color:#fff; font-weight:700;}
.mainMap .pop .con {display:block; position:relative; background:#fff; border-radius:0 0 .5em .5em; padding:1em; min-height:3em;}
.mainMap .pop .con .data {max-height:10em; overflow:auto;}
.mainMap .pop .close {display:block; position:absolute; top:.7em; right:.7em; width:1.7em; height:1.7em; background:url(../img/main/ico_pop_close.svg) no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden; }
.mainMap .pop .con ul {display:table; width:100%; table-layout:fixed;}
.mainMap .pop .con ul > li {display:table-row;}
.mainMap .pop .con ul > li > * {display:table-cell; vertical-align:middle; padding:.2em 0;}
.mainMap .pop .con ul > li strong {font-size:.8em; color:#222; width:40%;}
.mainMap .pop .con ul > li strong i {font-size:.875em; color:#999; font-family:'Play', sans-serif;}
.mainMap .pop .con ul > li span {text-align:right; font-size:.7em;}
.mainMap .pop .con .result {display:block; position:relative; background:#F2F8FC; border-radius:9em; padding:.3em .6em; margin:.5em -.6em 0;}

/********* 지역별 설정 */
/** 아프리카 **/
.mainMap .area .ty1:before {background-image:url(../img/main/img_map_africa.png);}
.mainMap .area .ty1 .mark {left:10.16%; top:68.45%;}
.mainMap .area .ty1 .pop {left:48.16%; top:89.45%;}
/** 라틴 아메리카 **/
.mainMap .area .ty2:before {background-image:url(../img/main/img_map_america_s.png);}
.mainMap .area .ty2 .mark {left:87.25%; top:83.71%;}
.mainMap .area .ty2 .pop {left:59.25%; top:103.71%;}
/** 북 아메리카 **/
.mainMap .area .ty3:before {background-image:url(../img/main/img_map_america_n.png);}
.mainMap .area .ty3 .mark {left:71.45%; top:28.65%;}
.mainMap .area .ty3 .pop {left:42.45%; top:28.65%;}
/** 동 아시아 **/
.mainMap .area .ty4:before {background-image:url(../img/main/img_map_asia_e.png);}
.mainMap .area .ty4 .mark {left:35.70%; top:49.28%;}
.mainMap .area .ty4 .pop {left:72.7%; top:49.28%;}
/** 중동 남 아시아 **/
.mainMap .area .ty5:before {background-image:url(../img/main/img_map_asia_s.png);}
.mainMap .area .ty5 .mark {left:22.81%; top:51.96%;}
.mainMap .area .ty5 .pop {left:72.81%; top:51.96%;}
/** 중 동부 유럽 **/
.mainMap .area .ty6:before {background-image:url(../img/main/img_map_uropa_e.png);}
.mainMap .area .ty6 .mark {left:28.83%; top:28.25%;}
.mainMap .area .ty6 .pop {left:72.83%; top:28.25%;}
/** 서부 유럽 **/
.mainMap .area .ty7:before {background-image:url(../img/main/img_map_uropa_w.png);}
.mainMap .area .ty7 .mark {left:9.45%; top:37.11%;}
.mainMap .area .ty7 .pop {left:37.45%; top:37.11%;}

@media all and (min-width:1025px) {
	.mainMap .pop {position:absolute; width:17em; opacity:0; visibility:hidden; transition:.3s all; -webkit-transition:.3s all;}
	.mainMap .open .pop {margin-top:-1.5em; opacity:1; visibility:visible;}
	.mainMap .area .ty1 .pop {transform:translate(-50%, -100%); -webkit-transform:translate(-50%, -100%);}
	.mainMap .area .ty2 .pop {transform:translate(-80%, -100%); -webkit-transform:translate(-80%, -100%);}
	.mainMap .area .ty3 .pop {transform:translate(-80%, -50%); -webkit-transform:translate(-80%, -50%);}
	.mainMap .area .ty4 .pop {transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
	.mainMap .area .ty5 .pop {transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
	.mainMap .area .ty6 .pop {transform:translate(-50%, -20%); -webkit-transform:translate(-50%, -20%);}
	.mainMap .area .ty7 .pop {transform:translate(-50%, -20%); -webkit-transform:translate(-50%, -20%);}
}

@media all and (max-width:1445px) {
	.mainMapWrap .tit,
	.mainMapWrap .legend {width:19em;}
	.mainMapWrap .legend > * {font-size:.9em;}
	.mainMap .mark {font-size:.9em;}
	.mainMap {left:22em;}
}


@media all and (max-width:1110px) {
	.mainMapWrap {padding-bottom:1.5em;}
	.mainMapWrap .tit,
	.mainMapWrap .legend {width:12em;}
	.mainMapWrap .tit {margin-bottom:1em;}
	.mainMapWrap .tit a {margin-left:0;}
	.mainMapWrap .legend p {margin-left:0;}
	.mainMapWrap .legend li {padding:.3em;}

	.mainMap {left:15em;}
}
@media all and (max-width:1024px) {
	.mainMapWrap {margin-left:0; padding:3em 0 6em;}
	.mainMapWrap .tit,
	.mainMapWrap .legend {width:auto;}
	.mainMapWrap .tit a {margin-left:1em;}

	.mainMap {position:relative; top:auto; right:auto; left:auto; margin-top:2em; transform:translate(0,0); -webkit-transform:translate(0,0);}
	.mainMap .pop {display:none; position:absolute; left:1em !important; right:1em !important; bottom:-4em !important; top:auto !important;}
	.mainMap .open .pop {display:block;}
}
@media all and (max-width:580px) {
	.mainMap {margin:2em -1em 0;}
	.mainMapWrap .tit {text-align:center;}
	.mainMapWrap .tit strong {font-size:2em;}
	.mainMapWrap {padding:1.5em 0 3em;}
}

.board-wrap {position:relative; padding:1.2em; background:#E4F1FA; margin-top:2em;}
.board-wrap h3 {font-size:1.8em; font-weight:800; color:#222; padding-bottom:.5em; border-bottom:1px solid #333;}
.board-wrap h3 span {font-weight:400;}
.board-wrap .board {position:relative; background:#fff; padding:1.6em; border-radius:1.2em;}

.board-wrap .board li {position:relative; border-bottom:1px solid #ddd;}
.board-wrap .board li a {position:relative; display:block; color:#333; font-size:.9em; padding:.8em .4em;}
.board-wrap .board li p {font-weight:700; word-break:break-all; overflow:hidden; text-overflow:ellipsis;}
.board-wrap .board li span {position:relative; display:inline-block; font-size:.9em; color:#777; vertical-align:middle;}
.board-wrap .board li:hover,
.board-wrap .board li:visited,
.board-wrap .board li:focus {background-color:#f8f8f8;}

.board-wrap .board.worldMarket ul {padding-top:1em;}
.board-wrap .board.worldMarket li {padding:.4em; border-bottom:0; }
.board-wrap .board.worldMarket li a {display:block; border:1px solid #ddd;  height:12.66667em;  border-radius:.5em; padding:1.5em; }
.board-wrap .board.worldMarket li .tit {display:-webkit-box; font-size: 1.1em; margin-bottom: .5em; height: 2.66667em; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.board-wrap .board.worldMarket li .txt {display:-webkit-box; font-weight:400; height:2.66667em; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.board-wrap .board.worldMarket li .date {display:block; color:#777; margin-top:1.25em; padding-top:1em; border-top:1px solid #ddd;}
.board-wrap .board.worldMarket li:hover,
.board-wrap .board.worldMarket li:visited,
.board-wrap .board.worldMarket li:focus {background-color:#fff;}
.board-wrap .board.worldMarket li a:hover,
.board-wrap .board.worldMarket li a:visited,
.board-wrap .board.worldMarket li a:focus {box-shadow:0 0 .4em rgba(0, 0, 0, .2);}
.board-wrap .board.worldMarket .control {display:none; position:absolute; right:2em; top:1.6em; }
.board-wrap .board.worldMarket .control button {width:2em; height:2em; text-indent:-9999px; overflow:hidden; border:1px solid #ddd; border-radius:2em; background:no-repeat center center; background-size:80% auto;}
.board-wrap .board.worldMarket .control button.prev {background-image:url(../img/main/ico_board_prev.svg);}
.board-wrap .board.worldMarket .control button.next {background-image:url(../img/main/ico_board_next.svg);}


.board-wrap .board.nuclearEvent li .date {padding-right:.6em; margin-right:.6em; }
.board-wrap .board.nuclearEvent li .date:after {content:''; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:0; width:1px; height:12px; background:#ccc;}
.board-wrap .board.nuclearEvent li .place {overflow:hidden; text-overflow:ellipsis;}

.board-wrap .cols-2 > div{width:calc(50% - .6em); float:left;}
.board-wrap .cols-2 > div + div {margin-left:1.2em;}
.board-wrap > div + div {margin-top:1.2em;}


@media all and (max-width:1280px) {
	.board-wrap h3 {font-size:1.4em;}
	
	.board-wrap .board.nuclearEvent li a {display:block; padding-right:0; margin-right:0;}
	.board-wrap .board.nuclearEvent li a:after {content:none;}

	.board-wrap .board.worldMarket .control {display:block; }
	
	
	.board-wrap .cols-2 > div {width:100%; float:left;}
	.board-wrap .cols-2 > div + div {margin-left:0; margin-top:1.2em;}
}

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

	.board-wrap .board li a {margin-bottom:.5em;}
	.board-wrap .board li span {display:block;}
	
	.board-wrap .board.nuclearEvent li span:after {content:none;}
}

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

	.board-wrap .board.worldMarket .control {display:block; position:relative; right:auto; top:auto; text-align:center;}
}


/********************
	기업 자가진단
********************/

.biz-linkBox {display:block; position:relative; border-radius:.5em; background:rgba(0,0,0,.1); z-index:0;}
.biz-linkBox:before {content:""; display:block; position:absolute; top:1px; left:1px; right:1px; bottom:1px; border-radius:calc(.5em - 1px);  background: linear-gradient(103.39deg, rgba(255, 255, 255, 1) 0%,rgba(244, 244, 244, 1) 100%); z-index:-1;}
.biz-linkBox:before {transition: top .3s, left .3s, right .3s, bottom .3s; -webkit-transition: top .3s, left .3s, right .3s, bottom .3s;}
.biz-linkBox.on,
a.biz-linkBox:focus,
a.biz-linkBox:hover {background:linear-gradient(96.97deg, rgba(66, 188, 51, 1) 0.4807692486792803%, rgba(0, 167, 213, 1) 47.59615361690521%,rgba(26, 110, 189, 1) 98.07692170143127%);}
.biz-linkBox.on:before,
a.biz-linkBox:focus:before,
a.biz-linkBox:hover:before {background:#fff; top:.15em; left:.15em; right:.15em; bottom:.15em; border-radius:calc(.5em - .15em);}

.biz-intro {display:block; position:relative; border-radius:1em; margin-bottom:2.2em; padding:2.2em 2em; text-align:center; color:#fff; background:url(../img/contents/img_0812_intro.png) no-repeat 50% 50%; background-size:cover;}
.biz-intro h4 {font-size:2em; margin-bottom:.5em; color:#fff; font-family:'esamanru','Pretendard','Noto Sans', '돋움','Dotum', Helvetica,'Helvetica Neue', Arial,sans-serif;}
.biz-intro p {line-height:1.5; font-size:.9em;}

.biz-testLinks {min-height:19.15em; background:url(../img/contents/img_0812_bak.png) no-repeat top center;}
.biz-testLinks > div {display:flex; justify-content:space-between; max-width:59em; margin:0 auto;}
.biz-testLinks > div > * {margin:.5em 0; max-width:28.25em; width:48%;}
.biz-testLinks a {padding:3em 3.5em;}
.biz-testLinks a:after {content:""; display:block; position:absolute; width:6em; height:6em; top:50%; margin-top:-3em; right:2.5em; background:url(../img/contents/img_0812_icon01.png)no-repeat 50% 50%; background-size:contain;}
.biz-testLinks a + a:after {background-image:url(../img/contents/img_0812_icon02.png);}
.biz-testLinks a strong {display:block; font-size:1.5em; font-weight:800; color:#222; margin-bottom:1.25em;}
.biz-testLinks a span {display:inline-block; position:relative; font-size:.9em; padding-bottom:.6em; padding-right:2.8em; border-bottom:1px solid #222; font-family:'esamanru','Pretendard','Noto Sans', '돋움','Dotum', Helvetica,'Helvetica Neue', Arial,sans-serif;}
.biz-testLinks a span:after {content:""; display:block; position:absolute; width:1.34em; height:1em; background:url(../img/contents/img_0812_arrow.png) no-repeat 50% 50%; background-size:contain; right:0; top:.75em; margin-top:-.5em;}

@media all and (max-width:1270px) {
	.biz-testLinks a {padding:2em;}
	.biz-testLinks a:after {right:1em;}
}
@media all and (max-width:1100px) {
	.biz-testLinks a:after {right:0;}
}
@media all and (max-width:810px) {
	.biz-testLinks > div {flex-wrap:wrap;}
	.biz-testLinks > div > * {width:100%; max-width:100%;}
}


.biz-procList {display:block; position:relative; margin-bottom:1.5em;}
.biz-procList ul {display:flex; justify-content:space-between; align-items:center;}
.biz-procList ul > li {display:block; position:relative; flex-grow:1;}
.biz-procList ul > li.arrow {flex-grow:0; width:4em; height:.95em;}
.biz-procList ul > li.arrow:before {content:""; display:block; position:relative; margin:0 auto; width:1.8em; height:.95em; background:url(../img/contents/img_0812_icons.png) no-repeat 0 0; background-size:auto 2.5em;}
.biz-procList .biz-linkBox {display:flex; align-items:center; padding:1em 3.5em;}
.biz-procList .biz-linkBox > * {display:block; position:relative;}
.biz-procList .biz-linkBox span {font-size:.75em; border-bottom:1px solid #333; color:#333; padding-bottom:.6em; font-family:'Montserrat', sans-serif; font-weight:800; margin:0 2.6em;}
.biz-procList .biz-linkBox strong {font-size:1.3em; font-weight:800; color:#333;}
.biz-procList .biz-linkBox i {width:3em; height:3em; border-radius:9em; background:#fff; box-shadow:0 0 1em 0 rgba(0,0,0,.05);}
.biz-procList .biz-linkBox i:before {content:""; display:block; position:absolute; width:1em; height:1em; top:50%; left:50%; margin:-.5em 0 0 -.5em; background:url(../img/contents/img_0812_icons.png) no-repeat -6.8em 0; background-size:auto 2.5em;}
.biz-procList .biz-linkBox i.ico2:before {background-position-x:-8.8em;}
.biz-procList .biz-linkBox.on i:before {background-position-y:-1.5em;}

@media all and (max-width:1330px) {
	.biz-procList .biz-linkBox {padding:1em;}
}
@media all and (max-width:815px) {
	.biz-procList {font-size:.9em; margin-bottom:2em;}
	.biz-procList .biz-linkBox {display:block; text-align:center;}
	.biz-procList .biz-linkBox i {margin:0 auto .5em; font-size:.9em;}
	.biz-procList .biz-linkBox span {margin:0 0 1em;}
	.biz-procList .biz-linkBox strong {font-size:1.2em;}
}


.biz-noticeBox {display:block; position:relative; border-radius:1em; margin-bottom:1.75em; background:url(../img/contents/img_0812_notice.png) no-repeat 50% 50%; background-size:cover; padding:2em;}
.biz-noticeBox > * {max-width:60em; margin:0 auto;}
.biz-noticeBox h4 {text-align:center; color:#222; font-size:1.7em; font-family:'esamanru','Pretendard','Noto Sans', '돋움','Dotum', Helvetica,'Helvetica Neue', Arial,sans-serif;}
.biz-noticeBox p {font-size:.9em; line-height:1.5em; margin:.2em auto; text-align:center; color:#222;}
.biz-noticeBox * ~ .desc {margin-top:1.5em;}
.biz-noticeBox .desc {background:#fff; border-radius:1em; background:#FFFFFF; padding:1em 3em; box-shadow:0 0 1em 0 rgba(0, 0, 0, 0.05);}
.biz-noticeBox .desc h5 {font-size:1.1em; margin-bottom:.68em;}
.biz-noticeBox .desc li {display:block; position:relative; padding-left:1.625em; background:url(../img/contents/img_0812_li.svg) no-repeat 0 0; background-size:1.25em auto; line-height:1.25em; font-size:.8em; color:#444;}
.biz-noticeBox .desc li + li {margin-top:.625em;}

@media all and (max-width:1024px) {
	.biz-noticeBox .desc {padding:1em 1.5em;}
	.biz-noticeBox .desc li {font-size:.9em;}
}


.biz-surv {display:block; position:relative; margin-top:1.5em;}
.biz-surv dt {display:flex; position:relative; border-radius:1.67em; border:1px solid #EBEBEB; font-size:.9em; overflow:hidden; margin-bottom:1.11em;}
.biz-surv dt > * {display:block; position:relative; padding:.89em;}
.biz-surv dt strong {width:16.67em; padding-left:2.22em; padding-right:2.22em; border-radius:1.67em; background:#F3F3F3; color:#333; line-height:1.5; font-weight:800;}
.biz-surv dt strong em {display:block; position:absolute; width:2.5em; height:2.5em; text-align:center; line-height:2.5em; right:-.38em; top:50%; margin-top:-1.25em; border-radius:100%; background:#3A90D4; color:#fff; font-weight:800;}
.biz-surv dt span {width:calc(100% - 16.67em); color:#333333; font-weight:600;}
.biz-surv dd {padding-left:2.22em;}
.biz-surv dd label {display:inline-block; font-size:.75em; margin-right:4em;}

@media all and (max-width:780px) {
	.biz-surv dd label {font-size:.9em;}
}
@media all and (max-width:640px) {
	.biz-surv dt {display:block;}
	.biz-surv dt strong {padding-left:4em; padding-right:.89em; width:auto;}
	.biz-surv dt strong em {right:auto; left:.5em;}
	.biz-surv dt span {width:auto;}
	.biz-surv dd {padding-left:1em; padding-right:1em;}
}



.sdrWrap {display:block; position:relative;}
.sdrWrap section + section {margin-top:2.5em;}
.sdrWrap h2 {font-size:1.1em; color:#222; margin-bottom:1.18em; font-weight:800;}
.sdrWrap h2 span {display:block; float:right; color:#888888; font-weight:400; font-size:.72em; line-height:2.0625em;}
.sdrWrap table {width:100%; table-layout:fixed;}
.sdrWrap table thead,
.sdrWrap table tbody {border-top:2px solid #333;}
.sdrWrap table thead + tbody {border-top-width:1px;}
.sdrWrap table th,
.sdrWrap table td {vertical-align:middle; padding:1.26em; border-bottom:1px solid #E5E5E5;}
.sdrWrap table th {font-size:.8em; background:#F3F8FC; text-align:center; font-weight:800;}
.sdrWrap table td {font-size:.75em;}
.sdrWrap table td[class*="lv"] {text-align:center; border-color:#E5E5E5 !important;}
.sdrWrap table tr.on {border:2px solid #3a90d4;}
.sdrWrap table td .type {border:1px solid #E5E5E5; padding:.4em .8em; border-radius:50px; font-weight:700;}
.sdrWrap table td .type.short {border:1px solid #3a90d4; background:#fff; color:#3a90d4;}

.sdrWrap .flex-tbl {margin-top:2em; height:calc(100% - 7.3em);}
.sdrWrap .flex-tbl table {height:100%;}

.sdrWrap .fit-tbl table {height:30em;}
.sdrWrap .fit-tbl table th,
.sdrWrap .fit-tbl table td {padding:.5em 1em;}
.sdrWrap .fit-tbl table strong {font-weight:700;}

.sdrWrap .fit-tbl #vuln_comment tr:nth-child(2n - 1) td {background:#f8f8f8;}

@media all and (max-width:1480px) {
	.sdrWrap .flex-tbl,
	.sdrWrap .flex-tbl table,
	.sdrWrap .fit-tbl table {height:auto;}
}
@media all and (max-width:1024px) {
	.sdrWrap table th {font-size:.9em;}
	.sdrWrap table td {font-size:.9em;}
}

.sdrWrap [class^="lv"] {color:#fff;}
.sdrWrap .lv1 {background-color:#db696d; /*color:#7d0d10;*/ border-color:#7d0d10 !important;}
.sdrWrap .lv1:before {background-color:#7d0d10; color:#7d0d10; border-color:#7d0d10;}
.sdrWrap .lv2 {background-color:#d57e52; /*color:#8b340b;*/ border-color:#8b340b !important;}
.sdrWrap .lv2:before {background-color:#8b340b; color:#8b340b; border-color:#8b340b;}
.sdrWrap .lv3{background-color:#d1a64c; /*color:#894708;*/ border-color:#894708 !important;}
.sdrWrap .lv3:before {background-color:#894708; color:#894708; border-color:#894708;}
.sdrWrap .lv4 {background-color:#3fb3aa; /*color:#05554f;*/ border-color:#05554f !important;}
.sdrWrap .lv4:before {background-color:#05554f; color:#05554f; border-color:#05554f;}
.sdrWrap .lv5 {background-color:#537bbf; /*color:#083079;*/ border-color:#083079 !important;}
.sdrWrap .lv5:before {background-color:#083079; color:#083079; border-color:#083079;}
.sdrWrap .lv6 {background-color:#6e58b1; /*color:#1B0268;*/ border-color:#1B0268 !important;}
.sdrWrap .lv6:before {background-color:#1B0268; color:#1B0268; border-color:#1B0268;}
.sdrWrap .lv7 {background-color:#af68b9; /*color:#640073;*/ border-color:#640073 !important;}
.sdrWrap .lv7:before {background-color:#640073; color:#640073; border-color:#640073;}

.sdrWrap .box-line {border:1px solid #E9E9E9;}
.sdrWrap .box-line.bo3 {border-width:3px;}

.sdrWrap .data-conGroup {display:flex; align-items:center; margin-bottom:1em;}
.sdrWrap .data-conGroup .data-content {display:flex; align-items:center; border-radius:9em; overflow:hidden; background:#F3F3F3; height:2.5em; width:100%; justify-content:space-between}
.sdrWrap .data-conGroup .data-content + .data-content {margin-left:2em;}
.sdrWrap .data-conGroup .data-content > * {display:block;}
.sdrWrap .data-conGroup .data-content em {font-weight:800;}
.sdrWrap .data-conGroup .data-content strong {border-radius:85em; background:#666666; color:#fff; font-size:.9em; height:2.78em; line-height:2.78em; padding:0 1em;}
.sdrWrap .data-conGroup .data-content span {padding-right:1.5em; font-size:.75em; color:#222; text-align:right;}
.sdrWrap .data-conGroup .data-content span em {font-size:1.467em;}
.sdrWrap .data-conGroup .data-content.point strong {background:#3A90D4;}

.sdrWrap .sdr-header .data-conGroup {margin-bottom:0;}
.sdrWrap .sdr-header .data-conGroup .data-content {width:17em;}
.sdrWrap .sdr-header .data-conGroup .data-content span {flex-grow:1;}

@media all and (max-width:1600px) {
	.sdrWrap .grid-layout .data-conGroup .data-content + .data-content {margin-left:1em;}
}

@media all and (max-width:1280px) {
	.sdrWrap .sdr-header .data-conGroup .data-content {width:auto;}
	.sdrWrap .sdr-header .data-conGroup .data-content span {padding:0 1.86em 0 0;}
	.sdrWrap .sdr-header .data-conGroup .data-content + .data-content {margin-left:1em;}
}
@media all and (max-width:1080px) {
	.sdrWrap .sdr-header .data-conGroup {display:block;}
	.sdrWrap .sdr-header .data-conGroup .data-content span {flex-grow:1;}
	.sdrWrap .sdr-header .data-conGroup .data-content + .data-content {margin-left:0; margin-top:.5em;}
}

@media all and (max-width:540px) {
	.sdrWrap .grid-layout .data-conGroup {display:block;}
	.sdrWrap .grid-layout .data-conGroup .data-content span {flex-grow:1;}
	.sdrWrap .grid-layout .data-conGroup .data-content + .data-content {margin-left:0; margin-top:.5em;}
}
.sdrWrap .sdr-header {display:flex; padding:1em 2.5em; border:2px solid #4B99D8; align-items:center; justify-content:space-between; background:#FFFFFF; border-radius:.5em; margin-bottom:1.5em; font-size:1em;}
.sdrWrap .sdr-header .tit > * {display:block;}
.sdrWrap .sdr-header .tit > span {color:#3A90D4; font-weight:800; margin-bottom:.4em;}
.sdrWrap .sdr-header .tit > strong {white-space:nowrap; font-size:1.6em; color:#222; line-height:1.5; font-weight:800; font-family:'esamanru','Pretendard','Noto Sans', '돋움','Dotum', Helvetica,'Helvetica Neue', Arial,sans-serif;}
.sdrWrap .sdr-header .desc {font-size:.9em; margin-left:6em;}

@media all and (max-width:1024px) {
	.sdrWrap .sdr-header {display:block;}
	.sdrWrap .sdr-header .tit > strong {white-space: normal; line-height:1.3;}
	.sdrWrap .sdr-header .desc {margin-left:0; margin-top:.5em;}
}

.sdrWrap .grid-layout {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sdrWrap .grid-layout > .col {display:block; position:relative;}
.sdrWrap .grid-layout > .col.ty1 {width:calc(50% - 1em);}
.sdrWrap .grid-layout > .col.ty1 + .ty1 {width:50%; margin-left:1em;}
.sdrWrap .grid-layout > .col.ty2 {width:calc(58.57% - 1em); max-width:40em;}
.sdrWrap .grid-layout > .col.ty3 {width:calc(38.57% - 1em); max-width:26em;}

@media all and (max-width:1480px) {
	.sdrWrap .grid-layout > .col.ty1 {width:100%!important;}
	.sdrWrap .grid-layout > .col.ty1 + .col.ty1 {margin-top:2em; margin-left:0;}
}
@media all and (max-width:1170px) {
	.sdrWrap .grid-layout {display:block;}
	.sdrWrap .grid-layout > .col {width:100% !important; max-width:100% !important;}
	.sdrWrap .grid-layout > .col + .col {margin-top:2em;}
	.sdrWrap .grid-layout table {height:auto !important;}
}

.sdrWrap .lv-list-box {display:flex; align-items:center; height:24em; padding:1.5em;}
.sdrWrap .lv-list-box .in {display:flex; justify-content:center; width:100%; max-width:27.65em; margin:0 auto;}
.sdrWrap .lv-list-box .in > * {padding-right:1.5em;}
.sdrWrap .lv-list-box .in > * + * {padding-left:1.5em; padding-right:0; border-left:1px solid #D9D9D9;}
.sdrWrap .lv-list-box h3 {color:#666666; text-align:center; font-weight:800; margin-bottom:3.25em;}
.sdrWrap .lv-list-box ul {display:flex; height:11.6em;}
.sdrWrap .lv-list-box ul li {display:flex; align-items:center; justify-content:center; margin:0 .35em; width:3em; height:8em; text-align:center; position:relative;}
.sdrWrap .lv-list-box ul li span {font-size:.75em;}
.sdrWrap .lv-list-box ul li.on {border:2px solid; font-weight:800;}
.sdrWrap .lv-list-box ul li.on:before {content:""; display:block; position:absolute; top:-.625em; left:50%; margin-left:-.625em; width:1.25em; height:1.25em; border-radius:100%; background-image:url(../img/contents/img_0812_check.svg); background-repeat:no-repeat; background-size:contain;}
.sdrWrap .lv-list-box ul li.lv1 {margin-top:3.6em;}
.sdrWrap .lv-list-box ul li.lv2 {margin-top:3.1em;}
.sdrWrap .lv-list-box ul li.lv3 {margin-top:2.6em;}
.sdrWrap .lv-list-box ul li.lv4 {margin-top:1.5em;}
.sdrWrap .lv-list-box ul li.lv5 {margin-top:1em;}
.sdrWrap .lv-list-box ul li.lv6 {margin-top:.5em;}
.sdrWrap .lv-list-box ul li.lv7 {margin-top:0em;}
.sdrWrap .lv-list-box ul li.on.lv1 {box-shadow:0 0 1em rgba(125,13,16,.25);}
.sdrWrap .lv-list-box ul li.on.lv2 {box-shadow:0 0 1em rgba(139,52,11,.25);}
.sdrWrap .lv-list-box ul li.on.lv3 {box-shadow:0 0 1em rgba(137,71,8,.25);}
.sdrWrap .lv-list-box ul li.on.lv4 {box-shadow:0 0 1em rgba(5,85,79,.25);}
.sdrWrap .lv-list-box ul li.on.lv5 {box-shadow:0 0 1em rgba(8,48,121,.25);}
.sdrWrap .lv-list-box ul li.on.lv6 {box-shadow:0 0 1em rgba(27,2,104,.25);}
.sdrWrap .lv-list-box ul li.on.lv7 {box-shadow:0 0 1em rgba(100,0,115,.25);}
.sdrWrap .lv-list {display:flex; align-items:center;}
.sdrWrap .lv-list > li {display:flex; align-items:center; justify-content:center; height:3em; position:relative; flex-grow:1;}
.sdrWrap .lv-list > li span {font-size:.9em;}
.sdrWrap .lv-list > li:not(.on) {background:transparent; color:#999999;}
.sdrWrap .lv-list > li:not(.on) span {font-weight:600;}
.sdrWrap .lv-list > li.on {border:2px solid; font-weight:800;}
.sdrWrap .lv-list > li.on:before {content:""; display:block; position:relative; margin-right:.75em; width:1.25em; height:1.25em; border-radius:100%; background-image:url(../img/contents/img_0812_check.svg); background-repeat:no-repeat; background-size:contain;}

@media all and (max-width:1650px) {
	.sdrWrap .lv-list-box .in > * {padding-right:.5em;}
	.sdrWrap .lv-list-box .in > * + * {padding-left:.5em; padding-right:0;}
}
@media all and (max-width:1480px) {
	.sdrWrap .lv-list-box {display:block; height:auto; overflow:auto;}
	.sdrWrap .lv-list-box .in {width:27.65em; max-width: 100000%;}
	.sdrWrap .lv-list-box h3 {margin-bottom:1em;}
}
@media all and (max-width:560px) {
	.sdrWrap .lv-list {flex-wrap:wrap; width:100%;}
	.sdrWrap .lv-list > li {flex-grow:1; width:33%;}
	.sdrWrap .lv-list > li:nth-child(3) ~ li {width:25%;}
}

.sdrWrap .graph {overflow:hidden;}
.sdrWrap .graph .graph-inner {display:block; position:relative; height:27.25em;}
.sdrWrap .graph .graph-inner .in {display:block; position:absolute; top:50%; left:50%; width:35em; margin-left:-32px; height:35em; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.sdrWrap .graph .graph-inner canvas {width:100%; height:100%;}
.sdrWrap .graph .legend {display:block; position:absolute; right:4%; bottom:2.5em;}
.sdrWrap .graph .legend p {display:flex; align-items:center; height:1.2em;}
.sdrWrap .graph .legend p:before {content:""; display:block; position:relative; margin-right:.8em; width:2.5em; height:3px; background:linear-gradient(96.97deg,rgba(66, 188, 51, 1) 0.4807692486792803%, rgba(0, 167, 213, 1) 47.59615361690521%, rgba(26, 110, 189, 1) 98.07692170143127%);}
.sdrWrap .graph .legend p.ty2:before {height:0px; border-top:3px dashed #024b7e;}
.sdrWrap .graph .legend p span {font-size:.8em; color:#666666;}


@media all and (max-width:1500px) {
	.sdrWrap .graph .graph-inner {transform:scale(.9); -webkit-transform:scale(.9);}
	.sdrWrap .graph .legend {right:0;}
	.sdrWrap .lv-list > li.on:before {margin-right:.4em;}
}
@media all and (max-width:1380px) {
	.sdrWrap .graph .graph-inner {transform:scale(.8); -webkit-transform:scale(.8);}
	.sdrWrap .graph .graph-inner .in {margin-left:-16px;}
	.sdrWrap .graph .legend {right:-2em; bottom:-2em;}
}

.sdrWrap .comment {padding:1.5em 1.7em;}
.sdrWrap .comment h3 {background:#F3F3F3; font-size:.85em; padding:.3em 1.176em; color:#666666; font-weight:700;}
.sdrWrap .comment .desc {font-size:.75em; padding:5px;}
.sdrWrap .comment * ~ h3 {margin-top:1.176em;}
.sdrWrap .comment .desc em {font-weight:800; color:#3a90d4;}

@media all and (max-width:1024px) {
	.sdrWrap .comment {padding:1.5em;}
	.sdrWrap .comment h3 {font-size:.9em;}	
	.sdrWrap .comment .desc {font-size:.9em;}

}