/* common */
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.font-size-10 {
    font-size: 10px;
}
.txt-plus {
    color: #f83838 !important;
}
.txt-minus {
    color: #177cd2 !important;
}
.color-1 {
    color: #f83838 !important;
}
.color-2 {
    color: #0000ff !important;
}
.color-3 {
    color: #ff5a00 !important;
}
.color-4 {
    color: #ff5a00 !important;
}
.color-5 {
    color: #ff5555 !important;
}
.color-6 {
    color: #3f95ff !important;
}
.color-disabled {
    color: #c2c2c2 !important;
}
.width-auto {
    width: auto !important;
}
h3 {
    margin-bottom: 30px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    letter-spacing: -0.04em;
}
h3 .sub {
    margin-left: 18px;
    font-weight: normal;
    color: #888888;
}
.text-over {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}
.no-data {
    clear: both;
    float: none;
    width: 100%;
    padding: 60px 0;
    text-align: center;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #727272;
    line-height: 130%;
}
.btn_red {
    vertical-align: middle;
}
.div-demi {
    clear: both;
    float: none;
    height: 1px;
}
.b2b .b2b-hide {
    display: none !important;
}
.resize-vertical {
    resize: vertical;
    background: url(../imgs/common/icn_resize.png) no-repeat right bottom;
}
/* btn */
.btn-box {
    display: block;
}
.btn {
    display: inline-block;
    cursor: pointer;
}
.btn-1 {
    display: inline-block;
    text-align: center;
    color: #fff;
}
.btn-2 {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #143b58;
    min-width: 40px;
    padding: 0 10px;
    line-height: 28px;
    vertical-align: middle;
    cursor: pointer;
}
.btn-3 {
    font-size: 11px;
    border: none;
    outline: 0;
    background: none;
    vertical-align: middle;
    padding: 0 5px;
    font-weight: bold;
    color: #999;
}
.btn-4,
.btn-4-f,
.btn-4-m,
.btn-4-s {
    min-width: 160px;
    padding:0 15px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #1e1e1e;
    font-size: 18px;
    letter-spacing: 0.06em;
    font-weight: 300;
    border-radius: 22px;
    border-style: solid;
    border-width: 1px;
    border-color: #7a7a7a;
}
.btn-4:hover,
.btn-4-f:hover,
.btn-4-m:hover,
.btn-4-s:hover {
    color: #ff4444;
    border-color: #ff4444;
}
.btn-4-f {
    width: 405px;
    display: block;
}
.btn-4-m {
    width: 250px;
}
.btn-4-s {
    width: 130px;
}
.btn-5 {
    width: 160px;
    height: 48px;
    line-height: 48px;
    color: #7a7a7a;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.04em;
    text-align: center;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #7a7a7a;
}
.btn-5:hover {
    font-weight: 500;
    color: #fff;
    background: #ff4444;
    border-color: #ff4444;
}
.btn-6 {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #b2b2b2;
    cursor: pointer;
}
.btn-7 {
    display: inline-block;
    height: 12px;
    width: 12px;
    background: url(../imgs/sub/btn_delStock.png) no-repeat center center;
    vertical-align: middle;
    cursor: pointer;
}
.btn-8 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #e63535;
    line-height: 28px;
    vertical-align: middle;
    cursor: pointer;
}
.btn-9 {
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    color: #fff;
    font-size: 15px;
    border: 1px solid #bababa;
    height: 28px;
    line-height: 28px;
    color: #888;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
}
.btn-10,
.btn-11 {
    display: inline-block;
    float: left;
    width: 50%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
}
.btn-10 {
    background: #263e59;
}
.btn-11 {
    background: #f83838;
}
.btn-12 {
    display: inline-block;
    border: 1px solid #555;
    line-height: 48px;
    width: 140px;
    font-size: 20px;
    color: #222;
    letter-spacing: -0.05em;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
.btn-13 {
    display: inline-block;
    background: #cfcfcf;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.035em;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    min-width: 200px;
    cursor: pointer;
}
.btn-13:hover {
    background: #ff4444;
}
.btn-14 {
    display: block;
    padding: 10px 0;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    background: #f6f6f6;
    cursor: pointer;
    text-align: center;
}
.btn-15 {
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
    width: 186px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    background: #f6f6f6;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background: url(../imgs/common/btn_bg.png) no-repeat center center;
}
.btn-16,
.btn-17 {
    display: inline-block;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    cursor: pointer;
    height: 18px;
    line-height: 18px;
    width: 86px;
    text-align: center;
}
.btn-16,
.btn-17:hover,
.btn-17.checked {
    color: #a3a3a3;
    border-color: #aaa;
}
.btn-17,
.btn-16:hover,
.btn-16.checked {
    font-weight: bold;
    color: #ff4444;
    border-color: #ff4444;
}
.btn-18,
.btn-19 {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.025em;
    border-style: solid;
    border-width: 1px;
    border-color: #f83838;
    border-radius: 6px;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    min-width: 158px;
    text-align: center;
}
.btn-18,
.btn-19:hover,
.btn-19.checked {
    color: #fff;
    background: #f83838;
}
.btn-19,
.btn-18:hover,
.btn-18.checked {
    color: #f83838;
    background: #fff;
}
.btn-20 {
    display: inline-block;
    min-width: 50px;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #888;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #aaa;
    box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}
.btn-21 {
    display: inline-block;
    width: 88px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: url(../imgs/common/btn_21_bg.png) no-repeat center center;
    cursor: pointer;
}
.btn-22 {
    display: inline-block;
    width: 186px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: url(../imgs/common/btn_22_bg.png) no-repeat center center;
    cursor: pointer;
}
.btn-23,
.btn-24 {
    overflow: hidden;
    display: inline-block;
    min-width: 70px;
    padding: 0 10px;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    transition: all 0.2s;
    cursor:pointer;
}
.btn-23 {
    color: #fff;
    background: #f83838;
    border: 1px solid #e63535;
    box-shadow: inset 0px -3px 0px rgba(203, 41, 41, 0.88);
}
.btn-24 {
    color: #aaa;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.06);
}
.btn-23 .sub,
.btn-24 .sub {
    font-size: 12px;
}
.btn-25 {
    overflow: hidden;
    display: inline-block;
    min-width: 70px;
    padding: 0 10px;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    transition: all 0.2s;
    color: #fff;
    background: #f83838;
    border: 1px solid #e63535;
    cursor:pointer;
}
.btn-26 {
    display:inline-block;
    height:29px;
    line-height:25px;
    padding:0 8px;
    background: #F83838;
    border: 1px solid #E63535;
    box-shadow: inset 0px -3px 0px #C62828;
    border-radius: 3px;
    cursor:pointer;
    font-weight:600;
    font-size:12px;
    letter-spacing:-0.03em;
    color:#fff;
}
.btn-27 {
    overflow: hidden;
    display: inline-block;
    padding: 0 44px;
    height: 34px;
    line-height: 34px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    letter-spacing: -0.01em;
    vertical-align: middle;
    border-radius: 5px;
    color: #fff;
    background: #e1e1e1;
    cursor: pointer;
}
.btn-28 {
    overflow: hidden;
    display: inline-block;
    padding: 0 44px;
    height: 34px;
    line-height: 34px;
    font-weight:600;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    color: #fff;
    background: #f83838;
    cursor: pointer;
}
.btn-minus,
.btn-plus {
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    cursor: default;
    vertical-align: middle;
}
.btn-minus {
    background: #e3e3e3 url(../imgs/common/btn_minus.png) no-repeat center center;
}
.btn-plus {
    background: #e3e3e3 url(../imgs/common/btn_minus.png) no-repeat center center;
}
.btn-minus.on {
    background: #ff5722 url(../imgs/common/btn_minus.png) no-repeat center center;
    cursor: pointer;
}
.btn-plus.on {
    background: #ff5722 url(../imgs/common/btn_plus.png) no-repeat center center;
    cursor: pointer;
}
.btn-white-2 {
    display: inline-block;
    height: 26px;
    line-height: 24px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    color: #888;
    transition: 0.1s;
    text-align: center;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: inset 0px -1.5px 1px #e0e0e0;
    vertical-align: middle;
    border-radius: 3px;
}
.btn-icn{
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
    margin-bottom:5px;
}
.btn-inc img{
    margin:0 !important;
}
.sub-btn-box {
    display: inline-block;
    overflow: hidden;
    width: 186px;
    vertical-align: middle;
}

.btn-size-200 {
    width: 200px;
}

.btn-small {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    min-width: 60px;
    height: 30px;
    padding: 0 5px;
    margin: 0 2px;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    transition: 0.1s;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
}

.btn-red {
    background: #f83838;
    border-color: #e63535;
    color: #fff;
    box-shadow: inset 0px -2px 1px #c62828;
}
.btn-red:hover {
    background: #e63535;
    box-shadow: inset 0px 0px 0px #e63535;
}
.btn-blue {
    background: #177cd2;
    border: 1px solid #0776c4;
    font-weight: 600;
    color: #fff;
    box-shadow: inset 0px -2px 1px #19649a;
}
.btn-blue:hover {
    background: #0776c4;
    box-shadow: inset 0px 0px 0px #c96909;
}
.btn-medium {
    display: inline-block;
    min-width: 60px;
    font-size: 13px;
    transition: 0.1s;
    text-align: center;
    padding: 8px 5px;
    vertical-align: middle;
    border-radius: 3px;
    cursor: pointer;
}
.btn-medium.pagination-btn-l,
.btn-medium.pagination-btn-r {
    padding-top: 7px;
    padding-bottom: 7px;
}
.btn-m {
    display: inline-block;
    padding: 4px 7px;
    font-size: 12px;
    transition: 0.1s;
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
    border-radius: 3px;
    cursor: pointer;
}
.btn-white {
    vertical-align: middle;
    background: #fff;
    border: 1px solid #aaa;
    font-weight: 600;
    color: #888;
    box-shadow: inset 0px -1.5px 1px #e0e0e0;
}
.btn-white:hover {
    border: 1px solid #888;
    color: #555;
    box-shadow: inset 0px 0px 0px #e0e0e0;
}
.btn-medium.btn-red {
    font-weight: bold;
    border: 1px solid #cf3030;
}
.btn-medium.btn-white {
    border: 1px solid #999;
}
.btn-icn-new{
    position:relative;
    overflow:visible;
}
.btn-icn-new-img{
    position:absolute;
    right:-37px;
    top:-6px;
}
.radio-style-1 {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    min-width: 64px;
    padding: 0 10px;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: 12px;
    color: #888;
    cursor: pointer;
}
.radio-style-1.checked {
    color: #fff;
    background: #f83838;
}
.ico-q {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../imgs/common/icn_qmark.png) no-repeat center center;
    vertical-align: middle;
    margin-left: 4px;
}
.checked .ico-q {
    background: url(../imgs/common/icn_qmark_on.png) no-repeat center center;
}
.radio-style-2 {
    font-size: 14px;
    color: #7a7a7a;
    letter-spacing: -0.05em;
    cursor: pointer;
}
.radio-style-2.checked {
    color: #ff4444;
    font-weight: bold;
}
.genmart-tab-l li.last-2 {
    background: none;
    margin-left: 35px;
}
.radio-style-3 {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    min-width: 65px;
    font-size: 12px;
    color: #fff;
    letter-spacing: -0.025em;
    background: #e4e6e8;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s;
}
.radio-style-3.checked {
    background: #f83838;
}
.radio-style-4 {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    width: 106px;
    font-size: 20px;
    color: #fff;
    letter-spacing: -0.025em;
    background: #b7b7b7;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
}
.radio-style-4.two-line {
    height: 34px;
    padding-top: 1px;
    font-size: 14px;
    line-height: 16px;
}

.radio-style-4.checked {
    background: #f83838;
}
.radio-style-5 {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    min-width: 75px;
    font-size: 12px;
    color: #fff;
    letter-spacing: -0.025em;
    background: #e4e6e8;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s;
}
.radio-style-5.checked {
    background: #f83838;
}
.icn-book,
.icn-play {
    display: inline-block;
    vertical-align: middle;
}
.icn-book img,
.icn-play img {
    vertical-align: middle;
}
.detail-text-1 {
    font-size: 12px;
    color: #f83838;
    padding-top: 5px;
    text-align: right;
}
.detail-text-1 a {
    color: #177cd2;
}
.tvcast-btn-full-open {
    overflow: hidden;
    height: 70px;
    width: 98.5%;
    margin: 0 auto;
    margin-bottom: 50px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    -moz-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    cursor: pointer;
    text-align: center;
}
.tbfo-text-1 {
    padding-top: 15px;
    font-size: 14px;
    color: #464646;
    letter-spacing: -0.025em;
    line-height: 130%;
}
.tbfo-text-2 {
    font-size: 20px;
    font-weight: bold;
    color: #ff4444;
    line-height: 110%;
}
.tbfo-movie {
    background: url(../imgs/sub/btn_all_movie.png) no-repeat center center;
    background-size: cover;
}
.tbfo-ebook {
    background: url(../imgs/sub/btn_all_ebook.png) no-repeat center center;
    background-size: cover;
}
/* pagination */
.pagination {
    position: relative;
    min-height: 38px;
}

.pagination-btn-l,
.pagination-btn-r {
    position: absolute;
    top: 0;
    z-index: 10;
}

.pagination-btn-l {
    left: 0;
}

.pagination-btn-r {
    right: 0;
}
/* table style */
.table-1 {
    margin-bottom: 10px;
    border-style: solid;
    border-color: #999;
    border-width: 1px 0;
}

.table-1 table {
    width: 100%;
}

.table-1 thead th {
    padding: 10px 0;
    background: #eee;
    color: #333;
    font-size: 13px;
    border-style: solid;
    border-color: #999;
    border-width: 0 0 1px 0;
}

.table-1 tbody td {
    text-align: center;
    padding: 10px 0;
    font-size: 12px;
    color: #888;
}

.table-1 tbody .table-link {
    color: #333;
}

.table-2 {
    margin-bottom: 30px;
    border-style: solid;
    border-width: 2px 0 1px 0;
    border-top-color: #333;
    border-bottom-color: #bbb;
}

.table-2 table {
    width: 100%;
    table-layout: fixed;
}

.table-2 thead th {
    line-height: 40px;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid #bbb;
}

.more {
    font-size: 11px;
    font-weight: 600;
    color: #888;
    cursor: pointer;
}

.table-2 tbody td {
    padding: 6px 10px;
    color: #999;
}

.table-2 .table-link {
    color: #555;
}

.table-3 table {
    width: 100%;
}
.table-3.table-header {
    overflow: hidden;
    height:32px;
    border-radius: 4px 4px 0 0;
    background: #143b58;
}
.table-3 thead th {
    height: 32px;
    background: #143b58;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    cursor: pointer;
}
.table-3.type-ko,
.table-3.type-ko thead th {
    background: #f83838;
}
.table-3 thead .th-1 {
    text-align: left;
    padding-left: 12px;
}
.table-3 thead th.do {
    color: #ffc1c1;
}
.table-3 thead th.ao {
    color: #a1e6ff;
}
.table-3 thead .th-4 {
}
.table-3 input {
    vertical-align: middle;
}
.table-3.table-body {
    height: 358px;
    border: 1px solid #ddd;
    margin-top: -1px;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.table-3.table-body.slctmngLst {
    border-color: #f83838;
}
.table-3.table-body table {
    table-layout: fixed;
}

.table-3 tbody tr {
    cursor: pointer;
}

.table-3 tbody td {
    padding: 15px 12px;
    color: #333;
}

.table-3 tbody tr:nth-child(4n+1) {
    background: #f7f9fb;
}

.table-3 tbody td {
    padding: 15px 0;
    color: #333;
    font-size: 13px;
}

.table-3 tbody .td-1 {
    padding-left: 12px;
}

.table-3 tbody .td-2 {
    padding-left: 12px;
}

.table-3 tbody .td-2 .portName {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
}
.table-3 tbody .td-3 {
    padding-right: 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    margin-top: -2px;
    text-align: right;
}
.table-3 tbody .td-4 {
    text-align: center;
}
.table-3 tbody .td-5 {
    padding: 0;
}
.table-3 tbody .td-6 {
    height: 46px;
    padding: 0;
    text-align: center;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0;
    background: #fbefef;
    font-size: 12px;
    line-height: 140%;
}
.table-3 tbody .text-right {
    padding-right: 12px;
}
.table-3 tr.cut td {
    border-bottom: 1px dashed #7dabff;
}
.table-3 tr.cut .td-2 {
    position: relative;
    overflow: visible;
}
.table-3 tr.cut .td-2:after {
    content: "";
    display: block;
    position: absolute;
    left: 34px;
    bottom: -6px;
    height: 11px;
    width: 13px;
    background: url(../imgs/sub/ico_sci.png) no-repeat center center;
    z-index: 10;
}
.table-3 tbody tr.tic-over {
    background: #ebebeb;
}
.table-3 tbody tr.tic-over:nth-child(4n +1) {
    background: #f0f0f0;
}
.table-3 tbody tr.on {
    background: #bfddeb;
}
.table-3 tbody tr:hover {
    background: #dae9f0;
}
.table-3b {
    clear: both;
}
.table-3b table {
    width: 100%;
}
.table-3b.table-header {
    overflow: hidden;
    border-radius: 4px 4px 0 0;
    background: #143b58;
    padding-right: 18px;
}
.table-3b thead th {
    height: 32px;
    background: #143b58;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    cursor: pointer;
}
.table-3b.type-ko,
.table-3b.type-ko thead th {
    background:#f83838;
}
.table-3b thead th {
    text-align: center;
}
.table-3b thead .th-1 {
    text-align: center;
}
.table-3b thead th.do {
    color: #ffc1c1;
}
.table-3b thead th.ao {
    color: #a1e6ff;
}
.table-3b thead .th-4 {
}
.table-3b input {
    vertical-align: middle;
}
.table-3b.table-body {
    height: 358px;
    border: 1px solid #ddd;
    margin-top: -1px;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

.table-3b.table-body.slctmngLst {
    border-color: #f83838;
}

.table-3b.table-body table {
    table-layout: fixed;
}

.table-3b tbody tr {
    cursor: pointer;
}

.table-3b tbody tr:nth-child(2n+1) {
    background: #f7f9fb;
}

.table-3b tbody td {
    padding: 9px 0 13px 0;
    color: #333;
    font-size: 13px;
}

.table-3b tbody .td-1 {
    text-align: center;
}

.table-3b tbody .td-2 {
    padding-left: 12px;
}

.table-3b tbody .portName {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.table-3b tbody .td-3 {
    padding-right: 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    margin-top: -2px;
    text-align: right;
}

.table-3b tbody .td-4 {
    text-align: center;
}

.table-3b tbody .td-5 {
    padding: 0;
}

.table-3b tbody .td-6 {
    height: 46px;
    padding: 0;
    text-align: center;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0;
    background: #fbefef;
    font-size: 12px;
    line-height: 140%;
}

.table-3b tbody .text-right {
    padding-right: 12px;
}

.table-3b tr.cut td {
    border-bottom: 1px dashed #7dabff;
}

.table-3b tr.cut .td-2 {
    position: relative;
    overflow: visible;
}

.table-3b tr.cut .td-2:after {
    content: "";
    display: block;
    position: absolute;
    left: 34px;
    bottom: -6px;
    height: 11px;
    width: 13px;
    background: url(../imgs/sub/ico_sci.png) no-repeat center center;
    z-index: 10;
}

.table-3b tbody tr.tic-over {
    background: #ebebeb;
}
.table-3b tbody tr.tic-over:nth-child(4n +1) {
    background: #f0f0f0;
}

.table-3b tbody tr.on {
    background: #bfddeb;
}

.table-3b tbody tr:hover {
    background: #dae9f0;
}
.table-top-right-modul {
    float: right;
    height: 30px;
    line-height: 30px;
}

.table-top-right-modul input,
.table-top-right-modul label {
    vertical-align: middle;
}

.table-top-right-modul input[type=checkbox] {
    margin-left: 5px;
    margin-right: 3px;
}

.ttrm-span {
    margin-left: 23px;
}

.ico-del {
    font-size: 10px;
    color: #f83838;
}

.divlistbt-p-1 {
    color: #f83838;
    font-weight: 900;
}

.divlistbt-p-2 {
    color: #333;
}

.table-4 table {
    width: 100%;
    table-layout: fixed;
}

.table-4 thead th,
.table-4 tbody td {
    border: 1px solid #eee;
    padding: 11px 0;
}

.table-4 thead th {
    background: #f1f3f5;
    color: #424242;
    font-size: 13px;
    font-weight: 900;
}

.table-4 tbody tr.on td,
.table-4 tbody tr:hover td {
    background: #f2f9ff;
    font-weight: bold;
}

.table-4 tbody td {
    position: relative;
    text-align: center;
    cursor: pointer;
    color: #333;
    line-height: 140%;
}

.table-4 tbody td.text-left {
    padding-left: 20px;
    padding-right: 15px;
}

.table-4 tbody tr.table-4-tr-con td {
    display: none;
    padding: 20px;
}

.table-4 tbody tr.table-4-tr-con.on td,
.table-4 tbody tr.table-4-tr-con:hover td {
    background: none;
    font-weight: normal;
}

.td-text-over {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.table-4-btn {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    overflow: hidden;
    min-width: 28px;
    line-height: 18px;
    height: 18px;
    padding: 0 5px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    border: 1px solid #aaa;
    color: #888;
    font-size: 13px;
    letter-spacing: -0.025em;
    border-radius: 4px;
    vertical-align: middle;
}

.table-4 tbody tr.table-4-tr-style td {
    cursor: default;
    padding: 0 20px;
}

.table-4-tr-style-p {
    padding: 10px 0;
    height: 80px;
    overflow: auto;
    text-align: left;
}

.table-4 tbody tr.table-4-tr-style td,
.table-4 tbody tr.table-4-tr-style tr.on td,
.table-4 tbody tr.table-4-tr-style tr:hover td {
    background: none;
    font-weight: normal;
}

.table-4 tbody tr.on .table-4-btn {
    display: inline-block;
}
.table-5 table{
    width:100%;
    margin-bottom:10px;
}
.table-5 tbody th,
.table-5 tbody td {
    padding-bottom: 26px;
}
.table-5 tbody th {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    letter-spacing: -0.03em;
    line-height: 120%;
    text-align:left;
}
.table-6 table{
    width:100%;
    table-layout:fixed;
}
.table-6 tbody td {
    height:30px;
    font-size: 12px;
    color: #151515;
    letter-spacing: -0.02em;
    text-align: center;
    border-bottom:1px solid #ddd;
}
.table-6 tbody td.text-left{
    padding-left:5px;
    padding-right:5px;
}
.table-6 tbody .cursor-pointer:hover td,
.table-6 tbody .cursor-pointer.on td {
    background: #f5f5f5;
}
.tbl_vertical tfoot td {
    height: 35px;
    padding: 0;
    background: #f1f3f5;
    font-weight: 600;
    font-size: 13px;
    color: #424242;
    letter-spacing: -0.02em;
    text-align: center;
    border-right:1px solid #ddd;
}
/* popup main */
.body-pop-open {
    height: 100%;
    overflow: hidden;
}

.pop-main {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 10010;
}

.pop-main .pop-top {
    color: #fff;
}

.pop-main .pop-top label {
    display: inline-block;
    line-height: 40px;
    cursor: pointer;
}

.pop-main .pop-top input[type=checkbox] {
    display: inline-block;
    border: none;
    box-shadow: none;
    outline: none;
    background: #fff;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

.pop-main .pop-top label span {
    vertical-align: middle;
    font-size: 16px;
}

.pop-main-bg {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .32);
    z-index: 10000;
}

.pop-write-box {
    position: relative;
    display: inline-block;
    max-width: 90%;
    padding-right: 20px;
    vertical-align: middle;
}

.pop-write-ico {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
}
/* 유튜브 배너 */
.utube-banner {
    position: fixed;
    right: 15%;
    bottom: 17%;
    z-index: 9999;
}
.utube-banner .btn-close {
    position: absolute;
    right: 0;
    top: -4px;
    width: 16px;
    height: 16px;
    background: url(../imgs/main/utube_close.png) no-repeat center center;
    cursor: pointer;
}
/* 팝업 */
.pop {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.pop-in {
    position: absolute;
    width: 600px;
    margin-left: -300px;
    left: 50%;
    top: 20%;
}
.pop-bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .32);
}
.pop .pop-close {
    background: none;
    border: none;
    outline: none;
}
.pop-style-2 .pop-in {
    width: 730px;
    margin-left: -365px;
    top: 5%;
    left: 50%;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    min-height: 200px;
}
.pop-style-2 .pop-con {
    padding: 35px 40px 50px 40px;
}
.pop-close-style-2 {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 16px;
    height: 16px;
    background: url(../imgs/common/pop_close_btn.png) no-repeat center center;
    cursor: pointer;
}
.pop-h2 {
    display: inline-block;
    overflow: hidden;
    padding: 1px 25px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #fff;
    letter-spacing: -0.04em;
    line-height: 26px;
    background: #ff5555;
    border-radius: 14px;
}
.pop-ul {
    margin-bottom: 40px;
}
.pop-ul li {
    padding-left: 25px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #242424;
    background: url(../imgs/common/pop_li_ico.png) no-repeat 11px 8px;
}
.pop-text-style-1 {
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.025em;
    color: #6c6c6c;
}
.text-link {
    color: #1854ff;
    text-decoration: underline;
}
.pop-style-3 .pop-in {
    width: 330px;
    margin-left: -165px;
    border: 1px solid #c5c5c5;
    background: #fff;
}
.pop-style-3 .pop-header {
    position: relative;
    background: #263e59;
    line-height: 45px;
    height: 45px;
    text-indent: 25px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.025em;
}
.pop-style-3 .pop-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 55px;
    background: url(../imgs/common/btn_clsPopup_common.png) no-repeat center center;
    cursor: pointer;
}
.pop-style-3 .pop-con {
    position: relative;
    padding: 25px;
}
.pop-style-3 .qr-code-box {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 10001;
}
.pop-style-3 .qr-code-img {
    margin-bottom: 7px;
}
.pop-style-3 .qr-code-text {
    margin-bottom: 7px;
    font-size: 13px;
    color: #333;
}
.pop-style-3 .pop-ul-3 {
    margin-bottom: 20px;
}
.pop-style-3 .pop-ul-3 li {
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #333;
}
.pop-ico-num {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 10px;
    text-align: center;
    background: #f1f3f5;
    color: #6a6a6a;
}
.pop-style-4 .pop-in {
    width: 480px;
    margin-left: -240px;
    border: 1px solid #c5c5c5;
    background: #fff;
}
.pop-style-4 .pop-header {
    position: relative;
    background: #263e59;
    line-height: 45px;
    height: 45px;
    text-indent: 25px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.025em;
}
.pop-style-4 .pop-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 55px;
    background: url(../imgs/common/btn_clsPopup_common.png) no-repeat center center;
    cursor: pointer;
}
.pop-style-4 .pop-con {
    position: relative;
    padding: 20px 20px 20px 20px;
}
.pop-style-4 .pop-style-4-p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 130%;
}
.pop-size-550 .pop-in {
    width: 550px;
    margin-left:-275px;
}
.pop-size-600 .pop-in {
    width: 600px;
}
.pop-size-660 .pop-in {
    width: 660px;
}
.pop-ul-4 li {
    overflow: hidden;
    margin-bottom: 15px;
}
.pop-fl {
    float: left;
}
.pop-fr {
    float: right;
}

.pop-style-4 .pop-fl {
    width: 33%;
}

.pop-style-4 .pop-fr {
    width: 66%;
}

.pop-style-4 .pop-fl-2 {
    float: left;
    width: 25%;
}

.pop-style-4 .pop-fr-2 {
    float: right;
    width: 74%;
}
.pop-label {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.pop-input,
.pop-textarea {
    width: 99%;
    border: 1px solid #dfdfdf;
    background: #ededed;
    text-indent: 10px;
}
.pop-input {
    height: 23px;
}
.pop-textarea {
    height: 80px;
}
.pop-btn-1 {
    display: inline-block;
    min-width: 80px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #f83838;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
}
.pop-btn-2 {
    display: inline-block;
    min-width: 80px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #f83838;
    background: #fff;
    text-align: center;
    line-height: 28px;
    border-radius: 4px;
    border: 1px solid #f83838;
}
.pop-style-5 .pop-in {
    overflow-y: auto;
    width: 980px;
    margin-left: -490px;
    border: 1px solid #c5c5c5;
    background: #fff;
    top: 4%;
    max-height: 92%;
}
.pop-style-5 .pop-header {
    position: relative;
    background: #263e59;
    line-height: 45px;
    height: 45px;
    text-indent: 25px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.025em;
}
.pop-style-5 .pop-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 55px;
    background: url(../imgs/common/btn_clsPopup_common.png) no-repeat center center;
    cursor: pointer;
}
.pop-style-5 .pop-con {
    position: relative;
    padding: 20px;
    overflow: auto;
}
.pop-style-5 .pop-con-in {
    padding: 0 20px;
    margin-bottom: 5px;
    border: 1px solid #d2d2d2;
}
.pop-con.pop-scroll {
    max-height: 650px;
    overflow: auto;
}
/* 카카오 팝업 */
.catoc-pop .pop-in {
    background: #fff;
}
.catoc-pop .pop-in img {
    display: block;
}
.catoc-pop .pop-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../imgs/common/btn_clsPopup_black.png) no-repeat center center;
    cursor: pointer;
}

/* 오픈채팅 스타일 팝업 */
.pop-openchat .pop-in {
    background: transparent;
}
.pop-openchat .pop-openchat-btn-wrap {
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.pop-openchat .pop-openchat-btn-wrap label{
    display:block;
    cursor:pointer;
}
.pop-openchat .pop-openchat-btn-wrap input[type=checkbox] {
    display: inline-block;
    border: 1px solid #767676;
    box-shadow: none;
    outline: none;
    background: #fff;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    border-radius:2px;
}
.pop-openchat .pop-openchat-btn-wrap label span{
    vertical-align:middle;
}
.pop-openchat .pop-openchat-btn-wrap .today-close-btn {
    text-decoration: underline;
}
.pop-openchat .pop-con {
    padding: 25px 15px;
    background:#fff;
    border-radius:10px;
}
.pop-openchat .pop-openchat-txt-1 {
    margin-bottom: 15px;
    font-weight: 900;
    font-size: 20px;
    color: #374054;
    letter-spacing: -0.03em;
}
.pop-openchat .pop-openchat-txt-2 {
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 12px;
    color: #374054;
    letter-spacing: -0.03em;
    line-height: 130%;
}
.pop-openchat .pop-openchat-txt-3 {
    background: #f2f2f2;
    width: 188px;
    margin: 0 auto;
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: #515151;
    letter-spacing: -0.03em;
}
/* 슬라이더 */
.slider {
    position: relative;
    overflow: hidden;
}

.slide-in {
    position: relative;
    width: 100%;
    height: 100%;
}

    .slide-in li {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100%;
    }

    .slide-in a {
        display: block;
        width: 100%;
        height: 100%;
    }

        .slide-in a span {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
        }

.btn-l,
.btn-r {
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    cursor: pointer;
    box-shadow: none;
    border: none;
    outline: none;
}

.btn-l {
    left: 0;
}

.btn-r {
    right: 0;
}

.slide-quich-btn-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent;
}

.slide-quich-btn-box span {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #eee;
    border-radius: 50%;
    border: none;
    font-size: 0;
    line-height: 0;
    outline: none;
    cursor: pointer;
    box-shadow: none;
    -webkit-transition-property: background-color,width,height;
    -webkit-animation-duration: 1s;
    transition-property: background-color,width,height;
    animation-duration: 1s;
}

.slide-quich-btn-box span.on {
    background: #fee;
}

.banner-top-main .slide-quich-btn-box span {
    background: #fff;
    border: 1px solid #fff;
    width: 8px;
    height: 8px;
}

.banner-top-main .slide-quich-btn-box span.on {
    background: none;
}
/* 포트 만들기 */
.box-title-l,
.box-title-l2,
.box-title-r {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.box-title-l {
    float: left;
    width: 36%;
}

.box-title-l2 {
    float: left;
    width: 44%;
}

.box-title-r {
    float: right;
    width: 20%;
}

.box-title-l input,
.box-title-l2 input {
    border: 1px solid #ccc;
    line-height: 35px;
    text-indent: 10px;
    width: 97%;
}

.btn-sample {
    display: block;
    line-height: 37px;
    color: #fff;
    text-align: center;
    background: #f83838;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: -0.05em;
    cursor: pointer;
    margin-top: -1px;
}
/* 포트 만들기 입구 */
.port-enter-wrap {
    overflow: hidden;
    padding-bottom: 250px;
}

.port-enter-box {
    width: 930px;
    margin: 0 auto;
    font-family: 'Noto Sans KR',sans-serif;
}

.port-enter-box-in {
    width: 930px;
    padding: 60px 20px 0 20px;
    margin-left: -20px;
}

.port-enter-item {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}

.port-enter-item-in {
    position: relative;
    width: 97%;
    height: 390px;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    -moz-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
}

.port-enter-item .img-box {
    position: relative;
    height: 210px;
}

.pei-2 .port-enter-item-in,
.pei-4 .port-enter-item-in {
    float: right;
}

.pei-1 .img-box {
    background: url(../imgs/sub/pei_01_on.png) no-repeat center center;
}

.pei-2 .img-box {
    background: url(../imgs/sub/pei_02_on.png) no-repeat center center;
}

.pei-3 .img-box {
    background: url(../imgs/sub/pei_03_on.png) no-repeat center center;
}

.pei-4 .img-box {
    background: url(../imgs/sub/pei_04_on.png) no-repeat center center;
}

.port-enter-item .p-1,
.port-enter-item .p-2 {
    text-align: center;
}

.port-enter-item .p-1 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 900;
    line-height: 110%;
    color: #374054;
}

.port-enter-item .p-2 {
    margin-bottom: 30px;
    font-size: 16px;
    color: #444;
    line-height: 130%;
    letter-spacing: -0.025em;
}

.port-enter-item .p-alert {
    position: absolute;
    right: 19px;
    top: 12px;
    line-height: 120%;
    font-size: 12px;
    color: #929292;
    letter-spacing: -0.025em;
}

.port-enter-btn-item-wrap {
    padding: 0 16px 24px 16px;
}

.port-enter-btn-item {
    position: relative;
    width: 32%;
    float: left;
    cursor: pointer;
    transition: all 0.8s;
}

    .port-enter-btn-item.pebi-l {
        margin-right: 2%;
    }

    .port-enter-btn-item.pebi-r {
        float: right;
    }

    .port-enter-btn-item.pebi-pull {
        width: 100%;
        float: none;
        clear: both;
    }

.port-enter-btn-item-in {
    height: 48px;
    overflow: hidden;
    font-size: 10px;
    color: #444;
    letter-spacing: -0.02em;
    text-align: center;
    line-height: 120%;
    border: 1px solid #eee;
    border-radius: 3px;
    transition: all 0.4s;
}

.port-enter-btn-item .text-1 {
    padding-top: 6px;
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 700;
    line-height: 120%;
}

    .port-enter-btn-item .text-1 em {
        font-weight: bold;
        color: #f83838;
        transition: color 0.4s;
    }

.port-enter-btn-item .text-2 {
    font-size: 14px;
    letter-spacing: -0.025em;
}

.port-enter-btn-item-tooltip {
    display: none;
    position: absolute;
    width: 175px;
    left: 58%;
    top: 38px;
    padding-top: 6px;
    z-index: 10;
}

    .port-enter-btn-item-tooltip::before {
        position: absolute;
        content: '';
        width: 15px;
        height: 7px;
        top: 0;
        left: 14%;
        background: url(../imgs/sub/port_enter_tooltip_arr.png) no-repeat top left;
        z-index: 11;
    }

.port-enter-btn-item.pebi-r .port-enter-btn-item-tooltip {
    right: 58%;
    left: auto;
}

    .port-enter-btn-item.pebi-r .port-enter-btn-item-tooltip::before {
        right: 14%;
        left: auto;
    }

.port-enter-btn-item-tooltip ul {
    overflow: hidden;
    height: 52px;
    padding: 12px 15px 0 15px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
}

.port-enter-btn-item-tooltip li {
    display: inline-block;
    float: left;
    vertical-align: middle;
}

.port-enter-btn-item-tooltip .li-1 {
    width: 66%;
}

.port-enter-btn-item-tooltip .li-2 {
    width: 33%;
    float: right;
    text-align: right;
}

.port-enter-btn-item-tooltip .span-1,
.port-enter-btn-item-tooltip .span-2,
.port-enter-btn-item-tooltip .port-enter-icn {
    display: inline-block;
    line-height: 18px;
    height: 18px;
    margin-bottom: 3px;
    vertical-align: middle;
}

