@charset "utf-8";

.scroll-style-hack::-webkit-scrollbar{
    width: 8px;
}
.scroll-style-hack::-webkit-scrollbar-thumb{
    border-left: 4px solid #edeff2;
}
.scroll-style-hack::-webkit-scrollbar-track{
    background-color: transparent;
    width: 8px;
}
/* common */
input[type=text],
input[type=password],
input[type=number],
textarea,
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;
}
input[type=text],
input[type=password],
input[type=number],
select {
    border-radius: 3px;
}
input.text-right,
select.text-right {
    padding-right:5px;
    text-indent:0;
}
select {
    padding:0 8px;
    border-radius: 3px;
    text-indent:0;
}
.select-small{
    height:24px;
    line-height:24px;
}
.border-orange {
    border-color: #ff5722 !important;
}
/* input style */
input[type=text].text-extrasmall {
    width: 60px;
    padding: 6px 10px;
    border: 1px solid #bbb;
    color: #333;
    box-sizing: border-box;
    border-radius: 3px;
}
.checkbox-style-1 {
    background: url(../imgs/common/ico_checkbox_off.png) no-repeat left center;
}
.checkbox-style-1.checked{
    background:url(../imgs/common/ico_checkbox_on.png) no-repeat left center;
}
.checkbox-style-1,
.radio-style-1,
.radio-style-2,
.radio-style-4 {
    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;
}
.radio-style-1 {
    background: url(../imgs/common/ico_radio_off.png) no-repeat left center;
}
.radio-style-2 {
    background: url(../imgs/common/ico_radio_off.png) no-repeat left center;
}
.radio-style-4 {
    background: url(../imgs/common/ico_radio_off.png) no-repeat left center;
}
.radio-style-1.checked,
.radio-style-2.checked{
    background:url(../imgs/common/ico_radio_on.png) no-repeat left center;
}
.radio-style-4.checked {
    background: url(../imgs/common/ico_radio_4_on.png) no-repeat left center;
}
.checkbox-style-1,
.radio-style-1,
.radio-style-2 {
    font-size: 13px;
    color: #121212;
}
.radio-style-1 .radio-title{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.05em;
    width: 86px;
    color: #333;
}
.radio-style-1 .radio-text-sub{
    font-size: 13px;
    color: #666;
}
.radio-style-3 {
    display: inline-block;
    font-size: 14px;
    color: #7a7a7a;
    letter-spacing: -0.05em;
    cursor: pointer;
}
.radio-style-3.checked{    
    color: #ff4444;
    font-weight: bold;
}
.radio-style-4.text-over{
    display:block;
    margin-right:0;
    width:90%;
}
.btn-small .checkbox-style-1 {
    color: #888;
    min-width: 0;
}
.input-box-1{
    position:relative;
}
input[type=text].focus{
    font-weight:600;
    color:#ff5722;
}
.input-x-btn {
    position:absolute;
    right:0;
    top:0;
    width:35px;
    height:100%;
    background: url(../imgs/common/icn_delform.png) no-repeat center center;
}
.sub-h3 {
    margin-bottom:10px;
    font-size: 22px;
    font-weight: 500;
    color: #333;
    letter-spacing:-0.01em;
    padding-left: 8px;
}
.sub-h4 {
    position:relative;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    color: #333;
    min-height:32px;
}
.sub-h4 .sub-text{
    font-weight:normal;
    margin-left:8px;
    font-size: 13px;
    color: #666;
}
.sub-h5 {
    position:relative;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    color: #333;
}
.sub-h5-btn-r{
    position:absolute;
    right:0;
    top:0;
}
.sub-h5-text-r {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #666;
}
.sub-h5-sub {
    display: inline-block;
    margin-left: 18px;
    font-size: 12px;
    color: #666;
    vertical-align: middle;
}
.sub-h5-sub-2 {
    display: inline-block;
    vertical-align: middle;
    margin-left:11px;
    color:#bbb;
}
.btn-sh5s2 {
    display: inline-block;
    line-height: 14px;
    height: 14px;
    min-width: 40px;
    padding: 0 5px;
    text-align: center;
    border-radius: 3px;
    margin-right: 3px;
    background: #bbb;
    color: #fff;
    font-size: 10px;
}
.sub-h5-sub-2.on {
    color: #f83838;
}
.sub-h5-sub-2.on .btn-sh5s2{
    color:#fff;
    background: #f83838;
    cursor:pointer;
}
/* btn */
.btn {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}
.btn-red {
    vertical-align: middle;
    background: #ff5722;
    border: 1px solid #e63535;
    font-weight: 600;
    color: #fff;
    box-shadow: inset 0px -2px 1px #c62828;
}
.btn-red:hover {
    background:#e63535;
    font-weight:600;
    color:#fff;
    box-shadow: inset 0px 0px 0px #e63535;
}
.btn-blue {
    vertical-align: middle;
    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-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;
}
.box-btnsFull {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.btn-extrasmall {
    font-size: 12px;
    transition: 0.1s;
    text-align: center;
    padding: 2px 8px;
    line-height:120%;
    border-radius: 3px;
}
.btn-small {
    font-size: 12px;
    transition: 0.1s;
    text-align: center;
    padding: 1px 12px;
    line-height:24px;
    height:24px;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor:pointer;
}
.btn-extralarge {
    font-size: 15px;
    min-width: 120px;
    transition: 0.1s;
    padding: 14px 10px;
    vertical-align: middle;
    border-radius: 4px;
    text-align:center;
}
.btn-m {
    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;
}
.pop .btn-box .btn-m{
    padding:0 13px;
}
.btn-refresh {
    width: 28px;
    height: 28px;
    background: #ddd;
    border: 1px solid #ccc;
    transition: 0.2s;
    border-radius: 4px;
}
.btn-undo {
    background:#ddd url(../imgs/common/icn_undo.png) no-repeat center center;
}
.btn-redo {
    background:#ddd url(../imgs/common/icn_redo.png) no-repeat center center;
}
.btn-undo:hover {
    background:#d2d2d2 url(../imgs/common/icn_undo.png) no-repeat center center;
}
.btn-redo:hover {
    background:#d2d2d2 url(../imgs/common/icn_redo.png) no-repeat center center;
}
.btn-srch {
    width: 18px;
    height: 18px;
    cursor: pointer;
    left: 5px;
    margin-left: -23px;
    background: url(../imgs/common/icn_srch.png) no-repeat center center;
}
.btn-srch-smaall{
    width:14px;
    vertical-align:middle;
}
.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(../imgs/common/icn_delform.png) no-repeat center center;
    vertical-align: middle;
}
.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:#ff5722;
    border-color:#ff5722;
}
.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/common/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: 48px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
}
.btn-10 {
    background: #263e59;
}
.btn-11 {
    background: #ff5722;
}
.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,
.btn-15r {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    min-width: 25px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
}
.btn-15 {
    color: #fff;
    background: #ff5722;
    border: 1px solid #e63535;
    box-shadow: inset 0px -2px 1px #c62828;
}
.btn-15r {
    color: #ff5722;
    background: #fff;
    border: 1px solid #e63535;
    box-shadow: inset 0px -2px 1px #c62828;
}
.btn-15:hover,
.btn-15r:hover {
    box-shadow: inset 0px 0px 0px #e63535;
}
.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: #ff5722;
    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:#ff5722;
}
.btn-19,
.btn-18:hover,
.btn-18.checked{
    color: #ff5722;
    background: #fff;
}
.btn-18.disabled,
.btn-19.disabled,
.btn-18.disabled:hover,
.btn-19.disabled:hover{
    background:#ccc !important;
    border-color:#ccc !important;
    color:#fff !important;
    cursor:default !important;
}
.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 {
    display:block;
    text-align: center;
    line-height: 47px;
    border-bottom: 3px solid #263e59;
    background: #263e59;
    font-weight: 600;
    color: #fff;
}
.btn-addview,
.btn-addview-white {
    width: 120px;
    padding: 14px 0;
    text-align: center;
    border-radius: 30px;
}
.btn-24 {
    font-size: 12px;
    transition: 0.1s;
    text-align: center;
    padding: 5px 12px;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #fff;
    border: 1px solid #aaa;
    font-weight: 600;
    color: #888;
    box-shadow: inset 0px -1.5px 1px #e0e0e0;
    vertical-align:middle;
    cursor:pointer;
}
.btn-25 {
    font-size: 12px;
    transition: 0.1s;
    text-align: center;
    padding: 5px 12px;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ff5722;
    border: 1px solid #ff5722;
    font-weight: 600;
    color: #fff;
    box-shadow: inset 0px -1.5px 1px #f83838;
    vertical-align: middle;
    cursor: pointer;
}
.btn-26 {
    width: 100px;
    height: 52px;
    line-height: 52px;
    transition: 0.1s;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    vertical-align: middle;
    background: #ff5722;
    border: 1px solid #ff5722;
    border-radius: 3px;
    box-shadow: inset 0px -2px 1px #e63535;
    cursor: pointer;
}
.btn-26:hover {
    background: #e63535;
}
.btn-27 {
    font-size: 12px;
    transition: 0.1s;
    text-align: center;
    padding: 5px 12px;
    vertical-align: middle;
    border-radius: 3px;
    background: #ff5722;
    border: 1px solid #ff5722;
    font-weight: 600;
    color: #fff;
    box-shadow: inset 0px -2px 1px #f83838;
    cursor: pointer;
}
.btn-27:hover {
    background: #f83838;
}
.btn-28{
    text-decoration:underline;
}
.btn-29 {
    font-size: 12px;
    color: #888;
    letter-spacing: -0.025em;
    padding-bottom: 1px;
    border-bottom: 1px solid  #888;
}
.btn-30 {
    position: relative;
    display: inline-block;
    width: 110px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.03em;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    line-height: 33px;
    height: 33px;
}
.btn-30:hover{
    background: #ff5722;
    border-color:#e63535;
    box-shadow: inset 0px -3px 1px #cb2C27;
    color:#fff;
}
.btn-31 {
    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-32 {
    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: #ff5722;
    cursor: pointer;
}
.btn-addview {
    background: #f1f3f5;
    border: 1px solid #ddd;
    color: #888;
}
.btn-addview:hover {
    background: #eaecef;
    color: #666;
}
.btn-addview.on{
    background: #fff;
    border: 1px solid #143b58;
    color: #143b58;
}
.btn-add-full {
    display:block;
    background: #f5f7f9;
    border: 1px solid #ccc;
    text-align: center;
    padding: 12px 0;
    box-sizing: border-box;
    cursor:pointer;
    font-size:12px;
    color:#666;
}
.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;
}
.btn-group-style-2.icn-up{
    background: url(../imgs/common/btn_move_up.png) center center no-repeat gray;
}
.btn-group-style-2.icn-down{
    background: url(../imgs/common/btn_move_down.png) center center no-repeat gray;
}
.btn-group-style-1.btn-r {
    position: absolute;
    right: 0;
    top: 8px;
    height: 18px;
    line-height: 18px;
    padding:0 5px;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #b2b2b2;
    cursor: pointer;
    width:auto;
}
.btn-plus-2,
.btn-minus-2 {
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #888;
    transition: 0.1s;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    font-weight: 600;
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: inset 0px -1.5px 1px #e0e0e0;
    cursor: pointer;
    vertical-align: middle;
}
.btn-plus-2 {
    background:url(../imgs/common/icn_plus.png) no-repeat center center;
}
.btn-minus-2 {
    background: url(../imgs/common/icn_minus.png) no-repeat center center;
}
.btn-plus-2:hover,
.btn-minus-2:hover {
    border: 1px solid #888;
    font-weight: 600;
    color: #555;
    box-shadow: inset 0px 0px 0px #e0e0e0;
}
/* popup */
.body-pop-open {
    height: 100%;
    overflow: hidden;
}
.pop {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.pop-in {
    position: absolute;
    width: 800px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height:97%;
    background:#fff;
}
.pop-small .pop-in{
    width:480px;
}
.pop-bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .32);
}
.pop-header {
    position: relative;
    line-height: 45px;
    background: #263e59;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
.pop .pop-close {
    position:absolute;
    display: inline-block;
    height: 100%;
    width: 50px;
    right:0;
    top:0;
    background: url(../imgs/common/pop_close.png) no-repeat center center;
    cursor: pointer;
}
.pop-content{
    padding:20px;
    max-height:680px;
    overflow-y:auto;
}
.pop-p-1 {
    margin-bottom:10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
    color: #333;
}
.pop-p-2 {
    overflow:hidden;
    margin-bottom: 20px;
    font-size: 13px;
    color: #333;
    line-height: 150%;
}
.pop-p-3 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 150%;
}
.pop-p-4 {
    margin-bottom:20px;
    font-size:16px;
    color:#333;
    font-weight:bold;
}
.pop-p-5{
    margin-bottom:15px;
    font-size:32px;
    font-weight:900;
    line-height:120%;
}
.pop-p-6 {
    margin-bottom:28px;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
.pop-p-7 {
    margin-bottom: 15px;
    font-weight: 900;
    font-size: 20px;
    color: #374054;
    letter-spacing: -0.03em;
}
.pop-p-8 {
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 12px;
    color: #374054;
    letter-spacing: -0.03em;
    line-height: 130%;
}
.pop-p-9 {
    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;
}
.pop-p-4 .sub {
    font-size: 12px;
}
.pop-text-em {
    font-size: 13px;
    color: #ff5722;
    letter-spacing: -0.025em;
}
.pop-exp-box{
    padding:20px;
    border:1px solid #ddd;
    overflow-y:auto;
    max-height:600px;
}
.pop-exp-box li{
    margin-bottom:10px;
    font-size:13px;
    color:#666;
    line-height:160%;
}
.pop-port-detail .pop-in{
    height:98%;
    width:980px;
}
.pop-port-detail .pop-content{
    overflow-y:auto;
    height: 100%;
    max-height:1380px;
    box-sizing: border-box;
}
.pop-port-detail .section_fullDetail{
    padding:0;
    border:none;
}
.pop-port-detail .pop-close-2 {
    position: fixed;
    left:50%;
    top:1%;
    width: 28px;
    height: 28px;
    margin-left:500px;
    background: url(../imgs/common/pop_close_2.png) no-repeat center center;
}
.pop-port-detail.type-2 .pop-in{
    width:960px;
}
.pop-port-detail.type-2 .pop-content {
    height: 100%;
    overflow-y: auto;
    padding:0 30px;
}
.pop-port-detail.type-2 .pop-content-in{
    padding:60px 0 20px 0;

}
.pop-port-detail.type-2 .pop-close-2{
    margin-left:490px;
}
.pop-port-detail.type-2 .pop-outside-btn {
    margin-left:480px;
}
.pop-port-detail.type-2 .pop-detail-title{
    position:absolute;
    left:0;
    top:0;
    padding:20px 0 5px 0;
    text-indent:30px;
    width:100%;
    background:#fff;
}
.pop-outside-btn {
    position: fixed;
    left: 50%;
    top: 1%;
    width: 98px;
    height: 44px;
    line-height: 44px;
    margin: 40px 0 0 490px;
    background: #f83838;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.pop-btn-right {
    position: fixed;
    left: 50%;
    top: 6%;
    margin-left: 491px;
    width: 67px;
    padding-left: 33px;
    line-height: 44px;
    cursor: pointer;
    font-size: 14px;
}
.sidebg_re {
    color: #fff;
    background: #f83838 url(../imgs/common/icn_restore.png) no-repeat 13px center;
}
.sidebg_re:hover{
    background-color: #ff5722;
}
.sidebg_copy_2 {
    color: #fff;
    background: #f83838 url(../imgs/common/icn_port_copy_white.png) no-repeat 13px center;
}
.sidebg_copy_2:hover{
    background-color: #ff5722;
}
.pop-box-1 {
    overflow: hidden;
    margin-bottom: 10px;
}
.pop-box-1 .fl,
.pop-box-1 .fr{
    display:inline-block;
}
.pop-box-1 .fl{
    padding-top:5px;
}
.alert .pop-in{
    width:300px;
    padding:30px;
    margin:0 0 0 -180px;
    top:40%;
    border:1px solid #ccc;
}
.pop-style-2 .pop-in{
    width:900px;
}
.pop-list-style-1 li {
    padding-left:11px;
    color:#333;
    letter-spacing:-0.025em;
    font-size:13px;
    line-height:140%;
    margin-bottom:18px;
    background:url(../imgs/common/icn_dot.png) no-repeat left 6px;
}
.pop-list-style-1 li li{
    padding-left:0;
    margin-bottom:0;
    background:none;
}
.pop-list-style-2 li {
    padding-left: 16px;
    margin-bottom: 18px;
    text-indent: -16px;
    color: #333;
    letter-spacing: -0.025em;
    font-size: 13px;
    line-height: 130%;
}
.pop-box-2 {
    overflow:hidden;
    padding: 15px 15px 0 15px;
    margin-bottom:20px;
    background: #f5f5f5;
}
.pop-style-3,
.pop-style-3 a{
    font-family: 'Noto Sans KR',sans-serif;
}

.pop-style-3 .pop-in {
    width: 400px;
    border-radius:5px;
}
.pop-sample-box{
    position:relative;
    margin-bottom:12px;
}
.pop-sample-box img{
    width:100%;
}
.pop-sample-box .pop-sample-link,
.pop-sample-box .pop-sample-link a{
    position:absolute;
    display:inline-block;
    right:20px;
    top:15px;
    border-bottom:1px solid #929292;
    cursor:pointer;
}
.pop-sample-box .pop-sample-link,
.pop-sample-box .pop-sample-link a{    
    font-weight:300;
    font-size:12px;
    color:#929292;
    letter-spacing:-0.03em;
    line-height:130%;
}
.pop-3-title{
    margin-bottom:10px;
    font-weight:700;
    font-size:26px;
    color:#374054;
    letter-spacing:-0.03em;
    text-align:center;
}
.pop-3-txt-1{
    margin-bottom:35px;
    font-weight:300;
    font-size:14px;
    color:#374054;
    line-height:130%;
    letter-spacing:-0.03em;
    text-align:center;
}
.pop-3-txt-2 {
    padding:0 12px;
    margin-bottom:15px;
    font-weight: 300;
    font-size: 12px;
    color:#929292;
    line-height: 130%;
    letter-spacing: -0.03em;
}
/* 카카오 팝업 */
.catoc-pop .pop-in {
    width: 600px;
    margin-left: -300px;
    background: #fff;
}
.catoc-pop .pop-in img{
    display:block;
}
.catoc-pop .pop-header{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:50px;
    padding:0;
    z-index:10;
    background:none;
}
.catoc-pop .pop-close{
    display:block;
    right:0;
    top:0;
    width:30px;
    height:30px;
    background: url(../imgs/common/btn_clsPopup_black.png) no-repeat center center;
    z-index:100;
}
/* 오늘하루 보지않음 스타일 팝업 */
.pop-today .pop-in {
    background: transparent;
}
.pop-today .pop-today-btn-wrap {
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.pop-today .pop-today-btn-wrap label{
    display:block;
    cursor:pointer;
}
.pop-today .pop-today-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-today .pop-today-btn-wrap label span{
    vertical-align:middle;
}
.pop-today .pop-today-btn-wrap .today-close-btn {
    text-decoration: underline;
}
.pop-today .pop-con {
    padding: 25px 15px;
    background:#fff;
    border-radius:10px;
}
.pop-main {
    display: block;
    position: absolute;
    left: 200px;
    top: 200px;
    z-index: 1010;
}
.pop-main .pop-con{
    padding:0;
    background: transparent;
}
.pop-main-bg {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .32);
    z-index: 1000;
}
.pop-main .pop-main-bg{
    width:100%;
    height:100%;
    background:none;
}
/* pagination */
.pagination {
    position: relative;
    min-height: 36px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin-top: 30px;
    overflow: hidden;
    cursor: pointer;
}
.pagination ul {
    display: inline-block;
}
.pagination li {
    float:left;
    margin-left:-1px;
}
.pagination li:first-child {
    margin-left:0;
}
.pagination li a {
    font-size:13px;
    background:#fff;
    color:#333;
    float:left;
    width:34px;
    height:32px;
    line-height: 33px;
    text-decoration:none;
    transition:background-color .3s;
    border:1px solid #ccc;
}
.pagination li:first-child a {
    border-radius:5px 0 0 5px;
}
.pagination li:last-child a {
    border-radius:0 5px 5px 0;
}
.pagination li a.on {
    background:#177cd2;
    color:#fff;
    border:1px solid #177cd2;
}
.pagination li a:hover:not(.on) {
    background:#e5e7e9;
}
.pagination li a.on_cstm {
    background:#777;
    color:#fff;
    border:1px solid #777;
}
.pagination li a.on_cstm:hover {
    background:#888;
    color:#fff;
    border:1px solid #888;
}
.pagination-btn-l,
.pagination-btn-r{
    position:absolute;
    top:0;
    z-index: 10;
}
.pagination-btn-l{
    left:0;
}
.pagination-btn-r {
    right: 0;
}

.pagination-3 {
    position: relative;
    min-height: 38px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin-top: 30px;
    overflow: hidden;
    cursor: pointer;
}
.pagination-3 ul {
    display: inline-block;
}
.pagination-3 li {
    float:left;
    margin-left:-1px;
}
.pagination-3 li:first-child {
    margin-left:0;
}
.pagination-3 li a {
    font-size:13px;
    background:#fff;
    color:#333;
    float:left;
    width:36px;
    height:33px;
    line-height: 31px;
    text-decoration:none;
    transition:background-color .3s;
    border:1px solid #ccc;
    box-sizing: border-box;
}
.pagination-3 li:first-child a {
    border-radius:5px 0 0 5px;
}
.pagination-3 li:last-child a {
    border-radius:0 5px 5px 0;
}
.pagination-3 li a.on {
    background:#777;
    color:#fff;
    border:1px solid #777;
}
.pagination-3 li a:hover:not(.on) {
    background:#e5e7e9;
}
.pagination-3 li a.on:hover {
    background:#888;
    color:#fff;
    border:1px solid #888;
}
/* table */
.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;
    border-radius: 4px 4px 0 0;
    background: #143b58;
}
.table-3 thead th {
    height: 32px;
    background: #ff5722;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    cursor: pointer;
}
.table-3 thead th{
    text-align:center;
}
.table-3 thead .th-1{
}
.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: scroll;
    overflow-x: hidden;
}
.table-3.table-body.on,
.table-3.table-body:hover{
    border-color: #f83838;
}
.table-3.table-body table {
    table-layout: fixed;
}
.table-3 tbody tr{
    cursor:pointer;
}
.table-3 tbody td {
    padding: 15px 0;
    color: #333;
    font-size: 13px;
}
.table-3 tbody td {
}
.table-3 tbody .td-1 {
    text-align:center;
}
.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 .td-7 {
    text-align: center;
}
.table-3 tbody .text-right {
    padding-right:15px;
}
.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/common/ico_sci.png) no-repeat center center;
    z-index:10;
}
.table-3 tbody tr.tic-over {
    background: #ebebeb;
}
.table-3 .table-3-item:nth-child(2n +1) {
    background: #f0f0f0;
}
.table-3 .table-3-item.on {
    background: #bfddeb;
}
.table-3 .table-3-item:hover {
    background: #dae9f0;
}
.table-3.type-2 tr{
    cursor:pointer;
}
.table-3.type-2 tbody tr:hover {
    background: #dae9f0;
}
.table-3.type-2 tbody tr:nth-child(2n+1) {
    background: #f7f9fb;
}
.table-3.type-2 tbody tr.on {
    background: #bfddeb;
}
.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 {
    margin-bottom:20px;
    border-top: 1px solid #999;
    border-bottom:1px solid #999;
}
.table-5 table{
    table-layout:fixed;
    width:100%;
}
.table-5 thead th{
    padding:14px 0;
    background:#eee;
    font-size:13px;
    color:#333;
}
.table-5 tbody td{
    text-align:center;
}
.table-5 tbody td{
    padding:12px 0;
    border-top:1px solid #ddd;
    font-size:13px;
    color:#333;
}
.table-5 tbody .title{
    padding-left:15px;
    cursor:pointer;
    text-align:left;
}
.table-5 tbody .on .title{
    font-weight:bold;
}
.table-5 tbody .num{
    font-size:12px;
    color:#888;
}
.table-6 {
    margin-bottom:20px;
    border-top: 1px solid #ddd;
}
.table-6 table{
    table-layout:fixed;
    width:100%;
}
.table-6 tbody td{
    text-align:center;
}
.table-6 tbody td{
    padding:12px 0;
    border-bottom:1px solid #ddd;
}
.table-6 tbody .title{
    font-size:13px;
    color:#333;
    padding-left:15px;
    cursor:pointer;
    text-align:left;
}
.table-6 tbody .on .title{
    font-weight:bold;
}
.table-6 tbody .num{
    font-size:12px;
    color:#888;
}
.table-6 tbody .tr-con{
    display:none;
}
.table-6 tbody .tr-con td {
    border-bottom:1px solid #ddd;
    background:#fcfcfc;
}
.table-6 tbody .tr-con .con{
    padding:35px 30px;
}
.table-7 {
    border-top: 3px solid #eee;
}
.table-7 table{
    table-layout:fixed;
}
.table-7 td{
    padding:10px;
    border-bottom:1px solid #ddd;
    font-size:13px;
    color:#333;
    line-height:130%;
}
.table-7 .link{
    cursor:pointer;
}
.table-7 .link:hover{
    color:#666;
}
.table-7 .date{
    padding-left:0;
    padding-right:0;
    font-family: 'Calibri';
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    text-align:center;
}
.table-7 .p-q {
    padding-left: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal !important;
    background: url(../imgs/common/icn_faq_q.png) no-repeat left center;
}

