.body {
    font - family: "Noto Sans KR", sans - serif;
}.displaynone {
    display: none!important;
}
body.eMobilePopup {
    overflow: hidden;position: fixed;
}.ec - base - label {
    display: inline - block;margin - right: 5 px;
}.ec - base - label img {
    vertical - align: middle;
}.gridContainer.gridItem {
    min - width: 0;
}.ec - solution - box {
    padding: 20 px;border: 5 px solid #e8e8e8;color: #404040;}.ec-solution-box.gHalf{position:relative;padding:20px 0;}.ec-solution-box.gHalf:before{position:absolute;top:0;left:50%;display:block;content:"";width:1px;height:100%;background-color:# e6e6e6;
}.ec - solution - box.typeBg {
    background - color: #fbfafa;
}.ec - solution - box.typeThin {
    border - width: 1 px;
    border - color: #d7d5d5;
}.ec - solution - box.typeThinBg {
    border - width: 1 px;
    border - color: #d7d5d5;
    background - color: #fbfafa;
}.ec - solution - box.typeThinBg > .agree {
    padding: 20 px;border: 1 px solid #e6e6e6;background: #fff;
}.ec - solution - box.typeThinBg > .agree p {
    padding: 0 0 17 px;
}.ec - solution - box.typeMember {
    padding: 0;
}.ec - solution - box.typeMember.information {
    display: table;table - layout: fixed;padding: 10 px 0;width: 100 % ;box - sizing: border - box;
}.ec - solution - box.typeMember.information > .title, .ec - solution - box.typeMember.information > .thumbnail {
    display: table - cell;padding: 0 15 px;width: 70 px;text - align: center;vertical - align: middle;
}.ec - solution - box.typeMember.information > .title {
    vertical - align: middle;
}.ec - solution - box.typeMember.information > .thumbnail img {
    max - width: 70 px;
}.ec - solution - box.typeMember.information.description {
    display: table - cell;padding: 0 10 px;width: auto;line - height: 1.5 em;border - left: 1 px solid #e8e8e8;vertical - align: middle;
}.ec - solution - box.typeMember.gMessage {
    border - width: 1 px;
    border - color: #d7d5d5;
}.ec - solution - box.message {
    display: block;padding: 10 px 0 10 px 35 px;border - bottom: 1 px solid #e8e7e7;background: #fbfbfb url("../skin/base/common/ico_info.gif") no - repeat 10 px center;
}.ec - solution - box.typeProduct {
    display: table;table - layout: fixed;padding: 15 px 0;width: 100 % ;box - sizing: border - box;
}.ec - solution - box.typeProduct.thumbnail, .ec - solution - box.typeProduct.information {
    display: table - cell;padding: 0 20 px;vertical - align: middle;
}.ec - solution - box.typeProduct.thumbnail {
    width: 100 px;
}.ec - solution - box.typeProduct.thumbnail img {
    max - width: 90 px;
    border: 1 px solid #d7d5d5;
}.ec - solution - box.typeProduct.information {
    padding - left: 0;
}.ec - solution - button {
    padding: 10 px 0;text - align: center;
}.ec - solution - button.justify {
    position: relative;
}.ec - solution - button: after {
    display: block;content: "";clear: both;
}.ec - solution - button.gLeft {
    float: left;text - align: left;
}.ec - solution - button.gRight {
    float: right;text - align: right;
}.ec - solution - button.justify.gLeft {
    position: absolute;left: 0;
}.ec - solution - button.justify.gRight {
    position: absolute;right: 0;
}.ec - solution - button.text {
    margin: 0 6 px 0 10 px;color: #353535;line-height:24px;}.ec-solution-button.typeBorder{margin-top:-1px;padding:10px 20px;border:1px solid # d7d5d5;
}.ec - solution - button.typeBG {
    padding: 10 px 20 px;border: 1 px solid #d7d5d5;background: #fbfafa;
}.ec - solution - layer li {
    list - style: none;
}.ec - solution - layer table {
    width: 100 % ;border: 0;border - spacing: 0;border - collapse: collapse;
}.ec - solution - layer caption {
    display: none;
}.ec - solution - layer h1, .ec - solution - layer h3 {
    margin: 0;
}.ec - solution - layer {
    position: absolute;z - index: 100;border: 1 px solid #757575;background:# fff;
}.ec - solution - layer.header {
    padding: 7 px 35 px 7 px 19 px;color: #fff;background: #495164;}.ec-solution-layer .header > h1,.ec-solution-layer .header > h3{font-size:14px;line-height:1.5;}.ec-solution-layer .content{padding:20px;font-size:12px;}.ec-solution-layer div.ec-solution-help{margin-top:0;}.ec-solution-layer .ec-solution-button{padding:9px;border-top:1px solid # d7d5d5;text - align: center;background: #fbfafa;
}.ec - solution - layer.close {
    position: absolute;right: 0;top: 0;padding: 11 px 20 px;cursor: pointer;
}.ec - solution - layer.ec - solution - table table[id *= "Msg"].error {
    color: #f00;
}
#popup.ec - solution - layer {
    position: relative;border: 0;
}
#popup.ec - solution - layer.header {
    padding: 12 px 35 px 12 px 19 px;
}
#popup.ec - solution - layer.close {
    top: 5 px;
}.ec - solution - layer.content > .ec - solution - table table: first - child {
    margin - top: 0;
}.ec - solution - layer.ec - solution - table table {
    line - height: 1.4;
}.ec - solution - layer.ec - solution - table thead th {
    padding: 9 px 0 8 px;
}.ec - solution - layer.ec - solution - table tbody th {
    padding: 9 px 0 8 px 10 px;
}.ec - solution - layer.ec - solution - table td {
    padding: 9 px 10 px 8 px;
}.ec - solution - layer.ec - solution - table.typeWrite td {
    padding: 5 px 10 px 4 px;
}.ec - solution - layer.ec - solution - table.typeList tfoot td {
    padding: 10 px 10 px 12 px;
}.ec - solution - layer.ec - solution - table.typeBorder tfoot td {
    padding: 10 px 10 px 12 px;
}.ec - solution - table table {
    position: relative;margin: 10 px 0 0;border: 1 px solid #d7d5d5;border - top - color: #fff;color: #fff;line - height: 1.5;
}.ec - solution - table.gLayoutFixed table {
    table - layout: fixed;
}.ec - solution - table.gLayoutFixed.gLayoutAuto table {
    table - layout: auto;
}.ec - solution - table table: before {
    position: absolute;top: 1 px;left: 0;display: block;content: "";width: 100 % ;height: 1 px;background: #d7d5d5;
}.ec - solution - table thead th {
    padding: 11 px 0 10 px;border - left: 1 px solid #dfdfdf;border - bottom: 1 px solid #dfdfdf;color: #353535;vertical-align:middle;font-weight:normal;background:# fbfafa;
}.ec - solution - table tbody th {
    padding: 11 px 0 10 px 18 px;border: 1 px solid #dfdfdf;border - bottom - width: 0;color: #353535;text-align:left;font-weight:normal;background-color:# fbfafa;
}.ec - solution - table th: first - child {
    border - left: 0;
}.ec - solution - table td {
    padding: 11 px 10 px 10 px;border - top: 1 px solid #dfdfdf;color: #353535;vertical-align:middle;}.ec-solution-table td.clear{padding:0 !important;border:0 !important;}.ec-solution-table.typeWrite td{padding:8px 10px 7px;}.ec-solution-table.typeList table{border-top-color:# d7d5d5;
}.ec - solution - table.typeList table: before {
    display: none;
}.ec - solution - table.typeList td {
    padding: 8 px 10 px 7 px;
}.ec - solution - table.typeList tfoot td {
    padding: 15 px 10 px 17 px;background: #fbfafa;
}.ec - solution - table.message {
    border: 1 px solid #d7d5d5;padding: 50 px 0;text - align: center;color: #757575;font-weight:bold;}.ec-solution-table table + .message{margin:-1px 0 0;}.ec-solution-table table td.message{padding:50px 0;}.ec-solution-table .scroll .message{border:0;}.ec-solution-table.typeList .head td{padding:11px 0 10px;border-left:1px solid # dfdfdf;border - bottom: 1 px solid #dfdfdf;color: #353535;vertical-align:middle;text-align:center;background:# fbfafa;
}.ec - solution - table.typeList.head td: first - child {
    border - left: 0;
}.ec - solution - table.typeList.scroll {
    position: relative;overflow - x: hidden;overflow - y: scroll;max - height: 185 px;min - height: 100 px;border: 1 px solid #d7d5d5;border - top - width: 0;margin - top: -1 px;
}.ec - solution - table.typeList.scroll table {
    border: 0;margin: 0;
}.ec - solution - table.typeList.scroll table: before {
    display: none;
}.ec - solution - table.typeList.scroll.message {
    border: 0;
}.ec - solution - table thead.blind, .ec - solution - table thead.blind th {
    display: none;
}.ec - solution - table thead.blind + tbody tr: first - child th, .ec - solution - table thead.blind + tbody tr: first - child td {
    border - top - width: 0;
}.ec - solution - table.typeList.gLine table {
    border - width: 0;
    border - bottom - width: 1 px;
}.ec - solution - table.typeClear table: before {
    display: none;
}.ec - solution - table.typeClear table, .ec - solution - table.typeClear th, .ec - solution - table.typeClear td {
    border: 0 none;background: none;
}.ec - solution - table.typeClear th {
    font - weight: bold;
}.ec - solution - table.gBorder td {
    border - left: 1 px solid #dfdfdf;
}.ec - solution - table.gBorder td: first - child {
    border - left: 0;
}.ec - solution - table.left {
    text - align: left;
}.ec - solution - table.center {
    text - align: center;
}.ec - solution - table.right {
    text - align: right;
}.ec - solution - table.typeList.center td, .ec - solution - table.typeList td.center {
    padding - left: 0;
    padding - right: 0;
}.ec - solution - table.typeList.center td.left {
    padding - left: 10 px;
}.ec - solution - table.typeList.center td.right {
    padding - right: 10 px;
}.ec - solution - table.top th, .ec - solution - table th.top, .ec - solution - table.top td, .ec - solution - table td.top {
    vertical - align: top;
}.ec - solution - table.middle th, .ec - solution - table th.middle, .ec - solution - table.middle td, .ec - solution - table td.middle {
    vertical - align: middle;
}.ec - solution - table img {
    vertical - align: middle;
}
@media print {
    .ec - solution - table table: before {
        display: none;
    }
}.certifyBox {
    width: 100 % ;font - size: 13 px;font - family: "¸¼Àº °íµñ",
    "Malgun Gothic",
    Dotum,
    µ¸¿ò,
    arial,
    verdana,
    sans - serif;letter - spacing: -1 px;border: 1 px solid #D6DAE1;color: #444B59;background-color:# fff;
}.certifyBox.boxArea {
    position: relative;
}.certifyBox.progress {
    background - color: #FEEEF0;
}.certifyBox.direct {
    background - color: #F4F9FF;
}.certifyBox.icon {
    display: inline - block;width: 16 px;height: 16 px;position: absolute;top: 34 px;left: 33 px;transform: translate(0, -50 % ); - webkit - transform: translate(0, -50 % );
}.certifyBox.message {
    display: inline - block;padding: 24 px 24 px 24 px 52 px;line - height: 20 px;
}.certifyBox.message strong {
    font - weight: 700;
    color: #444B59;}.certifyBox .btnTxt{ position:absolute;top:34px;right:48px;line-height:20px;height:auto;font-size:13px;color:# 1 B1E26;
    transform: translate(0, -50 % ); - webkit - transform: translate(0, -50 % );
}.certifyBox.btnTxt span {
    display: inline - block;position: relative;color: #3971FF;}.certifyBox .btnTxt span:after{content: "";position:absolute;top:6px;right:-12px;display:inline-block;width:7px;height:7px;border:1px solid # 3971 FF;border - left: 0;border - bottom: 0;transform: rotate(45 deg); - webkit - transform: rotate(45 deg);
}.certifyBox.icoTarget {
    display: inline - block;margin: 0 0 - 1 px;width: 20 px;height: 20 px;vertical - align: sub;background: url("../ec/dashboard/tutorial/ico_target.svg") no - repeat;
}
@media(max - width: 767 px) {
    .certifyBox.btnTxt {
        position: initial;display: block;padding: 4 px 24 px 24 px 52 px;transform: none;
    }.certifyBox.direct.message {
        padding - bottom: 0;
    }
}