.port-enter-btn-item-tooltip .span-1,
.port-enter-btn-item-tooltip .span-2 {
    font-size: 14px;
    color: #444;
    font-weight: 400;
}

.port-enter-btn-item-tooltip em {
    font-weight: 700;
}

.port-enter-btn-item-tooltip .port-enter-icn {
    display: inline-block;
    overflow: hidden;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    border-radius: 9px;
    text-align: center;
    width: 44px;
    background: #e1fcef;
    color: #14804a;
}

    .port-enter-btn-item-tooltip .port-enter-icn.port-enter-color-1 {
        background: #f0f1fa;
        color: #4f5aed;
    }

    .port-enter-btn-item-tooltip .port-enter-icn.port-enter-color-3 {
        background: #faf0f3;
        color: #d12953;
    }

.port-enter-btn-item:hover .port-enter-btn-item-in {
    color: #fff;
    background: #f83838;
    border-color: #f83838;
}

.port-enter-btn-item:hover .text-1 em {
    color: #fff;
}

.port-enter-btn-item:hover .port-enter-btn-item-tooltip {
    display: block;
}
/* 새 포트 만들기 */
.sub-btn-line {
    position:relative;
    min-height: 35px;
}
.sub-btn-line-alert {
    margin-top: -10px;
    margin-bottom: 10px;
    color: #f83838;
}
.sub-btn-line-alert a {
    text-decoration: underline;
}
.sub-btn-line-btn-r{
    position:absolute;
    right:0;
    top:0;
}
.sub-btn-line-alert-2{
    display:inline-block;
    cursor:pointer;
}
.sub-btn-line-alert-2 span{
    display:inline-block;
    vertical-align:middle;
    font-size:13px;
    font-weight:400;
    line-height:120%;
    letter-spacing:-0.03em;
    color:#666;
}
.sub-btn-line-alert-2-txt{
    border-bottom:1px solid #666;
    font-weight:400;
}
.sub-btn-line-alert-2-icn{
    padding-top:3px;
    margin-right:6px;
}
.sub-btn-line-alert-2-icn img {
    width: 20px;
}
.th-float-left,
.th-float-right {
    display: inline-block;
}

.th-float-left {
    float: left;
    padding-left: 20px;
}

.th-float-right {
    float: right;
    padding-right: 20px;
}

.section_fullDetail {
    overflow: visible;
}

.box_ctrlBtns.type-2 {
    top: 0;
    right: -106px;
}

.pop-etf-select,
.pop-etf-edit {
    position: fixed;
    overflow: hidden;
    display: none;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #c5c5c5;
    z-index: 20000;
}

.pop-etf-select {
    width: 600px;
    left: 50%;
    top: 2%;
    margin-left: -302px;
}

.pop-etf-edit {
    width: 806px;
    padding-bottom: 20px;
    left: 50%;
    top: 50%;
    margin-top: -350px;
    margin-left: -403px;
}

.pop-etf-select-con {
    padding: 25px;
}

.pop-etf-title {
    position: relative;
    background: #263e59;
}

    .pop-etf-title p {
        font-weight: bold;
        color: #fff;
        font-size: 16px;
        line-height: 42px;
        text-indent: 14px;
    }

.btn-etf-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 55px;
    background: url(../imgs/common/btn_clsPopup_common.png) no-repeat center center;
}

.pop-etf-con {
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.pop-etf-con-title {
    position: relative;
    padding: 4px 0 9px 0;
    font-size: 14px;
    line-height: 130%;
    font-weight: bold;
    color: #424242;
    line-height: 130%;
}

    .pop-etf-con-title span,
    .pop-etf-con-title input {
        vertical-align: middle;
    }

    .pop-etf-con-title .pop-etf-input-1 {
        line-height: 22px;
        height: 22px;
    }

.section-selectStock {
    float: left;
    width: 44%;
}

.section-ctrlBtn {
    float: left;
    padding-top: 400px;
    width: 12%;
    text-align: center;
}

.section-ctrlGroup {
    float: right;
    width: 44%;
}

.btn-allCtrl {
    display: inline-block;
    margin-bottom: 10px;
    width: 69px;
    height: 28px;
    border: 1px solid #a1a1a1;
    background: #fff;
    font-size: 12px;
    color: #333;
    line-height: 28px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 8px;
    cursor: pointer;
}

    .btn-allCtrl:hover {
        background: #f9f9f9;
        cursor: pointer;
    }

.cont-stockSrch {
    overflow: hidden;
    clear: both;
    padding: 0 0 7px 0;
}

.pop-etf-input-1 {
    font-size: 13px;
    color: #888;
    height: 25px;
    line-height: 25px;
    border: 1px solid #c2c2c2;
    text-indent: 6px;
    vertical-align: middle;
}

.pop-etf-btn-1 {
    min-width: 43px;
    text-align: center;
    padding: 0 5px;
    line-height: 24px;
    border: 1px solid #949494;
    background: #b4b4b4;
    vertical-align: middle;
    cursor: pointer;
}

.cont-stockSrch .pop-etf-input-1 {
    float: left;
    width: 77%;
}

.cont-stockSrch .pop-etf-btn-1 {
    float: right;
    width: 20%;
}

.pop-etf-btn-2 {
    display: inline-block;
    overflow: hidden;
    min-width: 42px;
    height: 22px;
    padding: 0 5px;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #aaa;
    color: #888;
    font-size: 13px;
    letter-spacing: -0.025em;
    border-radius: 4px;
    vertical-align: middle;
}

    .pop-etf-btn-2:hover,
    .pop-etf-btn-2.on {
        color: #ff4444;
    }

.pop-etf-btn-3 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    min-width: 120px;
    padding: 0 18px 0 10px;
    line-height: 24px;
    height: 24px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #aaa;
    color: #888;
    font-size: 13px;
    letter-spacing: -0.025em;
    border-radius: 4px;
    outline: none;
    vertical-align: middle;
}

.pop-etf-btn-4 {
    display: inline-block;
    overflow: hidden;
    min-width: 87px;
    height: 22px;
    padding: 0 5px;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
    background: #f83838;
    border: 1px solid #e63535;
    color: #fff;
    font-size: 13px;
    letter-spacing: -0.025em;
    border-radius: 4px;
    vertical-align: middle;
}

    .pop-etf-btn-4:hover {
        color: #fff;
    }

.etf-graph-box {
    margin-bottom: 20px;
}

.etf-graph {
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 17px;
}

    .etf-graph .etf-graph-li {
        display: inline-block;
        float: left;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background: #000;
        font-size: 10px;
        color: #fff;
        letter-spacing: -0.025em;
    }

.etf-graph-text-box {
    overflow: hidden;
    min-height: 35px;
}

    .etf-graph-text-box .etf-graph-text {
        float: left;
        width: 20%;
        margin-bottom: 3px;
        line-height: 110%;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal !important;
    }

    .etf-graph-text-box .etf-graph-ico {
        display: inline-block;
        height: 10px;
        margin-right: 3px;
        width: 10px;
        border-radius: 5px;
        vertical-align: middle;
    }

    .etf-graph-text-box .etf-graph-ticker {
        color: #333;
        font-size: 10px;
        letter-spacing: -0.025em;
        vertical-align: middle;
    }

    .etf-graph-text-box .etf-graph-text-1 .etf-graph-ico,
    .etf-graph .etf-graph-li-1 {
        background: #3366cc;
    }

    .etf-graph-text-box .etf-graph-text-2 .etf-graph-ico,
    .etf-graph .etf-graph-li-2 {
        background: #dc3912;
    }

    .etf-graph-text-box .etf-graph-text-3 .etf-graph-ico,
    .etf-graph .etf-graph-li-3 {
        background: #ff9900;
    }

    .etf-graph-text-box .etf-graph-text-4 .etf-graph-ico,
    .etf-graph .etf-graph-li-4 {
        background: #109618;
    }

    .etf-graph-text-box .etf-graph-text-5 .etf-graph-ico,
    .etf-graph .etf-graph-li-5 {
        background: #990099;
    }

    .etf-graph-text-box .etf-graph-text-6 .etf-graph-ico,
    .etf-graph .etf-graph-li-6 {
        background: #0099c6;
    }

    .etf-graph-text-box .etf-graph-text-7 .etf-graph-ico,
    .etf-graph .etf-graph-li-7 {
        background: #dd4477;
    }

    .etf-graph-text-box .etf-graph-text-8 .etf-graph-ico,
    .etf-graph .etf-graph-li-8 {
        background: #66aa00;
    }

    .etf-graph-text-box .etf-graph-text-9 .etf-graph-ico,
    .etf-graph .etf-graph-li-9 {
        background: #b82e2e;
    }

    .etf-graph-text-box .etf-graph-text-10 .etf-graph-ico,
    .etf-graph .etf-graph-li-10 {
        background: #316395;
    }

    .etf-graph-text-box .etf-graph-text-11 .etf-graph-ico,
    .etf-graph .etf-graph-li-11 {
        background: #994499;
    }

    .etf-graph-text-box .etf-graph-text-12 .etf-graph-ico,
    .etf-graph .etf-graph-li-12 {
        background: #22aa99;
    }

    .etf-graph-text-box .etf-graph-text-13 .etf-graph-ico,
    .etf-graph .etf-graph-li-13 {
        background: #aaaa11;
    }

    .etf-graph-text-box .etf-graph-text-14 .etf-graph-ico,
    .etf-graph .etf-graph-li-14 {
        background: #6633cc;
    }

    .etf-graph-text-box .etf-graph-text-15 .etf-graph-ico,
    .etf-graph .etf-graph-li-15 {
        background: #e67300;
    }

    .etf-graph-text-box .etf-graph-text-16 .etf-graph-ico,
    .etf-graph .etf-graph-li-16 {
        background: #8b0707;
    }

    .etf-graph-text-box .etf-graph-text-17 .etf-graph-ico,
    .etf-graph .etf-graph-li-17 {
        background: #651067;
    }

    .etf-graph-text-box .etf-graph-text-18 .etf-graph-ico,
    .etf-graph .etf-graph-li-18 {
        background: #329262;
    }

    .etf-graph-text-box .etf-graph-text-19 .etf-graph-ico,
    .etf-graph .etf-graph-li-19 {
        background: #5574a6;
    }

    .etf-graph-text-box .etf-graph-text-20 .etf-graph-ico,
    .etf-graph .etf-graph-li-20 {
        background: #3b3eac;
    }

.pop-etf-box-1 {
    overflow: hidden;
    margin-bottom: 10px;
}
.pop-etf-table {
    margin-bottom: 6px;
    border: 1px solid #ddd;
}
.pop-etf-table table {
    width: 100%;
}

.pop-etf-table .pop-etf-table-header,
.pop-etf-table thead th {
    background: #f1f3f5;
}

.pop-etf-table .pop-etf-table-header {
    padding-right: 18px;
}

.pop-etf-table .pop-etf-table-scroll {
    overflow-y: scroll;
}

.pop-etf-table thead th {
    padding: 11px 0;
    font-size: 13px;
    color: #424242;
    letter-spacing: -0.025em;
}

.pop-etf-table tbody td {
    border-top: 1px solid #ddd;
    padding: 9px 0;
    text-align: center;
    font-size: 13px;
    letter-spacing: -0.025em;
    color: #333;
    border-right: 1px solid #ddd;
}

.pop-etf-table tbody .text-left,
.pop-etf-table tbody .td-2 {
    text-align: left;
    padding-left: 15px;
}

.pop-etf-table tbody .td-4 {
    border-right: none;
}

.pop-etf-table-bot-text {
    margin-bottom: 35px;
    font-size: 13px;
    color: #626262;
    letter-spacing: -0.025em;
}

.pop-etf-table-fixed table {
    table-layout: fixed;
}

.pop-etf-table-fixed thead th {
    border-bottom: 1px solid #ddd;
}

.pop-etf-table-fixed tbody td {
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #ddd;
}

.pop-etf-table-fixed tbody .td-text-over {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.port-banner {
    position: relative;
    width: 100%;
    height: 95px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 15px;
}

.port-banner .slide-in li {
    left: 0;
    display: none;
}

.port-banner .slide-quich-btn-box {
    width: 30%;
    text-align: right;
    left: auto;
    right: 10px;
}

.port-banner .slide-quich-btn-box span {
    background: #fff;
    margin: 0 0 0 5px;
}

.port-banner .slide-quich-btn-box span.on {
    background: #ff4444;
}

.box-condInput-l {
    float: left;
    width: 76%;
}

.box-condInput-r {
    float: right;
    width: 23%;
    text-align: right;
}

.conditional-box {
    text-align: left;
}

.conditional-box-header {
    position: relative;
    padding-right: 120px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    border-bottom: 3px solid #ddd;
    padding-bottom: 8px;
}

.conditional-box-header-r {
    position: absolute;
    right: 0;
    top: 0;
}

.conditional-box-header .title-span {
    position: relative;
    display: block;
    padding: 5px 0 0 90px;
    line-height: 130%;
}

.conditional-box-header .title-ico {
    position: absolute;
    left: 0px;
    top: 0;
    width: 76px;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 3px;
    text-indent: 0;
}

.conditional-box-header .title-ico-red {
    background: #f83838;
}

.conditional-box-header .title-ico-blue {
    background: #177cd2;
}

.conditional-box-con {
    overflow: auto;
    padding: 0 15px;
    max-height: 200px;
}

.conditional-box-con li {
    padding: 10px 0;
}

.conditional-box-con .span-1 {
    vertical-align: middle;
    width: 20px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    padding-right: 10px;
}

.conditional-box-con .span-2 {
    vertical-align: middle;
    font-size: 13px;
    color: #555;
}

.add-cond {
    display: block;
    overflow: hidden;
    line-height: 46px;
    text-align: center;
    background: #fcfcfc;
    border: 3px dashed #ddd;
    transition: 0.2s;
    box-sizing: border-box;
}
.add-cond:hover {
    background: #f7f7f7;
    border: 3px dashed #ccc;
    cursor: pointer;
}
/* 종목 그룹 관리 */
.item-group-box{
    position:relative;
    clear:both;
    overflow:hidden;
    margin-bottom:20px;
}
.item-group-l{
    float:left;
    width:47%;
}
.item-group-r {
    float: right;
    width: 47%;
}
.pop-h4-box {
    position: relative;
    margin-bottom:10px;
    min-height:26px;
}
.pop-h4 {
    font-weight: 600;
    font-size: 16px;
    color:#333;
    letter-spacing:-0.02em;
    line-height:160%;
}
.pop-h4-r{
    position:absolute;
    right:0;
    top:0;
}
.item-group-search-box{
    margin-bottom:12px;
}
.item-group-search {
    height: 35px;
    line-height: 35px;
    width: 100%;
    border: 1px solid #ddd;
    text-indent: 15px;
    font-weight: 400;
    font-size: 13px;
    color: #151515;
    letter-spacing:-0.02em;
}
.item-group-section-box{
    border:1px solid #ddd;
    overflow-y:auto;
    height:263px;
}
.item-group-arr-box {
    position:relative;
    height:30px;
    background: url(../imgs/common/icn_item_group_arr.png) no-repeat center center;
}
.btn-item-group-arr{
    position:absolute;
    cursor:pointer;
    right:0;
    bottom:6px;
    font-weight:600;
    font-size:10px;
    color:#f83838;
    letter-spacing:-0.02em;
}
.item-group-list-depth-3{
    display:none;
}
.item-group-list-depth-1-text,
.item-group-list-depth-2-text {
    display: block;
    padding-left: 32px;
    font-size: 12px;
    color: #151515;
    letter-spacing: -0.02em;
    cursor: pointer;
}
.item-group-list-depth-1-text {
    font-weight: 600;
    line-height: 28px;
    background: url(../imgs/common/folder_close.png) no-repeat 11px 7px;
}
.item-group-list-depth-2-text {
    padding-left: 32px;
    line-height: 24px;
}
.item-group-list-depth-1-text:hover,
.item-group-list-depth-2-text:hover,
.item-group-list-depth-2-text.on{
    background-color: #f5f5f5;
}
.item-group-list-depth-1-text.open{
    background-image: url(../imgs/common/folder_open.png);
    background-position: 11px 7px;
}
.item-group-list-depth-2{
    display:none;
}
.item-group-list-depth-2-text{
    line-height:25px;
}
.no-data-td {
    height:262px !important;
    font-size: 12px !important;
    color: #7f7f7f !important;
    line-height: 120% !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    border: none !important;
}
.no-data-td em{
    font-weight:600;
}
/* 포트만들기 플로팅 버튼 */
.floating-btn-box {
    position: fixed;
    right: 10%;
    bottom: 5%;
    width: 40px;
    z-index: 9000;
}

.floating-btn-box-bg {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../imgs/common/pop_bg_01.png) repeat;
    z-index: 8900;
}

.floating-btn,
.floating-btn-open,
.fbbi-btn .fbbib-ico {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}

.floating-btn {
    transition: 0.5s ease all;
    background: #f94040 url(../imgs/common/icon_floating_off.png) no-repeat center center;
}

.fbbi-btn .fbbib-ico {
    -webkit-box-shadow: 0px 0px 18px 0px rgb(219 219 219 / 70%);
    -moz-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.7);
    box-shadow: 0px 0px 18px 0px rgb(219 219 219 / 70%);
}

.fbbi-btn .fbbib-ico-1 {
    background: #fff url(../imgs/common/icon_floating_01.png) no-repeat center center;
}

.fbbi-btn .fbbib-ico-2 {
    background: #fff url(../imgs/common/icon_floating_02.png) no-repeat center center;
}

.fbbi-btn .fbbib-ico-3 {
    background: #fff url(../imgs/common/icon_floating_03.png) no-repeat center center;
}

.fbbi-btn .fbbib-ico-4 {
    background: #fff url(../imgs/common/icon_floating_04.png) no-repeat center center;
}

@keyframes btnhover {
    from {
        transform: rotate( 15deg )
    }

    to {
        transform: rotate( -15deg );
    }
}

.fbbi-btn:hover .fbbib-ico {
    animation-duration: 0.5s;
    animation-name: btnhover;
    animation-fill-mode: forwards;
}

.floating-btn-box-in {
    position: absolute;
    bottom: 59px;
    left: 0;
    min-width: 160px;
}

.fbbi-btn {
    display: block;
    padding-bottom: -10px;
    opacity: 0;
}

    .fbbi-btn .fbbib-text {
        display: inline-block;
        overflow: hidden;
        height: 40px;
        line-height: 40px;
        padding-left: 8px;
        font-size: 13px;
        letter-spacing: -0.01em;
        transition: 0.4s ease all;
        cursor: pointer;
    }

.floating-btn-box-event-box {
    position: absolute;
    display: none;
    width: 300px;
    bottom: 0;
    right: 57px;
    color: #fff;
    text-align: right;
}

    .floating-btn-box-event-box .fbbeb-p-1 {
        margin-bottom: 22px;
        font-weight: 900;
        font-size: 18px;
    }

    .floating-btn-box-event-box .fbbeb-p-2 {
        font-size: 16px;
        line-height: 130%;
    }
/* 포트만들기 플로팅 버튼 on */
.floating-btn-box.on .floating-btn-box-in {
    display: block;
}

.floating-btn-box.on .floating-btn,
.floating-btn-open {
    background: #f94040 url(../imgs/common/icon_floating_on.png) no-repeat center center;
    transform: rotate( 360deg )
}
/* 포트만들기 플로팅 버튼 처음 시작시 */
.floating-btn-box.first .floating-btn-box-event-box {
    display: block;
}

.floating-btn-box-bg.first {
    display: block;
}

.floating-btn-box.first .fbbi-btn .fbbib-text {
    color: #fff;
}

/* 조건식 팝업 */
.pop-conditional .pop-in {
    position: absolute;
    width: 900px;
    margin-left: -450px;
    left: 50%;
    top: 2%;
    overflow-y: auto;
    max-height: 97%;
    background: #fff;
}

.pop-conditional .pop-content {
    padding: 20px;
    max-height: 680px;
    overflow-y: auto;
}

.input-cond-cont {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #f5f7f9;
}

.pop-conditional .input-srch {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    text-indent: 10px;
    color: #333;
    outline: 0;
    vertical-align: middle;
}

.pop-conditional input[type=text],
.pop-conditional input[type=number],
.pop-conditional select {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    text-indent: 10px;
    color: #333;
    outline: 0;
}

.pop-conditional .btn-srch {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-left: -23px;
    background: url(../imgs/common/icn_srch.png) no-repeat center center;
    vertical-align: middle;
}

.pop-conditional .btn-ent {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 7px;
    font-size: 12px;
    transition: 0.1s;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #aaa;
    font-weight: 600;
    color: #888;
    box-shadow: inset 0px -1.5px 1px #e0e0e0;
    cursor: pointer;
}

.pop-conditional .btn-ent:hover {
    border: 1px solid #888;
    font-weight: 600;
    color: #555;
    box-shadow: inset 0px 0px 0px #e0e0e0;
}

.box_condLeft,
.box_condRight {
    height: 390px;
    overflow-y: auto;
    padding: 0;
}
.box_condLeft ul {
    padding: 15px;
}
.box_condRight ul {
    padding: 15px 10px 5px 20px;
}
.input-cond-cont .arrow {
    position: absolute;
    top: 50%;
    left: 40%;
    margin-top: -11px;
}

.box_condLeft {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    border-right: 1px solid #ccc;
    z-index: 10;
    background: #fff;
}

.box_condLeft li {
    font-size: 15px;
    cursor: pointer;
}

.box_condLeft li:hover {
    background: #f5f7f9;
}

.box_condLeft .depth2_none span {
    padding-left: 30px;
}

.box_condLeft .depth3 span {
    padding-left: 60px;
}

.box_condLeft .depth1_none {
    padding-left: 5px;
    font-size: 13px;
    color: #333;
    line-height: 30px;
    font-weight: normal;
}

.box_condLeft .depth1_none.on {
    color: #ff6600;
    font-weight: 600;
}

.box_condRight {
    position: relative;
    margin-left: 40%;
    width: 60%;
}

.box_condTitle {
    width:98%;
    border-bottom: 2px solid #ddd;
    padding:0 0 6px 2%;
    margin-bottom: 9px;
}

.box_condTitle .condName {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: #ff6600;
    height:38px;
    margin-bottom:0;
}

.box_condTitle .condName .cond-name-btn-r{
    position:absolute;
    right:0;
    top:-5px;
}
.box_condTitle .condName .q-mark {
    position: absolute;
    right: 0;
    top: 0;
}

.box_condTitle .condText {
    overflow-y: auto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0;
    color: #333;
    line-height: 130%;
    height: 52px;
    padding-bottom: 2px;
}

.box_condSlct {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}

.box_condRight select {
    padding-left: 2px;
    padding-right: 0;
}

.bcs2-item {
    padding-bottom: 5px;
    border-bottom: 2px solid #ddd;
    margin-bottom: 9px;
}

.bcs2-item-line {
    overflow: hidden;
    height: 35px;
}

    .bcs2-item-line .bcs2il-1,
    .bcs2-item-line .bcs2il-2,
    .bcs2-item-line .bcs2il-3 {
        display: inline-block;
        vertical-align: middle;
        float: left;
    }

    .bcs2-item-line .bcs2il-1,
    .bcs2-item-line .bcs2il-2 {
        line-height: 30px;
    }

    .bcs2-item-line .bcs2il-1 {
        width: 18%;
    }

    .bcs2-item-line .bcs2il-1-span {
        display: inline-block;
        padding-left: 8px;
        color: #333;
        font-weight: bold;
        letter-spacing: -0.025em;
        background: url(../imgs/sub/ico_dot.png) no-repeat left center;
    }

    .bcs2-item-line .radio-style-6-demi {
        display: inline-block;
        padding-left: 22px;
        vertical-align: middle;
        text-align: left;
        cursor: pointer;
        font-size: 13px;
        color: #121212;
    }

    .bcs2-item-line .bcs2il-2 {
        width: 18%;
    }

    .bcs2-item-line .bcs2il-3 {
        float: right;
        width: 63%;
    }

    .bcs2-item-line .bcs2-select {
        width: 97%;
        text-align: left;
    }

    .bcs2-item-line .bcs2-select-2 {
        width: 66%;
        text-align: left;
    }

    .bcs2-item-line .bcs2-input-3 {
        width: 23%;
        text-align: left;
        margin-left: 3px;
    }

    .bcs2-item-line .bcs2il-bong {
        color: #333;
        font-weight: bold;
        letter-spacing: -0.025em;
    }

.box-cond-set-3 .bcs3-line {
    overflow: hidden;
    margin-bottom: 4px;
}

.box-cond-set-3 .bcs3-text {
    margin-bottom: 9px;
    font-size: 13px;
    color: #333;
    letter-spacing: -0.025em;
}

.box-cond-set-3 .bcs3-text-2 {
    overflow: hidden;
    height: 30px;
    font-size: 12px;
    color: #333;
    letter-spacing: -0.025em;
    line-height: 120%;
}

.box-cond-set-3 .bcs3-input {
    width: 86%;
    float: left;
}

.box_condSlct .txt_condSlct {
    display: block;
    font-size: 15px;
    line-height: 150%;
}

.box_condSlct p span {
    padding-left: 6px;
}

.box_condSlct_half {
    width: 49%;
    float: left;
}

    .box_condSlct_half p {
        height: 30px;
    }

        .box_condSlct_half p span {
            padding-left: 6px;
        }

.box_submitBtn {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    display: inline-block;
}