.table-8 table{
    width:100%;
    table-layout:fixed;
}
.table-8 tbody td {
    height:30px;
    font-size: 12px;
    color: #151515;
    letter-spacing: -0.02em;
    text-align: center;
    border-bottom:1px solid #ddd;
}
.table-8 tbody td.text-left{
    padding-left:5px;
    padding-right:5px;
}
.table-8 tbody .cursor-pointer:hover td,
.table-8 tbody .cursor-pointer.on td {
    background: #f5f5f5;
}
.np-cond-box {
    overflow: hidden;
    margin-bottom: 20px;
}
.np-cond-item {
    float:left;
    display:inline-block;
    width: 33.33%;
    margin-bottom: 12px;
    overflow: hidden;
}
.np-cond-item-in {
    position:relative;
    overflow:hidden;
    width: 96%;
    min-height: 60px;
    line-height:56px;
    background: #fcfcfc;
    transition: 0.2s;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size:15px;
    color:#666;
    font-weight:bold;
}
.np-cond-item-in:hover {
    border: 1px solid #888;
}
.np-cond-item-add .np-cond-item-in {
    min-height: 56px;
    line-height: 56px;
    border: 3px dashed #ddd;
    text-align: center;
    font-size: 13px;
    color: #333;
}
.np-cond-item-in:hover .np-cond-item-in {
    background: #f7f7f7;
    border: 3px dashed #ccc;
}
.np-cond-item .np-cond-item-text {
    position:relative;
    padding: 20px 15px 18px 50px;
    line-height:140%;
}
.np-cond-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 57px;
    width: 36px;
    background: url(../imgs/common/btn_x.png) no-repeat center center;
    cursor: pointer;
}
.icn-num2 {
    display: inline-block;
    width: 28px;
    line-height: 28px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-right: 6px;
    border-radius: 4px;
    background: #f83838;
}
.icn-num3 {
    display: inline-block;
    width: 28px;
    line-height: 28px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-right: 6px;
    border-radius: 4px;
    background: #177cd2;
}
.icn-plus {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    background: #ccc;
    color: #555;
    text-align: center;
    vertical-align:middle;
}
.np-cond-item-text .icn-num2,
.np-cond-item-text .icn-num3{
    position:absolute;
    left:15px;
    top:19px;
}

