@charset "UTF-8";
/*
    [제목] 마스 뷰 페이지 CSS
    [생성일] 2024-12
    [내용] 마스 뷰 페이지 에 있는 레이아웃 스타일을 포함하고 있음.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/

/*공통 레이아웃*/
.wrap .contents01 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:column; gap:50px 0;  }
.wrap .contents01 .cont_wrap{ position:relative; }

.wrap .contents01 .cont_wrap h2.cm_tit { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:0 10px; align-items:baseline; margin-bottom:15px; justify-content:flex-start; }
.wrap .contents01 .cont_wrap h2.cm_tit .dot { display:inline-block; width:5px; height:5px; margin-right:5px; margin-bottom:2.5px; border-radius:50%; background:#aaa; }
.wrap .contents01 .cont_wrap h2.cm_tit .dot.on { background:#e8373d; }
.wrap .contents01 .cont_wrap h2.cm_tit .btn_more { display:inline-block; width:auto; margin-left:auto; } 

.wrap .contents01 .cont_wrap h3.cm_subtit_b { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:0 10px; align-items:baseline; margin-bottom:15px; justify-content:flex-start; }
.wrap .contents01 .cont_wrap h3.cm_subtit_b .btn_more { display:inline-block; width:auto; margin-left:auto; } 
.wrap .contents01 .cont_wrap h3.cm_subtit_b .dot { display:inline-block; width:5px; height:5px; margin-right:5px; margin-bottom:2.5px; border-radius:50%; background:#aaa; }
.wrap .contents01 .cont_wrap h3.cm_subtit_b .dot.on { background:#e8373d; }

/*홈*/
.home_wrap .contents01 > * {  }
.home_wrap .home_tab { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; position:fixed; width:auto; padding:5px; border-radius:23px; background:#fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); /*overflow:hidden;*/ z-index:11;}
.home_wrap .home_tab .home_tab_menu { -webkit-flex:0 0 auto; -ms-flex:1; -ms-flex-order:1; flex:0 0 auto; flex-wrap:nowrap; position:relative; width:auto; padding:5px 10px; font-size:18px; font-weight:700; line-height:26px; box-sizing:border-box; text-align:center; cursor:pointer; }
.home_wrap .home_tab .home_tab_menu.on { border-radius:18px; background:rgba(191, 160, 4, 0.1); color:#222; box-sizing:content-box; }
.home_wrap .home_tab .home_tab_menu a { display:block; width:100%; height:100%; cursor:pointer; }
.home_wrap .home_tab.country {  }
.home_wrap .home_tab.country .home_tab_menu .cm_smtxt { font-weight:400; }
.home_wrap .home_tab.country .home_tab_menu .dot { display:inline-block; width:5px; height:5px; margin-right:5px; margin-bottom:2.5px; border-radius:50%; background:#aaa;  }
.home_wrap .home_tab.country .home_tab_menu .dot.on { background:#e8373d; }

.home_wrap .bubble_us { position:fixed; /*left:480px; top:208px;*/ margin:36px 77px; z-index:12; }
.home_wrap .bubble_us .box_text { position:relative; top:13px; width:162px; height:30px; border-radius:10px; background:rgba(34, 34, 34, 0.8); color:#fff; animation:animation_site01_1 1.5s linear infinite; -webkit-animation:animation_site01_1 1.5s linear infinite; }
.home_wrap .bubble_us .box_text::before { display:block; content:''; position:absolute; top:-8px; left:75px; width: 0; height: 0; border-style: solid; border-width: 0px 6px 8px 6px; border-color: transparent transparent rgba(34, 34, 34, 0.8) transparent; /*z-index:1;*/ }
.home_wrap .bubble_us .box_text .cm_smtxt { margin-left:10px; line-height:30px; z-index:999; }
.home_wrap .bubble_us .box_text .btn_close { display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:20px; height:20px; margin-right:5px; background: url('/images/light-xmark-xs.png') no-repeat center center }

.home_wrap h4.cm_txt_b { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:0 10px; align-items:flex-end; }

.home_wrap .box_exchange { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; width:250px; position:absolute; top:2px; right:0; justify-content:flex-end; gap:0 10px; }
.home_wrap .box_exchange .list_cont { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0 10px; align-items:end; }

.home_wrap .box_index { position:relative; }
.home_wrap .box_index .cm_slide_arrow { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.home_wrap .box_index .cm_slide_arrow.slick-arrow.slick-disabled { display:none !important; }
.home_wrap .box_index .list_wrap .slick-list { margin:0 -7px; }
.home_wrap .box_index .list_wrap .slick-slide { margin:0 7px; }

.home_wrap .themelog_chart { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:0 20px; } 
.home_wrap .themelog_chart h3.cm_subtit_b { width:100%; }
.home_wrap .themelog_chart .box_themelog { -webkit-flex:0 0 780px; -ms-flex:0 0 780px; flex:0 0 780px; width:780px; height:368px; padding:10px; border-radius:10px; background:#f4f4f4; }
.home_wrap .themelog_chart .box_themelog.us  { -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; width:100%; height:770px; padding:10px; background:#f4f4f4; }
.home_wrap .themelog_chart .box_themelog .box_chart { width:100%; height:100%; background:#fff; }

.home_wrap .themelog_chart .box_list { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:30px 0; -webkit-flex:0 0 400px; -ms-flex:0 0 400px; flex:0 0 400px; width:400px; height:368px; }
.home_wrap .themelog_chart .box_list hr { display:block; content:''; width:100%; height:1px; margin:10px 0 5px; border:0; background:#ededed; }
.home_wrap .themelog_chart .box_list .box_theme .list_wrap { height:120px; padding-right:10px; overflow-y:scroll; }
.home_wrap .themelog_chart .box_list .box_theme .cell_01 { display:block; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;  text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.home_wrap .themelog_chart .box_list .box_theme .cell_02 { -webkit-flex:0 0 80px; -ms-flex:0 0 80px; flex:0 0 80px; width:80px; text-align:right; }
.home_wrap .themelog_chart .box_list .box_theme .cell_03 { -webkit-flex:0 0 70px; -ms-flex:0 0 70px; flex:0 0 70px; width:70px; text-align:right; }

.home_wrap .themelog_chart .box_list .box_news .list_wrap { height:144px; padding-right:10px; overflow-y:scroll; }

.home_wrap .themelog_chart .box_list .list_wrap::-webkit-scrollbar { width:6px; height:6px;  }
.home_wrap .themelog_chart .box_list .list_wrap::-webkit-scrollbar-thumb { height:30%; border-radius:10px; background:#ccc; }
.home_wrap .themelog_chart .box_list .list_wrap::-webkit-scrollbar-track  { background:#ededed; border-radius:10px; }

.home_wrap .realtime_chart .box_table_scroll { max-width:1200px; overflow-x:auto; }
.home_wrap .realtime_chart .box_table_scroll::-webkit-scrollbar { width:6px; height:6px;  }
.home_wrap .realtime_chart .box_table_scroll::-webkit-scrollbar-thumb { height:30%; border-radius:10px; background:#ccc; }
.home_wrap .realtime_chart .box_table_scroll::-webkit-scrollbar-track  { background:#ededed; border-radius:10px; }

.home_wrap .realtime_chart .box_table_scroll .box_table { width:fit-content; min-width:1200px;  table-layout:auto; }
.home_wrap .realtime_chart .box_table_scroll .box_table thead tr { border-top:1px solid #ededed; }
.home_wrap .realtime_chart .box_table_scroll .box_table thead tr th { padding:15px 10px; background:#fff; color:#777; font-size:15px; line-height:22px; font-weight:300; white-space:nowrap; text-align:left; }

.home_wrap .realtime_chart .box_table_scroll .box_table tbody tr { /*cursor:pointer;*/ }
.home_wrap .realtime_chart .box_table_scroll .box_table tbody tr td:first-child { border-radius:5px 0 0 5px; }
.home_wrap .realtime_chart .box_table_scroll .box_table tbody tr td:last-child { border-radius:0 5px 5px 0; }
.home_wrap .realtime_chart .box_table_scroll .box_table tbody tr td { padding:6px 10px; background:#fff; font-size:13px; line-height:20px; vertical-align:middle; }

.home_wrap .realtime_chart .box_table_scroll .box_table tbody tr:hover td { /*background:#f8f8f8;*/}

.home_wrap .realtime_chart .box_table_scroll .box_table tbody td.cell_01 { padding:0; color:#bfa004; font-weight:bold; text-align:center; }
.home_wrap .realtime_chart .box_table_scroll .box_table tbody td.cell_02 p { width:230px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.home_wrap .realtime_chart .box_table_scroll .box_table tbody td.cell_02 .cm_xsmtxt { margin-top:2px; }

.home_wrap .realtime_chart .box_table_scroll .box_table tr > * { z-index:0; }

.home_wrap .realtime_chart .box_table_scroll .box_table tr > *:nth-child(1) { position:sticky; top:0; left:0; z-index:1; }
.home_wrap .realtime_chart .box_table_scroll .box_table tr > *:nth-child(2) { position:sticky; top:0; left:30px; z-index:1; }

.home_wrap .realtime_chart .box_table_scroll .box_table tbody tr:nth-child(odd) > * { background:#fcfcfc; }
/*
.home_wrap .realtime_chart .list_wrap { width:100%; max-width:1200px; }
.home_wrap .realtime_chart .list_wrap .cell_01 { -webkit-flex:0 0 30px; -ms-flex:0 0 30px; flex:0 0 30px; position:sticky; top:0; left:0; width:30px; color:#bfa004; font-weight:bold; text-align:center; }
.home_wrap .realtime_chart .list_wrap .cell_02 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; -webkit-flex:0 0 250px; -ms-flex:0 0 250px; flex:0 0 250px; gap:2px 0; position:sticky; top:0; left:30px; width:250px; text-align:left; text-overflow:ellipsis; white-space:nowrap; text-align:left; overflow:hidden; }
.home_wrap .realtime_chart .list_wrap .cell_03 { -webkit-flex:0 0 120px; -ms-flex:0 0 120px; flex:0 0 120px; width:120px; text-align:left; }
.home_wrap .realtime_chart .list_wrap .cell_04 { -webkit-flex:0 0 70px; -ms-flex:0 0 70px; flex:0 0 70px; width:70px; text-align:right; }
.home_wrap .realtime_chart .list_wrap .cell_05 { -webkit-flex:0 0 90px; -ms-flex:0 0 90px; flex:0 0 90px; width:90px; text-align:right; }
.home_wrap .realtime_chart .list_wrap .cell_06 { -webkit-flex:0 0 140px; -ms-flex:0 0 140px; flex:0 0 140px; width:140px; text-align:right; }
.home_wrap .realtime_chart .list_wrap .cell_07 { -webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex:0 0 100px; width:100px; text-align:right; }

.home_wrap .realtime_chart .list_wrap .list_cont.horizon01 { padding:0; gap:0; }
.home_wrap .realtime_chart .list_wrap .list_cont.horizon01 > span { padding:15px 10px; align-self:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  } 
.home_wrap .realtime_chart .list_wrap .list_cont.horizon01 .cell_01 { padding:0; }
.home_wrap .realtime_chart .list_wrap .list_cont.horizon01 .cell_02 { padding:4px 10px; }
.home_wrap .realtime_chart .list_wrap .list_cont.horizon01 .cell_02 .cm_smtxt_b { height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.home_wrap .realtime_chart .list_wrap .list_cont.horizon01:nth-child(even) { background:#fcfcfc; }

*/
.home_wrap .investor .box_list { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 20px; }
.home_wrap .investor .box_list .box_cont { display:block; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;  }
.home_wrap .investor .box_list .box_cont hr { display:block; content:''; width:100%; height:1px; margin:10px 0 15px; border:0; background:#ededed; }

.home_wrap .investor .box_list .box_cont .list_wrap .list_cont.horizon01 { padding:0; gap:0; cursor:auto; }
.home_wrap .investor .box_list .box_cont .list_wrap .list_cont.horizon01:hover { background:none; }
.home_wrap .investor .box_list .box_cont .list_wrap .list_cont.horizon01:nth-child(odd) { background:#fcfcfc; }
.home_wrap .investor .box_list .box_cont .list_wrap .list_cont.horizon01 > span { padding:5px 10px; align-self:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} 
.home_wrap .investor .box_list .box_cont .list_wrap .cell_01 { -webkit-flex:0 0 30px; -ms-flex:0 0 30px; flex:0 0 30px; width:30px; color:#bfa004; font-weight:bold; text-align:center; }
.home_wrap .investor .box_list .box_cont .list_wrap .cell_02 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; -webkit-flex:1 0 256px; -ms-flex:1 0 256px; flex:1 0 256px; width:30px; text-align:left; }
.home_wrap .investor .box_list .box_cont .list_wrap .cell_02 .cm_smtxt_b { height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.home_wrap .investor .box_list .box_cont .list_wrap .cell_02 .cm_xsmtxt { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 5px; }
.home_wrap .investor .box_list .box_cont .list_wrap .cell_03 { -webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex:0 0 100px; width:100px; text-align:right; }

.home_wrap .news .list_wrap { flex-wrap:nowrap; }

/*검색기, 리포트*/
.view_wrap { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; position:relative; padding-left:310px;  }
.view_wrap .cm_search_wrap { }
.view_wrap .cm_search_wrap .cm_input{ padding-left:38px; padding-right:15px;  }
.view_wrap .cm_search_wrap .cm_input:focus { border-color:#65a603 !important; }
.view_wrap .cm_search_wrap .ic { display:block; position:absolute; top:50%; left:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:18px; height:18px; background:url('/images/regular-search-s.png') no-repeat center center; }

.view_wrap .box_tit { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 10px; justify-content:flex-end; align-items:center; }
.view_wrap .box_tit .cm_subtit_b { max-width:120px; margin-right:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.view_wrap .box_tit .cm_smtxt { white-space:nowrap;  }
.view_wrap .box_tit .btn_search { width:48px; height:40px; border-radius:5px; border:1px solid #ededed; background:url('/images/regular-search-s.png') no-repeat center center; }

.view_wrap .box_search { position:absolute; left:0; width:310px; padding:20px; background-color: white; z-index:900; }
.view_wrap .box_search + hr { display:block; content:''; width:1px; background:#ededed; border:0; }
.view_wrap .box_search .list_wrap { gap:10px 0; }

.view_wrap .contents01 { width:1100px; padding:50px; min-height:calc(100vh - 546px); gap:100px 0; margin:0; }

.view_wrap .non_data { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; gap:30px 0; width:100%; height:470px; border-radius:10px; background:#f8f8f8; text-align:center; justify-content:center; align-items:center; }
.view_wrap .non_data .cm_search_wrap { width:570px; }
.view_wrap .non_data .cm_search_wrap .cm_input { border-color:#65a603; }
.view_wrap .non_data .cm_search_wrap .cm_input:hover { border-width:2px; }

.view_wrap .box_critique { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:30px 0; }

.view_wrap .box_cont { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; padding:30px; border-radius:10px; }
.view_wrap .box_cont.bg { background-color: #f8f8f8; }

.view_wrap .box_cont .box_progress { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; gap:0 15px; }
.view_wrap .box_cont .box_progress .ic { display:block; width:24px; height:24px; }
.view_wrap .box_cont .box_progress .ic.up { width:24px; height:24px; background:url('/images/regular-thumbs-up.png') no-repeat center center; }
.view_wrap .box_cont .box_progress .ic.down { width:24px; height:24px; background:url('/images/regular-thumbs-down.png') no-repeat center center; }
.view_wrap .box_cont .box_progress .box_bar { position:relative; width:500px; height:16px; border-radius:8px; background-color:#ddd;  }
.view_wrap .box_cont .box_progress .box_bar .bar { display:block; position:absolute; width:50%; height:16px; border-radius:8px;  background:#bfa004; }

.view_wrap .box_cont .box_proposal { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 20px; justify-content:center; }

.view_wrap .box_cont.chart { height:560px; padding:10px; }
.view_wrap .box_cont.chart .box_chart { width:100%; height:100%; background:#fff; }

.view_wrap .box_cont.txt { padding:0; }

.view_wrap .box_fold { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; border-radius:10px; border:1px solid #ededed; background-color:#f8f8f8; overflow:hidden; }
.view_wrap .box_fold .btn_more { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; width:100%; gap:0 10px; align-items:center; width:100%; height:40px; justify-content:center; align-items:center; }
.view_wrap .box_fold .btn_more .ic { width:12px; height:12px; background:url('/images/regular-chevron-down-xs.png') no-repeat center center;  }

.view_wrap .box_fold .fold_cont { display:none; width:100%; padding:30px; }
.view_wrap .box_fold .fold_cont .fold_table { width:100%;}
.view_wrap .box_fold .fold_cont .fold_table .list_cont { width:100%; }
.view_wrap .box_fold .fold_cont .fold_table .list_cont:nth-child(even) { background:#fcfcfc; }

.view_wrap .box_fold .fold_cont .fold_table.w580 { width:100%; }
.view_wrap .box_fold .fold_cont .fold_table.w580 .cell_01 { -webkit-flex:0 0 200px; -ms-flex:0 0 200px; flex:0 0 200px; width:220px; }
.view_wrap .box_fold .fold_cont .fold_table.w580 .cell_02 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; -webkit-flex:0 0 720px; -ms-flex:0 0 720px; flex:0 0 720px; gap:0 20px; width:720px; }
.view_wrap .box_fold .fold_cont .fold_table.w580 .list_cont.horizon07 .cell_02 span.dot { position:relative; padding-left:10px; }
.view_wrap .box_fold .fold_cont .fold_table.w580 .list_cont.horizon07 .cell_02 span:before{ display:block; content:''; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#222; }

.view_wrap .box_fold .fold_cont .fold_table.finance .list_cont .cell_01 { -webkit-flex:0 0 180px; -ms-flex:0 0 180px; flex:0 0 180px; width:180px; }
.view_wrap .box_fold .fold_cont .fold_table.finance .list_cont .cell_02 { -webkit-flex:1 1 calc(20% - 45px); -ms-flex:1 1 calc(20% - 45px); flex:1 1 calc(20% - 45px); text-align:right; }

.view_wrap .box_fold .fold_cont .fold_table.competitor { margin-top:10px; }
.view_wrap .box_fold .fold_cont .fold_table.competitor .cell_01 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; gap:0; -webkit-flex:1 0 14.2%; -ms-flex:1 0 14.2%; flex:1 0 14.2%;  }
.view_wrap .box_fold .fold_cont .fold_table.competitor .cell_02 {  -webkit-flex:1 0 14.2%; -ms-flex:1 0 14.2%; flex:1 0 14.2%; align-self:center; text-align:right; }
.view_wrap .box_fold .fold_cont .fold_table.competitor .list_cont.horizon01 { padding:0; gap:0; }
.view_wrap .box_fold .fold_cont .fold_table.competitor .list_cont.horizon01 .cell_01 { padding:10px; }
.view_wrap .box_fold .fold_cont .fold_table.competitor .list_cont.horizon01 .cell_02 { padding:0 10px; }
.view_wrap .box_fold .fold_cont .fold_table.competitor .list_cont.horizon01 .cell_01 .cm_smtxt_b { display:block; height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.view_wrap .box_fold .fold_cont .fold_table.competitor .list_cont.horizon08 { padding:0; gap:0; }
.view_wrap .box_fold .fold_cont .fold_table.competitor .list_cont.horizon08 .cell_01 { padding:10px; }
.view_wrap .box_fold .fold_cont .fold_table.competitor .list_cont.horizon08 .cell_02 { padding:0 10px; }
.view_wrap .box_fold .fold_cont .fold_table.competitor .list_cont.horizon08 .cell_01 .cm_smtxt_b { display:block; height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.view_wrap .box_fold .fold_cont .fold_desc { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:20px 0; width:100%; }
.view_wrap .box_fold .fold_cont .fold_desc .unit { position:absolute; right:30px; margin-top:30px; }

.view_wrap .box_fold .fold_cont .fold_desc dl { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:10px 0; }
.view_wrap .box_fold .fold_cont .fold_desc dd { position:relative; padding-left:10px; }
.view_wrap .box_fold .fold_cont .fold_desc dd:before { display:block; content:''; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#222; }

.view_wrap .box_fold .fold_cont .fold_desc .box_industrial {  display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 30px; }
.view_wrap .box_fold .fold_cont .fold_desc .box_industrial hr { display:block; content:''; width:100%; height:1px; margin-top:10px; border:0; background:#ededed;  }
.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_portfolio {  -webkit-flex:0 0 calc(50% - 15px); -ms-flex:0 0 calc(50% - 15px); flex:0 0 calc(50% - 15px); }
.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_portfolio .box_chart { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:10px 30px; height:342px; padding:30px 0; background-color:transparent; justify-content:center; align-items:center; }
.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_portfolio .circle { display:block; position:relative; width:240px; height:240px; border-radius:50%; }
.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_portfolio .circle .bb-tooltip .name > span { border-radius:50%; }

.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_portfolio .box_category {  display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; width:calc(100% - 330px); min-width:125px; height:auto; padding:20px; border-radius:10px; background:#f8f8f8; justify-content:center;  }
.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_portfolio .box_category ul { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; }
.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_portfolio .box_category ul li { position:relative; padding-left:20px; }
.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_portfolio .box_category ul li:before { display:block; content:''; position:absolute; top:6px; left:0; width:10px; height:10px; border-radius:50%; }
.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_portfolio .box_category ul li:nth-child(1):before{ background:#65a603; }
.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_portfolio .box_category ul li:nth-child(2):before { background:#bfa004; }
.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_portfolio .box_category ul li:nth-child(3):before { background:#a65103 }

.view_wrap .box_fold .fold_cont .fold_desc .box_industrial .box_compare {  -webkit-flex:0 0 calc(50% - 15px); -ms-flex:0 0 calc(50% - 15px); flex:0 0 calc(50% - 15px); }

.view_wrap .box_fold .fold_cont .fold_desc .box_tab { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:flex-start }
.view_wrap .box_fold .fold_cont .fold_desc .box_tab .cm_select { margin-left:auto; width:77px; height:34px; border-radius:5px; font-size:15px; line-height:34px;  }

.view_wrap .box_fold .fold_cont .fold_desc .box_chart { height:580px; padding:10px; background:#f8f8f8; border-radius:10px; }
.view_wrap .box_fold .fold_cont .fold_desc .box_chart .chart { width:100%; height:100%; background:#fff; }

.view_wrap .box_fold.chart  .fold_cont .fold_desc { align-items:center }
.view_wrap .box_fold.finance  .fold_cont .fold_desc { align-items:center }

.view_wrap .box_fold.open .btn_more { background:#fff; border-bottom:1px solid #ededed; }
.view_wrap .box_fold.open .btn_more .ic { width:12px; height:12px; background:url('/images/regular-chevron-up-xs.png') no-repeat center center;  }

.view_wrap .box_fold.open .fold_cont { display:flex; flex-direction:column; }
.view_wrap .box_fold.open .fold_cont.gap100_0 { gap:100px 0; }

.view_wrap .news .list_wrap { flex-wrap:nowrap; }
.view_wrap .news .list_wrap .list_cont.vertical02  { -webkit-flex:1 1 33%; -ms-flex:1 1 33%; flex:1 1 33%; max-width:323.3px !important; }

/*커뮤니티 상세*/
.community_view .badge_reply { margin-top:50px; }
.community_view .cm_reply_write { margin-top:15px; }
.community_view .cm_reply_list { margin-top:20px; }
.community_view .cm_reply_list .cm_reply_list { margin-top:0; }
.community_view .cm_reply_list .cm_reply_write { margin-top:0; }


/*설정 */
.mypage_view .subpage_tit { justify-content:space-between; }

.mypage_view .contents01 { flex-direction:row; gap:0 30px; padding-bottom:180px; }
.mypage_view .contents01 .cont_wrap { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; flex-wrap:nowrap; gap:50px 0; -webkit-flex:1 1 380px; -ms-flex:1 1 380px; flex:1 1 380px; }
.mypage_view .contents01 .box_cont hr { display:block; content:''; width:100%; height:1px; margin:10px 0 15px; border:0; background:#ededed; }
.mypage_view .contents01 .box_cont .gap10_0 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; flex-wrap:nowrap; gap:10px 0; justify-content:space-between; }
.mypage_view .contents01 .box_cont .box_info { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; flex-wrap:nowrap; gap:0 10px; width:100%; min-height:40px; padding:10px 15px; border-radius:5px; justify-content:space-between; align-items:flex-start; }
.mypage_view .contents01 .box_cont .box_info.bg { background:#f8f8f8; }
.mypage_view .contents01 .box_cont .box_info.mode { padding:8px 15px; align-items:center; }

.mypage_view .contents01 .box_cont .box_porfile { display:block; width:90px; height:90px; margin:0 auto; border-radius:50%; border:1px solid #ededed; background:url('/images/solid-circle-user.png') no-repeat center center; overflow:hidden; }
.mypage_view .contents01 .box_cont .box_porfile img { display:block; max-width:100%; height:100%; }

.mypage_view .contents01 .box_cont .box_input .box_info {
    padding: 0;
}
.mypage_view .contents01 .box_cont .box_input .box_info .cm_input { width:100%; height:40px; padding-left:84px; padding-right:15px; border-radius:5px; text-align:right; text-overflow:ellipsis; }
.mypage_view .contents01 .box_cont .box_input .box_info .cm_input:disabled { border:0; }

.mypage_view .contents01 .box_cont .box_input .box_info.change .cm_input { padding-right:64px; }
.mypage_view .contents01 .box_cont .box_input .box_info.copy .cm_input { padding-right:43px; }
.mypage_view .contents01 .box_cont .box_input .box_info.recommend .cm_input { padding-left:110px; }

.mypage_view .contents01 .box_cont .box_input .box_info .lable { position:absolute; top:50%; left:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:1; }
.mypage_view .contents01 .box_cont .box_input .box_info .btn_change { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:39px; height:24px; padding:0; border-radius:5px; font-size:11px; line-height:25px; text-align:center; z-index:1; } 
.mypage_view .contents01 .box_cont .box_input .box_info .btn_copy { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:18px; height:18px; background:url('/images/light-copy.png')  no-repeat; z-index:1; } 

.mypage_view .contents01 .box_cont .cm_btn { width:100%; height:40px; padding:0 15px; border-radius:5px; line-height:40px; }
.mypage_view .contents01 .box_cont .cm_btn.line_ocher { display:block; font-weight:700; padding:0; line-height:34px; }
.mypage_view .contents01 .box_cont .cm_btn.line_gray { display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:space-between; font-size:13px; align-items:center; }
.mypage_view .contents01 .box_cont .cm_btn.line_gray .ic { display:block; width:12px; height:12px; background:url('/images/regular-chevron-right-xs.png') no-repeat; }
.mypage_view .contents01 .box_cont .cm_btn.line_gray .ur { display:block; width:16px; height:16px; background:url('/images/light-arrow-upright.png') no-repeat; }
.mypage_view .contents01 .box_cont .cm_btn.line_gray:hover { background:#f8f8f8; }
.mypage_view .contents01 .box_cont .cm_btn.line_777 { font-weight:700 }

.mypage_view .contents01 .box_cont .btn_edit { width:90px; height:34px; margin:0 auto; }


/*요금*/
.plan_view .contents01 { gap:100px 0; }
.plan_view .cm_tit_48 { text-align:center; }
.plan_view .plan_list { gap:0 30px; flex-wrap:nowrap; margin-top:100px; }
.plan_view .plan_list .list_cont { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; -webkit-flex:1 0 380px;  -ms-flex:1 0 380px; flex:1 0 380px; max-width:380px; gap:20px 0; padding:20px; border:1px solid #ededed; border-radius:10px; }
.plan_view .plan_list .list_cont .box_tit { position:relative; padding:10px 10px 15px; border-radius:10px; background:#f8f8f8; }
.plan_view .plan_list .list_cont .box_tit .cm_badge { position:absolute; top:15px; left:15px; }

.plan_view .plan_list .list_cont.free { border:1px solid #E8373D; }
.plan_view .plan_list .list_cont.free .box_tit { background:#FFEFEF; }
.plan_view .plan_list .list_cont.free .box_price .del { text-decoration:line-through; }

.plan_view .plan_list .list_cont .box_detail { border-top:1px solid #ededed; }
.plan_view .plan_list .list_cont .box_detail li { padding:10px; text-align:center; border-bottom:1px solid #ededed; color:#777; }
.plan_view .plan_list .list_cont .cm_btn { height:60px; margin-top:auto; border-radius:10px; font-size:18px; font-weight:bold; }
.plan_view .plan_list .list_cont .cm_btn:hover { background:#65A603; color:#fff; }
.plan_view .plan_list .list_cont .cm_btn:disabled { border:0; background:#EDEDED!important; color:#aaa!important; cursor:default; }

.plan_view .compare_table { border:1px solid #ededed; margin-bottom:50px; }
.plan_view .compare_table .list_cont > div{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; -webkit-flex:0 0 300px;  -ms-flex:0 0 300px; flex:0 0 300px; align-items:center;  }
.plan_view .compare_table .list_cont.box_head > div { gap:0; padding:15px 20px 20px; border-right:1px solid #ededed; background:#f8f8f8; text-align:center; }
.plan_view .compare_table .list_cont.box_head > div:last-child { border-right:0; }
.plan_view .compare_table .list_cont.box_head .cm_btn { display:block; width:100%; height:50px; margin-top:auto; border-radius:10px; font-size:18px; font-weight:bold; }
.plan_view .compare_table .list_cont.box_head .cm_btn:hover { background:#65A603; color:#fff; }
.plan_view .compare_table .list_cont.box_head .cm_btn:disabled { border:0; background:#EDEDED!important; color:#aaa!important; cursor:default; }

.plan_view .compare_table .list_cont.horizon03 { gap:0; padding:0; flex-wrap:nowrap; border-bottom:1px solid #ededed; border-radius:0; }
.plan_view .compare_table .list_cont.horizon03:last-child { border-bottom:0; }
.plan_view .compare_table .list_cont.horizon03 > div { padding:10px 20px; border-right:1px solid #ededed; color:#777; font-size:15px; line-height:22px; text-align:center; }
.plan_view .compare_table .list_cont.horizon03 > div:last-child { border-right:0; }

/*개인정보*/
.agree_view .contents01 { gap:20px 0; }
.agree_view .contents01 .cont_wrap { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; gap:5px 0; }


/*인트로*/
.intro_view .contents03 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; position:relative; justify-content:center; align-items:center; height:850px; }
.intro_view .contents03 .cont_wrap { max-width:1240px; text-align:center; }
.intro_view .contents03 .cont_wrap > img { display:block; height:auto; margin:0 auto; }

.intro_view .contents03 .cont_wrap > * { display:none; }
.intro_view .contents03 .cont_wrap > img { display:none; }

.intro_view .contents03.area01 { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(101, 166, 3, 0.1)); }
.intro_view .contents03.area01 .cont_wrap .box_input { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; width:800px; gap:10px; }
.intro_view .contents03.area01 .cont_wrap .box_input .btn_link { -webkit-flex:1 0 45%; -ms-flex:1 0 45%; flex:1 0 45%; height:52px; padding:15px 30px; border-radius:5px; border:1px solid #ededed; background:#fff; font-size:15px; line-height:22px; text-align:left; }
.intro_view .contents03.area01 .cont_wrap .box_input .btn_link:hover { background:#ededed; }
.intro_view .contents03.area01 .cont_wrap .box_input .cm_search_wrap { -webkit-flex:1 0 100%; -ms-flex:1 0 100%; flex:1 0 100%; width:100%; height:46px; padding:1px; border-radius:5px; background:#65a603; position: relative; }
.intro_view .contents03.area01 .cont_wrap .box_input .cm_search_wrap .cm_input { width:100%; height:100%; padding:0 15px 0 49px; border:0; border-radius:4px; font-size:18px; }
.intro_view .contents03.area01 .cont_wrap .box_input .cm_search_wrap .btn_search {left:15px; right:auto; }
.intro_view .contents03.area01 .cont_wrap .box_input .cm_search_wrap.on { padding:2px; background-image:-webkit-gradient(linear, left, right, from(#65A603), to(#2BFA004)); background-image:linear-gradient( to right,#65A603,#BFA004); }
.intro_view .contents03.area01 .cont_wrap .box_input .cm_search_wrap.on .cm_input { border-radius:3px;}
.intro_view .contents03.area01 .cont_wrap .box_input .cm_search_wrap.on .cm_input:focus { background:#fff; }
.intro_view .contents03.area01 .cont_wrap .box_input .cm_search_wrap_acc { -webkit-flex:1 0 100%; -ms-flex:1 0 100%; flex:1 0 100%; width:100%; height:46px; padding:1px; border-radius:5px; margin-top:20px; }
.intro_view .contents03.area01 .cont_wrap .box_input .cm_search_wrap_acc .cm_input { width:100%; height:100%; padding:0 15px 0 49px; border:0; border-radius:4px; font-size:18px; }
.intro_view .contents03.area01 .cont_wrap .box_input .cm_search_wrap_acc .cm_btn.line_green { display: block; width: 100%; padding: 15px 20px; text-align: center; background-color: #76b852; /* 초록색 배경 */ border: none; border-radius: 8px; color: #ffffff; font-size: 16px; font-weight: 500; cursor: pointer; transition: background-color 0.2s ease; } 
.intro_view .contents03.area01 .cont_wrap .box_input .cm_search_wrap_acc .cm_btn.line_green:hover { background-color: #68a746; } 
.intro_view .contents03.area01 .cont_wrap .box_input .cm_search_wrap_acc .btn_search {left:15px; right:auto; }

.intro_view .contents03.area01 .cont_wrap .btn_move { display:inline-flex; }
.intro_view .contents03.area01 .cont_wrap .ic_srcoll { display:block; position:absolute; bottom:50px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:36px; height:36px; background:url('/images/bold-chevrons-down-l.png') no-repeat; }

.intro_view .contents03.area01.animation .cm_tit_48  { display:block; opacity:0; animation:show_01 0.6s 0.5s 1 forwards linear; -webkit-animation:show_01 0.6s 0.5s 1 forwards linear; }
.intro_view .contents03.area01.animation .box_input { display:-webkit-box; display:-ms-flexbox; display:flex; opacity:0; animation:show_01 0.6s 1s 1 forwards linear; -webkit-animation:show_01 0.6s 1s 1 forwards linear; }
.intro_view .contents03.area01.animation .btn_move {  opacity:0; animation:show_01 0.6s 1.5s 1 forwards linear; -webkit-animation:show_01 0.6s 1.5s 1 forwards linear; }

.intro_view .contents03.area02.animation .cm_tit_48  { display:block; opacity:0; animation:show_01 0.6s 0.5s 1 forwards linear; -webkit-animation:show_01 0.6s 0.5s 1 forwards linear; }
.intro_view .contents03.area02.animation img { display:block; opacity:0; animation:show_01 0.6s 1s 1 forwards linear; -webkit-animation:show_01 0.6s 1s 1 forwards linear; }

.intro_view .contents03.area03.animation .cm_tit_48  { display:block; opacity:0; animation:show_01 0.6s 0.5s 1 forwards linear; -webkit-animation:show_01 0.6s 0.5s 1 forwards linear; }
.intro_view .contents03.area03.animation img { display:block; opacity:0; animation:show_01 0.6s 1s 1 forwards linear; -webkit-animation:show_01 0.6s 1s 1 forwards linear; }

.intro_view .contents03.area04.animation .cm_tit_48  { display:block; opacity:0; animation:show_01 0.6s 0.5s 1 forwards linear; -webkit-animation:show_01 0.6s 0.5s 1 forwards linear; }
.intro_view .contents03.area04.animation img { display:block; opacity:0; animation:show_01 0.6s 1s 1 forwards linear; -webkit-animation:show_01 0.6s 1s 1 forwards linear; }


.intro_view .contents03.area05 .cont_wrap { width:100%; max-width:100%; }

.intro_view .contents03.area05 .cm_tit_48  { display:none; opacity:0; animation:show_01 0.6s 0.5s 1 forwards linear; -webkit-animation:show_01 0.6s 0.5s 1 forwards linear; }
.intro_view .contents03.area05 .box_slide { display:block; opacity:0; position:relative; height:442px; }
.intro_view .contents03.area05 .box_slide .box_review { position:absolute; width:3890px; height:206px; overflow:hidden; }
.intro_view .contents03.area05 .box_slide .box_review li { position:absolute; width:460px; height:206px; padding:30px; border-radius:15px; background:#f8f8f8; text-align:left; }
.intro_view .contents03.area05 .box_slide .box_review li .box_user { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 20px; }
.intro_view .contents03.area05 .box_slide .box_review li .box_user .cm_thumb_wrap { -webkit-flex:0 0 50px; -ms-flex:0 0 50px; flex:0 0 50px; width:50px; height:50px; border:1px solid #ededed; border-radius:50%; }
.intro_view .contents03.area05 .box_slide .box_review li .box_user .box_txt  {  -webkit-flex:0 0 calc(100% - 70px); -ms-flex:0 0 calc(100% - 70px); flex:0 0 calc(100% - 70px); width:calc(100% - 70px); }
.intro_view .contents03.area05 .box_slide .box_review li .box_user .cm_subtit_b { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.intro_view .contents03.area05 .box_slide .box_review li .box_user .score { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 2px; }
.intro_view .contents03.area05 .box_slide .box_review li .box_user .score i { display:block; width:15px; height:15px; background:url(/images/solid-star.png) no-repeat; }
.intro_view .contents03.area05 .box_slide .box_review li .box_desc { display:-webkit-box; height:66px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; }

.intro_view .contents03.area05 .box_slide .box_review.row1 { top:0; left:0; } 
.intro_view .contents03.area05 .box_slide .box_review.row2 { top:236px; right:0 } 

.intro_view .contents03.area05.animation .cm_tit_48  { display:block; opacity:0; animation:show_01 0.6s 0.5s 1 forwards linear; -webkit-animation:show_01 0.6s 0.5s 1 forwards linear; }
.intro_view .contents03.area05.animation .box_slide { display:block; opacity:0; animation:show_01 0.6s 1s 1 forwards linear; -webkit-animation:show_01 0.6s 1s 1 forwards linear; }


.intro_view .contents03.area06 .logo { display:block; width:180px; height:180px; margin:0 auto; background:url(/images/img-box-logotxt.png) no-repeat; }
.intro_view .contents03.area06 .cm_btn { display:block; width:600px; height:50px; border-radius:10px; font-weight:700; font-size:18px;  }
.intro_view .contents03.area06 .cm_btn:hover { background-image:-webkit-gradient(linear, left, right, from(#65A603), to(#2BFA004)); background-image:linear-gradient( to right,#65A603,#BFA004); }

.intro_view .contents03.area06.animation .cm_tit_48  { display:block; opacity:0; animation:show_01 0.6s 0.5s 1 forwards linear; -webkit-animation:show_01 0.6s 0.5s 1 forwards linear; }
.intro_view .contents03.area06.animation .logo { display:block; opacity:0; animation:show_01 0.6s 1s 1 forwards linear; -webkit-animation:show_01 0.6s 1s 1 forwards linear; }
.intro_view .contents03.area06.animation .cm_btn { display:block; opacity:0; animation:show_01 0.6s 1.5s 1 forwards linear; -webkit-animation:show_01 0.6s 1.5s 1 forwards linear; }
.intro_view .contents03.area06.animation .cm_subtit { display:block; opacity:0; animation:show_01 0.6s 1.5s 1 forwards linear; -webkit-animation:show_01 0.6s 1.5s 1 forwards linear; }


.intro_view .contents03.area07 .cont_wrap .box_input { -webkit-flex:1 0 100%; -ms-flex:1 0 100%; flex:1 0 100%; width:100%; height:46px; padding:1px; border-radius:5px; background:#65a603; }
.intro_view .contents03.area07 .cont_wrap .box_input .cm_input { width:100%; height:100%; border:0; border-radius:4px; font-size:18px; }

.intro_view .contents03.area07 .cont_wrap .box_input.on { padding:2px; background-image:-webkit-gradient(linear, left, right, from(#65A603), to(#2BFA004)); background-image:linear-gradient( to right,#65A603,#BFA004); }
.intro_view .contents03.area07 .cont_wrap .box_input.on .cm_input { border-radius:3px;}
.intro_view .contents03.area07 .cont_wrap .box_input.on .cm_input:focus { background:#fff;}

.intro_view .contents03.area07 .cm_btn { display:block; width:600px; height:50px; border-radius:10px; font-weight:700; font-size:18px;  }

.intro_view .contents03.area07.animation .cm_tit_48  { display:block; opacity:0; animation:show_01 0.6s 0.5s 1 forwards linear; -webkit-animation:show_01 0.6s 0.5s 1 forwards linear; }
.intro_view .contents03.area07.animation .cm_subtit { display:block; opacity:0; animation:show_01 0.6s 1s 1 forwards linear; -webkit-animation:show_01 0.6s 1s 1 forwards linear; }
.intro_view .contents03.area07.animation .box_input { display:block; opacity:0; animation:show_01 0.6s 1.5s 1 forwards linear; -webkit-animation:show_01 0.6s 1.5s 1 forwards linear; }
.intro_view .contents03.area07.animation .cm_btn { display:block; opacity:0; animation:show_01 0.6s 1.5s 1 forwards linear; -webkit-animation:show_01 0.6s 1.5s 1 forwards linear; }


@keyframes show_01 {
    0% { opacity:0; margin-top:50px; }
    100% { opacity:1; margin-top:0; }
}


/*로그인,회원가입*/
.account_wrap .contents01 { padding-bottom:100px; text-align:center; gap:0; }
.account_wrap .contents01 .cont_wrap h3.cm_subtit_b { margin-bottom:0; }
.account_wrap .cont_wrap { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:20px 0; width:380px; margin:0 auto; align-items:center; }
.account_wrap .cont_wrap .box_cont { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; width:100%; padding:30px; border-radius:20px; background:#fcfcfc; align-items:center; }
.account_wrap .cont_wrap .logo { display:block; width:160px; height:160px; background:url('/images/img-box-logo.png') no-repeat; margin:0 auto; }

.account_wrap .cont_wrap .box_input { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:10px 0; width:100%; }
.account_wrap .cont_wrap .box_input .cm_input { display:block; width:100%; height:40px; }
.account_wrap .cont_wrap .box_input .cm_btn { display:block; width:100%; height:40px; border-radius:5px; font-size:18px; }
.account_wrap .cont_wrap .box_input .box_chk { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap;  }
.account_wrap .cont_wrap .box_input .box_chk .btn_pw { margin-left:auto; text-decoration:underline; }
.account_wrap .cont_wrap .box_input .btn_resend { display:inline-flex; text-decoration:underline; margin:0 auto; }

.account_wrap .cont_wrap .btn_join { display:block; width:100%; height:40px; border-radius:5px; font-size:18px; }

.account_wrap .cont_wrap .box_div { display:block; position:relative; width:100%; height:20px; }
.account_wrap .cont_wrap .box_div:before { display:block; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:1px; background:#ededed; z-index:0; }
.account_wrap .cont_wrap .box_div .cm_smtxt {display:block;  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:79px; margin:0 auto; background:#fcfcfc; text-align:center; z-index:1; }

.account_wrap .cont_wrap .btn_google { width:48px; height:48px; background:url(/images/btn_google.png) no-repeat; }

.account_wrap .cont_wrap .box_agree { width:100%; padding:20px; border-radius:10px; background:#f8f8f8; }
.account_wrap .cont_wrap .box_agree ul li { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; }
.account_wrap .cont_wrap .box_agree ul li .btn_arrow { display:block; width:12px; height:12px; background:url('/images/regular-chevron-right-xs.png') no-repeat; }

.account_wrap .cont_wrap .box_btn { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 10px; width:100%; }
.account_wrap .cont_wrap .box_btn .cm_btn { -webkit-flex:1 0 45%; -ms-flex:1 0 45%; flex:1 0 45%; height:40px; border-radius:5px; font-size:13px; font-weight:700; }
.account_wrap .cont_wrap .box_btn .btn_google_txt { font-size:18px; }

.account_wrap .cont_wrap .box_info  { width:100%; padding:20px; border-radius:10px; background:#f8f8f8; }
.account_wrap .cont_wrap .box_info ul { padding:10px 20px; border-top:1px solid #ededed; border-bottom:1px solid #ededed;  }
.account_wrap .cont_wrap .box_info ul li { position:relative; padding:5px 0 ; padding-left:12px; color:#777; font-size:13px; line-height:20px; }
.account_wrap .cont_wrap .box_info ul li:before { display:block; content:''; position:absolute; top:14px; left:0; width:2px; height:2px; border-radius:50%; background:#777; }

.account_wrap .cont_wrap ul.box_noti { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; gap:5px 0; padding:0; border:unset; }
.account_wrap .cont_wrap ul.box_noti li { padding:0; text-align:left; }
.account_wrap .cont_wrap ul.box_noti li:before { display:none; }

body.no-scroll { position: relative; width: 100%; height: 100%; overflow: hidden; }
/*.progress-container { position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); width: 25%; height: 20px; border-radius: 10px; background-color: #fff; overflow: hidden; z-index: 801; }
.progress-bar { display: flex; justify-content: center; align-items: center; transition: width 0.2s ease-in-out; position: relative; top:0; left: 0; width: 0; height: 100%; background: linear-gradient( to right,#65A603,#BFA004); border-radius: 25px; color: white; font-size: 11px; line-height: 20px; text-align: center; }*/
.loading_gif { position:absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); z-index: 801; }
.message { position:absolute; top: 23%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; z-index: 802; }
.dimmed { display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 0; left: 410px; width: calc(100% - 410px); height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 800; }