.box-cond-set {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.box-cond-set .input-lft {
    width: 61%;
}

.box-cond-set .input-lft:focus,
.box-cond-set .input-lft:hover {
    border: 1px solid #f83838;
}

.box-cond-set .input-rgt {
    float: right;
    width: 20%;
}

.box-cond-set .input-rgt:focus,
.box-cond-set .input-rgt:hover {
    border: 1px solid #f83838;
}

.box-cond-set select {
    width: 16%;
}

.box_condSet_info {
    margin-bottom: 20px;
    background: #f5f7f9;
    padding: 14px 9px;
    margin-top: 10px;
    font-size: 12px;
    color: #333;
}
.inputCond_submit {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    overflow: hidden;
}

.btn_cls {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.box-open-range {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px 30px;
    margin-bottom: 30px;
}

    .box-open-range li {
        font-size: 13px;
        color: #333;
        line-height: 300%;
    }

    .box-open-range span.rangeTitle {
        font-size: 17px;
        font-weight: 600;
        letter-spacing: -1px;
        width: 80px;
        display: inline-block;
        color: #333;
    }

.disabled span.rangeTitle,
span.rangeTitle.disabled {
    color: #c9c9c9 !important;
}

.radio-style-6 {
    display: inline-block;
    min-height: 16px;
    padding-left: 22px;
    margin-right: 5px;
    vertical-align: middle;
    text-align: left;
    cursor: pointer;
    font-size: 13px;
    color: #121212;
    background: url(../imgs/common/ico_radio_6_off.png) no-repeat left center;
}

    .radio-style-6.checked {
        background: url(../imgs/common/ico_radio_6_on.png) no-repeat left center;
    }
/*  슬라이더 */
.slide-fade {
    position: relative;
    width: 100%;
    height: 95px;
    margin: 0 auto;
    margin-bottom: 15px;
    background: #fff;
}

.slide-fade .slide-in li {
    left: 0;
    display: none;
}

.slide-fade .slide-main-mo {
    display: none;
}

.slide-fade .btn-l,
.slide-fade .btn-r {
    display: none;
    background: #f00;
}

.slide-fade .slide-quich-btn-box {
    position:absolute;
    left:auto;
    right:10px;
    bottom:10px;
    text-align: right;
    width:50%;
}
.slide-fade .slide-quich-btn-box .bq {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #eee;
    background: #ccc;
}

.slide-fade .slide-quich-btn-box .bq.on {
    background: #919191;
}

.slide-fade .slide-quich-btn-box .bq span {
    display: none;
}

.slide-fade .slide-in,
.slide-fade .slide-li,
.slide-fade .slide-li a,
.slide-fade .slide-li img {
    display: block;
    width: 100%;
    height: 100%;
}
/* payment */
.pay-table {
    margin-bottom: 50px;
}

.pay-table table {
    width: 100%;
}

.pay-table th,
.pay-table td {
    border: 1px solid #ddd;
}

.pay-table .first {
    border-left-width: 0;
}

.pay-table .last {
    border-right-width: 0;
}

.pay-table thead th {
    padding: 14px 0;
    font-size: 15px;
    letter-spacing: -0.02em;
    color: #333;
    border-bottom-color: #ccc;
}

.pay-table tbody td {
    min-height: 115px;
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.02em;
    color: #333;
    line-height: 130%;
    padding: 20px 0;
}

.pay-table tbody td.td-thumbnail {
    text-align: center;
    border-right: none;
}

.pay-table tbody td.td-title {
    text-align: left;
    padding-left: 10px;
    border-left: none;
}

.pay-table tbody td.td-point {
    padding: 9px 18px 9px 40px;
    border-width: 1px 0;
}

.pay-table tbody td.td-point .fl {
    font-size: 16px;
    color: #333;
    letter-spacing: -0.02em;
    font-weight: bold;
}

.pay-table tbody td.td-point .fl .fl-span-1 {
    font-size: 20px;
    color: #ff5a00;
}

.pay-table .span-1 {
    vertical-align: middle;
    display: inline-block;
    max-width: 500px;
}

.pay-table .span-1 em {
    font-weight: bold;
    display: block;
}

.pay-table .img-1 {
    vertical-align: middle;
    width: 90px;
}

.pay-table tfoot th,
.pay-table tfoot td {
    padding: 9px 0;
    background: #f7f7f7;
    border-bottom-color: #999;
}

.pay-table tfoot th {
    text-align: left;
    padding-left: 40px;
    border-right: none;
    font-size: 15px;
}

.pay-table tfoot td {
    padding-right: 18px;
    text-align: right;
    font-size: 27px;
    letter-spacing: -0.02em;
    font-weight: bold;
    color: #f83838;
    border-left: none;
}

.pay-table tfoot td .won {
    font-size: 18px;
    font-weight: normal;
}

.pay-table tfoot tr.tfoot-tr-1 th,
.pay-table tfoot tr.tfoot-tr-1 td {
    background: #fff;
}

.pay-table tfoot tr.tfoot-tr-1 th {
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.pay-table tfoot tr.tfoot-tr-1 td {
    font-size: 18px;
}

.label-style-1 {
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #333;
}

.label-style-1 input[type="checkbox"],
.label-style-1 input[type="radio"] {
    vertical-align: middle;
    border: 1px solid #333;
    width: 12px;
    height: 12px;
    background: none;
    box-shadow: none;
    outline: 0;
}

.label-style-1 span {
    vertical-align: middle;
}

.span-input-text-box {
    display: inline-block;
    line-height: 26px;
    border: 1px solid #ddd;
    padding-right: 8px;
    width: 118px;
    text-align: right;
}

.span-input-text-box input {
    color: #ff5a00;
    font-weight: bold;
    border: none;
    text-align: right;
    width: 100px;
    display: inline;
}

.span-input-text-box .point {
    color: #333;
    font-weight: bold;
}

.input-text-coupon {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    border: 1px solid #ddd;
    padding-right: 8px;
    width: 118px;
    text-align: right;
    vertical-align: middle;
}

.input-text-coupon.error {
    border-color: #f83838;
}

.text-error {
    display: none;
    font-size: 14px;
    line-height: 28px;
    vertical-align: middle;
    color: #f83838;
}

    .text-error.error {
        display: inline
    }
/* 백테스팅 이용권 */
.advertising-1 {
    width: 1200px;
    padding-top: 20px;
    margin: 0 auto;
}

.advertising-1 img {
    width: 100%;
}

.pay-backgesting-item-box {
    margin-bottom: 30px;
}

.pbi {
    position: relative;
    height: 124px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.pbi-table {
    display: table;
    height: 100%;
    width: 100%;
}

.pbi-cell {
    display: table-cell;
    vertical-align: middle;
}

.pbi-left {
    float: left;
    width: 19%;
    height: 100%;
    margin-right: 2%;
    background: url(../imgs/sub/pbi_bg1.png) no-repeat center center;
    background-size: cover;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    overflow: hidden;
}
.pbi-item-3.us .pbi-left {
    background: url(../imgs/sub/pbi_bg2.png) no-repeat center center;
}
.pbi-left-txt {
    padding: 20px;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    letter-spacing: -0.03em;
    line-height: 120%;
}
.pbi-left .p-1 {
    text-align: center;
    font-size: 22px;
    letter-spacing: -0.04em;
    color: #fff;
    line-height: 120%;
}
.pbi-left .p-1 em {
    display: block;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 110%;
}
.pbi-center {
    float: left;
    width: 25%;
    padding-right: 3%;
    margin-right: 3%;
    height: 100%;
    background: url(../imgs/sub/pbi_bar.gif) no-repeat center right;
}
.pbi-center .p-1 {
    font-size: 14px;
    color: #888;
    letter-spacing: -0.04em;
    line-height: 130%;
}
.pbi-center .p-1 em {
    font-weight: 700;
    color: #333;
}
.pbi-center-2 {
    float: left;
    width: 25%;
    padding-right: 3%;
    height: 100%;
    background: url(../imgs/sub/pbi_bar.gif) no-repeat center right;
}
.pbi-right {
    float: right;
    width: 18%;
    height: 100%;
}
.select-style-box {
    display: inline-block;
    position: relative;
    width: 310px;
    height: 44px;
    float: left;
    cursor: pointer;
    margin-right: 20px;
    background: #fff;
}
.select-style-box.type-2 {
    width: 100%;
    margin-right: 0;
}
.select-style-box .select-p {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    text-indent: 18px;
    line-height: 42px;
    height: 42px;
}
.select-style-box .select-price {
    padding-right: 11px;
    margin-right: 8px;
    font-size: 18px;
    letter-spacing: -0.04em;
    color: #4a4a4a;
    vertical-align: middle;
    background: url(../imgs/sub/pbi_bar_2.gif) no-repeat right center;
}
.select-style-box .select-price em {
    font-weight: 800;
    font-size: 24px;
    color: #ff5555;
    letter-spacing: -0.04em;
}
.select-style-box .select-count {
    font-size: 14px;
    letter-spacing: -0.04em;
    color: #4a4a4a;
    vertical-align: middle;
}
.select-style-box .select-count2 {
    font-size: 14px;
    letter-spacing: -0.04em;
    color: #4a4a4a;
    vertical-align: middle;
}
.select-style-box .select-ico {
    position: absolute;
    right: 0;
    top: 0;
    width: 27px;
    height: 100%;
    background: url(../imgs/sub/select_ico_arr_down.png) no-repeat left center;
}
.select-style-box .select-p.toggle .select-ico {
    background: url(../imgs/sub/select_ico_arr_up.png) no-repeat left center;
}
.select-style-box .select-option-box {
    position: absolute;
    display: none;
    left: 0;
    top: 42px;
    width: 100%;
    z-index: 110;
}
.select-style-box .select-option-box ul {
    padding: 10px 0;
    border-style: solid;
    border-color: #ddd;
    border-width: 0 1px 1px 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #fff;
}
.select-style-box .select-option-box li {
    position:relative;
    padding: 15px 0 15px 19px;
    line-height: 110%;
}
.select-style-box .select-option-box li:hover {
    background: #f3f3f3;
}
.select-style-box .select-option-box .option-text-1 {
    padding-right: 14px;
    margin-right: 12px;
    font-size: 16px;
    color: #4a4a4a;
    letter-spacing: -0.04em;
    background: url(../imgs/sub/pbi_bar_3.gif) no-repeat right center;
}
.select-style-box .select-option-box .option-text-1.last {
    background: none;
    padding-right: 0;
    margin-right: 0;
}
.select-style-box .select-option-box .option-text-1 em {
    font-weight: bold;
}
.select-style-box .select-option-box .option-text-2 {
    font-size: 14px;
    color: #858585;
    letter-spacing: -0.04em;
}
.select-style-box .select-option-box .option-text-2 em {
    font-weight: bold;
}
.select-style-box .select-option-box .span-qmark {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../imgs/common/icn_qmark.png) no-repeat center center;
    vertical-align: bottom;
    margin-left: 6px;
}
.select-style-box .option-text-3 {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #858585;
    letter-spacing: -0.04em;
    line-height: 110%;
}
.select-style-box .option-text-4 {
    margin-right: 5px;
    font-size: 14px;
    color: #858585;
    letter-spacing: -0.04em;
    text-decoration: line-through;
    line-height: 110%;
}
.select-style-box .option-img-event{
    position:absolute;
    right:13px;
    top:50%;
    margin-top:-11px;

}
.select-style-box.type-3 {
    width: 186px;
    height: 28px;
    float: right;
    margin-right: 0;
}
.select-style-box.type-3 .select-price,
.select-style-box.type-3 .select-count {
    font-size: 12px;
}
.select-style-box .select-price {
    background: none;
    padding-right: 0;
}
.select-style-box.type-3 .select-price em {
    font-size: 18px;
}
.select-style-box.type-3 .select-p {
    height: 28px;
    line-height: 28px;
    text-indent: 12px;
}
.select-style-box.type-3 .select-ico {
    width: 22px;
}
.select-style-box.type-3 .select-option-box {
    top: 28px;
}
.select-style-box.type-3 .select-option-box ul {
    padding: 7px 0;
}

.select-style-box.type-3 .select-option-box li {
    padding: 12px 0 12px 12px;
}

.select-style-box.type-3 .select-option-box .option-text-1 {
    padding-right: 0;
    background: none;
}
.pbi-btn-box {
    display: inline-block;
    margin-top: -3px;
}
.pbi-event-ico {
    position: absolute;
    display: none;
    left: -6px;
    top: -6px;
    width: 58px;
    height: 58px;
    background: url(../imgs/sub/pbi_sale_ico.png) no-repeat left top;
}
.pbi-event-text,
.pbi-sale-text {
    display: none;
    padding-top: 13px;
    font-size: 16px;
    letter-spacing: -0.04em;
    font-weight: bold;
    color: #ff5555;
}
.pbi-sale-text {
    display: block;
}
.pbi-event .pbi-event-ico,
.pbi-event .pbi-event-text {
    display: block;
}
.pbi-event .pbi-sale-text {
    display: none;
}
.pbi-alert-box{
    position:relative;
    min-height:24px;
    cursor:pointer;
}
.pbi-alert-icn {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 2px;
    vertical-align: middle;
    background: url(../imgs/common/icn_alert.png) no-repeat center center;
}
.pbi-alert-txt {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    color:#ff5555;
    letter-spacing: -0.01em;
    line-height: 130%;
    vertical-align: middle;
    padding:2px 0;
    border-bottom:1px solid #ff5555;
}
.pbi-alert-in {
    display:none;
    overflow: hidden;
    position: absolute;
    left: 99%;
    bottom: -38px;
    z-index:20;
}
.pbi-alert-box:hover .pbi-alert-in {
    display:block;
}
.pbi-alert-in img{
    max-width:initial;
}
.select-demi {
    height: 42px;
    line-height: 42px;
}
.sd-text-1 {
    padding-right: 14px;
    margin-right: 12px;
    font-size: 18px;
    color: #4a4a4a;
    letter-spacing: -0.04em;
    background: url(../imgs/sub/pbi_bar_3.gif) no-repeat right center;
}
.sd-text-1 em {
    font-weight: 800;
    font-size: 24px;
    color: #ff5555;
    letter-spacing: -0.04em;
}
.sd-text-2 {
    font-size: 14px;
    color: #4a4a4a;
}

.sd-left {
    display: inline-block;
    float: left;
}

.sd-right {
    display: inline-block;
    float: right;
}

.input-style-2 {
    width: 30px;
    border: none;
    text-align: center;
    font-size: 16px;
    color: #ff5555;
    letter-spacing: -0.04em;
    font-weight: 900;
}
.input-style-3,
.input-style-3[type=text]{
    width: 53px;
    height: 24px;
    padding: 0 5px 0 0 !important;
    line-height: 24px;
    border: 1px solid #c2c2c2;
    font-size: 13px;
    color: #333;
    letter-spacing: -0.02em;
    text-align:right;
}
.sd-right .btn,
.sd-right .btn img,
.sd-right .input-span {
    vertical-align: middle;
}

.sd-right .input-num-demi {
    display: inline-block;
    width: 30px;
    margin: 0 5px;
    font-size: 16px;
    color: #ff5555;
    letter-spacing: -0.04em;
    text-align: center;
}

.tab-style-4 .tab-header-2 {
    overflow: hidden;
    margin-bottom: 28px;
}

.tab-style-4 .tab-header-2 .tab-btn-2 {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 2px;
    margin-right: 25px;
    font-size: 18px;
    color: #7a7a7a;
    letter-spacing: -0.04em;
    cursor: pointer;
    border-bottom: 2px solid #fff;
}

.tab-style-4 .tab-header-2 .tab-btn-2.on {
    font-weight: 900;
    color: #f83838;
    border-color: #f93939;
}

.tab-style-4 .tab-content-2 {
    display: none;
}

.tab-style-4 .tab-content-2.on {
    display: block;
}
.pay-title {
    position: relative;
    overflow: hidden;
    height:45px;
}
.pay-title .pay-title-txt{
    padding-top:5px;
    font-weight:700;
    font-size:18px;
    color:#333;
    letter-spacing:-0.03em;
    line-height:110%;
}
.pay-title .pay-radio-box{
    display:inline-block;
    position:absolute;
    right:0;
    top:0;
}
.pay-title .pay-radio-btn{
    display:inline-block;
    padding:0 12px;
    font-weight:400;
    font-size:14px;
    color:#333;
    line-height:30px;
    letter-spacing:-0.03em;
    border-radius:15px;
    cursor:pointer;
    margin-left:9px;
}
.pay-title .pay-radio-btn.on{
    background-color:#f83838;
    color:#fff;
    font-weight:600;
}

.pay-backtesting-guide {
    clear: both;
    min-height: 35px;
}

.pay-backtesting-guide-left {
    display: inline-block;
    float: left;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 130%;
}

    .pay-backtesting-guide-left .p-2 {
        text-indent: 12px;
        color: #888;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -0.01em;
    }

.pay-backtesting-guide-right {
    position: relative;
    display: inline-block;
    float: right;
}

.pay-backtesting-guide-btn {
    padding-left: 17px;
    font-size: 14px;
    font-weight: 700;
    color: #ff5555;
    letter-spacing: -0.01em;
    background: url(../imgs/common/icn_ex.png) no-repeat left center;
}

.pay-backtesting-guide-btn-in {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px solid #ff5555;
}

.pay-backtesting-guide-pop {
    display: none;
    overflow: hidden;
    position: absolute;
    bottom: 28px;
    right: -20px;
    width: 442px;
    background: #fff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.pay-backtesting-guide-right:hover .pay-backtesting-guide-pop {
    display: block;
}

.pay-backtesting-guide-pop table {
    width: 100%;
}

.pay-backtesting-guide-pop thead th {
    padding: 15px 0;
    border-bottom: 1px solid #e9edf5;
    font-size: 12px;
    color: #333;
    letter-spacing: -0.01em;
    background: #f7f9fd;
}

.pay-backtesting-guide-pop tbody td {
    padding: 15px 0;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: -0.01em;
    text-align: center;
}

.pay-backtesting-guide-pop tbody .bg-odd {
    background: #f7f9fd;
}
/* 안내사항, 환불규정 */
.terms-box {
    overflow: hidden;
    margin-bottom: 20px;
}

    .terms-box h3 {
        margin-bottom: 10px;
    }

    .terms-box .fl,
    .terms-box .fr {
        width: 48%;
    }

.tems-box-in {
    padding: 20px 20px 0 20px;
    border: 1px solid #ccc;
    height: 205px;
}

.terms-box .fl .tems-box-in {
    overflow-y: auto;
}

.terms-box p,
.terms-box li {
    font-size: 13px;
    color: #888;
    letter-spacing: -0.04em;
    line-height: 140%;
}

.terms-box p {
    margin-bottom: 20px;
}

.terms-box li {
    padding-left: 18px;
    text-indent: -18px;
}

.bg-box {
    padding: 16px 0;
    text-align: center;
    background: #f5f7f9;
}

    .bg-box p {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 110%;
        letter-spacing: -0.04em;
        color: #f83838;
    }

.agree-box {
    margin-bottom: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.02em;
    line-height: 52px;
    border-style: solid;
    border-color: #999;
    border-width: 1px 0;
}

    .agree-box sapn {
        vertical-align: middle;
    }

.check {
    display: inline-block;
    padding-left: 25px;
    background: url(../imgs/common/check_off.png) no-repeat left center;
}

    .check.checked {
        background: url(../imgs/common/check_on.png) no-repeat left center;
    }
/* payment clear */
.pay-clear-box {
    padding: 40px 0;
    text-align: center;
}

    .pay-clear-box .p-1 {
        margin-bottom: 8px;
        font-size: 22px;
        letter-spacing: -0.02em;
        color: #f83838;
        font-weight: bold;
        line-height: 110%;
    }

    .pay-clear-box .p-2 {
        font-size: 14px;
        letter-spacing: -0.02em;
        color: #333;
        line-height: 110%;
    }
/* 파트너 공통 */
.partner-div {
    max-width: 790px;
    overflow: hidden;
    text-align: center;
    padding: 50px 0 10px 0;
    min-height: 390px;
    margin: 0 auto;
}
.partner-div li {
    display: inline-block;
    float: left;
    width: 25%;
    height: 80px;
    text-align: center;
    opacity: 0;
    margin-top: 20px;
}
/* 포트 관리*/
.manage-arr-box{
    position: relative;
    overflow: hidden;
    height: 38px;
    margin-top: -9px;
}
.manage-arr-box .manage-arr {
    height: 100%;
    background: url(../imgs/sub/icn_arr.png) no-repeat center center;
}
.manage-arr-box .btn-right{
    position:absolute;
    right:0;
    top:5px;
}
.manage-arr-box-2 {
    overflow: hidden;
    height: 33px;
    padding-top: 7px;
    background: url(../imgs/sub/icn_arr.png) no-repeat center 18px;
}
.portCtrlBoxTop {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

.box_ctrlBtns .btn_popSide {
    cursor: pointer;
}

.tooltip-box {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 3px;
}
.span-tip {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 3px;
    vertical-align: middle;
    cursor: help;
    background: url(../imgs/sub/icn_tip.png)no-repeat center center;
}
.type-ko .span-tip {
    background: url(../imgs/common/icn_tip_2.png)no-repeat center center;
}
.tooltip-box .span-tip {
    margin-left: 0;
}
.tooltip-pop {
    display: none;
    position: absolute;
    width: 290px;
    left: 0;
    top: 0;
    padding: 14px;
    margin: -305px -100px 0 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #bdbdbd;
    box-shadow: 2px 2px 1px -1px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    color: #333;
    font-size: 13px;
    letter-spacing: -0.01em;
    text-align: left;
    line-height: 130%;
}

.tooltip-color-1 {
    color: #3861fb;
}

.tooltip-color-2 {
    color: #00b649;
}

.tooltip-color-3 {
    color: #58667e;
}
.tooltip-color-4 {
    color: #f83838;
}
.tooltip-p {
    display: block;
    font-weight: 700;
}
.section-portMng-top {
    position: relative;
    overflow: hidden;
    height: 32px;
}
.section-portMng-top.margin-2 {
    margin-bottom: 32px;
}
.btn_popSide.type-2 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.section-portMng-top .select-r {
    position: absolute;
    top: 6px;
    right: 0;
    width: 83px;
}
.port-modify {
    display: inline-block;
    border: 1px solid #aaa;
    width: 82px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #888;
    border-radius: 6px;
    margin-left: 15px;
    cursor: pointer;
}
.portmanage-tab-btn {
    font-size: 13px;
    font-weight: normal;
    color: #606060;
    letter-spacing: -0.025em;
    cursor: pointer;
}
.portmanage-tab-btn.on {
    color: #143b58;
    font-weight: 900;
}
.portmanage-tab-bar {
    margin-left: 3px;
    margin-right: 3px;
    color: #9f9f9f;
}
.portmanage-tab.type-2 .portmanage-tab-btn,
.portmanage-tab.type-2 .portmanage-tab-bar {
    padding: 0;
    margin: 0;
}
.port-manage-tab-header {
    height: 30px;
    margin-bottom: 30px;
}
.btn-list-check {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    cursor: pointer;
}
.btn-flag-check {
    display: inline-block;
    width: 22px;
    height: 15px;
    vertical-align: middle;
    cursor: pointer;
}
.btn-list-check-box{
    background:url(../imgs/sub/btn_box_off.png) no-repeat center center;
}
.btn-list-check-list {
    background: url(../imgs/sub/btn_list_off.png) no-repeat center center;
}
.btn-list-check-box.checked{
    background:url(../imgs/sub/btn_box_on.png) no-repeat center center;
}
.btn-list-check-list.checked {
    background: url(../imgs/sub/btn_list_on.png) no-repeat center center;
}
.btn-flag-check-ko{
    background:url(../imgs/sub/btn_flag_ko_off.png) no-repeat center center;
}
.btn-flag-check-us {
    background: url(../imgs/sub/btn_flag_us_off.png) no-repeat center center;
}
.btn-flag-check-ko.checked {
    background: url(../imgs/sub/btn_flag_ko_on.png) no-repeat center center;
}
.btn-flag-check-us.checked {
    background: url(../imgs/sub/btn_flag_us_on.png) no-repeat center center;
}
.portmanage-my-box {
    margin-bottom: 30px;
}
.portmanage-my-box-title {
    position: relative;
    overflow: hidden;
    margin-bottom: 13px;
}
.port-manage-my-box-text-1 {
    display: block;
    height:20px;
    font-size: 12px;
    text-align: right;
    color: #606060;
    letter-spacing: -0.025em;
    padding-top:5px;
}
.portmanage-my-box-title .port-manage-my-box-text-1 {
    position: absolute;
    height: 100%;
    width: 800px;
    text-align: right;
    line-height: 20px;
}
.portmanage-my-box-title-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    line-height:30px;
    font-size: 15px;
    color: #333;
    letter-spacing: -0.03em;
    text-align:right;
}
.portmanage-my-box-title-right label{
    vertical-align:middle;
}
.pmmb-item {
    display: block;
}
.portmanage-my-box-con {
    overflow: hidden;
    text-align: center;
    background: #f5f7f8;
    padding: 11px 0;
}
/*
.portmanage-my-box-con-in {
    overflow: hidden;
    float: left;
    width: 91%;
}
*/
.pmbc-r {
    float: right;
    width: 7%;
    background: #f5f7f8;
}

.pmbc-pw {
    display: block;
    height: 28px;
    padding-top: 34px;
    background: url(../imgs/common/lock_close.png) no-repeat center 10px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    color: #143b58;
}
.pmbc-pw.on {
    background: url(../imgs/common/lock_open.png) no-repeat center 10px;
}
.pmbc-item {
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #606060;
    letter-spacing: -0.025em;
    width: 33.33%;
    line-height: 140%;
    background: url(../imgs/sub/pmbc_bar.gif) no-repeat right;
}
.type-us .pmbc-item {
    width: 50%;
}
.pmbc-item.last,
.pmbc-item:last-child {
    background: none;
}
.pmbc-text-1 {
    display: block;
    font-weight:bold;
}
.pmbc-text-2 {
    font-size: 12px;
}
.pmbct2-num,
.pmbct2-ge {
    color: #143b58;
    font-weight: 900;
}
.section_portMng .table-3 td {
    padding-top: 9px;
    padding-bottom: 11px;
}
.port-tag {
    margin-bottom: 4px;
}
.port-tag-2 {
    display: block;
    margin-bottom: 1px;
}
.port-tag-style-1 {
    overflow: hidden;
    display: inline-block;
    min-width: 48px;
    padding: 0 1px;
    text-align: center;
    line-height: 15px;
    height: 15px;
    font-size: 10px;
    color: #fff;
    background: #f22613;
    border-radius: 10px;
    vertical-align: middle;
}
.port-tag-style-2 {
    overflow: hidden;
    display: inline-block;
    min-width: 63px;
    padding: 0 1px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    font-size: 13px;
    color: #fff;
    font-weight: 900;
    background: #f22613;
    border-radius: 10px;
    vertical-align: middle;
}
.port-tag-style-3 {
    display: inline-block;
    padding-right: 9px;
    color: #888;
    font-size: 11px;
    vertical-align: middle;
    background: url(../imgs/common/icn_dot.png) no-repeat right center;
}
.port-tag-wrap-1 .port-tag-style-3:last-child,
.port-tag-style-3.last {
    background: none;
    padding-right: 0;
}
.box-gab-alert-txt{
    padding-top:7px;
    margin-bottom:9px;
    line-height:110%;
    font-size:13px;
    color:#f83838;
    letter-spacing:0.03em;
}
/* 태그 색값 */
/* 백테스팅, 가상, 실전 */
.icn-bg-a1 {
    background: #f22613 !important;
}

.icn-bg-a2 {
    background: #f64747 !important;
}

.icn-bg-a3 {
    background: #db0a5b !important;
}

.icn-bg-a4 {
    background: #b10045 !important;
}
/* 트레이딩, 자산배분 */
.icn-bg-b1 {
    background: #f9bf3b !important;
}

.icn-bg-b2 {
    background: #f9690e !important;
}

.icn-bg-b3 {
    background: #ff9900 !important;
}
/* 일봉, 틱 */
.icn-bg-c1 {
    background: #bf55ec !important;
}

.icn-bg-c2 {
    background: #9b59b6 !important;
}

.icn-bg-c3 {
    background: #ca3fc2 !important;
}

.icn-bg-c4 {
    background: #a6009c !important;
}
/* 일반 NH */
.icn-bg-d1 {
    background: #3535a8 !important;
}

.icn-bg-d2 {
    background: #1d378b !important;
}

.icn-bg-d3 {
    background: #0400b8 !important;
}
/* 15분, 30분, 1시간, 1일 */
.icn-bg-e1 {
    background: #7cb6f6 !important;
}

.icn-bg-e2 {
    background: #5fb7f3 !important;
}

.icn-bg-e3 {
    background: #038aff !important;
}

.icn-bg-f1 {
    background: #03c9a9 !important;
}

.icn-bg-f2 {
    background: #00c27c !important;
}
/* 백테스팅, 가상, 실전 */
.icn-color-a1 {
    color: #f22613 !important;
}

.icn-color-a2 {
    color: #f64747 !important;
}

.icn-color-a3 {
    color: #db0a5b !important;
}

.icn-color-a4 {
    color: #b10045 !important;
}
/* 트레이딩, 자산배분 */
.icn-color-b1 {
    color: #f9bf3b !important;
}

.icn-color-b2 {
    color: #f9690e !important;
}

.icn-color-b3 {
    color: #ff9900 !important;
}
/* 일봉, 틱 */
.icn-color-c1 {
    color: #bf55ec !important;
}

.icn-color-c2 {
    color: #9b59b6 !important;
}

.icn-color-c3 {
    color: #ca3fc2 !important;
}

.icn-color-c4 {
    color: #a6009c !important;
}
/* 일반 NH */
.icn-color-d1 {
    color: #3535a8 !important;
}

.icn-color-d2 {
    color: #1d378b !important;
}

.icn-color-d3 {
    color: #0400b8 !important;
}
/* 15분, 30분, 1시간, 1일 */
.icn-color-e1 {
    color: #7cb6f6 !important;
}

.icn-color-e2 {
    color: #5fb7f3 !important;
}

.icn-color-e3 {
    color: #038aff !important;
}

.icn-color-f1 {
    color: #03c9a9 !important;
}

.icn-color-f2 {
    color: #00c27c !important;
}

.port-tag-style-id {
    margin-right: 9px;
    padding-right: 16px;
    line-height: 130%;
    font-weight: 700;
    color: #f83838;
    background: url(../imgs/sub/tag_id_bar.gif) no-repeat right center;
}

.port-tag-wrap-1,
.port-tag-wrap-2 {
    display: block;
}

    .port-tag-wrap-1 .port-tag-style-1,
    .port-tag-wrap-2 .port-tag-style-2,
    .port-tag-wrap-1 .port-tag-style-3 {
        margin-right: 5px;
    }

.box_fullDetail_title .port-tag-wrap-2 {
    margin-bottom: 5px;
}

.table-3 .port-tag-wrap-1 {
    margin-bottom: 3px;
}

.port-num-2 {
    vertical-align: middle;
    font-size: 13px;
    color: #333;
}

.port-detail-title {
    margin-bottom: 5px;
    margin-right: 5px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.025em;
}

.port-name-over {
    display: inline-block;
    max-width: 400px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

.port-detail-title .port-name-over,
.port-detail-title .port-tag-style-id,
.port-detail-title .port-name-edit {
    vertical-align: middle;
    line-height: 26px;
}

.pno-1 {
    max-width: 500px;
    margin-bottom: 5px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #333;
    line-height: 110%;
    letter-spacing: -0.025em;
}

.pmbc-bar {
    display: none;
}

.ico-porttype-b-1,
.ico-porttype-b-2,
.ico-porttype-b-3,
.ico-porttype-b-4,
.ico-porttype-b-5,
.ico-porttype-b-6,
.ico-porttype-b-7,
.ico-porttype-b-8,
.ico-porttype-b-9 {
    display: inline-block;
    margin-right: 3px;
    min-width: 30px;
    padding: 0 2px;
    line-height: 15px;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.1em;
    border-radius: 3px;
    text-align: center;
}

.ico-porttype-b-1 {
    background: #ffa837;
}

.ico-porttype-b-2 {
    background: #ff6600;
}

.ico-porttype-b-3 {
    background: #75e0f0;
}

.ico-porttype-b-4 {
    background: #ff7c7c;
}

.ico-porttype-b-5 {
    background: #2064ff;
}

.ico-porttype-b-6 {
    background: #bf81ff;
}

.ico-porttype-b-7 {
    background: #ad81ff;
}

.ico-porttype-b-8 {
    background: #d21eff;
}

.ico-porttype-b-9 {
    background: #a001c8;
}

.number_rank {
    display: inline-block;
    width: 16px;
    margin-right: 8px;
    font-size: 12px;
    color: #777;
    text-align: center;
}

.port-del {
    font-size: 10px;
    color: #f83838;
    letter-spacing: -0.01em;
}

.input-drop {
    position: relative;
    display: inline-block;
    text-align: left;
}

.input-drop-in {
    display: none;
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    max-height: 134px;
    overflow-y: auto;
    border: 1px solid #ccc;
    text-indent: 10px;
    line-height: 200%;
    background: #fff;
    box-sizing: border-box;
}

.input-drop-option {
    display: block;
    cursor: pointer;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

    .input-drop-option:hover {
        background-color: #f4f4f4;
    }

.input-bot-style-1 {
    overflow: hidden;
}

.ibs1-alert {
    margin-top: 2px;
    float: right;
    font-size: 12px;
    color: #f83838;
}

.port-base-pay {
    float: right;
    width: 21%;
    background: #f5f7f9;
    overflow: hidden;
    padding: 0 10px;
    line-height: 40px;
    box-sizing: border-box;
}

    .port-base-pay span {
        vertical-align: baseline;
    }

    .port-base-pay .num {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -0.08em;
        color: #f83838;
    }
/* 주문 결제 */
.pakage-text {
    margin-top: 10px;
    line-height: 140%
}
.li-advertising {
    margin-top: 30px;
}
.li-advertising img {
    width: 100%;
}
.advertising-text {
    font-size: 12px;
    color: #f83838;
    text-align: right;
    letter-spacing: -0.01em;
}
/* 결제 */
.gpp-ad-box {
    margin-bottom: 50px;
}

    .gpp-ad-box img {
        width: 100%;
    }

.gpp-item-wrap {
    margin-bottom: 50px;
}

.gpp-item {
    overflow: hidden;
    margin-bottom: 20px;
    height: 134px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

    .gpp-item .item-left {
        float: left;
        width: 19%;
        height: 100%;
        background: #ff5555 url(../imgs/sub/gpp_bg1.jpg) no-repeat center center;
    }

        .gpp-item .item-left p {
            letter-spacing: 0.04em;
            text-align: center;
            color: #fff;
            line-height: 120%;
        }

        .gpp-item .item-left .p-1 {
            padding-top: 32px;
            font-size: 30px;
            font-weight: bold;
        }

        .gpp-item .item-left .p-2 {
            font-size: 26px;
        }

    .gpp-item .item-right {
        float: right;
        width: 80%;
    }

    .gpp-item .item-right-in {
        padding: 20px 33px 0 20px;
    }

    .gpp-item .item-right-1 {
        float: left;
        width: 48%;
        height: 96px;
        border-right: 1px solid #ddd;
    }

    .gpp-item .item-right-2 {
        float: left;
        width: 28%;
        text-align: right;
    }

    .gpp-item .item-right-3 {
        float: right;
        width: 18%;
    }

    .gpp-item .item-right-1 ul {
        padding-top: 12px;
    }

    .gpp-item .item-right-1 li {
        float: left;
        display: inline-block;
        width: 50%;
        margin-bottom: 5px;
    }

    .gpp-item .item-right-1 dt,
    .gpp-item .item-right-1 dd {
        display: inline;
        font-size: 14px;
        letter-spacing: -0.04em;
    }

    .gpp-item .item-right-1 dt {
        margin-right: 8px;
        color: #888;
    }

    .gpp-item .item-right-1 dd {
        color: #333;
        font-weight: bold;
    }

    .gpp-item .item-right-2 {
        line-height: 96px;
    }

    .gpp-item .item-right-2-1 {
        margin-right: 3px;
        font-size: 26px;
        color: #ff5555;
        font-weight: 800;
        letter-spacing: -0.04em;
    }

    .gpp-item .item-right-2-2 {
        font-size: 18px;
        color: #4a4a4a;
        letter-spacing: -0.04em;
    }

    .gpp-item .item-right-3 {
        padding-top: 20px;
        text-align: center;
    }

.btn-gpp-ok {
    position: relative;
    display: inline-block;
    width: 162px;
    height: 60px;
    text-align: center;
    line-height: 59px;
    font-size: 20px;
    letter-spacing: -0.04em;
    color: #fff;
    background: url(../imgs/sub/btn_gpp_ok.png) no-repeat center center;
}

    .btn-gpp-ok:hover {
        color: #fff;
    }

    .btn-gpp-ok .btn-gpp-ok-tooltip {
        display: none;
        position: absolute;
        top: 51px;
        left: 87px;
        padding-top: 10px;
        font-size: 12px;
        line-height: 130%;
        color: #888;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .btn-gpp-ok .btn-gpp-ok-tooltip-in {
        display: block;
        width: 198px;
        padding: 12px 14px;
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
    }

    .btn-gpp-ok .btn-gpp-ok-tooltip em {
        font-weight: bold;
    }

    .btn-gpp-ok .btn-gpp-ok-tooltip-in::after {
        content: '';
        display: block;
        position: absolute;
        left: 29px;
        top: 0;
        width: 25px;
        height: 11px;
        background: url(../imgs/common/bg_tooltip_arr.png) no-repeat center center;
    }

    .btn-gpp-ok:hover .btn-gpp-ok-tooltip {
        display: block;
    }

.box_mngLst-mask {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #000;
}

.box_mngLst-mask-stop {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    z-index: 10;
}

.thumbnail-1 {
    display: inline-block;
    width: 90px;
    padding: 10px 0;
    background: url(../imgs/sub/pbi_bg1.png) no-repeat center center;
    background-size: cover;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.04em;
    color: #fff;
    font-weight: normal;
    line-height: 120%;
    vertical-align: middle;
}

    .thumbnail-1.type-2 {
        padding: 18px 0;
    }

.box-agree {
    text-align: center;
    margin-bottom: 60px;
    line-height: 150%;
}

    .box-agree input[type="checkbox"] {
        vertical-align: middle;
    }

.txt-agree {
    font-size: 13px;
    color: #333;
    padding-left: 6px;
    letter-spacing: -0.01em;
    vertical-align: middle;
}
/*
.box_mngLst li:hover .box_mngLst-mask{
    display:block;
}
.box_mngLst li.stop-action:hover .box_mngLst-mask {
    display: none;
}
.stop-action .box_mngLst-mask-stop {
    display: block;
}
*/
.sale-date {
    position: absolute;
    top: -30px;
    z-index: 10;
}
/* main 메인 */
.section-in {
    width: 960px;
    margin: 0 auto;
}

.section-1200 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.main {
    width: 960px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.banner-top {
    position: relative;
    overflow: hidden;
    height: 350px;
    margin-bottom: 30px;
}

.main-slide-item {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    animation: 4s all;
    animation-name: mainSlide;
}

@keyframes mainSlide {
    from {
        opacity: 1;
    }

    to {
    }
}

.banner-top-main .main-slide-item-1 {
    display: block;
    background: url(/img/img_main.png) no-repeat center;
}

.banner-top-main .main-slide-item-2 {
    background: #999;
}

.banner-top-main .main-slide-item-3 {
    background: #0cc;
}

.banner-top ul {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 74px;
}

.banner-top-main-btn {
    width: 172px;
    height: 44px;
    display: block;
    overflow: hidden;
    background: url(../imgs/main/btn_start.png) 0px 0px no-repeat;
}

    .banner-top-main-btn:hover {
        background-position: 0px -44px;
    }

.section-main {
    width: 1200px;
    margin: 0 auto;
}

.main-h2 {
    position: relative;
    clear: both;
    margin-bottom: 15px;
    font-size: 24px;
    letter-spacing: -0.04em;
    color: #333;
    font-weight: bold;
}

    .main-h2 .h2-sub-1 {
        margin-left: 32px;
        font-size: 16px;
        font-weight: normal;
    }

    .main-h2 .h2-sub-2 {
        color: #ff4444;
    }

    .main-h2 .main-h2-btn {
        position: absolute;
        display: inline-block;
        right: 0;
        top: 0;
        padding: 0 16px 0 33px;
        line-height: 32px;
        background: #ff4445 url(../imgs/main/main_h2_btn.png) no-repeat 5px center;
        color: #fff;
        font-size: 16px;
        border-radius: 16px;
        font-weight: normal;
        cursor: pointer;
    }

.main-item-box {
    clear: both;
    float: none;
    padding-bottom: 80px;
}

.main-item-box-in {
    width: 1268px;
    margin-left: -34px;
}

.main-item-demi {
    clear: both;
    float: none;
    height: 1px;
}

.main-item {
    position: relative;
    float: left;
    width: 274px;
    height: 465px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-left: 32px;
    margin-bottom: 20px;
}

    .main-item.size-2 {
        height: 455px;
    }

    .main-item.size-3 {
        overflow: hidden;
        height: 412px;
        margin: 0;
        background: #fff;
        cursor: pointer;
        border: none;
        box-shadow: 16px 9px 58px 20px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
    }

    .main-item.disabled {
        background: url(../imgs/main/coming.png) no-repeat center center;
    }

    .main-item.disabled-2 {
        background: url(../imgs/main/coming_2.png) no-repeat center center;
    }

        .main-item.disabled div,
        .main-item.disabled-2 div {
            display: none !important;
            visibility: hidden !important;
        }

.main-item-img {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.main-item-img-tag-box {
    padding: 20px 0 0 20px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

.main-item-img-tag {
    display: inline-block;
    padding: 0 8px;
    margin-right: 4px;
    line-height: 19px;
    background: #fff;
    opacity: 0.8;
    font-size: 10px;
    letter-spacing: -0.01em;
}

.main-item-img-mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: url('../imgs/main/main_item_mask_bg.png');
}

.main-item:hover .main-item-img-mask {
    display: block;
}

.main-item-img-mask p {
    display: none;
    padding-top: 46px;
    max-height: 46px;
    font-size: 14px;
    letter-spacing: -0.04em;
    color: #fff;
    line-height: 130%;
}

.main-item-img-mask-bot {
    position: absolute;
    left: 0;
    bottom: 68px;
    width: 100%;
}

.main-item-mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../imgs/main/main_item_mask_bg.png');
    z-index: 10;
    cursor: pointer;
}

.mask-new-action:hover .main-item-img,
.mask-new-action:hover .main-item-con,
.mask-new-action:hover .main-item-btn {
    filter: blur(2px);
}

.mask-new-action:hover .main-item-mask {
    display: block;
}

.main-item-mask-in {
    box-sizing: border-box;
    overflow: hidden;
    height: 100%;
    padding: 75px 25px 24px 25px;
}

.main-item-mask-text {
    overflow: hidden;
    height: 236px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.01em;
    color: #fff;
    line-height: 140%;
}

    .main-item-mask-text em {
        display: block;
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -0.01em;
        color: #fff;
        line-height: 110%;
    }

.main-item-mask-btn-box {
    text-align: center;
}

.main-item-mask-btn {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.01em;
}

.btn-main-img-mask {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.04em;
    color: #fff;
    padding: 0 2px 6px 2px;
    border-bottom: 1px solid #fff;
}

.main-item-con {
    padding: 10px 15px 20px 15px;
}

.main-item-con-header {
    position: relative;
    margin-bottom: 5px;
}

.span-box-1,
.a-box-1,
.a-box-2 {
    display: inline-block;
    padding: 0 8px;
    line-height: 20px;
    font-size: 12px;
    letter-spacing: -0.04em;
    color: #fff;
    margin-right: 5px;
    font-weight: bold;
    background: #008aff;
    vertical-align: middle;
}

.a-box-1 {
    background: #16c365;
    margin-right: 0;
}

.a-box-2 {
    margin-left: 3px;
    background: #1b3b85;
}

    .a-box-1:hover,
    .a-box-2:hover {
        color: #fff;
    }

.main-item .count {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #000;
}

.main-item .p-0 {
    display: block;
    width: 100%;
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.04em;
    color: #000;
    font-weight: bold;
    vertical-align: middle;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

.main-item .p-1 {
    height: 36px;
    margin-bottom: 12px;
    overflow: hidden;
    font-size: 14px;
    letter-spacing: -0.04em;
    color: #000;
    line-height: 125%;
}

.main-item .graph-all-box {
    position: relative;
    height: 52px;
    margin-bottom: 13px;
    border: 1px solid #ddd;
}

    .main-item .graph-all-box .fl {
        position: absolute;
        left: 9px;
        top: 9px;
        background: #fff;
        width: 90px;
        height: 40px;
    }

    .main-item .graph-all-box .fr {
        text-align: right;
        padding: 7px 12px 0 0;
    }

.main-item .graph-all-box-2 {
    position: relative;
    height: 52px;
    margin-bottom: 20px;
}

    .main-item .graph-all-box-2 .fl {
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 135px;
        height: 48px;
    }

    .main-item .graph-all-box-2 .fr {
        text-align: right;
        padding: 0 2px 0 0;
    }

.main-item .p-2 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    display: block;
    color: #f83838;
}

.main-item .p-3 {
    font-size: 12px;
    color: #666;
}

.main-item .p-4 {
    margin-bottom: 5px;
    font-size: 20px;
    color: #f83838;
    font-weight: 700;
    letter-spacing: -0.01em;
}

    .main-item .p-4 .per {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: -0.01em;
    }

.main-item .p-5 {
    font-size: 10px;
    color: #333;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.main-item-tab {
    overflow: hidden;
    margin-bottom: 5px;
}

    .main-item-tab .tab-btn-li {
        display: inline-block;
        float: left;
        width: 50%;
    }

    .main-item-tab .tab-btn {
        display: inline-block;
        height: 28px;
        width: 46%;
        line-height: 28px;
        border: 1px solid #ddd;
        font-size: 12px;
        color: #a3a3a3;
        text-align: center;
        border-radius: 4px;
        cursor: pointer;
    }

    .main-item-tab .tab-btn-r {
        float: right;
    }

    .main-item-tab .tab-btn-full {
        float: none;
        width: 99%;
        margin: 0 auto;
    }

    .main-item-tab .tab-btn.on {
        font-weight: bold;
        color: #ff4444;
        border-color: #ff4444;
    }

.main-item-bot {
}

.main-item .main-item-bot .main-item-bot-t {
    height: 16px;
    text-decoration: line-through;
    text-align: right;
    font-size: 14px;
    color: #4e4e4e;
    letter-spacing: -0.04em;
    line-height: 110%;
}

.main-item .main-item-bot .fr {
    text-align: right;
    width: 64%;
    font-size: 24px;
    color: #ff4444;
    font-weight: bold;
}

    .main-item .main-item-bot .fr .span-2-2 {
        font-size: 16px;
        font-weight: normal;
    }

.main-item-bot-2,
.genmart-list-p-3 {
    margin-top: 5px;
    text-align: right;
    font-size: 12px;
    color: #ff4444;
    line-height: 110%;
}

    .main-item-bot-2 em,
    .genmart-list-p-3 em {
        font-weight: bold;
    }

.main-item-bot-3 li {
    overflow: hidden;
    margin-bottom: 8px;
}

.main-item-bot-3 .span-l {
    float: left;
    display: inline-block;
    padding-top: 5px;
    font-size: 12px;
    color: #231815;
    letter-spacing: -0.01em;
}

.main-item-bot-3 .span-r {
    float: right;
    text-align: right;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    color: #112e56;
    letter-spacing: -0.025em;
}

    .main-item-bot-3 .span-r .won {
        font-size: 14px;
        font-weight: 400;
    }

.genmart-list-p-3 {
    text-align: left;
}

.my-pay-max {
    font-size: 12px;
    color: #ff4444;
    line-height: 110%;
}

    .my-pay-max em {
        font-weight: bold;
    }

.main-item-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
}

.btn-main-item {
    display: block;
    height: 48px;
    line-height: 48px;
    background: #ff4444;
    font-size: 16px;
    color: #fefefe;
    text-align: center;
    font-weight: bold;
}

    .btn-main-item.off {
        background: #333;
        cursor: default;
    }

    .btn-main-item.half {
        width: 50%;
        display: inline-block;
        float: left;
    }

    .btn-main-item.half-l {
        background-image: url(../imgs/sub/btn_bar.png);
        background-position: right top;
        background-repeat: repeat-y;
    }

.select-style-box-2 {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 44px;
    cursor: pointer;
    background: #fff;
}

    .select-style-box-2 .select-p {
        position: relative;
        border: 1px solid #ddd;
        border-radius: 4px;
        overflow: hidden;
        text-indent: 14px;
        line-height: 38px;
    }

    .select-style-box-2 .select-price {
        margin-right: 8px;
        font-size: 14px;
        letter-spacing: -0.04em;
        color: #ff5555;
        vertical-align: middle;
    }

        .select-style-box-2 .select-price em {
            font-weight: 800;
            font-size: 20px;
            color: #ff5555;
            letter-spacing: -0.04em;
        }

    .select-style-box-2 .select-count {
        font-size: 14px;
        letter-spacing: -0.04em;
        color: #4e4e4e;
        vertical-align: middle;
    }

    .select-style-box-2 .select-count2 {
        font-size: 14px;
        letter-spacing: -0.04em;
        color: #4a4a4a;
        vertical-align: middle;
    }

    .select-style-box-2 .select-ico {
        position: absolute;
        right: 0;
        top: 0;
        width: 27px;
        height: 100%;
        background: url(../imgs/sub/select_ico_arr_down.png) no-repeat left center;
    }

    .select-style-box-2 .select-p.toggle .select-ico {
        background: url(../imgs/sub/select_ico_arr_up.png) no-repeat left center;
    }

    .select-style-box-2 .select-option-box {
        position: absolute;
        display: none;
        left: 0;
        top: 40px;
        width: 100%;
        background: #fff;
        z-index: 110;
    }

        .select-style-box-2 .select-option-box ul {
            padding: 4px 0 10px 0;
            border-style: solid;
            border-color: #ddd;
            border-width: 1px 1px 1px 1px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .select-style-box-2 .select-option-box li {
            padding: 13px 0 7px 14px;
            line-height: 130%;
            min-height: 22px;
        }

            .select-style-box-2 .select-option-box li:hover {
                background: #f3f3f3;
            }

        .select-style-box-2 .select-option-box .option-text-1 {
            margin-right: 6px;
            font-size: 14px;
            color: #4a4a4a;
            letter-spacing: -0.04em;
        }

            .select-style-box-2 .select-option-box .option-text-1.last {
                background: none;
                padding-right: 0;
                margin-right: 0;
            }

            .select-style-box-2 .select-option-box .option-text-1 em {
                font-size: 16px;
                font-weight: bold;
            }

        .select-style-box-2 .select-option-box .option-text-2 {
            font-size: 14px;
            color: #858585;
            letter-spacing: -0.04em;
        }

            .select-style-box-2 .select-option-box .option-text-2 em {
                font-weight: bold;
            }

    .select-style-box-2 .option-text-4 {
        display: block;
        padding-top: 3px;
        font-size: 14px;
        color: #b1b1b1;
        letter-spacing: -0.04em;
        text-decoration: line-through;
        line-height: 130%;
    }
/* main genmart guide */
.main-genmart-guide {
    overflow: hidden;
    margin-bottom: 70px;
}

.main-genmart-item {
    display: inline-block;
    float: left;
    width: 33%;
    text-align: center;
}

.main-genmart-item-1,
.main-genmart-item-2 {
    width: 34%;
    background: url(../imgs/main/main_guide_ico_arr.png) no-repeat right center;
}

.main-genmart-item-3 {
    width: 32%;
}

.main-genmart-item-1 {
    background: url(../imgs/main/main_guide_img_1.png) no-repeat center 22px;
}

.main-genmart-item-2 {
    background: url(../imgs/main/main_guide_img_2.png) no-repeat center 20px;
}

.main-genmart-item-3 {
    background: url(../imgs/main/main_guide_img_3.png) no-repeat center 20px;
}

.main-genmart-item-4 {
    background: url(../imgs/main/main_guide_img_4.png) no-repeat center 22px;
}

.main-genmart-item-5 {
    background: url(../imgs/main/main_guide_img_5.png) no-repeat center 20px;
}

.main-genmart-item-6 {
    background: url(../imgs/main/main_guide_img_6.png) no-repeat center 20px;
}

.main-genmart-item-in {
    padding-top: 150px;
    height: 80px;
}

.main-genmart-item-1 .main-genmart-item-in,
.main-genmart-item-2 .main-genmart-item-in,
.main-genmart-item-4 .main-genmart-item-in,
.main-genmart-item-5 .main-genmart-item-in {
    background: url(../imgs/main/main_guide_ico_arr.png) no-repeat right center;
}

.main-genmart-item-in p {
    color: #242424;
    letter-spacing: -0.04em;
    line-height: 110%;
}

.main-genmart-item-in .p-1 {
    margin-bottom: 18px;
    font-size: 20px;
}

.main-genmart-item-in .p-2 {
    font-size: 16px;
    font-weight: 300;
}

.main-p-1 {
    margin-bottom: 25px;
    font-size: 20px;
    color: #0f0f0f;
    letter-spacing: -0.04em;
    line-height: 110%;
    text-align: center;
}

.main-btn-1 {
    display: inline-block;
    overflow: hidden;
    padding: 10px;
    min-width: 175px;
    border-radius: 4px;
    font-size: 18px;
    letter-spacing: -0.06em;
    color: #fff;
    text-align: center;
    background: #ff4444;
    cursor: pointer;
}

    .main-btn-1:hover {
        color: #fff;
    }
/* 젠포트란 */
.visual-box-1 {
    height: 430px;
    background: #f9f1ee url(../imgs/sub/why_visual_new_2.jpg) repeat center left;
}

.visual-box-1-in {
    height: 100%;
    background: url(../imgs/sub/why_visual_new_1.jpg) no-repeat center center;
}

.visual-box-in {
    position: relative;
    height: 100%;
    width: 1200px;
    margin: 0 auto;
}

.visual-box-p {
    padding-top: 150px;
    margin-bottom: 28px;
}

.visual-box-p-1 {
    padding-top: 100px;
}
.visual-box-1 .visual-box-p {
    padding-top: 90px;
}

.visual-box-1 .visual-box-p,
.visual-box-1 .visual-btn-box {
    padding-left: 70px;
}

.visual-youtube {
    position: absolute;
    right: 0;
    top: 60px;
    width: 550px;
    height: 310px;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    -moz-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
}

.section-featureGen {
    clear: both;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 150px;
}

.section-featureGen-item {
    float: left;
    width: 33%;
    text-align: center;
}

.section-featureGen-item.last {
    float: right;
}

.section-featureGen-item-in {
    padding: 50px 0;
}

.section-featureGen .title {
    padding: 15px 0 10px 0;
    font-size: 20px;
    letter-spacing: -0.04em;
    color: #242424;
}

.visual-box-2 {
    height: 1172px;
    margin-bottom: 50px;
    background: url('../imgs/sub/why_visual_bg_2.png') no-repeat center center;
}

.visual-box-2-in {
    position: relative;
    height: 1172px;
    width: 1200px;
    margin: 0 auto;
}

.visual-box-2-text {
    position: absolute;
    bottom: 310px;
    right: 92px;
    text-align: right;
}
.visual-box-2-text p {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 300;
    color: #565656;
    letter-spacing: -0.04em;
    line-height: 130%;
}
.section-what-1 {
    overflow: hidden;
    padding: 0 0 80px 0;
    font-family: 'Noto Sans KR', sans-serif;
    background:#f5f7f9;
}
.section-what-1-in {
    width: 776px;
    margin: 0 auto;
}
.section-what-1-title{
    margin-bottom:35px;
    font-weight:500;
    font-size:34px;
    color:#424242;
    text-align:center;
}
.sw-1-item {
    display: inline-block;
    width: 370px;
    height: 370px;
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid #eef3ff;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.05);
    border-radius: 17px;
}
.sw-1-item-in {
    padding:25px;
}
.sw-1-item-2,
.sw-1-item-4{
    float: right;
}
.sw-1-item-1 {
    background:#fff url(../imgs/sub/icn_logo_hi.png) no-repeat 167px 17px;
}
.sw-1-item-2 {
    background: #fff url(../imgs/sub/icn_logo_kw.png) no-repeat 120px 14px;
}
.sw-1-item-3,
.sw-1-item-4 {
    background: #fff url(../imgs/sub/icn_logo_nh.png) no-repeat center 14px;
}
.sw-1-logo{
    position:relative;
    margin-bottom:5px;
    font-weight:900;
    font-size:28px;
    color:#333;
    line-height:110%;
}
.icn-country{
    position:absolute;
    right:0;
}
.sw-1-text {
    height:60px;
    font-size: 15px;
    color: #838383;
    letter-spacing: -0.03em;
    line-height: 140%;
}
.sw-1-text em {
    font-weight:700;
    color: #2a5082;
}
.sw-1-text-2{
    overflow:hidden;
    margin-bottom:35px;
}
.sw-1-text-2-l{
    float:left;
    width:33%;
}
.sw-1-text-2-r{
    float:right;
    width:66%;
}
.sw-1-text-2-1 {
    font-weight: 900;
    font-size: 22px;
    color:#2a5082;
    letter-spacing: -0.03em;
    line-height: 150%;
}
.sw-1-text-2-2 {
    font-size: 15px;
    color:#838383;
    letter-spacing: -0.03em;
    line-height: 150%;
}
.sw-1-btn {
    display: inline-block;
    width: 115px;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    background: #263e59;
    letter-spacing: -0.025em;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.sw-1-btn.disabled {
    cursor: default;
    background: #dfdfdf;
}
.sw-1-btn-box .sw-1-btn {
    margin-right: 8px;
}
.sw-2-btn {
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-weight:700;
    font-size: 15px;
    color: #fff;
    background: #263e59;
    letter-spacing: -0.03em;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.sw-3-btn {
    display: inline-block;
    width:100%;
    height: 53px;
    line-height: 53px;
    border-radius: 5px;
    font-weight:700;
    font-size: 18px;
    color: #fff;
    background: #263e59;
    letter-spacing: -0.03em;
    text-align: center;
    cursor: pointer;
}
.sw-4-btn {
    display: inline-block;
    width: 100%;
    height: 51px;
    line-height: 51px;
    border-radius: 5px;
    font-size: 14px;
    color: #263e59;
    background: #fff;
    border: 1px solid #d7d7d7;
    letter-spacing: -0.03em;
    text-align: center;
    cursor: pointer;
}
.sw-4-btn-l,
.sw-4-btn-r{
    width:48%;
}
.sw-4-btn-l{
    float:left;
}
.sw-4-btn-r{
    float:right;
}
/* tv cast new */
.tvcast-section-full {
    margin-bottom: 80px;
}

.tvcast-section-in {
    width: 1200px;
    margin: 0 auto;
}

.tvcast-top-btn {
    position: fixed;
    right: 40px;
    bottom: 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
    background: #ff4444 url(../imgs/sub/tvcast_arr_top.png) no-repeat center center;
}

.h3-tvcast {
    min-height: 22px;
    position: relative;
    font-size: 20px;
    color: #383838;
    line-height: 22px;
    margin-bottom: 20px;
}

    .h3-tvcast .sub {
        margin-left: 26px;
        font-size: 16px;
        letter-spacing: -0.025em;
        color: #383838;
    }

.h3-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 22px;
    height: 100%;
    font-size: 14px;
    color: #797979;
    font-weight: normal;
}

.h3-btn-2 {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 22px;
    height: 100%;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #ff4444;
    cursor: pointer;
}

.h3-btn-3 {
    display: inline-block;
    position: absolute;
    right: 0;
    top: -2px;
    min-width: 120px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.025em;
    color: #fff;
    background: #ff4444;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}
.h3-btn-wrap {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    letter-spacing: -0.04em;
}
.tvcast-section-6-slide-btn-text {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}
.tvcast-section-6-slide-btn {
    display: inline-block;
    height: 14px;
    width: 8px;
    vertical-align: middle;
    cursor: pointer;
    padding: 0 8px;
}
.tvcast-section-6-slide-btn-prev {
    background: url(../imgs/common/icn_arr_l2.png) no-repeat center center;
    margin-left: -4px;
}
.tvcast-section-6-slide-btn-next {
    background: url(../imgs/common/icn_arr_r2.png) no-repeat center center;
    margin-right: -4px;
}
/* tv cast new main */
.tvcast-main-banner {
    position: relative;
    overflow: hidden;
    height: 250px;
    margin-bottom: 25px;
}

.tvcast-main-banner .slide-quich-btn-box {
    margin-bottom: 15px;
}

.tvcast-main-banner .slide-quich-btn-box span {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #dadada;
}

.tvcast-main-banner .slide-quich-btn-box span.on {
    background: #ff4444;
}

.tvcast-main-banner .slide-li {
    left: 0;
    display: none;
}

.tvcast-main-genmunga {
    min-height: 445px;
}

.tmg-item,
.tmn-item {
    padding: 10px 0;
}

.tmg-item-in,
.tmn-item-in {
    position: relative;
    overflow: hidden;
    width: 94%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    -moz-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    border-radius: 6px;
    cursor: pointer;
}

.tmg-item-img {
    height: 175px;
}

.tmg-item-con {
    padding: 10px 20px 18px 20px;
}

.tmg-item-tag-box {
    height: 33px;
}

.tmg-item-tag {
    display: inline-block;
    padding: 0 13px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    letter-spacing: -0.035em;
    color: #fff;
    background: #0c3762;
    border-radius: 13px;
    vertical-align: middle;
    margin-right: 8px;
}

.tmg-item-text-1 {
    overflow: hidden;
    height: 33px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.035em;
    color: #464646;
}

.tmg-item-text-2 {
    overflow: hidden;
    height: 50px;
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: -0.025em;
    color: #666;
}

.tmg-item-price-box {
    overflow: hidden;
    height: 32px;
}

.tmg-item-price-box-2 {
    height: 22px;
    font-size: 15px;
    color: #a5a5a5;
    letter-spacing: -0.025em;
}

.tmg-item-price {
    font-size: 22px;
    color: #ff4444;
    font-weight: bold;
}

.tmg-item-price-box-2 .tmg-item-price {
    text-decoration: line-through;
    font-size: 14px;
    color: #a5a5a5;
}

.tmg-item-price .won {
    font-size: 14px;
    font-weight: normal;
}

.tmg-item-btn,
.tmg-item-btn-rev,
.tmg-item-btn-dis {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    line-height: 38px;
    height: 38px;
    text-align: center;
    color: #fff;
    background: #ff4444;
    border: 1px solid #ff4444;
    font-size: 16px;
    letter-spacing: -0.035em;
    border-radius: 6px;
}

.tmg-item-btn-rev {
    color: #ff4444;
    background: #fff;
}

.tmg-item-btn-dis {
    background: #f0f5f5;
    color: #333;
    border-color: #f0f5f5;
    cursor: default;
}

.slick-prev, .slick-next {
    display: block;
    opacity: 0.9;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    -moz-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    border-radius: 25px;
    z-index: 10;
}

.slick-prev {
    left: -20px;
    background: #fff url(../imgs/sub/tvcast_arr_l.png) no-repeat center center;
}

.slick-next {
    right: -20px;
    background: #fff url(../imgs/sub/tvcast_arr_r.png) no-repeat center center;
}

    .slick-prev:before,
    .slick-next:before {
        content: '';
    }

.tmn-item-in {
    position: relative;
}

.tmn-item-img {
    height: 140px;
}

.tmn-item-con {
    padding: 19px 12px 0 12px;
}

.tmn-item-text-1 {
    height: 32px;
    font-size: 18px;
    font-weight: bold;
    color: #464646;
}

.tmn-item-text-2 {
    overflow: hidden;
    height: 96px;
    padding: 0 12px;
    font-size: 12px;
    color: #666;
    letter-spacing: 0.04em;
    line-height: 130%;
}

.tmn-item-hashtag-box {
    overflow: hidden;
    height: 57px;
    padding-left: 15px;
    margin-bottom: 13px;
}

.tmn-item-hashtag {
    display: inline-block;
    padding: 0 12px;
    margin: 0 7px 10px 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #ff4444;
    letter-spacing: -0.025em;
    background: #ffeae9;
    border-radius: 10px;
}

.tmn-item-mask {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 10;
}

.tmn-item:hover .tmn-item-mask {
    display: table;
}

.tmn-item-mask-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 900;
    color: #fff;
    text-decoration: underline;
    letter-spacing: -0.025em;
    width: 100%;
    text-align: center;
    padding: 100px 0;
}

.tvcast-main-newsygen {
    margin-bottom: 75px;
}

.tvcast-banner-box-3 {
    margin-bottom: 28px;
}

    .tvcast-banner-box-3 img {
        width: 100%;
    }

.tvcast-main-youtube {
    min-height: 270px;
}

.tmy-item {
    display: inline-block;
    float: left;
    width: 33%;
}

    .tmy-item.tmy-item-3 {
        float: right;
    }

.tmy-item-in {
    width: 87%;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    -moz-box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    box-shadow: 0px 0px 18px 0px rgba(219,219,219,0.5);
    border-radius: 6px;
}

.tmy-item.tmy-item-2 .tmy-item-in {
    margin: 0 auto;
}

.tmy-item.tmy-item-3 .tmy-item-in {
    float: right;
}

.tmy-item-img {
    position: relative;
    height: 195px;
}

.tmy-item-img-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(0,0,0,0.4);
}

.tmy-item-img-mask-ico {
    display: block;
    position: absolute;
    width: 56px;
    height: 56px;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    border: 2px solid #fff;
    border-radius: 30px;
    background: url(../imgs/sub/tvcast_arr.png) no-repeat center center;
}

.tmy-item-con {
    padding: 14px 20px 0 20px;
}

.tmy-text-1 {
    height: 18px;
    font-size: 14px;
    color: #535353;
    font-weight: bold;
}

.tmy-text-2 {
    height: 42px;
    font-size: 18px;
    font-weight: 900;
    color: #464646;
}
/* tv cast new genmunga */
.tvcast-genmunga-banner {
    position: relative;
    overflow: hidden;
    height: 250px;
    margin-bottom: 25px;
    border-style: solid;
    border-color: #c8cdd3;
    border-width: 1px 0;
}

    .tvcast-genmunga-banner .tgb-item {
        display: block;
        height: 250px;
        border-style: solid;
        border-color: #c8cdd3;
        border-width: 0 1px 0 1px;
    }

    .tvcast-genmunga-banner .slick-prev, .tvcast-genmunga-banner .slick-next {
        background-color: transparent;
        box-shadow: none;
    }

    .tvcast-genmunga-banner .slick-prev {
        left: 0;
    }

    .tvcast-genmunga-banner .slick-next {
        right: 0;
    }

.tvcast-main-genmunga-2 {
    width: 102%;
    margin-left: -1%;
}

    .tvcast-main-genmunga-2 .tmg-item {
        width: 25%;
        float: left;
        margin-bottom: 30px;
    }
/* tv cast new detail */
.tvcast-section-detail {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0 60px 0;
}

.tvcast-section-l {
    border-right: 1px solid #e0e0e0;
    width: 790px;
}

.tvcast-section-l-in {
    padding: 30px 23px 100px 33px;
}

.tvcast-section-r {
    position: absolute;
    right: 0;
    top: 0;
    width: 409px;
}

.tvcast-section-r-in {
    padding: 110px 31px 0 25px
}

.tvcast-detail-tag-box {
    margin-bottom: 13px;
}

.tvcast-detail-tag {
    display: inline-block;
    padding: 0 13px;
    margin-right: 8px;
    line-height: 25px;
    height: 25px;
    font-size: 12px;
    letter-spacing: -0.035em;
    color: #fff;
    background: #0c3762;
    border-radius: 13px;
    vertical-align: middle;
}

.tvcast-detail-text-1 {
    font-size: 28px;
    font-weight: 900;
    color: #383838;
    letter-spacing: -0.025em;
    margin-bottom: 65px;
    line-height: 130%;
}

.tvcast-detail-price-1 {
    margin-bottom: 6px;
    font-size: 16px;
    color: #a5a5a5;
    letter-spacing: -0.025em;
}

.tvcast-detail-price-2 {
    margin-bottom: 22px;
    font-size: 36px;
    font-weight: bold;
    color: #ff4444;
    letter-spacing: -0.025em;
}

    .tvcast-detail-price-2 .won {
        font-size: 22px;
        font-weight: normal;
    }

.tvcast-detail-btn-box {
    margin-bottom: 25px;
}

.tvcast-detail-text-ul li {
    padding-left: 36px;
    line-height: 26px;
}

.tvcast-detail-text-ul .tdtu-cal {
    background: url(../imgs/common/icn_cal.png) no-repeat left center;
    background-size: auto 20px;
}

.tvcast-detail-text-ul .tdtu-play {
    background: url(../imgs/common/icn_play.png) no-repeat left center;
    background-size: auto 20px;
}

.tvcast-detail-text-ul .tdtu-book {
    background: url(../imgs/common/icn_book.png) no-repeat left center;
    background-size: auto 20px;
}

.tvcast-detail-btn {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.035em;
    line-height: 50px;
    text-align: center;
    border-radius: 6px;
    background: #ff4444;
    cursor: pointer;
}

.tvcast-detail-btn-2 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #ff4444;
    letter-spacing: -0.035em;
    line-height: 48px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #ff4444;
    cursor: pointer;
}

.tvcast-detail-btn.disabled {
    background: #f0f5f5;
    color: #333;
    cursor: default;
}

.tvcast-detail-alert-box li {
    margin-bottom: 9px;
    line-height: 130%;
}

.tvcast-detail-top {
    position: relative;
    overflow: hidden;
    height: 420px;
    margin-bottom: 60px;
    border-radius: 6px;
    cursor: pointer;
}

.tvcast-detail-top-mask {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 134px;
    height: 134px;
    margin: -67px 0 0 -67px;
    background: rgba(0,0,0,0.65);
    border-radius: 67px;
}

.tvcast-detail-top-mask-ico {
    display: block;
    height: 100%;
    background: url(../imgs/sub/tvcast_arr_2.png) no-repeat center center;
}

.tds-2-l-img {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 76px;
    height: 76px;
    border: 1px solid #dedede;
    border-radius: 38px;
    background: #fff;
    text-align: center;
}

.tds-2-l-img-in {
    padding-top: 5%;
    height: 95%;
}

.tds-2-l-img img {
    height: 100%;
}

.tvcast-detail-section-2 {
    position: relative;
    min-height: 80px;
    margin-bottom: 50px;
}

.tds-2-l {
    position: absolute;
    left: 0;
    top: 0;
}

.tds-2-r-t {
    position: relative;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
    color: #383838;
    letter-spacing: -0.025em;
}

.tds-2-r-t-l {
    display: block;
    padding-right: 120px;
}

.tds-2-r-t-r {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    color: #ff4444;
}

.tds-2-r {
    padding-left: 100px;
}

.tds-2-r-c {
    font-size: 16px;
    color: #383838;
    letter-spacing: -0.025em;
}

.tvcast-detail-section-3 {
    overflow: hidden;
    height: 470px;
    margin-bottom: 35px;
    transition: all .4s;
    text-align: center;
}

    .tvcast-detail-section-3.on {
        height: auto;
    }

    .tvcast-detail-section-3 img {
        width: 100%;
    }

.tds-btn-box {
    margin-bottom: 100px;
    text-align: center;
}

.tds-btn {
    display: inline-block;
    width: 248px;
    border: 1px solid #ff4444;
    font-size: 16px;
    color: #ff4444;
    line-height: 58px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

.tvcast-detail-section-4 {
    position: relative;
    margin-bottom: 50px;
    background: #f6f7f9;
    min-height: 286px;
}

.tds-4-img {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 285px;
    width: 300px;
    text-align: center;
}

.tds-4-img-in {
    padding-top: 5%;
    height: 95%;
}

.tds-4-img img {
    height: 100%;
}

.tds-4-con {
    padding-top: 28px;
    margin-left: 300px;
}

.tds-4-text-1 {
    margin-bottom: 10px;
    font-weight: bold;
}

.tds-4-text-2 {
    padding-right: 20px;
    margin-bottom: 30px;
    line-height: 130%;
}

.tvcast-detail-section-5 {
    overflow: hidden;
    padding-left: 24px;
    height: 280px;
    margin-bottom: 20px;
}

    .tvcast-detail-section-5.on {
        height: auto;
    }

    .tvcast-detail-section-5 li {
        position: relative;
        margin-bottom: 20px;
    }

    .tvcast-detail-section-5 .tds-5-text-1,
    .tvcast-detail-section-5 .tds-5-text-2 {
        display: block;
    }

    .tvcast-detail-section-5 .tds-5-text-1 {
        margin-bottom: 3px;
        font-size: 16px;
        font-weight: bold;
        color: #383838;
        letter-spacing: -0.025em;
    }

    .tvcast-detail-section-5 .tds-5-text-2 {
        font-size: 14px;
        color: #838383;
        letter-spacing: -0.025em;
    }

    .tvcast-detail-section-5 .tds-5-r {
        position: absolute;
        right: 0;
        top: 0;
    }

.tvcast-detail-section-5-2 {
}

    .tvcast-detail-section-5-2 p {
        padding-top: 25px;
        font-size: 16px;
        font-weight: bold;
        color: #383838;
        line-height: 130%;
    }

    .tvcast-detail-section-5-2 li {
        padding-left: 6px;
        font-size: 14px;
        color: #838383;
        line-height: 130%;
    }

.tvcast-comment {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin-bottom: 35px;
}

.tvcast-comment-header {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.tvcast-comment-header li {
    display: inline-block;
    padding: 17px 0;
    float: left;
    font-size: 13px;
    color: #333;
}

.tvcast-comment-header .li-1 {
    width: 75%;
    font-weight: bold;
}

.tvcast-comment-header .li-2 {
    width: 11%;
}

.tvcast-comment-header .li-3 {
    float: right;
    text-align: right;
    width: 13%;
}

.tvcast-comment-content {
    display: none;
    border-bottom: 1px solid #ddd;
}

.tvcast-comment-content:last-child {
    border-bottom: none;
}

.tvcast-comment-con {
    padding: 38px 22px 50px 63px;
    line-height: 180%;
    font-size: 13px;
}

.tvcast-comment-write {
    overflow: hidden;
    padding: 10px;
    margin-bottom: 20px;
    background: #f1f1f1;
}

    .tvcast-comment-write .tcw-l {
        float: left;
        width: 85%;
    }

    .tvcast-comment-write .tcw-r {
        float: right;
        width: 14%;
    }

.tvcast-write-box {
    height: 500px;
}

.tcw-textarea {
    width: 99%;
    display: block;
    border: 1px solid #aaa;
    background: #fff;
}

.tvcast-write-btn {
    display: block;
    height: 76px;
    line-height: 76px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #aaa;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.tvcast-comment-re {
    padding: 20px 0 30px 24px;
    margin-bottom: 50px;
    background: #f1f1f1;
}

.tvcast-comment-re-header {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.tcrh-name {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-right: 20px;
}
.tcrh-date {
    font-size: 12px;
    color: #888;
    letter-spacing: 0;
}
.trch-btn {
    position: absolute;
    right: 20px;
    top: 0;
    cursor: pointer;
}
.tvcast-comment-re-con {
    padding-top: 35px;
    padding-right:10px;
}
.tvcast-detail-section-6,
.tvcast-detail-section-6 ul {
    height: 140px;
}
.tds-6-item {
    display: none;
    float: left;
    width: 33%;
    height: 100%;
}
.tds-6-item-in {
    display: block;
    height: 100%;
    width: 90%;
    border-radius: 8px;
    overflow: hidden;
}

.tds-6-mask {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    line-height: 140px;
    font-size: 14px;
    color: #fff;
    letter-spacing: -0.025em;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
}

.tds-6-item-3 {
    float: right;
}

.tds-6-item-2 .tds-6-item-in {
    margin: 0 auto;
}

.tds-6-item-3 .tds-6-item-in {
    float: right;
}

.tds-6-item:hover .tds-6-mask {
    display: block;
}

.btn-thu-box {
    overflow: hidden;
    margin-bottom: 65px;
}

    .btn-thu-box li {
        float: left;
        width: 50%;
        margin-bottom: 20px;
    }

.btn-thu {
    display: inline-block;
    height: 48px;
    width: 96%;
    line-height: 48px;
    font-size: 15px;
    color: #ff4444;
    letter-spacing: -0.025em;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ff4444;
    border-radius: 6px;
    cursor: pointer;
}
.btn-thu.on {
    background: #ff4444;
    color: #fff;
}
.btn-thu-box.btn-box-length-2 .li-2,
.btn-thu-box.btn-box-length-2 .li-4,
.btn-thu-box.btn-box-length-2 .li-6,
.btn-thu-box.btn-box-length-2 .li-8 {
    text-align: right;
}
.btn-thu-box.btn-box-length-3 li {
    width: 33.33%;
}

.btn-thu-box.btn-box-length-3 .li-2 {
    text-align: center;
}

.btn-thu-box.btn-box-length-3 .li-3 {
    text-align: right;
}

.btn-thu-box.btn-box-length-4 li {
    width: 25%;
    text-align: center;
}

    .btn-thu-box.btn-box-length-4 li .btn-thu {
        width: 97%;
    }

.tvcast-main-genmunga.length-2 .tmg-item {
    display: inline-block;
    width: 40%;
    float: left;
}

.tvcast-main-genmunga.length-3 .tmg-item {
    display: inline-block;
    width: 33%;
    float: left;
}

.tvcast-main-genmunga.length-4 .tmg-item {
    display: inline-block;
    width: 40%;
    float: left;
}

/* 임시 */
.tab-style-3 .tab-header {
    overflow: hidden;
    margin-bottom: 42px;
    text-align: right;
}

    .tab-style-3 .tab-header .tab-btn {
        display: inline-block;
        text-align: center;
        padding: 0 5px 5px 5px;
        margin-left: 25px;
        cursor: pointer;
        font-size: 16px;
        color: #bdbdbd;
        letter-spacing: -0.025em;
        border-width: 0 0 2px 0;
        border-color: #fff;
        border-style: solid;
    }

        .tab-style-3 .tab-header .tab-btn.on {
            color: #ff4444;
            font-weight: 900;
            border-color: #ff4444;
        }

.tab-style-3 .tab-content {
    display: none;
}

    .tab-style-3 .tab-content.on {
        display: block;
    }
/* tv cast new genmunga channel */
.tvcast-visual-box {
    height: 250px;
    background: url('../imgs/sub/tvcast_img_2.jpg') no-repeat center center;
    background-size: cover;
    margin-bottom: 25px;
}

    .tvcast-visual-box.type-2 {
        background: url('../imgs/sub/tvcast_img_4.jpg') no-repeat center center;
        background-size: cover;
    }

    .tvcast-visual-box.type-3 {
        background: url('../imgs/sub/tvcast_img_3.jpg') no-repeat center center;
        background-size: cover;
        margin-bottom: 0;
    }

.genmunga-channel-box .tmn-item {
    display: inline-block;
    float: left;
    width: 25%;
    margin-bottom: 60px;
}

.tmn-item.tmn-item-admin .tmn-item-in::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    background: url(../imgs/common/only_admin.png)no-repeat left top;
    z-index: 10;
}

.gdt-box-1 {
    padding-bottom: 15px;
}

.span-tag {
    position: relative;
    display: inline-block;
    padding: 0 12px;
    line-height: 26px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.025em;
    color: #fff;
    border-radius: 13px;
    background: #0c3762;
    cursor: pointer;
    z-index: 20;
}

.gdt-box-1 .span-tag {
    margin-left: 18px;
}

.gdt-bg-1 {
    position: absolute;
    width: 1200px;
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -600px;
    z-index: 10;
}

.gdt-bg-1-in {
    position: absolute;
    top: 9%;
    height: 91%;
    width: 700px;
}

.gdt-bg-1 img {
    height: 100%;
}

.tvcast-detail-section-7 {
    margin-bottom: 90px;
}

.tds-7-item {
    overflow: hidden;
    padding: 25px 60px 25px 40px;
    cursor: pointer;
}

    .tds-7-item.on {
        background: #f2f2f2;
    }

.tds-7-item-l {
    position: relative;
    float: left;
    width: 23%;
}

.tds-7-item-admin .tds-7-item-l::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    background: url(../imgs/common/only_admin.png)no-repeat left top;
    z-index: 10;
}

.tds-7-item-l img {
    max-width: 87%
}

.tds-7-item-c {
    float: left;
    width: 56%;
}

    .tds-7-item-c .p-1 {
        margin-bottom: 25px;
        font-size: 18px;
        font-weight: 900;
        letter-spacing: -0.025em;
        color: #f83838;
    }

    .tds-7-item-c .p-2 {
        font-size: 18px;
        color: #383838;
        letter-spacing: -0.025em;
        line-height: 130%;
    }

.tds-7-item-r {
    float: right;
    width: 20%;
}

    .tds-7-item-r .p-1 {
        height: 50px;
        font-size: 38px;
        color: #ff4444;
        font-weight: bold;
        text-align: right;
    }

        .tds-7-item-r .p-1 .won {
            font-size: 26px;
            font-weight: normal;
        }

    .tds-7-item-r .p-2 {
        height: 55px;
        font-size: 20px;
        color: #a5a5a5;
        text-align: right;
    }

        .tds-7-item-r .p-2 .num {
            font-weight: bold;
            text-decoration: line-through;
        }

    .tds-7-item-r .div-1 {
        text-align: right;
    }

.tds-7-btn {
    display: inline-block;
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #ff4444;
    text-align: center;
    line-height: 40px;
    letter-spacing: -0.035em;
    cursor: pointer;
    border-radius: 6px;
}

.gdt-tab {
    width: 1200px;
    margin: 0 auto;
    border: 1px solid #f3f3f3;
}

    .gdt-tab .tab-header ul {
        clear: both;
        width: 100%;
        text-align: center;
        background: #f5f5f5;
    }

    .gdt-tab .tab-header .tab-btn {
        display: inline-block;
        padding: 0 10px;
        margin: 0 7px;
        line-height: 45px;
        font-size: 16px;
        color: #919191;
        letter-spacing: -0.01em;
        cursor: pointer;
    }

        .gdt-tab .tab-header .tab-btn.first {
            background: none;
        }

        .gdt-tab .tab-header .tab-btn.on {
            font-weight: 900;
            color: #383838;
        }

    .gdt-tab .tab-container {
        width: 740px;
        margin: 0 auto;
        padding-top: 40px;
    }

    .gdt-tab .tab-content {
        display: none;
        min-height: 640px;
    }

        .gdt-tab .tab-content.on {
            display: block;
        }

.tab-header-plus {
    overflow: hidden;
    position: relative;
    height: 137px;
    padding: 30px 60px 0 35px;
}

.thp-l {
    float: left;
    width: 59%;
}

.thp-r {
    float: right;
    width: 40%;
    text-align: right;
}

.thpl-title {
    display: inline-block;
    max-width: 94%;
    padding-right: 5%;
    margin-bottom: 20px;
    font-size: 23px;
    letter-spacing: -0.025em;
    font-weight: 900;
    color: #ff4444;
    line-height: 110%;
}

.thpl-icn-play {
    background: url(../imgs/common/icn_play.png) no-repeat right;
}

.thpl-icn-ebook {
    background: url(../imgs/common/icn_book.png) no-repeat right;
}

.thpl-text {
    overflow: hidden;
    max-height: 82px;
    font-size: 16px;
    color: #383838;
    line-height: 130%;
    letter-spacing: -0.025em;
}

.thpr-price {
    margin-bottom: 20px;
}

.thpr-price-text-1 {
    font-size: 20px;
    color: #a5a5a5;
    letter-spacing: -0.025em;
}

    .thpr-price-text-1 .num {
        font-family: Roboto,'Roboto';
        font-weight: bold;
        text-decoration: line-through;
    }

    .thpr-price-text-1 .won {
        text-decoration: line-through;
    }

.thpr-price-text-2 {
    font-size: 26px;
    color: #ff4444;
    margin-left: 15px;
}

    .thpr-price-text-2 .num {
        font-family: Roboto,'Roboto';
        font-weight: bold;
        font-size: 40px;
    }

.tvcast-img-box-1 {
    text-align: center;
}

    .tvcast-img-box-1 img {
        width: 100%;
    }

.tvcast-table-top {
    text-align: right;
    margin-bottom: 10px;
}

input.tvcast-intput {
    border: 1px solid #bbb;
    width: 150px;
    height: 28px;
    line-height: 28px;
    text-indent: 10px;
}

.tvcast-btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #a3a3a3;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.tvcast-table {
    margin-bottom: 20px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
.tvcast-table table {
    width: 100%;
    table-layout: fixed;
}
.tvcast-table thead th {
    background: #eee;
    padding: 14px 0;
    border-bottom: 1px solid #999;
    font-size: 14px;
    color: #333;
}
.tvcast-table tbody td {
    padding: 14px 0;
    font-size: 14px;
    cursor: pointer;
}
.tvcast-table tbody .td-text-over {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.tvcast-detail-section-7-slick {
    height: 185px;
}
.tvcast-detail-section-7-slick-box {
    width: 1200px;
}
.tds7s-item {
    position: relative;
    height: 156px;
}
.tds7s-item-in {
    width: 220px;
    height: 138px;
    border: 1px solid #fff;
    cursor: pointer;
}

.slick-checked::after {
    content: '';
    position: absolute;
    width: 222px;
    height: 18px;
    bottom: 0;
    left: 0;
    background: url(../imgs/common/slick_arr_b.png) no-repeat center bottom;
}

.slick-checked .tds7s-item-in {
    border-color: #ff4444;
}

.tds7s-item img {
    width: 100%;
    height: 100%;
}

.tds7s-item-none {
}
.tds7s-item-none::after {
    display: none;
}
.tds7s-item-none .tds7s-item-in {
    cursor: default;
    background: #f5f5f5 url(../imgs/sub/none_img.png) no-repeat center center;
}
.tds7s-item-none.slick-checked .tds7s-item-in {
    border-color: #fff;
}
.tvcast-detail-section-7-slick .slick-prev,
.tvcast-detail-section-7-slick .slick-next {
    width: 18px;
    height: 18px;
    box-shadow: none;
    background: #f83838;
}

.tvcast-detail-section-7-slick .slick-prev {
    left: 10px;
}
.tvcast-detail-section-7-slick .slick-next {
    right: 10px;
}
.tvcast-detail-section-7-slick .slick-prev:before,
.tvcast-detail-section-7-slick .slick-next:before {
    display: block;
    width: 100%;
    height: 100%;
}
.tvcast-detail-section-7-slick .slick-prev:before {
    background: transparent url(../imgs/common/slick_arr_l_3.png) no-repeat center center;
}
.tvcast-detail-section-7-slick .slick-next:before {
    right: 30px;
    background: transparent url(../imgs/common/slick_arr_r_3.png) no-repeat center center;
}
/* tv cast new my channel */
.my-channel-tab-btn {
    padding: 0 14px;
    font-size: 16px;
    color: #949494;
    background: url(../imgs/sub/tvcast_bar_2.gif) no-repeat left center;
    cursor: pointer;
}
.my-channel-tab-btn.mctb-1 {
    background: none;
}
.my-channel-tab-btn.on {
    font-weight: bold;
    color: #ff4444;
}
.my-channel-con {
    display: none;
}
.my-channel-con.on {
    display: block;
}
.tvcast-mychannel-top {
    overflow: hidden;
    margin-bottom: 20px;
}

.tmt-l {
    float: left;
    width: 25%;
    line-height: 40px;
    font-size: 18px;
    font-weight: 900;
    color: #2c2c2c;
}

.tmt-r {
    float: right;
    width: 74%;
    text-align: right;
}

.my-channel-select,
.my-channel-input {
    height: 40px;
    border: 1px solid #ccc;
    width: 700px;
    text-indent: 15px;
    text-align: left;
    font-size: 16px;
    color: #7f7f7f;
    vertical-align: middle;
}

    .my-channel-select.type-2 {
        width: 130px;
    }

.my-channel-input {
    height: 38px;
}

.tmt-btn {
    display: inline-block;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding: 0 28px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #ff4444;
    letter-spacing: -0.035em;
    border-radius: 4px;
    vertical-align: middle;
}

.tvcast-mychannel-top.type-2 .tmt-l {
    width: 12%;
}

.tvcast-mychannel-top.type-2 .tmt-r {
    width: 87%;
}

.tvcast-mychannel-top.type-2 .my-channel-select,
.tvcast-mychannel-top.type-2 .my-channel-input {
    width: 370px;
    margin-right: 6px;
}

.tvcast-mychannel-con {
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 1px 0 1px;
}

.tmc-top {
    overflow: hidden;
    padding: 24px 35px;
    background: #fafafa;
    border-bottom: 1px solid #ccc;
}

.tmc-top-l {
    float: left;
    width: 14%;
}

    .tmc-top-l img {
        max-width: 80%;
    }

.tmc-top-r {
    float: left;
    width: 85%;
    margin-top: -2px;
}

    .tmc-top-r .p-1 {
        margin-bottom: 16px;
        font-size: 22px;
        font-weight: 900;
        letter-spacing: -0.025em;
        color: #f83838;
    }

    .tmc-top-r .p-2 {
        font-size: 18px;
        color: #383838;
        line-height: 110%;
    }

.tmc-item {
    height: 80px;
    border-bottom: 1px solid #ccc;
}

.tmci-l {
    float: left;
    width: 45%;
    padding: 18px 0 0 37px;
}

.tmci-r {
    float: right;
    width: 45%;
}

.tmci-p-1 {
    margin-bottom: 8px;
}

.tmci-span-1 {
    font-size: 16px;
    font-weight: bold;
    color: #383838;
    letter-spacing: -0.025em;
}

.tmci-span-2 {
    margin: 0 10px;
    font-size: 16px;
    color: #8c8c8c;
}

.tmci-span-3 {
    font-size: 16px;
    color: #ff905a;
    letter-spacing: -0.025em;
}

.tmci-span-4 {
    font-size: 16px;
    color: #383838;
    letter-spacing: -0.025em;
}

.tmci-p-2 {
    height: 20px;
    font-size: 16px;
    color: #838383;
    letter-spacing: -0.025em;
}

.tmci-r {
    padding-top: 20px;
    text-align: right;
}

.tmci-btn {
    min-width: 85px;
    padding: 0 10px;
    line-height: 33px;
    height: 33px;
    display: inline-block;
    color: #383838;
    border: 1px solid #929292;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

    .tmci-btn.on {
        color: #ff4444;
        border-color: #ff4444;
    }

.tmci-btn-dot {
    position: relative;
    display: inline-block;
    height: 33px;
    width: 33px;
    background: url(../imgs/sub/tvcast_dotbtn.png) no-repeat center center;
    cursor: pointer;
    vertical-align: middle;
}

.tmci-btn-dot-menu {
    display: none;
    position: absolute;
    width: 74px;
    right: 12px;
    top: 10px;
    border: 1px solid #a1a1a1;
    background: #fff;
    text-align: left;
}

    .tmci-btn-dot-menu span {
        display: block;
        padding: 9px 0 9px 9px;
        color: #a1a1a1;
    }

.tvcast-mychannel-top-2 {
    overflow: hidden;
    margin-bottom: 20px;
}

.tmt2-item {
    float: left;
    width: 49%;
    background: #fafafa;
}

.tmt2-item-in {
    overflow: hidden;
    padding: 15px 40px;
    border: 1px solid #ccc;
    border-radius: 6px;
    line-height: 36px;
}

.tmt2-item.tmt2-r {
    float: right;
}

.tmt2-l-text-1,
.tmt2-l-text-3 {
    font-size: 22px;
    font-weight: 900;
    color: #2c2c2c;
}

.tmt2-l-text-1 {
    float: left;
    width: 30%;
    display: inline-block;
}

.tmt2-l-r {
    display: inline-block;
    float: right;
    width: 69%;
    text-align: right;
}

.tmt2-l-text-2 {
    font-size: 30px;
    font-weight: 900;
    color: #ff4444;
}

.tmt2-l-text-3 {
    font-size: 24px;
}

.tvcast-table-2 table {
    width: 100%;
    table-layout: fixed;
}

.tvcast-table-2 thead th,
.tvcast-table-2 tbody td {
    border: 1px solid #ccc;
}

.tvcast-table-2 thead th {
    padding: 15px 0;
    background: #fafafa;
    font-size: 16px;
    color: #2e2e2e;
}

.tvcast-table-2 tbody td {
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    color: #2e2e2e;
}

.tvcast-table-2 tbody .text-left {
    padding-left: 18px;
}

.tvcast-table-2 tbody .td-link {
    padding-left: 18px;
    text-decoration: underline;
    text-align: left;
}

.my-chnnel-uplode-box {
    position: relative;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #383838;
    line-height: 130%;
}

    .my-chnnel-uplode-box .sub {
        font-size: 14px;
        font-weight: 400;
    }

    .my-chnnel-uplode-box .btn-18 {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
/* tv cast new video */
.tvcast-video-box-1 {
    margin-bottom: 48px;
    background: #f1f1f1;
}

.tvb-1-in {
    overflow: hidden;
    width: 1200px;
    padding: 50px 0;
    margin: 0 auto;
}

.tvb-1-l {
    float: left;
    width: 51%;
}

.tvb-1-r {
    float: right;
    width: 48%;
    margin-top: -3px;
}

.tvb-1-l-utube-box {
    width: 570px;
    height: 320px;
    cursor: pointer;
}

.tvb-1-r .p-1 {
    margin-bottom: 6px;
    font-size: 28px;
    font-weight: bold;
    color: #111;
    line-height: 110%;
    letter-spacing: -0.025em;
}

.tvb-1-r .p-2 {
    margin-bottom: 35px;
    font-size: 16px;
    color: #696766;
    letter-spacing: -0.025em;
}

.tvb-1-r .p-3 {
    overflow-y: auto;
    overflow-x: hidden;
    height: 145px;
    width: 100%;
    margin-bottom: 25px;
    font-size: 14px;
    color: #111;
    line-height: 130%;
    letter-spacing: -0.025em;
}

.tvb-1-btn-box {
    margin-bottom: 38px;
}

.tvcast-video-list {
    height: 295px;
    margin-bottom: 30px;
    border-bottom: 2px solid #dedede;
}

.tvl-item-in {
    width: 95%;
    cursor: pointer;
}

.tvli-img {
    height: 160px;
    margin-bottom: 13px;
}

.tvli-text-1 {
    margin-bottom: 6px;
    font-size: 14px;
    color: #212121;
    letter-spacing: -0.025em;
}

.tvli-text-2,
.tvli-text-3 {
    font-size: 12px;
    color: #696766;
    letter-spacing: -0.025em;
    line-height: 130%;
}

    .tvli-text-2 span,
    .tvli-text-2 img {
        vertical-align: middle;
        display: inline;
    }

.tvcast-video-list .slick-prev,
.tvcast-video-list .slick-next {
    top: 75px;
}

.tvcast-comment-2 {
    border: none;
    margin-bottom: 0;
}

    .tvcast-comment-2 .tvcast-comment-content {
        display: block;
    }

    .tvcast-comment-2 .tvcast-comment-re {
        margin-bottom: 10px;
    }

.thumb-box {
    display: block;
    height: 55px;
    padding-top: 20px;
    background: #f5f7f9;
    border: 1px solid #ccc;
    text-align: center;
    margin-bottom: 10px;
}
/* 젠문가 상세 */
.genmunga-detail-top {
    border-bottom: 4px solid #e5e7e9;
    margin-bottom: 50px;
}

.genmunga-detail-top-in {
    position: relative;
    background: url('../imgs/sub/tvcast_bg_1.jpg') no-repeat center 104px;
    height: 685px;
    padding-top: 60px;
}

.gdt-box-1 {
    width: 1200px;
    margin: 0 auto;
    border-bottom: 3px solid #ff4444;
    text-align: right;
}

.gdt-box-2 {
    position: absolute;
    top: 145px;
    left: 50%;
    margin-left: -25px;
    width: 522px;
    z-index: 20;
}

    .gdt-box-2 .p-1,
    .gdt-box-2 .p-2 {
        font-size: 40px;
        letter-spacing: -0.01em;
        font-weight: 900;
    }

    .gdt-box-2 .p-1 {
        color: #0e0e0e;
    }

    .gdt-box-2 .p-2 {
        margin-bottom: 25px;
        color: #f83838;
    }

    .gdt-box-2 .ul-1 {
        overflow: hidden;
        margin-bottom: 60px;
    }

        .gdt-box-2 .ul-1 li {
            display: inline-block;
            float: left;
            font-size: 24px;
            color: #0e0e0e;
            padding-right: 20px;
            margin-right: 20px;
            background: url(../imgs/sub/tvcast_bar.gif) no-repeat right center;
        }

        .gdt-box-2 .ul-1 .li-1 {
            font-weight: 900;
        }

        .gdt-box-2 .ul-1 .li-2 {
            background: none;
        }

.gdt-box-3 {
    border: 1px solid #0c3762;
    background: #fff;
    border-radius: 8px;
}

.gdt-box-3-title {
    height: 45px;
    line-height: 45px;
    background: #0c3762;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
}

.gdt-box-3-con {
    overflow: auto;
    padding: 27px 14px;
    min-height: 240px;
    max-height: 290px;
}

.gdt-box-3-ul {
    margin-bottom: 30px;
}

    .gdt-box-3-ul li {
        padding-left: 12px;
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: bold;
        color: #121212;
        letter-spacing: -0.04em;
        background: url(../imgs/sub/tvcast_dot.png) no-repeat left 6px;
    }

.gdt-box-3-p {
    font-size: 16px;
    color: #434343;
    letter-spacing: -0.025em;
    line-height: 150%;
}

.tvcast-review-list {
}

.trl-item {
    border-top: 1px solid #f3f3f3;
}

    .trl-item table {
        table-layout: fixed;
        width: 100%;
    }

    .trl-item tbody tr {
        cursor: pointer;
    }

    .trl-item tbody td {
        padding: 24px 0;
        border-bottom: 1px solid #f3f3f3;
    }

    .trl-item tbody tr:hover td,
    .trl-item tbody tr.on td {
        background: #f3f3f3;
    }

    .trl-item .td-1 {
        padding-left: 40px;
    }

        .trl-item .td-1 img {
            width: 80%;
        }

    .trl-item tbody td .ql-editor {
        cursor: pointer;
    }

    .trl-item .td-3 {
        padding-right: 30px;
        text-align: right;
    }

.trli-text-1 {
    margin-bottom: 13px;
    font-size: 14px;
    font-weight: bold;
    color: #383838;
    line-height: 20px;
}

.trli-text-2 {
    font-size: 14px;
    color: #383838;
    letter-spacing: -0.025em;
    height: 112px;
    overflow: hidden;
}

    .trli-text-2 .ql-editor {
        overflow: hidden;
    }

.trli-tag {
    display: inline-block;
    padding: 0 16px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    letter-spacing: -0.035em;
    background: #0c3762;
    border-radius: 10px;
    line-height: 20px;
}

.trli-text-3 {
    vertical-align: middle;
    font-size: 14px;
    color: #8b8b8b;
    letter-spacing: -0.025em;
}
.tch-title {
    letter-spacing: -0.03em;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 20px 0;
    font-weight: 700;
    font-size: 14px;
    color: #383838;
}
.tch-top-box {
    overflow: hidden;
    padding: 12px 0 14px 0;
    border-bottom: 1px dashed #ccc;
}
.tch-top-box-l{
    float:left;
    width:13%;
}
.tch-top-box-l img {
    width:90px;
    height:57px;
}
.tch-top-box-r{
    width:86%;
    float:left;
    padding-top:2px;
}
.tch-top-box-r-txt {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.03em;
    line-height: 110%;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
}
.tch-top-title {
    font-size: 14px;
    color: #383838;
}
.tch-2-p-1,
.tch-2-p-2 {
    overflow: hidden;
    padding: 20px 0;
    font-size: 14px;
    color: #383838;
}
.tch-2-p-1 {
    border-bottom: 1px dashed #ccc;
}
.tch-2-p-2 {
    border-bottom: 1px solid #ddd;
}
.tch-2-p-1 .span-l {
    float: left;
    width: 49%;
    font-weight: bold;
}
.tch-2-p-1 .span-r {
    float: right;
    width: 49%;
    text-align: right;
}
.tch-2-p-2 .span-l {
    display: inline-block;
    min-width: 63px;
}
.tch-2-p-2 .span-fr {
    float:right;
}
.tvcast-my-room {
    margin-bottom: 50px;
}
.tvcast-my-room-select-box {
    text-align: right;
    margin-bottom: 20px;
}

.tvcast-my-room-item {
    margin-bottom: 30px;
    border: 1px solid #ccc;
}

.tmri-top {
    position: relative;
}

.tmri-top-box-1,
.tmri-top-box-2 {
    padding-left: 206px;
}

.tmri-top-box-1 {
    position: relative;
    height: 140px;
    background: url('../imgs/temp/genmunga/my_no_data.jpg') no-repeat center center;
    background-size: cover;
}

.tmi-top-box-1-ul {
    padding-top: 32px;
}

    .tmi-top-box-1-ul .li-1 {
        margin-bottom: 5px;
    }

    .tmi-top-box-1-ul .li-2 {
        margin-bottom: 14px;
        font-size: 24px;
        font-weight: 900;
        color: #383838;
        letter-spacing: 0.025em;
    }

    .tmi-top-box-1-ul .li-3 {
        font-size: 16px;
        color: #474747;
        letter-spacing: 0.025em;
    }

.tmi-top-box-btn-box {
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -20px;
}

.tmi-top-box-btn {
    display: inline-block;
    line-height: 40px;
    padding: 0 28px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 6px;
    background: #ff4444;
    cursor: pointer;
}

.tmri-top-box-2 {
    height: 40px;
    line-height: 40px;
    background: #454545;
}

.tmri-top-box-2-ul li {
    display: inline-block;
    float: left;
    padding-left: 22px;
    margin-left: 20px;
    background: url(../imgs/sub/tvcast_bar_3.gif) no-repeat left center;
}

    .tmri-top-box-2-ul li span {
        font-size: 16px;
        color: #fff;
        letter-spacing: -0.01em;
        cursor: pointer;
    }

.tmri-top-box-2-ul .first {
    background: none;
    padding-left: 0;
    margin-left: 0;
}

.tmri-top-box-2-ul li.on span,
.tmri-top-box-2-ul li:hover span {
    font-weight: 900;
}

.tmri-text-no-data-1 {
    padding-top: 60px;
    font-size: 24px;
    font-weight: bold;
    color: #6f6f6f;
    letter-spacing: -0.025em;
}

.tmri-text-no-data-2 {
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.01em;
}

.tmri-top-img {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 24px;
    left: 38px;
    margin: 0 auto;
    width: 138px;
    height: 138px;
    border: 1px solid #ddd;
    border-radius: 69px;
    z-index: 20;
    text-align: center;
    background: #fff;
}

.tmri-top-img-in {
    padding-top: 10%;
    height: 90%;
}

.tmri-top-img img {
    height: 100%;
}

.tmri-con {
    position: relative;
    padding: 30px 38px;
    min-height: 158px;
}

.tmri-slider-item-in {
    width: 90%;
    cursor: pointer;
}

.tmri-slider .slick-track {
    min-width: 100%;
}

.tmri-slider .slick-prev,
.tmri-slider .slick-next {
    top: 53px;
}

.tmri-slider .slick-prev {
    left: -25px;
}

.tmri-slider .slick-next {
    right: -5px;
}

.tmrisi-img {
    height: 105px;
    margin-bottom: 13px;
}

.tmrisi-text-1 {
    margin-bottom: 7px;
    font-size: 14px;
    color: #212121;
    letter-spacing: -0.025em;
}

.tmrisi-text-2 {
    overflow: hidden;
    max-height: 30px;
    font-size: 12px;
    color: #696766;
    letter-spacing: -0.025em;
    line-height: 130%;
}

.tmri-mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.025em;
    background: url(../imgs/common/mask_bg.png) repeat;
    z-index: 10;
    text-align: center;
    line-height: 218px;
}
/* tv cast*/
.section_boardMain.w-100 {
    width: 100%;
}
.section_boardMain.w-100 div.boardbox_cont li p.subject {
    width: 80%;
    max-width: 80%;
}
.area-location {
    overflow: hidden;
    background: #f5f7f9;
    line-height: 60px;
    margin: 0 auto;
    border-bottom: 1px solid #e5e7e9;
}
.area-location li {
    float: left;
    display: inline-block;
}
.area-location li.title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    letter-spacing: -1px;
    margin-right: 20px;
}
.area-location li.info {
    font-size: 13px;
    color: #666;
    letter-spacing: -0.5px;
}
.area-location ul,
.tvcast-list-in {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.tvcast-list-in {
    padding-top: 40px;
    min-height: 1000px;
}
#lnb {
    position: absolute;
    left: 0;
    top: 40px;
    width: 220px;
    height: 100%;
    min-height: 100%;
    padding-bottom: 400px;
    background: #f5f7f9;
    z-index: 10;
}
#lnb .lnb-top {
    height: 130px;
    background: #263e59;
}
#lnb .lnb-top p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    padding: 20px 0 0 25px;
}
#lnb .hr {
    width: 20px;
    height: 4px;
    background: #fff;
    display: block;
    margin: 10px 0 0 25px;
}
#lnb .lnb-bot {
    text-align: center;
}
#lnb .lnb-bot .kakao {
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
}
#lnb .lnb-bot img {
    max-width: 100%;
}
#lnb .lnb-con {
    padding: 20px 30px 30px 30px;
}
#lnb .lnb-con .depth1-a {
    display: block;
    overflow: hidden;
    line-height: 50px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
#lnb .lnb-con .depth1-a.on {
    color: #f83838;
    font-weight: 600;
}
#lnb .lnb-con .depth2-a {
    display: block;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding-left: 20px;
    line-height: 40px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
}
#lnb .lnb-con .depth2-a:hover {
    font-weight: bold;
}
#tvcast-right-content {
    padding-left: 260px;
}
.tvcast-section {
    overflow: hidden;
    clear: both;
    margin-bottom: 40px;
}
.box_rollbn {
    float: left;
    width: 668px;
    height: 268px;
    border: 1px solid #d9d9d9;
}
.tvcast-onair {
    float: right;
    width: 250px;
    height: 270px;
}
.tvcast-h3 {
    margin-bottom: 5px;
    font-family: 'Noto sans KR', sans-serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    color: #333;
}
.tvcast-banner-box-2 {
    overflow: hidden;
}
.tvcast-banner-box-2 li {
    float: left;
    height: 150px;
    width: 33%;
    margin-bottom: 10px;
}
.tvcast-banner-box-2 li.li-1 {
    margin-right: 1%;
}
.tvcast-banner-box-2 li.li-2 {
    width: 32%;
}
.tvcast-banner-box-2 li.li-3 {
    float: right;
}
.tvcast-banner-box-2 li span {
    display: block;
    height: 100%;
    border: 1px solid #999;
    cursor: pointer;
    background: url(../imgs/sub/img_genCh_bn02.png) no-repeat center center;
    background-size: 100%;
}
.tab-style-1 .tab-header {
    overflow: hidden;
    border-bottom: 3px solid #263e59;
}
.tab-style-1 .tab-header li {
    display: inline-block;
    float: left;
    width: 14%;
    line-height: 40px;
    background: #f2f2f2;
    text-align: center;
}
.tab-style-1 .tab-header li span {
    display: block;
    cursor: pointer;
    color: #666;
    font-weight: 600;
}
.tab-style-1 .tab-header li.on span {
    background: #263e59;
    color: #fff;
}
.tab-style-1 .tab-content {
    display: none;
    padding-top: 10px;
}
.tab-style-2 {
    overflow: hidden;
    margin-bottom: 45px;
}
.tab-style-2 .tab-header li {
    display: inline-block;
    float: left;
    margin-right: 30px;
    cursor: pointer;
}
.tab-style-2 .tab-header li span {
    display: block;
    height: 28px;
    font-size: 20px;
    font-weight: bold;
    color: #919191;
}
.tab-style-2 .tab-header li.on {
    border-bottom: 4px solid #ff4444;
}
.tab-style-2 .tab-header li.on span {
    font-weight: 900;
    color: #383838;
}
.file-list-box {
    overflow: hidden;
    margin-bottom: 10px;
}
.file-list-box li {
    float: left;
    display: inline-block;
    margin: 0 10px 5px 1px;
}
.file-list-box li span {
    vertical-align: middle;
}
.fl-2 {
    float: left;
    display: inline-block;
    width: 6%;
    font-weight: 600;
    padding: 20px 0;
    line-height: 130%;
}
.fr-2 {
    float: right;
    display: inline-block;
    width: 93%;
    padding: 20px 0;
    line-height: 130%;
}
.link-style-1 {
    line-height: 110%;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #aaa;
}
.link-style-1:last-child,
.link-style-1.last {
    border-right: none;
}
.link-style-1:hover {
    color: #008aff;
}
.btn-13-box {
    padding-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
.btn-13-box .btn-13 {
    margin: 0 13px;
}
/* 젠포트 tv캐스트 슬라이더 */
.box_rollbn {
    width: 668px;
    height: 268px;
    border: 1px solid #d9d9d9;
}

.box-rollbn {
    width: 100%;
    height: 180px;
}

.slider-tvcast {
    width: 100%;
    height: 100%;
}

.btn-l,
.btn-r {
    display: none;
}

.slide-quich-btn-box {
    text-align: center;
    width: 100%;
    bottom: 10px;
}

.slide-quich-btn-box span {
    width: 7px;
    height: 7px;
    margin: 0 4px;
    background: #aaa;
}

.slide-quich-btn-box span.on {
    background: #666;
}

.title_IntGroup {
    position: relative;
    min-height: 21px;
}

.info-box2 {
    overflow: hidden;
}

.btn-group-style-1 {
    display: inline-block;
    margin: 0 0 0 1px;
    height: 18px;
    width: 50px;
    line-height: 18px;
    vertical-align: middle;
    font-size: 12px;
    color: #333;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #a1a1a1;
    cursor: pointer;
}

.btn-group-style-2 {
    display: inline-block;
    margin: 0;
    height: 18px;
    width: 23px;
    line-height: 18px;
    vertical-align: middle;
    font-size: 12px;
    color: #333;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #a1a1a1;
    cursor: pointer;
}

.pay-cast-list-top {
    margin-bottom: 10px;
    text-align: right;
}

    .pay-cast-list-top select,
    .cast-input-style {
        width: 150px;
        height: 31px;
        line-height: 31px;
        text-indent: 5px;
        text-align: left;
        color: #333;
        border: 1px solid #bbb;
    }

.pay-cast-item {
    margin-bottom: 30px;
}

.pay-cast-item-header table {
}

.pay-cast-item-header td {
    padding: 0 15px;
    vertical-align: top;
}

.pay-cast-item-header .td-1 {
    padding: 0;
}

    .pay-cast-item-header .td-1 img {
        width: 100%;
        height: 75px;
    }

.pay-cast-item-header .td-2 {
    font-size: 16px;
    cursor: pointer;
}

.pay-cast-item-header .td-3 {
    text-align: right;
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    letter-spacing: -1px;
    color: #f83838;
}

.pay-cast-item-header .td-3-p-1 {
    font-weight: bold;
}

.pay-cast-item-header .td-3-p-2 {
    font-size: 20px;
    color: #bbb;
    letter-spacing: -1px;
    text-decoration: line-through;
}

.pay-cast-item-header .td-3 .sub {
    font-size: 15px;
    margin-left: 3px;
}

.pay-cast-item-header .td-4 {
    text-align: right;
    padding-right: 0;
}

    .pay-cast-item-header .td-4 .btn_red {
        display: inline-block;
    }

.pay-cast-item-header .td-5 {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    color: #666;
    line-height: 170%;
}

.pay-cast-item-header .td-5-mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    transition: all 0.4s;
    background: url(../imgs/common/gra_1.png) repeat-x left bottom;
}

