/* ------------------ TOP 영역 ------------------- */
/* ---------- TOP : Utility ---------- */
#wrap_top {
    width:100%;
    margin:0 auto;
    border-bottom:4px solid #e5e7e9;
}
.area_topUtil {
    width:1200px;
    height:40px;
    margin:0 auto;
    overflow: hidden;
}
.utilBox_txt {
    overflow: hidden;
    line-height:40px;
}
.utilBox_txt p {
    display:inline;
    font-size:12px;
    color:#666666;
    letter-spacing: -0.5px;
    cursor:pointer;
}
.utilBox_txt p:after {
    content:"|";
    padding:0 10px;
    color:#ccc;
}
.utilBox_txt p:nth-last-of-type(1):after {
    content:" ";
    padding:0;
}
.utilBox_txt span {
    padding:0 10px 0 14px;
    font-size:10px;
    color:#bbb;
}
.utilBox_txt select {
    padding:4px 6px;
    font-family:'open sans', sans-serif;
    font-size:13px;
    color:#888;
    border:1px solid #ccc;
    margin-left:20px;
    border-radius:3px;
}
/* ---------- TOP : GNB ---------- */
.area_topGNB {
    position:relative;
    width:1200px;
    height:100px;
    margin:0 auto;
}
.box_topGNB {
    margin-top: 50px;
}
.box_topGNB div.wrap {
    position:relative;
    float: left;
    height: 50px;
    text-align: center;
    margin-left: 10px;
    width: 130px;
}
.box_topGNB p {
    font-family: 'Noto Sans KR';
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #333;
    cursor: pointer;
}
.box_topGNB p.on {
    color: #f83838;
}
.lyr_2depth {
    position: absolute;
    top: 40px;
    width: 180px;
    left:0;
    margin-left:-25px;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
    z-index: 999;
    transition: 0.8s;
    padding:5px 0px 5px 0px;
}
.lyr_2depth li {
    font-size:14px;
    color:#666;
    line-height:32px;
}
.lyr_2depth li:hover {
    font-weight:600;
    cursor: pointer;
}
.lyr_2depth li.on {
    color:#ff6600;
    font-weight:600;
}
/* ----------------- 메인 배너영역 ---------------- */
#wrap_mainbn {
    width:100%;
    height:430px;
    background:#f5f7f9;
    border-bottom:1px solid #e2e2e2;
    text-align: center;
    background: url(/img/img_main.png) no-repeat center;
}
.mainbn_imgCont {
    width:1210px;
    margin:0 auto;
    display:block;
}
.mainbn_imgCont .img_title {
    width:498px;
    height:178px;
    position:relative;
    top:74px;
    left:22px;
}
/* TOP - 시뮬레이션 시작버튼 */
.mainbn_imgCont .img_start {
    width:210px;
    height:54px;
    position:relative;
    top:118px;
    left:22px;
}
.mainbn_imgCont .img_start a:link, .img_start:visited {
    width:210px;
    height:54px;
    display:block;
    overflow:hidden;
    background:url(/img/btn_start.png) 0px 0px no-repeat;
}
.mainbn_imgCont .img_start a:hover, .img_start a:active {
    background-position: 0px -54px;
}
/* ----------------- 컨텐츠 영역 ------------------ */
#content {
    width:100%;
}
/* ---------- location ---------- */
.area_location {
    width:100%;
    background:#f5f7f9;
    line-height:60px;
    margin:0 auto;
    border-bottom:1px solid #e5e7e9;
}
.area_location ul {
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}
.area_location p.title {
    font-size:22px;
    font-weight:bold;
    color:#333;
    letter-spacing: -1px;
    margin-right:20px;
}
.area_location p.info {
    font-size:13px;
    color:#666;
    letter-spacing: -0.5px;
}
.area_location p.crumbs {
    font-size:12px;
    color:#777;
}
.area_location p.crumbs span {
    padding:0 10px;
    font-size:11px;
    color:#999;
}
.area_content {
    position: relative;
    width:1200px;
    margin:0 auto;
    padding-top:40px;
    padding-bottom:190px;
}
/* ----------------- 젠마켓 ------------------ */
/* ------------ 젠마켓 > 테마검색 ------------- */
.section_theme {
    width:100%;
    height:200px;
    background:#f1f3f5;
    margin-bottom:40px;
    box-sizing: border-box;
}
.section_theme li {
    float:left;
    width:215px;
    height:200px;
    border-right:1px solid #d2d2d2;
    text-align: center;
    transition:0.3s;
    box-sizing: border-box;
}
.section_theme li:last-child {
    width:214px;
    border-right:none;
}
.section_theme li:hover {
    cursor: pointer;
    background:#eaecef;
}
.section_theme li.on {
    width:340px;
    border-right:none;
    text-align: left;
}
.section_theme li.onbg_01 {background:#ff5555;} /* 수익률상위 */
.section_theme li.onbg_02 {background:#e88f2f;} /* 인기포트 */
.section_theme li.onbg_03 {background:#58a927;} /* 수익률급등 */
.section_theme li.onbg_04 {background:#26a3b9;} /* 투자기간별 */
.section_theme li.onbg_05 {background:#4c6589;} /* 운용금액별 */
.thm_on_title {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:500;
    font-size:22px;
    letter-spacing: -1px;
    color:#fff;
    margin-top:40px;
    margin-left:35px;
}
.thm_off_title {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:500;
    font-size:17px;
    letter-spacing: -1px;
    color:#555;
    margin-top:10px;
}
.thm_off_icn {
    margin-top:44px;
}
.thm_on_info {
    font-size:13px;
    color:#fff;
    margin-top:6px;
    margin-left:35px;
}
.thm_on_tabs {
    overflow: hidden;
    margin-top:30px;
    margin-left:35px;
}
.btn_thmTab {
    background:transparent;
    border:1px solid #fff;
    font-size:12px;
    color:#fff;
    padding:8px 15px;
    margin-right:5px;
    border-radius:30px;
}
.btn_thmTab:hover {
    cursor: pointer;
}
.btn_thmTab_on01 {
    background:#fff;
    border:1px solid #fff;
    font-size:13px;
    font-weight:bold;
    color:#ff5555;
    padding:8px 15px;
    margin-right:5px;
    border-radius:30px;
}
.btn_thmTab_on02 {
    background:#fff;
    border:1px solid #fff;
    font-size:13px;
    font-weight:bold;
    color:#e88f2f;
    padding:8px 15px;
    margin-right:5px;
    border-radius:30px;
}
.btn_thmTab_on03 {
    background:#fff;
    border:1px solid #fff;
    font-size:13px;
    font-weight:bold;
    color:#58a927;
    padding:8px 15px;
    margin-right:5px;
    border-radius:30px;
}
.btn_thmTab_on04 {
    background:#fff;
    border:1px solid #fff;
    font-size:13px;
    font-weight:bold;
    color:#26a3b9;
    padding:8px 15px;
    margin-right:5px;
    border-radius:30px;
}
.btn_thmTab_on05 {
    background:#fff;
    border:1px solid #fff;
    font-size:13px;
    font-weight:bold;
    color:#4c6589;
    padding:8px 15px;
    margin-right:5px;
    border-radius:30px;
}
/* ------------ 젠마켓 > 조건검색 ------------- */
.section_marketSrch {
    width:100%;
}
.section_marketSrch .box_title {
    width:100%;
    overflow: hidden;
    margin-bottom:8px;
}
.subtitle_srch {
    font-size:13px;
    color:#666;
}
.subtitle_srch p.chk_myport {
    margin-right:20px;
}
/* -------------- 젠마켓 > 포트검색박스 ---------------- */
.srchbox {
    position:relative;
}
.srchbox input {
    border:1px solid #d2d2d2;
    padding:7px 5px;
    width:220px;
}
.srchbox input[type=text] {
    color:#333;
}
.srchbox input[type=text]::-webkit-input-placeholder {
    color:#999;
}
.srchbox input[type=text]::-moz-placeholder {
    color:#999;
}
.srchbox input[type=text]::-ms-input-placeholder {
    color:#999;
}
.srchbox input[type=text]:focus {
    border:1px solid #f83838;
}
.srchbox .btn_img {
    position:absolute;
    top:9px;
}
.srchbox .btn_srch {
    background:url(../img/icn_srch.png) no-repeat;
    width:18px;
    height:17px;
    overflow: hidden;
    cursor:pointer;
    left:5px;
}
.btn_condGuide {
    margin-left:5px;
    margin-top:3px;
}
.btn_mrktSrch {
    padding:7px 10px;
    background:#d2d2d2;
    border:1px solid #bbb;
    margin-left:3px;
    color:#555;
    cursor: pointer;
}
.srchbox .btn_clear {
    background:url(../img/icn_delForm.png) no-repeat;
    width:18px;
    height:17px;
    overflow: hidden;
    cursor:pointer;
    right:8px;
    display:none;
}
#inputSrch {
    padding-left: 8px;
    padding-right:30px;
}
.btn_castClear {
    background:url(../img/icn_delForm.png) no-repeat;
    width:18px;
    height:17px;
    overflow: hidden;
    cursor:pointer;
    right:-518px;
    vertical-align: middle;
     top:13px !important;
    display:none;
}
#userSearchKey {
    padding-right:30px;
}
/* -------------- 조건검색 - 기본 view ------------- */
.box_basicSrch {
    width:100%;
    border:1px solid #dddddd;
    overflow: hidden;
    box-sizing: border-box;
}
.box_basicSrch li.title {
    padding:22px;
    background:#f1f3f5;
    font-size:13px;
    color:#333;
    font-weight:600;
}
.box_basicSrch li.title img {
    vertical-align: baseline;
    margin-bottom: -3px;
    padding-left:4px;
    cursor:help;
}
.box_basicSrch li.cont {
    padding:20px;
    background:#fff;
    overflow: hidden;
}
.box_basicSrch li.cont p {
    float:left;
}
.btn_radio {
    display: inline-block;
}
/* ---------------- 조건검색 - 상세 view ----------------*/
.box_detailSrch {
   display: none;
}
.box_detailSrch ul {
    width:100%;
    border:1px solid #ddd;
    margin-top:-1px;
    overflow: hidden;
    box-sizing: border-box;
}
.box_detailSrch .srchLst {
    width:50%;
    box-sizing: border-box;
}
.box_detailSrch .srchLst p.title {
    width:126px;
    padding:22px;
    font-size:13px;
    font-weight:600;
    color:#333;
}
.box_detailSrch .srchLst p.title img {
    padding-left:6px;
    margin-bottom:-4px;
    cursor:help;
}
.box_detailSrch .srchLst p.cont {
    padding:18px;
    width: 350px;
}
/* ----------------- 조건검색 - 상세열기버튼 --------------- */
.btn_detailSrch {
    width:100%;
    text-align: center;
    font-size:13px;
    color:#555;
    padding:8px 0;
    background:#f1f1f1;
    border:1px solid #cccccc;
    border-radius:0 0 4px 4px;
    margin-top:-1px;
    cursor: pointer;
    box-sizing: border-box;
}
.btn_detailSrch img {
    margin-left:8px;
    vertical-align: middle;
}
/* ---------------- 젠마켓 > 포트결과 리스트(카드형) --------------- */
.section_topPort {
    width:100%;
    overflow: hidden;
    margin-top:60px;
}
.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 {
    width:100%;
    overflow: hidden;
}
.portList_card { /* 포트리스트 : 카드형 */
    position: relative;
    width: 243px;
    height: 386px;
    border: 1px solid #ccc;
    margin-right: 33px;
    padding: 15px 15px 36px 15px;
    margin-bottom: 60px;
}
.portList_title {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom:18px;
    overflow: hidden;
    border-bottom: 1px solid #e7e7e7;
}
.portList_title p.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 p.title {
    font-size:15px;
    font-weight:600;
    color:#333;
    padding:3px 0;
    cursor: pointer;
    width: 98%;
}
.portList_title p.creator {
    width:100%;
    display:inline-block;
    overflow: hidden;
    margin-top:6px;
}
.portList_title p.creator span {
    color:#666;
    padding-right:10px;
}
.portList_title p.creator em {
    font-size:13px;
}
.portList_title p.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;
    margin-bottom:6px;
}
.portList_rateBox .cont {
    border:1px solid #ddd;
    overflow: hidden;
    padding:10px;
}
.portList_rateBox .cont p.graphbox {
    width:45%;
    text-align: left;
    overflow: hidden;
    padding-top:4px;
}
.portList_rateBox .cont p.ratebox {
    width:55%;
    text-align: right;
}
.portList_rateBox .cont p.ratebox span {
    font-family: 'Roboto', sans-serif;
    font-size:20px;
    font-weight:500;
    display: block;
}
.portList_rateBox .cont p.ratebox em {
    font-size:12px;
    color:#666;
}
.lyr_func { /* 카드형 - 기능레이어 */
    position:absolute;
    width:273px;
    height:36px;
    bottom:0;
    left:0;
    background:#d5d7d9;
    overflow: hidden;
    font-size:12px;
}
.lyr_func p {
    width:50%;
    text-align: center;
    margin-top:10px;
    color:#333;
}
.lyr_func p.portCopy {
    line-height:14px;
    cursor: pointer;
}
.lyr_func p.portCopy:hover {
    text-decoration: underline;
}
.lyr_func p.portCopy img {
    margin-right:4px;
    vertical-align: middle;
}
.lyr_func p.portcopy span {
    font-size:13px;
    line-height:13px;
    color:#333;
    display:inline-block;
}
/* ---------------- 젠마켓 > 포트결과 리스트(리스트형) --------------- */
.section_portLst {
    width:100%;
}
.section_portLst .header {
    font-size:12px;
    background:#eaecee;
    border-top:1px solid #d2d2d2;
    border-bottom:1px solid #d2d2d2;
    color:#333;
    overflow: hidden;
    padding:12px 0;
    text-align: center;
}
.section_portLst .box_portLst {
    overflow: hidden;
    padding:12px 0;
    border-bottom:1px solid #ddd;
}
.lst_rank { /* 순위 */
    width:80px;
    text-align: center;
}
.lst_rank span {
    font-size:16px;
    display:block;
    margin-top:18px;
    color:#424242;
}
.lst_rank em {
    font-size:12px;
    margin-top:5px;
    display:inline-block;
}
.lst_portname { /* 포트명 */
    width:430px;
}
.lst_portname p {
    font-size:15px;
    font-weight:600;
    color:#333;
    margin-bottom:8px;
    margin-top:18px;
    cursor: pointer;
}
.lst_portname span {
    color:#666;
}
.lst_portname em {
    padding-left:16px;
}
.lst_rate { /* 수익률 */
    width:160px;
    text-align: center;
}
.lst_rate p {
    margin-top:4px;
}
.lst_rate div {
    margin-top:4px;
}
.lst_rate span {
    padding-top:10px;
    display:inline-block;
}
.lst_rate em {
    padding-left:8px;
    display:inline-block;
}
.lst_gage { /* 게이지 */
    width:120px;
    text-align: center;
}
.lst_gage p {
    margin-top:12px;
}
.lst_gage span {
    font-size:12px;
    color:#666;
}
.lst-per { /* 수익률 */
    width: 160px;
    padding-left: 40px;
    padding-right: 40px;
}
.lst_func { /* 기능 */
    width:127px;
}
.lst_func p {
    margin-left:20px;
    margin-top:13px;
    color:#555;
}
.lst_func p:first-child {
    margin-top:0;
}
.lst_func p.port img {
    vertical-align: middle;
    margin-top:-2px;
}
.lst_func p.port span:hover {
    text-decoration: underline;
    cursor: pointer;
}
/* 젠마켓 포트비교 ----------------------- */
.section_portCompare {
    position: fixed;
    bottom: 0px;
    left:50%;
    z-index:100;
    margin: -437px 0 0 -437px;
    width:874px;
    height:180px;
    border:1px solid #b2b2b2;
    border-bottom:none;
    background:#fff;
    border-radius:6px 6px 0 0;
}
/* 포트비교 > 타이틀 --------------------- */
.compare_titlebar {
    position:absolute;
    top:-1px;
    left:-1px;
    background:#143b58;
    width:100%;
    height:40px;
    line-height:40px;
    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 {
    margin-right:15px;
    font-size:13px;
    color:#fff;
    cursor: pointer;
}
.compare_titlebar .lyrCtrl img {
    margin-left:8px;
}
/* 포트비교 - 컨텐츠 --------------------- */
.compare_cont {
    height:140px;
    margin-top:41px;
    background:#fff;
}
.box_portCompare {
    width:704px;
    height:124px;
    padding:14px 20px 0 20px;
    overflow-y: hidden;
    overflow-x: auto;
}
.box_portCompare ul {
  width: 900px;
}
.box_portCompare li:last-child {
    padding-right:0;
}
.compareBox { /* 리스트 */
    width:160px;
    padding-right:20px;
}
.compareBox .box {
    width:100%;
    background:#fff;
    border:1px solid #ddd;
    margin-bottom:6px;
    border-radius:6px;
    padding:10px;
    box-sizing: border-box;
}
.compareBox .box:hover {
    border:1px solid #bbb;
    background:#fcfcfc;
    transition:0.3s;
    cursor: pointer;
}
.compareBox .box em {
    display:block;
    margin-top:6px;
}
.compareBox .box span.title {
    display:inline-block;
    width:140px;
    max-width:140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.compare_cont .box_btns {
    width:130px;
    height:140px;
    background:#f1f3f5;
    text-align: center;
}
.compare_cont .box_btns button {
    margin-bottom:6px;
}
/* ------------- 포트 관리하기 -------------- */
/* 포트관리 버튼 ---------------------------- */
.box_ctrlBtns {
    width:105px;
    position:absolute;
    top:655px;
    right:-104px;
    z-index: 1000;
}
.box_ctrlBtns .clsPop {
    margin:10px 0 10px 10px;
}
.box_ctrlBtns .btn_popSide {
    color:#fff;
    padding:15px 15px;
    margin-bottom:1px;
    border-radius:0 5px 5px 0;
}
.box_ctrlBtns .btn_popSide:hover {
    cursor: pointer;
}
.box_ctrlBtns .btn_popSide img {
    vertical-align: middle;
}
.box_ctrlBtns .btn_popSide span {
    padding-left:4px;
    font-size:14px;
}
/* ----------------- 포트 관리하기 > 포트리스트 ---------------- */
.portCtrlBox {
    width:100%;
    overflow: hidden;
}
.section_portMng {
    width: 360px;
}
.box_mngLst_hdr {
    width: 360px;
    padding: 8px 0;
    background: #143b58;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 12px;
}
.box_mngLst_hdr p.portName {
    width:225px;
    text-align: center;
    cursor: pointer;
}
.box_mngLst_hdr p.portRate {
    width:90px;
    text-align: center;
    cursor: pointer;
}
.box_mngLst_hdr p.ao { /* 오름차순 */
    color:#a1e6ff;
}
.box_mngLst_hdr p.do { /* 내림차순 */
    color:#ffc1c1;
}
.box_mngLst_hdr p span {
    font-size:10px;
    padding-left:4px;
}
.box_mngLst {
    width:358px;
    height:248px;
    border:1px solid #ddd;
    background:#fff;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top:-1px;
}
.slctmngLst {
    border:1px solid #f83838;
}
.box_mngLst li {
    position:relative;
    width:334px;
    overflow: hidden;
    padding:15px 12px;
    color:#333;
}
.box_mngLst li.on {
    background:#bfddeb;
}
.box_mngLst li:hover {
    background:#dae9f0;
    cursor: pointer;
}
.box_mngLst li:nth-child(odd) {
    background:#f7f9fb;
}
.box_mngLst li.on:nth-child(odd) {
    background:#bfddeb;
}
.box_mngLst li:nth-child(odd):hover {
    background:#e5f1f7;
}
.box_mngLst li p.icn_condRsrv {
    position:absolute;
    top:0px;
    left:6px;
    height:6px;
}
.box_mngLst li p.portNum {
    width:45px;
    margin-right:12px;
    text-align: center;
    color:#777;
}
.box_mngLst li p.portName {
    width:215px;
    max-width:225px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
}
.box_mngLst li p.portRate {
    width:90px;
    text-align: right;
    font-family: 'Roboto', sans-serif;
    font-size:15px;
    letter-spacing: 0;
    margin-top:-2px;
}
.section_mngCtrl {
    width:40px;
    padding:0 10px;
    padding-top:32px;
}
.btn_portCtrl {
    width:40px;
    height:190px;
    border:1px solid #cccccc;
    background:#eeeeee;
    margin-bottom:11px;
    text-align: center;
    transition:0.2s;
}
.btn_portCtrl.type-2{
    height:124px;
    margin-bottom:10px;
}
.btn_portCtrl em,
.btn_portCtrl_large em{
    display:block;
    margin-bottom:4px;
    font-size:10px;
    font-weight:bold;
    color:#4f453c;
}
.btn_portCtrl:hover {
    background:#e2e2e2;
    cursor: pointer;
}
.btn_portCtrl_large {
    width:40px;
    height:329px;
    border:1px solid #cccccc;
    background:#eeeeee;
    text-align: center;
    transition:0.2s;
}
.btn_portCtrl_large img {
    margin-top:10px;
}
.btn_portCtrl_large:hover {
    background:#e2e2e2;
    cursor: pointer;
}
/* ----------------- 포트 관리하기 > 포트리스트 크게 ---------------- */
.wide_section_portMng {
    width:100%;
    overflow: hidden;
}
.wide_box_mngLst_hdr {
    width:100%;
    padding:8px 0;
    background:#143b58;
    overflow: hidden;
    border-radius:4px 4px 0 0;
    color:#fff;
    font-size:12px;
}
.wide_box_mngLst_hdr p.portName {
    width:260px;
    text-align: center;
    cursor: pointer;
}
.wide_box_mngLst_hdr p.portRate {
    width:80px;
    text-align: center;
    cursor: pointer;
}
.wide_box_mngLst_hdr p.ao { /* 오름차순 */
    color:#a1e6ff;
}
.wide_box_mngLst_hdr p.do { /* 내림차순 */
    color:#ffc1c1;
}
.wide_box_mngLst_hdr p span {
    font-size:10px;
    padding-left:4px;
}
.wide_box_mngLst {
    width:1198px;
    height:348px;
    border:1px solid #ddd;
    background:#fff;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top:-1px;
}
.wide_slctmngLst {
    border:1px solid #f83838;
}
.wide_box_mngLst li {
    position:relative;
    width:334px;
    overflow: hidden;
    padding:6px 0px;
    color:#333;
    height:35px;
}
.wide_box_mngLst li.on {
    background:#bfddeb;
}
.wide_box_mngLst li:hover {
    background:#dae9f0;
    cursor: pointer;
}
.wide_box_mngLst li:nth-child(odd) {
    background:#f7f9fb;
}
.wide_box_mngLst li.on:nth-child(odd) {
    background:#bfddeb;
}
.wide_box_mngLst li:nth-child(odd):hover {
    background:#e5f1f7;
}
.wide_box_mngLst li p.icn_condRsrv {
    position:absolute;
    top:0px;
    left:6px;
    height:6px;
}
.wide_box_mngLst li p.portNum {
    width:45px;
    margin-right:12px;
    text-align: center;
    color:#777;
}

.wide_box_mngLst li p.portName {
    width:250px;
    max-width:250px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    text-align:left;
}
.wide_box_mngLst li p {
    width:78px;
    text-align: center;
    line-height:35px;
}
.wide_box_mngLst li p.portBtn{
    overflow:hidden;
    padding-left:10px;
    width:90px;
}
.wide_box_mngLst li p.portRate {    
    text-align: right;
    font-family: 'Roboto', sans-serif;
    font-size:15px;
    letter-spacing: 0;
}
.portType {
    text-align:center;
    width:60px;
    height:20px;
    margin:auto;
    border-radius:3px;
    float:left;
    margin:7px 8px 7px 8px;
    line-height:20px;
    font-weight:bold;
    color:white;
    vertical-align:middle;
}
div.portTypeB {
    background-color: #ffa837
}
div.portTypeT {
    background-color: #ff6600;
}
.portTypeV {
    background-color: #75e0f0;
    border: 1px solid #75e0f0;
}
div.portTypeA {
    background-color: #ff7c7c;
}
.portTypeB-1 {
    background-color: #ffa837;
    border: 1px solid #ff8a34;
}
.portTypeB-2 {
    background-color: #ff6600;
    border: 1px solid #ff4c0d;
}
div.portTypeE {
    background-color: #2064ff;
}
.portTypeE {
    background-color: #2064ff;
}
div.portTypeN {
    background-color: #bf81ff;
}
.portTypeN {
    background-color: #bf81ff;
}
.wide_section_mngCtrl {
    width:40px;
    padding:0 10px;
    padding-top:30px;
}
.wide_btn_portCtrl {
    width:40px;
    height:135px;
    border:1px solid #cccccc;
    background:#eeeeee;
    margin-bottom:10px;
    text-align: center;
    transition:0.2s;
}
.wide_btn_portCtrl img {
    margin-top:10px;
}
.wide_btn_portCtrl:hover {
    background:#e2e2e2;
    cursor: pointer;
}
.wide_btn_portCtrl_large {
    width:40px;
    height:280px;
    border:1px solid #cccccc;
    background:#eeeeee;
    margin-bottom:10px;
    text-align: center;
    transition:0.2s;
}
.wide_btn_portCtrl_large img {
    margin-top:10px;
}
.wide_btn_portCtrl_large:hover {
    background:#e2e2e2;
    cursor: pointer;
}
/* ----------------- 포트 관리하기 > 포트상세fullsize ---------------- */
.section_fullDetail {
    position:relative;
    width:1138px;
    border:1px solid #bbb;
    background:#fff;
    overflow: hidden;
    padding:30px;
}
/* 타이틀박스 -------------------------*/
.box_fullDetail_title {
    width:100%;
    height:152px;
}
.box_fullDetail_title .portName {
    overflow: hidden;
}
.portNum_large {
    padding:5px 10px;
    background:#666;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
    font-size:15px;
    border-radius:3px;
}
.portName_large {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:22px;
    font-weight:500;
    color:#333;
    letter-spacing: -1px;
    padding-left:8px;
}
.box_fullDetail_title .portInfo {
    width:100%;
    overflow: hidden;
    padding-top:10px;
}
.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-in-1{
    display:block;
    overflow:hidden;
    margin-bottom:7px;
    text-align:right;
}
.portfunc-in-1 .btn-16,
.portfunc-in-1 .btn-17{
    margin-left:6px;
}
.portfunc-in-2 {
    display: block;
    height: 30px;
    margin-bottom: 10px;
}
.portfunc-in-3 {
    display: block;
}
/* 수익률박스 -------------------------*/
.box_fullDetail_rates {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}
.box_fullDetail_rates .copyInfotxt {
    width:100%;
    text-align: right;
    margin-bottom:8px;
}
.box_fullDetail_rates .rate_leftBox {
    width:530px;
    background:#f5f7f9;
    padding:14px 20px;
}
.box_fullDetail_rates .rate_rightBox {
    width:500px;
    background:#f5f7f9;
    padding:14px 20px;
}
.box_fullDetail_rates .rate_leftBox_pop {
    width:425px;
    background:#f5f7f9;
    padding:14px 5px 14px 10px;
}
.box_fullDetail_rates .rate_rightBox_pop {
    width:425px;
    background:#f5f7f9;
    padding:14px 5px 14px 10px;
}
.box_fullDetail_rates .rate {
    width:24%;
    display:inline-block;
    text-align: center;
}
.box_fullDetail_rates .rate_right {
    width:32%;
    display:inline-block;
    text-align: center;
}
.box_fullDetail_rates .rate span {
    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 .rate_right span {
    display:block;
    margin-bottom:10px;
    color:#424242;
}
.box_fullDetail_rates .rate_right em {
    font-family:'Roboto', sans-serif;
    font-size:18px;
    font-weight:500;
    letter-spacing: 0;
}
/* 탭상세박스 -------------------------*/
.box_tabDetail {
    width:100%;
    overflow: hidden;
}
.fullDetail_tabBox {
    width:100%;
    overflow: hidden;
    margin-top:40px;
}
.fullDetail_tabBox ul {
    position: relative;
    border-bottom:1px solid #f83838;
}
.fullDetail_tabBox ul:after {
    display:block;
    clear: both;
    content: "";
}
.fullDetail_tabBox li {
    float:left;
    text-align: center;
    margin-bottom: -1px;
    width:130px;
    padding:16px 0;
    position: relative;
    border:1px solid #ddd;
    border-right:none;
    border-bottom-color:#f83838;
    background:#f6f6f6;
    font-size:15px;
    color:#888;
}
.fullDetail_tabBox li:hover {
    background:#efefef;
    cursor: pointer;
    color:#666;
}
.fullDetail_tabBox li.on {
    background:#fff;
    border:1px solid #f83838;
    border-bottom-color:#fff;
    color:#f83838;
    font-weight:600;
}
.fullDetail_tabBox li:last-child {
    border-right:1px solid #ddd;
}
.fullDetail_tabBox li.on:last-child {
    border-right:1px solid #f83838;
}
/* 가상매매 수익률박스 -------------------------*/
.fd_subBox {
    position:relative;
    width:100%;
    margin-top:30px;
    overflow: hidden;
    overflow-x: auto;
}
.fd_subBox .box_rateGraph {
    width:100%;
    text-align: center;
    padding:20px;
    box-sizing: border-box;
    border:1px solid #ccc;
}
/* 매매조건(식) 박스 ------------------------------ */
.box_tradeCond {
    width:48%;
    overflow: hidden;
}
.condition {
    border:1px solid #ddd;
    padding:15px;
}
.condition .full {
    font-size:15px;
    font-weight:600;
    color:#333;
    border-bottom:3px solid #ddd;
    padding-bottom: 8px;
}
.condition .full p.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;
    overflow-y: auto;
}
.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 p.none_lock {
    text-align: center;
    margin-top:40px;
    color:#888;
}
.condition .condEx p.none_lock img {
    margin-bottom:10px;
}
.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;
}
/* 젠톡 --------------------------------------- */
.fd_genTalk {
    width:100%;
    background:#f5f7f9;
    margin-top:30px;
    padding:20px;
    box-sizing: border-box;
}
.fd_genTalk .title {
    border-bottom:2px solid #ddd;
    overflow: hidden;
}
.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 .talkCont {
    margin-top:10px;
}
.fd_genTalk .cont_talkLst .talkCont span {
    line-height:20px;
    letter-spacing: 0;
}
.btn_gentalk {
    width: 150px;
    height: 97px;
    border: 1px solid #aaa;
    color: #000;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
/* 성공률&비중 박스 ------------------------------- */
.winRate_full {
    width:366px;
    overflow: hidden;
}
.winRate_popup {
    width:286px;
}
.winRate_cont {
    border:1px solid #ddd;
    padding:30px 20px;
}
.winRate_cont_none {
    text-align: center;
    border:1px solid #ddd;
    height:100px;
    line-height:100px;
}
.graph_hr {
    position:relative;
    width:70%;
    margin:0 auto;
    overflow: hidden;
}
.graph_hr .lose {
    width:30%;
    height:30px;
    background:#177cd2;
}
.graph_hr .win {
    width:70%;
    height:30px;
    background:#f83838;
}
.graph_hr .bar {
    position:absolute;
    width:1px;
    height:30px;
    background:#333;
    left:70%;
}
.graph_txt {
    width:50%;
    margin:0 auto;
    text-align: center;
}
.graph_txt p {
    display: block;
    line-height:15px;
    padding:4px 0;
}
.graph_txt span.legend {
    width:15px;
    height:15px;
    display: inline-block;
    margin-bottom:-3px;
}
.legend_win {
    background:#f83838;
}
.legend_lose {
    background:#177cd2;
}
.graph_txt em {
    font-size:13px;
    color:#424242;
    line-height:15px;
}
/* 수익률박스 ------------------------------------ */
.box_rateChart {
    width:100%;
    border:1px solid #ddd;
    text-align: center;
    padding:20px;
    box-sizing: border-box;
}
/* 거래내역 full 박스 ----------------------------- */
.box_condLstChart {
    width:100%;
    border:1px solid #ddd;
    padding:20px;
    box-sizing: border-box;
}
.table_viewTradeLst {
    width:100%;
    margin-top:30px;
}
.btnSet {
    width:100%;
    text-align: center;
    overflow: hidden;
    margin-bottom:10px;
}
.btn_viewTradeLst_on {
    width:120px;
    background:#fff;
    border:1px solid #143b58;
    padding:14px 0;
    text-align: center;
    color:#143b58;
    border-radius:30px;
}
.btn_viewTradeLst {
    width:120px;
    background:#f1f3f5;
    border:1px solid #ddd;
    padding:14px 0;
    text-align: center;
    color:#888;
    border-radius:30px;
}
.btn_viewTradeLst:hover {
    background:#eaecef;
    color:#666;
    cursor: pointer;
}
.box_loadData {
    width:100%;
    background:#f5f7f9;
    border:1px solid #ccc;
    text-align: center;
    padding:12px 0;
    box-sizing: border-box;
    margin-top:10px;
}
.info_viewTradeLst {
    width:100%;
    overflow:hidden;
    height:34px;
    text-align:right;
}
/* 거래내역 - 날짜별 보기 상세 --------------------- */
.section_tradingLst {
    background:#f5f8fa;
    padding:20px;
}
p.txt_tradingDetail {
    display:inline-block;
    font-size:11px;
    color:#ff6600;
    margin-top:8px;
    margin-left:10px;
}
p.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 em.txt_slctCond_buy {
    font-size:13px;
    color:#ff6f6f;
}
.box_tradeReason li.list em.txt_slctCond_sell {
    font-size:13px;
    color:#177cd2;
}
/* 거래내역 - 주문/체결시각 ---------------------- */
.box_tradeTime {
    width:80%;
    margin:0 auto;
    border:1px solid #ccc;
    overflow: hidden;
    margin-bottom:15px;
    border-radius:4px;
}
.box_tradeTime li {
    width:49.5%;
    font-size:12px;
    padding:8px 0;
    border-right:1px solid #ddd;
}
.box_tradeTime li:last-child {
    border-right:none;
}
.box_tradeTime li em {
    padding-left:10px;
}
/* --------------- 팝업 : 포트비교 ---------------- */
#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:#f83838;}
.sidebg_modify {background:#777;}
.sidebg_copy {background:#555;}
.sidebg_del {background:#424242;}
.sidebg_sell {background:#177cd2;}
.sidebg_reco {background:#bbb;}
.sidebg_blank {background:#fff;}
.sidebg_admin {background:#143b58;}
/* --------------- 새 포트 만들기 ----------------- */
/* Flow Tab ------------------------------------- */
.section_flowTab {
    position: relative;
    width:100%;
    overflow: hidden;
}
.section_flowTab li {
    position: relative;
    float:left;
    width:20%;
    color:#333;
    background:#f1f3f5;
    border-right:1px solid #d2d2d2;
    cursor:pointer;
    padding:20px;
    box-sizing: border-box;
}
.section_flowTab li:first-child {
    border-radius:6px 0 0 6px;
}
.section_flowTab li:last-child {
    border-right:none;
    border-radius:0 6px 6px 0;
}
.section_flowTab li.on {
    background:#f83838;
    color:#fff;
}
.section_flowTab.type-us li.on{
    background:#143b58;
}
.section_flowTab li.von {
    background:#143b58;
    color:#fff;
}
.section_flowTab li p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:17px;
    letter-spacing: -1px;
    font-weight:500;
    margin-bottom:8px;
}
.section_flowTab p.arrow {
    position:absolute;
    top:200px;
    left:600px;
}
.section_newport {
    width:100%;
    border:1px solid #888;
    margin-top:30px;
    overflow-x: auto;
    padding:30px;
    padding-bottom:60px;
    box-sizing: border-box;
    border-radius:5px;
}

/* 기본 설정 ------------------------------------- */
.box_titleR {width:400px;}
.box_titleL {width:700px;}
.box_titleR input {
    border:1px solid #ccc;
    padding:10px;
    box-sizing: border-box;
}
.box_titleL input {
    border:1px solid #ccc;
    padding:10px;
    box-sizing: border-box;
}
/* 매매대상 설정 ---------------------------------- */
.trade_tabBox {
    width:100%;
    overflow: hidden;
    margin-top:10px;
}
.trade_tabBox ul {
    position: relative;
    border-bottom:1px solid #f83838;
}
.trade_tabBox ul:after {
    display:block;
    clear: both;
    content: "";
}
.trade_tabBox li {
    float:left;
    text-align: center;
    margin-bottom: -1px;
    width:180px;
    padding:22px 0;
    position: relative;
    border:1px solid #ddd;
    border-right:none;
    border-bottom-color:#f83838;
    background:#f6f6f6;
    font-size:15px;
    color:#888;
}
.trade_tabBox li:hover {
    background:#efefef;
    cursor: pointer;
    color:#666;
}
.trade_tabBox li.on {
    background:#fff;
    border:1px solid #f83838;
    border-bottom-color:#fff;
    color:#f83838;
    font-weight:600;
}
.trade_tabBox li:last-child {
    border-right:1px solid #ddd;
}
.box_universe {
    width:100%;
    border:1px solid #dddddd;
    overflow: hidden;
    margin-top:6px;
    padding:18px 20px;
    box-sizing: border-box;
}
.box_universe p {
    display:inline-block;
    padding-right:20px;
}
.box_universe p:last-child {
    padding-right:0;
}
.box_universe p.title {
    width:90px;
    border-right:2px solid #ccc;
    margin-right:20px;
    font-size:13px;
    font-weight:600;
    color:#333;
    margin-top:5px;
}
.box_universe p.chk_fix {
    width:170px;
    margin-top:5px;
    margin-bottom:5px;
}
.box_universe p.chk_theme {
    width:20%;
}
.fd_subBox_line {
    overflow: hidden;
    border-top:4px solid #ddd;
    margin-top:20px;
    padding-top:10px;
}
.fd_subBox_line .box_stockResult {
    display:inline-block;
    background:#f3f3f3;
    padding:7px 20px;
    margin-left:10px;
    border-radius:4px;
}
/* 매매조건식 설정 -------------------------------- */
.np_condBox {
    width:100%;
    overflow: hidden;
}
.np_condBox li:nth-child(3n) {
    margin-right:0;
}
.np_condBox .condBox {
    width:32%;
    margin-right:22px;
    margin-bottom:15px;
    border:1px solid #ccc;
    overflow: hidden;
    padding:15px;
    transition:0.2s;
    box-sizing: border-box;
}
.np_condBox .condBox:hover {
    border:1px solid #888;
    cursor: pointer;
}
.num_npCond {
    width:28px;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
    font-size:16px;
    text-align: center;
    color:#fff;
    line-height:28px;
    margin-right:8px;
    border-radius:4px;
}
.np_condBox .condBox img {
    display: block;
    vertical-align: middle;
    padding-top:7px;
}
.np_condBox .addCond {
    width:32%;
    height:62px;
    text-align: center;
    background:#fcfcfc;
    margin-right:22px;
    margin-bottom:15px;
    border:3px dashed #ddd;
    overflow: hidden;
    padding:13px;
    transition:0.2s;
    box-sizing: border-box;
}
.np_condBox .addCond:hover{
    background:#f7f7f7;
    border:3px dashed #ccc;
    cursor: pointer;
}
.btn_addCond {
    display:inline-block;
    width:28px;
    height:28px;
    line-height:26px;
    font-family: 'Roboto', sans-serif;
    font-size:20px;
    font-weight:500;
    background:#ccc;
    color:#555;
    text-align: center;
}
.btn_refresh {
    display: inline-block;
    width:33px;
    height:33px;
    background:#ddd;
    border:1px solid #ccc;
    transition:0.2s;
    border-radius:4px;
}
.btn_refresh img {
    margin-bottom:-3px;
}
.btn_refresh:hover {
    cursor: pointer;
    background:#d2d2d2;
}
.txt_condInput {
    margin-top:10px;
    letter-spacing: 0;
}
.txt_condInput p {
    line-height:22px;
}
/* 포트최적화 ------------------------------------ */
.tbl_opt {
    width:100%;
    border-collapse: collapse;
    border:1px solid #bbb;
}
.tbl_opt th {
    background:#f1f3f5;
    font-size:13px;
    font-weight:600;
    color:#424242;
    padding:12px 10px;
    border:1px solid #bbb;
}
.tbl_opt th.buy {background:#ffe8e8;}
.tbl_opt th.sell {background:#e1f1f8;}
.tbl_opt th.opti {background:#ffede1;}
.tbl_opt th.blg_rgt {border-right: 1px solid #bbb;}
.tbl_opt th.blg_bttm {border-bottom: 1px solid #bbb;}
.tbl_opt th.title {
    background:#184b71;
    border:1px solid #184b71;
    color:#fff;
}
.tbl_opt td {
    height:56px;
    padding:0 12px;
    color:#333;
    letter-spacing: 0;
    border-bottom:1px solid #ddd;
}
.tbl_opt td.taC {text-align: center;}
.tbl_opt td.taL {text-align: left;}
.tbl_opt td.taR {text-align: right;}
.tbl_opt td.bg_gray {background:#f5f7f9;}
.tbl_opt td.blg_bttm {border-bottom: 1px solid #bbb;}
.tbl_opt td.blg_rgt {border-right: 1px solid #bbb;}
.tbl_opt td.good {background:#d6efe3;}
.tbl_opt td.bad {background:#ffe8e8;}
.tbl_opt td.blg_none {border:1px solid #fff;}
.tbl_opt td img {
    margin-bottom:-3px;
    padding-left:4px;
}

.tbl_opt_add {
    width:100%;
    border:1px solid #bbb;
}
.tbl_opt_add th {
    background:#f1f3f5;
    font-size:13px;
    font-weight:600;
    color:#424242;
    padding:12px 10px;
    border:1px solid #bbb;
}
.tbl_opt_add th.title {
    background:#184b71;
    border:1px solid #184b71;
    color:#fff;
}
.tbl_opt_add td.blg_bttm {
    border-bottom: 1px solid #bbb;
}
.tbl_opt_add td {
    height:56px;
    padding:0 12px;
    color:#333;
    letter-spacing: 0;
    border-bottom:1px solid #ddd;
}
.tbl_opt_add td.blg_bttm {border-bottom: 1px solid #bbb;}
.tbl_opt_add td.bg_gray {background:#f5f7f9;}
.tbl_opt_add td.good {background:#d6efe3;}
.tbl_opt_add td.bad {background:#ffe8e8;}
.tbl_opt_add td.blg_none {border:1px solid #fff;}
.box_opt_add {
    width:110px;
    border:3px dashed #ddd;
    background:#fcfcfc;
    margin-left:8px;
    transition:0.2s;
}
.box_opt_add:hover {
    background:#f7f7f7;
    border:3px dashed #ccc;
    cursor: pointer;
}
.box_opt_add .btn_locate {
    text-align: center;
}
.icn_condNum {
    display: inline-block;
    width:20px;
    line-height:20px;
    text-align: center;
    font-size:12px;
    font-weight:600;
    color:#fff;
    border-radius:3px;
}

/* 포트완성 - 백테스팅 실행 ------------------------ */
.backT_loading {
    width:500px;
    overflow: hidden;
    text-align: center;
    margin: auto;
}
.backT_loading .title {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:30px;
    font-weight:500;
    letter-spacing: -1px;
    color:#333;
    padding:30px 0;
}
.backT_loading .remain {
    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_ctrlBtns {
    width:100%;
    overflow: hidden;
    margin-top:10px;
}
/* 포트비교 - 수익률 ------------------------------ */
.slct_rateChart {
    width:100%;
    overflow: hidden;
}
/* 조건입력 팝업 ---------------------------------- */
#wrap_genPop_s {
    position:relative;
    width:740px;
    padding:30px;
    background:#fff;
}
.inputCond_top {
    width:100%;
    overflow: hidden;
}
.inputCond_cont {
    position: relative;
    width:100%;
    border:1px solid #ccc;
    overflow: hidden;
}
.inputCond_cont li.arrow {
    position: absolute;
    top:160px;
    left:419px;
}
/* 조건입력 팝업 - 왼쪽박스 ------------------------ */
.box_condLeft {
    width:420px;
    height:370px;
    border-right:1px solid #ccc;
    overflow-y: auto;
    padding:20px;
    box-sizing: border-box;
}
.box_condLeft li {
    width:100%;
    line-height: 30px;
    color:#333;
}
.box_condLeft li:hover {
    background:#f5f7f9;
    cursor: pointer;
}
.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 span {
    padding-left:60px;
}
/* 조건입력 팝업 - 오른쪽박스 ---------------------- */
.box_condRight {
    width:320px;
    height:370px;
    background:#f5f7f9;
    overflow-y: auto;
    padding:20px;
    box-sizing: border-box;
}
.box_condTitle {
    width:96%;
    margin:0 auto;
    border-bottom:2px solid #ddd;
    padding-bottom:10px;
    margin-bottom:10px;
}
.box_condTitle .condName {
    font-size:15px;
    font-weight:600;
    color:#ff6600;
    margin-bottom: 10px;
}
.box_condSlct {
    width:90%;
    margin:0 auto;
}
.box_condSlct .txt_condSlct {
    font-size:15px;
}
.box_condSlct p {
    height:30px;
}
.box_condSlct p span {
    padding-left:6px;
}
.box_condSlct_half {
    margin:0 auto;
}
.box_condSlct_half .txt_condSlct {
    font-size:15px;
}
.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_condSet {
    width:100%;
    overflow: hidden;
    margin-top:10px;
}
.box_condSet li {
    overflow: hidden;
}
.box_condSet input.input_lft {
    width:450px;
    border:1px solid #ccc;
    padding:8px 10px;
    font-size:15px;
    color:#424242;
    transition:0.3s;
    border-radius:3px;
}
.box_condSet input.input_lft:focus {
    border:1px solid #f83838;
}
.box_condSet input.input_lft:hover {
    border:1px solid #f83838;
}
.box_condSet input.input_rgt {
    width:120px;
    border:1px solid #ccc;
    padding:8px 10px;
    font-size:15px;
    color:#424242;
    transition:0.3s;
    border-radius:3px;
}
.box_condSet input.input_rgt:focus {
    border:1px solid #f83838;
}
.box_condSet input.input_rgt:hover {
    border:1px solid #f83838;
}
.box_condSet select {
    width:106px;
    padding:8px 10px;
    border:1px solid #ccc;
    border-radius:3px;
}
.box_condSet_info {
    background:#f5f7f9;
    padding:14px 10px;
    margin-top:10px;
}
.inputCond_submit {
    width:100%;
    text-align: center;
    margin-top:30px;
    overflow: hidden;
}
.btn_cls {
    position: absolute;
    top:0;
    right:0;
    cursor: pointer;
}
/* ----------------- 젠트레이더 --------------- */
.area_topImg {
    position: relative;
    width:100%;
    height:500px;
    margin:0 auto;
    background:url(../img/trader_topImg-converted.jpg) no-repeat 50% 0;
    overflow: hidden;
    background-color: #263959;
}
.area_topImg .objects {
    position:relative;
    width:1300px;
    height:500px;
    margin:0 auto;
}
.b2b .title_genTrader{
    top:7px;
}
.b2b .title_genTrader2 {
    top: 108px;
}
.b2b .title-genTrader3 {
    top: 250px;
}
.macImg {
    position: relative;
    top: 75px;
}
.title_genTrader {
    position: absolute;
    top:48px;
    left:670px;
}
.title_genTrader2 {
    position: absolute;
    top:186px;
    left:680px;
}
.title-genTrader3 {
    position: absolute;
    top: 370px;
    left: 680px;
}
.btn_genDwn {
    position: relative;
    left:88px;
    bottom:74px;
    background:transparent;
    border:1px solid #c9d7ee;
    font-family:'Noto Sans KR', sans-serif;
    font-size:16px;
    letter-spacing: -1px;
    color:#c9d7ee;
    padding:12px 28px;
    transition:0.3s;
    border-radius:50px;
}
.btn_genDwn:hover {
    background:#35507d;
    border-color:#fff;
    cursor: pointer;
}

.btn-gendwn,
.btn-gendwn-f {
    background: transparent;
    width: 175px;
    text-align: center;
    border: 1px solid #c9d7ee;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    color: #c9d7ee;
    padding: 12px 28px;
    transition: 0.3s;
    border-radius: 50px;
    padding-left:0;
    padding-right:0;
}
.btn-gendwn-f{
    width:372px;
}
.btn-gendwn:hover,
.btn-gendwn-f:hover  {
    background:#35507d;
    border-color:#fff;
    cursor: pointer;
}
/* 리얼 컨텐츠 -------------------------------- */
.area_genCont {
    width:100%;
    margin:0 auto;
}
/* 젠트레이더란? ------------------------------ */
.section_whatGen {
    width:100%;
}
.section_whatGen ul {
    width:1200px;
    margin:0 auto;
    padding:80px 0;
    text-align: center;
}
.section_whatGen ul>li {
    font-size:18px;
    line-height:30px;
    color:#424242;
    letter-spacing: -1px;
}
.section_whatGen li.subtitle {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:34px;
    letter-spacing: -1.5px;
}
/* 특징 ------------------------------------- */
.section_featureGen {
    width:1200px;
    margin:0 auto;
    padding:40px 0;
    overflow: hidden;
}
.section_featureGen li {
    float:left;
    width:33.333%;
    padding:50px 60px;
    text-align: center;
    box-sizing:border-box;
}
.section_featureGen li img {
    margin-bottom:30px;
}
.section_featureGen li p.title {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:20px;
    font-weight:500;
    color:#333;
    letter-spacing: -1px;
    margin-bottom:10px;
}
.section_featureGen li span {
    line-height:24px;
    word-break: keep-all;
}
/* 다운로드 --------------------------------- */
.area_midImg {
    position: relative;
    width:100%;
    height:440px;
    margin:0 auto;
    background:url(../img/trader_midImg-converted.jpg) no-repeat 50% 0;
    overflow: hidden;
}
.area_midImg ul {
    width:1200px;
    margin: 0 auto;
    position:relative;
}
.area_midImg li.title {
    position: absolute;
    right:100px;
    top:65px;
}
.area_midImg li.downBtn {
    position: absolute;
    right:256px;
    top:320px;
    cursor: pointer;
}
/* 사용법 ----------------------------------- */
.section_howGen {
    width:100%;
    height:400px;
    background:#fafafa;
    padding:80px 0;
}
.section_howGen ul {
    position:relative;
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}
.section_howGen li.title {
    font-family:'Noto Sans KR', sans-serif;
    font-weight:300;
    font-size:36px;
    color:#333;
    text-align: center;
    letter-spacing: -1px;
    margin-bottom:70px;
}
.section_howGen li.line {
    position:relative;
    width:80%;
    height:1px;
    margin:0 auto;
    background:#ddd;
    top:50px;
}
.box_howGen {
    position:relative;
    width:25%;
    float:left;
    text-align: center;
    z-index: 1000;
}
.box_howGen p {
    text-align: center;
}
.box_howGen p.icon {
    text-align: center;
    margin-bottom:24px;
}
.box_howGen p.subject {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:18px;
    font-weight:500;
    color:#333;
    letter-spacing: -1px;
    margin-bottom:10px;
}
.box_howGen p.cont {
    font-size:14px;
    color:#666;
    line-height:20px;
}
.box_howGen p.cont span {
    display: inline-block;
}
/* 고객지원 연결 ----------------------------- */
.section_cstmGen {
    position: relative;
    width:100%;
    height:160px;
    background:url(../img/img_traderBack.png) no-repeat 50% 0;
    overflow: hidden;
    background-color: #263e59;
}
.section_cstmGen ul {
    width:650px;
    margin:0 auto;
}
.section_cstmGen li p.txt_cstmGen {
    color:#fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:100;
    font-size:30px;
    letter-spacing: -1.5px;
    line-height:160px;
}
.btn_cstmGo {
    background:#f83838;
    padding:14px 36px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size:15px;
    font-weight:300;
    color:#fff;
    margin-top:56px;
    transition:0.2s;
    border-radius:4px;
}
.btn_cstmGo:hover {
    background:#ff3e3e;
    cursor: pointer;
    transition:0.2s;
}
.btn_cstmGo:active {
    position: relative;
    top:1px;
}
/* ----------------- 고객지원 --------------- */
.area_cstm {
    width:1200px;
    margin:0 auto;
    overflow: hidden;
    padding-bottom: 100px;
}
/* 통합검색 결과 ----------------------------- */
.section_srchResult {
    margin-top:50px;
}
.title_result {
    margin-bottom:30px;
}
.cont_result {
    margin-bottom:30px;
}
.cont_result .box_title {
    border-bottom:2px solid #d2d2d2;
    padding-bottom:7px;
}
.cont_result .box_title span.title {
    font-family: 'Noto sans KR', sans-serif;
    font-size:20px;
    font-weight:500;
    letter-spacing: -1px;
    color:#424242;
}
.cont_result .box_title span.info {
    font-size:12px;
    color:#666;
    padding-left:8px;
}
.cont_result .box_list {
    margin-top:10px;
}
.cont_result .box_list span {
    text-decoration: underline;
    padding:6px;
    color:#333;
    display: block;
}
.cont_result .box_list span:hover {
    cursor: pointer;
    color:#666;
}
/* 도움말 검색 ------------------------------- */
.section_cstmSrch {
    width:100%;
    border:1px solid #f83838;
    background:#fff;
    margin-top:40px;
    text-align: center;
    padding:54px 0;
    box-sizing: border-box;
}
.section_cstmSrch input {
    width:400px;
    border:5px solid #f83838;
    padding:12px 16px;
    font-size:16px;
    color:#f83838;
    text-align: center;
}
.section_cstmSrch p.favKeyword {
    width:520px;
    margin:0 auto;
    text-align: left;
    margin-top:10px;
    color:#666;
}
.section_cstmSrch p.favKeyword span {
    padding-right:20px;
    cursor:pointer;
}
.section_cstmSrch p.favKeyword .bold{
    cursor:default;
}
/* 고객센터 안내 ----------------------------- */
.section_cstmInfo {
    width:100%;
    overflow: hidden;
    margin-top:20px;
}
.box_cstm4p {
    width:778px;
    border:1px solid #ccc;
    background:#fafafa;
}
.box_cstmTel {
    width:398px;
    border:1px solid #ccc;
    background:#fff;
}
/* 고객센터 > 왼쪽박스 ------------------------ */
.box_cstm4p {
    width:778px;
    border:1px solid #ccc;
    background:#fafafa;
    overflow: hidden;
}
.box_cstm4p li.cstm4p {
    width:25%;
    text-align: center;
    float:left;
    padding:37px 0;
    transition:0.3s;
}
.box_cstm4p li.cstm4p:hover {
    background:#f0f0f0;
    cursor: pointer;
}
.box_cstm4p li.cstm4p p {
    margin-top:22px;
    font-weight:600;
    font-size:15px;
    color:#333;
}
/* 고객센터 > 오른쪽박스 ---------------------- */
.box_cstmTel {
    width:338px;
    border:1px solid #ccc;
    background:#fff;
    padding:30px;
    overflow: hidden;
}
.box_cstmTel img {
    margin-top:6px;
}
.box_cstmTel p.timeInfo {
    width:200px;
    margin-left:24px;
}
.box_cstmTel p.timeInfo span {
    display:block;
}
.box_cstmTel p.timeInfo span.title {
    font-weight:600;
    font-size:15px;
    color:#666;
}
.box_cstmTel p.timeInfo span.telNum {
    font-family: 'Roboto', sans-serif;
    font-size:36px;
    font-weight:bold;
    letter-spacing: -1px;
    margin-bottom:7px;
}
.box_cstmTel p.timeInfo span.infoMail {
    color:#177cd2;
    margin-top:5px;
    text-decoration: underline;
    letter-spacing: 0;
}
.box_cstmTel p.timeInfo span.infoMail:hover {
    cursor: pointer;
    color:#ff6600;
}
/* 고객센터 게시판 -------------------------------- */
.section_cstmBrd {
    width:100%;
    overflow: hidden;
    margin-top:60px;
}
.box_cstmBrd {
    width:530px;
    border:1px solid #ccc;
    padding:30px;
    overflow: hidden;
}
.box_cstmBrd li.title {
    width:100%;
    overflow: hidden;
    padding-bottom:8px;
    border-bottom:3px solid #eee;
}
.box_cstmBrd li.title span:after {
    content:"|";
    padding:0 16px;
    color:#ccc;
    font-weight:normal;
}
.box_cstmBrd li.title span:nth-last-of-type(1):after {
    content:" ";
    padding:0;
}
.lst_cstmBrd {
    padding:10px;
    border-bottom:1px solid #ddd;
    overflow: hidden;
}
.lst_cstmBrd p {
    line-height:18px;
}
.lst_cstmBrd img {
    vertical-align: middle;
    padding-right:8px;
}
.lst_cstmBrd span:hover {
    color:#666;
    cursor: pointer;
}
.lst_cstmBrd .lst_date {
    font-family: 'Calibri';
    font-size:12px;
    color:#999;
    letter-spacing: 0;
}
/* --------------- yellowID popup --------------- */
.wrap_smallpop {
    width:600px;
    height:530px;
    overflow: hidden;
}
/* --------------- 고객지원 서브 ------------- */
.section_cstmSide {
    background:#f5f7f9;
    height:100%;
    min-height: 100%;
    padding-bottom: 400px;
}
/* 사이드바 타이틀박스 ------------------------ */
.section_cstmSide .box_cstmSide_title {
    width:220px;
    height:130px;
    background:#263e59;
}
.section_cstmSide .box_cstmSide_title p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:26px;
    font-weight:500;
    color:#fff;
    padding:20px 0 0 25px;
}
.section_cstmSide .box_cstmSide_title span {
    width:20px;
    height:4px;
    background:#fff;
    display: block;
    margin:10px 0 0 25px;
}
/* 사이드바 메뉴 ------------------------------- */
.box_cstmSide_mn {
    width:160px;
    margin:0 auto;
    padding-top:20px;
}
.box_cstmSide_mn li {
    line-height:70px;
    border-bottom:1px solid #ddd;
    font-size:16px;
    color:#333;
}
.box_cstmSide_mn li:hover {
    cursor: pointer;
    font-weight:600;
}
.box_cstmSide_mn li.on {
    color:#f83838;
    font-weight:600;
}
/* 고객지원 컨텐츠 ----------------------------- */
.section_cstmCont {
    width:940px;
    padding-top:40px;
    overflow: hidden;
}
/* --------------- 고객지원 : FAQ ------------- */
.cstmCont_title {
    font-size:26px;
    font-weight:600;
    color:#333;
}
.box_srchFAQ {
    background:#f4f4f4;
    width:100%;
    height:40px;
    padding:30px 0;
    text-align: center;
    margin-top:10px;
}
select.find_cstm {
    padding:10px 6px;
    border-color: #bbb;
    border:1px solid #bbb;
}
input[type=text].find_cstmField {
    width:400px;
    padding:11px 10px;
    color:#333;
    border:1px solid #bbb;
}
button.srchFAQ {
    width:80px;
    line-height:39px;
    background:#a3a3a3;
    border:none;
    color:#fff;
    font-size:13px;
    font-weight:600;
    transition:0.3s;
}
button.srchFAQ:hover {
    cursor: pointer;
    background:#9a9a9a;
}
/* 탭메뉴 --------------------------------------- */
.tab_FAQ1depth {
    width:100%;
    margin-top:30px;
}
.tab_FAQ1depth ul {
    width:100%;
    background:#f6f6f6;
    overflow: hidden;
}
.tab_FAQ1depth li {
    float:left;
    width:20%;
    text-align: center;
    line-height:47px;
    border-bottom:3px solid #263e59;
    color:#333;
}
.tab_FAQ1depth li.on {
    background:#263e59;
    font-weight:600;
    color:#fff;
}
.tab_FAQ1depth li:hover {
    cursor: pointer;
}
.tab_FAQ2depth {
    line-height:40px;
    border-bottom:1px solid #eee;
    background:#fff;
}
.tab_FAQ2depth span:after {
    content:"|";
    padding:0 15px;
    color:#ccc;
}
.tab_FAQ2depth span:nth-last-of-type(1):after {
    content:" ";
    padding:0;
}
.tab_FAQ2depth span.on {
    font-weight:600;
}
.tab_FAQ2depth span.on_admin {
    font-weight:600;
    color:#f83838;
}
/* FAQ 리스트 ----------------------------------- */
.box_FAQlist {
    width:100%;
    overflow: hidden;
    margin-top:40px;
}
.header_FAQlist { /* 헤더 */
    line-height:40px;
    background:#eee;
    border-top:1px solid #999;
    border-bottom:1px solid #ddd;
    overflow: hidden;
    margin-top:8px;
}
.header_FAQlist p {
    float:left;
    font-weight:600;
    color:#333;
}
.header_FAQlist p.category {
    width:160px;
    text-align: center;
}
.header_FAQlist p.cont {
    width:780px;
    text-align: center;
}
.list_FAQlist li {
    line-height:40px;
    background:#fff;
    border-bottom:1px solid #ddd;
    transition:0.3s;
    overflow: hidden;
}
.list_FAQlist li:hover {
    cursor: pointer;
}
.list_FAQlist li:last-child {
    border-bottom:1px solid #999;
}
.list_FAQlist li.openFAQ {
    background:#fcfcfc;
}
.list_FAQlist li.openFAQ:hover {
    cursor: text;
}
.list_FAQlist p.category {
    width:160px;
    text-align: center;
    font-size:12px;
    color:#888;
}
.list_FAQlist p.cont {
    width:780px;
    font-size:13px;
    color:#333;
}
.list_FAQlist p.cont:hover {
    font-weight:600;
}
.list_FAQlist p.FAQon {
    font-weight:600;
}
.list_FAQlist p.openCont {
    width:780px;
    font-size:13px;
    padding:20px 20px 20px 0;
    color:#555;
    line-height:26px;
}
.list_FAQlist li.noneRslt, .divGenSub li.noneRslt {
    text-align: center;
    padding:15px 0;
}
.list_FAQlist li.noneRslt:hover, .divGenSub li.noneRslt:hover {
    cursor: text;
}

.list_FAQlist li.noneRslt:hover, .divGenSub li.noneRslt:hover {
    cursor:text;
}
/* ---------------- 고객지원 : Q&A --------------- */
select.find_cstm_s {
    padding:7px 4px;
    border-color: #bbb;
    border:1px solid #bbb;
}
select.find_cstm_xs {
    padding:3px 4px;
    border-color: #bbb;
    border:1px solid #bbb;
}
input[type=text].find_cstmField_s {
    width:150px;
    padding:8px 10px;
    color:#333;
    border:1px solid #bbb;
}
button.srchFAQ_s {
    width:60px;
    line-height:33px;
    background:#a3a3a3;
    border:none;
    color:#fff;
    font-size:13px;
    font-weight:600;
    transition:0.3s;
}
button.srchFAQ_s:hover {
    cursor: pointer;
    background:#9a9a9a;
}
/* Q&A 리스트 ----------------------------------- */
.box_qnaBrd {
    width:100%;
    margin-top:8px;
}
.box_qnaBrd li {
    border-bottom:1px solid #ddd;
}
.box_qnaBrd li:first-child {
    border-top:1px solid #999;
}
.box_qnaBrd li:last-child {
    border-bottom:1px solid #999;
}
.box_qnaBrd p.genCh {width:130px; text-align: center;}
.box_qnaBrd p.num {width:60px; text-align: center;}
.box_qnaBrd p.subject {
    width:525px;
    max-width:525px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
    text-align: center;
}
.box_qnaBrd p.writer {width:100px; text-align: center;}
.box_qnaBrd p.status {width:80px; text-align: center;}
.box_qnaBrd p.date {width:100px; text-align: center;}
.box_qnaBrd p.read {width:60px; text-align: center;}

.header_qnaBrd {
    width:100%;
    background:#eee;
    overflow: hidden;
    line-height:40px;
}
.header_qnaBrd p {
    float:left;
    font-size:13px;
    font-weight:600;
    color:#333;
}
.list_qnaBrd {
    width:100%;
    background:#fff;
    overflow: hidden;
    line-height:40px;
}
.list_qnaBrd p {
    float:left;
    font-size:13px;
    font-weight:normal;
    color:#333;
}
.list_qnaBrd p.genCh {font-size:12px; color:#888;}
.list_qnaBrd p.num {font-size:12px; color:#888;}
.list_qnaBrd p.date {font-size:12px; color:#888;}
.list_qnaBrd p.read {font-size:12px; color:#888;}

.list_qnaBrd p.subject {
    text-align: left;
    letter-spacing: 0;
}
.list_qnaBrd p.subject span:hover {
    cursor: pointer;
    text-decoration: underline;
}
.list_qnaBrd p.subject img {
    vertical-align: middle;
    padding-right:5px
}
.list_qnaBrd p.subject em {
    padding-left:10px;
    font-size:12px;
    color:#ff6600;
}
/* Q&A 하단 기능 --------------------------------- */
.box_qnaBrd_bttm {
    width:100%;
    overflow: hidden;
    margin-top:8px;
}
/* Q&A view화면 : 글 정보 ------------------------ */
.box_qnaView {
    width:898px;
    border:1px solid #d2d2d2;
    background:#fff;
    margin-top:8px;
    padding:0 20px 20px 20px;
}
.title_qnaView_top {
    padding:20px 0;
    border-bottom:1px dashed #ccc;
    overflow: hidden;
}
.title_qnaView_top p.title {
    font-size:13px;
    font-weight:600;
    color:#333;
    overflow: hidden;
}
.title_qnaView_top p.title img {
    vertical-align: middle;
    padding-right:4px;
}
.title_qnaView_top p.date {
    font-size:12px;
    font-weight:normal;
    color:#888;
    letter-spacing: 0;
}
.title_qnaView_bttm {
    line-height:50px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.title_qnaView_bttm p {
    font-weight:600;
}
.title_qnaView_bttm p span {
    font-weight: normal;
    padding-left:30px;
    color:#666;
}
.title_qnaView_bttm em {
    font-size:12px;
    color:#ff6600;
}
/* Q&A view화면 : 본문 내용 ----------------------- */
.qnaView_cont {
    width:100%;
    padding:25px;
    box-sizing: border-box;
}
.qnaView_cont li {
    line-height:28px;
    letter-spacing: 0;
    padding-bottom: 100px;
}
/* Q&A view화면 : 댓글박스 ------------------------ */
.qnaView_reply {
    width:100%;
    background:#f1f1f1;
    margin-bottom:10px;
    padding:0 20px 20px 20px;
    box-sizing: border-box;
}
.box_reply {
    width:100%;
    position:relative;
}
.box_reply .replyInfo {
    line-height:45px;
    border-bottom:1px solid #ccc;
}
.box_reply .replyInfo span {
    font-size:13px;
    font-weight:600;
    color:#333;
    padding-right:20px;
}
.box_reply .replyInfo em {
    font-size:12px;
    color:#888;
    letter-spacing: 0;
}
.box_reply p.del {
    position:absolute;
    top:20px;
    right:0;
}
.box_reply p.cont {
    padding-top:12px;
    line-height:26px;
}
/* Q&A view화면 : 댓글입력박스 --------------------- */
.input_qnaView_reply {
    background:#f1f1f1;
    padding:10px;
}
.input_qnaView_reply textarea {
    border:1px solid #bbb;
    width:750px;
    min-width:750px;
    max-width:750px;
    height:80px;
    color:#333;
    padding:10px;
    box-sizing: border-box;
}
.btn_submitReply {
    width:120px;
    height:80px;
    font-size:13px;
    color:#555;
    transition:0.1s;
    text-align: center;
    border-radius:3px;
}
.btn_submitReply:hover {
    cursor: pointer;
}
.btn_submitReply: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_qnaView 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;
}
/* --------------- 고객지원 : 공지사항 ------------- */
.box_qnaBrd p.subject_notice {
    width:780px;
    max-width:780px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
    text-align: center;
}
.list_qnaBrd p.subject_notice {
    text-align: left;
    letter-spacing: 0;
}
.list_qnaBrd p.subject_notice span:hover {
    cursor: pointer;
    text-decoration: underline;
}
.list_qnaBrd p.subject_notice img {
    vertical-align: middle;
    padding-right:5px
}
.list_qnaBrd p.noticeOn {
    font-weight:600;
}
.openNotice {
    width:100%;
    background:#fcfcfc;
    overflow: hidden;
}
.openNotice p.cont {
    padding:35px 60px;
    line-height:26px;
    color:#555;
}
/* ---------------- 간편상담신청 팝업 -------------- */
.wrap_cstmpop {
    position:relative;
    width:548px;
    padding:35px;
    border:1px solid #ccc;
}
.wrap_cstmpop li.btn_cls {
    position:absolute;
    top:20px;
    right:20px;
}
.cstmpop_title {
    width:100%;
    border-bottom:3px solid #eee;
    padding-bottom: 8px;
}
.cstmpop_title p {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:500;
    font-size:22px;
    color:#333;
    letter-spacing: -1px;
}
.cstmpop_cont {width:100%;}
.cstmpop_cont p {text-align: center;}
.cstmpop_cont img {padding:65px 0;}
.cstmpop_cont input:focus {
    border-color:#f83838;
}
.cstmpop_agree {
    background:#f5f7f9;
    padding:20px;
    overflow: hidden;
    margin-top:20px;
}
.cstmpop_agree span {
    padding-right:6px;
}
.cstmpop_submit {
    width:100%;
    text-align: center;
    padding-top:25px;
    padding-bottom:60px;
}
.cstmpop_faqGo {
    padding-top:10px;
    border-top:1px solid #ddd;
    padding-bottom:40px;
}
.cstmpop_faqGo span {
    padding-right:6px;
}
/* -------------- 운용포트 > 전략변경 ------------- */
.box_condChngInfo {
    margin-top:10px;
    margin-bottom:20px;
    background:#f3f3f3;
    text-align: center;
    padding:15px 10px;
    border-radius:6px;
}
.tbl_vertical th.bdr_condChng_top {
    border:2px solid #4375af;
    border-bottom:1px solid #ddd;
}
.tbl_vertical th.bdr_condChng_mid {
    border-right:2px solid #4375af;
    border-left:2px solid #4375af;
}
.tbl_vertical .bdr_condChng_left {
    border-left: 2px solid #4375af;
}
.tbl_vertical .bdr_condChng_right {
    border-right: 2px solid #4375af;
}
.tbl_vertical td.bdr_condChng_mid {
    border-right:2px solid #4375af;
    border-left:2px solid #4375af;
}
.tbl_vertical td.bdr_condChng_bttm {
    border:2px solid #4375af;
    border-top:none;
}
.tbl_vertical td.bg_chng {
    background:#fff2ba;
}
/* 백테스팅 포트리스트 ----------------------------- */
.area_slctPort {
    width:48.5%;
    overflow: hidden;
}
.section_backPort {
    width:100%;
    overflow: hidden;
}
.box_backLst {
    width:100%;
    height:180px;
    border:1px solid #ddd;
    background:#fff;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}
.box_backLst li {
    overflow: hidden;
    padding:12px 12px;
    color:#333;
}
.box_backLst li.on {
    background:#1b394b;
}
.box_backLst li:hover {
    background:#dae9f0;
    cursor: pointer;
}
.box_backLst li:nth-child(odd) {
    background:#f7f9fb;
}
.box_backLst li:nth-child(odd):hover {
    background:#e5f1f7;
}
.box_backLst li p.portChk {
    width:50px;
    text-align: center;
}
.box_backLst li p.portNum {
    width:50px;
    margin-right:12px;
    text-align: center;
    color:#777;
}
.box_backLst li p.portNum_02 {
    width:50px;
    text-align: center;
    color:#777;
}
.box_backLst li p.portName {
    width:480px;
    min-width: 480px;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    white-space: nowrap;
    overflow:hidden;
}
.box_backLst li p.portRate {
    width:110px;
    text-align: right;
    font-family: 'Roboto', sans-serif;
    font-size:15px;
    letter-spacing: 0;
    margin-top:-2px;
}
.box_backLst li p.portModify {
    width:150px;
    text-align: right;
    padding-right:10px;
    font-size:12px;
    letter-spacing: 0;
    color:#888;
}
.box_backLst li p.portModify_02 {
    width:180px;
    text-align: left;
    padding-left:15px;
    padding-right:10px;
    font-size:13px;
    letter-spacing: 0;
    color:#555;
}
/* ---------------- 방송보기 팝업 ----------------- */
.tab_VODpop {
    width:100%;
    margin-top:20px;
}
.tab_VODpop ul {
    width:100%;
    background:#f6f6f6;
    overflow: hidden;
}
.tab_VODpop li {
    float:left;
    width:20%;
    text-align: center;
    line-height:47px;
    border-bottom:3px solid #263e59;
    color:#333;
}
.tab_VODpop li.on {
    background:#263e59;
    font-weight:600;
    color:#fff;
}
.tab_VODpop li:hover {
    cursor: pointer;
}
.tab_VODpop li.half {
    width:50%;
}
/* 방송리스트 ------------------------------------ */
.list_VOD {
    border-bottom:1px solid #ddd;
    padding:12px 0 9px 0;
    overflow: hidden;
    cursor: pointer;
}
.list_VOD p.infoBox {
    margin-left:20px;
}
.list_VOD span.title {
    display: block;
    font-size:15px;
    color:#333;
    margin-top:12px;
}
.list_VOD .writer {
    overflow: hidden;
    line-height:40px;
}
.list_VOD .writer em {
    display:inline;
    font-size:13px;
    color:#888;
    letter-spacing: -0.5px;
}
.list_VOD .writer em:after {
    content:"|";
    padding:0 10px 0 14px;
    color:#ccc;
}
.list_VOD .writer em:nth-last-of-type(1):after {
    content:" ";
    padding:0;
}
.list_VOD .writer em.date {
    font-size:11px;
    letter-spacing: 0;
}
/* ---------------- 평가기준 팝업 ----------------- */
.vi_infotxt {
    text-align: right;
}
.vi_infotxt span.index {
    display:inline-block;
    width:12px;
    height:12px;
    background:#fcd8d8;
    margin-bottom:-2px;
    margin-right:3px;
}
/* -------------- 가상/실전 등록 팝업 -------------- */
.box_portName_add {
    background:#f5f7f9;
    padding:12px 0;
    text-align: center;
    margin-bottom:20px;
}
.box_portName_add span {
    display: block;
}
.box_openRange {
    border:1px solid #ccc;
    border-radius:4px;
    padding:15px 30px;
    margin-top:25px;
}
.box_openRange p {
    line-height:40px;
}
.box_openRange 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;
}
/* -------------- 전략 변경 이력 팝업 -------------- */
.box_backLst_header {
    overflow: hidden;
    background:#263e59;
    border-radius:5px 5px 0 0;
}
.box_backLst_header li {
    overflow: hidden;
    padding:12px 12px;
    color:#333;
}
.box_backLst_header li p.portChk {
    width:40px;
    text-align: center;
}
.box_backLst_header li p.portNum {
    width:50px;
    text-align: center;
}
.box_backLst_header li p.portModify {
    width:230px;
    text-align: center;
    padding-right:10px;
    font-size:13px;
    letter-spacing: 0;
}
.box_backLst_header li p.portRate {
    width:110px;
    text-align: center;
}
/* ----------------- footer 영역 ----------------- */
#footer {
    width: 100%;
    margin: 0 auto;
}
.footer_top {
    width: 100%;
    height: 40px;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background: #fff;
}
.footer_top ul {
    width:1200px;
    margin: 0 auto;
}
.footer_top li {
    overflow: hidden;
    margin-top: 13px;
}
.footer_top li p {
    float: left;
    font-size: 13px;
    color: #777;
    padding-right: 40px;
}
.footer_top li p:hover {
    color: #333;
    cursor: pointer;
}
.footer_copy {
    margin:auto;
    width: 1200px;
    height: 200px;
    background: #fff;
    overflow: hidden;
}
.footer_copy .box_left {
    float: left;
    width: 190px;
    margin-top: 28px;
}
.box_left .box_tel .telNum {
    font-family: Calibri;
    font-size: 20px;
    font-weight: 600;
    color: #555;
}
.box_left .box_tel .telNum span {
    padding-left: 6px;
}
.box_left .box_tel .telNum span:hover {
    color: #2480c0;
}
.box_left .box_tel .centerTime {
    font-size: 13px;
    color: #666;
    padding-left: 19px;
    padding-top: 3px;
}
.box_left .box_mail .addMail {
    margin-top: 20px;
    font-family: Calibri;
    font-size: 16px;
    color: #555;
}
.box_left .box_mail .addMail span {
    padding-left: 7px;
    color: #2480c0;
    text-decoration: underline;
}
.box_left .box_mail .addMail span:hover {
    color: #0a629f;
    cursor: pointer;
}
.footer_copy .box_right {
    float: left;
    width: 610px;
    border-left: 1px solid #d5d5d5;
    padding-left: 36px;
    margin-top: 18px;
    margin-left: 100px;
}
.box_right .footer_address {
    font-size: 13px;
    color: #666;
    line-height: 20px;
    padding-top: 10px;
}
.box_right .footer_info {
    font-size: 12px;
    color: #888;
    line-height: 16px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.footer_copy .box_store_b2c {
    padding-top: 30px;
    float: left;
    width: 260px;
}
.footer_copy .box_store_b2c img {
    padding-left: 10px;
    cursor: pointer;
    float: left;
}
.box_socialLnk {
    margin-top: 20px;
}
/*--add CSS on popupPortDetail*/
#divGenTemplate_popupPortDetail, #divGenTemplate_popupPortCompare, #divGenTemplate_popupCast, #divPopupAddIntGroup, #divGenTemplate_popupCast{
    position:fixed;
    padding:0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    overflow:auto;
    margin:0 auto;
    z-index:20000;
}
/* 포트 비교하기 > 포트 정보 > 누적 차트 (연두) */
.chartRTsmall {
    height: 32px;
    margin:auto;
    overflow: hidden;
    padding:0 70px;
    z-index:2000;
}
/* 젠마켓 > 카드형 포트 정보 >  누적차트 (연두) */
.chartRTsmall_card {
    height: 32px;
    width: 90px;
    float:left;
}
/* 젠마켓 > 카드형 포트 정보 >  누적차트 (연두) */
.chartRTsmall_list {
    height: 32px;
    width:60%;
    margin:auto;
    overflow: hidden;
    padding:0 20px;
}
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* progress bar */
.animationStripes,
.animationStripesV{
    position:relative;
    border-radius: 5px;
    height: 30px;
    background-image: repeating-linear-gradient(-45deg, #ff5555, #ff5555 10px, #ff7a7a 10px, #ff7a7a 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;
    width:100%;
    background-color:#eceeef;
}
.animationStripesOver {
    color:white;
    float:right;
    line-height:30px;
    padding-right:15px;
}
@-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;
  }
}
.wrap-info {
    width:976px;
	margin:0 auto;
	border:3px solid #424242;
	border-radius:5px;
	background-color:#fff;
	box-sizing:border-box;
    position:absolute;
    z-index:1199;
    top:130px;
    right:23%;
    box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
}
.info-title {
	width:100%;
	height:45px;
	background-color:#424242;
}
.info-title .title {
	float:left;
	font-weight:bold;
	color:#fff;
	font-size:20px;
	line-height:42px;
	margin-left:14px;
}
.info-title .btn-close {
	float:right;
	margin-top:9px;
	margin-right:14px;
	cursor:pointer;
}
.btn_totop {
    width:1200px;
    margin:auto;
    padding-bottom:100px;
    margin-top:10px;
}
/* 실전매매 */
#content_realmain {
    width:1020px;
    margin:0 auto;
    margin-top:60px;
}
/* 실전매매 리스트 타이틀 */
.tbl_realPort {
    width:100%;
    margin-bottom:20px;
}
.tbl_realPort th {
    font-size:13px;
    font-weight:600;
    color:#333;
    padding:10px 0;
    line-height:16px;
    cursor: pointer;
    text-align: center;
    border-top:1px solid #ddd;
    border-bottom:2px solid #777;
}
.tbl_realPort th p {
    display:inline-block;
}
.tbl_realPort th span {
    font-size:12px;
    color:#555;
    font-weight: normal;
}
.tbl_realPort th span.sort {margin-left:4px;}
.tbl_realPort th span.sort img {vertical-align: middle; margin-top:-4px;}
.tbl_realPort th span.term {font-weight:600; cursor: pointer;}
.tbl_realPort th span.on {color:#1aac00;}
.tbl_realPort th em {
    font-style: normal;
    font-weight: normal;
    color:#888;
}
/* 실전매매 리스트 내용 */
.tbl_realPort tbody > tr {border-bottom:1px solid #ddd;}
.tbl_realPort tbody > tr:hover {background:#f5f7f9; cursor: pointer;}
.tbl_realPort td {
    padding:12px;
    overflow: hidden;
}
.tbl_realPort td p.thumb {width:70px;}
.tbl_realPort td p.boxTitle {width:354px; margin-left:10px;}
.tbl_realPort td span {display:block;}
.tbl_realPort td span.portTitle {font-size:15px; font-weight:600; color:#333; margin-top:2px}
.tbl_realPort td span.portInfo {font-size:12px; color:#888; margin-top:6px;}
.tbl_realPort td span.portStrtDate {font-size:12px; color:#fd8b04; margin-top:10px;}
.tbl_realPort td span.txt_rate_b {
    font-family: 'Roboto', sans-serif;
    font-size:20px;
    font-weight:bold;
}
.tbl_realPort td span.txt_rate_s {
    font-family: 'Roboto', sans-serif;
    font-size:14px;
    font-weight:500;
}
.tbl_realPort td span.chart_rate {
    width:60px;
    height:20px;
    text-align: center;
    margin:0 auto;
    margin-bottom:10px;
}
.tbl_realPort td span.gageBox {
    width:61px;
    height:34px;
    margin:0 auto;
    margin-bottom:8px;
}
.tbl_realPort td span.txt_gage {
    font-size:11px;
    color:#666;
    text-align: center;
}
.tbl_realPort td span.taR {text-align: right;}
.tbl_realPort td span.taC {text-align: center;}
/* 테마 & 관심종목 종목리스트 */
.lyr_themeInfo {
    position:absolute;
    width:260px;
    height:360px;
    background:#fff;
    border:1px solid #888;
    padding:20px;
    z-index:2000
}
.lyr_themeInfo .btn_clsLyr {
    position:absolute;
    top:10px;
    right:10px;
    cursor: pointer;
}
.lyr_themeInfo .title_themeInfo {
    font-size:13px;
    font-weight:600;
    color:#222;
    margin-bottom:20px;
}
.box_themeInfo {
    height:320px;
    overflow-y: auto
}
.box_themeInfo p {
    padding:10px 6px;
    font-size:12px;
    color:#333;
    border-bottom:1px solid #ddd;
}
.box_themeInfo p:nth-child(2n) {
    background:#f5f7f9;
}
.cntStocks.on, .cntStocks:hover{text-decoration:underline;}
.cntStocks {
    padding-left: 5px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    color: #666;
    vertical-align: middle;
    cursor: pointer;
}
/* 휴지통 추가 ----------------------------- */
.bdr_none {
    border:none;
}
/* 젠문가TV 추가 - 170630 ------------------ */
.area_genCh {
    width:940px;
    overflow: hidden;
}
/* 사이드바 메뉴 - 젠문가TV --------------------------- */
.box_SNB_genCh {
    width:160px;
    margin:0 auto;
    padding-top:20px;
}
.box_SNB_genCh li {
    line-height:50px;
    border-bottom:1px solid #ddd;
    font-size:16px;
    color:#333;
    overflow: hidden;
}
.box_SNB_genCh li:hover {
    cursor: pointer;
    font-weight:600;
}
.box_SNB_genCh li.on {
    color:#f83838;
    font-weight:600;
}
.box_SNB_genCh li.mn_2depth {
    line-height:40px;
    font-size:13px;
    padding-left:20px;
}
.box_SNB_genCh p.bn_cstmInfo {
    margin-top:30px;
    border-bottom:none;
}
.box_SNB_genCh p.bn_cstmInfo span {
    margin-bottom:10px;
    display: block;
}

.box_SNB_genCh p.bn_cstmInfo .kakao {
    cursor:pointer;
}
.lnb-slide.on .arrowOff{
    display:block;
}
/* 젠문가TV - TOP ------------------------ */
.section_genCh_top {
    width: 100%;
    overflow: hidden;
}
/* 롤링배너 ------------------------------ */
.box_rollbn {
    width:670px;
    height:270px;
    box-sizing: border-box;
}
.box_tvcastMain {
    width:250px;
    height:270px;
    box-sizing: border-box;
    cursor: pointer
}
/* 온에어 -------------------------------- */
.box_onair {
    width:250px;
    height:270px;
    border:1px solid #ccc;
    padding:15px 20px;
    box-sizing: border-box;
}
.box_onair p.title {
    font-family: 'Roboto', sans-serif;
    font-size:16px;
    font-weight:500;
    text-align: center;
    letter-spacing: 1;
    margin-bottom:3px;
}
.box_onair p.thumb_vod {
    width:210px;
    height:132px;
    background:#f5f7f9;
    margin-bottom:10px;
}
.bar_schedule {
    background:#666;
    border:1px solid #424242;
    text-align: center;
    font-family: 'Noto sans KR', sans-serif;
    font-weight:400;
    font-size:16px;
    letter-spacing: -0.5px;
    color:#fff;
    margin-bottom:5px;
    border-radius:3px;
    padding:6px;
    box-sizing: border-box;
}
.bar_schedule img {
    vertical-align: middle;
    margin-right:4px;
    margin-top:-4px;
}
.bar_schedule span.txt_ing {
    padding-right:5px;
}
/* 젠문가TV - MID ------------------------ */
/* 뉴지스탁 젠문가 ------------------------ */
.section_genCh_list {
    width:100%;
    margin-top:40px;
}
.section_genCh_list li.title {
    font-family: 'Noto sans KR', sans-serif;
    font-size:20px;
    color:#333;
    letter-spacing: -1px;
    margin-bottom:5px;
}
.section_genCh_list li.banner {
    width:100%;
    overflow: hidden;
}
.section_genCh_list li.banner p {
    margin-right:13px;
}
.section_genCh_list li.banner p:last-child {
    margin-right:0;
}
/* 유료강의 리스트 ------------------------ */
.tab_VODlist {
    width:100%;
    border-bottom:3px solid #263e59;
    overflow: hidden;
}
.tab_VODlist li {
    float:left;
    width:131px;
    line-height:40px;
    background:#f2f2f2;
    text-align: center;
    color:#666;
    font-weight:600;
}
.tab_VODlist li:hover {
    cursor: pointer;
}
.tab_VODlist li.on {
    background:#263e59;
    color:#fff;
}
.tbl_classLst {
    width:100%;
    border-collapse: collapse;
    border-bottom:1px solid #d2d2d2;
}
.noBorderBottom {
    border-bottom:none !important;
}
.tbl_classLst_02 {
    border:1px solid #ccc;
}
.tbl_classLst tr td {
    vertical-align: top;
    padding:10px 0 30px 0;
}
.tbl_classLst td.classInfo {
    padding-left:15px;
}
.tbl_classLst p.title_class {
    font-size:16px;
    font-weight:600;
    color:#f83838;
    padding:10px 0;
    cursor: pointer;
}
.tbl_classLst p.title_pastclass {
    font-size:16px;
    font-weight:600;
    color:#263e59;
    padding:10px 0;
}
.class_schedule {
    width:100%;
    clear:left;
    background:#f5f7f9;
    border:1px solid #ddd;
    font-size:12px;
    border-radius: 3px;
    padding:10px 18px;
    box-sizing: border-box;
}
.class_schedule span {
    color:#ff6600;
    padding-left:15px;
}
.class_schedule em {
    padding:0 25px;
    color:#888;
}
.class_schedule2 {
    width:50%;
    clear:left;
    background:#f5f7f9;
    border:1px solid #ddd;
    font-size:12px;
    border-radius: 3px;
    padding:10px 18px;
    box-sizing: border-box;
}
.class_schedule2 span {
    color:#ff6600;
    padding-left:15px;
}
.class_schedule2 span:last-child {
    display:none;
}
.class_schedule2 em {
    display:none;
}
.tbl_classLst dt {
    clear:both;
    color:#333;
    line-height:24px;
    margin-right:10px;
    font-weight: 600;
}
.tbl_classLst dd {
    color:#666;
    line-height:24px;
}
.tbl_classLst td del {
    color:#bbb;
    font-family: 'Roboto', sans-serif;
    font-size:20px;
    font-weight:bold;
    letter-spacing: -1px;
}
.tbl_classLst td del em {
    font-family: 'NanumGothic';
    font-size:13px;
    padding-left:3px;
}
.tbl_classLst p.price_total {
    font-family: 'Roboto', sans-serif;
    font-size:26px;
    font-weight:bold;
    letter-spacing: -1px;
    color:#f83838;
}
.tbl_classLst p.price_total em {
    font-family: 'NanumGothic';
    font-size:15px;
    padding-left:3px;
}
.tbl_classLst span.bn_event {
    display:inline-block;
    margin-top:5px;
    background:#3eac0d;
    font-size:12px;
    font-weight:600;
    color:#fff;
    letter-spacing: -1px;
    border-radius: 3px;
    padding:3px 10px;
    box-sizing: border-box;
}
.tbl_classLst span.bn_event em {
    color:#eaff00;
    font-weight:600;
}
.tbl_classLst td.btn img {
    vertical-align: middle;
    margin-right:5px;
    margin-top:-2px;
}
li.nonePack {
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
    border-bottom: 1px solid #ccc;
}
li.noneEP, .noneEP {
    width:100%;
    padding-top:40px;
    padding-bottom:40px;
    border-top:2px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/* 젠문가TV - 채널메인--------------------- */
.title_genCh {
    margin-top:40px;
    border-bottom: 2px solid #aaaaaa;
    overflow: hidden;
}
.title_genCh p {
    font-weight:600;
    font-size:26px;
    color:#333;
    padding-bottom:7px;
}
.title_genCh p span.icn_ch {
    font-size:15px;
    line-height:18px;
    font-weight:600;
    color:#fff;
    background:#999;
    padding:2px 5px;
    display: inline-block;
    margin-right:8px;
    margin-top:-2px;
    border-radius:3px;
}
.box_genPf {
    position:relative;
    width:100%;
    height:366px;
    background: no-repeat bottom left;
    background-color: #f5f7f9;
}
.box_genPf li.profile {
    position:relative;
    width:560px;
    left:380px;
}
.box_genPf p.title {
    font-size:13px;
    font-weight:600;
    color:#333;
    margin-bottom:10px;
}
.box_genPf p.cont_greeting {
    font-size:15px;
    color:#424242;
    line-height:22px;
}
.box_genPf p.cont_pf {
    font-size:12px;
    color:#666;
    line-height:20px;
}
.bar_schedule_ch {
    position:relative;
    overflow: hidden;
    left:380px;
    width:400px;
    background:#666;
    border:1px solid #424242;
    margin-top:30px;
    margin-bottom:5px;
    border-radius:3px;
    padding:8px 18px;
    box-sizing: border-box;
}
.bar_schedule_ch span {
    font-family: 'Noto sans KR', sans-serif;
    font-weight:400;
    font-size:18px;
    color:#fff;
}
.bar_schedule_ch img {
    vertical-align: middle;
    margin-right:10px;
    margin-top:-6px;
}
.bar_schedule_ch span.txt_ing {
    padding-right:5px;
}
/* 회원후기 슬라이드 --------------------- */
.box_epSlider {
    width:100%;
    overflow: hidden;
}
.area_ep {
    width:465px;
    border:1px solid #b2b2b2;
    background:#fafafa;
    padding:20px 25px;
    box-sizing: border-box;
}
.area_ep p.title {
    font-size:15px;
    font-weight:600;
    color:#333;
    margin-bottom: 10px;
}
.area_ep p.class {
    font-size:12px;
    font-weight:600;
    color:#666;
    text-align: right;
    letter-spacing: -1px;
    margin-bottom:4px;
}
.area_ep p.name {
    font-size:12px;
    color:#ff6600;
    text-align: right;
}
.area_ep p.name span {
    color:#666;
    padding-left:6px;
}
/* 게시판 최근게시물 --------------------- */
.section_boards {
    width:100%;
    margin-top:30px;
    overflow: hidden;
}
.section_boardMain {
    width:445px;
    overflow: hidden;
}
.section_boardMain li.box_title {
    line-height: 40px;
    border-top:2px solid #333;
    border-bottom:1px solid #bbb;
    overflow: hidden;
    padding:0 10px;
}
.section_boardMain li.box_title p.title {
    font-size:15px;
    font-weight:600;
    color:#333;
}
.section_boardMain li.box_title p.more {
    font-size:11px;
    font-weight:600;
    color:#888;
    cursor:pointer
}
div.boardbox_cont {
    padding:5px 10px;
    border-bottom:1px solid #bbb;
}
div.boardbox_cont li {
    line-height:28px;
    overflow: hidden;
}
div.boardbox_cont li p.subject {
    width:350px;
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:13px;
    color:#555;
}
div.boardbox_cont li p.subject img {
    vertical-align: middle;
    margin-top:-2px;
}
div.boardbox_cont li p.subject em {
    padding-left:5px;
    font-size:12px;
    color:#ff6600;
}
div.boardbox_cont li p.date {
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    color:#999;
    letter-spacing: 0px;
}
/* 탭박스 : channel Sub -------------------- */
.tab_genCh_sub {
    width:100%;
    margin-top:30px;
}
.tab_genCh_sub ul {
    width:100%;
    background:#f6f6f6;
    overflow: hidden;
}
.tab_genCh_sub li {
    float:left;
    width:16.66%;
    text-align: center;
    line-height:47px;
    border-bottom:3px solid #263e59;
    color:#333;
}
.tab_genCh_sub li.on {
    background:#263e59;
    font-weight:600;
    color:#fff;
}
.tab_genCh_sub li:hover {
    cursor: pointer;
}
/* 클래스 상세 VOD리스트 --------------------- */
.section_genClass_info {
    width:100%;
    margin-top:30px;
    overflow: hidden;
}
.section_genClass_info li.btn_back {
    text-align: left;
    font-size:13px;
    font-weight:600;
    color:#888;
    margin-bottom:10px;
    cursor: pointer;
}
.box_classInfo {
    border:6px solid #ddd;
    padding:25px;
    overflow: hidden;
}
.box_classInfo li.title_class {
    width:600px;
}
.box_classInfo li.title_class p.title {
    font-size:18px;
    font-weight:600;
    color:#333;
    letter-spacing: -0.5px;
}
.box_classInfo li.title_class p.info {
    font-size:13px;
    color:#666;
    line-height:18px;
}
.section_genVOD {
    width:100%;
    overflow: hidden;
    margin-top:40px;
}
.box_genVODlist {
    position:relative;
    width:222px;
    margin-right:17px;
    margin-bottom:35px;
}
.box_genVODlist p.tag {
    position:absolute;
    top:0;
    right:0;
    padding:2px 5px;
    font-size:12px;
    color:#fff;
}
.box_genVODlist p.bg_ing {background:#f83838;}
.box_genVODlist p.bg_prepare {background:#3eac0d;}
.box_genVODlist p.bg_end {background:#888;}
.box_genVODlist p.thumb {width:222px; height:139px;}
.box_genVODlist p.thumb img {width:100%; height:100%;}
.box_genVODlist p.title {
    width:222px;
    max-width: 222px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:15px;
    font-weight: 600;
    color:#333;
    margin-top:10px;
    line-height:20px;
}
.box_genVODlist p.date {
    font-size:12px;
    color:#888;
    margin-top:8px;
}
.box_genVODlist p.date span {padding-left:8px;}
.box_genVODlist p.date em {padding-left:4px;}
.box_genVODlist p.btn {
    position:relative;
    text-align: center;
    margin-top:15px;
}
.box_genVODlist p.btn img {
    vertical-align: middle;
    margin-top:-2px;
    margin-right:4px;
}
/* 수강신청 팝업 ----------------------------- */
.commonPop_cont li.infobox {
    width:100%;
}
.commonPop_cont li.infobox p.title {
    font-size:13px;
    font-weight:600;
    color:#333;
}
.commonPop_cont li.infobox p.cont {
    padding:15px;
    border:1px solid #ccc;
}
.commonPop_cont li.infobox p.thumb {
    width:120px;
    height:75px;
    background:#f5f7f9;
    border:1px solid #ccc;
    text-align: center;
    box-sizing: border-box;
}
.commonPop_cont li.infobox p.btns {
    text-align: center;
}
.commonPop_cont li.infobox span {
    display:block;
}
.commonPop_cont li.infobox span.btn_del {
    display:inline-block;
    margin-left:5px;
}
.commonPop_cont li.infobox span.size {
    display:inline-block;
    margin-left:10px;
    font-size:12px;
    color:#666;
    font-weight:normal;
    letter-spacing: 0;
}
.commonPop_cont li.infobox a {
    color:#177cd2;
    letter-spacing: 0;
    text-decoration: underline;
}
.commonPop_cont li.btns_pay {
    width:100%;
    text-align: center;
}
.commonPop_cont p.genCh_payRslt {
    border:6px solid #ccc;
    text-align: center;
    padding:20px 0;
}
.commonPop_cont p.genCh_payRslt span {
    display: block;
}
.commonPop_cont p.genCh_payRslt .txt_payRslt {
    font-family: 'Noto sans KR', sans-serif;
    font-size:20px;
    font-weight:500;
    color:#333;
    letter-spacing: -1px;
}
/* 강의 리스트 > 강의 상세 레이어 ---------------- */
.lyr_VODdetail {
    position: absolute;
    width:280px;
    background:#fff;
    text-align: left;
    border:1px solid #666;
    margin-bottom:6px;
    padding:15px;
    box-sizing: border-box;
    z-index:1000;
}
.lyr_VODdetail .btn_clsLyr {
    position:absolute;
    right:8px;
    top:8px;
    cursor: pointer;
}
.lyr_VODdetail .title_VOD {
    font-size:13px;
    font-weight:600;
    margin-bottom: 10px;
}
.lyr_VODdetail .title_large {
    font-size:15px;
    font-weight:600;
    margin-bottom: 10px;
}
.lyr_VODdetail .cont_VOD {
    font-size:13px;
    color:#424242;
    line-height:18px;
}
.lyr_VODdetail .arrow_lyr {
    position:absolute;
    bottom:-6px;
    left:50%;
    font-size:0;
}
.lyr_more {
    width:76px;
    background:#fff;
    border:1px solid #888;
    box-shadow: 2px 2px 5px #ccc;
}
.lyr_more li {
    line-height:25px;
    color:#666;
    font-size:13px;

    padding:3px 0 3px 10px;
}
.lyr_more li:hover {
    color:#333;
    cursor: pointer;
    background:#eee;
}
select.single {
    border:1px solid #ccc;
    font-family: 'NanumGothic', sans-serif;
    font-size:13px;
    color:#333;
    padding:6px;
}
select.single option {padding:6px 0;}
/* 수강 패키지 히스토리 -------------------------- */
.cont_packHistory {
    line-height:18px;
    height:400px;
    overflow-y: auto;
}
.cont_genHistory {
    line-height:18px;
    height:250px;
    overflow-y: auto;
    border:solid 1px #ddd;
}
.list_packHistory {
    border:1px solid #ddd;
    font-size:13px;
    color:#333;
    padding:10px;
    margin-bottom:8px;
}
.list_packHistory:last-child {
    margin-bottom:0;
}
.list_packHistory span.date {
    font-size:12px;
    color:#666;
    letter-spacing: 0;
    display: block;
}
.list_packHistory span.packname {
    font-size:14px;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}
.list_packHistory span.reason_pay {
    font-size:12px;
    font-weight: 600;
    color:#007cd2;
}
.list_packHistory span.reason_admin {
    font-size:12px;
    font-weight: 600;
    color:#ff6600;
}
/* 후기 게시판 ---------------------------- */
.box_epInfo {
    padding:10px;
    background:#f5f7f9;
}
/* 젠문가TV - 채널관리--------------------- */
.section_regiLst {
    width:100%;
}
.box_regiLst {
    width:100%;
    font-family: 'NanumGothic';
    overflow: hidden;
}
.box_regiLst select {
    font-family: 'NanumGothic';
    padding:8px 8px 10px 8px;
    border:1px solid #ccc;
    width:800px;
}
.btn_regiVOD {
    background:#fff;
    border:1px solid #f83838;
    color:#f83838;
    font-weight:600;
    padding:10px 15px;
    cursor: pointer;
    border-radius:3px;
}
.btn_regiVOD img {
    margin-right:5px;
    margin-bottom:-2px;
}
/* 방송 등록하기 & 등록리스트 --------------- */
.box_regiLst_VOD {
    width:100%;
}
.box_regiLst_VOD div.on {
    border:1px solid #f83838;
}
.list_regiVOD {
    border:1px solid #ccc;
    padding:15px;
    overflow: hidden;
}
.list_regiVOD .thumb {
    width:120px;
    height:75px;
}
.list_regiVOD .VODinfo {
    width:620px;
    margin-left:30px;
}
.list_regiVOD .VODinfo p.title {
    font-size:15px;
    font-weight:600;
    color:#333;
    padding:6px 0px 10px 0;
}
.list_regiVOD .VODinfo p.title span {
    font-size:13px;
    color:#666;
    font-weight:normal;
    padding-left:25px;
    margin-left:25px;
    border-left:1px solid #ccc;
    letter-spacing: 0;
}
.list_regiVOD .VODinfo p.title span em {
    color:#ff6600;
}
.list_regiVOD .btns {
    margin-right:5px;
    overflow: hidden;
}
.list_regiVOD .btns p.btn_ctrl {
    width:20px;
    text-align: center;
    margin-top:3px;
    margin-left:10px;
    cursor: pointer;
}
/* 수강생 현황 ------------------------------- */
.list_VODstatus {
    width:100%;
    overflow: hidden;
}
.list_VODstatus li {
    width:220px;
    overflow: hidden;
    background:#e8f4ff;
    border:1px solid #b9d3eb;
    border-radius:3px;
    padding:15px 15px 12px 15px;
    box-sizing: border-box;
    margin-right:20px;
}
.list_VODstatus li:last-child {
    margin-right:0;
}
.list_VODstatus li p {
    line-height:22px;
}
.list_VODstatus li p span {
    font-size:13px;
    color:#333;
    padding-left:3px;
}
.box_sortResult_student {
    width:100%;
    line-height:30px;
    overflow: hidden;
}
.box_sortResult_student select {
    font-family: 'NanumGothic';
    padding:5px;
    border:1px solid #ccc;
}
.box_sortResult_student p.txt_result {
    font-weight:600;
    color:#333;
}
.box_sortResult_student p.txt_result span {
    font-weight:normal;
    padding-left:6px;
}
.box_sortResult_student p.txt_result em {
    font-weight:600;
    color:#ff6600;
}
.tbl_vertical td.pl15px {
    padding-left:15px;
}
/* 강의 등록하기 팝업 ------------------------- */
input[type=text].box_input {
    width:100%;
    color:#333;
    border:1px solid #ccc;
    padding:8px;
    box-sizing: border-box;
}
input[type=text].box_input_date {
    width:100%;
    color:#333;
    border:1px solid #ccc;
    background:url(../img/icn_inputbox_date.png) no-repeat;
    background-position:95px;
    padding:8px;
    box-sizing: border-box;
}
select.slct_time {
    font-size:13px;
    font-family: 'NanumGothic';
    color:#333;
    border:1px solid #ccc;
    padding:7px;
    box-sizing: border-box;
}
textarea.area_VODinfo {
    width:100%;
    border:1px solid #ccc;
    color:#333;
    font-size:13px;
    line-height:18px;
    resize:none;
    padding:8px;
    box-sizing: border-box;
}
.spanCursor {
    cursor:pointer
}
/* 미래에셋 추가 부분*/
.mi_header li.menu {
    float:left;
    font-family:'Noto Sans KR', sans-serif;
    font-size:15px;
    color:#232323;
    width:598px;
    height:54px;
    line-height:54px;
    border-right:1px solid #e8e8e8;
    text-align:center;
    cursor:pointer;
    font-weight:bold;
}
.mi_header li.submenu {
    height:25px;
    line-height:25px;
    font-family:Dotum, '돋움';
    font-size:12px;
    color:#666666;
    text-align:center;
    cursor:pointer;
}
.mi_header li.on {
    color:#f36910;
}
.mi_header div.submenu {
    width:100%;
    height:100px;
    border-bottom:1px solid #e8e8e8;
    position:absolute;
    z-index:9999;
    background-color:white;
}
.mi_header .box_findStock {
    float:right;
    width:215px;
    height:30px;
    border:1px solid #0566b3;
    margin-top:35px;
    margin-left:20px;
    border-radius:2px;
}
.mi_header .box_findStock:hover {
    border:1px solid #b5b5b5;
}
.mi_header .box_findStock input {
    font-family: Dotum, "돋움";
    width:185px;
    height:30px;
    color:#acacac;
    background:transparent;
    border:none;
    font-size:12px;
    padding-left:10px;
}
.mi_header .box_findStock img {
    cursor:pointer;
    padding-top:6px;
}
.mi_header_find_list_box {
    font-family: Dotum, "돋움";
    font-size: 12px !important;
    border: solid 1px #006699 !important;
    line-height: 20px !important;
    padding: 5px !important;
    background-color: White !important;
    list-style-type:none !important;
    width:185px !important;
    z-index:9999999 !important;
}
.foot_family_site_cover {
    position:absolute;
    top:33px;
    width:104px;
    height:186px;
    border:solid 1px #d5d5d5;
    background-color:#fff;
    margin:3px 2px 0 854px;
    z-index:1;
}
.foot_family_site_cover p{
    font-size:13px;
    color:#7a7a7a;
    height:30px;
    border-bottom:solid 1px #d5d5d5;
    text-align:center;
    line-height:30px;
    cursor:pointer;
}
.foot_family_site_cover p:hover{
    font-weight:bold;
}
/* 관심종목저장 버튼 */
.btn_saveStock {
    width: 190px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 6px;
}
.btn_saveStock li {
    width: 190px;
    height: 50px;
    line-height: 50px;
    background: #f83838;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 3px;
}
/* 그룹명 입력창 */
.section_inputName {
    width: 220px;
    height: 130px;
    background: #fff;
    border: 1px solid #c2c2c2;
    text-align: center;
    right: 300px;
    position: absolute;
    z-index: 100000;
    top: 250px
}
.section_inputName li.title {
    margin-top: 24px;
    margin-bottom: 10px;
}
.section_inputName li.title p {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}
.section_inputName li input {
    width: 140px;
    height: 26px;
    font-size: 13px;
    color: #555;
    padding: 0 10px;
    border: 1px solid #a1a1a1;
}
.section_inputName .box_btnInput {
    width: 100%;
    height: 40px;
    background: #eee;
    margin-top: 13px;
}
.section_inputName .box_btnInput button {
    width: 60px;
    height: 28px;
    font-size: 13px;
    border: 1px solid #a1a1a1;
    background: #fff;
    border-radius: 3px;
    margin-top: 6px;
}