/* 슬라이더 */
.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;
}
/* 새 포트 만들기 */
.sub-btn-line {
    height: 35px;
}
.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 {
    position: relative;
    overflow: visible;
    border: 1px solid #bbb;
    background: #fff;
    padding: 30px;
    margin-bottom:10px;
}
.portCtrlBox{
    overflow:hidden;
}
.box_ctrlBtns {
    width: 105px;
    position: absolute;
    top: 0;
    right: -106px;
    z-index: 90;
}
.box_ctrlBtns .clsPop {
    margin:10px 0 10px 10px;
}
.box_ctrlBtns .btn_popSide {
    color:#fff;
    padding:15px 5px 15px 36px;
    margin-bottom:1px;
    border-radius:0 5px 5px 0;
    cursor: pointer;
    font-size:14px;
}
#wrap_genPop {
    position: relative;
    background:#fff;
    width:900px;
    padding:30px;
    margin: 30px auto;
    margin-bottom:140px;
}
.box_popCtrlBtns {
    width:105px;
    position:absolute;
    left:959px;
    top:0px;
    z-index: -1000;
}
.box_popCtrlBtns .clsPop {
    margin:10px 0 10px 10px;
}
.box_popCtrlBtns .btn_popSide {
    color:#fff;
    padding:14px 14px;
    margin-bottom:1px;
}
.box_popCtrlBtns .btn_popSide:hover {
    cursor: pointer;
}
.box_popCtrlBtns .btn_popSide img {
    vertical-align: middle;
}
.box_popCtrlBtns .btn_popSide span {
    padding-left:8px;
    font-size:14px;
}
.sidebg_new {
    background: #ff5722 url(../imgs/common/icn_port_new_white.png) no-repeat 15px center;
}
.sidebg_modify {
    background: #777 url(../imgs/common/icn_port_modify_white.png) no-repeat 15px center;
}
.sidebg_copy {
    background: #555 url(../imgs/common/icn_port_copy_white.png) no-repeat 15px center;
}
.sidebg_del {
    background: #424242 url(../imgs/common/icn_delete_white.png) no-repeat 15px center;
}
.sidebg_sell {background:#177cd2;}
.sidebg_reco {background:#bbb;}
.sidebg_blank {background:#fff;}
.sidebg_admin {background:#143b58;}

.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-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;
    -webkit-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;
}
.box-input {
    padding: 20px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}
.box-input-in {
    overflow: hidden;
    margin-bottom:5px;
}
.box-input-l,
.box-input-r{
    display:inline-block;
}
.box-input-l{
    float:left;    
    width:76%;
}
.box-input-r {
    float: right;
    width:23%;
    text-align:right;
}
.box-input-text-box{
    clear:both;
    font-size:14px;
    font-weight:bold;
    line-height:130%;
}
.advertising-box{
    height:110px;
}
.advertising-box img {
    width: 100%;
}
.advertising-text {
    font-size: 12px;
    color: #f83838;
    text-align:right;
    letter-spacing:-0.01em;
}
.backt-loading {
    width:500px;
    overflow: hidden;
    text-align: center;
    margin: auto;
}
.backt-loading .title {
    font-size:30px;
    font-weight:500;
    letter-spacing: -1px;
    color:#333;
    padding-top:30px;
    margin-bottom:30px;
}
.backt-loading .remain {
    margin-bottom:20px;
    font-size:16px;
    color:#333;
}
.backt-loading .remain span {
    display: inline-block;
    background:#eee;
    padding:6px 16px;
    font-size:13px;
    font-weight:600;
    margin-right:14px;
    border-radius:30px;
}
.backt-loading .remain em {
    font-weight:600;
}
.backt-chart {
    border:1px solid #ddd;
    padding:20px;
    margin-top:50px;
}
.backt-chart-in{
    height:300px;
}
.backt-ctrlbtns {
    width:100%;
    overflow: hidden;
    margin-top:10px;
}
.animationStripes,
.animationStripesV {
    position: relative;
    border-radius: 5px;
    height: 30px;
    width: 0;
    background-image: repeating-linear-gradient(-45deg, #ff5722, #ff5722 10px, #ff7533 10px, #ff7533 20px);
    -webkit-animation: progress 2s linear infinite;
    -moz-animation: progress 2s linear infinite;
    -ms-animation: progress 2s linear infinite;
    animation: progress 2s linear infinite;
    background-size: 150% 100%;
}
.animationStripesBack{
    border-radius: 5px;
    height: 30px;
    margin-bottom:20px;
    background-color:#eceeef;
}

.animationStripesOver {
    color:white;
    float:right;
    line-height:30px;
    padding-right:15px;
}

/* 코인 그룹 관리 */
.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;
}
@-webkit-keyframes progress{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -75px 0px;
  }
}
@-moz-keyframes progress{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -75px 0px;
  }
}
@-ms-keyframes progress{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -75px 0px;
  }
}
@keyframes progress{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -70px 0px;
  }
}
.btn-sample {
    display: block;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #f83838;
    font-weight:600;
    font-size: 13px;
    letter-spacing:-0.05em;
    cursor: pointer;
}
.btn-sample img{
    vertical-align:inherit;
}
.sample-template-box{
    height:85px;
}
.sample-template-left{
    display:inline-block;
    float:left;
}
.sample-template-p-1 {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 18px;
    color:#333;
    line-height: 140%;
    letter-spacing:-0.03em;
}
.sample-template-p-2 {
    font-weight: 300;
    font-size: 14px;
    color: #666;
    line-height: 140%;
    letter-spacing: -0.03em;
}
.sample-template-right{
    display:inline-block;
    float:right;
    padding-top:2px;
}
.sample-template-right .btn-30{
    margin-left:15px;
}
.btn-30-tooltip {
    display: none;
    position: absolute;
    width: 200px;
    left: -9%;
    top: 38px;
    padding-top: 6px;
    z-index: 10;
}
.btn-30-tooltip-in {
    display: block;
    padding: 11px 12px 9px 12px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 4px 4px 6px rgb(0 0 0 / 5%);
    border-radius: 6px;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: -0.03em;
    line-height:150%;
    color:#444;
    text-align:left;
}
.btn-30-tooltip-txt{
    display:block;
    overflow:hidden;
    max-height:40px;
}
.btn-30-tooltip::before {
    position: absolute;
    content: '';
    width: 15px;
    height: 7px;
    top: 0;
    left: 8%;
    background: url(../imgs/common/btn_30_tooltip.png) no-repeat top left;
    z-index: 11;
}
.btn-30:hover .btn-30-tooltip {
    display: block;
}
/* 포트만들기 팝업 */
.input-cond-cont {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #f5f7f9;
}
.box_condLeft,
.box_condRight {
    height: 380px;
    overflow-y: auto;
}
.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;
    font-weight:bold;
    color:#333;
    line-height: 30px;
    cursor: pointer;
}
.box_condLeft li:hover {
    background:#f5f7f9;
}
.box_condLeft li img {
    margin-right:4px;
}
.box_condLeft li.on {
    color:#ff6600;
    font-weight:600;
    background:#f5f7f9;
}
.box_condLeft .depth1 {
    width:100%;
    line-height:34px;
    font-weight:600;
    overflow: hidden;
}
.box_condLeft .depth2_none span {
    padding-left:30px;
}
.box_condLeft .depth2 {
    font-weight:600;
}
.box_condLeft .depth2 img {
    padding-left:30px;
}
.box_condLeft .depth3{
    display:none;
}
.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%;
}
.box_condTitle {
    border-bottom:2px solid #ddd;
    padding-bottom:6px;
    margin-bottom:9px;
}
.box_condTitle .condName {
    position:relative;
    font-size:15px;
    font-weight:600;
    color:#ff6600;
    margin-bottom: 8px;
}
.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/common/ico_dot.png) no-repeat left center;
}
.bcs2-item-line .radio-style-4-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:99%;
    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:30px;
    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;
}

/*  슬라이더 */
.slide-fade {
    position: relative;
    width: 100%;
    height: 90px;
    margin: 0 auto;
    margin-bottom: 15px;
    border-style: solid;
    border-color: #cecece;
    border-width: 0 0 1px 0;
    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 {
    width: 100%;
    bottom: 3px;
    left: 12px;
    text-align: center;
}
.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: 45px;
}
.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/common/pbi_bg1.png) no-repeat center center;
    background-size: cover;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    overflow: hidden;
}
.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/common/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/common/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/common/pbi_bar_2.gif) no-repeat right center;
}
.select-style-box .select-price em{
    font-weight:800;
    font-size:24px;
    color:#ff5722;
    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/common/select_ico_arr_down.png) no-repeat left center;
}
.select-style-box .select-p.toggle .select-ico{
    background:url(../imgs/common/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{
    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/common/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.type-3{
    width:184px;
    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/common/pbi_sale_ico.png) no-repeat left top;
}
.pbi-event-text,
.pbi-sale-text {
    display:none;
    padding-top: 13px;
    font-size: 14px;
    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;
}
.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/common/pbi_bar_3.gif) no-repeat right center;
}
.sd-text-1 em{
    font-size:26px;
    color:#ff5722;
}
.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;
}
.sd-right .btn,
.sd-right .btn img,
.sd-right .input-span {
    vertical-align: middle;
}
.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: #bdbdbd;
    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:#ff5722;
    border-color:#ff5722;
}
.tab-style-4 .tab-content-2 {
    display: none;
}
.tab-style-4 .tab-content-2.on{
    display:block;
}
/* 안내사항, 환불규정 */
.terms-box {
    overflow: auto;
    height: 160px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}