.pay-cast-item-con {
    display: none;
    overflow: hidden;
    padding: 0 33% 10px 13%;
}

.pay-cast-item-con-in {
    padding-left: 15px;
}

.pay-cast-item-con .p-1 {
    color: #666;
    line-height: 180%;
}

.pay-cast-item-con .p-1-bot {
    display: block;
    padding: 20px 0;
}

.pay-cast-item-con .p-1-bot-span-1 {
    margin-right: 10px;
    font-weight: bold;
}

.pay-cast-item-con .pay-cast-item-bot {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 10px 18px;
    background: #f5f7f9;
    border: 1px solid #ddd;
    font-size: 12px;
    border-radius: 3px;
}

    .pay-cast-item-con .pay-cast-item-bot.type-2 {
        display: inline-block;
        padding-right: 0;
    }

    .pay-cast-item-con .pay-cast-item-bot li {
        float: left;
        display: inline-block;
        padding-right: 25px;
        margin-right: 25px;
    }

    .pay-cast-item-con .pay-cast-item-bot .li-1 {
        background: url(../imgs/sub/cast_img_bar.png) no-repeat right center;
    }

    .pay-cast-item-con .pay-cast-item-bot .li-2 {
        margin-right: 0;
    }

    .pay-cast-item-con .pay-cast-item-bot .span-1 {
        margin-right: 15px;
    }

    .pay-cast-item-con .pay-cast-item-bot .span-2 {
        color: #ff6600;
    }

