@charset "UTF-8";
/* 전체 페이지 공통 CSS */
body { font-family: 'Noto Sans KR', sans-serif; }
.wrapper { max-width: 1330px; margin: auto; }
.playFont { font-family: 'Play', sans-serif; }
.m_view { display: none; }

.common .img-responsive{max-width:100%;}
.common .m-auto{margin:auto;}
.common .shadow_box{width:100%;}
.common .center{text-align:center}
.common .bd_top{border-top:1px solid #dddddd;padding-top:30px;margin-top:30px;}
.common .txt_box{font-size:1.6rem;}
.common .priceTotal{line-height:1.5em}

.common .counsel_btn_con{width:50%;}
.common .counsel_btn_con .btn {height: 5rem;line-height: 5rem;font-size: 1.6rem;}
.common .counsel_btn_con .waves-effect {background: #01409a;}

.common .half_box{display:flex}
.common .clear:after{display:block;content:"";clear:both;}
.common .half01{width:49%;margin-right:2%;}
.common .half01:last-child{margin-right:0}
.common .logo_ic{max-width:80%;margin-top:30px;}

#notice_margin_top_0{
  margin-top: 0!important;
}


@media (max-width: 1200px) {
  .cell_left{
    text-align: left;
  }
.common .shadow_box{text-align:center}
.common .half_box{flex-wrap:wrap}
.common .half01{width:100%;margin-right:0}
.common .logo_ic{height:80px;margin-bottom:30px;margin-top:0}

.m_view { display: block; }

.pc_view { display: none; } }

.font10 { font-size: 1rem; }

.font12 { font-size: 1.2rem; }

.font14 { font-size: 1.4rem; }

.font16 { font-size: 1.6rem; }

.font18 { font-size: 1.7rem; }

.font20 { font-size: 1.8rem; }

.font24 { font-size: 2.4rem; }

.font30 { font-size: 3rem; }

.font40 { font-size: 4rem; }

.break-all { word-break: break-all; }

.blue { color: #01409a; }

.shadow_box { -webkit-box-shadow: 4px 6px 9px #e3e3e3; box-shadow: 4px 6px 9px #e3e3e3; margin: 0 1rem; border-radius: 2rem; }

.shadow_box.ml-0 {
  margin-left: 0;
  padding-bottom: 4rem;
  margin-top: 4rem;
}

.underline { position: relative; }

.underline:before { display: block; content: ""; position: absolute; width: 100%; height: 1px; background: #bcbcbc; bottom: -5px; left: 0; }

/*하단 board section*/

.sponsor_section {
  filter: grayscale(1);
  /*opacity: 0.4;*/
  background-color: #F7F7F7;
  padding: 1.5rem 0;
  overflow:hidden;
}

footer .footer_board_section{
  /*filter: grayscale(1);*/
  opacity: 0.4;
  background-color: aliceblue;
  width: 100%;
  height: 100px;
  font-size: 2.5rem;
  font-weight: 600;
  margin-top: 10rem;
  margin-bottom: 0.3rem;
}

h1.playFont{
  color: #000;
}
article.board_container{
  /*margin-top: 6rem;*/
}
.board_container h1.title, .board_container h2.title{
  display: none;
}

.board_wrapper{
  /*margin-top: 9rem;*/
}
section.board_section .board_phrase p{
  color: #000;
  font-weight: normal!important;
}
/* material 커스텀 */
[type="checkbox"]:checked + span:not(.lever):before { border-right-color: #01409a; border-bottom-color: #01409a; }
.dropdown-content { max-height: 40rem; }
.dropdown-content li > a, .dropdown-content li > span { color: #01409a; }
.btn, .btn-large, .btn-small { background-color: #01409a; border-radius: 2rem; }

.btn:hover, .btn-large:hover, .btn-small:hover { background-color: #1d6bc1; }

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus { background-color: #01409a; }

.btn-large { height: 5rem; line-height: 5rem; }

.input-field input:focus { border-bottom: 1px solid #01409a !important; -webkit-box-shadow: 0 1px 0 0 #01409a !important; box-shadow: 0 1px 0 0 #01409a !important; border-bottom: 1px solid #01409a !important; }

.input-field .prefix.active { color: #01409a !important; }

.modal { /* max-width: 45rem; */ }

.modal .modal-content { font-size: 1.8rem; }

.cancle_btn {background-color: transparent;padding: 0 5px;border-radius: 1rem;box-shadow: none;}
.cancle_btn i {font-size: 1.8rem;color: #555;}
.cancle_btn:hover, .cancle_btn:focus { background-color: #d6d6d6; color: #000; box-shadow: none; }

.greyborder_btn {background-color: transparent;border: 1px solid transparent;color: #bcbcbc;box-shadow: none;transition: .2s ease-out;padding: 0 5px;border-radius: 1rem;}
.greyborder_btn i { font-size: 1.8rem; }
.greyborder_btn:hover, .greyborder_btn:focus { background-color: #eee; color: #000; box-shadow: none; }
.balance_section { margin-bottom: 10rem; }

.textarea_wrapper { /* outline: 0; *//* margin-top: 10px; *//* padding-top: 10px; */padding-left: 2rem; padding-bottom: 2rem; }
.textarea_wrapper textarea {outline: 0;background: transparent;border: 1px solid #ebebeb;margin-top: 20px;padding: 10px;margin-bottom: 0px;height: 74px;}


/* 푸터 */
/* 푸터 새로 추가 */
footer .footer_board_section{
  /*filter: grayscale(1);*/
  opacity: 0.4;
  background-color: aliceblue;
  width: 100%;
  height: 100px;
  font-size: 2.5rem;
  font-weight: 600;
  margin-top: 10rem;
  margin-bottom: 0.3rem;
}
footer .footer_board_section ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1330px;
  height: 100%;
  margin: 0 auto;
}
.footer_board_section ul li p{
  font-size: 1.7rem;
  margin-top: 0.7rem;
}
footer .footer_board_section img{
  display: block;
  width: 120px;
}


footer { background-color: #FFF; padding-top: 0; }

footer .wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

footer .left_con { color: #FFF; font-size: 2.5rem; margin-right: 2rem; font-weight: 600; }

footer .right_con { width: 60%; right: 0; margin: 0; }

footer .right_con_inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

footer .right_con_inner .box { width: 100%; color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

footer .right_con_inner .box.up .percent_box { color: #E12343; }

footer .right_con_inner .box.down .percent_box { color: #1d6bc1; }

footer .right_con_inner .box .left_box { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

footer .right_con_inner .box .left_box .coin_icon { width: 4rem; }

footer .right_con_inner .box .right_box { width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

footer .right_con_inner .coin_name { font-size: 1.8rem; }

footer .right_con_inner .percent_box { font-size: 1.8rem; }

footer .right_con .swiper-slide { text-align: center; }

footer .right_con .swiper-slide img { width: 4rem; }

footer .section02 {
  padding-top: 4rem;
  background-color: #0E1F34;
}

footer .section02 .wrapper { text-align: right; }

footer .section02 .footer_btn { display: inline-block; color: #848484; border: 1px solid #595c61; padding: 5px 10px; margin-right: 10px; font-size: 1.4rem; position: relative; }

footer .section02 .footer_btn:hover { color: #000; border: 1px solid transparent; background-color: #fff; -webkit-transition: .4s linear; transition: .4s linear; }

footer .section02 .hidden_box { background-color: #0E1F34; display: inline-block; width: 20rem; position: absolute; bottom: 5rem; left: 0; border: 1px solid #595c61; text-align: left; z-index: 100; display: none; }

footer .section02 .hidden_btn { display: block; color: #848484; padding: .6rem; padding-bottom: 1rem; }

footer .section02 .hidden_btn.on { color: #000; background-color: #fff; }

footer .section03 { padding: 5rem 0;  background-color: #0E1F34;}

footer .section03 .right_con { text-align: right; color: #848484; font-size: 1.4rem; }

/*푸터 수정*/
.section01{
  padding-top: 2.5rem;
  background-color: #0E1F34;
}

/* 서브 공통 탑 */
.title_section { margin: 15rem auto 0; }

.title_section .title { display: inline-block; font-size: 5rem; padding: 1rem 0; font-weight: 600; }

.title_section .playFont { font-size: 4rem; margin-left: 5rem; color: #01409a; }

@media (max-width: 1200px) {
  .title_section { margin-top: 0px; }
  .title_section .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .title_section .title { margin-bottom: 0; margin-left: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 4.5rem; }
  .title_section .playFont { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 4rem; }
  .title_section .right_con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
  #mobile_sub{
    max-width: none;
    margin-top: 10rem;
  }
  /*자산페이지에서는 mt 0*/
.side_section.m_view.balance_sub{
  margin-top: 0!important;
}
  .board_section .wrapper {
    margin-top: 0!important;
  }
  .chart_section #bo_sch{
    display: none;
  }

  /*footer*/
  html { font-size: 45%; }
  footer .wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }
  footer .left_con { width: 100%; text-align: center; margin-bottom: 3rem; margin-right: 0; }
  footer .left_con img { max-width: 20rem; }
  footer .right_con { width: 100%; }
  footer .section02 .footer_btn { width: calc(50% - 2px); margin: 0; text-align: center; }
  footer .section03 { padding: 6rem 0; }
  footer .section03 .right_con { text-align: center; }
  .m_hide_shadow { -webkit-box-shadow: none; box-shadow: none; margin: auto; border-radius: 0; width: 100%; }
  .hiddendiv { display: none; }
}