.terms-box-in {
    padding: 16px 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%;
}
.stepper-box{
    display:inline-block;
}
.stepper-wrap {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    font-size: 16px;
    vertical-align:middle;
}
.stepper-wrap input {
    text-align: right;
}
.stepper-btn-wrap {
    position: absolute;
    display:inline-block;
    top: 0;
    right: 1px;
    width: 15px;
    height: 100%;
    overflow: hidden;
    border: 1px solid #bbb;
    border-left: 0;
    /* Border Radius */
    -webkit-border-radius: 0 2px 2px 0; /* Saf3-4, iOS 1-3.2, Android <1.6 */
       -moz-border-radius: 0 2px 2px 0; /* FF1-3.6 */
            border-radius: 0 2px 2px 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border: */
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    /* Background Gradient */
    background-color: #eee;
    /* Box Sizing */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.stepper-btn-wrap .stepper-btn-up,
.stepper-btn-wrap .stepper-btn-dwn{
    display: block;
    height: 45%;
    overflow: hidden;
    line-height: 100%;
    text-align: center;
    text-decoration: none;
    cursor: default;
    color: #666;
    /* Box Sizing */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.stepper-btn-wrap .stepper-btn-up:hover,
.stepper-btn-wrap .stepper-btn-dwn:hover {
    background: rgba(255, 255, 255, 0.5);
}
/* table */
.tbl-vertical {
    position:relative;
    letter-spacing: 0;
}
.tbl-vertical table{
    table-layout:fixed;
}
.tbl-vertical th,
.tbl-vertical td{
    border:1px solid #ddd;
}
.tbl-vertical th {
    text-align: center;
    background:#f1f3f5;
    font-size:13px;
    font-weight:600;
    color:#424242;
    padding:10px;
}
.tbl-vertical th.buy {
    background:#fcecec;
}
.tbl-vertical th.sell {
    background:#e1f1f8;
}
.tbl-vertical th.title {
    background:#efefef;
}
.tbl-vertical th.subtitle {
    background:#fcfcfc;
}
.tbl-vertical th.taL {
    text-align: left;
}
.tbl-vertical th.divide {
    border-bottom:2px solid #ccc;
}
.tbl-vertical tr.bg_chngDate {
    background:#e1f1f8;
}
.tbl-vertical th.tradeLst {
    background: #143b58;
    color: #fff;
    border: 1px solid #143b58;
}
.tbl-vertical tr.tradeLst_02 th {
    background: #d3d9de;
    border: 1px solid #cacaca;
}
.tbl-vertical .brn{
    border-right:none;
}
.tbl-vertical td.text-center {
    text-align: center;
}
.tbl-vertical td.text-right,
.tbl-vertical td.taR{
    text-align: right;
    padding-right:8px;
}
.tbl-vertical td.text-left,
.tbl-vertical td.taL{
    text-align: left;
    padding-left: 8px;
}
.tbl-vertical td.divide {
    border-bottom:2px solid #ccc;
}
.tbl-vertical td.bg_vi {
    background:#fcd8d8;
}
.tbl-vertical td.bg_buy {
    background:#f03636;
    color:#fff;
}
.tbl-vertical td.bg_sell {
    background:#177cd2;
    color:#fff;
}
.tbl-vertical td.td-height-1 {
    height:80px;
}
.tbl-vertical td.td-height-2 {
    height: 50px;
}
.tbl-vertical td.emptyLst {
    padding:20px 0;
}
.tbl-vertical td {
    padding:8px;
    line-height:18px;
    font-size:13px;
    color:#333;
    background:#fff;
}
.tbl-vertical .td-text-1{
    padding-left:14px;
    padding-right:14px;
    font-size:13px;
}
.tbl-vertical td.stockRank {
    padding:10px 12px;
}
.tbl-vertical td.table-in-table{
    padding:20px;
    background:#f5f8fa;
}
.tbl-vertical td .tblRate {
    font-family:'Roboto', sans-serif;
    font-size:16px;
    letter-spacing: 0;
}
.tbl-vertical td span.top {
    display:block;
    color:#666;
    margin-bottom:10px;
}
.tbl-vertical td .tdU {
    text-decoration: underline;
    cursor: pointer;
}
.tbl-vertical td em {
    font-size:14px;
    font-weight:600;
    color:#555;
}
.tbl-vertical input[type=text] {
    border:1px solid #ccc;
    padding:6px 8px;
}
.tbl-vertical.type-2{
    border-width:1px 1px 0 1px;
}
.tbl-vertical.type-2 th,
.tbl-vertical.type-2 td{
    border-right-width:0;
}
.tbl-vertical.type-2 th{
    border-bottom:0;
}
.tbl-vertical-scroll-head,
.tbl-vertical-scroll {
    border: 1px solid #ddd;
    border-color:#ddd;
    border-width:1px;
}
.tbl-vertical-scroll-head {
    border-bottom: 0;
}
.tbl-vertical-scroll{
    height: 300px;
    overflow-y: auto;
}
.tbl-vertical-scroll-head th {
    border-bottom: 0;
}
.tbl-vertical-scroll-head th,
.tbl-vertical-scroll td{
    border-right:0;
}
.tbl-vertical td.bg_chng {
    background:#fff2ba;
}
.tbl-horizon table {
    border-collapse: collapse;
    border: 1px solid #ddd;
}
.tbl-horizon th {
    background:#f1f3f5;
    font-size:13px;
    font-weight:600;
    color:#424242;
    padding:20px 10px;
}
.tbl-horizon th.buy {background:#ffe8e8;}
.tbl-horizon th.blg-rgt {border-right: 1px solid #bbb;}
.tbl-horizon th.trade {padding:12px;}
.tbl-horizon th.blB {border-bottom:1px solid #ddd;}
.tbl-horizon td {
    padding:14px 14px;
    color:#333;
    letter-spacing: 0;
    border:1px solid #ddd;
}
.tbl-horizon td.taC {text-align: center;}
.tbl-horizon td.taL {text-align: left;}
.tbl-horizon td.taR {text-align: right;}
.tbl-horizon td.bg-gray {background:#f5f7f9;}
.tbl-horizon td.blg-bttm {border-bottom: 1px solid #bbb;}
.tbl-horizon td.blg-rgt {border-right: 1px solid #bbb;}
.tbl-horizon td.trade {padding:12px;}
.flow-exp-text-box {
    overflow: hidden;
    text-align: right;
    font-size: 12px;
    color: #333;
}
.fet-in {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    line-height: 32px;
    padding:0 15px;
    margin-left: 10px;
    background: #f3f3f3;
}
.flow-exp-text-box .p-1{
    vertical-align:middle;
}
.flow-exp-text-box .p-2{
    font-size:20px;
}
.orange-link {
    color: #ff6600;
    text-decoration:underline;
}
.tbl-disabled table {
    filter: blur(3px);
}
.tbl-disabled .disabled-text-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    padding-top: 35px;
}
.tbl-disabled .disabled-text-1{
    margin-bottom:8px;
    font-weight:600;
    font-size:13px;
    color:#424242;
    letter-spacing:-0.03em;
    line-height:110%;
}
.tbl-disabled .disabled-text-link {
    font-weight: 600;
    font-size: 11px;
    color: #458fff;
    letter-spacing: -0.03em;
    line-height: 110%;
    text-decoration:underline;
}
/* 포트 만들기 */
.flow-tab{
    position:relative;
}
.flow-tab-header {
    overflow: hidden;
    margin-bottom: 30px;
    background: #f1f3f5;
    border-radius: 6px;
}
.flow-tab .flow-tab-btn {
    position: relative;
    float: left;
    width: 25%;
    color: #333;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
}
.flow-tab .flow-tab-btn-in {
    display:block;
    padding: 22px 20px;
    border-right: 1px solid #d2d2d2;
    font-weight:700;
}
.flow-tab .flow-tab-btn .sub-text{
    display:block;
    padding-top:8px;
    font-size:13px;
    font-weight:normal;
}
.flow-tab .flow-tab-btn.on {
    color: #fff;
    background: #ff5722;
}
.flow-tab .flow-tab-btn.last .flow-tab-btn-in{
    border-right:none;
}
.sample-complate-box {
    position: absolute;
    top: 72px;
    right: -18px;
    display: none;
    z-index: 10;
    width: 265px;
    padding: 12px 5px 12px 12px;
    background: #fff;
    border: 1px solid #ff5722;
    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;
}
.sample-complate-box::before {
    position: absolute;
    content: '';
    width: 15px;
    height: 7px;
    top: -7px;
    left: 14%;
    background: url(../imgs/common/sample_complate_arr.png) no-repeat top left;
    z-index: 11;
}
.sample-complate-box em{
    font-weight:700;
    color:#ff7522;
}
.filter-tooltip {
    position: absolute;
    top: -60px;
    left: 4px;
    display: block;
    z-index: 10;
    padding: 9px 16px 9px 13px;
    background: #fff;
    border: 1px solid #ff5722;
    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:#ff7522;
}
.flow-tab-content {
    display: none;
}
.flow-tab-content.on{
    display:block;
}
.flow-tab-header-2 {
    clear:both;
    margin-bottom: 30px;
    height:60px;
    border-bottom: 1px solid #f83838;
}
.flow-tab-2 .flow-tab-btn-2 {
    position:relative;
    float: left;
    text-align: center;
    min-width: 13%;
    height:59px;
    line-height:59px;
    padding: 0 1%;
    border: 1px solid #ddd;
    border-right-width:0;
    border-bottom-color: #f83838;
    background: #f6f6f6;
    font-size: 15px;
    color: #888;
    cursor:pointer;
}
.flow-tab-2 .flow-tab-btn-2.last{
    border-right-width:1px;
}
.flow-tab-2 .flow-tab-btn-2.on {
    background: #fff;
    border: 1px solid #f83838;
    border-bottom-color: #fff;
    color: #f83838;
    font-weight: 600;
}
.flow-tab-content-2 {
    display: none;
    margin-bottom:10px;
}
.flow-tab-content-2.on{
    display:block;
}
.flow-bar {
    height:4px;
    background:#ddd;
    margin:20px 0 10px 0;
}
.section-newport {
    overflow: hidden;
    border: 1px solid #888;
    padding: 30px 30px 60px 30px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.sn-line{
    overflow:hidden;
    margin-bottom:30px;
}
.q-mark{
    vertical-align:middle;
    cursor:help;
}
.p-style-1{
    line-height:35px;
}
.p-style-2 {
    font-size: 13px;
    color: #333;
}
.p-style-3{
    font-size:12px;
    color:#666;
    line-height:130%;
}
.p-style-4 {
    font-size: 12px;
    color: #f83838;
    line-height:160%;
}
.p-style-5 {
    padding-top:10px;
    font-size: 13px;
    line-height: 150%;
    color: #333;
    text-align: center;
}
.sub-btn-line {
    height: 35px;
}
.list-box{
    margin-bottom:40px;
    border-style:solid;
    border-color:#ddd;
    border-width:1px 1px 0 1px;
}
.list-header {
    cursor: pointer;
}
.list-box td {
    padding: 12px 0;
    line-height: 140%;
    font-size: 13px;
    color: #666;
    border-bottom: 1px solid #ddd;
    position:relative;
}
.list-header .icn-right{
    position:absolute;
    display: block;
    height: 100%;
    width: 52px;
    right: 0;
    top: 0;
    background: url(../imgs/common/list_off.gif) no-repeat center center;
}
.list-header.on .icn-right {
    background: url(../imgs/common/list_on.gif) no-repeat center center;
}
.list-header .td-1 {
    background: url(../imgs/common/icn_bar.gif) no-repeat right center;
    padding-left:20px;
}
.list-header .td-2 {
    padding-left: 20px;
    padding-right: 20px;
}
.list-content {
    display: none;
}
.list-content.on{
    display:table-row;
}
.list-content td{
    background:#fcfcfc;
}
.list-content .td-2{    
    padding-left: 20px;
    padding-right: 20px;
    line-height:170%;
}
.line-style-1 {
    display:block;
    border-top: 2px dashed #bbb;
    margin: 40px 0;
}
.icn_coin_list{
    margin-right:14px;
}

/* 포트 관리*/
.port-ctrl-top {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}
.box-ctrl-btns .btn-pop-side{
    cursor: pointer;
}
.span-tip{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 3px;
    vertical-align: middle;
    cursor: help;
    background: url(../imgs/common/icn_tip.png)no-repeat center center;
}
.section-portmng-top{
    overflow:hidden;
    min-height:32px;
}
.section-portmng-top.margin-2{
    margin-bottom:32px;
}
.section-portmng-top-text {
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    vertical-align: middle;
}
.section-portmng-top-text-2{
    line-height:26px;
    vertical-align:middle;
}
.btn_popSide.type-2 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.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;
}
.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;
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:800px;
    font-size: 14px;
    text-align: right;
    color: #606060;
    letter-spacing: -0.025em;
    line-height:30px;
}
.port-manage-bot-arr-box{
    height:40px;
    clear:both;
}
.port-manage-bot-arr-box .arr-box{
    height:100%;
}
.port-manage-bot-arr-box .arr-box.on{
    background:url(../imgs/sub/icn_arr.png) no-repeat center center;
}
.pmmb-item {
    display: block;
}
.portmanage-my-box-con {
    padding: 13px 0;
    background: #f5f7f8;
    text-align: center;
}
.pmbc-item,
.pmbc-bar {
    display: inline-block;
    font-size: 14px;
    color: #606060;
    letter-spacing:-0.025em;
}
.pmbc-item{
    width:34%;
    padding-left:10px;
    background:url(../imgs/common/ico_dot.png) no-repeat left center;
    text-align:left;
}
.pmbc-text-2 {
    font-weight: 900;
    color: #143b58;
}
.pmbc-bar{
    margin:0 6%;
}
.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: 13px;
    color: #888;
    font-size: 10px;
    font-weight: normal;
    vertical-align: middle;
    background: url(../imgs/common/icn_dot.png) no-repeat right center;
}
.port-tag-style-4 {
    display: inline-block;
    color: #f93939;
    font-weight:600;
    font-size: 10px;
    vertical-align: middle;
    letter-spacing:-0.04em;
    margin-left:3px;
}
.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: 3px;
}
.port-tag-wrap-1 .port-tag-style-3:last-child,
.port-tag-style-3.last {
    background: none;
    padding-right: 0;
}
.btn-radio-style {
    position:relative;
    display: inline-block;
    width:30px;
    height:16px;
    background: #eee;
    border-radius:8px;
    transition: background-color 0.3s;
    vertical-align:middle;
    cursor:pointer;
}
.btn-radio-style .btn-radio-icon{
    position:absolute;
    display:inline-block;
    height:14px;
    width:14px;
    top:1px;
    left:1px;
    border-radius:7px;
    background:#fff;
    transition:left 0.3s;
}
.btn-radio-style.checked{
    background:#ff5722;
} 
.btn-radio-style.checked .btn-radio-icon{
    left:15px;
}
/* 태그 색값 */
/* 백테스트, 가상, 실전 */
.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-a5{color:#f90b84 !important;}
.icn-color-a6{color:#ff5722 !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 {
    font-size: 22px;
    color: #ff5722;
}
.portName .port-tag-style-id {
    margin-right: 9px;
    padding-right: 16px;
    line-height: 130%;
    font-weight: 700;
    background: url(../imgs/sub/tag_id_bar.gif) no-repeat right center;
}
.ico-porttype-size-l {
    display: inline-block;
    font-size: 15px;
    margin-right: 4px;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    color: #fff;
}
.ico-porttype-size-m {
    display: inline-block;
    font-size: 13px;
    padding: 0 5px;
    min-width: 44px;
    height: 24px;
    line-height: 24px;
}
.number_rank {
    display: inline-block;
    width: 16px;
    margin-right: 8px;
    font-size: 12px;
    color: #777;
    text-align: center;
}
.section_portMng,
.port-manage-bot-arr-box .arr-box {
    width: 47%;
}
.section-btn-ctrl{
    width:6%;
    padding-top:32px;
    float:left;
}
.btn-port-ctrl {
    display: table;
    width: 40px;
    height: 188px;
    border: 1px solid #cccccc;
    background: #eeeeee;
    text-align: center;
    transition: 0.2s;
    margin: 0 auto;
    margin-bottom: 11px;
}
.btn-port-ctrl-bot{
    margin-bottom:0;
}
.btn-port-ctrl-in {
    display: table-cell;
    vertical-align: middle;
}
.btn-port-ctrl em{
    display:block;
    margin-bottom:4px;
    font-size:10px;
    font-weight:bold;
    color:#4f453c;
}
.btn-port-ctrl:hover {
    background:#e2e2e2;
    cursor: pointer;
}
.box_fullDetail_title {
    overflow: hidden;
    margin-bottom: 15px;
}
.bfdt-top{
    overflow:hidden;
}
.bfdt-top .port-tag-style-2{
    margin-right:5px;
}
.box_fullDetail_title .portName {
    overflow: hidden;
    float:left;
    max-width:50%;
    font-size: 22px;
    font-weight: 500;
    color: #333;
    letter-spacing: -1px;
    line-height:130%;
}
.portName-text {
    display:inline-block;
    font-family: 'Noto Sans KR', sans-serif;
    max-width: 530px;
    vertical-align: middle;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}
.box_fullDetail_title .portInfo {
    width: 100%;
    overflow: hidden;
    padding-top: 8px;
    color:#666;
}

.box_fullDetail_title .portInfo_full {
    width:100%;
    background:#f5f7f9;
    overflow: hidden;
    padding:12px 10px;
    box-sizing: border-box;
}
.box_fullDetail_title .portInfo.type-2{
    width: 66%;
    padding-top:17px;
}
.box_fullDetail_title .portInfo_full.type-2 {
    margin-top:10px;
}
.portFunc{
    float:right;
    max-width:48%;
    padding-top:5px;
    text-align:right;
}
.box_fullDetail_rates{
    position:relative;
    overflow:hidden;
    margin-bottom:30px;
}
.rate-box-mask {
    display:table;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.30);
}
.rate-box-mask-txt{
    display:table-cell;
    vertical-align:middle;
    font-weight:700;
    font-size:18px;
    line-height:150%;
    color:#fff;
}
.rate_leftBox,
.rate_rightBox {
    background: #f5f7f9;
}
.rate_leftBox {
    float: left;
    width: 49%;
}
.rate_rightBox {
    float:right;
    width: 49%;
}
.box_fullDetail_rates .rate-box-in {
    overflow:hidden;
    padding: 14px 20px;
}
.box_fullDetail_rates .rate{
    float:left;
    text-align:center;
}
.box_fullDetail_rates .rate_leftBox .rate {
    width: 25%;
}
.box_fullDetail_rates .rate_rightBox .rate {
    width: 33.33%;
}
.box_fullDetail_rates .rate-title {
    display: block;
    margin-bottom: 10px;
    color: #424242;
}
.box_fullDetail_rates .rate em {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
}
.box_fullDetail_rates .won{
    display:inline-block;
    color:#000;
    font-size:13px;
}
.full-detail-tab{
}
.full-detail-tab-header {
    clear: both;
    margin-bottom: 25px;
    height: 49px;
    border-bottom: 1px solid #f83838;
}
.full-detail-tab .full-detail-tab-btn {
    position: relative;
    float: left;
    text-align: center;
    width: 130px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #ddd;
    border-right-width: 0;
    border-bottom-color: #ff5722;
    background: #f6f6f6;
    font-size: 15px;
    color: #666;
    cursor: pointer;
}
.full-detail-tab .full-detail-tab-btn:last-child,
.full-detail-tab .full-detail-tab-btn.last{
    border-right-width:1px;
}
.full-detail-tab .full-detail-tab-btn.on{
    border-right-width:1px;
    background:#fff;
    border-color:#ff5722;
    border-bottom-color:#fff;
    color:#ff5722;
    font-weight:600;
}
.btn-totop {
    clear:both;
    text-align:right;
}
.full-detail-tab-content{
    position:relative;
    display:none;
}
.full-detail-tab-content.on{
    display:block;
}
.winRate_full{
    float:left;
    width:32%;
    margin-right:2%;
}
.winRate_full.fr {
    float: right;
    margin-right:0;
}
.winRate_full.size-2 {
    width: 49%;
}
.fd-graph-wrap {
    overflow: hidden;
}
.fd-graph-box {
    position: relative;
}
.fd-graph-box-in {
    height: 250px;
    overflow: hidden;
    text-align: left;
    border: 1px solid #ddd;
    padding: 30px 20px;
}
.fd-graph-box-in.type-2{
    height:300px;
    padding-bottom:0;
}
.fd-graph-box-in-2{
    height:250px;
}
.fd-graph-box-in-3 {
    height: 373px;
}
.fd-graph-box-btn, 
.fd-graph-btn-div-r {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 10;
}
.fd-graph-btn-div {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 10;
}
.fd-graph-box.type-2 .fd-graph-box-in {
    height: 373px;
}
.fd-graph-box .fd-graph-box-in.type-3 {
    height: auto;
    padding-bottom: 15px;
}
.fd_subBox {
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 30px;
}
.fd_subBox .box_rateGraph {
    text-align: center;
    padding:20px;
    border:1px solid #ccc;
}
.box_tradeCond {
    width:48%;
    overflow: hidden;
}
.condition {
    padding: 15px;
    border: 1px solid #ddd;
}
.condition .full {
    padding-bottom: 8px;
    font-size:15px;
    font-weight:600;
    color:#333;
    border-bottom:3px solid #ddd;
}
.condition .full .title_buy {
    width:76px;
    padding:5px 0;
    background:#f83838;
    text-align: center;
    color:#fff;
    font-size:13px;
    display:inline-block;
    margin-right:10px;
    border-radius:3px;
}
.condition .full p.title_sell {
    width:76px;
    padding:5px 0;
    background:#177cd2;
    text-align: center;
    color:#fff;
    font-size:13px;
    display:inline-block;
    margin-right:10px;
    border-radius:3px;
}
.condition .condEx {
    position:relative;
    height:170px;
    min-height:170px;
    overflow-y: auto;
    resize:vertical;
}
.condition .condEx p{
    padding:10px 10px;
}
.condition .condEx p:last-child {
    padding-bottom:0;
}
.condition .condEx p.none {
    text-align: center;
    margin-top:70px;
    color:#888;
}
.condition .condEx .none_lock {
    text-align: center;
    padding-top:40px;
    color:#888;
}
.condition .condEx span {
    width:20px;
    display: inline-block;
    text-align: center;
    font-weight:600;
    font-size:14px;
    padding-right:10px;
}
.condition .condEx em {
    font-size:13px;
    color:#555;
}
.rate-chart {
    border: 1px solid #ddd;
    text-align: center;
    padding: 20px;
    margin-bottom:30px;
}
.num_rank {
    display: inline-block;
    font-family: Tahoma, sans-serif;
    font-size: 10px;
    color: #fff;
    text-align: center;
    width: 9px;
    height: 9px;
    line-height: 9px;
    border-radius: 5px;
}
.graph-btn-box{
    padding-top:10px;
}
.btn-pm-text {
    display: inline;
    line-height: 22px;
    padding: 0 19px;
    font-size: 11px;
    color: #000;
    vertical-align: middle;
}
.table-top-right-btn-box{
    display:inline-block;
    float:right;
    font-weight:300;
    font-size:12px;
}
/* 거래내역 - 날짜별 보기 상세 --------------------- */
.section_tradingLst {
    background: #f5f8fa;
    padding: 20px;
}
.txt_tradingDetail {
    display:inline-block;
    font-size:11px;
    color:#ff6600;
    margin-top:8px;
    margin-left:10px;
}
.txt_tradingDetail span {
    text-decoration: underline;
    cursor: pointer;
}
/* 거래내역 - 매매사유 자세히 ---------------------- */
.box_tradeReason {
    width:80%;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
    border:1px solid #bbb;
    overflow: hidden;
    border-radius:4px;
}
.box_tradeReason li.head {
    background:#eee;
    padding:8px 0;
    font-weight:600;
    border-bottom:1px solid #bbb;
    border-radius:5px 5px 0 0;
}
.box_tradeReason li.list {
    text-align: left;
    padding:8px 0;
    border-bottom:1px dashed #ddd;
}
.box_tradeReason li.list:last-child {
    border-bottom:none;
}
.box_tradeReason li.list span {
    display:inline-block;
    width:40px;
    text-align: center;
    font-weight:600;
}
.box_tradeReason li.list .txt_slctCond_buy {
    font-size:13px;
    color:#ff6f6f;
}
.box_tradeReason li.list .txt_slctCond_sell {
    font-size:13px;
    color:#177cd2;
}
/* 젠마켓 포트비교 ----------------------- */
.section_portCompare {
    position: fixed;
    bottom: 0px;
    left: 50%;
    margin: 0 0 0 -437px;
    width: 874px;
    border-style: solid;
    border-color: #b2b2b2;
    border-width: 1px 1px 0 1px;
    border-bottom: none;
    background: #fff;
    border-radius: 6px 6px 0 0;
    z-index: 100;
}
/* 젠마켓 필터 */
.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', sans-serif;
    font-size:10px;
    color:#ff6e0b;
    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 {
    min-height: 22px;
    margin-bottom:15px;
}
.gth2-left {
    float: left;
}
.gth2-right {
    display:inline-block;
    float: right;
}
.genmart-tab-header-2 select, 
.genmart-tab-header-2 input[type=text]{
    height:20px;
    line-height:20px;
    padding-top:0;
    padding-bottom:0;
}
.genmart-tab-header-2 select,
.genmart-tab-header-2 span,
.genmart-tab-header-2 input{
    vertical-align:middle;
}
.filter-pop-box {
    display: none;
    position: absolute;
    left: -12px;
    top: 29px;
    z-index: 20;
}
.filter-pop-box-in {
    position: relative;
    overflow: hidden;
    min-width: 380px;
    background: #fff;
    margin-top: -1px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    padding: 23px 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-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: 39px;
    margin-right: 5px;
    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;
}
.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;
}
/* 포트비교 > 타이틀 --------------------- */
.compare_titlebar {
    position:relative;
    background:#143b58;
    height:38px;
    line-height:38px;
    border:1px solid #143b58;
    overflow: hidden;
    border-radius:6px 6px 0 0;
}
.compare_titlebar .title {
    font-size:15px;
    font-weight:600;
    color:#fff;
    margin-left:15px;
}
.compare_titlebar .title span {
    padding-left: 10px;
    font-size:13px;
}
.compare_titlebar .lyrCtrl {
    position:absolute;
    right:15px;
    top:0;
    height:100%;
    padding-right:17px;
    font-size:13px;
    color:#fff;
    cursor: pointer;
    background:url(../imgs/common/btn_compare_off.png) no-repeat right center;
}
.compare_titlebar .lyrCtrl.on{
    background:url(../imgs/common/btn_compare_on.png) no-repeat right center;
}
.compare_titlebar .lyrCtrl .on-text{
    display:none;
}
.compare_titlebar .lyrCtrl.on .off-text{
    display:none;
}
.compare_titlebar .lyrCtrl.on .on-text{
    display:block;
}
.data-picker-style-2 {
    font-size: 13px;
    color: #333;
    background: url(../imgs/common/datapicker_img.png) no-repeat center right 6px;
}
/* 포트비교 - 컨텐츠 --------------------- */
.compare_cont {
    position: relative;
    display: none;
    height: 140px;
    background: #fff;
}
.box_portCompare {
    margin-right:130px;
    height:124px;
    padding:14px 20px 0 20px;
    overflow-y: hidden;
    overflow-x: auto;
}
.box_portCompare-in {
  width: 900px;
}
.box_portCompare li:last-child {
    padding-right:0;
}
.compareBox {
    float:left;
    width:160px;
    margin-right:20px;
}
.compareBox .box {
    display:block;
    padding:10px;
    background:#fff;
    border:1px solid #ddd;
    margin-bottom:6px;
    border-radius:6px;
    transition:0.3s;
    cursor: pointer;
}
.compareBox .box:hover {
    border-color:#bbb;
    background:#fcfcfc;
}
.compareBox .box .title {
    display:block;
    margin-bottom:6px;
    font-size:13px;
    color:#333;
    font-weight:bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.compareBox .box em {
    display:block;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
}
.compare_cont .box_btns {
    display:table;
    position:absolute;
    right:0;
    top:0;
    width:130px;
    height:100%;
    background:#f1f3f5;
    text-align: center;
}
.compare_cont .box_btns-in{
    display:table-cell;
    vertical-align:middle;
}
.compare_cont .box_btns span {
    margin:3px 0;
}
/* 젠톡 --------------------------------------- */
.fd_genTalk {
    background:#f5f7f9;
    padding:20px;
}
.gentalk-item-box{
    margin-bottom:10px;
}
.fd_genTalk .title {
    border-bottom: 2px solid #ddd;
    overflow: hidden;
}
.gentalk_title-l {
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    color: #333;
}
.gentalk_title-r {
    float: right;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    color: #666;
}
.gentalk_title-l .sub-text {
    font-size: 12px;
    color: #f83838;
    vertical-align: middle;
}
.fd_genTalk .cont_input {
    margin-top: 10px;
    overflow: hidden;
}
.fd_genTalk .cont_input textarea {
    border:1px solid #d2d2d2;
    width:83%;
    padding:10px;
}
.fd_genTalk .cont_talkLst {    
    border-bottom:1px dashed #ddd;
    padding:14px;
}
.fd_genTalk .cont_talkLst-header {
    position:relative;
    overflow:hidden;
    margin-bottom:10px;
    font-size: 12px;
    color: #333;
    font-weight: bold;
}
.cth-text-1{
    margin-right:18px;
    vertical-align:middle;
}
.cth-text-2 {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #888;
    font-weight: normal;
    letter-spacing: 0;
    vertical-align: middle;
}
.cth-del {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width:12px;
    height:12px;
    background: url(../imgs/common/icn_del_reply.png) no-repeat center center;
    cursor:pointer
}
.fd_genTalk .cont_talkLst .talkCont {
    line-height: 20px;
    letter-spacing: 0;
    font-size: 13px;
    color: #333;
}
.btn-gentalk {
    display:block;
    width: 150px;
    height: 97px;
    line-height:97px;
    border: 1px solid #f83838;
    color: #f83838;
    background: #fcfcfc;
    box-shadow: inset 0px -3px 2px #d8d8d8;
    transition: 0.2s;
    border-radius: 4px;
    text-align:center;
}
.btn-gentalk:hover {
    background: #fff;
    box-shadow: none;
    cursor: pointer;
}
.gentalk-input-box{
    position:relative;
}
.gentalk-textarea-box{
    padding-right:22%;
}
.gentalk-textarea-box textarea{
    width:100%;
    height:99px;
}
.gentalk-btn-box{
    position:absolute;
    right:0;
    top:0;
}
.vi_infotxt {
    margin-bottom: 6px;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    color: #666;
    vertical-align: middle;
}
.vi_colobox-pink {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #fcd8d8;
    margin-right: 3px;
    vertical-align:middle;
}
.scroll-x-box{
    overflow-x:auto;
}
.chartRTsmall {
    height: 32px;
    margin: auto;
    overflow: hidden;
    padding: 0 70px;
    z-index: 10;
}
.box_condChngInfo {
    margin-bottom: 20px;
    background: #f3f3f3;
    text-align: center;
    padding: 15px 10px;
    border-radius: 6px;
    font-size:15px;
}
/* 백테스트 포트리스트 ----------------------------- */
.area_slctPort {
    width:48.5%;
    overflow: hidden;
}
.section_backPort {
    width:100%;
    overflow: hidden;
}
.box_backLst {
    height:180px;
    border:1px solid #ddd;
    background:#fff;
    overflow-y: auto;
    overflow-x: hidden;
}
.graph-box {
    overflow:hidden;
    border: 1px solid #ddd;
    padding: 30px 20px;
}
.int-group{
    overflow:hidden;
    margin-bottom:15px;
}
.select-stock {
    float: left;
    width: 43%;
}
.select-stock-in {
    overflow: hidden;
    border: 1px solid #b2b2b2;
    border-radius: 5px 5px 0 0;
}
.int-group-sub-title {
    line-height: 40px;
    background: #153d5f;
    font-size: 13px;
    color: #fff;
    line-height: 40px;
    padding-left: 14px;
}
.int-group-sub-title .width-box {
    display:inline-block;
    text-align:center;
}
.stock-tree{
    height:203px;
    overflow-y:auto;
    background:#fff;
}
.stock-tree li{
    cursor:pointer;
    font-weight:300;
}
.stock-tree .depth-1-p{
    display:block;
    padding-left:10px;
    font-size:13px;
    line-height:150%;
}
.stock-tree .depth-1.on .depth-1-p{
    background-color: #c2c2c2;
}
.stock-tree .depth-2{
    padding-left:10px;
}
.stock-tree .depth-2-p{
    display:block;
    padding-left:20px;
    font-size:13px;
    line-height:150%;
    background:url(../imgs/common/icn_folder_close.png) no-repeat 0 center;
}
.stock-tree .depth-2.on .depth-2-p{
    background:url(../imgs/common/icn_folder_open.png) no-repeat 0 center;
}
.stock-tree .depth-3{
    display:none;
}
.stock-tree .depth-3 li{
    padding-left:8px;
}
.stock-tree .depth-3 li:hover,
.stock-tree .depth-3 li.on{
    background: #c2c2c2;
}
.stock-search {
    height:30px;
    padding: 5px 5px;
    background: #dce0e5;
}
.stock-search input[type=text]{
    float:left;
    width:250px;
}
.stock-search-btn {
    float:right;
    display: inline-block;
    width: 53px;
    height: 28px;
    line-height:28px;
    border: 1px solid #949494;
    background: #b4b4b4;
    text-align:center;
    cursor:pointer;
}
.stock-table{
    height:273px;
    overflow-y:auto;
    background:#fff;
}
.stock-table td {
    padding: 6px 0;
    border-bottom: 1px solid #d2d2d2;
}
.stock-table .text-left{
    padding-left:10px;
}
.stock-table tr:hover td,
.stock-table tr.on td{
    background: #ebf3f9;
}
.btn-plus{
    vertical-align: baseline;
}
.stock-center {
    width: 11%;
    float: left;
    padding-top: 420px;
    text-align: center;
}
.stock-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;
}
.stock-right{
    width:46%;
    float:right;
}
.bg-arr-box {
    padding-top: 15px;
    height: 37px;
    background: url(../imgs/common/bg_group_arrow.png) no-repeat center center
}
.stock-bot{
    clear:both;
    text-align:center;
}

/* 이용권 구매 */
.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 .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-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:#ff5722;
    border-color:#ff5722;
}
.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;
}
.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/common/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:#ff5722;
    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/common/select_ico_arr_down.png) no-repeat left center;
}
.select-style-box-2 .select-p.toggle .select-ico{
    background:url(../imgs/common/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%;
}
.btn-gpp-ok {
    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/common/btn_gpp_ok.png) no-repeat center center;
}
input[type=text].input-style-2 {
    width: 30px;
    border: none;
    text-align: center;
    font-size: 16px;
    color: #ff5555;
    letter-spacing: -0.04em;
    font-weight: 900;
    text-indent:0;
}
.sale-date {
    position: absolute;
    right: 50px;
    top: -30px;
    z-index: 10;
}