.table-top {
    margin-bottom: 8px;
}
/* 테마변경 */
.search-box-1 {
    overflow: hidden;
}

    .search-box-1 select,
    .search-box-1 input[type=text] {
        height: 31px;
        line-height: 31px;
        border: 1px solid #bbb;
        box-sizing: content-box;
        margin-right: 2px;
    }

    .search-box-1 input[type=text] {
        text-indent: 8px;
    }
/* 젠마트 */
.visual-box-3 {
    height: 300px;
    background: #f2f0f1 url(../imgs/sub/visual_bg.jpg) no-repeat center center;
    background-size: cover;
}

    .visual-box-3 .visual-box-ul {
        padding: 33px 0 0 178px;
    }

        .visual-box-3 .visual-box-ul .li-1 {
            margin-bottom: 8px;
        }

        .visual-box-3 .visual-box-ul .li-2 {
            margin-bottom: 35px;
        }

        .visual-box-3 .visual-box-ul .li-3 {
            margin-bottom: 12px;
        }

.genmart-b2b-box {
    margin-bottom: 20px;
}

.box-basicSrch-table {
    margin-bottom: 30px;
}

    .box-basicSrch-table table {
        width: 100%;
    }

    .box-basicSrch-table tbody th,
    .box-basicSrch-table tbody td {
        font-size: 13px;
        color: #333;
        letter-spacing: -0.04em;
        border: 1px solid #ddd;
        padding: 19px 0;
    }

    .box-basicSrch-table tbody th {
        background: #f1f3f5;
        border-right: 0;
    }

    .box-basicSrch-table tbody td {
        padding-left: 20px;
    }

        .box-basicSrch-table tbody td.bl-0 {
            border-left: 0;
        }

.question-mark {
    margin-left: 4px;
    cursor: help;
    vertical-align: middle;
}

.genmart-tab-header {
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}

.genmart-tab {
    float: left;
}

    .genmart-tab.type-2 {
        clear: both;
        width: 100%;
        float: none;
    }

    .genmart-tab li {
        float: left;
        display: inline-block;
        vertical-align: middle;
    }

        .genmart-tab li.fr {
            float: right;
        }

.genmart-tab-l {
    display: inline-block;
    float: left;
    max-width: 92%;
}

.genmart-tab-r {
    display: inline-block;
    float: right;
    margin-top: 2px;
}

.genmart-tab-l li {
    float: left;
    display: inline-block;
}

.genmart-tab-r li {
    display: inline-block;
}

.genmart-tab-r .tab-a {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-left: 10px;
    cursor: pointer;
    vertical-align: middle;
}

.tab-a-thumbnail {
    background: url(../imgs/sub/ico_thumbnail_off.png) no-repeat center center;
}

    .tab-a-thumbnail.on,
    .tab-a-thumbnail:hover {
        background: url(../imgs/sub/ico_thumbnail_on.png) no-repeat center center;
    }

.tab-a-list {
    background: url(../imgs/sub/ico_list_off.png) no-repeat center center;
}

    .tab-a-list.on,
    .tab-a-list:hover {
        background: url(../imgs/sub/ico_list_on.png) no-repeat center center;
    }

.genmart-tab-l li {
    vertical-align: middle;
    background: url(../imgs/sub/ico_genmart_bar.png) no-repeat right center;
    line-height: 18px;
}

    .genmart-tab-l li.last {
        background: none;
    }

.genmart-tab-header .tab-b {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    min-width: 52px;
    padding: 0 10px;
    font-size: 12px;
    letter-spacing: -0.04em;
    color: #8f8f8f;
    cursor: pointer;
    vertical-align: middle;
}
.genmart-tab-header .tab-b-style {
    margin-right: 5px;
    font-size: 12px;
    letter-spacing: -0.04em;
    color: #8f8f8f;
    cursor: pointer;
}
.genmart-tab-header .tab-b.on,
.genmart-tab-header .tab-b:hover,
.genmart-tab-header .tab-b-style.on,
.genmart-tab-header .tab-b-style:hover {
    font-weight: bold;
    color: #121212;
}

.genmart-tab-header .tab-c,
.genmart-tab-header .tab-d {
}

.genmart-tab-header .tab-c {
    margin-right: 15px;
    background: none;
}

    .genmart-tab-header .tab-c span {
        cursor: pointer;
    }

.genmart-tab-header .tab-d {
    padding-right: 15px;
}

.genmart-tab-content {
    display: none;
}
.genmart-tab-content.on {
    display: block;
}
/* 젠마켓 필터 */
.filter-box {
    margin-bottom: 40px;
}
.filter-box table {
    width: 100%;
}

.filter-box th,
.filter-box td {
    border: 1px solid #d2d2d2;
}

.filter-box thead th {
    position: relative;
    height: 40px;
    padding: 0 18px;
    font-size: 15px;
    color: #555;
    letter-spacing: -0.05em;
    text-align: left;
    background: #eaecee;
}

.filter-pop-open-btn {
    display: inline-block;
    float: right;
    color: #f83838;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -0.05em;
    border-bottom: 1px solid #f83838;
}

.filter-select-box {
    position: relative;
    height: 40px;
    cursor: pointer;
}

.filter-select-box .filter-select-title,
.filter-select-box .filter-select-option {
    padding: 0 20px;
    font-size: 14px;
    color: #7a7a7a;
    letter-spacing: -0.05em;
}

.filter-select-box .filter-select-title {
    line-height: 40px;
}

.filter-select-option-box {
    display: none;
    position: absolute;
    top: 33px;
    left: -1px;
    padding-bottom: 9px;
    background: #fff;
    width: 100%;
    border-style: solid;
    border-color: #d2d2d2;
    border-width: 0 1px 1px 1px;
    z-index: 10;
}
.filter-select-box .filter-select-option {
    line-height: 200%;
}
.filter-select-box .filter-select-option .sub {
    margin-left: 3px;
    font-family: 'Noto Sans KR';
    font-size: 10px;
    color: #f83838;
    letter-spacing: -0.03em;
}
.filter-select-arr {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    height: 40px;
    width: 20px;
    background: url(../imgs/common/filter_select_arr_down.png) no-repeat left center;
}

.filter-select-box.focus .filter-select-arr {
    background: url(../imgs/common/filter_select_arr_up.png) no-repeat left center;
}
.genmart-tab-header-2 {
    clear: both;
    min-height: 22px;
    margin-bottom: 13px;
}
.gth2-left {
    float: left;
}
.gth2-right {
    display: inline-block;
    float: right;
}
.filter-pop-box {
    display: none;
    position: absolute;
    left: -41px;
    top: 29px;
    z-index: 20;
}
.filter-pop-box.type-2 {
    left: 16px;
}
.filter-pop-box-in {
    position: relative;
    overflow: hidden;
    min-width: 440px;
    background: #fff;
    margin-top: -1px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    padding: 33px 23px 20px 23px;
}

.filter-pop-bg {
    position: relative;
    height: 13px;
    z-index: 0;
    background: url(../imgs/common/filter_pop_bg.png) no-repeat center bottom;
    z-index: 10;
}
.filter-pop-close-btn {
    position: absolute;
    right: 10px;
    top: 3px;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../imgs/common/filter_close.png) no-repeat center center;
    z-index: 30;
}
.filter-pop-hr {
    margin: 10px 0 20px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #d2d2d2;
}
.filter-pop-line {
    overflow: hidden;
    margin-bottom: 3px;
}
.filter-pop-h2 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #f83838;
    letter-spacing: -0.05em;
}
.filter-pop-label {
    display: inline-block;
    float: left;
    width: 25%;
    font-size: 14px;
    line-height: 18px;
    color: #555;
    letter-spacing: -0.05em;
    vertical-align: middle;
}
.filter-pop-radio-wrap {
    display: inline-block;
    float: right;
    width: 72%;
    vertical-align: middle;
}
.filter-radio {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
    min-width: 50px;
    font-size: 14px;
    letter-spacing: -0.025em;
    vertical-align: middle;
    color: #7a7a7a;
    cursor: pointer;
    background: url(../imgs/common/radio_filter_off.png) no-repeat left center;
}
.filter-radio.checked {
    background: url(../imgs/common/radio_filter_on.png) no-repeat left center;
}
.filter-pop-radio-wrap .filter-radio {
    margin-bottom: 9px;
    margin-right: 5px;
}
.filter-pop-btn {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 48px;
    background: #f83838;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
}

