/* index */
.mainbanner_wrap{
    background: #fff;
    position: relative;
    box-sizing: border-box;
}
.mainbanner {
    width: 100%;
    margin: 0 auto;
    background: url(../img/bg/city1.jpg) no-repeat top center;
    background-size: cover;
    height: 100vh;
    font-size: 13px;
}
.mainbanner_bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,.3);
}
.mainbanner_wrap aside{display: none;}
.mainbanner_text{
    width:90%;
    margin:auto;
    text-align: center;
    padding-top: 35vh;
    font-size: 1.6em;
    font-family: 'NanumSquare', sans-serif;
    transform: skew(-0.03deg);
    color: #fff;
}
a.gra_a{
    background-image: linear-gradient(to right, #b979b0 0%, #634f9d 19%, #5260aa 38%, #199abc 55%, #5260aa 100%);
    border-radius: 50px;
    background-size: 200% auto;
    transition: 0.5s;
    padding:11px 40px;
    color: #fff;
    font-size:1.1em;
    letter-spacing:5px;
    font-family: 'NanumSquare', sans-serif;
    transform: skew(-0.03deg);
    font-weight:600;
    position: absolute;
    left:50%;
    margin-left: -94px;
    bottom: 25%;
}
.gra_a:hover, .gra_a:focus { background-position: right center; color:#fff;}


.main_gray_wrap{
    background: #e9ecf1;
    border-radius:60px 60px 0 0;
    text-align:center;
    font-family: 'NanumSquare', sans-serif;
    transform: skew(-0.03deg);
}
.main_gray_wrap>div>div{padding-top:30px;}
.main_gray_wrap>div>div::after{content:''; display:block; clear: both; overflow: hidden;}
.main_title{
    font-size:1.6em;
    letter-spacing:-2px;
    margin-top:10px;
    margin-bottom:20px;
    background-image: url(../img/bg/main_title_img.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size:180px;
    padding-top:20px;
    font-weight:600;
    font-family: 'NanumSquare', sans-serif;
    transform: skew(-0.03deg);
}
.main_white{
    background: #fff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
    border-radius: 15px;
    font-size:16px;
}
.main_white>a{display: block; padding:20px 5%;}
.main_white>a:hover, .main_white>a:focus{color:#333;}
.main_white img{width:35%; margin-bottom:20px;}

.first_left{padding:20px 5%; margin-bottom:10px;}
.first_left>div{font-weight:600;}
.first_left li{margin-bottom:5px;}
.first_right>li{width:calc(50% - 5px); float:left;}
.first_right>li:first-child{margin-right:10px;}
.first_right img{height:60px; width:auto; margin-bottom:10px;}
.first_right p{margin-bottom:0;}

.main_2nd>a{display: block; padding:15px; margin-bottom:10px;}
.main_2nd>a img{width:32%;}
.main_2nd>a p{margin-bottom:0;}
.main_2nd>table{font-size:0.7em; text-align: left;}
.main_2nd th{border-top:none; background: #343a40; color:#fff; padding: 10px 15px;}
.main_2nd td{padding: 8px 15px;}
.main_2nd tr:last-child td{border-bottom:none;}
.main_2nd tr:first-child th:first-child {border-top-left-radius: 15px;}
.main_2nd tr:first-child th:last-child {border-top-right-radius: 15px;}
.main_2nd tr:last-child td:first-child {border-bottom-left-radius: 15px;}
.main_2nd tr:last-child td:last-child {border-bottom-right-radius: 15px;}
.main_2nd span{
    background: #c34042;
    display: inline-block;
    font-size:0.8em;
    padding:1px 3px;
    color: #fff;
    border-radius: 4px;
    margin-right: 5px;
}
.main_2nd .main_trade_table{text-align:center; margin-bottom: 10px;}
.main_trade_table a{
  font-size:0.9em;
  display:inline-block;
  padding:2px 5px;
  border: 1px solid #bbb;
  border-radius:5px;
}
.main_trade_table th {padding: 10px 2px;}
.main_trade_table td {padding: 8px 2px;}
.main_trade_table .ctrset  .btn{
    padding: 0;
    border-radius: 0;
    border: none;
    margin-bottom: 1px;
    cursor:default;
}
.main_2nd table p{margin-bottom: 0; display:inline-block;}



.main_3rd{padding-top:50px; padding-bottom:80px;}
.main_3rd{margin-bottom:0px;}
.main_3rd li{width:calc(50% - 5px); ;margin-right:10px; float:left; margin-bottom:10px; padding: 20px 0;}
.main_3rd li p{margin-bottom: 0; /* font-size: 0.7em; */}
.main_3rd li:nth-child(2n){margin-right:0px;}
.main_3rd a{display: block;}



.main_slide_wrap{
    background: #343A40;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 70px;
    font-family: 'NanumSquare', sans-serif;
    transform: skew(-0.03deg);
    font-weight: 600;
}
.main_slide_wrap>p{
    text-align: center;
    margin-bottom: 25px;
    font-size:1.2em;
    background-image: url(../img/bg/main_title_img.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 180px;
    padding-top: 20px;
}
.main_slide_wrap>p span{display:block;}
.control_div>div{display:none;}
.slide_center{
    background-image: url(../img/photo/phone_bg.png);
    background-size:100%;
    background-repeat: no-repeat;
    width:180px;
    margin:auto;
    padding-top: 40px;
    height: 360px;
}
.slick_slider{
    width:157px;
    margin: auto;
}
.slick_slider img{width: 100%;}





/* mypage */
#mypage_page .contents_div>div:last-child{margin-top:90px;}
.certify_wrap ul{text-align: center; border-top: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3;}
.certify_wrap li{background: #E9ECF1; padding:20px 10px 50px; position: relative; float:none;}
.certify_wrap img{width:90%; max-width:65px; margin:0 auto 15px; display: block;}
.certify_wrap li:nth-child(2){background:#fff;}
.certify_wrap b{display:block; font-size: 1.05em;}
.certify_wrap p{color:#808080; margin-top:8px; margin-bottom:10px;}
.certify_wrap li a span{z-index:1; position: absolute; width:30px; height:30px; border-radius:100%; bottom:15px; left:calc(50% - 15px); background:no-repeat 50% 50%/50% 50%;}
.certify_wrap .round_chk{background-color: #3BB54A; background-image:url(./../img/icon/chk_icon.png); }
.certify_wrap .round_x{background-color: #D7443E; background-image:url(./../img/icon/x_icon.png); }
.certify_wrap .round_prepare{background-color: #666; background-image:url(./../img/icon/x_icon.png); }

.table_div4{border-top:1px solid #B3B3B3; font-size:0.85em;}
.table_div4 dt{
    border-bottom: 1px solid #B3B3B3;
    background: #E9ECF1;
    margin:0;
    float: left;
    width:30%;
    padding:7px 5px;
    text-align: center;
    color: #333;
}
.table_div4 dd{
    border-bottom: 1px solid #B3B3B3;
    margin:0;
    float: left;
    width:70%;
    padding:7px 5px;
}



/* 회원가입 register */
.regi_title{
    font-size:1.3em;
    text-align:center;
    font-weight:900;
    font-family: 'NanumSquare', sans-serif;
    transform: skew(-0.03deg);
}
.regi_wrap{
    width: 90%;
    margin:80px auto;
    max-width:500px;
    border-radius: 10px;
    background: #fff;
    text-align: left;
    padding: 20px;
}
.regi_div{
    border-bottom: 2px solid #d9d9d9;
    font-family: 'NanumSquare', sans-serif;
    transform: skew(-0.03deg);
    font-weight:600;
    margin-top:17px;
}
.regi_wrap input{
    font-size: 16px;
    background: transparent;
    width: 75%;
    border:none;
    border-radius: 5px;
    padding: 0px 7px 3px;
}
.regi_wrap select{
    width: 100%;
    border: none;
}
.regi_div span{
    font-size: 14px;
    color: #333333;
    line-height: 1.5;
    padding-left: 7px;
}
.regi_div input:-moz-read-only { /* For Firefox */ background-color:#E9ECF1;}
.regi_div input:read-only {background-color:#E9ECF1;}
.regi_div ::-webkit-input-placeholder { /* Edge */ font-size:16px;}
.regi_div :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size:16px;}
.regi_div ::placeholder {font-size: 16px;}
.regi_div select{color:#757575; font-size:0.75em;}
.regi_wrap small{color:#C34042; display:block; text-align: left; font-size:0.75em; margin-top:5px; line-height:1.4em;}
.regi_wrap .small_alert{display:none;}

.regi_btn a{
    width:95px;
    padding: 5px 7px;
    box-sizing: border-box;
    background: #333;
    border-radius:8px;
    float: right;
    margin: 7px 0;
}
.regi_btn a:link, .regi_btn a:visited, .regi_btn a:hover, .regi_btn a:focus{color:#fff;}
.regi_btn a:hover, .regi_btn a:focus{background: #1861ae;}
.regi_wrap .full_a_wrap{margin-top:10px; margin-bottom:20px;}
.reco_branch input{
    background: url(../img/icon/select_arrow.png) no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size:15px;
}
.agree_div div.round_chk{
    margin: 20px 0 7px;
    width: 100%;
    border: none;
    border-radius: 5px;
    padding: 5px 0px;
}
.agree_more{
    text-indent: -9999px;
    position: absolute;
    right:13px;
    top: 5px;
    background: url(../img/icon/select_arrow.png) no-repeat 95% 50%;
    background-size:15px;
    width:15px;
    cursor: pointer;
}
.agree_div label{margin-bottom:0; color:#757575;}
.agree_div dt{font-family: 'NanumSquare', sans-serif; transform: skew(-0.03deg);}
.agree_div a{text-decoration: underline;}
.agree_div .round_chk div{text-align: right}
.agree_div dl{font-size:0.9em; display:none;}
.agree_div dl .round_chk input[type="checkbox"]:checked + label:after{top:25%}
.agree_div+small{margin:5px auto 20px;}
.email_div{margin-top:15px;}
.email_div input, .email_div span{float: left;}
.email_div input{width:calc(50% - 10px);}
.email_div span{width: 20px; line-height: 36px; margin: 7px 0;}

.regi_comp_btn{position: relative; height: 52px;}
.regi_comp_btn input {
    width:100%;
    background-image: linear-gradient(to right, #b979b0 0%, #634f9d 19%, #5260aa 38%, #199abc 55%, #5260aa 100%);
    border-radius: 50px;
    background-size: 200% auto;
    transition: 0.5s;
    padding: 11px 40px;
    color: #fff;
    letter-spacing: 5px;
    font-family: 'NanumSquare', sans-serif;
    transform: skew(-0.03deg);
    font-weight: 600;
    position: absolute;
    left: 0;
    bottom: 0;
}

.regi_comp_btn input:hover, .regi_comp_btn input:focus { background-position: right center; color:#fff;}
.reco_branch+small{color:#C34042; display:block; text-align: left; font-size:0.75em; margin-top:5px; line-height:1.4em;}
#register_page .login_wrap{padding-top:30px;}
#register_page .login_wrap .regi_title {font-size: 1.5em;}
.round_chk input#chk_all[type="checkbox"]:checked + label:after {top: 6px;}
.dropout_btn{text-align:right; text-decoration: underline; margin-bottom:5px;}


/* 약관 팝업 */
.agree_pop{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height:100vh;
    z-index:999;
    background: rgba(0,0,0,.5);
    display: none;
}
.agree_pop>div{
    background: #fff;
    width:80%;
    margin: auto;
    padding:20px;
    border-radius: 10px;
    margin-top:80px;
    position: relative;
}
.agree_pop p{
    font-weight: 600;
    border-bottom: 1px solid #000;
    padding-bottom:15px;
    padding-left:0px;
    margin-bottom: 0;
    font-size:0.9em;
}
.agree_pop>div>div{
    overflow: auto;
    height: 50vh;
    font-size:0.75em;
    padding:5px 0px;
}
.agree_close{
    position: absolute;
    right:10px;
    top: 10px;
    font-weight: 600;
    font-size:0.9em;
    cursor: pointer;
}
div.ap1, div.ap2, div.ap3{display:none;}







/* 공지사항 board */
.board_table{font-size: 12px;}
.board_table th, .board_table td {padding: 10px 5px;}
.board_table a{display: block;}
.board_table a:hover, .board_table a:focus{color: #333;}
.board_table tr:hover{background: rgb(242, 243, 245);}
.board_table td:nth-child(1){width: 10%;}
.board_table td:nth-child(2){text-align:left; padding-right:3%; padding-left:3%;}
.board_table td:nth-child(3){width:15%;}
.board_table td:nth-child(4){width:15%;}
.board_table td:nth-child(2) a{display: block; width:100%;}
.board_table td:nth-child(2) a>p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 34px;
    color: #3d3d3d;
    text-decoration: none;
    margin:0;
    position: relative;
}
.new_ico_out{display: none;}


 /* 공지사항 뷰페이지 board_view */
.board_view_top{
    padding: 10px;
    border-top: 2px solid #9b9fa8;
    border-bottom: 1px solid rgb(185, 185, 185);
    background: #f0f0f0;
}
.board_view_top strong{display: block; font-size:15px;}
.board_view_top span{color:#666; font-size:12px; }
.board_view_bottom{
    /* font-size:0.9em; */
    line-height:1.8;
    border-bottom: 1px solid rgb(185, 185, 185);
    padding:10px;
    min-height:30vh;
}
.contents_div .btn_wrap {margin-top: 30px;}



/* 입금신청 deposit  출금신청 withdraw */
#deposit_page select{color: #C34042; font-weight:600;}
#deposit_page dl ul{margin:0}
#deposit_page dl li {
    margin: 0;
    border:1px solid #ddd;
    padding: 5px;
}
.input_like{
    margin: 0;
    border:1px solid #ddd;
    padding: 5px;
    height: 36px
}
.regi_frame input[type=tel]{
    display: inline-block;
    width: calc(100% - 20px);
    height: 36px;
}

#withdraw_page h4{color: #666; font-size: 1.1em; margin-bottom:5px;}
.money_btn_wrap{margin-top: 8px;}
.money_btn_wrap input{
  padding: 4px 0;
  width: 19%;
  background:#fff;
    border:1px solid #bbb;
    height: 42px;
    margin-top: 3px;
}
#withdraw_page .btn.submit, #deposit_page .btn.submit{background:#0966C6}
.money_btn_wrap input:hover, .money_btn_wrap input:focus{background:#333; color:#fff;}
@media (max-width:414px){
  .money_btn_wrap input {
      border-radius: 3px;
      padding: 4px 0;
      width: calc(20% - 3px);
      font-size: 0.8em;
    }
}
/* 입금신청 */
.list_wrap strong{
    display: block;
    margin-bottom: 10px;
}
.list_wrap>p{
    font-weight: 500;
    font-size:1.05em;
}
.list_wrap ul{
    list-style:none;
    margin: 0;
    padding: 0;
}
.list_wrap li{
    position: relative;
    padding-left: 15px;
    padding-bottom: 10px;
}
.list_wrap li:before{
    content: '·';
    display:block;
    position: absolute;
    left: 0;
    font-size: 34px;
    font-family: "Noto Sans";
    top: -18px;
}
.blue_list li:before{color:#4386f9;}
.red_list li:before{color:#f75467;}
.regi_frame{
    display: flex;
    flex-wrap: wrap;
    margin:-1.5%;
}
.regi_frame input[type=text], .regi_frame input[type=password]{
    width: 100%;
}
.regi_frame select{
    width:100%;
    background-position: 98% 52%;
}
.regi_frame dl{
    flex:47%;
    margin:0 1.5% 15px;
}
.regi_frame dt{
    margin-bottom: 8px;
    font-size:1.05em;
    font-weight: 500;
    min-height:auto;
}
.dt_none dd{margin-top: 27px;}
.money_btn_wrap input:hover{
    background: #424242;
    color:#fff;
}
.money_btn_wrap input:last-child{
    background: #424242;
    color:#fff;
    font-weight: 300;
}
.money_btn_wrap input:last-child:hover{
    border:1px solid #bbb;
    background:#fff;
    color: #333;
}
.regi_frame .btn_right_wrap{
    margin:1.5%;
    width: 100%;
    margin-top: 50px;
}






/* 입출금내역 */
.withdrawal_search{position: relative;}
.withdrawal_search .datepicker{width: 105px; background-image: url(../img/icon/calendar.png); background-size:13px;}
.withdrawal_search>div{display:inline-block;}
.withdrawal_search .radio_div{display:inline-block; margin-left: 5px;}
.withdrawal_search .radio_div input[type="radio"] + label{padding-left: 18px; margin-bottom: 0;}
.withdrawal_search .radio_div input[type="radio"] + label:before{left: 0; top: 3px; width: 15px;  height: 15px;}
.withdrawal_search .radio_div input[type="radio"]:checked + label:after{top: 6px; left: 3px; width: 9px; height: 9px;}
.withdrawal_search button{
    position: absolute;
    right:0;
    top:0;
    background: #2b2b2b;
    border:none;
    border-radius: 5px;
    color: #fff;
    line-height:20px;
}

.mytrade_table1 td:nth-child(2){width: 220px;}
.mytrade_table1 td:nth-child(4){width: 125px;}



.date_pick_wrap{position: relative;}
.date_pick_wrap li:last-child{
    position:absolute;
    right: 0;
    top: 0;
}
.date_pick_wrap input[type="radio"] {
    /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0
}
.date_pick_wrap label{
    padding:0px 3px;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 0;
    margin-left:5px;
}
.mytrade_wrap .inputset > input ~ .datebtn{height: 36px;}
.radio_all{color: #333; border:1px solid #333;}
.radio_ver1{color: #0966C6; border:1px solid #0966C6;}
.radio_ver2{color: #C34042; border:1px solid #C34042;}
#itemSep01[type="radio"]:checked+label{background: #333; color:#fff; }
#itemSep02[type="radio"]:checked+label{background: #0966C6; color:#fff; border-color:#0966C6;}
#itemSep03[type="radio"]:checked+label{background: #C34042; color:#fff; border-color: #C34042;}

/* .mytrade_table th:nth-child(4), .mytrade_table th:nth-child(5), .mytrade_table td:nth-child(4), .mytrade_table td:nth-child(5) {display: none;} */
.mytrade_wrap span.sell{
    color: #0966C6;
    border:1px solid #0966C6;
    padding:0px 2px;
    border-radius: 3px;
}
.mytrade_wrap span.buy{
    color: #C34042;
    border:1px solid #C34042;
    padding:0px 2px;
    border-radius: 3px;
}
.mytrade_wrap td:nth-child(3) img{width:8px;}
.mytrade_wrap .overflow_table_wrap table {min-width: 640px;}
.mytrade_wrap .table_scroll {display: block;}
.mytrade_wrap .buy_pop_wrap{display:block;}
.mytrade_table td a{font-size: 16px; padding:0 3px; background: #333; color: #fff;}
.mytrade_table td a:hover{background:transparent; }
.mytrade_table td:nth-child(2){width: 15%;}
.mytrade_table td:nth-child(7){width: 100px;}
.mytrade_table td:nth-child(8){width: 100px;}
@media (min-width: 680px){
    .mytrade_wrap .table_scroll {display: none;}
}

@media (min-width: 1200px){
    .mytrade_table td:nth-child(2){width: auto;;}
}


@media (max-width: 768px){
  .inputdate.release .inputset input {
      width: 90px;
  }
}


/* 매수신청 팝업 */
.buy_pop_wrap{position:fixed; z-index:9998; width:100%; height:100vh; background:rgba(0,0,0,.6);top: 0; left: 0; z-index: 9997; display:none}
.buy_pop{position: relative; background: #e9ecf1; width:90%; max-width:500px; max-height: 735px; margin:0 auto; padding:50px; text-align:center; top:10vh; height:80vh; overflow:auto;}
.buy_pop ul, .buy_pop li{padding:0; margin:0; list-style:none;}
.buy_title{width:100%; background: #333; position:absolute; top:0; left:0; padding: 10px 0; color: #fff;}
.buy_title p{font-size: 1.2rem; margin-bottom: 0;}
.buy_title a{font-size:15px; font-weight:600; right: 15px; top:11px; position: absolute;}
.buy_title a:link, .buy_title a:visited{color: #fff;}
.buy_title a:hover, .buy_title a:focus{color:rgba(255,255,255,.8);}
.buy_pop dl{padding:20px 0 15px;}
.buy_pop dt{font-size:1.75rem; font-weight:500; margin-bottom: 10px;}
.buy_pop dd{font-size:1.1rem;}
.buy_white1{background: #fff; padding:15px 12px; font-size:1.2em; border-radius:6px;}
.buy_white1>p{margin-bottom:6px;}
.buy_white1 div span{font-size: 0.9rem;}
.buy_white1 div p{color:#0966c6; display: inline; font-size: 1.5rem; font-weight: 600;}
.buy_white1 ul{font-size:12px;margin-top: 10px; border-top: 1px solid #b7b7b7; padding-top: 10px;}
.buy_white1 li{display: inline-block; padding: 0 2px;}
.buy_white2 p{background: #0966C6; color:#fff; width:100%; font-weight: 300; border-radius:6px; padding: 8px 0; color: #fff;}
.buy_white2 p.buy{background: #C34042;}
.buy_pop small{text-align:left; display:block; margin: 15px 0 35px;}
.buy_pop small.red_color{margin-bottom:20px;}
.buy_pop>img{width:90px;}


@media (max-width:768px){
    .buy_white2 p {width:100%; float:none;}
    .buy_white2 button{width: 100%;}
}




/* 일대일문의 qna */
.qna_table{font-size:12px;}
.qna_table tbody td:nth-child(2){text-align:left;}
.qna_table tr:last-child td{ border-bottom: none;}
.qna_table th select{width:100%; padding:2px 10px; border:none; background:none; font-weight:600; color:#212529;}
.qna_view_btn img{width:15px;}
.qna_view_btn.active img{transform: rotate(180deg);}
.qna_table .qna_view_tr td{display: none;}
.qna_view_tr td{background: #eff2f7; text-align: left; padding:20px 20px;}
.qna_view_tr p{margin-bottom: 0;}
.qna_view_tr td>div{padding:0px 20px;}
.qna_view_tr td>div>p{font-size:13px; color:#bbb; margin-bottom:5px;}
.qna_view_tr td .qna_answer{background: #fff; padding:20px 20px; margin-top: 30px;}
.qna_answer_day{font-size:13px; color:#c2c1c2; display: block; margin-top: 20px;}
.qna_wrap .overflow_table_wrap {max-height:none; border-bottom: 1px solid #B3B3B3;}

.qna_table tbody td:first-child{width:45px;}
.qna_table tbody td:nth-child(2){text-align:left; width: auto;}
/* .qna_table a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} */
.qna_table th:nth-child(3){display: none;}
.qna_table tbody td:nth-child(3){width:90px; display:none}
.qna_table tbody td:nth-child(4){width:65px;}
.qna_table tbody td:nth-child(5){width:35px;}
.qna_table tr:last-child{border-bottom: 1px solid #b3b3b3;}



/* 일대일문의 뷰페이지 qna_view */
.qna_view_wrap .board_view_bottom{min-height: 150px;}
.qna_reply{padding:19px; background: #f8f8f8;}
.qna_reply pre{margin-bottom: 0;}
.qna_view_wrap .board_view_top span:nth-of-type(2){margin-right:10px;}


/* 일대일문의 뷰페이지 qna_view */
.qna_write_wrap  .table_like{border-right: 1px solid #B3B3B3; border-left: 1px solid #B3B3B3}
.qna_write_wrap dt{background: #E9ECF1; margin-bottom:8px; padding:5px 10px;}
.qna_write_wrap select{font-size:14px;}
.qna_write_wrap textarea{
    width: 100%;
    border:none;
    height:300px;
}
.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}
.filebox label {
    display: inline-block;
    padding: .5em 20px;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #e8ebef;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-color: #e2e2e2;
    border-radius: .25em;
    margin-bottom: 0;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    padding: .5em 10px; /* label의 패딩값과 일치 */
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    border:none;
    background: #fff;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    width: calc(100% - 120px);
}





/* access */
.access_wrap .btn_top_wrap{margin-top: 0;}
.access_wrap .overflow_table_wrap table {min-width: 550px;}
.access_wrap .table_scroll {display: block;}
@media (min-width: 680px){
    .access_wrap .table_scroll {display: none;}
}




/* fx소개 margin 투자방법 investment 공통 mar_inv_common */
.mar_inv_common .contents_div{padding:0;}
.mar_inv_common .nav-tabs .nav-link{border:none; border-bottom:1px solid #999; height: 100%; padding:10px;}
.mar_inv_common .nav-tabs .nav-item.show .nav-link, .mar_inv_common .nav-tabs .nav-link.active{border:none; border-bottom:2px solid #0966C6; background:transparent;}
.mar_inv_common a.nav-item.show, .mar_inv_common a.nav-link.active{color: #0966C6;}
.mar_inv_common .nav-tabs .nav-link:focus, .mar_inv_common .nav-tabs .nav-link:hover{border-bottom:2px solid #0966C6;}
.mar_inv_common .nav-item a:focus, .mar_inv_common .nav-item a:hover{color:#0966C6;}
.mar_inv_common .nav-item p{margin-bottom:0; padding:0; font-weight:700; height:100%;}
.mar_inv_common .contents_div>div{margin-top:0px; line-height:2em;}
.mar_inv_common .tab-content{padding:30px 20px; margin-top:0; line-height: 2em;}

/* fx소개 margin */
.tab3 .nav-tabs .nav-item{flex-basis: 33.3%; text-align: center;}
.tab3 #about>div{padding-top:50px;}
.tab3 #about>div:first-child{padding-top:0px;}
.tab3 .tab-content li{list-style:url(../img/icon/liststyle.gif); margin-left:15px;}
.tab3 .tab-content img{width:100%}
.tab3 #system h4{margin-top:40px;}
.tab3 th, .tab3 td{padding:5px;}
/* table 잘림현상 */
.tab3 .overflow_table_wrap{overflow-y:auto;}
.tab3 .overflow_table_wrap table{min-width: 470px; font-size:12px;}
.tab3 .table_scroll{display:block;}
.tab3 .table_scroll img{width:30px;}
@media (min-width:600px){
    .tab3 .tab-content .table_scroll{display: none;}
}
.tab3 #point ul{margin-bottom:40px;}
.tab3 .tab-pane li p{margin-bottom: 0;}
.tab3 .tab-pane li p:before{content: '- '}
.tab3 #point th, .tab3 #point td{padding: 8px 5px;line-height: 1.4em;}

/* 투자방법 investment */
.tab2 .nav-tabs .nav-item{flex-basis: 50%; text-align: center;}
.invest_wrap i{
    font-style: normal;
    padding:4px 8px 3px;
    border-radius: 50px;
    background: #0966C6;
    font-size:13px;
    margin-right: 5px;
    color: #fff;
}
.invest_wrap dt p{display: inline-block;}
.invest_wrap dd{margin-bottom:30px;}
.invest_wrap .tab-content li{list-style-image: url(../img/icon/chk_round.png); margin-left: 20px; line-height: 1.5em;}
.invest_wrap .tab-content img{width: 100%;}
.in_bor_top{
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #999;
}
.in_bor_top dt p{margin-bottom: 0;}


/* change_branch 지점이동신청 */
.branch_wrap .contents_div>div{margin-top:10px;}
.table_like2 dl{width:100%; margin-bottom:0; border-top: 1px solid #B3B3B3;}
.table_like2 dl:last-child{border-bottom: 1px solid #B3B3B3;}
.table_like2 dt{padding:5px;}
.table_like2 dt{background: #f0f0f0;}
.table_like2 dd{padding:8px 10px 0; text-align:left; min-height: 25px;}
.branch_wrap dd>div{position: relative}
.branch_wrap input[type=text]{
    border-radius:0px;
    width:100%;
    border:1px solid #B3B3B3;
    padding:0 5px;
    background:url(../img/icon/select_arrow.png) no-repeat 97% center; background-size:15px;
}
.branch_wrap select{width:100%; padding:2px 8px;}
.branch_wrap .table_like2+.btn_wrap{margin-bottom:30px;}
/* .branch_wrap .inputset.sectize .selectize-control.single .selectize-input:after{position:fixed; top: 18px;} */
.inputset.sectize .control-group .selectize-input {
    height: 38px;
    padding: 0 40px 0 10px;
    line-height: 27px;
    box-shadow: none;
    border: 1px solid #9d9d9d;
    border-radius: 0;
}
.branch_wrap .btn_wrap, .branch_wrap h4, .branch_wrap .overflow_table_wrap{position:relative; z-index:-1;}
.branch_wrap table{min-width:430px;}
#cancleChangeBtn{background: #333;}
#cancleChangeBtn:hover{color:#fff; opacity:0.9}



/* tradelist 거래결과 200304추가 */
.tradelist_wrap input[type=text]{width:100%; margin-bottom: 5px; padding: 4px;}
.tradelist_wrap #datepicker{
  border: 1px solid #B3B3B3;
  padding: 4px 5px;
  background:url(/img/icon/cal.png) no-repeat 96% center;
  background-size:15px;
}
.timepicker{
  border: 1px solid #B3B3B3;
  padding: 0 5px;
  background:url(/img/icon/clock.png) no-repeat 96% center;
  background-size:15px;
}
.tradelist_wrap .inputset.on{border: 1px solid #B3B3B3;}
.tradelist_wrap .inputset > input ~ .datebtn{top: 5px;}
.ui-timepicker-standard a{font-size: 15px;}
.right_contents .tradelist_search .ui-state-hover{border:none;}
.tradelist_search{position: relative;}
.tradelist_search select{padding:9px 5px; width:120px; border: 1px solid #B3B3B3; vertical-align: top; margin-bottom:5px;}
.tradelist_search input[type=button]{
    background: #333;
    border:none;
    border-radius:3px;
    color: #fff;
    padding: 9px 15px;
    position: absolute;
    top: 0;
    right: 0;
}
.allresult_table td:nth-child(2){width:35%;}
.tradelist_search+.overflow_table_wrap{z-index:-2; position: relative;}
.tradelist_wrap .moreview{background: #333; color: #fff}
.tradelist_wrap .moreview:hover{ color: #fff}

/* 달력 */
.index_body .ui-datepicker{font-size:0.9em; text-align:center;}
.index_body .ui-widget-header{border: none; background: #fff;}
.index_body .ui-datepicker th {padding:2px;}
.index_body .ui-state-default,.index_body .ui-widget-content .ui-state-default,.index_body .ui-widget-header .ui-state-default, .index_body .ui-button,
html .index_body .ui-button.ui-state-disabled:hover, html .index_body .ui-button.ui-state-disabled:active{
    border: none;
    background: #fff;
}
.index_body .ui-datepicker table th{background:#fff;}
.index_body .ui-widget-header .ui-icon {
    background-image: url(../img/icon/select_arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px;
    cursor: pointer;
}
.index_body .ui-widget-header .ui-datepicker-prev .ui-icon{transform: rotate(90deg);}
.index_body .ui-widget-header .ui-datepicker-next  .ui-icon{transform: rotate(-90deg);}
.index_body .ui-state-hover,.index_body .ui-widget-content .ui-state-hover,.index_body .ui-widget-header .ui-state-hover,.index_body .ui-state-focus,
.index_body .ui-widget-content .ui-state-focus,.index_body .ui-widget-header .ui-state-focus,.index_body .ui-button:hover,.index_body .ui-button:focus {
    border: none;
    background: transparent;
    border-radius:8px;
}
.index_body .ui-datepicker td span,.index_body .ui-datepicker td a{text-align: center;}



/* dropout 거래결과 200304추가 */
.dropout_wrap i{
    display: block;
    text-align: center;
    font-size:50px;
    color:#C34042;
}
.dropout_wrap dl{margin-top:30px;}
.dropout_wrap dt{font-size:17px;}
.dropout_wrap dd{margin-bottom: 25px;}




/*login*/
.login_wrap{
    background: #fff;
    width: 90%;
    margin: calc(50vh - 360px) auto 0px;
    text-align: center;
    max-width:500px;
    padding: 50px;
   /* transform: skew(0.03deg);*/
}
.login_wrap input{border: 1px solid #ccc;}
.login_wrap dl{
    text-align: left;
    margin:30px auto 50px;
}
.login_wrap dt{
    margin-top: 15px;
    margin-bottom: 8px;
    font-weight: 500;
}
.login_wrap input{width: 100%; padding: 12px 15px;}
.login_wrap .btn_center_wrap a{
    width:200px;
    font-size: 1.03em;
}
.login_wrap p{
    margin-top: 40px;
    font-size: 0.9em;
}
.login_wrap p a:nth-child(2){
    margin:0 20px;
    padding:0 20px;
    border-right:1px solid #bbb;
    border-left:1px solid #bbb;
}


/* 키보드로 버튼에 포커스 시 */
button:focus-visible {
  outline: 3px solid #000;
}

/* 마우스, 터치로 버튼에 포커스 시 */
button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: 1px 1px 5px rgba(1, 1, 0, .7);
}





#fsModalfindid .logo, #fsModalfindpw .logo{text-align: center;}
#fsModalfindid .inputset{
  display: block;
  margin-bottom: 5px;
}
#fsModalfindid .btnset, #fsModalfindpw .btnset{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.findbox .logo{display: block;}





@media (min-width:576px){

    /* index */
    .main_3rd li p{font-size: 1em;}
    a.gra_a{font-size:1.5em; margin-left: -108px;}
    .main_white img {width:auto; height:65px; margin-bottom:10px;}

    .first_left{width:100%; padding:25px 50px;}
    .first_left>div{width:180px; float:left; padding-top:25px; font-size:1.2em;}
    .first_left ul{margin-bottom:0;}
    .first_right{width:100%; margin-top:20px;}
    .first_right>li{width:calc(50% - 15px); margin-right:20px; font-size:0.9em; height:auto;}
    .first_right>li:first-child {margin-right:20px;}
    .first_right>li:last-child{margin-right:0px; display:block;}
    .main_white>a{height:auto; padding:20px}

    .main_2nd>a{display:none;}
    .main_2nd>table{width:100%; height:260px; font-size:16px;}
    .main_2nd .main_trade_table{margin-bottom: 20px;}

    .main_3rd ul{margin-bottom:0;}
    .main_3rd li{width:calc(50% - 10px); margin-bottom:20px;}
    .main_3rd li:nth-child(2n){margin-right:0;}
    .main_3rd a{width:100%;}

    .main_slide_wrap>p span{display:inline;}





    .certify_wrap ul{text-align:left;}
    .certify_wrap li{padding: 30px 20%;}
    .certify_wrap img{float: left; margin-right:20px;}
    .certify_wrap li a span{right:15%; bottom:30px; left:auto;}


    .table_div4{font-size:1em;}
    .table_div4 dt{width:100px;padding:15px;}
    .table_div4 dd{width:calc(100% - 100px);padding:15px 20px;}

    /* 회원가입 */
    .regi_wrap{padding: 65px 55px 55px;}

    /* 공지사항 */
    .board_table{font-size:15px;}


    /* 입금신청 deposit */
    #withdraw_page h4{color: #666; font-size: 1.1em; margin-bottom:5px;}
    .table_like dl{width:100%; display:table; margin-bottom:0; border-top: 1px solid #B3B3B3;}
    .table_like dl:last-child{border-bottom: 1px solid #B3B3B3;}
    .table_like dt, .table_like dd{display:table-cell; padding:15px 10px; vertical-align:middle; text-align: left;}
    .table_like dt{width:110px; background: #E9ECF1; }
    .table_like select{font-size:13px;}
    .table_like small span {display: inline;}

    .withdrawal_search .datepicker{width: 140px; background-size:15px;}



    /*   fx소개 margin */
    .tab3 .nav-item p{font-size:19px;}


}











@media (min-width:768px){

    /* index */
    .mainbanner{height: 600px;}
    .mainbanner_text {padding-top: 26%;}
    a.gra_a{bottom: 20%;}
    .first_left{width:calc(50% - 10px); padding:20px 20px; float:left;}
    .first_left>div{width:100px; font-size:16px; padding-top:0;}
    .first_right{width:calc(50% - 10px); margin-top:0px; float:right;}
    .first_right>li{width:calc(50% - 10px); margin-right:20px; height:185px;}
    .first_right>li:nth-child(2){margin-right:0;}
    .first_right a{height:100%; padding:30px 20px; font-size:1.15em;}

    .main_2nd>a{display: block; width:27%; float:left; height:185px;}
    .main_2nd>a img{width:auto; margin-top:15px;}
    .main_2nd>table{width:calc(50% - 10px); float:left; height:185px; font-size: 12px;}
    .main_trade_table{margin-right: 20px;}
    .main_2nd th, .main_2nd td {padding: 10px 10px;}

    .main_3rd ul{margin-bottom:0;}
    .main_3rd li{width:calc(50% - 10px); margin-bottom:20px;}
    .main_3rd li:nth-child(2n){margin-right:0;}
    .main_3rd a{width:100%;}



    /*  회원가입  */
    .regi_title{font-size:2em;}
    .regi_div{margin-top:25px;}
    .regi_wrap input{padding: 5px 7px;}
    .agree_pop>div{width:600px;}
    .agree_pop p{padding-left:10px; margin-bottom:1rem; font-size:1em;}
    .agree_close{right:20px;}
    .agree_pop>div>div{height:500px; font-size:0.9em; padding: 8px;}
    .agree_close{font-size:1.2em;}







    .table_div4 dd {width: calc(100% - 100px);}


    /* 공지사항  */
    .board_table th, .board_table td {padding: 10px 5px;}


    /* 공지사항 뷰페이지 */
    .board_view_top{padding: 14px 19px;}
    .board_view_top strong{font-size:17px;}
    .board_view_bottom{padding:19px; }



    /* 입금신청 deposit */
    .table_like dt{width:180px;}
    .table_like dt, .table_like dd{padding:15px 20px;}
    .table_like select{font-size:15px; background-position:100% 50%;}
    #withdraw_page h4{color: #353535; margin-bottom: 12px; font-size: 1.25em;}
    #withdraw_page .table_like { margin-bottom: 70px;}


    /* fx소개 margin 투자방법 investment 공통 mar_inv_common */
    .mar_inv_common .tab-content{padding:50px 40px;}
    .mar_inv_common .nav-item p {font-size: 21px;}
    .tab3 .overflow_table_wrap table{font-size:16px;}
    #point .br_m{display: block;}


    /* tradelist 거래결과 */
    .tradelist_wrap input[type=text]{width:auto;}
    .tradelist_search input[type=button]{padding: 5px 20px; position: static; float: right;}
    .tradelist_search select {padding: 7px 5px;}


    /* dropout 거래결과 */
    .dropout_wrap i{font-size:75px;}
    .dropout_wrap dl{margin-top:30px; margin-bottom: 50px; }
    .dropout_wrap dt{font-size:22px; font-weight:400; margin-bottom:2px;}
    .dropout_wrap dd{margin-bottom: 30px;}


    /* 나의 거래 내역  mytrade_wrap */
    .mytrade_table th:nth-child(4), .mytrade_table th:nth-child(5), .mytrade_table td:nth-child(4), .mytrade_table td:nth-child(5) {display: table-cell;}


}







@media (min-width:992px){

    /* index */
    .mainbanner {height: 800px;}
    .mainbanner_text{padding-top: 300px;}
    a.gra_a{bottom: 100px;}
    .main_gray_wrap>div>div{padding-top:90px;}
    .main_white{font-size:18px;}
    .main_white>a{display: block; height:260px; padding:40px 30px;}
    .main_white img{width:100px; height:auto;}

    .first_left{width:calc(50% - 10px); padding:40px 40px;}
    .first_left>div{font-size:19px; width:120px;}
    .first_left>div p{margin-bottom:0;}
    .first_left li{margin-bottom:10px;}
    .first_left li:last-child{margin-bottom:0;}
    .first_right{width:calc(50% - 10px);margin-top:0; margin-bottom:0;}
    .first_right>li{width:calc(50% - 10px); font-size:20px; height:auto;}
    .first_right>li:first-child{margin-right:20px;}
    .first_right>li:nth-child(2){margin-right: 0;}

    .main_2nd>a{float:left; display:block; width:calc(25% - 10px); height:260px; padding:40px 30px; font-size:1.3em;}
    .main_2nd > a img {margin-top:0; width:100px;}
    .main_2nd>table{ height:260px; font-size: 15px;}
    .main_2nd th, .main_2nd td {padding: 10px 15px;}


    .main_3rd{padding-top:90px; padding-bottom:100px;}
    .main_3rd ul{margin-bottom:0;}
    .main_3rd li{width:calc(25% - 15px); margin-right:20px; padding: 30px;}
    .main_3rd li:nth-child(2) {margin-right: 20px;}
    .main_3rd li:last-child {margin-right: 0px;}
    .main_3rd a{width:100%;}
    .main_3rd img{margin-bottom:20px;}
    .main_3rd p{margin-bottom:0;}




    /* 입출금내역 */
    .withdrawal_search .datepicker {width: 140px; margin-right:15px; padding: 5px 7px;}
    .withdrawal_search .radio_div{margin-left:8px;}
    .withdrawal_search button{ padding:5px 15px;}


    /* mypage */
    .certify_wrap li{width:33.333%; padding:40px 10px; position: relative; float: left;}
    .certify_wrap ul{text-align:center;}
    .certify_wrap img{float:none; margin: 0 auto 15px;}
    .certify_wrap li a span{bottom:-15px; left:calc(50% - 15px); right: auto;}
    .table_div4 dt{width:100px;}
    .table_div4 dd{width: calc(50% - 100px);}



     /* fx소개 margin 투자방법 investment 공통 mar_inv_common */
    .mar_inv_common .nav-tabs .nav-link{padding:20px 10px;}
    #point .br_m{display: inline;}



}









@media (min-width:1200px){


    /* index */
    .mainbanner_wrap aside{
        display: block;
        width:300px;
        background: rgba(255,255,255,.2);
        padding:20px;
        border-radius:12px;
        position:absolute;
        right:8%;
        top: 10%;
    }
    .mainbanner_wrap aside dt{
        border-bottom:1px solid #fff;
        padding-bottom:8px;
        margin-bottom:15px;
        padding-left:8px;
        font-size:1.1em;
        font-weight:500;
        letter-spacing:1.5px;
    }
    .mainbanner_wrap aside a{color:#fff;}
    .mainbanner_wrap aside dd a:before{content:'· '}


    .first_left{width:540px; float: left; height:260px; padding:40px 80px;}
    .first_left>div{width:130px; float: left; font-weight:600;}
    .first_left li{margin-bottom:10px;}
    .first_right{width:540px; float:right; margin-top: 0;}
    .first_right>li{width:260px; float: left; font-size:1.3em;}
    .first_right>li:nth-child(2){margin-right: 0;}

    .main_2nd>a{float:left; display:block; width:260px; height:260px; padding:40px 30px; font-size:1.3em;}
    .main_2nd>table{float:left; width:540px; height:260px; font-size: 17px;}
    .main_2nd th, .main_2nd td {padding: 10px 30px;}
    .main_trade_table th, .main_trade_table td {padding: 10px 15px;}

    .main_3rd{padding-top:90px; padding-bottom:100px;}
    .main_3rd li{margin-right:20px;  padding: 40px 30px;}


        .main_slide_wrap{
            background: #343A40;
            color: #fff;
            padding-top: 80px;
            padding-bottom: 70px;
        }
        .main_slide_wrap>p{
            text-align: center;
            margin-bottom: 50px;
            font-size:1.7em;
        }
        .control_div{width:1100px; margin:auto; position: relative;}
        .control_div>div{display:block; position: absolute; font-size:14px; cursor: pointer;}
        .control_div p{margin-bottom: 5px; font-size:1.2em; font-weight:600;}
        .control_div>div::before{
            content: '';
            width: 60px;
            height: 60px;
            position: absolute;
            background-size:cover;
            display: block;
            background-repeat: no-repeat;
        }
        .cd1{right:110px; top: 62px;}
        .cd1:hover::before{
            top: -5px;
            left: -70px;
            background-image: url(../img/icon/main_slide_icon1.png);
        }
        .cd2{right:95px; top: 340px;}
        .cd2:hover::before{
            top: -5px;
            left: -70px;
            background-image: url(../img/icon/main_slide_icon2.png);
        }
        .cd3{left:120px; top: 325px; text-align: right;}
        .cd3:hover::before{
            top: -5px;
            right: -70px;
            background-image: url(../img/icon/main_slide_icon3.png);
        }
        .cd4{left:90px; top: 75px; text-align: right;}
        .cd4:hover::before{
            top: -5px;
            right: -70px;
            background-image: url(../img/icon/main_slide_icon4.png);
        }
        .slide_center{
            background-image: url(../img/bg/slide_bg.png);
            background-size:100%;
            background-repeat: no-repeat;
            width:600px;
            height:600px;
            margin:auto;
            padding-top: 100px;
        }
        .slick_slider{
            width:222px;
            margin: auto;
        }
        .slick_slider img{width: 100%;}
        .slick-prev, .slick-next{visibility: hidden;}




    /* 일대일문의 qna */
    .qna_table{font-size:15px;}
    .qna_table tbody td:first-child{width:50px;}
    .qna_table tbody td:nth-child(2){text-align:left; width: auto;}
    .qna_table a{
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width:480px;
    }
    .qna_table th:nth-child(3){display: table-cell;}
    .qna_table tbody td:nth-child(3){width:130px; display: table-cell;}
    .qna_table tbody td:nth-child(4){width:100px;}



     /* fx소개 margin 투자방법 investment 공통 mar_inv_common */
    .tab3 #system .pc_view{width: auto; margin:0 auto 50px;}
    .tab3 #system h4{margin-top:40px;}
    #point td:first-child{width: 100px;}


}






















/* night */

/* index */
/*#night.index_body{background: #141419 !important;}*/
#night .mainbanner_wrap{background: #141419;}
/* #night .mainbanner{background-image: url(../img/bg/city_dark.png);} */
#night .main_gray_wrap{background: #202028;}
#night .main_white {background:rgba(255,255,255,.01);}
#night .main_2nd th, #night .main_2nd td{border-bottom:none;}
#night .main_2nd th {background:#2b2b33 ; border-radius:0;}
#night .main_2nd th:first-child{border-radius:15px 0px 0px 0px}
#night .main_2nd th:last-child{border-radius:0px 15px 0px 0px}
#night .main_2nd tr:nth-child(3) td {background:#2b2b33 ;}
#night .main_slide_wrap {background: #141419;}
#night .js_noticepop{color:#333}

#night .btn.cancel{color: #717171}

/* register 회원가입 */
#night .register_div .frm_write{background: transparent;}
/* #night .register_div label{color: #333;} */


/* board */
#night .board_table td:nth-child(2) a>p{color:#dfdfdf;}
#night .board_view_top {background: #2b2b33 ; border-bottom:none;}
#night .board_view_bottom p, #night .board_view_bottom span, #night .board_view_bottom div{color: #fff !important;}

/* margin */
#night .day_view{display:none}
#night .night_view{display:block;}

/* mypage */
#night .certify_wrap ul {border:none;}
#night .table_div4 dt{background: #2b2b33 ; color:#dfdfdf;}
#night .certify_wrap li {background:rgba(255,255,255,.02);}
#night .certify_wrap li:nth-child(2) {background: #202028;}

/* mytrade */
#night .radio_all {color: #fff; border: 1px solid #fff;}
#night #radio_all[type="radio"]:checked+label {background: #fff; color:#202028;}
#night .ui-datepicker table th{color:#fff;}
#night .ui-widget-content{background: #202028;}
#night .ui-state-default, #night .ui-widget-content .ui-state-default, #night .ui-widget-header .ui-state-default, #night .ui-button, html #night  .ui-button.ui-state-disabled:hover, html #night .ui-button.ui-state-disabled:active{background: #202028;}
#night .trade_pop_wrap{color:#333;}

/* qna */
#night .qna_table th select{color:#fff;}
#night .qna_view_tr td { background: #2b2b33;}
#night .qna_view_tr td .qna_answer { background: #353542;}


/* qna_view */
#night #qna_view_page .board_view_bottom{border-bottom:0px;}
#night .qna_reply{background: #2b2b33 ;}

/* qna_write */
#night .table_like select{color: #fff;}
#night .table_like option{color: #000;}
#night .qna_write_wrap textarea{background:transparent; color:#fff;}
#night .filebox label{background: #2b2b33 ; }
#night .qna_write_wrap dt {background: #2b2b33;}


/* change_branch */
#night .branch_wrap tr {border-top-color:#B3B3B3;}
#night .branch_wrap td::before{background: #2b2b33 ;}
#night .branch_wrap td{border-bottom:1px solid #2b2b2b;}
#night .table_like2 dt{background: #2b2b33 ;}
#night .selectize-input{color: #fff;}

/* withdrawal */
#night .table_like dt{background: #2b2b33;}
#night .bootstrap-datetimepicker-widget th{background: #dfdfdf;}
#night .bootstrap-datetimepicker-widget tr:hover td{background:#fff;}
#night .msgset{color: #333;}


/* register */
#night .regi_title{color: #333;;}
#night .regi_comp_btn input {
    background-image: linear-gradient(to right, #b979b0 0%, #634f9d 19%, #5260aa 38%, #199abc 55%, #5260aa 100%);
    color: #fff;
}

/* access */
#night .access_wrap a.blue_color {
    color: #0966C6;
}


#night #fsModaldoc{color:#333;}
#night #fsModaldoc th{color: #fff;}
#night #fsModaldoc tr:hover td{background:transparent;}
#night .agree_container .print{color: #333}
#night #fsModaldoc .btn.buy {color: #C34042;}

#night input.datepicker{color:#dfdfdf;}

/* 회원정보 modify */
#night .frm_write {border-color:#fff}
#night .frm_write .dlist > dt{background: #2b2b33;}
#night .inputset.readonly{background: #39393e;}
@media (max-width: 1279px){
    #night .frm_write .dlist > dt{background: transparent;}
}



@media (min-width:576px){
    #night .table_like dt{background: #2b2b33 ;}
    .qna_write_wrap  .table_like{border:none}
}




@media (min-width:768px){

           /* change_branch 지점이동신청 */
      .table_like2 dl{display:block; width: 100%;}
      .table_like2 dl::after{content:''; display:block; clear: both; overflow: hidden;}
      .table_like2 dt, .table_like2 dd{display:block; float: left;  }
      .table_like2 dt{width:20%; text-align: center; padding:15px 0;}
      .table_like2 dd{width:30%; margin-bottom: 0; padding-top:13px;}
      .branch_wrap tr{display: table-row; border-top:0;}
      .branch_wrap th{display: table-cell;}
      .branch_wrap td{display: table-cell; padding:15px 5px;}
      .branch_wrap td::before{display:none;}


}




@media (min-width: 992px){

    #night .certify_wrap li:nth-child(2) {
        background: #2b2b33 ;
        border-left:2px solid #202028;
        border-right:2px solid #202028;
    }

    .mainbanner_text {font-size: 2.3em;}

    .regi_frame
     dt{min-height:22px }



}



@media (min-width:1200px){

  .mainbanner_text {font-size: 2.8em;}

}




















/* 거래페이지 */
/* #mainContent{margin-bottom: 80px; transform:skew(-0.03deg); font-family: 'NanumSquare', sans-serif;} */
.graph_infoset .btn.progress {
    background: transparent;
    color: #009245;
    padding: 0;
    border-radius: 30px;
    min-width: 59px;
    display: inline-block;
    height:auto;
    font-size: 14px;
    font-weight: 600;
}
.graph_infoset .btn.buy {
    background: transparent;
    color: #C34042;
    padding: 0;
    border-radius: 30px;
    min-width: 59px;
    display: inline-block;
    height:auto;
    font-size: 14px;
    font-weight: 600;
}
.graph_infoset .btn.sell {
    background: transparent;
    color: #0966C6;
    padding: 0;
    border-radius: 30px;
    min-width: 59px;
    display: inline-block;
    height:auto;
    font-size: 14px;
    font-weight: 600;
}
.btn.etc1{border:1px solid #666; color:#666}
.btn.etc2{border: 1px solid #b3b3b3; color: #333; background: #f8f8f8;}
.btn.etc3{border: 1px solid #b3b3b3; color:#C34042; background: #f8f8f8;}
.btn.etc4{border: 1px solid #b3b3b3; color:#0966C6; background: #f8f8f8;}
.btn.etc2:hover{background: #333;}
.btn.etc3:hover{background: #C34042;}
.btn.etc4:hover{background: #0966C6;}



/* 거래페이지 기존 */
.graph_infoset .ui-corner-all{
    border-radius:0;
    padding: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.graph_infoset .ui-widget.ui-widget-content{background: #fff; border:none}
.graph_infoset .ui-tabs .ui-tabs-nav{padding: 0;}
.graph_infoset .ui-tabs .ui-tabs-nav li{
  width: 50%;
  margin: 0;
}
.graph_infoset .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom:0px;
    padding-bottom:0px;
}
.graph_infoset .ui-state-default a, .graph_infoset .ui-state-default a:link, .graph_infoset .ui-state-default a:visited{color:#aaa; }
.graph_infoset .ui-state-active a, .graph_infoset .ui-state-active a:link, .graph_infoset .ui-state-active a:visited{color:#0966c6;}
.graph_infoset .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    width: 100%;
    text-align: center;
}
.graph_infoset .ui-tabs .ui-tabs-panel{
    padding: 0;
    height: 355px;
    overflow: auto;
}
.graph_infoset th, .graph_infoset td{
    font-size:14px;
    border:none;
    border-bottom: 1px solid #d2d2d2;
}
.graph_infoset thead th{
    background: #f8f8f8;
    padding: 8px 10px;
    font-weight: 400;
    border-top:2px solid #000;
}
.graph_infoset tbody td{padding: 10px; font-weight: 600;}
@media (max-width: 360px){
  .graph_infoset .ui-tabs .ui-tabs-nav{font-size:15px;}
  .graph_infoset tbody td{padding: 6px; font-size:13px;}
  .graph_infoset tbody#mydeallist td {padding: 9px 6px;}
  .graph_infoset #resultList .btn{font-size: 13px;}
}


@media (max-width: 768px){
  .sblist{margin: 0; margin-right: 10px;}
  .adjustprice .btn.etc2{margin: 5px;}
}

@media (min-width: 930px) {
	.adjustprice .btn.etc2 {margin-left: 0px; float: right;}
  .contractset .round{margin-left: 15px;}
}

@media (min-width: 1200px) {
	.adjustprice .btn.etc2 {margin-left: 105px; float: none; margin-top: 50px;}
}


@media (min-width: 1280px) and (max-width:1300px) {
  .graph {width: 920px;}
  .graph.g2 {width: 100%;}
}





/* 거래페이지 모달 */
@media (min-width: 576px){
  #fsModaldoc .modal-dialog {max-width: initial; max-width: none; position: fixed; background: #fff;}
}

#fsModaldoc .modal-content{border:none}
#fsModaldoc .modal-header{
    display: block;
    padding: 0;
    border: none;
}
#fsModaldoc .modal-header .modal_topbtnset > .btn.close {margin: 0;}
#fsModaldoc .modal-header .modal_topbtnset > .btn.close:hover{background:transparent;}
#fsModaldoc .modal-header .titleset > .title {
    font-size: 16px;
    line-height: 50px;
    margin-bottom: 0;
}
/* #fsModaldoc .btn.sell {background: #0966c6; color: #fff;} */
#fsModaldoc .btn.sell {color: #0966c6; background: #fff; padding: 0; font-weight: 600;}
.agree_container .awrap .titset .stxt {
    color: #666;
    font-size: .875em;
    margin-top: 10px;
}
.ic>li {
    font-size: .75em;
    line-height: 1.7;
    text-indent: -7px;
    margin-left: 11px;
}
.ic>li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 1px;
    background: #747474;
    margin: 0 4px 4px 0;
}
.agree_container .awrap .qaset .inner .print:before {
    width: 14px;
    height: 14px;
    background-size: 100%;
}
.print:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/dealagree_print.png) no-repeat 0 0;
    vertical-align: middle;
    margin: 0 5px 2px 0;
}
.btn.submit {background: #0c2748; color:#fff;}
em.point1 {color: #0966C6;}
em.point2 {color: #C34042;}
#fsModaldoc .modal-body {font-weight:400; line-height:1.3; letter-spacing: -0.4px;}
#fsModaldoc .agree_container .awrap .dealtime .f_right .submit {
    height: auto;    line-height: inherit;
}
.agree_container{background: #fff;}
/* .agree_container .awrap .dealbtn .buy {background: #c34042; color:#fff;} */
.agree_container .awrap .dealbtn .buy {color: #c34042; background:#fff; padding: 0; font-weight: 600;}
#fsModaldoc .btn.submit:hover{color:#fff;}
.apply .btn:hover{color: #fff;}

@media (max-width: 575px){
  #fsModaldoc {padding-right:0 !important;}
  #fsModal {padding-right:0 !important;}

  /* 거래결과 allresult */
  .tradelist_search input[type=button]{padding: 10px 15px;}
  .tradelist_search select:first-child{width:100%; display:block; }
  .tradelist_search .inputdate{width:49%;}
  .tradelist_search select:last-of-type{width: 49%;}
  .tradelist_search .inputdate.release .inputset input{width:calc(100% - 30px)}


  /* 회원정보 */
  .wgrid3_wrap .input_col{display: block;}
  .frm_write .wgrid3_wrap > dd .input_col .inputset{display: block;}
  .frm_write .dlist > dd .wgrid3{width: 100%;}
  .frm_write .wgrid3_wrap > dd .inputset + .btn{margin-left: 0; margin-top: 10px; width: 100%;}

}


@media (min-width: 576px){
  #fsModal .modal-dialog {max-width: inherit; max-width: -webkit-initial;  position: fixed; }
  .main_2nd span{margin-left: 1%;}
}

#fsModal .modal-header .modal_topbtnset > .btn.close {margin: 0;}
#fsModal .modal-header{
    display: block;
    padding: 0;
    border: none;
}
#fsModal .modal-header .modal_topbtnset > .btn.close:hover{background:transparent;}
#fsModal .modal-header .titleset > .title {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 50px;
}
#fsModal .modal-content{position: absolute; display:block;}


@media (max-width: 766px){
  #fsModal .modal-dialog {
    width: 90%;
    height: 90%;
    left: 3%;
    top: 0;
  }
}



#fsModal .modal-body{position: absolute; }
#fsModal .btn{padding: 0; border-radius:0;}
#fsModal  .btn.view{background: #ddd; font-size: 13px; border-radius: 2px;}


.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th{border:none; border-radius:0px;}


section * {
    /* transform:skew(-0.03deg); */
    font-family: 'NanumSquare', sans-serif;
}

/* 회원가입 완료창 */
.welcome_wrap{
  width: 80%;
  margin:80px auto;
  max-width: 500px;
  background: #fff;
  border-radius: 30px;
}


/* 지점관리페이지 */
.tb_cap.ty1{margin-bottom: 10px;}
.btn.co3 {background: #02abd2; color:#fff;}
.btn.co4 {background: #aaa; color:#fff;}

/* 200305 추가  */
content.branch_default {
    width: 1280px;
    margin: 0 auto;
    min-height: 500px;
    padding: 0px 0 30px;
}
.ct.mflex{padding-top: 20px;}
.titset h3{font-size: 1.4rem; font-weight:600;}
.titset h4{font-size: 1.2rem; margin-bottom: 0; margin-top: 40px;}
.mtab.ty1{
    width: 1280px;
    margin: 0 auto;
    padding:30px;
    background: #fff;
}
.branch_default .mtab.ty1{padding:0; width:auto;}
.hd5+.tb_frm, .hd5+.frm_write, .agreebox+.btnset, .alram+.section, .graphset+.contract_timeset, .titset+.agreebox, .stxt+.stxt, .stxt+.simg, .stxt+.tb_frm, .tb_frm+.btnset, .tb_frm+.page_navi, .inputset+.hd5, .titset+.section, form[name=fm]+.btnset, form[name=fm]+.page_navi, .msgbox+.hd3, .msgbox+.frm_write, .frm_write+.btnset, .frm_write+.tb_frm, .frm_write+.sum_frm, .tablist+.frm_write, .tablist+.tb_cap, .tablist+.tb_frm, .sum_frm+.tb_frm, .stxt+.tb_cap, .hd2+.frm_write, .tablist+.titset.hd3, .tab_pos_rt+.tb_frm {margin-top: 20px;}
.branch_default .section.wht {background: #fff; padding: 20px;}
.hd4 {font-size: 1.2em;}
.tb_cap+#myResultDiv, .tb_cap+.tb_frm { margin-top: 5px;}




/* 로그인 페이지 */

#fsModalfindid, #fsModalfindpw{background: rgba(0,0,0,.3);}
#fsModalfindid .modal-content{position:absolute; display:block;}
#fsModalfindid .modal-header .titleset > .title{font-size: 17px; padding-left:0;}
#fsModalfindid .modal-header .modal_topbtnset > .btn.close{right: 10px; top: 15px;}
#fsModalfindid .modal-header .modal_topbtnset > .btn.close:hover{background:transparent;}

#fsModalfindpw .modal-content{position:absolute; display:block;}
#fsModalfindpw .modal-header .titleset > .title{font-size: 17px; padding-left:0;}
#fsModalfindpw .modal-header .modal_topbtnset > .btn.close{right: 10px; top: 15px;}
#fsModalfindpw .modal-header .modal_topbtnset > .btn.close:hover{background:transparent;}










/* 회원가입 */
.join label{font-weight: 500;}
.flex100{ flex:100%; }
.regi_frame .btn_input_dd{display: flex;}
.regi_frame .btn_input_dd a{
    width: 100px;
    line-height: 40px;
    display: block;
    background: #424242;
    color: #fff;
    text-align: center;
}
.email_dd{ display: flex; margin-bottom: 5px;}
.email_dd>span{ padding:10px; }
.join .agreebox{margin-top: 40px;}
.agreebox{margin-top: 20px;}
.agreebox pre{
    max-height:300px;
    overflow-y: auto;
    white-space: pre-wrap;
    background: #fff;
    border-radius:0px;
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 10px;
}
.join .agreebox label{margin-top: 20px;}
.agreebox .fw600{font-weight: 600;}
.regi_frame .btn{background: #333; color:#fff;}
a.btn{border-radius: 0}


/* 1:1문의하기 */
.qnawrite>p{
    font-weight:500;
}
.qnawrite dt{
    float: left;
    width:100px;
    font-weight: 400;
    padding-top: 12px;
}
.qnawrite dd{
    float: left;
    width: calc(100%  - 100px);
}
.qnawrite input[type=text], .qnawrite textarea{
    width: 100%;
    border:1px solid #ddd;
    padding: 8px 15px;
}


/* welcome 회원가입완료 */
.complete{
    margin-top: 19vh;
    margin-bottom: 19vh;
    text-align: center;
}
.complete .bg_blue_a{
    padding: 10px 25px;
    display: inline-block;
}

.btn.cancel{background: #bbb;}




@media (max-width: 991px) {
  /*  join  */
  .regi_frame dl {flex: 100%;}
  .regi_frame .txtinfo {margin-bottom: 0;}
  .regi_frame .hidden-sm{display: none;}
}





@media (max-width: 767px) {
    /*  로그인  */
    .login_wrap p a:nth-child(2) {
        margin: 0px 10px;
        padding: 0px 10px;
    }


    /*  문의   */
    .qnawrite dt{
        width:80px;
        padding-top: 0px;
    }
    .qnawrite dd{width: calc(100% - 80px);}

}





@media (max-width: 414px) {
      /*  join  */
    .regi_frame dt{margin-bottom:3px;}
    .regi_frame dl {flex: 100%; margin-bottom:10px;}
    .flexwrap.input_col{flex-wrap: wrap;}
    .input_col .input100.inputset{
        flex: 100%;
        margin-left: 0;
        margin-top: 5px;
    }
    .register_div .btn_right_wrap .bg_lightgray_a{display: none}


    /*  로그인  */
    .login_wrap {padding:30px 20px; font-size:0.9em;}
    .login_wrap dt{margin-bottom: 3px;}
    .login_wrap dl {margin: 20px auto 30px;}
    .login_wrap .btn_center_wrap a{width: 100%}
    .login_wrap p{margin-top: 15px;}
    .login_wrap p a{font-size: 0.95em;}

    /*  문의   */
    .qnawrite dt{margin-bottom: 5px;}
    .qnawrite dd{float:none; width:100%;}

}


/* content.css */
.btn.co1 {background: #c34042; color: #fff;}
.btn.co2 {background: #0966c6;color: #fff;}