/* 젠마켓 */
.visual-box-in{
    width:1200px;
    margin:0 auto;
}
.visual-box-4 {
    display: flex;
    height: 300px;
    background-size:cover;
    margin-bottom:40px;
}
.visual-box-4 .visual-box-in{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.visual-box-4 .visual-box-ul{
    padding:33px 32px;
}
.visual-box-4 .visual-box-ul .li-1{
    color: #374054;
    font-family: "Noto Sans KR";
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -0.84px;
}
.visual-box-4 .visual-box-ul .li-2{
    color: #374054;
    font-family: "Noto Sans KR";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 57.6px */
    letter-spacing: -1.44px;
}
.visual-box-4 .visual-box-ul .li-3{
    margin-bottom:15px;
    font-size:15px;
    color:#262626;
    line-height:130%;
}
.visual-box-4 .visual-box-ul .btn-4{
    margin-top: 32px;
    display: inline-flex;
    height: auto;
    min-height: 40px;
    padding: 9px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #FFF3F3;
    color: #FF5722;
    font-family: "Noto Sans KR";
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    box-sizing:border-box;
    border:none
}
.portlist-section-1{
    overflow: hidden;
}
.portlist-section-1 .ps1-l,
.portlist-section-1 .ps1-r{
    height:105px;
    display:inline-block;
    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{
    position:relative;
}
.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%;
}
.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-3 {
    margin:0 7px;
}
.gen-b2b-ico{
    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;
}
.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 {
    float: left;
    text-align: center;
    width: 70px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    margin: 0 18px 0 0;
    font-weight: bold;
    background-color: #16c365;
    border: 1px solid #13a857;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    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;
}
.genmart-tab-header{
    overflow:hidden;
    clear:both;
    margin-bottom:15px;
    line-height:20px;
}
.genmart-tab-header select,
.genmart-tab-header input[type=text]{
    height:20px;
    line-height:20px;
    padding-top:0;
    padding-bottom:0;
}
.genmart-tab-header-line-2{
    clear:both;
}
.genmart-tab-header-line-2 .num{
    margin: 0 6px;
    font-size: 16px;
    color: #f83838;
}
.genmart-tab {
    float: left;
}
.genmart-tab.type-2{
    overflow:hidden;
    clear:both;
    width:100%;
    float:none;
    margin-bottom:15px;
}
.genmart-tab li{
    float:left;
    display:inline-block;
    vertical-align:middle;
    min-height:22px;
}
.genmart-tab li span{
    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:4px;
}
.genmart-tab-l li{
    float:left;
    display:inline-block;
}
.genmart-tab-r li{
    display:inline-block;
}
.genmart-tab-header .tab-a {
    display: inline-block;
    height:16px;
    width:16px;
    margin-left:10px;
    cursor:pointer;
}
.tab-a-thumbnail{
    background:url(../imgs/common/ico_thumbnail_off.png) no-repeat center center;
}
.tab-a-thumbnail.on,
.tab-a-thumbnail:hover{
    background:url(../imgs/common/ico_thumbnail_on.png) no-repeat center center;
}
.tab-a-list {
    background: url(../imgs/common/ico_list_off.png) no-repeat center center;
}
.tab-a-list.on,
.tab-a-list:hover{
    background: url(../imgs/common/ico_list_on.png) no-repeat center center;
}
.genmart-tab-l li {
    vertical-align:middle;
    background: url(../imgs/common/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;
}
/* ---------------- 젠마켓 > 포트결과 리스트(카드형) --------------- */
.box_portResult {
    line-height:30px;
    margin-bottom:8px;
    overflow: hidden;
}
.box_portResult span {
    padding:0 6px;
}

.box_portResult select {
    border:1px solid #ccc;
    padding:6px;
}
.box_topPort {
    overflow: hidden;
}
.portList_card { /* 포트리스트 : 카드형 */
    float:left;
    width:25%;
    height: 497px;
}
.portList_card-in { /* 포트리스트 : 카드형 */
    position: relative;
    width: 82%;
    border: 1px solid #ccc;
    padding: 15px 15px 50px 15px;
}
.portList_card-2 .portList_card-in{
    margin-left:6px;
}
.portList_card-3 .portList_card-in{
    float:right;
    margin-right:6px;
}
.portList_card-4 .portList_card-in{
    float:right;
}
.portList_title {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 18px;
    overflow: hidden;
    border-bottom: 1px solid #e7e7e7;
}

.portList_title .title{
    font-size: 15px;
    font-weight: 600;
    color: #333;
    padding: 3px 0;
    cursor:pointer;
}
.portList_title .portNum {
    background:#666666;
    font-family:'Roboto', sans-serif;
    font-size:12px;
    color:#fff;
    text-align: center;
    padding:3px 6px;
    border-radius:3px;
    margin-right:4px;
}

.portList_title .port-tag-wrap-1 {
    margin-bottom:8px;
}

.portList_title creator {
    display:inline-block;
    overflow: hidden;
}
.portList_title .creator span {
    color:#666;
    padding-right:10px;
}
.portList_title .creator em {
    font-size:13px;
}
.portList_title .creator span.copybox {
    font-size:12px;
    color:#666;
    margin-left: 10px;
    font-family: 'Roboto', sans-serif;
}
.portList_gage {
    width:100%;
    overflow: hidden;
    padding:16px 0;
}
.portList_gage p {
    width:50%;
    text-align: center;
}
.portList_gage p span {
    display: block;
    padding-bottom:10px;
    font-size:12px;
    color:#333;
}
.portList_rateBox {
    width:100%;
    overflow: hidden;
}
.portList_rateBox .title {
    font-size:13px;
    font-weight:600;
    color:#333;
    line-height:120%;
    margin-bottom:5px;
}
.portList_rateBox .cont {
    border:1px solid #ddd;
    overflow: hidden;
    padding:5px 10px;
}
.portList_rateBox .cont .graphbox {
    overflow: hidden;
    display:inline-block;
    width: 40%;
    height: 32px;
    float:left;
    padding-top:4px; 
}
.portList_rateBox .cont .ratebox {
    float:right;
    width:55%;
    text-align: right;
}
.portList_rateBox .cont .ratebox span {
    font-family: 'Roboto', sans-serif;
    font-size:20px;
    font-weight:500;
    display: block;
}
.portList_rateBox .cont .ratebox em {
    font-size:12px;
    color:#666;
}
.portList_rateBox .cont .cont-text-l{
    display:inline-block;
    float:left;
    width:61%;
    padding:6px 0;
    font-size:12px;
    font-weight:bold;
    color:#666;
    letter-spacing:-0.05em;
}
.cont-text-r {
    display:inline-block;
    float: right;
    width: 38%;
    text-align: right;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #f83838;
    letter-spacing:-0.05em;
}
.cont-text-r em{
    font-size:18px;
}
.lyr_func { /* 카드형 - 기능레이어 */
    position: absolute;
    width: 100%;
    height: 26px;
    bottom: 0;
    left: 0;
    background: #d5d7d9;
    overflow: hidden;
    font-size: 12px;
    padding-top: 10px;
}
.lyr_func-item {
    float:left;
    display:inline-block;
    width:50%;
    text-align: center;
    color:#333;
}
/* ---------------- 젠마켓 > 포트결과 리스트(리스트형) --------------- */
.section_portLst {
    width:100%;
}
.section_portLst table{
    table-layout:fixed;
}
.section_portLst thead th,
.section_portLst tbody td {
    padding:12px 0;
    border-bottom: 1px solid #ddd;
}
.section_portLst thead th {
    font-size:12px;
    background:#eaecee;
    border-top:1px solid #d2d2d2;
    color:#333;
    overflow: hidden;
    font-weight:normal;
    text-align: center;
}
.section_portLst tbody .td-1{
    padding:12px 0;    
    font-size: 16px;
    color: #424242;
    text-align:center;
}
.section_portLst tbody .td-1 .p-2{
    font-size: 12px;
    font-weight:bold;

}
.section_portLst tbody .td-in{    
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    min-height:70px;
}
.section_portLst tbody .td-2{
    color:#666;
}
.section_portLst tbody .td-2 .p-1{
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 2px;
    cursor: pointer;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}
.section_portLst tbody .td-2 .p-2{
    margin-top:8px;
}
.section_portLst tbody .td-3,
.section_portLst tbody .td-5{
    text-align:center;
}
.section_portLst tbody .td-6{
    vertical-align:top;
    padding-left:20px;
}
.section_portLst-chart{
    height:32px;
    margin-bottom:5px;
}
.lst-per-l, 
.lst-per-r {
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
}
.section_portLst tbody .td-3-p-1{
    margin-bottom:10px;
    font-size:12px;
    font-weight:bold;
    color:#666;
    letter-spacing:-0.05em;
    line-height:130%;
}
.section_portLst tbody .td-3-p-2 {
    font-size: 14px;
    font-weight: bold;
    color: #f83838;
    letter-spacing: -0.05em;
}
.section_portLst tbody .td-3-p-2 em{
    font-size:18px;
}
/* 고객센터 */
.cs-wrap {
    width: 1200px;
    padding-top: 40px;
    padding-bottom: 50px;
    margin: 0 auto;
}
.cs-search-box {
    border: 1px solid #ff5722;
    text-align: center;
    padding: 50px 0;
    margin-bottom: 20px;
}
.cs-search-box input[type=text] {
    width: 400px;
    border: 5px solid #ff5722;
    padding: 0 16px;
    font-size: 16px;
    color: #5193ff;
    text-align: center;
    vertical-align: middle;
    outline: none;
    height:52px;
}
.cs-search-box .favkey-word {
    width:507px;
    margin:0 auto;
    text-align: left;
    margin-top:10px;
    color:#666;
}
.cs-search-box .favkey-word span {
    padding-right:20px;
    font-size:13px;
    color:#666;
    cursor:pointer;
}
.cs-search-box .favkey-word .point{
    color:#333;
    font-weight:bold;
    cursor:default;
} 
.h3-in-search{
    position:relative;
}
.h3-in-search .h3-search{
    position:absolute;
    right:0;
    top:0;
}
.btn-h3-search {
    width: 60px;
    min-width: 50px;
    padding: 0 5px;
    line-height: 30px;
    background: #a3a3a3;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s;
    text-align:center;
}
.btn-h3-search:hover {
    background: #9a9a9a;
}
.h3{
    margin-bottom:18px;
    font-size:24px;
    font-weight:bold;
    letter-spacing:-0.025em;
    color:#333;
}
.tab-style-cs{
    min-height:550px;
}
.tab-style-cs .tab-header {
    height: 47px;
    margin-bottom: 40px;
    background: #f6f6f6;
    border-bottom: 3px solid #263e59;
}
.tab-style-cs .tab-header .tab-btn{
    display:inline-block;
    float:left;
    width:16.66%;
    text-align:center;
    line-height:47px;
    font-size:13px;
    color:#333;
    letter-spacing:-0.025em;
    cursor:pointer;
}
.tab-style-cs .tab-header .tab-btn.on,
.tab-style-cs .tab-header .tab-btn:hover{
    color:#fff;
    font-weight:900;
    background:#263e59;
}
.icn-lock{
    margin-right:7px;
    vertical-align:middle;
}
.title .count{
    color:#ff6600;
    margin-left:10px;
    font-size:12px;
}
.add-btn-box {
    margin-bottom: 50px;
    text-align: center;
}
.add-btn {
    display:inline-block;
    padding:1px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    letter-spacing: -0.025em;
    cursor: pointer;
    border-bottom: 2px solid #adadad;
}
.cs-bot{
    overflow:hidden;
    margin-bottom:20px;
}
.cs-bot .cs-bot-left{
    float:left;
    width:65%;
    border:1px solid #ccc;
    background:#fafafa;
}
.cs-bot .cstm-item{
    display:inline-block;
    float:left;
    width:25%;
    height:132px;
    padding-top: 37px;
    transition: 0.3s;
    text-align:center;
    cursor:pointer;
}
.cs-bot .cstm-item:hover,
.cs-bot .cstm-item.on{
    background: #f0f0f0;
}
.cs-bot .icn-box{
    height:77px;
}
.cs-bot .cstm-item-1 .icn-box{
    background:url(../imgs/common/icn_cstm_01.png) no-repeat center top;
}
.cs-bot .cstm-item-2 .icn-box{
    background:url(../imgs/common/icn_cstm_02.png) no-repeat center top;
}
.cs-bot .cstm-item-3 .icn-box{
    background:url(../imgs/common/icn_cstm_03.png) no-repeat center top;
}
.cs-bot .cstm-item-4 .icn-box{
    background:url(../imgs/common/icn_cstm_04.png) no-repeat center top;
}
.cs-bot .cstm-item p{
    font-size:15px;
    font-weight:bold;
    color:#333;
}
.cs-bot .cs-bot-right{
    overflow:hidden;
    width:33%;
    height:140px;
    float:right;
    border:1px solid #ccc;
    padding-top:29px;
    min-height:111px;
}
.box-cacaotok {
    padding:0 30px 0 41%;
    background: url(../imgs/common/icn_cstm_05.png) no-repeat 52px center;
}
.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: #ff5722;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.025em;
    text-align: center;
    border-radius: 4px;
}

/* Q&A view화면 : 글 정보 ------------------------ */
.view-table {
    margin-bottom:10px;
    border:1px solid #d2d2d2;
    background:#fff;
    margin-top:8px;
    padding:0 20px 20px 20px;
}
.view-title {
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px dashed #ccc;
}
.view-title .title,
.view-title .date{
    display:inline-block;
}
.view-title .title {
    float:left;
    width:80%;
    font-size:13px;
    font-weight:600;
    color:#333;
    overflow: hidden;
}
.view-title .title img {
    vertical-align: middle;
    margin-right:4px;
}
.view-title .date {
    width:19%;
    float:right;
    text-align:right;
    font-size:12px;
    font-weight:normal;
    color:#888;
    letter-spacing: 0;
}
.view-title-2{
    overflow:hidden;
    line-height:50px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.view-title-2 .name,
.view-title-2 .clear{
    display:inline-block;
}
.view-title-2 .name {
    float:left;
    width:70%;
    font-weight:bold;
}
.view-title-2 .name span {
    font-weight: normal;
    margin-left:30px;
    color:#666;
}
.view-title-2 .completion{
    float:right;
    width:19%;
    font-size:12px;
    color:#ff6600;
    text-align:right;
}

/* Q&A view화면 : 본문 내용 ----------------------- */
.view-content {
    padding: 25px;
    box-sizing: border-box;
}
.view-content li {
    line-height:28px;
    letter-spacing: 0;
    padding-bottom: 100px;
}

/* Q&A view화면 : 댓글박스 ------------------------ */
.view-reply {
    width:100%;
    background:#f1f1f1;
    margin-bottom:10px;
    padding:0 20px 20px 20px;
    box-sizing: border-box;
}
.box-reply-in {
    position:relative;
}
.view-reply .view-reply-info {
    position:relative;
    line-height: 45px;
    border-bottom: 1px solid #ccc;
}
.view-reply .view-reply-del {
    position:absolute;
    display:block;
    right:0;
    top:20px;
    width:14px;
    height:14px;
    background: url(../imgs/common/icn_del_reply.png) no-repeat center center;
    cursor:pointer;
}
.view-reply-info span {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    padding-right: 20px;
}
.view-reply-info em {
    font-size: 12px;
    color: #888;
    letter-spacing: 0;
}
.view-reply-content {
    padding-top: 12px;
    line-height: 26px;
}
/* Q&A view화면 : 댓글입력박스 --------------------- */
.view-reply-write {
    position:relative;
    background: #f1f1f1;
    padding: 10px;
}
.view-reply-write-left{
    padding-right:130px;
}
.view-reply-write-right {
    position:absolute;
    right:10px;
    top:10px;
    width:120px;
}
.view-reply-write textarea {
    border:1px solid #bbb;
    width:100%;
    height:80px;
    color:#333;
    padding:10px;
    box-sizing: border-box;
}
.view-reply-write .submit-btn {
    display: block;
    width: 100%;
    height: 80px;
    font-size: 13px;
    color: #555;
    transition: 0.1s;
    text-align: center;
    border-radius: 3px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #aaa;
    font-weight: 600;
    color: #888;
    box-shadow: inset 0px -1.5px 1px #e0e0e0;
}
.view-reply-write .submit-btn:hover {
    cursor: pointer;
}
.view-reply-write .submit-btn:focus {
    border:1px solid #f83838;
}

/* Q&A write화면 -------------------------------- */
.title_qnaWrite_top {
    width:100%;
    height:50px;
    margin-top:20px;
    border-bottom:1px solid #ddd;
}
.title_epWrite_top {
    width:100%;
    margin-top:20px;
    padding-bottom: 20px;
    border-bottom:1px solid #ddd;
}
.box_view p.chk_secret {
    margin-left:16px;
}
.qnaWrite_cont {
    width:100%;
    padding-top:20px;
}
.qnaWrite_cont textarea {
    border:1px solid #bbb;
    width:100%;
    min-width:100%;
    max-width:100%;
    color:#333;
    padding:10px;
    box-sizing: border-box;
}
.bbs-btn-box{
    overflow:hidden;
}
.bbs-btn-box-left{
    width:50%;
    float:left;
}
.bbs-btn-box-right {
    width: 50%;
    float: right;
    text-align:right;
}
.select-style-2 {
    height:30px;
    padding: 4px 4px;
    border-color: #bbb;
    border: 1px solid #bbb;
    vertical-align: middle;
    font-size:13px;
    letter-spacing:-0.025em;
    vertical-align:middle;
}
.write-table {
    margin-bottom: 10px;
    border: 1px solid #d2d2d2;
    background: #fff;
    padding: 20px;
}
.write-title{
    height:50px;
}
.write-title .title{
    display:inline-block;
    float:left;
    width:87%;
}
.write-title .title-check{
    overflow:hidden;
    display:inline-block;
    float:right;
    width:12%;
    text-align:right;
    min-height:30px;
    padding-top:2px;
}
.write-title .title input{
    width:97%;
    padding:6px 10px;
    color: #333;
    border: 1px solid #bbb;
}
/* 검색 완료 */
.cs-search-clear {
    margin-bottom:35px;
    font-size: 15px;
    letter-spacing:-0.025em;
    color: #666;
}
.cs-search-clear em{
    font-weight:900;
}
.cs-search-clear .point{
    font-weight:900;
    color:#ff5722;
}
.cs-sub-nav {
    overflow: hidden;
    border: 1px solid #ccc;
    background: #fafafa;
    margin-bottom:45px;
}
.cs-sub-nav .cssn-item{
    display:inline-block;
    float:left;
    width:20%;
    height:125px;
    padding-top: 30px;
    transition: 0.3s;
    text-align:center;
    cursor:pointer;
}
.cs-sub-nav .cssn-item:hover,
.cs-sub-nav .cssn-item.on{
    background: #f0f0f0;
}
.cs-sub-nav .icn-box{
    height:77px;
}
.cs-sub-nav .cssn-item-1 .icn-box{
    background:url(../imgs/common/icn_cstm_01.png) no-repeat center top;
}
.cs-sub-nav .cssn-item-2 .icn-box{
    background:url(../imgs/common/icn_cstm_02.png) no-repeat center top;
}
.cs-sub-nav .cssn-item-3 .icn-box{
    background:url(../imgs/common/icn_cstm_03.png) no-repeat center top;
}
.cs-sub-nav .cssn-item-4 .icn-box{
    background:url(../imgs/common/icn_cstm_04.png) no-repeat center top;
}
.cs-sub-nav .cssn-item-5 .icn-box{
    background:url(../imgs/common/icn_cstm_07.png) no-repeat center top;
}
.cs-sub-nav .cssn-item-6 .icn-box{
    background:url(../imgs/common/icn_cstm_08.png) no-repeat center 10px;
}
.cs-sub-nav .cssn-item-7 .icn-box{
    background:url(../imgs/common/icn_cstm_09.png) no-repeat center top;
}
.cs-sub-nav .cssn-item p{
    font-size:15px;
    font-weight:bold;
    color:#333;
}
.cs-sub-nav .cs-sub-nav-right{
    overflow:hidden;
    width:33%;
    height:140px;
    float:right;
    border:1px solid #ccc;
    padding-top:29px;
    min-height:111px;
}
.section_cstmBrd{
    overflow:hidden;
}
.box_cstmBrd {
    overflow: hidden;
    width: 49%;
    border: 1px solid #ccc;
    min-height: 295px;
}
.box_cstmBrd-in{
    padding:30px 30px 0 30px;
}
.box_cstmBrd .title {
    position:relative;
    margin-bottom:8px;
}
.box_cstmBrd .title p{
    line-height:30px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}
.box_cstmBrd .title-btn{
    vertical-align:middle;
    cursor:pointer;
}
.box_cstmBrd .title-btn.on {
    color: #ff6600;
}
.box_cstmBrd .title-bar{
    display:inline-block;
    padding:0 15px;
    color:#ccc;
}
.box_cstmBrd .title-in-btn {
    position: absolute;
    right: 0;
    top: 1px;
}
.bcb-tab-content{
    display:none;
}
.bcb-tab-content.on {
    display: block;
}
/* why */
.why-wrap {
    font-family: Noto Sans KR;
    font-weight:300;
}
.why-section-in {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.why-section-1{
    position:relative;
    height:0;
    padding-top:1280px;
    background:url(../imgs/sub/why_1_bg.png) no-repeat center center;
    background-size:cover;
}
.why-section-1 video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.why-section-1-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff url(../imgs/sub/why_video_bg.png) no-repeat center center;
}
.why-section-1-play-btn,
.why-section-1-stop-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 110px;
    height: 110px;
    margin: -55px 0 0 -55px;
    overflow: hidden;
    border-radius: 55px;
    cursor: pointer;
    z-index: 10;
}
.why-section-1-play-btn{
    display:none;
}
.why-section-1-play-btn-bg,
.why-section-1-stop-btn-bg{
    display: block;
    height: 100%;
    background: #fff;
    opacity: 0.9;
    box-shadow: 0px 0px 36px #FFC8C8;
}
.why-section-1-play-btn-ico,
.why-section-1-stop-btn-ico {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.why-section-1-play-btn-ico {
    background: url(../imgs/sub/icn_play.png) no-repeat 43px center;
}
.why-section-1-stop-btn{
    display:none;
}
.why-section-1-stop-btn-ico {
    background: url(../imgs/sub/icn_stop.png) no-repeat center center;
}

.why-section-1-text {
    position: absolute;
    left: 0;
    top: 110px;
    width:100%;
    text-align:center;
}
/*
.why-section-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;
}
.why-section-1-logo{
    margin-bottom:10px;
}
.why-section-1-text-1 {
    letter-spacing: 0.235em;
}
*/
.why-section-1-1 {
    padding:168px 0 108px 0;
}
.why-section-1-1 .ws11-title{
    margin-bottom:80px;
    font-size:45px;
    font-weight:700;
    color:#2e2e2e;
    text-align:center;
    line-height:110%;
}
.why-section-1-1 .ws11-title .sub{    
    padding-top:10px;
    font-size:22px;
    font-weight:400;
    line-height:110%;
}
.why-section-1-1 .ws11-item-box{
    position:relative;
    min-height:400px;
    clear:both;
}
.why-section-1-1 .ws11-item{
    position:absolute;
    top:60px;
    border-style:solid;
    border-color:#f9f9f9;
    border-width:10px;
    width:320px;
    height:320px;
    border-radius:13px;
    opacity:0;
}
.why-section-1-1 .ws11-item-1{
    left:0;
    background:url(../imgs/sub/why_1_1_1.png) no-repeat right bottom;
}
.why-section-1-1 .ws11-item-2{
    left:50%;
    margin-left:-170px;
    background:url(../imgs/sub/why_1_1_2.png) no-repeat right bottom;
}
.why-section-1-1 .ws11-item-3{
    right:0;
    background:url(../imgs/sub/why_1_1_3.png) no-repeat right bottom;
}
.why-section-1-1 .ws11-item-text {
    padding:27px 10px 0 27px;
    font-size: 16px;
    line-height: 130%;
    color: #aeb3bb;
}
.why-section-1-1 .ws11-item-title{
    margin-bottom:15px;
    font-size:24px;
    font-weight:700;
    color:#2e2e2e;
}
.why-section-2 {
    padding: 120px 0 60px 0;
    font-size: 45px;
    color: #2e2e2e;
    letter-spacing: -0.025em;
    text-align: center;
    line-height: 110%;
}
@keyframes cursor{ 
  0%{border-right: 4px solid #fff} 
  50%{border-right: 4px solid #000} 
  100%{border-right: 4px solid #fff} 
}
.ani-21 {
    display: inline-block;
    padding-right:4px;
    border-right:4px solid #fff;
}
.ani-21.start {
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-name: cursor;
}
.why-section-3,
.why-section-5 {
    height:600px;
    background: #fff6f3;
}
.why-section-3 .why-section-in,
.why-section-5 .why-section-in{
    padding-top:155px;
}
.why-section-3 .text-box,
.why-section-5 .text-box{
    position:relative;
}
.why-section-3 .why-bg-box,
.why-section-5 .why-bg-box{
    position:absolute;
    right:0;
    top:110px;
    opacity:0;
}
.why-section-3 .p-1,
.why-section-5 .p-1{
    height:110px;
    font-size: 40px;
    color: #2e2e2e;
    font-weight:bold;
    line-height:120%;
}
.why-section-3 .p-2,
.why-section-5 .p-2{
    height:115px;
    font-size: 22px;
    color: #2e2e2e;
    letter-spacing:-0.01em;
    line-height:120%;
}
.text-ani {
    padding-top: 30px;
    opacity: 0;
}
.why-section-4 {
    height: 600px;
}
.why-section-4 .why-section-in{
    padding-top:124px;
}
.why-section-4 .text-box{
    position:relative;
    text-align:right;
}
.why-section-4 .why-bg-box{
    position:absolute;
    left:0;
    top:20px;
    opacity:0;
}
.why-section-4 .p-1 {
    height: 146px;
    font-size: 40px;
    color: #2e2e2e;
    font-weight: bold;
    line-height: 120%;
}
.why-section-4 .p-2 {
    height: 173px;
    font-size: 22px;
    color: #2e2e2e;
    letter-spacing: -0.01em;
    line-height: 120%;
}
.why-section-4 .p-2 .p-2-alert{
    padding-top:5px;
    font-size:14px;
    letter-spacing:-0.01em;
    color:#ff5722;
}
.btn-why{
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    font-weight:bold;
    text-align: center;
    min-width: 230px;
    padding: 0 10px;
    background: #ff5722;
    border-radius:8px;
}
.why-section-6{
    overflow:hidden;
    height:845px;
}
.why-section-6-in{
    position:relative;
    padding-top:136px;
}
.ws6-item-wrap{
    position:relative;
}
.ws6-item-bg {
    position: absolute;
    left: 0;
    top: 0;
    background: #fafafa;
    height: 10px;
    width: 100%;
    opacity: 0;
}
.ws6-item-wrap {
    position: relative;
    z-index: 10;
}
.ws6-item-in {
    width: 1200px;
    padding:28px 0;
    margin: 0 auto;
    text-align: center;
    line-height: 28px;
}
.ws6i{
    display:inline-block;
    vertical-align:middle;
}
.ws6i-l,
.ws6i-r {
    padding-bottom:20px;
    width: 37%;
    font-size: 20px;
    color:#555;
    opacity:0;
}
.ws6i-l {
    text-align: right;
}
.ws6i-c {
    width: 24%;
    text-align: center;
    font-size:28px;
    color:#222;
}
.ws6i-r {
    text-align:left;
}
.ws6-icn-1,
.ws6-icn-2 {
    display:inline-block;
    width:136px;
    text-align:center;
    line-height:30px;
    color:#fff;
}
.ws6-icn-1 {
    font-size: 17px;
    letter-spacing: 0.025em;
    background: #ff5722;
}
.ws6-icn-2 {
    font-size: 20px;
    letter-spacing: 0.2em;
    background: #f83838;
}
.ws6-item-1 .ws6i-l,
.ws6-item-1 .ws6i-r{
    padding-bottom:0;
    opacity:1;
}
.ws6-item-6 .ws6-item-in {
    padding-top: 0;
}

.ws6-item-6 .ws6i {
    font-size: 18px;
    color: #909090;
    letter-spacing: -0.025em;
    line-height: 130%;
}
.ws6-item-7{
    padding-bottom:20px;
    opacity:0;
}
.ws6i-text {
    font-size: 24px;
    color: #222;
    letter-spacing: -0.025em;
}
.why-section-7 img {
    width: 100%;
}
.why-section-8{
    height:715px;
}
.why-section-8 .why-section-in{
    padding-top:108px;
}
.why-section-8-title {
    height: 180px;
    font-size: 45px;
    color: #2e2e2e;
    letter-spacing: -0.025em;
    line-height:130%;
}
.why-section-8-img-box {
    height: 230px;
    text-align: center;
}
.why-section-8-img-box .ani-82{
   opacity:0;
}
.why-section-8-bot-text {
    text-align:right;
    font-size: 22px;
    color: #2e2e2e;
    letter-spacing: -0.01em;
}
.why-section-9 {
    background: #fafafa;
    padding-bottom:110px;
}
.why-qa-box{
    padding-top:95px;
    margin-bottom:50px;
}
.why-qa-item {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
}
.why-qa-title {
    position: relative;
    padding: 30px;
    font-size: 18px;
    letter-spacing: -0.01em;
    color: #2e2e2e;
    font-weight: bold;
    cursor: pointer;
}
.why-aq-title-icn {
    display:block;
    position: absolute;
    right: 0;
    top: 0;
    width: 98px;
    height: 100%;
    background: url(../imgs/common/list_off.gif) no-repeat center center;
}
.why-qa-title.on,
.why-qa-title:hover {
    color: #ff5722;
}
.why-qa-title.on{
    cursor:default;
}
.why-qa-title.on .why-aq-title-icn{    
    background: url(../imgs/common/list_on.gif) no-repeat center center;
}
.why-qa-con {
    display:none;
    padding: 0 30px 30px 30px;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.01em;
    line-height: 150%;
}
.why-section-9-text {
    margin-bottom: 20px;
    font-size: 30px;
    color: #222;
    letter-spacing: -0.025em;
    text-align: center;
}
.why-section-9-btn-box{
    text-align:center;
}
.why-9-btn {
    min-width: 208px;
    padding: 0 10px;
    line-height: 48px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.05em;
    border: 1px solid #555;
    text-align: center;
}
.pop-port-name-box {
    margin-bottom: 20px;
    background: #f5f7f9;
    padding: 16px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}
.no-data {
    padding-top:145px;
    color: #888;
    font-size:13px;
    font-weight:bold;
    text-align:center;
}
/* 로그인 */
.box-s1 {
    max-width: 540px;
    margin: 0 auto;
    margin-top:40px;
    margin-bottom: 30px;
    padding: 30px 35px 22px 35px;
    border: 1px solid #a5a5a5;
    border-radius: 4px;    
}
.box-s2 {
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 30px 16px 22px 16px;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
}
.box-s3{
    overflow:hidden;
    margin-bottom:35px;
}
.box-s4 {
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 30px 20px 20px 20px;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
}
.login-h2-box{
    position:relative;
    padding-top:2px;
    margin-top:-2px;
}
.login-h2 {
    margin-bottom:30px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.05em;
    color: #696868;
    line-height:110%;
}
.login-h2 .sub{
    font-size:16px;
    font-weight:normal;
    vertical-align:baseline;
}
.login-h2 .sub-2{
    float:right;
    font-size:12px;
    letter-spacing:-0.025em;
    font-weight:normal;
    color:#ff4746;
}
.login-h2 .sub-3{
    margin-left:20px;
    font-size:14px;
    letter-spacing:-0.025em;
    color:#696868;
    line-height:24px;
    vertical-align:top;
}
.input-s1 {
    position: relative;
    overflow: hidden;
    margin-bottom: 9px;
}
.login-box input[type=text],
.login-box input[type=password] {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #999;
    background: #f6f6f7;
    border: 1px solid #a5a5a5;
    text-indent: 20px;
}
.select-2 {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #616161;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding-left: 12px;
}
.select-style-1 {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: none;
    background: none;
    font-size: 14px;
    color: #686868;
    letter-spacing: -0.05em;
    padding: 0;
    text-indent: 5px;
    outline: 0;
    margin-right: 20px;
}
select option:checked,
select option:hover {
    font-size: 14px;
    color: #686868;
    letter-spacing: -0.05em;
    line-height: 210%;
    background: #fff;
    border-color: #e5e5e5;
}
input[type=text].brn,
input[type=password].brn,
select.brn{
    border-right:none;
}
input[type=text].bln,
input[type=password].bln,
select.bln,
.bln{
    border-left:none !important;
}
.input-message {
    position: absolute;
    display:none;
    padding-right:34px;
    right:0;
    top:0;
    line-height:48px;
    font-size:14px;
    font-size:12px;
    letter-spacing:-0.025em;
    color: #ff4746;
    z-index:10;
}
.input-s1 .input-text-sub {
    padding: 2px 14px 0 0;
    text-align: right;
    color: #999;
    font-size: 12px;
    letter-spacing: -0.025em;
    line-height: 120%;
}
.input-s1 .input-ico {
    position: absolute;
    display: inline-block;
    right: 16px;
    top: 0;
    height: 48px;
    width: 12px;
}
.input-s1 .clear-massage,
.input-s1 .error-massage {
    display: none;
}
.input-s1.clear .input-message,
.input-s1.error .input-message {
    display: block;
}
.input-s1.error .input-ico {
    background: url(../imgs/common/ico_input_error.png) no-repeat center center;
    background-size: 100% auto;
}
.input-s1.clear .input-ico {
    background: url(../imgs/common/ico_input_clear.png) no-repeat center center;
    background-size: 100% auto;
}
.input-s1.clear .input-text,
.input-s1.clear .input-text-sub {
    color: #458fff;
}
.input-s1.error .input-text-sub {
    color: #ff4746;
}
.input-s1.clear .input-message.error,
.input-s1.error .input-message.clear {
    display:none;
}
.input-s1.clear .input-text.clear {
    display: inline-block;
}
.input-s1.error .input-text.clear {
    display: none;
}
.input-s1.clear .clear-massage {
    display: inline;
}
.input-s1.clear .error-massage,
.input-s1.clear .default-massage {
    display: none;
}
.input-s1.error .error-massage {
    display: inline;
}
.input-s1.error .clear-massage,
.input-s1.error .default-massage {
    display: none;
}
.login-btn-1 {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    background: #ff5722;
    text-align: center;
}
.login-btn-2 {
    display: block;
    color: #458fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 46px;
    text-align: center;
    border: 1px solid #458fff;
}
.login-btn-3 {
    display: block;
    color: #999;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    background: #ddd;
    text-align: center;
}
.radio.radio-s1 {
    display: block;
    background: none;
    text-align: center;
    height: 48px;
    padding: 0;
    line-height: 48px;
    border: 1px solid #e5e5e5;
}
.radio.radio-s1 .check-text{
    font-size: 16px;
    color: #999;
    letter-spacing:-0.025em;
}
.radio.radio-s1.checked{
    background:none;
    color:#458fff;
    border-color:#458fff;
}
.radio.radio-s1.checked .check-text{
    color:#458fff;
}
.radio.radio-s2 .check-text {
    margin-right: 0;
    color: #dcdcdc;
    padding-left:21px;
    font-size:12px;
}
.radio.radio-s2.checked .check-text {
    color: #696868;
}
.login-checkbox-box{
    margin-bottom:30px;
}
.login-bot p {
    text-align:center;
    font-size: 14px;
    letter-spacing: -0.025em;
    color: #696868;
    font-weight:bold;
}
.login-bot p a{
    font-size:14px;
    color:#ff5722;
    text-decoration:underline;
}
.member-common-bot{
    text-align:center; 
}
.member-common-bot a{
    display:inline-block;
    font-size:14px;
    color:#696868;
    letter-spacing:-0.025em;
    vertical-align:middle;
}
.member-common-bot span {
    vertical-align: middle;
    font-size: 14px;
    margin:0 25px;
    color: #696868;
}
/* 플로팅 버튼 */
.floating-btn-box {
    display:none;
    position: fixed;
    right: 10%;
    bottom: 5%;
    z-index: 9000;
}
.fbbi-btn{
    margin-top:10px;
}
.fbbi-btn .fbbib-ico {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
    -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-5 {
    background: #ff6226 url(../imgs/common/icon_floating_05.png) no-repeat center center;
}
.fbbi-btn .fbbib-ico-6 {
    background: #ff6226 url(../imgs/common/icon_floating_06.png) no-repeat center center;
}
.fbbi-btn .fbbib-ico-7 {
    background: #ff6226 url(../imgs/common/icon_floating_07.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;
}
.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;
}
/* 배너 유튜브 레터 */
.banner-youtube-letter {
    position: relative;
    height: 200px;
    background: url(../imgs/common/banner_bg_coingenport_new.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;
}
.ui-tooltip {
    box-shadow: 0px 0px 28px -5px rgba(0, 0, 0, 0.1);
}

/* 포트폴리오 공유 */
.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: #ff9574;
    letter-spacing: -0.03rem;
    border-radius: 20px;
    background: #fff3f3;
    text-align: center;
    cursor: pointer;
}
.radio-fbn-2.checked {
    background-color: #FF5722;
    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:#ff5722;
    font-weight:400;
    font-size:12px;
    border-bottom:1px solid #ff5722;
    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:#ff5722;
    border-color:#ff5722;
}
.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-1 {
    height: 26px;
    line-height: 26px;
    border: 1px solid #d2d2d2;
    font-weight: 400;
    font-size: 12px;
    color: #8f8f8f;
    vertical-align: middle;
}
.input-text-style-1-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:#ff5722;
}

/* 모바일 접속시 팝업 */
.pop-mobile-box {
    display:none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index:90;
}
.pop-mobile-in{
    display:table;
    width:100%;
    height:100%;
}
.pop-mobile-cell{
    display:table-cell;
    width:100%;
    vertical-align:middle;
    text-align:center;
}
.pop-mobile-text-1{
   margin-bottom:120px;
   font-size:60px;
   font-weight:900;
   color:#fff;
   letter-spacing:-0.025em;
}
.pop-mobile-li {
    margin-bottom:60px;
}
.pop-mobile-btn-1,
.pop-mobile-btn-2 {
    display: inline-block;
    line-height: 132px;
    width: 720px;
    border-radius: 20px;
    font-size: 50px;
    font-weight: 900;
    letter-spacing: -0.025em;
    cursor: pointer;
}
.pop-mobile-btn-1 {
    color: #ff4444;
    background:#fff;
}
.pop-mobile-btn-2 {
    color: #fff;
    background: #ff4444;
}
.pop-mobile-btn-3{
    font-size:42px;
    color:#fff;
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
}
/* 포트 전략 변경 */
.pop-detail-title{
    margin-bottom:8px;
    font-weight:600;
    font-size:22px;
    line-height:150%;
    letter-spacing:-0.03em;
}
.port-detail-txt-1{
    font-weight:400;
    font-size:13px;
    color:#666;
    line-height:150%;
    letter-spacing:-0.03em;
}
.port-time-min{
    font-size:10px;
    color:#888;
    line-height:120%;
    letter-spacing:-0.03em;
}
.pop-detail-txt-1{
    font-size:13px;
    color:#333;
    line-height:120%;
    letter-spacing:-0.03em;
}
.scroll-x-track{
    padding:2px 0;
    position: relative;
}
.table-radio-impact {
    box-sizing: border-box;
    display: none;
    display: block;
    position: absolute;
    left: 161px;
    top: 0;
    height: 100%;
    width: 260px;
    border: 2px solid #ff5722;
}
.table-radio-impact.type-2{
    left:420px;
    width:200px;
}
.table-radio-impact.type-3{
    left:419px;
    width:240px;
}
.scroll-x-track .tbl-vertical tbody th{
    font-weight:400;
}
.table-point {
    border-left: 2px solid #ff5722 !important;
    border-right: 2px solid #ff5722 !important;
}
.table-point-top {
    border-top: 2px solid #ff5722 !important;
}
.table-point-bot {
    border-bottom: 2px solid #ff5722 !important;
}
.tr-radio-action{
    cursor:pointer;
}
/* 미디어 쿼리 */
@media (max-width: 1390px) {
    .box_ctrlBtns {
        box-sizing:border-box;
        position: static;
        overflow: hidden;
        width: 100%;
        padding:5px 1px 2px 0;
    }
    .box_ctrlBtns ul{
        display:inline-block;
        float:right;
    }
    .box_ctrlBtns .btn_popSide {
        border-radius: 5px;
        float: left;
        margin-left:5px;
        padding-right:15px;
    }
    .box_ctrlBtns .btn_popSide.mt20px{
        margin-top:0 !important;
    }
}

/* 모아가기 */
.new-label {
    display: inline-block; 
    width: 36px;
    height: 18px;
    background-color: #ff5722;
    border-radius: 4px;
    color: white; 
    font-size: 10px; 
    text-align: center; 
    line-height: 18px; 
    margin-left: 8px;
    letter-spacing: 1px;
    text-indent: 1px;
}

.flow-tab .flow-tab-btn-3 {
    position: relative;
    float: left;
    width: 50%;
    color: #333;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
}

.flow-tab .flow-tab-btn-3 .sub-text {
    display: block;
    padding-top: 8px;
    font-size: 13px;
    font-weight: normal;
}

.flow-tab .flow-tab-btn-3.on {
    color: #fff;
    background: #ff5722;
}

.flow-tab .flow-tab-btn-3.last .flow-tab-btn-in {
    border-right: none;
}

.port-cond-btn-group {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    vertical-align: middle;
    margin-left:10px;
}

.port-cond-btn {
    display: inline-block; /* span 요소에 크기와 여백을 적용하기 위해 필수 */
    box-sizing: border-box; /* 테두리 굵기까지 포함해서 크기를 계산하도록 설정 */
    min-width: 48px;
    padding: 2px 8px;
    background-color: #ffffff;
    border: 1px solid #AAA;
    border-radius: 4px;
    color: #999999;
    font-size: 13px;
    text-align: center;
    cursor: pointer; /* 마우스를 올렸을 때 손가락 모양으로 변경 */
    transition: all 0.2s ease;
}

.port-cond-btn.active {
    background-color: #FF5722;
    border-color: #E63535;
    color: #ffffff;
}

.port-cond-btn:hover {
    background-color: #FF5722;
    border-color: #E63535;
    color: #ffffff;
}

.price-info-box {
    display: inline-flex;
    justify-content: space-between; 
    align-items: center; 
    width: 240px;
    height: 30px;
    padding: 0 8px; 
    box-sizing: border-box; 
    border: 1px solid #DDD; 
    border-radius: 2px;
    background-color: #FCFCFC;
    font-size: 13px;
    color: #333333;
    margin-left: 60px;
}

.price-info-box .right-text {
    font-weight: 600; 
}

.info-text {
    margin: 0; 
    font-size: 12px; 
    color: #333; 
    line-height: 21px;
    font-weight: 400;
    letter-spacing: -0.35px;
}

.suggestion-list {
    display: none;
    width: 147px;
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 4px 8px;
    margin: 0;
    gap: 10px;
    max-height: 200px;
    overflow-y: auto;
}

/* JS에서 이 클래스를 붙이면 화면에 나타납니다 */
.suggestion-list.active {
    display: block;
}

.suggestion-item {
    padding: 10px 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #777;
    letter-spacing: -0.39px;
    line-height: 21px;
    cursor: pointer;
}

.suggestion-item:hover {
    background-color: #f7f8fa;
}