.filter-tooltip {
    position: absolute;
    top: -60px;
    left: 4px;
    display: block;
    z-index: 10;
    padding: 9px 16px 9px 13px;
    background: #fff;
    border: 1px solid #f83838;
    box-shadow: 4px 4px 6px rgb(0 0 0 / 5%);
    border-radius: 6px;
    font-size: 12px;
    font-weight: 300;
    color: #444;
    line-height: 150%;
    background: #fff;
    text-align: left;
}
.filter-tooltip::before {
    position: absolute;
    content: '';
    width: 15px;
    height: 7px;
    bottom: -7px;
    left: 18px;
    background: url(../imgs/common/filter_tooltip_arr.png) no-repeat bottom left;
    z-index: 11;
}
.filter-tooltip em{
    font-weight:700;
    color:#f83838;
}
.genmart-tab-header-2 input,
.genmart-tab-header-2 span,
.genmart-tab-header-2 label,
.genmart-tab-header-2 select {
    vertical-align: middle;
}

.genmart-list table {
    width: 100%;
    table-layout: fixed
}

.genmart-list thead th,
.genmart-list tbody td {
    border-style: solid;
    border-color: #d2d2d2;
    border-width: 0 0 1px 0;
}

.genmart-list thead th {
    padding: 12px 0;
    font-size: 12px;
    color: #333;
    letter-spacing: -0.04em;
    background: #f1f3f5;
    border-top-width: 1px;
    font-weight: normal;
}

.genmart-list tbody td {
    padding: 10px 0 10px 15px;
}

.genmart-list-in {
    position: relative;
    min-height: 98px;
    height: 100%;
    padding: 10px 0;
    border-right: 1px solid #d2d2d2;
}

.genmart-list-in-2 {
    padding-right: 10px;
}

.genmart-list tbody .genmart-list-img {
    position: relative;
    width: 160px;
    height: 90px;
    overflow: hidden;
}

.genmart-list tbody .genmart-list-img-mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: url('../imgs/main/main_item_mask_bg.png');
}

.genmart-list tbody .genmart-list-img:hover .genmart-list-img-mask {
    display: block;
}

.genmart-list tbody .genmart-list-img-mask-bot {
    position: absolute;
    left: 0;
    bottom: 36px;
    width: 100%;
}

.genmart-list tbody .btn-genmart-list-mask {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.04em;
    color: #fff;
    padding: 0 2px 6px 2px;
    border-bottom: 1px solid #fff;
}

    .genmart-list tbody .btn-genmart-list-mask.type-2 {
        font-size: 15px;
    }

.genmart-list-p-1 {
    margin-bottom: 10px;
}

    .genmart-list-p-1 .text-over {
        display: block;
        width: 98%;
        margin-bottom: 3px;
        font-size: 18px;
        color: #333;
        letter-spacing: -0.04em;
        font-weight: 700;
    }

.span-text-1,
.span-text-2,
.span-text-3 {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

.span-text-1 {
    background: #008aff;
}

.span-text-2 {
    background: #16c365;
}

.span-text-3 {
    margin-left: 3px;
    background: #1b3b85;
}

    .span-text-2:hover,
    .span-text-3:hover {
        color: #fff;
    }

.genmart-list-p-2 {
    overflow: hidden;
    max-height: 46px;
    padding-right: 10px;
    font-size: 12px;
    letter-spacing: -0.04em;
    color: #333;
    line-height: 130%;
}

.genmart-text-ul {
    padding-right: 14px;
}

    .genmart-text-ul.type-2 {
        padding-right: 0;
    }

    .genmart-text-ul.type-3 {
        padding-left: 14px;
        padding-right: 14px;
    }

    .genmart-text-ul li {
        overflow: hidden;
        margin-bottom: 1px;
    }

        .genmart-text-ul li dt,
        .genmart-text-ul li dd {
            vertical-align: middle;
            line-height: 110%;
        }

        .genmart-text-ul li dt {
            float: left;
            width: 39%;
            font-size: 14px;
            letter-spacing: -0.04em;
            color: #4e4e4e;
        }

        .genmart-text-ul li dd {
            float: right;
            width: 60%;
            text-align: right;
            font-size: 16px;
            letter-spacing: -0.04em;
            color: #333;
            font-weight: bold;
        }

            .genmart-text-ul li dd .won,
            .genmart-text-ul li dd .per {
                font-weight: 400;
                font-size: 14px;
            }

.genmart-text-3,
.genmart-text-6 {
    position: absolute;
    left: 0;
    bottom: 8px;
    font-size: 13px;
    letter-spacing: -0.04em;
    color: #000;
}

.genmart-text-4,
.genmart-text-5 {
    padding-right: 15px;
    text-align: right;
}

.genmart-text-4 {
    margin-bottom: 7px;
    font-size: 22px;
    color: #ff4444;
    letter-spacing: -0.024em;
    line-height: 110%;
    font-weight: bold;
}

.genmart-text-5 {
    font-size: 14px;
    color: #4e4e4e;
    letter-spacing: -0.024em;
    line-height: 110%;
    text-decoration: line-through;
}

.genmart-text-6 {
    left: auto;
    right: 15px;
}

.genmart-list tbody td.genmart-btn-td {
    padding-left: 0;
    text-align: center;
}

.btn-gpp-ok-2 {
    display: inline-block;
    width: 120px;
    height: 38px;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #fff;
    background: url(../imgs/sub/btn_gpp_ok_2.png) no-repeat center center;
}

    .btn-gpp-ok-2.btn-half {
        width: 100px;
        background: url(../imgs/sub/btn_gpp_ok_2_half.png) no-repeat center center;
        margin: 0 2px;
    }

.btn-gpp-no-2 {
    display: inline-block;
    width: 120px;
    height: 38px;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #fff;
    background: url(../imgs/sub/btn_gpp_no_2.png) no-repeat center center;
}

    .btn-gpp-ok-2:hover,
    .btn-gpp-no-2:hover {
        color: #fff;
        cursor: pointer;
    }

.btn-radio {
    padding-left: 22px;
    height: 17px;
    display: inline-block;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 13px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 40px;
    background: url(../imgs/sub/btn_radio_off.png) no-repeat left center;
}

    .btn-radio.checked {
        background: url(../imgs/sub/btn_radio_on.png) no-repeat left center;
    }

.section_theme.type-2 li {
    width: 25%;
    transition-property: none;
}

.section_theme.disabled li {
    width: 25%;
}

.section_theme.type-2 li.on {
    width: 25%;
    display: none;
}

.section_theme li.onbg_11 {
    background: #ff5555;
}
/* 투자기간별 */
.section_theme li.onbg_12 {
    background: #e88f2f;
}
/* 시가총액별 */
.section_theme li.onbg_13 {
    background: #26a3b9;
}
/* 운용금액별 */
.section_theme li.onbg_14 {
    background: #4c6589;
}
/* 판매금액별 */
.section_theme.type-2 .btn_thmTab_on03 {
    color: #26a3b9;
}

.section_theme.type-2 .btn_thmTab_on04 {
    color: #4c6589;
}

.section_theme.type-2 .thm_on_title,
.section_theme.type-2 .thm_on_info,
.section_theme.type-2 .thm_on_tabs {
    text-align: center;
    margin-left: 0;
}

.btn_thmTab-2 {
    display: inline-block;
    padding: 7px 13px;
    margin: 0 2px;
    border: 1px solid #fff;
    font-size: 12px;
    color: #fff;
    border-radius: 30px;
    background: transparent;
    cursor: pointer;
}

    .btn_thmTab-2.on {
        background: #fff;
    }

#tab1On .btn_thmTab-2.on {
    color: #ff5555;
}

#tab2On .btn_thmTab-2.on {
    color: #e88f2f;
}

#tab3On .btn_thmTab-2.on {
    color: #26a3b9;
}

#tab4On .btn_thmTab-2.on {
    color: #4c6589;
}
.select-style-2 {
    width: 100px;
    height: 20px;
    font-size: 12px;
    color: #8f8f8f;
    font-weight: bold;
    letter-spacing: -0.04em;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    text-indent: 5px;
}
.select-style-2.on {
    font-weight: bold;
    color: #121212;
}
.input-text-style-1 {
    height: 20px;
    font-size: 12px;
    color: #8f8f8f;
    font-weight: bold;
    letter-spacing: -0.04em;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    text-indent: 5px;
}
.box-input {
    width: 100%;
    color: #333;
    border: 1px solid #ccc;
    padding: 8px;
    box-sizing: border-box;
}
.text-area {
    width: 98%;
    height: 75px;
    color: #333;
    border: 1px solid #ccc;
}

input[type=checkbox].chk_np {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

label.chkbx_labe_np {
    background-image: url(/img/img_checkbg_off.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=checkbox].chk_np + label.chkbx_labe_np {
    padding-left: 20px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    color: #666;
    vertical-align: middle;
    cursor: pointer;
}

label.chkbx_labe_np.checked,
input[type=checkbox].chk_np:checked + label.chkbx_labe_np {
    background-image: url(/img/img_checkbg_on.png);
    background-position: 0 0 !important;
}

.btn_extrasmall {
    font-size: 12px;
    transition: 0.1s;
    text-align: center;
    padding: 2px 8px;
    border-radius: 3px;
}

.btn_white {
    vertical-align: middle;
    background: #fff;
    border: 1px solid #aaa;
    font-weight: 600;
    color: #888;
    box-shadow: inset 0px -1.5px 1px #e0e0e0;
}

    .btn_white:hover {
        border: 1px solid #888;
        font-weight: 600;
        color: #555;
        box-shadow: inset 0px 0px 0px #e0e0e0;
    }
/* 고객지원 */
.list_qnaBrd.list_ann {
    background: #f9f9f8;
}

.list_qnaBrd p.num .ico-ann {
    overflow: hidden;
    display: inline-block;
    padding: 0 10px;
    min-width: 20px;
    text-align: center;
    height: 18px;
    background: #ffdede;
    border-radius: 2px;
    border: 1px solid #ff9797;
    color: #ff4444;
    font-size: 11px;
    line-height: 18px;
    margin-top: 10px;
}

.box_qnaBrd p.subject {
    width: 510px;
    max-width: 510px;
    padding-left: 15px;
}

.list_qnaBrd p.subject_notice {
    width: 765px;
    max-width: 765px;
    padding-left: 15px;
}

.list_qnaBrd.list_ann p.subject {
    color: #ff4444;
}

input[type=text].find_cstmField_s {
    padding-top: 6px;
    padding-bottom: 6px;
}

input[type=text].find_cstmField {
    padding-top: 9px;
    padding-bottom: 9px;
}
/* 젠마켓 */

.visual-box-4 {
    height: 300px;
    background: #f2f0f1 url(../imgs/sub/visual_bg_4.jpg) no-repeat center center;
    background-size: cover;
}

.visual-box-4 .visual-box-ul {
    padding: 33px 0 0 178px;
}

.visual-box-4 .visual-box-ul .li-1 {
    margin-bottom: 7px;
}

.visual-box-4 .visual-box-ul .li-2 {
    margin-bottom: 17px;
}

.visual-box-4 .visual-box-ul .li-3 {
    margin-bottom: 15px;
}

.portlist-section-1 {
    overflow: hidden;
}

    .portlist-section-1 .ps1-l,
    .portlist-section-1 .ps1-r {
        height: 105px;
        float: left;
        width: 50%;
        text-align: center;
    }

    .portlist-section-1 .ps1-graph {
        height: 75px;
    }

    .portlist-section-1 .ps1-text {
        font-size: 13px;
        font-weight: bold;
        color: #333;
        letter-spacing: -0.025em;
    }

.lst-per .lst-per-l,
.lst-per .lst-per-r {
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
}

.lst-per .lp-graph {
    height: 55px;
    display: block;
}

.lst-per .lp-text {
    display: block;
    font-size: 13px;
    color: #333;
}

.circles-integer {
    font-weight: bold;
    color: #353432;
}

.graph-size-1 .circles-integer {
    font-size: 22px;
}

.graph-size-1 .circles-integer-per {
    font-size: 13px;
}

.graph-size-2 .circles-integer {
    font-size: 16px;
}

.graph-size-2 .circles-integer-per {
    font-size: 10px;
}

.full-detail-ul {
    overflow: hidden;
}

    .full-detail-ul li {
        float: left;
        display: inline-block;
    }

    .full-detail-ul .li-1 {
        width: 110px;
    }

.full-detail-thumbnail {
    float: left;
    display: inline-block;
    width: 95px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #dfdfdf;
}

    .full-detail-thumbnail img {
        width: 100%;
        height: 100%;
    }
/* nh 수익률 대회 */
.contest-top {
    text-align: center;
}

.contest-top-btn {
    display: block;
    height: 305px;
    cursor: pointer;
    background: url(../imgs/sub/nh_bg.png) no-repeat center center;
    background-size: cover;
}

.contest-tab .tab-header {
    overflow: hidden;
    margin-bottom: 45px;
    border: 1px solid #d2d2d2;
    border-radius: 8px;
}

    .contest-tab .tab-header .tab-btn {
        float: left;
        width: 33.33%;
    }

.contest-tab .contest-tab-header .tab-btn-1,
.contest-tab .contest-tab-header .tab-btn-2 {
    border-right: 1px solid #d2d2d2;
}

.contest-tab .tab-header a {
    display: block;
    height: 64px;
    padding-top: 24px;
    text-align: center;
    color: #333;
}

    .contest-tab .tab-header a span {
        display: block;
    }

    .contest-tab .tab-header a .span-1 {
        font-size: 22px;
        font-weight: bold;
        line-height: 130%;
    }

    .contest-tab .tab-header a .span-2 {
        font-size: 13px;
        line-height: 130%;
    }

.contest-tab .tab-header li.on a,
.contest-tab .tab-header li:hover a {
    color: #fff;
    background: #ff4444;
}

.contest-tab .tab-content {
    display: none;
}

    .contest-tab .tab-content.on {
        display: block;
    }

.contest-h2 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.contest-table {
    margin-bottom: 80px;
    border-top: 1px solid #9e9f9f;
}

    .contest-table table {
        width: 100%;
    }

    .contest-table thead th,
    .contest-table tbody th,
    .contest-table tbody td {
        border-style: solid;
        border-color: #d8d8d8;
        border-width: 0 0 1px 1px;
    }

    .contest-table thead .first,
    .contest-table tbody .first {
        border-left-width: 0;
    }

    .contest-table thead th {
        padding: 17px 0;
        font-size: 22px;
        color: #333;
        background: #f8f9fb;
    }

    .contest-table tbody th {
        padding: 24px 0;
        font-size: 22px;
        color: #333;
    }

    .contest-table tbody td {
        padding: 24px 18px;
        font-size: 20px;
        letter-spacing: -0.025em;
    }

        .contest-table tbody td.text-center {
            padding-left: 0;
            padding-right: 0;
        }

    .contest-table .ul-1 li {
        margin-bottom: 25px;
    }

    .contest-table .ul-2 li {
        min-height: 24px;
        padding-left: 28px;
        margin-bottom: 25px;
    }

    .contest-table .ul-2 .li-1 {
        background: url(../imgs/sub/contest_num_1.png) no-repeat left 2px;
    }

    .contest-table .ul-2 .li-2 {
        background: url(../imgs/sub/contest_num_2.png) no-repeat left 2px;
    }

    .contest-table .ul-2 .li-3 {
        background: url(../imgs/sub/contest_num_3.png) no-repeat left 2px;
    }

    .contest-table .p-1 {
        font-weight: bold;
        color: #626761;
    }

.contest-img-box {
    margin-bottom: 50px;
    text-align: center;
}

    .contest-img-box img {
        max-width: 100%;
    }

.contest-bot {
    overflow: hidden;
}

    .contest-bot li {
        display: inline-block;
        float: left;
        width: 33.33%;
        text-align: center;
    }

.contest-btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    width: 87%;
    border: 1px solid #d2d2d2;
    height: 68px;
    border-radius: 34px;
}

    .contest-btn .span-1,
    .contest-btn .span-2 {
        display: block;
        line-height: 130%;
    }

    .contest-btn .span-1 {
        padding-top: 12px;
        font-size: 20px;
        font-weight: bold;
        color: #333;
        letter-spacing: -0.025em;
    }

    .contest-btn .span-2 {
        font-size: 13px;
        color: #646464;
        letter-spacing: -0.025em;
    }

.genmart-main-select-box {
    margin-bottom: 40px;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
}

    .genmart-main-select-box table {
        width: 100%;
    }

    .genmart-main-select-box thead th,
    .genmart-main-select-box tbody td {
        padding: 16px 0;
        border-right: 1px solid #ddd;
    }

    .genmart-main-select-box thead .last,
    .genmart-main-select-box tbody .last {
        border-right: none;
    }

    .genmart-main-select-box thead th {
        background: #f1f3f5;
        font-size: 17px;
        color: #555;
        letter-spacing: -0.05em;
    }

    .genmart-main-select-box tbody td {
        text-align: center;
    }

        .genmart-main-select-box tbody td .radio-style-2 {
            margin: 0 7px;
        }

.gen-b2b-ico-1,
.gen-b2b-ico-2,
.gen-b2b-ico-3,
.gen-b2b-ico-4,
.gen-b2b-ico-5,
.gen-b2b-ico-6,
.gen-b2b-ico-7,
.gen-b2b-ico-8,
.gen-b2b-ico-9 {
    float: left;
    background: #1b3b85;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 3px 6px;
    border-radius: 3px;
    margin-right: 4px;
    vertical-align: middle;
}

.gen-b2b-ico-2 {
    background: #ff6600;
}

.gen-b2b-ico-3 {
    background: #ffa837;
}

.gen-b2b-ico-6 {
    background: #bf81ff;
}

.gen-b2b-ico-7 {
    background: #ad81ff;
}

.gen-b2b-ico-8 {
    background: #d21eff;
}

.gen-b2b-ico-9 {
    background: #a001c8
}

.port-b2b {
    float: left;
    text-align: center;
    width: 70px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    margin: 0 0 0 10px;
    font-weight: bold;
    background-color: #1b3b85;
    border: 1px solid #152d65;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
}

.port-q {
    background-color: #16c365;
    cursor: pointer;
}

.gen-tic-ico {
    float: left;
    background: #ffa837;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 3px 6px;
    border-radius: 3px;
    margin-right: 4px;
}
.gen-il-ico {
    float: left;
    background: #ff6600;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 3px 6px;
    border-radius: 3px;
    margin-right: 4px;
}
/* new 소개 페이지 */
.gen-intro-wrap {
    font-family: 'Noto Sans KR', sans-serif;
}
.gen-intro-1 {
    position: relative;
    background: url(../imgs/sub/intro_bg_1.jpg) no-repeat center center;
    background-size: cover;
}
.gen-intro-1 .gen-intro-in {
    display: table;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 20px 0;
}
.gen-intro-1 .gen-intro-cell {
    display: table-cell;
    vertical-align: middle;
}
.gen-intro-1 .ani-box {
    position: relative;
    height: 450px;
}
.gen-intro-1 .text-1,
.gen-intro-1 .text-2,
.gen-intro-1 .text-3 {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    padding-top: 40px;
}
.gen-intro-1 .text-1 {
    top: 0;
    text-align: center;
}
.gen-intro-1 .text-2 {
    top: 187px;
    text-align: right;
    color: #222;
    font-size: 35px;
    letter-spacing: -0.05em;
    line-height: 130%;
}
.gen-intro-1 .text-2 em {
    font-weight: bold;
}
.gen-intro-1 .text-3 {
    top: 335px;
    color: #555;
    font-size: 30px;
    letter-spacing: -0.05em;
    line-height: 130%;
}
.gen-intro-1 .text-3 em {
    font-weight: bold;
    color: #222;
}
.gen-intro-1 .btn-arr-bot {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    background: url(../imgs/sub/intro_ico_1.png) no-repeat center center;
    cursor: pointer;
}
.gen-intro-1 {
    position: relative;
    height: 940px;
    background: url(../imgs/sub/why_1_bg.png) no-repeat center center;
    background-size: cover;
}
.gen-intro-1 video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.gen-intro-1-text {
    position: absolute;
    left: 0;
    top: 0;
    display: table;
    width: 100%;
    height: 80%;
}
.gen-intro-1-text-in {
    display: table-cell;
    width: 100%;
    font-weight: 300;
    font-size: 24px;
    vertical-align: middle;
    text-align: center;
    letter-spacing: -0.05em;
    opacity: 0;
    line-height: 130%;
}
.gen-intro-1-logo {
    margin-bottom: 10px;
}
.gen-intro-1-text-1 {
    letter-spacing: 0.18em;
}
.gen-intro-1-text-2 {
    letter-spacing: -0.05em;
}

.gen-intro-2 {
    padding: 120px 0 60px 0;
    color: #2e2e2e;
    letter-spacing: -0.025em;
    text-align: center;
    line-height: 110%;
}
/* section 2 */
.gen-intro-2 {
    margin-bottom: 175px;
}
.gen-intro-tab .tab-header {
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}
.gen-intro-tab .tab-header ul {
    width: 864px;
    height: 90px;
    margin: 0 auto;
}
.gen-intro-tab .tab-header .tab-btn {
    float: left;
    width: 144px;
    text-align: center;
    line-height: 90px;
    font-size: 18px;
    color: #8c8c8c;
    letter-spacing: -0.025em;
    transition: all 0.4s;
    cursor: pointer;
}
.b2b .gen-intro-tab .tab-header ul {
    width: 432px;
}
.gen-intro-tab .tab-header .tab-btn.on {
    font-weight: bold;
    color: #ff4444;
}
.gen-intro-tab .tab-header .tab-header-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 144px;
    height: 1px;
    text-align: center;
    line-height: 0;
}
.gen-intro-tab .tab-header .tab-header-bar span {
    position: absolute;
    left: 12%;
    top: 0;
    display: block;
    overflow: hidden;
    width: 76%;
    height: 1px;
    background: #ff4444;
}
.gen-intro-tab .tab-content {
    display: none;
}
.gen-intro-tab .tab-content.on {
    display: block;
}
.gi2-top {
    overflow: hidden;
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 610px;
}

.gi2-l {
    position: absolute;
    left: 0;
    top: 110px;
    width: 32%;
}
.gi2-l .text-1 {
    height: 150px;
    font-size: 45px;
    font-weight: bold;
    color: #222;
    line-height: 130%;
    letter-spacing: -0.025em;
}
.gi2-l .text-2 {
    height: 138px;
    font-size: 20px;
    color: #555;
    line-height: 160%;
    letter-spacing: -0.05em;
}
.gi2-l .text-1-action,
.gi2-l .text-2-action {
    display: block;
    padding-top: 50px;
    opacity: 0;
}
.gi2-r {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 802px;
    height: 442px;
}
.gi2-r .video-bg {
    position: relative;
    height: 100%;
    background: url(../imgs/sub/intro_bg_2.png) no-repeat right bottom;
}
.gi2-r .video-1 {
    position: absolute;
    right: 82px;
    bottom: 0;
}
.gi2-top .gi2-btn-box {
    overflow: hidden;
    background: #fff;
}
.gi2-bot {
    height: 190px;
    background: #fafafa;
}
.gi2-bot-in {
    display: table;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.gi2-bot-cell {
    display: table-cell;
    vertical-align: middle;
}
.gi2-bot .gi2b-text-1 {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #222;
    letter-spacing: -0.025em;
    line-height:110%;
    margin-bottom:20px;
}
.gi2-bot .gi2b-text-2,
.gi2-bot .gi2b-text-4 {
    display: block;
    font-size: 20px;
    letter-spacing: -0.025em;
    color: #555;
    line-height: 130%;
}
.gi2-bot .gi2b-text-2 {
    padding-left: 14px;
}
.gi2-bot .gi2b-text-2 em,
.gi2-bot .gi2b-text-4 em {
    color: #222;
    font-weight: bold;
}
.gi2-bot .gi2b-item {
    float: left;
    width: 25%;
}

.gi2-bot .gi2b-item-size-1 {
    width: 26%;
}

.gi2-bot .gi2b-item-size-2 {
    width: 32%;
}

.gi2-bot .gi2b-item-size-4 {
    float: right;
    width: 14%;
}

.gi2-bot .gi2b-item-size-11 {
    padding-left: 8%;
    width: 32%;
}

.gi2-bot .gi2b-item-size-12 {
    width: 32%;
}

.gi2-bot .gi2b-item-size-13 {
    width: 27%;
}

.gi2-bot .gi2b-item-size-31 {
    width: 25%;
}

.gi2-bot .gi2b-item-size-32 {
    width: 28%;
}

.gi2-bot .gi2b-item-size-33 {
    width: 27%;
}

.gi2-bot .gi2b-item-size-34 {
    float: right;
    width: 17%;
}

.gi2-bot .gi2b-item-size-41 {
    width: 34%;
}

.gi2-bot .gi2b-item-size-42 {
    width: 38%;
}

.gi2-bot .gi2b-item-size-43 {
    float: right;
    width: 27%;
}

.gi2-bot .gi2b-item-size-51,
.gi2-bot .gi2b-item-size-52,
.gi2-bot .gi2b-item-size-53 {
    width: 33%;
}

.gen-intro-3 {
    margin-bottom: 150px;
}

.gen-intro-3 .gen-intro-in {
    width: 1200px;
    margin: 0 auto;
}

.intro-h3 {
    height: 95px;
    padding-right: 30px;
    text-align: right;
    font-size: 50px;
    letter-spacing: -0.025em;
    color: #222;
}
.intro-h3 .intro-h3-action {
    display: block;
    padding-top: 100px;
    opacity: 0;
}
.intro-h3 em {
    font-weight: bold;
}
.gen-intro-3 .gen-video-box {
    position: relative;
    overflow: hidden;
    height: 600px;
    margin-bottom: 50px;
}
.gen-intro-3 .gen-video-action {
    position: absolute;
    left: -30%;
    top: -30%;
    width: 160%;
    height: 160%;
    background: url(../imgs/sub/intro_bg_3.jpg) no-repeat center center;
    background-size: 100%;
    opacity: 0;
    z-index: 10;
}
.gen-intro-3 .gen-video-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}
.gen-intro-3 .gen-video-ico {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 136px;
    height: 136px;
    border-radius: 70px;
    border: 3px solid #fff;
    background: url(../imgs/sub/intro_ico_2.png) no-repeat 54px center;
    margin: -71px 0 0 -71px;
    cursor: pointer;
}
.gen-intro-3 .gen-intro-btn-box {
    width: 1170px;
    margin: 0 auto;
    padding-left: 30px;
}
.gen-intro-3 .intro-btn-1 {
    margin-right: 55px;
    font-size: 24px;
    letter-spacing: -0.025em;
    color: #222;
    cursor: pointer;
}
.gen-intro-4 {
    padding-top: 50px;
    margin-bottom: 150px;
}
.gen-intro-4 .gen-intro-in {
    width: 1200px;
    margin: 0 auto;
}
.gen-intro-4 .intro-h4 {
    height: 185px;
    font-size: 45px;
    color: #222;
    line-height: 130%;
}
.gen-intro-4 .intro-h4-action {
    display: block;
    padding-top: 100px;
    opacity: 0;
    font-weight: bold;
}

.gen-intro-4 .count-content-box {
    overflow: hidden;
    padding: 0 30px 0 240px;
}

.gen-intro-4 .count-content-box ul {
    overflow: hidden;
    margin-bottom: 65px;
}

.gen-intro-4 .count-content-box li {
    display: inline-block;
    float: left;
    width: 33.33%;
    text-align: right;
}

.gen-intro-4 .count-content-box .count-span {
    display: block;
    margin-bottom: 8px;
    font-size: 30px;
    font-weight: bold;
    color: #222;
}

.gen-intro-4 .count-content-box .text-span {
    display: block;
    font-size: 18px;
    letter-spacing: -0.025em;
    color: #555;
    line-height: 170%;
}

.gen-intro-4 .gen-intro-4-bot {
    padding: 70px 0;
    text-align: center;
    font-size: 30px;
    color: #222;
    background: #fafafa;
}

.gen-intro-4 .gen-intro-4-bot em {
    font-weight: bold;
}

.gen-intro-5 {
    padding-top: 50px;
    margin-bottom: 260px;
}

.gen-intro-5 .gen-intro-in {
    width: 1200px;
    margin: 0 auto;
}

.gen-intro-5 .intro-h5 {
    height: 125px;
    text-align: center;
}

.gen-intro-5 .intro-h5-1 {
    display: block;
    height: 62px;
    font-size: 45px;
    font-weight: bold;
    color: #222;
    line-height: 110%;
}

.gen-intro-5 .intro-h5-2 {
    display: block;
    height: 70px;
    font-size: 20px;
    letter-spacing: -0.05em;
    color: #555;
}

.gen-intro-5 .intro-h5-action-1,
.gen-intro-5 .intro-h5-action-2 {
    display: block;
    padding-top: 50px;
    opacity: 0;
}

.gen-intro-5 .gen-intro-rolling-img {
    position: relative;
    display: block;
    overflow: hidden;
    width: 1070px;
    height: 542px;
    margin: 0 auto;
    margin-bottom: 60px;
    text-align: center;
}

.gen-intro-5 .giri-img-action {
    position: absolute;
    left: -20%;
    top: -20%;
    display: block;
    width: 140%;
    height: 140%;
    z-index: 10;
}

.gen-intro-5 .giri-img-action-1 {
    background: url(../imgs/sub/in_01.jpg) no-repeat center center;
    background-size: cover;
}

.gen-intro-5 .giri-img-action-2 {
    background: url(../imgs/sub/in_02.jpg) no-repeat center center;
    background-size: cover;
}

.gen-intro-5 .giri-img-action-3 {
    background: url(../imgs/sub/in_03.jpg) no-repeat center center;
    background-size: cover;
}

.gen-intro-5 .giri-text-box {
    position: absolute;
    left: 40px;
    bottom: 40px;
    z-index: 20;
}

.gen-intro-5 .giri-text-1 {
    display: block;
    margin-bottom: 10px;
    font-size: 38px;
    letter-spacing: -0.025em;
    color: #fff;
    text-align: left;
}

.gen-intro-5 .giri-text-1 em {
    font-weight: bold;
}

.gen-intro-5 .giri-text-2 {
    display: block;
    font-size: 17px;
    letter-spacing: -0.05em;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

.gen-intro-5 .gen-intro-rolling-text {
    margin-bottom: 40px;
    font-size: 20px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #555;
    line-height: 140%;
}

.gen-intro-rolling-btn-box {
    text-align: center;
}

.gen-intro-rolling-box .slick-next,
.gen-intro-rolling-box .slick-prev {
    top: 250px;
    padding: 0;
    margin: 0;
    width: 36px;
    height: 80px;
    box-shadow: none;
}

.gen-intro-rolling-box .slick-prev {
    background: url(../imgs/sub/intro_ico_arr_l.png) no-repeat center center;
}

.gen-intro-rolling-box .slick-next {
    background: url(../imgs/sub/intro_ico_arr_r.png) no-repeat center center;
}

.gen-intro-rolling-box .slick-dots {
    width: 50%;
    bottom: auto;
    top: 500px;
    right: 105px;
    z-index: 30;
    text-align: right;
}

.gen-intro-rolling-box .slick-dots li {
    display: inline-block;
    height: 6px;
    width: 6px;
}

.gen-intro-rolling-box .slick-dots li button {
    background: #b8b8b8;
    width: 6px;
    height: 6px;
    padding: 0;
    border-radius: 3px;
}

.gen-intro-rolling-box .slick-dots .slick-active button {
    background: #fff;
}

.gen-intro-rolling-box .slick-dots li button:before {
    display: none;
}

.gen-intro-6 {
    overflow: hidden;
    height: 1230px;
}

.gen-intro-6-in {
    position: relative;
    width: 1920px;
    margin: 0 auto;
}

.gen-intro-6 .gen-intro-6-action-1,
.gen-intro-6 .gen-intro-6-action-2,
.gen-intro-6 .intro-6-text-action {
    padding-top: 150px;
    opacity: 0;
}

.gen-intro-6 .gen-intro-6-action-1 {
    position: absolute;
    left: 0;
    top: 0;
}

.gen-intro-6 .gen-intro-6-action-1-in {
    width: 870px;
    height: 910px;
    background: url(../imgs/sub/intro_bg_handson_01.png) no-repeat left top;
}

.gen-intro-6 .gen-intro-6-action-2 {
    position: absolute;
    right: 0;
    top: 287px;
}

.gen-intro-6 .gen-intro-6-action-2-in {
    width: 870px;
    height: 910px;
    background: url(../imgs/sub/intro_bg_handson_02.png) no-repeat right top;
}

.gen-intro-6 .gen-intro-6-action-3 {
    position: relative;
    width: 500px;
    padding: 514px 90px 0 0;
    margin: 0 auto;
    z-index: 20;
}

.gen-intro-6 .intro-6-text-box {
    height: 191px;
}

.gen-intro-6 .intro-6-text-1 {
    margin-bottom: 35px;
    font-size: 45px;
    font-weight: bold;
    color: #222;
    text-align: right;
    line-height: 130%;
}

.gen-intro-6 .intro-6-text-2 {
    font-size: 20px;
    color: #555;
    letter-spacing: -0.05em;
    text-align: right;
}

.gen-intro-6 .gen-intro-6-btn-box {
    display: none;
    text-align: right;
}

.gen-intro-7 {
    padding: 50px 0 35px 0;
    background: #fafafa;
}

    .gen-intro-7 .gen-intro-7-text-1 {
        margin-bottom: 15px;
        text-align: center;
        font-size: 30px;
        letter-spacing: -0.025em;
        color: #222;
    }

        .gen-intro-7 .gen-intro-7-text-1 em {
            font-weight: bold;
        }

    .gen-intro-7 .gen-intro-7-btn-box {
        text-align: center;
    }

.pop-movie {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.pop-movie-bg {
    height: 100%;
    background: #000;
    opacity: 0.5;
}

.pop-movie-close {
    display: block;
    position: absolute;
    right: 100px;
    top: 70px;
    width: 40px;
    height: 40px;
    background: url(../imgs/common/btn_close.png) no-repeat center center;
    cursor: pointer;
    z-index: 100;
}

.pop-movie-in {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1200px;
    height: 675px;
    margin: -337px 0 0 -600px;
}

.tbl_vertical.border-none {
    border: none !important;
}

.tbl_vertical .table-btn-td {
    padding: 0;
}

.tbl_vertical .td-nodata {
    padding: 40px 0;
    background: #fafafa;
    text-align: center;
}

.box-cacaotok-l {
    float: left;
    width: 40%;
}

.box-cacaotok-l-in {
    padding: 26px 0 0 20px;
}

.box-cacaotok-r {
    float: right;
    width: 59%;
}

.bcr-title {
    font-weight: 600;
    font-size: 15px;
    color: #666;
    margin-bottom: 3px;
}

.bcr-text {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.025em;
}

    .bcr-text em {
        font-weight: 900;
        color: #ffb31f;
    }

.bcr-text-2 {
    margin-bottom: 10px;
    font-size: 13px;
    color: #333;
}

.btn-bcr {
    display: inline-block;
    width: 99%;
    padding: 8px 0;
    background: #f83838;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.025em;
    text-align: center;
    border-radius: 4px;
}

.main-pop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
}

.main-pop {
    background: url(../imgs/common/main_pop_bg.png) repeat;
}

.main-pop-in {
    position: absolute;
    width: 960px;
    height: 535px;
    left: 50%;
    top: 50%;
    margin: -268px 0 0 -480px;
    background: #fff url(../imgs/common/pop_01.png) no-repeat left center;
    border-radius: 20px;
    overflow: hidden;
    font-family: 'Noto Sans KR', sans-serif;
}

.main-pop-2 .main-pop-in {
    background: #fff url(../imgs/common/pop_02.png) no-repeat left center;
}

.main-pop .main-pop-close-btn {
    position: absolute;
    right: 37px;
    top: 27px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../imgs/common/pop_close_btn_2.png) no-repeat center center;
    z-index: 10;
    cursor: pointer;
}

.main-pop-con {
    padding: 50px 0 0 282px;
}

.main-pop-top {
    overflow: hidden;
    margin-bottom: 30px;
}

.main-pop-top-item-box {
    position: relative;
    width: 602px;
}

.main-pop-top-item {
    position: relative;
    display: inline-block;
    float: left;
    width: 25%;
    text-align: center;
    z-index: 20;
}

.main-pop-top-bar {
    position: absolute;
    left: 12%;
    top: 8px;
    width: 76%;
    height: 3px;
    background: #d6e1f5;
    z-index: 10;
}

.main-pop-top-bar-mask {
    transition: width 0.4s;
    background: #f83838;
    width: 34%;
    height: 100%;
}

.main-pop-top-text {
    font-size: 14px;
    letter-spacing: -0.025em;
    color: #909dab;
}

.main-pop-top-point {
    display: inline-block;
    margin-bottom: 6px;
    height: 10px;
    width: 10px;
    border-style: solid;
    border-width: 4px;
    border-color: #d6e1f5;
    border-radius: 9px;
    background: #fff;
}

.main-pop-top-text {
    font-size: 14px;
    letter-spacing: -0.025em;
    color: #909dab;
    line-height: 110%;
}

.main-pop-btn-box {
    text-align: center;
}

    .main-pop-btn-box .btn {
        margin: 0 9px;
    }
/* step */
.main-pop-top-item-1 .main-pop-top-point,
.step-2 .main-pop-top-item-2 .main-pop-top-point,
.step-3 .main-pop-top-item-3 .main-pop-top-point,
.step-4 .main-pop-top-item-4 .main-pop-top-point,
.step-5 .main-pop-top-item-5 .main-pop-top-point,
.step-6 .main-pop-top-item-6 .main-pop-top-point {
    background: #f83838 url(../imgs/common/pop_ico_01.png) no-repeat center center;
    border-color: #f83838;
}

.main-pop-top-item-1 .main-pop-top-text,
.step-2 .main-pop-top-item-2 .main-pop-top-text,
.step-3 .main-pop-top-item-2 .main-pop-top-text,
.step-3 .main-pop-top-item-3 .main-pop-top-text,
.step-4 .main-pop-top-item-2 .main-pop-top-text,
.step-4 .main-pop-top-item-3 .main-pop-top-text,
.step-4 .main-pop-top-item-4 .main-pop-top-text,
.step-5 .main-pop-top-item-2 .main-pop-top-text,
.step-5 .main-pop-top-item-3 .main-pop-top-text,
.step-5 .main-pop-top-item-4 .main-pop-top-text,
.step-5 .main-pop-top-item-5 .main-pop-top-text,
.step-6 .main-pop-top-item-2 .main-pop-top-text,
.step-6 .main-pop-top-item-3 .main-pop-top-text,
.step-6 .main-pop-top-item-4 .main-pop-top-text,
.step-6 .main-pop-top-item-5 .main-pop-top-text,
.step-6 .main-pop-top-item-6 .main-pop-top-text {
    font-weight: bold;
    color: #f83838;
}

.step-2 .main-pop-top-item-1 .main-pop-top-point,
.step-3 .main-pop-top-item-1 .main-pop-top-point,
.step-3 .main-pop-top-item-2 .main-pop-top-point,
.step-4 .main-pop-top-item-1 .main-pop-top-point,
.step-4 .main-pop-top-item-2 .main-pop-top-point,
.step-4 .main-pop-top-item-3 .main-pop-top-point,
.step-5 .main-pop-top-item-1 .main-pop-top-point,
.step-5 .main-pop-top-item-2 .main-pop-top-point,
.step-5 .main-pop-top-item-3 .main-pop-top-point,
.step-5 .main-pop-top-item-4 .main-pop-top-point,
.step-6 .main-pop-top-item-1 .main-pop-top-point,
.step-6 .main-pop-top-item-2 .main-pop-top-point,
.step-6 .main-pop-top-item-3 .main-pop-top-point,
.step-6 .main-pop-top-item-4 .main-pop-top-point,
.step-6 .main-pop-top-item-5 .main-pop-top-point {
    background: #f83838 url(../imgs/common/pop_ico_02.png) no-repeat center center;
    border-color: #f83838;
}

.step-2 .main-pop-top-bar-mask {
    width: 67%;
}

.step-3 .main-pop-top-bar-mask,
.step-4 .main-pop-top-bar-mask {
    width: 99%;
}
/* main pop top type 2*/
.main-pop-top.type-2 .main-pop-top-item {
    width: 16.6%;
}

.main-pop-top.type-2 .main-pop-top-bar {
    left: 8%;
    width: 84%;
}
/* type2 step */
.main-pop-top.type-2.step-1 .main-pop-top-bar-mask {
    width: 1%;
}

.main-pop-top.type-2.step-2 .main-pop-top-bar-mask {
    width: 20%;
}

.main-pop-top.type-2.step-3 .main-pop-top-bar-mask {
    width: 40%;
}

.main-pop-top.type-2.step-4 .main-pop-top-bar-mask {
    width: 60%;
}

.main-pop-top.type-2.step-5 .main-pop-top-bar-mask {
    width: 80%;
}

.main-pop-top.type-2.step-6 .main-pop-top-bar-mask {
    width: 99%;
}
/* main pop top type 3 */
.main-pop-top.type-3 {
    margin-bottom: 22px;
}

    .main-pop-top.type-3 .main-pop-top-bar {
        left: 1%;
        width: 98%;
    }

    .main-pop-top.type-3 .main-pop-top-bar-mask {
        width: 25%;
    }

    .main-pop-top.type-3 .main-pop-top-item-box {
        width: 458px;
        margin: 0 auto;
    }

    .main-pop-top.type-3 .main-pop-top-item {
        width: 33.33%;
    }

    .main-pop-top.type-3 .main-pop-top-item-1 {
        text-align: left;
    }

    .main-pop-top.type-3 .main-pop-top-item-3 {
        text-align: right;
    }
    /* type3 step */
    .main-pop-top.type-3.step-2 .main-pop-top-bar-mask {
        width: 75%;
    }

    .main-pop-top.type-3.step-3 .main-pop-top-bar-mask {
        width: 100%;
    }

    .main-pop-top.type-3 .main-pop-top-item-1 .main-pop-top-point,
    .main-pop-top.type-3.step-2 .main-pop-top-item-2 .main-pop-top-point,
    .main-pop-top.type-3.step-3 .main-pop-top-item-2 .main-pop-top-point,
    .main-pop-top.type-3.step-3 .main-pop-top-item-3 .main-pop-top-point {
        background: #f83838 url(../imgs/common/pop_ico_01.png) no-repeat center center;
        border-color: #f83838;
    }

    .main-pop-top.type-3 .main-pop-top-item-1 .main-pop-top-text,
    .main-pop-top.type-3.step-2 .main-pop-top-item-2 .main-pop-top-text,
    .main-pop-top.type-3.step-3 .main-pop-top-item-2 .main-pop-top-text,
    .main-pop-top.type-3.step-3 .main-pop-top-item-3 .main-pop-top-text {
        color: #425c80;
        font-weight: 800;
    }

.main-pop-section {
    padding-left: 56px;
}

.main-pop-section-in {
    width: 480px;
}

    .main-pop-section-in.type-2 {
        width: auto;
    }

.main-pop-section.type-2 {
    padding-left: 0;
}

.main-pop-preset-box {
    width: 483px;
    padding: 15px 0 0 15px;
    border: 1px solid #d6e1f5;
    border-radius: 6px;
}

.main-pop-preset-header {
    height: 19px;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #374054;
    text-align: center;
}

    .main-pop-preset-header em {
        font-weight: bold;
        color: #f83838;
    }

.main-pop-preset-con {
    overflow-y: auto;
    height: 170px;
    padding-top: 15px;
}

    .main-pop-preset-con table {
        table-layout: fixed;
        width: 100%;
    }

    .main-pop-preset-con tbody td {
        padding-bottom: 10px;
        font-size: 14px;
        letter-spacing: -0.025em;
        color: #374054;
    }

.main-pop-preset-search-box {
    padding-right: 15px;
}

    .main-pop-preset-search-box .automate,
    .main-pop-preset-search-box .input-per {
        height: 28px;
        text-indent: 10px;
        border: 1px solid #d6e1f5;
        border-radius: 4px;
        vertical-align: middle;
        font-size: 14px;
        font-weight: 300;
        color: #909dab;
        letter-spacing: -0.025em;
    }

    .main-pop-preset-search-box .automate {
        width: 57%;
        margin-right: 10px;
    }

    .main-pop-preset-search-box .input-per {
        text-align: right;
        width: 14%;
        padding-right: 10px;
        text-indent: 0;
    }

.btn-automate {
    min-width: 60px;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    background: #f83838;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
}

.ui-autocomplete {
    max-height: 135px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

* html .ui-autocomplete {
    height: 135px;
}

.main-pop-preset-con tbody .td-1 {
    padding-left: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: url(../imgs/main/ms2_dot.gif) no-repeat left 10px;
}

.main-pop-preset-con tbody .td-2 {
    text-align: center;
}

.main-pop-preset-con tbody .td-3 {
    color: #f83838;
    font-weight: bold;
}

.btn-ms2-del {
    vertical-align: middle;
    width: 16px;
    height: 18px;
    background: url(../imgs/main/ms2_del.gif) no-repeat center center;
}

.main-pop-table-1 table {
    width: 100%;
}

.main-pop-table-1 tbody th,
.main-pop-table-1 tbody td {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 150%;
}

.main-pop-table-1 tbody th {
    vertical-align: top;
    color: #f83838;
    text-align: left;
    letter-spacing: -0.025em;
}

.main-pop-table-1 tbody td {
    color: #374054;
}

.mpt-box-1 {
    display: inline-block;
    float: left;
    width: 49%;
}

.main-pop-h1 {
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: 900;
    color: #f83838;
    letter-spacing: -0.025em;
    line-height: 110%;
}

.main-pop-h2 {
    margin-bottom: 12px;
    font-size: 20px;
    letter-spacing: -0.025em;
    color: #374054;
    line-height: 110%;
}

    .main-pop-h2 .sub {
        font-size: 16px;
        color: #909dab;
        letter-spacing: -0.025em;
    }

.pop-radio-box {
    margin-bottom: 30px;
}

    .pop-radio-box .radio-style-4 {
        margin-right: 14px;
    }

.main-pop-btn-group {
    position: absolute;
    right: 37px;
    bottom: 28px;
}

.main-pop-btn-r,
.main-pop-btn-l {
    display: inline-block;
    height: 20px;
    line-height: 19px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.025em;
    cursor: pointer;
}

.main-pop-btn-r {
    padding-right: 19px;
    color: #f83838;
    background: url(../imgs/common/pop_btn_1.png) no-repeat right center;
}

.main-pop-btn-r.off {
    padding-right: 19px;
    color: #d6e1f5;
    background: url(../imgs/common/pop_btn_3.png) no-repeat right center;
    cursor: default;
}

.main-pop-btn-l {
    padding-left: 19px;
    color: #d6e1f5;
    background: url(../imgs/common/pop_btn_2.png) no-repeat left center;
}

.main-pop-text-1 {
    font-size: 16px;
    color: #909dab;
    letter-spacing: -0.025em;
    line-height: 150%;
}

.main-pop-text-1.two-line {
    line-height: 130%;
}

.main-pop-text-2 {
    margin-bottom: 10px;
    font-size: 20px;
    color: #909dab;
    letter-spacing: -0.025em;
    line-height: 120%;
    text-align: center;
}

.main-pop-tip-box {
    position: absolute;
    bottom: 67px;
    left: 337px;
    font-size: 12px;
    color: #909dab;
    letter-spacing: -0.025em;
}

.main-pop-tip-box .tip {
    margin-right: 8px;
    color: #616a73;
}

.loading-bar {
    overflow: hidden;
    height: 10px;
    margin-bottom: 28px;
    border-radius: 5px;
    background: #e4e6e8;
}

.loading-bar-mask {
    height: 100%;
    background: #f83838;
    border-radius: 5px;
}

.main-pop-list-1 {
    overflow: hidden;
    padding: 0 12px;
    margin-bottom: 15px;
}

    .main-pop-list-1 li {
        display: inline-block;
        float: left;
        width: 50%;
        margin-bottom: 15px;
    }

    .main-pop-list-1.type-2 li {
        width: 33.33%
    }

.main-pop-list-ico-1 {
    display: inline-block;
    width: 100px;
    height: 26px;
    line-height: 26px;
    margin-right: 8px;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #909dab;
    text-align: center;
    background: #e4e6e8;
    border-radius: 13px;
    vertical-align: middle;
}

.main-pop-list-text-1 {
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #909dab;
    vertical-align: middle;
}

.main-pop-graph-box {
    position: relative;
    height: 160px;
}

.main-pop-graph-box-in {
    position: absolute;
    width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
}

.main-pop-date-box {
    margin-bottom: 8px;
    font-size: 12px;
    color: #909dab;
    letter-spacing: -0.025em;
    text-align: right;
    line-height: 110%;
}

.mpd-label {
    color: #374054;
}

.main-pop-list-2 {
    overflow: hidden;
    padding: 14px 0;
    margin-bottom: 10px;
    border-radius: 8px;
    background: #f5f7f9;
}

    .main-pop-list-2 li {
        float: left;
        width: 25%;
    }

    .main-pop-list-2.type-2 li {
        width: 33.33%;
    }

.main-pop-text-3 {
    display: block;
    font-size: 14px;
    letter-spacing: -0.025em;
    color: #909dab;
    text-align: center;
    line-height: 110%;
}

.main-pop-text-4 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    letter-spacing: -0.025em;
    text-align: center;
    line-height: 110%;
}

.main-pop-list-1.type-2 .main-pop-text-3 {
    margin-bottom: 3px;
    color: #f83838;
}

.main-pop-list-1.type-2 .main-pop-text-4 {
    font-weight: normal;
}

.recommend-box {
    overflow: hidden;
    width: 100%;
    height: 20%;
    margin-bottom: 27px;
    text-align: center;
}

.recommend-box-in {
    width: 200%;
    margin-left: -50%;
    white-space: nowrap;
}

.recommend-ico {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    min-width: 60px;
    padding: 0 5px;
    margin: 0 6px;
    border-radius: 10px;
    font-size: 12px;
    letter-spacing: -0.025em;
    color: #fff;
    background: #ff6600;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    max-width: 7%;
}

.main-pop-text-5 {
    text-align: center;
    margin-bottom: 25px;
    font-size: 12px;
    letter-spacing: -0.025em;
    line-height: 140%;
    color: #909dab;
}

.pop-ebook-box {
    padding: 20px 0;
}

.pop-ebook-top {
    overflow: hidden;
    margin-bottom: 19px;
}

.pop-ebook-top-left {
    display: inline-block;
    float: left;
    width: 17%;
}

.pop-ebook-top-right {
    display: inline-block;
    float: right;
    width: 82%;
}

.pop-ebook-top-img {
    width: 130px;
    min-height: 80px;
}

.pop-ebook-top-text-1 {
    margin-bottom: 13px;
    font-size: 18px;
    letter-spacing: -0.025em;
    color: #000;
    font-weight: 900;
    line-height: 100%;
}

.pop-ebook-top-text-2 {
    overflow: hidden;
    height: 48px;
    font-size: 12px;
    font-weight: 900;
    color: #000;
    letter-spacing: -0.025em;
    line-height: 140%;
}

.pop-h3 {
    position: relative;
    margin-bottom: 8px;
    font-size: 14px;
    color: #000;
    letter-spacing: -0.025em;
    line-height: 16px;
}

.pop-h3-btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    font-weight: bold;
    color: #f83838;
    letter-spacing: -0.025em;
    cursor: pointer;
}

.pop-ebook-slide-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    height: 118px;
    border: 1px solid #d2d2d2;
}

.pop-ebook-slide {
    width: 1000px;
}

.pop-ebook-slide-item {
    width: 250px;
}

.pop-ebook-slide-item-in {
    padding: 20px 0 0 30px;
}

.pop-ebook-slide-item-text-box {
    padding: 0 0 20px 35px;
    background: url(../imgs/common/icn_pdf.png) no-repeat left top;
}

.pop-ebook-slide-item-text-1 {
    margin-bottom: 2px;
    font-size: 14px;
    letter-spacing: -0.025em;
    color: #000;
    line-height: 110%;
}

.pop-ebook-slide-item-text-2 {
    font-size: 14px;
    color: #c6c6c6;
    letter-spacing: -0.025em;
}

.btn-pop-ebook-btn-1 {
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    color: #f83838;
    letter-spacing: -0.025em;
    width: 98px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #f83838;
}

.pop-ebook-slide .slick-track {
    min-width: 100%;
}

.pop-ebook-slide .slick-next,
.pop-ebook-slide .slick-prev {
    background: none;
    box-shadow: none;
    height: 18px;
    width: 18px;
    border-radius: 9px;
}

.pop-ebook-slide .slick-next {
    right: 119px;
    background: #f83838 url(../imgs/common/slide_btn_r.png) no-repeat 7px center;
}

.pop-ebook-slide .slick-prev {
    left: 5px;
    background: #f83838 url(../imgs/common/slide_btn_l.png) no-repeat 4px center;
}

.pop-ebook-slide .slick-arrow.slick-disabled {
    display: none;
    opacity: 0;
}

.pop-ebook-slide-bg {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 183px;
    z-index: 5;
    background: url(../imgs/common/slide_bg.png) no-repeat right center;
}

.pop-ebook-text-area {
    padding: 15px 18px;
    border: 1px solid #d2d2d2;
    overflow-y: auto;
    height: 280px;
}
/* 자산 배분 */
.pop-dis-box {
    overflow: hidden;
    text-align: center;
}

    .pop-dis-box a {
        display: inline-block;
        width: 50%;
    }

    .pop-dis-box .fl {
        float: left;
    }

    .pop-dis-box .fr {
        float: right;
    }

    .pop-dis-box .img-box {
        display: block;
        min-height: 60px;
    }

    .pop-dis-box .img-box-1 {
        margin-right: 15px;
        background: url(../imgs/sub/icn_dis_1_off.png) no-repeat center top;
    }

    .pop-dis-box .img-box-2 {
        margin-left: 10px;
        background: url(../imgs/sub/icn_dis_2_off.png) no-repeat center top;
    }

    .pop-dis-box .img-box-1:hover {
        background: url(../imgs/sub/icn_dis_1_on.png) no-repeat center top;
    }

    .pop-dis-box .img-box-2:hover {
        background: url(../imgs/sub/icn_dis_2_on.png) no-repeat center top;
    }

    .pop-dis-box .p-box {
        display: block;
        font-size: 13px;
        color: #424242;
        font-weight: 800;
        line-height: 130%;
    }

.int-group-in {
    overflow: hidden;
    margin-bottom: 30px;
}

.int-group-l {
    float: left;
    width: 44%;
}

.int-group-c {
    width: 12%;
    float: left;
    padding-top: 420px;
    text-align: center;
}

.int-group-arr-btn {
    display: inline-block;
    width: 69px;
    height: 28px;
    border: 1px solid #a1a1a1;
    background: #fff;
    font-size: 12px;
    color: #333;
    line-height: 28px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 8px;
    cursor: pointer;
}

    .int-group-arr-btn:hover {
        background: #f9f9f9;
    }

.int-group-r {
    width: 44%;
    float: right;
}

.int-group-b {
    clear: both;
    text-align: center;
}

.int-group-title {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    color: #333;
    min-height: 32px;
}

.int-group-title-r {
    position: absolute;
    right: 0;
    top: 0;
}

.int-group-search-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 7px;
}

.int-group-input-text {
    height: 24px;
    line-height: 24px;
    width: 78%;
    text-indent: 5px;
    border: 1px solid #c2c2c2;
    outline: 0;
    box-shadow: none;
    vertical-align: middle;
}

.btn-int-group-1 {
    height: 24px;
    line-height: 24px;
    background: #b4b4b4;
    border: 1px solid #949494;
    font-size: 13px;
    text-align: center;
    width: 19%;
}

.btn-int-group-title {
    vertical-align: middle;
    padding: 0 5px;
    line-height: 20px;
    background: #fff;
    border: 1px solid #aaa;
    font-size: 12px;
    font-weight: 600;
    color: #888;
    box-shadow: inset 0px -1.5px 1px #e0e0e0;
}

    .btn-int-group-title:hover {
        border: 1px solid #888;
        font-weight: 600;
        color: #555;
        box-shadow: inset 0px 0px 0px #e0e0e0;
    }

.int-group-tab-header {
    overflow: hidden;
}

.int-group-tab-header-btn {
    display: inline-block;
    float: left;
    width: 50%;
    cursor: pointer;
}

.int-group-tab-content {
    display: none;
}

    .int-group-tab-content.on {
        display: block;
    }

.int-group-tab-header-btn span {
    display: block;
    line-height: 23px;
    border: 1px solid #ddd;
    font-size: 11px;
    font-weight: 900;
    color: #424242;
    text-align: center;
}

.int-group-tab-header-btn.on span {
    color: #fff;
    background: #263e59;
}

.table-y-scroll {
    height: 544px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-top: 0;
}

    .table-y-scroll .tbl_vertical {
        border-right: 0;
        border-left: 0;
    }

        .table-y-scroll .tbl_vertical tr:hover td,
        .table-y-scroll .tbl_vertical tr.on td {
            background: #ebf3f9;
        }

.btn-int-group-2 {
    height: 24px;
    line-height: 24px;
    min-width: 83px;
    padding: 0 5px;
    text-align: center;
    border: 1px solid #e63535;
    font-size: 13px;
    font-weight: 900;
    color: #fff;
    background: #f83838;
    border-radius: 4px;
    vertical-align: middle;
}

.txt_per_over {
    font-size: 12px;
    color: #f53737;
    line-height: 120%;
}

.tmg-admin .tmg-item-in::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    background: url(../imgs/common/only_admin.png)no-repeat left top;
    z-index: 10;
}

.input-in-del {
    box-sizing: border-box;
    padding-right: 3%;
}

.btn-del {
    width: 20px;
    height: 18px;
    cursor: pointer;
    margin-left: -24px;
    margin-right: 10px;
    background: url('../../img/icn_delForm.png') no-repeat center center;
    vertical-align: middle;
}
/* 포트상세 페이지 버전 */
.tooltip {
    cursor: help;
    top: 3px;
    position: relative
}

.detail-new {
    position: relative;
    min-height: 980px;
    padding-top: 25px;
}

.dn-title-top {
    overflow: hidden;
    margin-bottom: 25px;
}

.dn-title-top-left {
    position: relative;
    float: left;
    width: 69%;
}

.dn-title-top-right {
    float: right;
    width: 30%;
}

.dn-title-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    width: 148px;
    height: 80px;
}

    .dn-title-thumbnail img {
        height: 100%;
        width: 100%;
    }

.dn-title-top-left-text-box {
    padding-left: 170px;
}

    .dn-title-top-left-text-box .text-box {
        margin-bottom: 3px;
        font-size: 20px;
        font-weight: 800;
        color: #333;
        letter-spacing: -0.01em;
        line-height: 110%;
    }

    .dn-title-top-left-text-box .dn-title-ticker-box {
        margin-bottom: 20px;
    }

.dn-title-ticker {
    font-size: 11px;
    font-weight: bold;
    color: #f83838;
    letter-spacing: -0.01em;
    line-height: 110%;
}

.dn-title-top-left-text-box .dn-title-top-left-date-box {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    letter-spacing: -0.08em;
}

.dn-title-top-right-btn-box {
    margin-bottom: 36px;
    text-align: right;
}

.dn-title-top-right-data-box {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 110%;
    text-align: right;
}

    .dn-title-top-right-data-box .span-1 {
        margin-left: 34px;
    }

.dn-title .dn-title-color-1 {
    color: #58667e;
}

.dn-title-bot {
    padding: 10px 0;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0;
}

.dn-title-bot-left {
    display: inline-block;
    float: left;
}

    .dn-title-bot-left li {
        display: inline-block;
        float: left;
        padding: 20px 14px;
        border-left: 1px solid #e5e5e5;
    }

        .dn-title-bot-left li.first,
        .dn-title-bot-left li:first-child {
            border-left: none;
        }

    .dn-title-bot-left .span-1,
    .dn-title-bot-left .span-2 {
        display: block;
        line-height: 110%;
    }

    .dn-title-bot-left .span-1 {
        margin-bottom: 3px;
        font-size: 12px;
        font-weight: 700;
        color: #58667e;
    }

    .dn-title-bot-left .span-2 {
        font-size: 24px;
        font-weight: 800;
        color: #000;
    }

.dn-title-bot-right {
    display: inline-block;
    float: right;
}

    .dn-title-bot-right li {
        display: inline-block;
        float: left;
        padding: 20px 14px;
        border-right: 1px solid #e5e5e5;
    }

        .dn-title-bot-right li.last,
        .dn-title-bot-right li:last-child {
            border-right: none;
        }

    .dn-title-bot-right .span-1,
    .dn-title-bot-right .span-2 {
        display: block;
        line-height: 110%;
    }

    .dn-title-bot-right .span-1 {
        margin-bottom: 3px;
        font-size: 12px;
        font-weight: 700;
        color: #58667e;
    }

    .dn-title-bot-right .span-2 {
        font-family: Roboto;
        font-size: 24px;
        font-weight: 800;
        color: #000;
    }

#tab-detail-header {
    position: relative;
    height: 65px;
    width: 100%;
    margin: 0 auto;
    z-index: 99;
}

#tab-detail-header-fixed {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

    #tab-detail-header-fixed.fixed {
        position: fixed;
    }

#tab-detail-header ul {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding-top: 15px;
}

#tab-detail-header .tab-btn {
    float: left;
    display: inline-block;
    line-height: 35px;
}

    #tab-detail-header .tab-btn span {
        overflow: hidden;
        display: inline-block;
        padding: 0 17px;
        margin-right: 2px;
        font-size: 14px;
        font-weight: 700;
        color: #000;
        cursor: pointer;
    }

    #tab-detail-header .tab-btn.on span,
    #tab-detail-header .tab-btn:hover span {
        background: #f83838;
        color: #fff;
        border-radius: 8px;
    }

.tab-detail-content {
    display: none;
}

    .tab-detail-content.on {
        display: block;
    }

.detail-new-con {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

#detail-new-right {
    margin-top: 30px;
    float: right;
    position: static;
    width: 280px;
}

    #detail-new-right.fixed {
        position: fixed;
        top: 67px;
        right: 0;
    }

#detail-new-left {
    position: relative;
    width: 900px;
    padding: 20px 0;
}

.dnr-box-1 {
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.dnr1-section {
    padding: 20px 17px 10px 17px;
}

.dnr-box-1 .p-1 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #222531;
    line-height: 110%;
}

.dnr-box-1 li {
    overflow: hidden;
    padding: 13px 0;
    line-height: 20px;
    border-top: 1px solid #eff2f5;
}

.dnr-box-1 .span-l {
    float: left;
    font-size: 14px;
    color: #58667e;
    letter-spacing: -0.01em;
}

.dnr-box-1 .span-r {
    float: right;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-align: right;
}

.dnr-box-2 {
    overflow: hidden;
    background: #f8fafd;
    border-radius: 5px;
}

.dnr2-section {
    padding: 17px 17px;
}

    .dnr2-section .p-1 {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 700;
        color: #222531;
        line-height: 110%;
    }

.dnr2-graph {
    margin-bottom: 25px;
}

.genmart-list .dnr2-graph {
    width: 94%;
}

.dnr2-graph-bg {
    overflow: hidden;
    height: 8px;
    background: #ececec;
    border-radius: 4px;
}

.dnr2-graph-bar {
    height: 100%;
    background: #f83838;
    border-radius: 4px;
    transition: all 0.4s;
}

.dnr-box-2 li {
    overflow: hidden;
    padding: 13px 0;
    line-height: 20px;
    border-top: 1px solid #eff2f5;
}

.dnr-box-2 .span-l {
    float: left;
    font-size: 14px;
    color: #58667e;
    letter-spacing: -0.01em;
}

.dnr-box-2 .span-r {
    float: right;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-align: right;
}

    .dnr-box-2 .span-r .num {
        font-size: 16px;
    }

.dnr-btn-box {
    overflow: hidden;
}

.dn-btn-1,
.dn-btn-2 {
    display: inline-block;
    width: 48%;
    line-height: 38px;
    border-radius: 5px;
    text-align: center;
    transition: all 0.4s;
    font-weight: 800;
}

.dn-btn-1 {
    float: left;
    background: #eff2f5;
    color: #333;
}

.dn-btn-2 {
    float: right;
    background: #f83838;
    color: #fff;
}

.dn-btn-1:hover {
    background: #f83838;
    color: #fff;
}

.dn-btn-2:hover {
    background: #eff2f5;
    color: #333;
}

.detail-h2 {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 120%;
    color: #333;
    letter-spacing: -0.01em;
}

.detail-new-text-box {
    overflow: hidden;
    margin-bottom: 10px;
    background: #f5f7f9;
    padding: 12px 10px;
    font-size: 13px;
    color: #666;
    line-height: 130%;
}

.table-mask {
    margin-bottom: 15px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #ddd;
    height: 89px;
    background: url(../imgs/sub/detail_img_mask.png) no-repeat center bottom;
}

    .table-mask img {
        width: 100%;
    }

.detail-new-text-2 {
    margin-bottom: 45px;
    font-size: 14px;
    color: #231815;
    line-height: 130%;
    letter-spacing: -0.01em;
    text-align: center;
}
.detail-new-text-2 em {
    font-weight: 700;
    color: #f83838;
}
/* 아카데미 플레이어 */
.play-wrap {
    overflow: hidden;
    background: #393737;
    width: 1536px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.play-wrap .player {
    width: 1280px;
    min-height: 721px;
    float: left;
}
.play-wrap .play-list {
    overflow: hidden;
    float: right;
    width: 255px;
    border-left: 1px solid #000;
}
.play-list-top {
    overflow: hidden;
    border-bottom: 1px solid #000;
}
.play-list-top li {
    display: inline-block;
    width: 100%;
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.05em;
    text-align: center;
}
.play-list-con-top {
    position: relative;
    height: 62px;
    padding: 19px 20px 0 20px;
}

.play-list-thumbnail {
    overflow: hidden;
    position: absolute;
    width: 42px;
    height: 42px;
    top: 19px;
    border-radius: 21px;
}

.play-list-title {
    padding: 3px 0 0 56px;
    color: #fff;
}

    .play-list-title .p-1 {
        margin-bottom: 5px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: -0.05em;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal !important;
    }

    .play-list-title .p-2 {
        font-size: 12px;
        letter-spacing: -0.05em;
    }

.play-list-scroll {
    overflow-y: auto;
    overflow-y: scroll;
    height: 610px;
    padding: 0 10px;
    margin-right: 8px;
    margin-left: 8px;
}

    .play-list-scroll li {
        overflow: hidden;
        padding: 10px 10px;
        margin-bottom: 3px;
        border-radius: 6px;
        font-size: 12px;
        color: #fff;
        letter-spacing: -0.05em;
        cursor: pointer;
    }

        .play-list-scroll li.on,
        .play-list-scroll li:hover {
            background: #5F5F5F;
        }

        .play-list-scroll li .span-l {
            display: inline-block;
            width: 73%;
            float: left;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            word-wrap: normal !important;
        }

        .play-list-scroll li .span-r {
            display: inline-block;
            width: 26%;
            float: right;
            text-align: right;
        }

    .play-list-scroll::-webkit-scrollbar,
    .play-list-scroll::-webkit-scrollbar-track {
        background: transparent;
        width: 8px;
    }

    .play-list-scroll::-webkit-scrollbar-thumb {
        background: #525252;
        border-radius: 50px;
    }
/* b2b 젠마트 */
.b2b-genmart-banner {
    height: 301px;
    background: #eff0ef url(../imgs/sub/b2b_genmart_bg_1.png) no-repeat left center;
}

.b2b-genmart-banner-in {
    width: 952px;
    padding-top: 67px;
    margin: 0 auto;
    text-align: right;
}

    .b2b-genmart-banner-in .p-1 {
        margin-bottom: 3px;
    }

    .b2b-genmart-banner-in .p-2 {
        margin-bottom: 34px;
        font-size: 20px;
        font-weight: 300;
        letter-spacing: -0.01em;
        line-height: 110%;
    }

.filter-b2b {
    margin-bottom: 30px;
}

    .filter-b2b table {
        width: 100%;
        table-layout: fixed;
    }

    .filter-b2b th,
    .filter-b2b td {
        padding: 10px 0;
        border: 1px solid #d2d2d2;
    }

    .filter-b2b th {
        text-align: center;
        background: #f3f3f3;
    }

    .filter-b2b td {
        padding-left: 22px;
        padding-right: 5px;
    }

    .filter-b2b th.bg-color-1 {
        background: #ebecee;
    }

    .filter-b2b th input,
    .filter-b2b th label {
        vertical-align: middle;
    }

.filter-b2b-radio {
    overflow: hidden;
    display: inline-block;
    line-height: 24px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 12px;
    color: #555;
    letter-spacing: -0.01em;
    cursor: pointer;
}

.filter-b2b-radio:hover {
    background: #eff2f5;
}

.filter-b2b-radio.checked {
    font-weight: 800;
    color: #fff;
    background: #f83838;
}

.check-style-1,
.check-style-2 {
    position: relative;
    padding-left: 18px;
    line-height: 16px;
    vertical-align: middle;
    cursor: pointer;
    font-size:14px;
}

.check-style-1 .check-icn,
.check-style-2 .check-icn {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    width: 11px;
    height: 11px;
    margin-top: -7px;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    box-shadow: 0px 4px 20px -10px rgba(0, 0, 0, 0.25);
}

.check-style-1.checked .check-icn {
    border-color: #f83838;
    background: #f83838 url(../imgs/common/check_on_white.png) no-repeat left center;
}

.check-style-2.checked .check-icn {
    border-color: #177cd2;
    background: #177cd2 url(../imgs/common/check_on_white.png) no-repeat left center;
}

.check-style-2 .widecheck {
    vertical-align: middle;
}

/* b2b 메인 */
.b2b-main-section {
    font-family: 'Noto Sans KR', sans-serif;
}

.b2b-main-section-in {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
/* b2b main section 1 */
#b2bms-1 {
    background: #f8f9fb;
    margin-bottom: 100px;
}

    #b2bms-1 .section-top-alert {
        overflow: hidden;
        line-height: 32px;
        background: #f83838;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        color: #fff;
        letter-spacing: -0.01em;
    }

        #b2bms-1 .section-top-alert em {
            font-weight: 700;
        }

    #b2bms-1 .b2bms1-bg {
        height: 430px;
        background: #f8f9fb;
    }

    #b2bms-1 .b2bms1-bg-in {
        height: 493px;
        background: url(../imgs/sub/b2b_main_bg_1.png) no-repeat center bottom;
    }

.b2bms1-slick-box {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 570px;
}

.b2bms1-slick-left {
    padding-top: 71px;
}

    .b2bms1-slick-left .p-1 {
        font-size: 28px;
        color: #374054;
        letter-spacing: -0.01em;
        line-height: 130%;
    }

    .b2bms1-slick-left .p-2 {
        margin-bottom: 155px;
        font-size: 40px;
        font-weight: 900;
        color: #374054;
        letter-spacing: -0.01em;
        line-height: 130%;
    }

#b2bms1-slick {
    position: absolute;
    right: 140px;
    top: 99px;
    width: 274px;
}

    #b2bms1-slick .slick-list {
        overflow: visible;
    }

    #b2bms1-slick .slick-dots {
        bottom: 260px;
        left: -788px;
        width: 310px;
        text-align: left;
    }

        #b2bms1-slick .slick-dots li {
            width: auto;
            height: 25px;
            margin-bottom: 10px;
        }

        #b2bms1-slick .slick-dots .dot-btn {
            display: inline-block;
            background: #e3e8f2;
            padding: 0 20px;
            line-height: 25px;
            font-size: 16px;
            color: #fff;
            letter-spacing: -0.01em;
            border-radius: 12px;
            text-align: center;
            transition: all 0.4s;
        }

        #b2bms1-slick .slick-dots .slick-active .dot-btn {
            background: #374054;
        }

.b2bm-btn {
    padding: 0 30px;
    text-align: center;
    line-height: 53px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.01em;
    background: #f83838;
    border-radius: 5px;
}
/* b2b main section 2 */
#b2bms-2 {
    clear: both;
    overflow: hidden;
    padding: 70px 0 50px 0;
    background: url(../imgs/sub/b2b_main_bg_2.png) no-repeat center center;
}

.b2bms2-left {
    float: left;
    width: 70%;
}

.b2bms2-item {
    overflow: hidden;
    position: relative;
    display: inline-block;
    float: left;
    width: 267px;
    height: 145px;
    margin: 0 10px 10px 0;
    box-shadow: 0px 0px 64px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.b2bms2-item-in {
    height: 100%;
}

    .b2bms2-item-in .p-1,
    .b2bms2-item-in .b2bms2-ticker-box {
        padding-left: 14px;
    }

    .b2bms2-item-in .p-1 {
        padding-top: 10px;
        margin-bottom: 2px;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -0.01em;
    }

    .b2bms2-item-in .b2bms2-ticker-box {
        overflow: hidden;
        white-space: nowrap;
    }

    .b2bms2-item-in .b2bms2-ticker {
        margin-right: 5px;
        color: #fff;
        font-size: 10px;
        letter-spacing: -0.01em;
    }

.main-item.b2bms2-item-mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    margin: 0;
    border: none;
}

.b2bms2-item:hover .b2bms2-item-mask {
    display: block;
}

.main-item.b2bms2-item-mask .main-item-con {
    padding: 7px 13px;
}

.main-item.b2bms2-item-mask .main-item-bot-3 li {
    margin-bottom: 0;
}

.main-item.b2bms2-item-mask .main-item-btn,
.main-item.b2bms2-item-mask .btn-main-item {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}

.b2bms2-item-mask .p-0 {
    line-height: 110%;
}

.b2bms2-right {
    float: right;
    width: 29%;
    padding-top: 5px;
}

    .b2bms2-right p {
        text-align: right;
    }

    .b2bms2-right .p-1 {
        margin-bottom: 6px;
        font-size: 24px;
        color: #374054;
        letter-spacing: -0.01em;
    }

    .b2bms2-right .p-2 {
        margin-bottom: 24px;
        font-size: 30px;
        font-weight: 900;
        color: #374054;
        letter-spacing: -0.01em;
    }

    .b2bms2-right .p-3 {
        margin-bottom: 40px;
        font-size: 16px;
        color: #909dab;
        line-height: 130%;
        letter-spacing: -0.01em;
    }

    .b2bms2-right .btn-box {
        text-align: right;
    }
/* b2b main section 3 */
#b2bms-3 {
    clear: both;
    overflow: hidden;
    padding: 50px 0 110px 0;
    background: url(../imgs/sub/b2b_main_bg_3.png) no-repeat left bottom;
}

.b2bms3-left {
    float: left;
    width: 50%;
    padding-top: 96px;
    background: url(../imgs/sub/b2b_main_img_3.png) no-repeat left top;
}

    .b2bms3-left .p-1 {
        margin-bottom: 25px;
        font-size: 30px;
        color: #374054;
        line-height: 120%;
        letter-spacing: -0.01em;
    }

        .b2bms3-left .p-1 em {
            font-weight: 900;
        }

    .b2bms3-left .p-2 {
        margin-bottom: 38px;
        font-size: 16px;
        color: #909dab;
        line-height: 130%;
        letter-spacing: -0.01em;
    }

.b2bms3-right {
    float: right;
    width: 49%;
    padding-top: 80px;
}

.b2bm-btn-2 {
    width: 180px;
    padding: 7px 0 6px 0;
    line-height: 110%;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.01em;
    background: #f83838;
    border-radius: 5px;
    text-align: center;
}

    .b2bm-btn-2 .sub {
        font-size: 14px;
        font-weight: 400;
    }

.b2bms3-right .utube-box {
    width: 437px;
    height: 246px;
    float: right;
    background: #000;
}
/* b2b main section 4 */
#b2bms-4 {
    width: 100%;
    overflow: hidden;
    height: 500px;
    background: #f83838 url(../imgs/main/main_section_3_bg.jpg) no-repeat center center;
}

    #b2bms-4 .b2b-main-section-in {
        padding-top: 88px;
    }

.b2bms4-left {
    float: left;
    width: 34%;
    color: #fff;
}

.b2bms4-right {
    position: relative;
    float: right;
    width: 62%;
    height: 200px;
    padding-top: 41px;
}

.b2bms4-left .p-1 {
    margin-bottom: 7px;
    font-size: 26px;
    letter-spacing: -0.025em;
    line-height: 110%;
}

.b2bms4-left .p-2 {
    margin-bottom: 26px;
    font-size: 40px;
    font-weight: 900;
    line-height: 120%;
}

.b2bms4-left .p-3 {
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.025em;
}

.b2bm-btn-3 {
    display: inline-block;
    height: 53px;
    line-height: 53px;
    padding: 0 82px;
    font-size: 18px;
    font-weight: 700;
    color: #f83838;
    border-radius: 5px;
    letter-spacing: -0.01em;
    background: #fff;
    text-align: center;
    cursor: pointer;
}

.b2bms4-slide {
    position: relative;
    width: 1200px;
    height: 200px;
    overflow: hidden;
}

.b2bms4-slide-track {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.b2bms4-item {
    position: absolute;
    left: 0;
    top: 0;
    height: 200px;
    width: 252px;
}

.b2bms4-item-in {
    overflow: hidden;
    position: relative;
    width: 235px;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.b2bms4-item-title,
.b2bms4-item-ticker-box,
.b2bms4-item-bot,
.b2bms4-item .dnr2-graph {
    padding-left: 14px;
    padding-right: 14px;
}

.b2bms4-item-title {
    padding-top: 13px;
    font-size: 16px;
    font-weight: 700;
    color: #374054;
    letter-spacing: -0.01em;
    line-height: 110%;
}

.b2bms4-item-ticker-box {
    margin-bottom: 1px;
    line-height: 110%;
}

.b2bms4-item-graph {
    height: 48px;
    margin-bottom: 17px;
}

.b2bms4-item-ticker {
    margin-right: 5px;
    font-size: 10px;
    color: #f83838;
    letter-spacing: -0.01em;
}

.b2bms4-item-bot li {
    overflow: hidden;
}

.b2bms4-item-bot .span-l {
    float: left;
    display: inline-block;
    padding-top: 5px;
    font-size: 12px;
    color: #231815;
    letter-spacing: -0.01em;
}

.b2bms4-item-bot .span-r {
    float: right;
    text-align: right;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    color: #112e56;
    letter-spacing: -0.025em;
}

    .b2bms4-item-bot .span-r .won {
        font-size: 14px;
        font-weight: 400;
    }

.b2bms4-item-mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background: url(../imgs/main/section3_mask_bg.png) repeat;
    cursor: pointer;
    text-align: center;
    color: #fff;
}

.b2bms4-item-mask-in {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
}

    .b2bms4-item-mask-in span {
        display: inline-block;
        line-height: 110%;
        border-bottom: 1px solid #fff;
    }

.b2bms4-item-in:hover .b2bms4-item-mask {
    display: table;
}

.b2bms4-right .slick-prev,
.b2bms4-right .slick-next {
    position: absolute;
    top: auto;
    bottom: -6px;
    width: 26px;
    height: 22px;
    border-radius: 0;
    box-shadow: none;
}

    .b2bms4-right .slick-prev:before,
    .b2bms4-right .slick-next:before {
        display: none;
    }

.b2bms4-right .slick-prev {
    right: auto;
    left: 0;
    background: url(../imgs/main/ms3_arr_l.png) no-repeat center center;
}

.b2bms4-right .slick-next {
    right: auto;
    left: 273px;
    background: url(../imgs/main/ms3_arr_r.png) no-repeat center center;
}

.b2bms4-right .b2bms4-btn-prev,
.b2bms4-right .b2bms4-btn-next {
    display: inline-block;
    width: 26px;
    height: 22px;
    vertical-align: middle;
    cursor: pointer;
}

.b2bms4-right .b2bms4-btn-prev {
    margin-right: 15px;
    background: url(../imgs/main/ms3_arr_l.png) no-repeat center center;
}

.b2bms4-right .b2bms4-btn-next {
    margin-left: 15px;
    background: url(../imgs/main/ms3_arr_r.png) no-repeat center center;
}

.b2bms4-right .slick-text-btn {
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.025em;
    font-weight: bold;
    vertical-align: middle;
}
/* b2b main section 5 */
#b2bms-5 {
    overflow: hidden;
    padding: 88px 0 180px 0;
}

.b2bms5-title {
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: 900;
    color: #374054;
    line-height: 110%;
    letter-spacing: -0.01em;
    text-align: center;
}

    .b2bms5-title .sub {
        margin-bottom: 8px;
        font-size: 24px;
        letter-spacing: -0.01em;
    }
/* b2b main section 6 */
#b2bms-6 {
    padding: 39px 0 45px 0;
    background: #f8f9fb;
    text-align: center;
}

    #b2bms-6 .p-box {
        margin-bottom: 20px;
    }

    #b2bms-6 .p-1 {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 900;
        color: #374054;
        letter-spacing: 0.01em;
    }

    #b2bms-6 .p-2 {
        font-size: 16px;
        color: #374054;
        letter-spacing: 0.01em;
    }
/* b2b 팝업 투자금 설정 */
.pop-im-setting .pop-in {
    width: 550px;
    height: 400px;
    margin-left: -275px;
}

.pay-setting-text-1 {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 800;
    color: #333;
    text-align: center;
    line-height: 110%;
}

.pay-setting-text-2 {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 110%;
    letter-spacing: -0.01em;
}

    .pay-setting-text-2 .num {
        font-weight: 700;
        color: #f83838;
    }

.pay-setting-input-1 {
    position: relative;
    width: 289px;
    height: 50px;
    border: 1px solid #ddd;
    margin: 0 auto;
    margin-bottom: 10px;
    padding-right: 50px;
}

    .pay-setting-input-1 input[type=number] {
        line-height: 50px;
        font-size: 24px;
        font-weight: 800;
        color: #f83838;
        letter-spacing: -0.01em;
        text-align: center;
        width: 100%;
        border: none;
        outline: none;
    }

        .pay-setting-input-1 input[type=number]::-webkit-outer-spin-button,
        .pay-setting-input-1 input[type=number]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    .pay-setting-input-1 .won {
        position: absolute;
        right: 13px;
        top: 16px;
        font-size: 16px;
        color: #919191;
        letter-spacing: 0.01em;
        line-height: 110%;
    }

.pay-setting-text-3 {
    margin-bottom: 50px;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.01em;
    line-height: 130%;
    text-align: center;
}

    .pay-setting-text-3 em {
        font-weight: 700;
    }

.pay-setting-text-4 {
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 110%;
}

    .pay-setting-text-4 .text-r {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: -0.01em;
        color: #f83838;
    }

.pay-setting-div-1 {
    height: 170px;
    padding-right: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.pay-setting-div-1-in {
    overflow-y: scroll;
    height: 100%;
}

    .pay-setting-div-1-in p {
        padding: 7px 19px 8px 23px;
        text-indent: -13px;
    }

        .pay-setting-div-1-in p em {
            font-weight: 700;
        }

    .pay-setting-div-1-in::-webkit-scrollbar,
    .pay-setting-div-1-in::-webkit-scrollbar-track {
        background: transparent;
        width: 4px;
    }

    .pay-setting-div-1-in::-webkit-scrollbar-thumb {
        background: #d2d2d2;
        border-radius: 3px;
    }

.pay-setting-text-5 {
    margin-bottom: 45px;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.01em;
    line-height: 130%;
    text-align: center;
}

    .pay-setting-text-5 em {
        font-weight: 700;
    }
/* 년월선택 */
.ui-datepicker .ui-datepicker-header.mtz-monthpicker {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.mtz-monthpicker-year {
    background: transparent;
    color: #fff;
    border: none;
    outline: none;
}

    .mtz-monthpicker-year option {
        color: #000;
    }

.ui-datepicker table.mtz-monthpicker {
    background: #fff;
}

    .ui-datepicker table.mtz-monthpicker td {
        padding-top: 10px;
        padding-bottom: 10px;
        cursor: pointer;
    }

        .ui-datepicker table.mtz-monthpicker td:hover,
        .ui-widget-content .ui-state-active.mtz-monthpicker {
            background: #efefef;
            color: #454545;
        }
/* 월봉 백테스팅 */
.result-non-login-box {
    position: relative;
    min-height: 40px;
    margin-bottom: 13px;
}

    .result-non-login-box .rnlb-l {
        padding-top: 2px;
        font-size: 14px;
        color: #333;
        letter-spacing: -0.025em;
        padding-right: 350px;
        line-height: 130%;
    }

    .result-non-login-box .rnlb-r {
        position: absolute;
        right: 0;
        top: 0;
    }

    .result-non-login-box .rnlb-event {
        display: inline-block;
        position: absolute;
        left: 72%;
        bottom: -8%;
        width: 166px;
        height: 87px;
        cursor: pointer;
    }

    .result-non-login-box .rnlb-l em {
        font-weight: 700;
    }

    .result-non-login-box .rnlb-r .btn {
        margin-left: 8px;
    }

.moon-setting-wrap {
    overflow: hidden;
    clear: both;
    padding-top: 55px;
    margin-bottom: 35px;
}

.moon-setting-left {
    float: left;
    width: 74%;
}

.moon-setting-right {
    float: right;
    width: 24%;
}
/* 월봉 랜딩 페이지 */
.landing-content {
    font-family: 'Noto Sans KR', sans-serif;
}

.landing-section-in {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
/* section 1 */
.landing-section-1 {
    height: 812px;
    background: url(../imgs/sub/landing_bg_1.png) no-repeat center center;
    background-size: 100% 100%;
    animation-delay: 1s;
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-name: bgani;
    animation-direction: alternate;
}

@keyframes bgani {
    from {
        background-size: 100% 100%;
    }

    50% {
        background-size: 108% 108%;
    }

    to {
        background-size: 100% 100%;
    }
}

.landing-section-1 .landing-section-in {
    padding-top: 179px;
}

.landing-section-1 .ls1-l {
    position: relative;
    width: 43%;
    padding-top: 80px;
    z-index: 20;
}

.landing-section-1 .ls1-r {
    position: absolute;
    right: -54px;
    top: 162px;
    background: url() no-repeat right top;
    height: 495px;
    width: 100%;
    z-index: 10;
}

.landing-section-1 .ls1-r-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 673px;
    height: 493px;
    z-index: 10;
}

    .landing-section-1 .ls1-r-bg img {
        position: absolute;
        left: 10%;
        top: 10%;
        width: 80%;
        height: 80%;
        transition: all 0.6s;
        transition-timing-function: ease;
    }

    .landing-section-1 .ls1-r-bg.on img {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

.landing-section-1 .ls1-r-item-wrap {
    position: relative;
    z-index: 20;
}

.landing-section-1 .ls1-l .text-1 {
    height: 154px;
    font-size: 50px;
    font-weight: 700;
    color: #444;
    letter-spacing: -0.04em;
    line-height: 110%;
}

.landing-section-1 .ls1-l .text-2 {
    height: 100px;
    font-size: 24px;
    color: #444;
    letter-spacing: -0.04em;
    line-height: 130%;
}

.landing-section-1 .ls1-r .ls1r-span-bg,
.landing-section-1 .ls1-r .ls1r-span {
    display: block;
    position: absolute;
    height: 145px;
    width: 216px;
    margin-top: 50px;
    opacity: 0;
    transition: margin-top 0.4s,opacity 0.4s;
    transition-timing-function: ease-out;
}

.landing-section-1 .ls1-r .ls1r-span {
    z-index: 50;
}

.landing-section-1 .ls1-r .ls1r-span-bg {
    background: url(../imgs/sub/landing_bg_3.png) no-repeat center center;
}

.landing-section-1 .ls1-r .ls1r-span-in {
    display: block;
    padding: 16px 0 0 24px;
}

.landing-section-1 .ls1-r .ls1r-span-2 .ls1r-span-in {
    padding-top: 24px;
}

.landing-section-1 .ls1-r .ls1r-span .ls1r-step {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #be0000;
    line-height: 110%;
    letter-spacing: -0.04em;
}

.landing-section-1 .ls1-r .ls1r-span .ls1r-text {
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
    color: #fff;
    letter-spacing: -0.04em;
    line-height: 120%;
}

    .landing-section-1 .ls1-r .ls1r-span .ls1r-text em {
        font-weight: bold;
    }

.landing-section-1 .ls1-r .ls1r-span-3 .ls1r-span-in,
.landing-section-1 .ls1-r .ls1r-span-4 .ls1r-span-in {
    padding-left: 0;
    padding-right: 35px;
}

.landing-section-1 .ls1-r .ls1r-span-3 .ls1r-step,
.landing-section-1 .ls1-r .ls1r-span-3 .ls1r-text,
.landing-section-1 .ls1-r .ls1r-span-4 .ls1r-step,
.landing-section-1 .ls1-r .ls1r-span-4 .ls1r-text {
    text-align: right;
}

.landing-section-1 .ls1-r .ls1r-span-1,
.landing-section-1 .ls1-r .ls1r-span-1-bg {
    top: 234px;
    right: 502px;
}

.landing-section-1 .ls1-r .ls1r-span-2,
.landing-section-1 .ls1-r .ls1r-span-2-bg {
    top: 318px;
    right: 408px;
}

.landing-section-1 .ls1-r .ls1r-span-3,
.landing-section-1 .ls1-r .ls1r-span-3-bg {
    top: 383px;
    right: 280px;
}

.landing-section-1 .ls1-r .ls1r-span-4,
.landing-section-1 .ls1-r .ls1r-span-4-bg {
    top: 335px;
    right: 132px;
}

.landing-section-1 .ls1-r .ls1r-span-1-bg {
    z-index: 10;
}

.landing-section-1 .ls1-r .ls1r-span-2-bg {
    z-index: 30;
}

.landing-section-1 .ls1-r .ls1r-span-3-bg {
    z-index: 20;
}

.landing-section-1 .ls1-r .ls1r-span-4-bg {
    z-index: 10;
}

.landing-section-1 .ls1-r .ls1r-span-bg.on,
.landing-section-1 .ls1-r .ls1r-span.on {
    margin-top: 0;
    opacity: 1;
}
/* section 2 */
.landing-section-2 {
    background: #f8f8f8;
}

    .landing-section-2 .landing-section-in {
        width: 900px;
        padding-bottom: 80px;
    }

    .landing-section-2 .ls2-item {
        padding: 84px 0 90px 0;
        height: 257px;
    }

        .landing-section-2 .ls2-item .ls2-l {
            float: left;
            width: 49%;
            height: 100%;
        }

        .landing-section-2 .ls2-item .ls2-r {
            float: right;
            width: 49%;
            height: 100%;
        }

        .landing-section-2 .ls2-item .ls2-text-box .text-1 {
            height: 145px;
            font-size: 48px;
            font-weight: 700;
            color: #444;
            letter-spacing: -0.01em;
            line-height: 110%;
        }

            .landing-section-2 .ls2-item .ls2-text-box .text-1 .sub {
                font-size: 24px;
            }

        .landing-section-2 .ls2-item .ls2-text-box .text-2 {
            height: 84px;
            font-size: 18px;
            color: #444;
            letter-spacing: -0.02em;
            line-height: 140%;
        }

            .landing-section-2 .ls2-item .ls2-text-box .text-2 .sub {
                color: #969696;
            }

        .landing-section-2 .ls2-item .ls2-text-box .ls2-btn {
            display: inline-block;
            padding-right: 24px;
            font-size: 20px;
            font-weight: 700;
            color: #f83838;
            line-height: 110%;
            letter-spacing: -0.02em;
            background: url(../imgs/sub/landing_icn_arr.png) no-repeat right center;
        }

        .landing-section-2 .ls2-item .ls2-img-box {
            opacity: 0;
            margin-top: 50px;
            transition: margin-top 0.6s,opacity 0.6s;
            transition-timing-function: ease-out;
        }

            .landing-section-2 .ls2-item .ls2-img-box.on {
                opacity: 1;
                margin-top: 0;
            }
/* section 3 */
.landing-section-3 .landing-section-in {
    width: 1500px;
    padding: 86px 0 109px 0;
}

.ls3-title-box {
    margin-bottom: 28px;
    text-align: center;
}

    .ls3-title-box .ls3-title {
        margin-bottom: 15px;
        font-size: 48px;
        font-weight: 700;
        color: #444;
        line-height: 110%;
        letter-spacing: -0.035em;
    }

    .ls3-title-box .ls3-title-sub {
        font-size: 18px;
        line-height: 130%;
        color: #969696;
        letter-spacing: -0.02em;
    }

.ls3-item-wrap {
    height: 474px;
    width: 1520px;
    margin-left: -10px;
}

.ls3-item {
    overflow: hidden;
    float: left;
    width: 23%;
    margin: 0 0.7%;
    background: #fff;
    box-shadow: 0px 10px 56px rgba(0, 0, 0, 0.05);
    border-radius: 14px;
    color: #bababa;
}

.ls3-item-in {
    padding: 25px 14px 10px 14px;
}

.ls3-item-title {
    font-family: 'Poppins';
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 110%;
    text-align: center;
}

.ls3-item.genport .ls3-item-title {
    color: #fe4542;
    letter-spacing: 0.4em;
}

.ls3-item-con li {
    padding-left: 31px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 14px;
    font-size: 14px;
    letter-spacing: -0.06em;
    background: url(../imgs/sub/landing_icn_check_off.png) no-repeat left top;
}

.ls3-item-con .ls3i-l {
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 18px;
}

    .ls3-item-con .ls3i-l.ls3i-icn-star:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 16px;
        height: 16px;
        background: url(../imgs/sub/landing_icn_star_1.png) no-repeat left top;
        transition: all 0.4s;
    }

.ls3-item-con .ls3i-r {
    display: inline-block;
    float: right;
}

.ls3-item.genport,
.ls3-item.genport .ls3-item-title,
.ls3-item.genport .ls3-item-con li {
    transition: all 0.6s;
}

.ls3-item.on {
    background: #fe4542;
    color: #fff;
}

    .ls3-item.on .ls3-item-title {
        color: #fff;
    }

    .ls3-item.on .ls3-item-con li {
        background-image: url(../imgs/sub/landing_icn_check_on.png);
    }

    .ls3-item.on .ls3-item-con .ls3i-l.ls3i-icn-star:after {
        background: url(../imgs/sub/landing_icn_star_2.png) no-repeat left top;
    }

.ls3-item.genport:hover {
    margin-top: -20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ls3-bot-text {
    font-size: 16px;
    color: #ff0000;
    letter-spacing: -0.02em;
    text-align: right;
}

    .ls3-bot-text p {
        display: inline-block;
        padding-left: 16px;
        background: url(../imgs/sub/landing_icn_star_3.png) no-repeat left center;
    }
/* section 4 */
.landing-section-4 {
    background: #f8f8f8;
}

    .landing-section-4 .landing-section-in {
        width: 920px;
        padding: 91px 0 140px 0;
    }

.ls4-title-box {
    margin-bottom: 55px;
    text-align: center;
}

    .ls4-title-box .ls4-title {
        margin-bottom: 15px;
        font-size: 48px;
        font-weight: 700;
        color: #444;
        line-height: 110%;
        letter-spacing: -0.035em;
    }

    .ls4-title-box .ls4-title-sub {
        font-size: 18px;
        line-height: 130%;
        color: #969696;
        letter-spacing: -0.02em;
    }

.ls4-item-wrap {
    height: 360px;
}

.ls4-item {
    height: 344px;
    overflow: hidden;
    float: left;
    width: 31%;
    margin: 0 1%;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 15px;
    opacity: 0;
    margin-top: 50px;
    transition: margin-top 0.4s,opacity 0.4s;
    transition-timing-function: ease-out;
}

.ls4-item-in {
    padding: 55px 32px 0 32px
}

.ls4-item .ls4-item-title {
    height: 32px;
    margin-bottom: 40px;
}

.ls4-item .ls4-item-text-1 {
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
    color: #343434;
    line-height: 130%;
    letter-spacing: -0.02em;
}

.ls4-item .ls4-item-text-2 {
    font-size: 14px;
    color: #969696;
    line-height: 160%;
    letter-spacing: -0.025em;
}

.ls4-item-1 .ls4-item-title {
    background: url(../imgs/sub/landing_s4_icn_1.png) no-repeat left center;
}

.ls4-item-2 .ls4-item-title {
    background: url(../imgs/sub/landing_s4_icn_2.png) no-repeat left center;
}

.ls4-item-3 .ls4-item-title {
    background: url(../imgs/sub/landing_s4_icn_3.png) no-repeat left center;
}

.ls4-item.on {
    margin-top: 0;
    opacity: 1;
}
/* section 5 */
.landing-section-5 {
    height: 286px;
    background: url(../imgs/sub/landing_s5_bg.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
    animation-delay: 1s;
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-name: bgani;
}

    .landing-section-5 .landing-section-in {
        padding-top: 45px;
    }

.ls5-title-box .ls5-title {
    margin-bottom: 40px;
    font-size: 40px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #fff;
}

.ls5-title-box .ls5-title-sub {
    margin-bottom: 22px;
    font-size: 32px;
    color: #fff;
    letter-spacing: -0.04em;
    line-height: 110%;
}

.partner-title {
    margin-bottom: 50px;
    font-size: 24px;
    font-weight: 700;
    color: #444;
    letter-spacing: -0.02em;
    text-align: center;
}
/* 배너 유튜브 레터 */
.banner-youtube-letter {
    position: relative;
    height: 200px;
    background: url(../imgs/common/banner_bg_youtube_letter.png) no-repeat left center;
    background-size: cover;
}

.byl-box {
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 100%;
    width: 49%;
    z-index: 10;
    cursor: pointer;
}

.byl-youtube {
    left: 0;
}

.byl-letter {
    right: 0;
}

.byl-text-box {
    display: block;
    text-align: center;
}

.byl-youtube .byl-text-box {
    padding-top: 41px;
}

.byl-letter .byl-text-box {
    padding-top: 41px;
}

.byl-btn-box {
    display: inline-block;
    position: absolute;
    transition: left 0.4s, right 0.4s, opacity 0.4s;
    opacity: 0;
    transition-timing-function: ease;
}

.byl-youtube .byl-btn-box {
    right: -7%;
    top: 93px;
    padding-right: 50px;
    text-align: right;
}

.byl-letter .byl-btn-box {
    left: -7%;
    top: 87px;
    padding-left: 30px;
}

.byl-youtube:hover .byl-btn-box {
    right: 0;
    opacity: 1;
}

.byl-letter:hover .byl-btn-box {
    left: 0;
    opacity: 1;
}

.floating-banner {
    display: inline-block;
    display: none;
    position: fixed;
    right: 12%;
    bottom: 5%;
    cursor: pointer;
    z-index: 200;
}

.floating-banner-img {
    display: block;
}

.floating-banner-close-btn-box {
    position: relative;
    text-align: center;
    margin-top: -16px;
    z-index: 210;
}

.floating-banner-close-btn {
    display: inline-block;
    min-width: 30px;
    padding-bottom: 4px;
    font-weight: bold;
    font-size: 12px;
    color: #949494;
    border-bottom: 1px solid #949494;
    margin-right: 5px;
}

/* 연동 프로그램 */
.trade-box-1,
.trade-box-2,
.trade-box-1 a,
.trade-box-2 a {
    font-family: 'Noto Sans KR',sans-serif;
}
.trade-box-1 {
    position: relative;
    overflow: visible;
    clear: both;
    height: 500px;
    padding-bottom: 140px;
    background:#f5f7f9 url(../imgs/sub/trade_banner_bg.png) repeat-x center top;
}
.trade-box-1-in{
    position:relative;
    width:1200px;
    margin:0 auto;
    height:365px;
    margin-bottom:0 !important;
}
.trade-box-1-title{
    padding-top:25px;
    height:110px;
    text-align:center;
}
.trade-box-1-img {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
    background: url(../imgs/sub/trade_banner_img.png) center top no-repeat;
    height: 460px;
    z-index: 10;
}
.tb1-item {
    width: 100%;
    height: 400px;
}
.trade-box-1 .p-1{
    display:none;
}
.trade-box-1 .p-2,
.trade-box-1 .p-3 {
    overflow: hidden;
    text-align:center;
}
.trade-box-1 .p-2-action,
.trade-box-1 .p-3-action {
    display:block;
    padding-top:30px;
    opacity:0;
    transition:all 1s;
    text-align:center;
}
.trade-box-1 .p-2-action, 
.trade-box-1 .p-3-action {
    padding-top:0;
}
.trade-box-1 .p-2 {
    height: 45px;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.03em;
    transition-delay: 0.4s;
}
.trade-box-1 .p-3 {
    height: 80px;
    font-weight:300;
    font-size: 20px;
    color: #fff;
    letter-spacing: -0.03em;
    transition-delay: 0.6s;
}
.trade-box-1 .slick-active .p-1-action,
.trade-box-1 .slick-active .p-2-action,
.trade-box-1 .slick-active .p-3-action {
    padding-top: 0;
    opacity: 1;
    transition-delay: 0.2s;
}
.trade-box-1 .slick-slide .p-1 img{
    display:inline;
}
.trade-box-1 .slick-dots {
    position: absolute;
    right: 25px;
    bottom: 20px;
    text-align: right;
    z-index:20;
}
.trade-box-1 .slick-dots li,
.trade-box-1 .slick-dots button,
.trade-box-1 .slick-dots li button:before{
    padding: 0;
    margin: 0;
}
.trade-box-1 .slick-dots li{
    display:inline-block;
    padding:4px;
    width:auto;
    height:auto;
}
.trade-box-1 .slick-dots li button{
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #51657a;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.4s all;
}
.trade-box-1 .slick-dots .slick-active button{
    width:22px;
    background:#51657a;
}
.trade-box-1 .slick-dots li button:before{
    display:none;
}
.trade-box-2{
    clear:both;
    margin-bottom:95px;
}
.trade-box-2-title{
    margin-bottom:44px;
    font-weight:500;
    font-size:34px;
    color:#424242;
    line-height:110%;
    text-align:center;
}
.trade-box-2-item-box {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}
.trade-box-2-item{
    display:inline-block;
    float:left;
    width:33%;
}
.trade-box-2-item.tb2i-1{
    width:26%;
    padding-left:7%;
}
.trade-box-2-item.tb2i-2{
    width:25%;
    padding-left:8%;
}
.trade-box-2-item.tb2i-3{
    width:25%;
    float:right;
}
.trade-box-2-item .p-1 {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
    color: #333;
    line-height: 110%;
}
.trade-box-2-item .p-2{
    margin-bottom:30px;
    font-weight:400;
    font-size:15px;
    color:#424242;
    letter-spacing:-0.03em;
    line-height:140%;
}
.trade-box-2-item .p-2 em{
    font-weight:900;
    color:#2a5082;
}
.trade-box-2-item .btn-box .btn{
    margin-right:8px;
}
/* 알고리즘 공유 */
.filter-box-new{
    margin-bottom:40px;
}
.fbn-radio-wrap-1 {
    height: 50px;
}
.radio-fbn-1 {
    display: inline-block;
    width: 100px;
    padding-bottom: 7px;
    margin-right: 10px;
    border-bottom: 3px solid #e1e1e1;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    color: #d0d0d0;
    letter-spacing: -0.03em;
    text-align: center;
}
.radio-fbn-1.checked {
    color:#555;
    border-color:#f83738;
}
.fbn-radio-wrap-2{
    position:relative;
    min-height:40px;
}
.radio-fbn-2 {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 28px;
    font-size: 14px;
    color: #ff7c7c;
    letter-spacing: -0.03rem;
    border-radius: 20px;
    background: #fff3f3;
    text-align: center;
    cursor: pointer;
}
.radio-fbn-2.checked {
    background-color: #f83738;
    font-weight:700;
    color:#fff;
}
.radio-fbn-2.radio-fbn-img{
    background-image:url(../imgs/common/icn_menu_off.png);
    background-position:center center;
    background-repeat:no-repeat;
}
.radio-fbn-2.radio-fbn-img.checked{
    background-image:url(../imgs/common/icn_menu_on.png);
    background-position:center center;
    background-repeat:no-repeat;
}
.fbn-radio-wrap-2 .radio-fbn-2{
    margin-right:12px;
}
.pop-algorithm-condition {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    width: 534px;
    padding: 20px 0 30px 0;
    background: #fff;
    border: 1px solid #d2d2d2;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    z-index:10;
}
.pop-algorithm-condition-section-1{
    padding-left: 20px;
}
.pop-algorithm-condition-h3{
    position:relative;
    margin-bottom:10px;
    font-weight:600;
    font-size:12px;
    color:#7a7a7a;
    letter-spacing:-0.01em;
}
.pop-algorithm-condition-h3 .pop-algorithm-condition-h3-r{
    position:absolute;
    right:23px;
    top:0;
}
.pop-algorithm-condition-h3 .pac-h3-btn{
    display:inline-block;
    color:#f83738;
    font-weight:400;
    font-size:12px;
    border-bottom:1px solid #f83738;
    cursor:pointer;
}
.pac-radio-wrap{
    margin-bottom:28px;
}
.radio-fbn-3 {
    position:relative;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    min-width: 88px;
    font-size: 12px;
    color: #7a7a7a;
    letter-spacing: -0.01em;
    text-align: center;
    border: 1px solid #d5dde2;
    border-radius: 15px;
    cursor:pointer;
}
.radio-fbn-3.checked{
    font-weight:700;
    color:#fff;
    background:#f83738;
    border-color:#f83738;
}
.radio-fbn-3-copy {
    background:url(../imgs/common/txt_copy.png) no-repeat center center;
    display: inline-block;
    position: absolute;
    right: -5px;
    top: -7px;
    height:13px;
    width:42px;
}
.pac-radio-wrap .radio-fbn-3{
    margin-right:8px;
}
.pop-algorithm-condition-section-2 {
    overflow: hidden;
    padding: 19px 20px 0 20px;
    margin-bottom: 25px;
    background: #f8f8f8;
}
.pop-algorithm-condition-section-2-l{
    float:left;
    width:49%;
}
.pop-algorithm-condition-section-2-r {
    float: right;
    width: 47%;
}
.pac-radio-wrap .radio-fbn-4{
    margin-right:11px;
}
.radio-fbn-4 {
    position:relative;
    display: inline-block;
    padding-left:12px;
    line-height: 14px;
    font-size: 12px;
    color: #7a7a7a;
    letter-spacing: -0.01em;
    cursor:pointer;
}
.radio-fbn-4 .radio-fbn-4-icn{
    position:absolute;
    left:2px;
    top:4px;
    display:inline-block;
    width:5px;
    height:5px;
    border-radius:3px;
    background:#c7c7c7;
}
.radio-fbn-4.checked{
    font-weight:700;
    color:#f83738;
}
.radio-fbn-4.checked .radio-fbn-4-icn{
    background: #f83738;
}
.genmart-tab-header-3 {
    min-height: 30px;
    margin-bottom: 13px;
} 
.gth3-left{
    float:left;
    display:inline-block;
    font-weight:600;
    line-height:26px;
    font-size:16px;
    letter-spacing:-0.03em;
}
.gth3-right {
    float: right;
    display: inline-block;
}
.input-text-style-2 {
    height: 26px;
    line-height: 26px;
    border: 1px solid #d2d2d2;
    font-weight: 400;
    font-size: 12px;
    color: #8f8f8f;
    vertical-align: middle;
    text-indent:15px;
}
.input-text-style-2-btn {
    display: inline-block;
    width: 30px;
    height: 26px;
    margin-left: -30px;
    background: url(../imgs/common/input_search.png) no-repeat center center;
    vertical-align: middle;
    z-index: 10;
    cursor: pointer;
}
.select-style-3 {
    position:relative;
    display:inline-block;
    height: 26px;
    line-height: 26px;
    border: 1px solid #d2d2d2;
    vertical-align:middle;
    cursor:pointer;
    z-index:10;
}
.select-style-3-title {
    position: relative;
    height: 100%;
    font-weight: 400;
    font-size: 12px;
    color: #8f8f8f;
    text-indent: 15px;
}
.select-style-3-icn {
    position: absolute;
    right: 8px;
    top: 0;
    width:12px;
    height: 100%;
    background: url(../imgs/common/filter_select_arr_down.png) no-repeat right center;
}
.select-style-3.selected .select-style-3-icn {
    background: url(../imgs/common/filter_select_arr_up.png) no-repeat right center;
}
.select-style-3-pop {
    display: none;
    position: absolute;
    left: -1px;
    top: 26px;
    width: 100%;
    background: #fff;
    border: 1px solid #d2d2d2;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    text-indent: 15px;
    z-index:10;
}
.select-style-3-pop-title{
    height:38px;
    line-height:38px;
    overflow:hidden;
    font-weight:600;
    font-size:12px;
    color:#7a7a7a;
    letter-spacing:-0.01em;
}
.select-style-3-pop-con{
    display:none;
    padding:3px 0;
    background:#f8f8f8;
    line-height:200%;
}
.select-style-3-pop-con li{
    font-size:12px;
    letter-spacing:-0.01em;
}
.select-style-3-pop-con li.selected{
    font-weight:700;
    color:#f83838;

}
/* 미디어 쿼리 */
@media (max-width: 1390px) {
    .box_ctrlBtns.type-2 {
        box-sizing: border-box;
        position: static;
        overflow: hidden;
        width: 100%;
        padding: 5px 1px 2px 0;
    }
    .box_ctrlBtns.type-2 ul {
        display: inline-block;
        float: right;
    }
    .box_ctrlBtns.type-2 .btn_popSide {
        border-radius: 5px;
        float: left;
        margin-left: 5px;
    }
    .box_ctrlBtns.type-2 .btn_popSide.mt20px {
        margin-top: 0 !important;
    }
}