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

.view { overflow:hidden; }

.view .cm_badge_wrap { float:left; width:100%; margin-bottom:5px; }
.view .cm_badge_wrap .date , .view .cm_badge_wrap .data { float:right; margin-right:0; line-height:20px;}

/*테이블 뷰폼*/
.board_view { border-top:1px solid #ddd; }
.board_view > .contents01.bg { padding-top:15px; padding-bottom:40px; min-height:calc(100vh - 115px); }
.board_view > .cm_tab .cm_tab_menu:not(.on) { border-top:0;  }

.board_view .cm_table_wrap .box_detail h2 { width:100%; padding:15px; margin-bottom:10px; border:1px solid #d9ddee; border-radius:10px; background:#eaedfb; color:#4e2cb1; font-size:130%; line-height:25px; }
.board_view .cm_table_wrap .box_detail h2 .im { margin:0 5px 0 0; vertical-align:middle; }
.board_view .cm_table_wrap .box_detail p { font-size:100%; font-family:'Noto Sans KR'; line-height:normal; }
.board_view .cm_table_wrap .box_detail p span { font-family:'Noto Sans KR' !important; line-height:normal; }
.board_view .cm_table_wrap .box_detail .noti { display:block; margin:20px 0 0 0; color:#999; font-size:85%; }
.board_view .cm_table_wrap .cm_form.select { background-position:95% center; }

.board_view .box_btn.bottom { margin:30px 0 0 0; overflow:hidden; }
.board_view .box_btn.bottom .cm_btn_line { float:left; width:60px; height:30px; line-height:29px; }
.board_view .box_btn.bottom .cm_btn_line a { display:block; }
.board_view .box_btn.bottom .cm_btn_bg { float:left; width:60px; height:28px; line-height:38px; }
.board_view .box_btn.bottom .cm_btn_bg a { display:block; }
.board_view .box_btn.bottom .btn_next { margin-left:10px; }
.board_view .box_btn.bottom .btn_reset { margin-left:10px; }
.board_view .box_btn.bottom .btn_list { float:right; color:#777; }

.board_view .noti { margin-bottom:30px; font-size:80%; line-height:20px; }

.board_view .box_detail * { width:100% !important; margin-left:0 !important; font-family:'Noto Sans KR' !important; word-wrap:break-word; white-space:normal; }
.board_view .box_detail img { width:100% !important;}
.board_view .box_detail .btn_recommend { width:150px !important; height:40px; margin:25px auto !important; border-radius:10px; font-size:95%; line-height:40px; text-align:center; }
.board_view .box_detail img { width:100% !important; min-width:100%; max-width:100%; height:auto; }
.board_view .box_detail .cm_btn_interest { position:relative; left:calc(50% - 75px); width:150px !important; height:38px; margin:25px auto !important; border-radius:10px; font-size:95%; line-height:38px; text-align:center; }
.board_view .box_detail .cm_btn_interest .im { width:auto !important; margin-top:0 !important; font-family:'iconmonstr-iconic-font'!important; }


/*이벤트 리스트 페이지*/
.event_view .cm_table_wrap.table_view thead th .tit { font-size:95%; line-height:22px; }



/*약관 관련*/
.information_view .cm_tab .cm_tab_menu { border-top:1px solid #ddd; font-weight:500; line-height:39px; }
.information_view .cm_tab .cm_tab_menu.on { border-top:2px solid #222; font-weight:600; line-height:37px; }
.information_view .cm_subtit { margin-bottom:25px; }
.information_view .cm_txt { margin-bottom:10px; }
.information_view .cm_smtxt + .cm_subtit{ margin-top:30px; }
.information_view .cm_smtxt + .cm_txt{ margin-top:25px; }
.information_view .cm_smtxt a { color:#2e2e72; }
.information_view table { margin-bottom:20px; border-top:2px solid #222; }
.information_view table th { background-color:#f4f5fa; border:1px solid #ddd; border-top:0; font-size:80%; }
.information_view table td { padding:15px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:80%; }


/*1:1문의*/
.help_view .contents01.bg { padding-top:30px; min-height:calc(100vh - 115px); }
.help_view .contents01 .noti { margin-bottom:27px; }
.help_view .contents01 .cm_form { width:100%; }
.help_view .contents01 .cm_form.textarea { height:200px; }
.help_view .contents01 .btn_submit { display:block; width:160px; height:45px; margin:30px auto 0 auto; font-size:95%; line-height:40px;}

.help_view .cm_table_wrap.table_write  { background:#fff; }
.help_view .cm_table_wrap.table_write td {  padding:10px; }

.help_view .cm_table_wrap.table_view thead tr th { font-size:100%; padding:15px 10px; font-size:100%; }

.help_view .cm_table_wrap.table_view thead tr:first-of-type th { padding-bottom:5px; }
.help_view .cm_table_wrap.table_view thead tr:first-of-type th:first-of-type { padding-right:0; }
.help_view .cm_table_wrap.table_view thead tr:first-of-type th:last-of-type { padding-left:0; }

.help_view .cm_table_wrap.table_view thead tr:last-of-type th{ padding-top:0; }

.help_view .cm_table_wrap.table_view th .ic_answer { display:block; width:40px; height:22px; border-radius:3px; background:#f4f5fa; color:#222; font-size:80%; line-height:24px; overflow:hidden; }
.help_view .cm_table_wrap.table_view th .ic_answer.ready { background:#ddd; color:#999; }
.help_view .cm_table_wrap.table_view th .ic_answer.commit { width:65px; text-align:center; }
.help_view .cm_table_wrap.table_view th .category { display:block; color:#777; font-size:80%; line-height:20px; }
.help_view .cm_table_wrap.table_view th .data { display:block; color:#777; font-size:80%; line-height:20px; }

.help_view .cm_table_wrap.table_view th .tit { display:block; color:#222; font-size:100%; font-weight:500; line-height:22px; }

.help_view .cm_table_wrap.table_view .box_detail { padding:20px 15px; color:#777; font-size:80%; line-height:22px; }
.help_view .cm_table_wrap.table_view .cm_attached_wrap .tit { font-weight:500; font-size:80%; }

.help_view .cm_table_wrap.table_view:last-of-type { margin-top:24px; }
.help_view .cm_table_wrap.table_view:last-of-type tbody { border-top:2px solid #222; }

.help_view .cm_table_wrap.table_view tbody tr th { padding:15px; background:#fff; border-bottom:1px solid #ddd; }
.help_view .cm_table_wrap.table_view tbody tr th:first-of-type { padding-right:0; }
.help_view .cm_table_wrap.table_view tbody tr th:last-of-type { padding-left:0; }
.help_view .cm_table_wrap.table_view tbody tr th .data { display:block; margin-top:0; font-weight:500; }


/*마이페이지*/
.finup_mypage .contents01 { padding:0 15px 60px 15px; }
.finup_mypage .contents02 { padding:0; }
.finup_mypage .contents01.info { padding-bottom:0; border-top:0; }
.finup_mypage .contents01.info .but_login { display:block; padding:15px 0; font-size:115%; }

.finup_mypage .btn_info { display:block; position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:78px; height:30px; border:1px solid #ddd; border-radius:15px; font-size:0.813rem; line-height:29px; text-align:center; }

.finup_mypage .platinum_member { display:block; width:170px; height:31px; text-align:center; margin:0 auto; border-radius:0 0 10px 10px; background:#060667; background-image:linear-gradient(to right, #3a363d 0%, #060607 100%); overflow:hidden; }
.finup_mypage .platinum_member strong { color:#d79740; font-size:75%; line-height:30px; }
.finup_mypage .platinum_member strong .im { margin:0 0 0 1px; font-size:100%; vertical-align:middle; line-height:29px; }
.finup_mypage .platinum_member .date { margin-left:3px; color:#999; font-size:55%; line-height:30px; }

.finup_mypage .box_account { position:relative; padding:15px 0; box-sizing:border-box; overflow:hidden; }
.finup_mypage .box_account > span { display:block; width:calc(100% - 120px); word-break:keep-all; }
.finup_mypage .box_account .name { font-size:1.125rem; line-height:27px; }
.finup_mypage .box_account .name .cm_user_name { margin-left:6px; }
.finup_mypage .box_account .account { display:block; }
.finup_mypage .box_account .account .ic_brand { display:inline-block; width:auto; height:20px; padding:0 10px; margin-right:5px; border-radius:10px; color:#fff; font-size:0.813rem; line-height:20px; text-align:center; vertical-align:middle }
.finup_mypage .box_account .account .ic_brand.finup { background:#2e2e72; }
.finup_mypage .box_account .account .ic_brand.naver { background:#5ab722; }
.finup_mypage .box_account .account .ic_brand.google { background:#ea4335; }
.finup_mypage .box_account .account .ic_brand.facebook { background:#3b5997; }
.finup_mypage .box_account .account .ic_brand.apple { background:#222; }
.finup_mypage .box_account .account .txt_email { display:inline-block; color:#777; font-size:0.813rem; line-height:20px; vertical-align:middle; }
.finup_mypage .box_account .btn_info { right:0; }

.finup_mypage .box_lnb { padding:0 15px; border-top:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.finup_mypage .box_lnb.bg { background-color:#f7f7f7; }
.finup_mypage .box_lnb li { position:relative; height:60px; padding:0 25px 0 0; border-bottom:1px solid #ddd; font-size:1.125rem; line-height:60px; overflow:hidden; }
.finup_mypage .box_lnb li:last-child { border-bottom:0; }
.finup_mypage .box_lnb li a { display:block; width:100%; height:100%; }
.finup_mypage .box_lnb li .im { position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#999; font-size:85%; }
.finup_mypage .box_lnb li .value { float:right; font-size:0.938rem; font-weight:700; vertical-align:middle; }


.finup_mypage .box_lnb + .box_link { border-bottom:0 !important; }

.finup_mypage .box_link { padding:15px 0 13px 0; border-bottom:1px solid #ddd; overflow:hidden; }
.finup_mypage .box_link li { float:left; width:25%; padding:15px 0 17px 0; text-align:center; font-size:80%; line-height:30px; }
.finup_mypage .box_link li a { display:block; word-break:keep-all; line-height:20px; }
.finup_mypage .box_link li img { display:block; width:60%; height:auto; margin:0 auto 4px auto; }

.finup_mypage .box_point { padding:30px 15px 0 15px; border-top:1px solid #ddd; box-sizing:border-box; }
.finup_mypage .box_point .point_info { position:relative; overflow:hidden; }
.finup_mypage .box_point .point_info .tit { display:block; width:calc(100% - 100px); font-size:0.813rem; line-height:20px; }
.finup_mypage .box_point .point_info .value { display:block; width:calc(100% - 100px); color:#ff7500; font-weight:700; font-size:1.125rem; line-height:26px; }
.finup_mypage .box_point .point_info .btn_info { right:0; }
.finup_mypage .box_point .point_info .btn_charge { display:inline-block; position:absolute; top:50%; right:88px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:auto; height:30px; padding:0 15px; border-radius:15px; background:#222; color:#fff; font-size:0.813rem; line-height:29px; text-align:center; }

/*
.finup_mypage .box_point .box_btn { margin-top:15px; overflow:hidden; }
.finup_mypage .box_point .box_btn a { display:block; float:left; width:100%; height:45px; font-size:95%; line-height:47px; text-align:center; overflow:hidden; }
.finup_mypage .box_point .box_btn .btn_free  { height:40px; border:0; border-radius:5px; background:#222; color:#fff; line-height:40px; }

.finup_mypage .box_point .box_btn .btn_charge  { background:#222; color:#fff; }*/

.finup_mypage .box_point .point_info.coin { border-top:1px solid #ddd; }


.finup_mypage .box_point .box_lnb { padding:0; margin-top:11px;  }
.finup_mypage .box_point .box_lnb li { height:50px; line-height:50px; }
.finup_mypage .box_point .box_lnb li:last-child { border-bottom:1px solid #ddd; }

.finup_mypage .box_point .box_lnb + .box_lnb { border-top:0; }

.finup_mypage .box_logout { position:relative; height:60px; padding:0 15px; border-bottom:1px solid #ddd; line-height:60px; overflow:hidden; }
.finup_mypage .box_logout .btn_info { right:15px; }
.finup_mypage .box_push { position:relative; height:60px; padding:0 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:60px; overflow:hidden; }
.finup_mypage .box_push input[type=checkbox]{ position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:20px; height:20px; }


/*로그인, 회원가입, 회원가입완료, 아이디/비번찾기, 회원탈퇴, 회원정보*/
.account_view {  }
.account_view > .cm_tab .cm_tab_menu:not(.on) { border-top:0;  }

.account_view .contents_wrap { padding-bottom: 30px; border-bottom: solid 1px #ededed;}

.account_view .contents01 { padding-bottom:0; }
.account_view .contents01.bg { padding:30px 15px; }
.account_view .contents01.bg + .contents01 { padding:15px; border-top:1px solid #ddd; }

.account_view .loading_wrap { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5); overflow:hidden; z-index:10; }
.account_view .loading_wrap .loading_img { position:relative; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100px; height:101px; }

.account_view .logo { display:block; margin-bottom:20px; text-align:center; }
.account_view .logo img { display:inline-block; height:26px; vertical-align:bottom; }


.account_view .box_member_benefit { width:100%; padding:15px; margin:0 auto; background:#f8f8f8; box-sizing:border-box; }
.account_view .cm_txt { text-align:center; }
.account_view .cm_xsmtxt { text-align:center; }
.account_view .cm_xsmtxt .im { font-size:90%; line-height:16px; vertical-align:bottom; }
.account_view .cm_xsmtxt strong { font-weight:700; }

.account_view .cm_txt { display:block; text-align:center; }
.account_view .cm_txt a { border-bottom:1px solid #e8373d; }
.account_view .cm_txt .im { font-size:90%; line-height:18px; vertical-align:bottom; }

.account_view .cm_smtxt { display:block; }
.account_view .cm_smtxt a { border-bottom:1px solid #222; }

.account_view .box_input { text-align:left; overflow:hidden; }
.account_view .box_input h3.cm_txt { text-align:left; }
.account_view .box_input .cm_form.text01 { float:none; width:100%; height:45px; margin-top:10px; }
.account_view .box_input .cm_form.text01:first-of-type { margin-top:0; }
.account_view .box_input .cm_form.text01:-webkit-autofill { background:#fff !important; transition: background-color 5000s ease-in-out 0s;  -webkit-box-shadow: 0 0 0px 1000px white inset !important; } /* 구글 input 초기화 */
.account_view .box_input .cm_form.text01::placeholder { color: #999; }
.account_view .box_input .cm_form.text01::-webkit-input-placeholder { color: #999; }
.account_view .box_input .cm_form.text01:-ms-input-placeholder { color: #999; }
.account_view .box_input input[type=text]:disabled { background-color:#ededed; }

.account_view .box_input .txt_warning { display:block; margin-top:5px; color:#e8373d; font-size:75%; line-height:20px; }

.account_view .box_input .id_save { display:none; }
.account_view .box_input .id_save + label { display:block; position:relative; padding-left:28px; margin-top:17px; font-size:95%; line-height:18px; vertical-align:middle; box-sizing:border-box; }
.account_view .box_input .id_save + label:before { display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/common/ic_checkbox.jpg/') no-repeat 0 0; background-size:100% auto; }
.account_view .box_input .id_save:checked + label:before { background-position:0 -18px; }

.account_view .box_input .box_certify { position:relative; width:100%; overflow:hidden; }
.account_view .box_input .box_certify .cm_form.text01 { display:block; float:left; width:calc(100% - 85px); height:45px; border:1px solid #ddd; }
.account_view .box_input .box_certify .cm_form.text01.wide { width:100%; }
.account_view .box_input .box_certify .btn_check { display:block; float:left; width:75px; height:45px; margin-left:10px; border-radius:5px; }
.account_view .box_input .box_certify .time { position:absolute; right:105px; top:0; color:#999; font-size:95%; line-height:45px;  }
.account_view .box_input .box_certify .txt_warning { float:left;   }

.account_view .box_input2 { text-align:left; overflow:hidden; margin: 20px 0 0 0; font-size:13px }
.account_view .box_input2 input[type=text]:disabled { background-color:#fff; }
.account_view .box_input2 .box_myinfo { width:100%; justify-content: space-between; align-items: center; white-space : nowrap; position:relative; overflow:hidden; }
.account_view .box_input2 .box_myinfo .cm_btn_std { align-self: normal; }
.account_view .box_input2 .box_myinfo .time { position:absolute; right:85px; top:0; color:#999; font-size:95%; line-height:30px;  }
.account_view .box_input2 .txt_warning { font-size: 11px; }

.account_view .box_alarm { text-align:left; overflow:hidden; margin: 10px 0 0 0; padding: 10px 0; border-top: solid 1px #f8f8f8; font-size:13px }
.account_view .box_alarm .box_myinfo { height: 20px; justify-content: space-between; }
.account_view .box_alarm select { width:45px; height:20px; background: url('/images/common/arrow-right-xs.png') right 60% no-repeat; }
.account_view .box_alarm select:active { background: url('/images/common/arrow-right-xs-pre.png') right 60% no-repeat; }
.account_view .box_alarm .contents04 { margin: 5px 0 10px 0; }
.account_view .box_alarm .contents04 .agree { height: 20px; position: relative; }
.account_view .box_alarm .contents04 .cm_xsmtxt { position: absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.account_view .box_alarm .contents04 img { padding-left: 3px; transform: translate(0, 15%); }

.account_view .contents01 .leave { height: 20px; font-size: 13px; position: relative; }
.account_view .contents01 .leave img { position: absolute; right: 0; top: 20%; }
.account_view .contents01 .leave .btn_leave:active img { content: url(/images/common/arrow-right-xs-pre.png); }

.account_view .box_leave .box_input2 .box_myinfo .cm_input_clean { height: 30px; width:100%; padding: 0; text-align: right; }
.account_view .box_leave .box_input2 .box_myinfo .cm_input_line { width:50%; text-align: right; }
.account_view .box_leave .box_input2 .cm_form.textarea { height: 100px; padding: 10px; border: solid 1px #ededed; border-radius: 5px; font-size: 11px; line-height: 1.45;}
.account_view .box_leave .contents04 ul { padding-left: 8px; }
.account_view .box_leave .contents04 li::marker { content:"· ";}

.account_view .box_find {  margin-top:10px; text-align:center; }
.account_view .box_find a { display:inline-block; position:relative; height:45px; padding:0 25px 0 20px; font-size:95%; line-height:45px; }
.account_view .box_find a { display:inline-block; position:relative; height:45px; padding:0 25px 0 20px; font-size:95%; line-height:45px; }
.account_view .box_find a:last-of-type { padding:0 20px 0 35px; }
.account_view .box_find a:last-of-type:before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:22px; background:#ddd; }
/*
.account_view input[type=checkbox] { display:none; }
.account_view input[type=checkbox] + label { display:block; position:relative; max-width:170px; padding-left:28px; font-size:95%; line-height:18px; vertical-align:middle; box-sizing:border-box; }
.account_view input[type=checkbox] + label.wide { max-width:100%; }
.account_view input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/common/ic_checkbox.jpg') no-repeat 0 0; background-size:100% auto; }
.account_view input[type=checkbox]:checked + label:before { background-position:0 -18px; }

.account_view input[type=radio] { display:none; }
.account_view input[type=radio] + label { display:block; position:relative; max-width:170px; padding-left:28px; font-size:95%; line-height:18px; vertical-align:middle; box-sizing:border-box; }
.account_view input[type=radio] + label.wide { max-width:100%; }
.account_view input[type=radio] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/common/ic_radio.png') no-repeat 0 0; background-size:100% auto; }
.account_view input[type=radio]:checked + label:before { background-position:0 -18px; }
    */

.account_view input[type=checkbox] { display:none; }
.account_view input[type=checkbox] + label { display:inline-block; position:relative; padding-left:34px; color:#777; font-size:0.938rem; line-height:24px; overflow:hidden; cursor:pointer; }
.account_view input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:24px; height:24px; background:url('/images/common/ic-check.png') no-repeat; background-size:cover; }
.account_view input[type=checkbox]:checked + label { color:#222; }
.account_view input[type=checkbox]:checked + label:before { background-position:0 -24px; }

.account_view input[type=checkbox].sm_style + label { padding-left:21px !important; font-size:0.813rem; line-height:20px; cursor:pointer; }
.account_view input[type=checkbox].sm_style + label:before { width:16px; height:16px; margin-top:1px; background:url('/images/common/ic-smallcheck.png') no-repeat !important; }
.account_view input[type=checkbox].sm_style:checked + label:before { background-position:0 -16px; }

.account_view input[type=radio] { display:none; }
.account_view input[type=radio] + label { display:inline-block; position:relative; padding-left:34px; color:#777; font-size:0.938rem; line-height:24px; overflow:hidden; cursor:pointer; }
.account_view input[type=radio] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:24px; height:24px;  background:url('/images/common/ic-radio.png') no-repeat; }
.account_view input[type=radio]:checked + label { color:#222; }
.account_view input[type=radio]:checked + label:before { background-position:0 -24px; }

.account_view input[type=radio].sm_style + label { padding-left:21px !important; font-size:0.813rem; line-height:20px; }
.account_view input[type=radio].sm_style + label:before { top:1px; width:16px; height:16px; background:url('/images/common/ic-smallradio.png') no-repeat !important; }
.account_view input[type=radio].sm_style:checked + label:before { background-position:0 -16px; }

.account_view .contents_wrap input[type=checkbox] { display:none; }
.account_view .contents_wrap input[type=checkbox] + label { display:inline-block; position:relative; padding-left:28px; color:#999; font-size:13px; line-height:20px; overflow:hidden; cursor:pointer; }
.account_view .contents_wrap input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:20px; height:20px; background:url('/images/common/radio-off.png') no-repeat; background-size:cover; }
.account_view .contents_wrap input[type=checkbox]:checked + label { color:#222; }
.account_view .contents_wrap input[type=checkbox]:checked + label:before { background:url('/images/common/radio-on.png'); }

.account_view textarea { width:100%; height:83px; }

.account_view .box_flex {  display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:10px; width:100%; }
.account_view .box_flex .cm_form.text01 { -webkit-flex:0 0 calc(100% - 85px); -ms-flex:0 0 calc(100% - 85px); flex:0 0 calc(100% - 85px); width:calc(100% - 85px); height:45px; text-overflow:ellipsis; white-space:nowrap }
.account_view .box_flex .btn_submit { border-radius:5px; }
.account_view .box_flex .btn_submit i{ display:inline-block; width:24px; height:24px; line-height:45px; vertical-align:middle; background:url('/images/ic_link.png') no-repeat; background-size:cover; }


.account_view .box_agree { position:relative; border:1px solid #ddd; border-top:2px solid #222; overflow:hidden; }
.account_view .box_agree > div { position:relative; padding:15px; overflow:hidden; }
.account_view .box_agree > ul { position:relative; padding:15px; overflow:hidden; }
.account_view .box_agree > ul li { position:relative; margin-top:12px; overflow:hidden; }
.account_view .box_agree > ul li:first-child { margin-top:0;}

.account_view .box_agree .cm_xsmtxt { position:absolute; right:15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.account_view .box_agree .agree_all .ic_arrow { position:absolute; right:15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#999; font-size:90%; }

.account_view .box_agree .cm_table_wrap { border:0;  border-top:1px solid #ddd; table-layout:fixed; }
.account_view .box_agree .cm_table_wrap th { padding-left:15px; font-size:95%; font-weight:500; line-height:18px; text-align:left; vertical-align:middle; }
.account_view .box_agree .cm_table_wrap td { width:100%; padding:5px 0; border:0 !important; text-align:left; overflow:hidden; }
.account_view .box_agree .cm_table_wrap input[type=radio] + label { float:left; padding-right:20px; margin:3px 0; }
.account_view .box_agree .cm_table_wrap input[type=radio]:last-of-type + label { margin-left:30px; }
.account_view .box_agree .cm_table_wrap .on_write { font-size:80%; color:#666; }

.account_view .box_agree .agree_desc { border-top:1px solid #ddd; }
.account_view .box_agree .agree_desc label { margin-top:12px; }
.account_view .box_agree .agree_desc label:first-of-type {  margin-top:0; }
.account_view .box_agree .agree_desc .cm_xsmtxt { right:0 }

.account_view .box_agree .agree_desc > ul li { margin-top:12px; }
.account_view .box_agree .agree_desc > ul li:first-child { margin-top:0; }

.account_view .box_myinfo { height: 30px; align-self: stretch; flex-grow: 0; display: flex; flex-direction: row; gap: 15px; }
.account_view .box_myinfo .cm_input_line { height: 30px; width: 100%; }
.account_view .box_myinfo .cm_input_line.solo { height: 30px; width: calc(100% - 70px); }
.account_view .box_myinfo button:disabled { white-space : nowrap; padding: 5px 15px; border-radius: 5px; border: solid 1px #ededed; background-color: #fff; color:#ccc; }
.account_view .contents01 + .contents04 p { text-indent: -8px; padding-left: 8px; }

/*회원탈퇴(얼럿)*/
.dimmed { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; display: none; }
.alert-box { position: fixed; width: 240px; height: 124px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 5px; display: none; z-index: 1000; }
.alert-box p { height: 84px; padding: 20px 15px; font-size: 15px; font-weight: bold; text-align: center; line-height: 1.47; color: #222; border-bottom: solid 1px #ededed; }
.alert-box button { height: 40px; width:100%; border-radius: 5px; font-size: 15px; font-weight: bold; text-align: center; line-height: 1.47; color: #ff7500; }

/*선택정보 입력란*/
.account_view .box_addinfo { margin-top:30px; border-top:1px solid #ddd; overflow:hidden; }
.account_view .box_addinfo .box_tit { position:relative; height:48px;  padding-left:15px; padding-right:40px; border-bottom:1px solid #ddd; font-size:80%; line-height:48px; }
.account_view .box_addinfo .box_tit .im { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#999; font-size:100%; }

.account_view .box_addinfo .box_desc { display:none; padding:30px 15px; border-bottom:1px solid #ddd; background:#f4f5fa; overflow:hidden; }
.account_view .box_addinfo .box_desc input[type=radio] + label { display:inline-block; padding-right:20px; }
.account_view .box_addinfo .box_desc input[type=radio]:last-of-type + label { margin-left:30px; }
.account_view .box_addinfo .box_desc .cm_form_wrap { width:100%; }
.account_view .box_addinfo .box_desc .cm_form_wrap .text02 { width:100%; text-align:left; }

.account_view .box_address { overflow:hidden; }
.account_view .box_address .cm_form.text01 { display:block; float:left; width:calc(100% - 90px); height:45px; border:1px solid #ddd; }
.account_view .box_address .cm_form.text01.wide { width:100%; }
.account_view .box_address .btn_check { display:block; float:left; width:75px; height:45px; margin-left:15px; border-radius:5px; }

/*account_view 버튼*/
.account_view .box_btn { margin-top:30px; }
.account_view .box_btn input { display:block; float:left; width:calc(50% - 5px); height:45px; font-weight:500; font-size:95%; line-height:45px; text-align:center; }
.account_view .box_btn .btn_submit { margin-left:10px;}
.account_view .box_btn .btn_leave { display:block; width:100%; height:45px; border:0; background:#fff; color:#999; font-weight:500; font-size:95%; line-height:45px; text-align:center; }
.account_view .box_btn .btn_leave.cm_btn_line { border:1px solid #ddd; }
.account_view .box_input .cm_btn_bg.black { display:block; width:100%; height:45px; margin-top:30px; font-weight:500; font-size:95%; line-height:45px; text-align:center;  }
.account_view .btn_join {  width:100%; line-height:45px; height:45px; }
.account_view .cm_btn_bg {  width:100%; line-height:45px; height:45px; }
.account_view .cm_btn_sns.circle { margin-top:50px; }
.account_view .box_find + .cm_btn_sns.circle { margin:30px 0; }
.account_view .box_bn { width:100%; height:auto; max-width:480px; margin:0 auto; overflow:hidden; }
.account_view .box_bn img { display:block; width:100%; height:auto; }

.account_view .btn_kakao { width:100%; height:45px; border-radius:5px; background:#fee500; color:#222; font-size:0.938rem; font-weight:bold; text-align:center; }
.account_view .btn_kakao .im{  margin:0 5px 0 0; font-size:110%; vertical-align:middle;  }


/*화원가입 완료*/
.account_view.join_finish .contents02 { padding:0; margin-top:45px; }
.account_view.join_finish .user { font-size:115%; line-height:26px; }

.account_view.join_finish .list_wrap { width:calc(100% - 30px); margin-left:15px; }
.account_view.join_finish .list_wrap .coupon_list { height:auto; padding:15px; margin-bottom:17px; border:1px solid #ddd; border-style:dashed; background:#f8f8f8; }
.account_view.join_finish .list_wrap .coupon_list:last-child { margin-bottom:0; }
.account_view.join_finish .list_wrap .coupon_list.point { border-color:#8888d4; background:#f4f5fa; }
.account_view.join_finish .list_wrap .coupon_list.point2 { border-color:#e8373d; background:#ffefef; }
.account_view.join_finish .list_wrap .coupon_list .box_tit { position:relative; height:auto; margin-bottom:8px; overflow:hidden; }
.account_view.join_finish .list_wrap .coupon_list .box_tit .tit { float:left; width:calc(100% - 150px); font-size:105%; line-height:25px;}
.account_view.join_finish .list_wrap .coupon_list .box_tit .btn_detail { float:right; width:42%; height:25px; padding:0 10px; border-radius:13px; background:#222; color:#fff; font-size:80%; text-align:center; line-height:27px; overflow:hidden;}
.account_view.join_finish .list_wrap .coupon_list .box_tit .btn_detail.navy { background:#2e2e72; }
.account_view.join_finish .list_wrap .coupon_list .box_tit .btn_detail.red { background:#e8373d; }

.account_view.join_finish .box_noti { padding:30px 15px; background:#f4f5fa; box-sizing:border-box; }
.account_view.join_finish .box_noti:first-of-type { border-top:1px solid #ddd; }
.account_view.join_finish .box_noti:last-of-type { border-bottom:1px solid #ddd; }
.account_view.join_finish .box_noti .cm_smtxt { margin-top:6px; word-break:keep-all;}

.account_view.join_finish .box_btn { padding:0 15px; margin-bottom:40px; margin-top:30px; overflow:hidden; }
.account_view.join_finish .box_btn .btn_move { width:100%; height:45px; font-weight:500; font-size:95%; line-height:45px; text-align:center;}

.account_view.join_finish .box_btn .ts { display:block; float:left; width:calc(50% - 5px); height:40px; margin-right:10px; font-size:80%; font-weight:600; line-height:40px; text-align:center; }
.account_view.join_finish .box_btn .cm_btn_bg { margin-right:0; }

/*휴면개정 해제*/
.account_view.quiescence_view .box_means .means_detail { border-top:2px solid #ddd; }
.account_view.quiescence_view .box_means .means_detail .summary { position:relative; padding:15px 20px; border-bottom:1px solid #ddd; font-size:105%; font-weight:bold; overflow:hidden; }
.account_view.quiescence_view .box_means .means_detail .summary small { display:block; margin-top:10px; font-size:80%; font-weight:500; }
.account_view.quiescence_view .box_means .means_detail .summary .im { position:absolute; right:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:100%; }

.account_view.quiescence_view .box_means .means_detail .cont { display:none; padding:30px 20px; overflow:hidden; }
.account_view.quiescence_view .box_means .means_detail:last-child .cont { border-bottom:1px solid #ddd; }

.account_view.quiescence_view .box_means .means_detail .cont .txt { display:inline-block; margin-bottom:20px; font-size:100%; font-weight:bold; }

.account_view.quiescence_view .box_means .means_detail .cont .box_noti { width:100%; padding:20px; margin-top:20px; border-radius:10px; background:#f8f8f8; font-size:90%; line-height:20px; }
.account_view.quiescence_view .box_means .means_detail .cont .box_noti .tit { display:inline-block; margin-bottom:5px; font-weight:bold; font-size:105%; }

.account_view.quiescence_view .box_means .means_detail.on { border-top:2px solid #222; }
.account_view.quiescence_view .box_means .means_detail.on .cont { display:block; }

.account_view.quiescence_view .box_noti .smtxt{ font-size:17px; line-height:26px; text-align:center; }

.account_view.quiescence_view .btn_main { display:block; width:100%; height:45px; margin-top:30px; border:0; background:#fff; color:#999; font-weight:500; font-size:95%; line-height:45px; text-align:center; }
.account_view.quiescence_view .btn_main .im { font-size:90%; vertical-align:middle; }

/*DB 수집 회원가입*/
.account_view.join_account { max-width:480px; margin:0 auto; }
.account_view.join_account .cm_btn_sns.circle{ margin:30px 0 50px 0; }

/*팝업 로그인/회원가입*/
.account_view.popup_account .cm_xsmtxt{ text-align:left; }
.account_view.popup_account .cm_btn_sns.circle { padding:0 7px; }
.account_view.popup_account .line_division { display:block; width:100%; height:20px; margin-top:22px; position:relative; color:#999; font-size:80%; line-height:20px; text-align:center; }
.account_view.popup_account .line_division:before { display:block; content:''; position:absolute; top:10px; left:0; width:calc(50% - 11px); height:1px; background:#ddd; }
.account_view.popup_account .line_division:after { display:block; content:''; position:absolute; top:10px; right:0; width:calc(50% - 11px); height:1px; background:#ddd; }

.account_view.popup_account .box_input input::placeholder { font-size:80%; }
.account_view.popup_account .box_input input::-webkit-input-placeholder { color: #999; }
.account_view.popup_account .box_input input::-ms-input-placeholder { color: #999; }
.account_view.popup_account .box_input input::-ms-input-placeholder { color: #999; }

.account_view.popup_account .box_agree > div label strong { font-size:85%; }
.account_view.popup_account input[type=checkbox] + label { max-width:200px; font-size:80%; }
.account_view.popup_account .box_agree .agree_desc label strong { font-size:85%; }
.account_view.popup_account .cm_btn_line { width:100%; height:45px; line-height:45px; }
.account_view.popup_account .cm_btn_line.small { width:160px; margin:0 auto; font-weight:500; font-size:95%; line-height:45px; }

.account_view.popup_account .box_login { overflow:hidden; }
.account_view.popup_account .box_login label { display:inline-block; float:left; }
.account_view.popup_account .box_login .box_find { float:right; margin:0; font-size:80%; line-height:18px;}


/*회원가입*/
.join_view .box_bn { width:100%; }
.join_view .box_bn img { display:block; width:100%; height:auto; }

.join_view .box_noti { position:relative; padding:15px; background:#f8f8f8; border-radius:10px; box-sizing:border-box; }
.join_view .box_noti b { font-weight:700; }

.join_view .box_btn { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative;  justify-content:center; gap:20px; width:100%; padding:0 20px; }
.join_view .box_btn .btn_sns { display:block; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex: 1 1 auto; text-align:center; }
.join_view .box_btn .btn_sns img { display:block; width:100%; height:auto; }
.join_view .box_btn .ts_btn { display:block; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex: 1 1 auto; border-radius:5px; font-size:0.938rem; line-height:45px; text-align:center; }

.join_view .box_input { overflow:hidden; }
.join_view .box_input .cm_form { float:none; width:100%; }
.join_view .box_input .cm_form.text01:-webkit-autofill,
.join_view .box_input .cm_form.text01:-webkit-autofill:hover,
.join_view .box_input .cm_form.text01:-webkit-autofill:focus,
.join_view .box_input .cm_form.text01:-webkit-autofill:active { transition:background-color 5000s ease-in-out 0s; -webkit-transition:background-color 9999s ease-out; -webkit-box-shadow:0 0 0px 1000px white inset !important; -webkit-text-fill-color: #999 !important; }

.join_view .box_input .box_phone { display:-webkit-box; display:-ms-flexbox; display:flex; gap:10px; float:none; position:relative; width:100%; }
.join_view .box_inpu  .box_phone > * { display:-ms-flexbox; -webkit-flex:1; -ms-flex:1; flex: 1; width:auto; height:45px; margin:0; }
.join_view .box_input .box_phone > .box_timer { position:absolute; top:0; right:145px;  height:45px; margin:0; text-align:right; line-height:45px; }
.join_view .box_input .box_phone .cm_btn  { display:-ms-flexbox; -webkit-flex:0 0 120px; -ms-flex:0 0 120px; flex: 0 0 120px; width:120px; height:45px; border-radius:5px; font-size:0.938rem; cursor:pointer; }
.join_view .box_input .box_phone .cm_btn.bg_bk  { border:0; }
.join_view .box_input .box_phone .cm_btn.wide  { display:-ms-flexbox; -webkit-flex:1; -ms-flex:1; flex: 1; width:100%; }

.join_view .box_input .box_agreement { position:relative; margin-top:15px; overflow:hidden; }
.join_view .box_input .box_agreement:first-child { margin-top:0; color:#222; }
.join_view .box_input .box_agreement input { display:none; }
.join_view .box_input .box_agreement input + label { display:inline-block; float:left; position:relative; padding-left:34px; color:#777; font-size:0.938rem; line-height:24px; overflow:hidden; cursor:pointer; }
.join_view .box_input .box_agreement input + label:before { display:block; content:''; position:absolute; top:0; left:0; width:24px; height:24px; background:url('/images/common/ic-check.png') no-repeat; }
.join_view .box_input .box_agreement input:checked + label { color:#222; }
.join_view .box_input .box_agreement input:checked + label:before { background-position:0 -24px; }
.join_view .box_input .box_agreement p { display:block; width:100%; float:left; }
.join_view .box_input .box_agreement .btn_view { position:absolute; top:2px; right: 0; color:#777; font-size:0.688rem; line-height:20px; }
.join_view .box_input .box_agreement .btn_view .im { margin:-2px 0 0 5px; color:#ccc; font-size:0.688rem; vertical-align:middle; }

.join_view .btn_join { display:block; width:100%; height:45px; margin:25px auto 0; border:0; border-radius:5px; font-size:0.938rem; text-align:center; }


/* 랜딩 SNS 로그인*/
.popup_account .cm_btn_sns.quick { display:block; width:100%; line-height:45px; text-align:center; }
.popup_account .cm_btn_sns.quick li { width:100%; height:55px; padding:1.5% 5%; margin-bottom:20px; border:none; border-radius:10px; box-sizing:border-box; }
.popup_account .cm_btn_sns.quick li:last-child { margin-bottom:0; }
.popup_account .cm_btn_sns.quick .btn_naver { background:#03c75a; color:#fff; }
.popup_account .cm_btn_sns.quick .btn_facebook { background:#1877f2; color:#fff; }
.popup_account .cm_btn_sns.quick .btn_google { border:solid 1px #ddd; background:#fff; color:#222; }
.popup_account .cm_btn_sns.quick .btn_apple { background:#222; color:#fff; }
.popup_account .cm_btn_sns.quick .btn_email { background:#ccc; color:#222; }
.popup_account .cm_btn_sns.quick img { display:block; float:left; position:absolute; width:20px; height:20px; margin:12px 0; }


/*포인트 충전 페이지*/
.point_view .contents01 { padding-bottom:102px; text-align:center; }
.point_view .logo img { display:block; width:auto; height:34px; margin:0 auto; }
.point_view .cm_txt { margin-top:10px; }
.point_view .cm_txt + .cm_xsmtxt { margin-bottom:21px; word-break:keep-all; }

.point_view .cm_form.select { float:none; width:100%; height:40px; font-size:0.938rem; line-height:40px; }
.point_view .noti { margin-top:20px; color:#777; font-size:0.813rem; line-height:20px; text-align:left; }
.point_view .noti .im { margin-right:3px; font-size:100%; vertical-align:middle; }

.point_view .box_point { height:auto; margin-top:13px; overflow:hidden; }
.point_view .box_point li { float:left; width:33.3%; height:40px;  }
.point_view .box_point li:nth-child(3n - 1) { width:33.4%; }
.point_view .box_point li input[type=radio] { display:none; }
.point_view .box_point li input[type=radio] + label { display:block; width:100%; height:100%; border-bottom:1px solid #ddd; background:#f4f5fa; color:#999; font-size:95%; line-height:40px; box-sizing:border-box; }

.point_view .box_point li:nth-child(1) input[type=radio] + label { border-top:1px solid #ddd; }
.point_view .box_point li:nth-child(2) input[type=radio] + label { border-top:1px solid #ddd; }
.point_view .box_point li:nth-child(3) input[type=radio] + label { border-top:1px solid #ddd; }
.point_view .box_point li:nth-child(3n) input[type=radio] + label { border-right:1px solid #ddd; }
.point_view .box_point li:nth-child(3n - 1) input[type=radio] + label { border-right:1px solid #ddd; border-left:1px solid #ddd; }
.point_view .box_point li:nth-child(3n - 2) input[type=radio] + label { border-left:1px solid #ddd; }

.point_view .box_point li input[type=radio]:checked + label { border:0; background:#222; color:#fff; }

.point_view .box_point .empty { border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f5fa; }

.point_view .box_charge { margin-top:20px; }
.point_view .box_charge li { margin-bottom:8px; text-align:left; overflow:hidden; }
.point_view .box_charge li span { display:block; float:left; width:110px; color:#777; font-size:0.938rem; line-height:22px; }
.point_view .box_charge li .value { width:calc(100% - 110px); padding-left:17px; color:#222; font-size:0.813rem; text-align:right;}
.point_view .box_charge li:last-child { margin-bottom:0; }
.point_view .box_charge li:last-child span { color:#222; font-size:0.938rem; line-height:22px; }
.point_view .box_charge li:last-child .value { font-size:0.938rem; }
.point_view .box_charge li:last-child span small { margin-left:5px; font-size:0.688rem; vertical-align:bottom; }

.point_view .box_info { padding:20px; margin-top:20px; background:#f2f4f7; color:#777; font-size:80%; line-height:20px; word-break:keep-all; text-align:left; }

.point_view .box_btn { position:fixed; left:0; bottom:0; width:100%; padding:25px 15px 32px 15px; background:#fff; overflow:hidden; }
.point_view .box_btn a { float:left; width:calc(50% - 5px); height:45px; border-radius:5px; font-size:80%; font-weight:600; font-size:95%; text-align:center;  }
.point_view .box_btn .btn_reset { margin-right:10px; border:1px solid #ddd; background-color:#fff; color:#222; line-height:44px; }
.point_view .box_btn .btn_submit { background-color:#222; color:#fff; line-height:45px; }


/*알림 설정*/
.alarm_setting_view { }
.alarm_setting_view .contents01 { border-top:1px solid #ddd; }

.alarm_setting_view .box_set { border:1px solid #ddd; border-top:2px solid #222; font-size:80%; }
.alarm_setting_view .box_set .set_desc { position:relative; padding:15px; overflow:hidden; }
.alarm_setting_view .box_set .set_desc + .set_desc { border-top:1px solid #ddd; }
.alarm_setting_view .box_set .set_desc .box_btn { width:100% !important; margin:0 !important; }

.alarm_setting_view .box_set .box_btn {  width:calc(100% - 30px); margin:0 0 15px 15px; overflow:hidden; }
.alarm_setting_view .box_set .box_btn .btn_alarm { float:left; height:30px; border:1px solid #ddd; color:#222; line-height:30px; text-align:center; }
.alarm_setting_view .box_set .box_btn .btn_alarm a { display:block; width:100%; height:100%; }
.alarm_setting_view .box_set .box_btn.num03 .btn_alarm {  width:33.33%; }
.alarm_setting_view .box_set .box_btn.num03 .btn_alarm:nth-child(2n) { border-left:0; border-right:0; }
.alarm_setting_view .box_set .box_btn.num04 .btn_alarm {  width:25%; border-right:0; }
.alarm_setting_view .box_set .box_btn.num04 .btn_alarm:last-child {  border-right:1px solid #ddd; }
.alarm_setting_view .box_set .box_btn .btn_alarm.on { border:0; background:#222; color:#fff; }

.alarm_setting_view .box_set .box_switch { display:block; float:right; position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:40px; height:20px; }
.alarm_setting_view .box_set .box_switch input { width:0; height:0; opacity:0; }
.alarm_setting_view .box_set .box_switch .btn_switch { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#ccc; -webkit-transition:.4s; transition:.4s;  border-radius:34px; cursor:pointer; }
.alarm_setting_view .box_set .box_switch .btn_switch:before { position:absolute; content:''; left:2px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color:#fff; -webkit-transition:.4s; transition:.4s; width:16px; height:16px; border-radius:50%; }
.alarm_setting_view .box_set .box_switch input:checked + .btn_switch { background:#ff7500; }
.alarm_setting_view .box_set .box_switch input:checked + .btn_switch:before { left:auto; right:2px; }


/*펀딩 내역 상세*/
.funding_view { border-top:1px solid #ededed; }
.funding_view .contents01 { position:relative; padding:0 15px 30px 15px; overflow:hidden; }
.funding_view .contents01.bg { padding:15px 15px 20px 15px; background:#f4f5fa; }

.funding_view .box_info .cm_badge { float:none; display:inline-block; height:auto;  }
.funding_view .box_info .tit { display:block; width:100%; margin:5px 0 20px 0; font-size:95%; font-weight:600; line-height:22px; }
.funding_view .box_info .cm_info_desc {  padding:0; margin:0; }
.funding_view .box_info .cm_info_desc li { height:auto; margin-top:3px; }
.funding_view .box_info .cm_info_desc li:first-child { margin-top:0; }
.funding_view .box_info .cm_info_desc li a { display:inline-block; width:auto; height:100%; border-bottom:1px solid #222; }

.funding_view .box_info .cm_info_desc span { display:block; height:auto; font:normal 80%/20px 'Noto Sans KR'; }
.funding_view .box_info .cm_info_desc span.tit { width:150px; padding-left:10px; margin:0; color:#777; }
.funding_view .box_info .cm_info_desc span.tit:before { top:8px; background:#777; }
.funding_view .box_info .cm_info_desc span.txt { width:calc(100% - 150px); margin:0; }
.funding_view .box_info .cm_info_desc span.txt a { display:inline-block; width:auto; height:auto; padding-bottom:2px; border-bottom:1px solid #222; line-height:19px; box-sizing:border-box; z-index:1; }
.funding_view .box_info button { width:100%; height:40px; font-size:95%; font-weight:700; }

.funding_view .cm_subtit { margin:50px 0 17px 0; font-weight:600; font-size:100%; line-height:18px; }
.funding_view .cm_subtit + .box_info { float:none; width:100%; padding:15px 15px 20px 15px; margin:0; border:1px solid #ddd; border-top:2px solid #222; }
.funding_view .cm_subtit + .box_info .cm_info_desc { margin:0; }
.funding_view .cm_subtit + .box_info .cm_info_desc span.tit { width:90px; }
.funding_view .cm_subtit + .box_info .cm_info_desc span.txt { width:calc(100% - 90px); }

.funding_view .cm_subtit + .box_info.payment_info .cm_info_desc .reward_choice { float:left; width:100%; margin-top:5px; border:1px solid #ddd; border-top:0; }
.funding_view .cm_subtit + .box_info.payment_info .cm_info_desc .reward_choice li { margin:0; }
.funding_view .cm_subtit + .box_info.payment_info .cm_info_desc .reward_choice > span { display:block; }
.funding_view .cm_subtit + .box_info.payment_info .cm_info_desc .reward_choice .reward_tit { position:relative; height:auto; padding:5px 40px 5px 15px; border-top:1px solid #ddd; font-size:80%; line-height:22px; overflow:hidden; }
.funding_view .cm_subtit + .box_info.payment_info .cm_info_desc .reward_choice .reward_tit .im { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#777; font-size:90%; vertical-align:middle; }
.funding_view .cm_subtit + .box_info.payment_info .cm_info_desc .reward_choice .reward_desc { display:none; padding:10px 15px; border-top:1px solid #ddd; background:#ededed; }
.funding_view .cm_subtit + .box_info.payment_info .cm_info_desc .reward_choice .reward_desc ul li { margin:0; overflow:hidden; }
.funding_view .cm_subtit + .box_info.payment_info .cm_info_desc .reward_choice .reward_desc ul li span { display:block; float:left; width:45%; color:#777; font-size:80%; line-height:22px; }
.funding_view .cm_subtit + .box_info.payment_info .cm_info_desc .reward_choice .reward_desc ul li span:last-of-type { width:55%; padding-left:15px; color:#222; }
.funding_view .cm_subtit + .box_info.payment_info .cm_info_desc .reward_choice .reward_desc ul li a { display:inline-block; border-bottom:1px solid #222; }


.funding_view .cm_subtit + .box_info button { display:block; width:140px; margin:20px auto 0 auto; border:1px solid #00856e; background:#fff; color:#00856e; font-weight:600; }

.funding_view .cm_btn_list { display:block; float:right; width:60px; height:30px; margin:30px 0 0 0; border:1px solid #ddd; font-size:95%; line-height:30px; box-sizing:border-box; text-align:center; }


/*마이페이지 > 회사소개페이지*/
.company_view .contents02 { padding:0; border-top:1px solid #ddd; }
.company_view .contents02 .box_info li { padding:15px; border-bottom:1px solid #ddd; }
.company_view .contents02 .box_info li .cm_txt { margin-top:15px; color:#777; }


/*우리원몰 페이지*/
.oorione_imgbox { position:relative; left:50%; transform:translateX(-50%); width:100%; max-width:480px; }
.oorione_imgbox img { width:100%; }
.oorione_list { position:relative; width:100%; max-width:480px; margin:0 auto 20px auto; border:1px solid #ddd; box-sizing:border-box;  }
.oorione_list .product_thm { width:100%; height:100%; background:#999; z-index:1; }
.oorione_list .product_thm img { display:block; position:relative; left:50%; transform:translateX(-50%); width:100%; max-width:480px; height:100%; opacity:0.9; }
.oorione_list .product_con { position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:100%; padding:10px; background:#fff; text-align:center; opacity:0.9; z-index:2; }
.oorione_list .product_con .product_name { margin:0 auto 5px auto; height:50px; font-size:100%; font-weight:bold; line-height:25px; }
.oorione_list .product_con .product_reward { height:25px; line-height:25px; vertical-align:middle; }
.oorione_list .product_con .product_reward .price { float:left; font-size:150%; font-weight:bold; color:#222; }
.oorione_list .product_con .product_reward .price small { display:inline-block; margin:0 5px 3px 0; width:20px; height:20px; border-radius:22px; line-height:20px; vertical-align:middle; font-size:50%; color:#fff; text-align:center; background:#222;  }
.oorione_list .product_con .product_reward .point { float:right; padding:0 15px; line-height:25px; border-radius:12.5px; background:#df1d1f; font-size:110%; color:#fff;  }
.oorione_list .product_con .product_reward .point small { font-size:95%; color:#fff; }


/*인바이유*/
.inbyu .inbyu_title {background-color:#fff; margin:10px; padding:20px 10px; box-sizing:border-box; font-family:NanumSquare;}
.inbyu .inbyu_title h3{font-size:125%; color:#333; font-weight:bold; margin-bottom:15px;}
.inbyu .inbyu_title .title_txt {font-size:75%; line-height:23px;}
.inbyu .inbyu_title .title_txt span{color:#1e489f;}
.inbyu .inbyu_title .title_txt a {margin:0; padding:0; display:inline-block; position:relative; left:-3px;}
.inbyu .inbyu_title .title_txt img{height:30px; float:left;}

.inbyu .contents {letter-spacing:-0.25px; margin:10px;}
.inbyu .contents ul, .inbyu .contents ol, .inbyu .contents li{box-sizing:border-box; }
.inbyu .contents ul{width:100%; border:1px solid #ddd; margin-bottom:10px; background-color:#fff; }
.inbyu .contents .contents_box .inbyu_img { width:100%; overflow:hidden; height:auto; max-height:300px; }
.inbyu .contents .contents_box .inbyu_img img { display:inline-block; position:relative; width:100%;}

.inbyu .contents .contents_box .inbyu_txt .contents_tit{ padding:20px 10px 10px 10px;font-family:NanumSquare; font-size:23px; font-weight:bold; color:#11bdfb;}
.inbyu .contents .contents_box .inbyu_txt .contents_note {padding:0 10px 20px 10px; font-family:'NanumSquareRound','NanumSquareRoundR'; font-size:70%; color:#4c4c4c; line-height:21px; }

.inbyu .contents .contents_box .inbyu_txt .content_price { padding:0 10px; color:#666;  margin-bottom:10px; font-family:NanumGothic; font-size:70%;}
.inbyu .contents .contents_box .inbyu_txt .content_price strong{color:#333; font-size:200%;}
.inbyu .contents .contents_box .inbyu_txt .content_price small{ color:#666; font-size:100%; text-decoration: line-through;}
.inbyu .contents .contents_box .inbyu_txt .content_price .red{color:#d43232;}

.inbyu .contents .contents_box .inbyu_txt .btn{ position:relative; padding:0; width:100%; }
.inbyu .contents .contents_box .inbyu_txt .btn a { display:block; width:100%; background-color:#11bdfb; color:#fff; height:40px; text-align:center; font-family:NanumSquare; font-size:18px; line-height:40px;}

.inbyu .notice_box {position:relative; padding:5px 10px 10px 10px; border:1px solid #dae2f0; background-color:#f3f9ff; margin:10px; box-sizing:border-box;}
.inbyu .notice_box h5 {position:absolute; top:0; left:0; height:20px; border-bottom-right-radius:10px; background:#005bb0; padding:5px 10px; text-align:center; font-family:NanumGothic; font-size:75%; color:#fff;}
.inbyu .notice_box h5 i {display:inline-block; vertical-align:middle; margin-right:7px;}
.inbyu .notice_box .note_text {margin:33px 0 0 5px; color:#777777; font-family:Gulim; font-size:11px;}
.inbyu .notice_box .note_text li {line-height:18px; list-style:decimal; list-style-position:inside;}


/* 핀업크루 소개페이지*/
.character_view { position:relative; width:100%; overflow:hidden; }
.character_view .contents02 { position:relative; max-width:480px; height:auto; padding:0; margin:0 auto; overflow:hidden; }
.character_view .contents02 img { display:block; width:100%; height:auto; }

.character_view .contents02.scene01 { background:#ffebda; }
.character_view .contents02.scene02 { background:#b7e7f7; }
.character_view .contents02.scene03 { background:#d7ccfd; }
.character_view .contents02.scene04 { background:#ffc74d; }
.character_view .contents02.scene05 { background:#d4fad9; }

.character_view .contents02 .box_txt { display:block; position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:3; }
.character_view .contents02 .box_character { display:block; position:absolute; width:100%; height:100%; overflow:hidden; z-index:2; }
.character_view .contents02 span { display:block; position:absolute; }

.character_view .scene01 .btn_download { position:absolute; bottom:8.13%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); border:1px solid #ddd; background:#fff; width:183px; height:38px; color:#222; font-size:80%; line-height:38px; text-align:center; z-index:4; }
.character_view .scene01 .btn_download .im { margin:0 5px 0 0; font-size:100%; vertical-align:middle; }
.character_view .scene01 .box_txt { top:0; left:0; background-image:url('/images/Subpage/m_img_character_bg01_01.png'); }
.character_view .scene01 .box_txt .animate_01 { left:0; top:18.81%; width:100%; height:15.21%; background:url('/images/Subpage/m_img_character_animate01.png') no-repeat; background-size:cover; opacity:0; z-index:1; }
.character_view .scene01 .box_txt .animate_02 { left:10.74%; top:57.5%; width:auto; height:4.6%; z-index:2; }
.character_view .scene01 .box_txt .animate_02 img { width:auto; height:100%; }
.character_view .scene01 .box_character .animate_01 { left:0; top:0; width:100%; height:53.43%; background:url('/images/Subpage/m_img_character_animate08.png') no-repeat center top; background-size:cover; z-index:1; }

.character_view .scene02 .box_txt { background-image:url('/images/Subpage/m_img_character_bg02_01.png'); }
.character_view .scene02 .box_character { width:100%; height:100%; overflow:hidden; z-index:2; }
.character_view .scene02 .box_character img { width:auto; height:100%; }
.character_view .scene02 .box_character .animate_01 { right:48%; bottom:31%; width:auto; height:5.8%; z-index:2; }
.character_view .scene02 .box_character .animate_02 { right:6.48%; bottom:34.26%; width:auto; height:8.28%; z-index:2; }
.character_view .scene02 .box_character .animate_03 { left:0; top:5.43%; width:100%; height:53%; background:url('/images/Subpage/m_img_character_animate12.png') no-repeat center top; background-size:cover; z-index:1; }

.character_view .scene03 .box_txt { background-image:url('/images/Subpage/m_img_character_bg03_02.png'); }
.character_view .scene03 .box_txt .btn_tooltip { display:inline-block; position:absolute; top:33.18%; right:16.5%; width:auto; border:1px solid #fff; border-radius:100px; background:#fff; font-size:90%; cursor:pointer; z-index:2; }
.character_view .scene03 .box_txt .cm_tooltip_desc { display:none; position:absolute; top:36.18%; left:auto; right:8.5%; width:110px; padding:10px; border-radius:15px; background-color:rgba( 000, 000, 000, 0.6 ); z-index:3; }
.character_view .scene03 .box_txt .cm_tooltip_desc span { display:block; position:relative; padding-left:10px; color:#fff; font-size:70%; line-height:18px; }
.character_view .scene03 .box_txt .cm_tooltip_desc span::before{ content:''; display:block; position:absolute; top:7px; left:0; width:3px; height:3px; border-radius:50%; background-color:#fff;}
.character_view .scene03 .box_txt .btn_tooltip:nth-of-type(2) { top:63.22%; right:16.5%; width:auto; border-radius:100px; }
.character_view .scene03 .box_txt .btn_tooltip:nth-of-type(2) + .cm_tooltip_desc { top:66.22%; right:8.5%; }
.character_view .scene03 .box_txt .btn_tooltip:nth-of-type(3) { top:55.13%; right:39.52%; }
.character_view .scene03 .box_txt .btn_tooltip:nth-of-type(3) + .cm_tooltip_desc{ top:58.13%; right:29.72%; }
.character_view .scene03 .box_character .animate_01 { left:0; top:0; width:100%; height:100%; background:url('/images/Subpage/m_img_character_bg03_03.png') no-repeat center center; background-size:cover; z-index:2; opacity:0; }
.character_view .scene03 .box_character .animate_02 { left:0; top:0; width:100%; height:100%; background:url('/images/Subpage/m_img_character_bg03_04.png') no-repeat center center; background-size:cover; z-index:2; }
.character_view .scene03 .box_character .star { width:auto; height:1.45%; z-index:3; }
.character_view .scene03 .box_character .star img { width:auto; height:100%; }
.character_view .scene03 .box_character .animate_03 { left:3.7%; top:4.25%; }
.character_view .scene03 .box_character .animate_04 { right:9.4%; top:2.91%; }
.character_view .scene03 .box_character .animate_05 { right:13.3%; top:9.78%; }

.character_view .scene04 { padding:40px 0 30px 0; }
.character_view .scene04 .box_character { position:relative; width:100%; height:auto; overflow:hidden; }
.character_view .scene04 .box_character li { display:none; position:relative; width:100%; height:auto; overflow:hidden; }
.character_view .scene04 .box_character li a { display:block; position:absolute; right:8.3%; top:28.79%; width:18.88%; height:15.81%; background:#000; opacity:0; }
.character_view .scene04 .box_character li a:focus {  }
.character_view .scene04 .box_character li img { display:block; width:100%; height:auto; }
.character_view .scene04 .box_character li.on { display:block; }

.character_view .scene04 .btn_character { position:relative; display:inline-block; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:auto; text-align:center; overflow:hidden; }
.character_view .scene04 .btn_character li { display:block; float:left; width:60px; height:60px; margin:1px 3px 10px 3px; border:1px solid #999; border-radius:50%; background:url('/images/Subpage/m_btn_character_nor.png') no-repeat; background-position:0 0; background-size:auto 100%; box-sizing:content-box; overflow:hidden; }
.character_view .scene04 .btn_character li.on { margin-top:0; border:2px solid #ff7500; background-color:#fff; background-image:url('/images/Subpage/m_btn_character_sel.png'); background-position:0 0; }
.character_view .scene04 .btn_character li:nth-child(2) { background-position-x:-60px; }
.character_view .scene04 .btn_character li:nth-child(3) { background-position-x:-120px; }
.character_view .scene04 .btn_character li:nth-child(4) { background-position-x:-180px; }
.character_view .scene04 .btn_character li:nth-child(5) { background-position-x:-240px; }

.character_view .scene05 .box_character { width:100%; height:100%; overflow:hidden; z-index:1; }
.character_view .scene05 .box_character img { width:auto; height:100%; }
.character_view .scene05 .box_btn { position:absolute; bottom:4.2%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:45%; height:9%; z-index:2; }
.character_view .scene05 .box_btn .btn_ogq01 { float:left; width:48%; height:100%; }
.character_view .scene05 .box_btn .btn_ogq02 { float:right; width:48%; height:100%; }

@media screen and (max-width: 320px) {
    .character_view .scene04 .btn_character li { width:50px; height:50px; }
    .character_view .scene04 .btn_character li:nth-child(2) { background-position-x:-50px; }
    .character_view .scene04 .btn_character li:nth-child(3) { background-position-x:-100px; }
    .character_view .scene04 .btn_character li:nth-child(4) { background-position-x:-150px; }
    .character_view .scene04 .btn_character li:nth-child(5) { background-position-x:-200px; }
}
.character_view .effect01 { animation:character_eyes 0.6s 0s infinite linear; -webkit-animation:character_eyes 0.6s 0s infinite linear;  }
.character_view .effect02 { animation:character_updwon1 5s 1s infinite linear; -webkit-animation:character_updwon1 5s 1s infinite linear; }
.character_view .effect03 { animation:character_updwon1 3s 1s  infinite linear; -webkit-animation:character_updwon1 3s 1s infinite linear; animation-delay:2.5s; -webkit-animation-delay:2.5s; }
.character_view .effect04 { animation:character_rotate 3s 0s infinite linear; -webkit-animation:character_rotate 3s 0s infinite linear; }
.character_view .effect05 { animation:character_updwon2 1.5s 0s infinite linear; -webkit-animation:character_updwon2 1.5s 0s infinite linear; }
.character_view .effect06 { animation:character_updwon3 1.5s 0s infinite linear; -webkit-animation:character_updwon3 1.5s 0s infinite linear; }
.character_view .effect07 { animation:character_leftright 5s 0s infinite linear; -webkit-animation:character_leftright 5s 0s infinite linear; }
.character_view .effect08 { animation:character_opacity1 3s 0s infinite linear; -webkit-animation:character_opacity1 3s 0s infinite linear; }
.character_view .effect09 { animation:character_opacity2 3s 0s infinite linear; -webkit-animation:character_opacity2 3s 0s infinite linear; }
.character_view .effect10 { animation:character_updwon2 5s 0s infinite linear; -webkit-animation:character_updwon2 5s 0s infinite linear; }

@keyframes character_eyes {
    0% { background-image: url('/images/Subpage/m_img_character_bg01_01.png'); }
    10% { background-image: url('/images/Subpage/m_img_character_bg01_02.png'); }
    15% { background-image: url('/images/Subpage/m_img_character_bg01_01.png'); }
    100% {background-image: url('/images/Subpage/m_img_character_bg01_01.png'); }
}
@keyframes character_rotate {
    0% { transform:rotate(0);  -webkit-transform:rotate(0); }
    25% { transform:rotate(-45deg);  -webkit-transform:rotate(-45deg); }
    50% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    75% { transform:rotate(45deg); -webkit-transform:rotate(45deg); }
}
@keyframes character_updwon1 {
    50% { top:5%; }
}
@keyframes character_updwon2 {
    50% { bottom:30%; }
}
@keyframes character_updwon3 {
    50% { bottom:33%; }
}
@keyframes character_leftright {
    0% { top:4.43%; left:1%; }
    20% { top:5.43%; left:3%; }
    40% { top:6.43%; left:5%; }
    60% { top:5.43%; left:7%; }
    80% { top:4.43%; left:4%; }
    100% { top:4.43%; left:1%; }
}
@keyframes character_opacity1 {
    50% { opacity:1; }
    60% { opacity:1; }
}
@keyframes character_opacity2 {
    50% { transform:scale(1.5); -webkit-transform:scale(1.5); opacity:1; }
}


/*마케팅 정보 활용 안내, 개인정보 수집 이용 안내*/
.application_info_wrap .cm_table_wrap th { padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; font-size:80%; text-align:left; line-height:20px; vertical-align:top; word-break:keep-all; }
.application_info_wrap .cm_table_wrap td { font-size:80%; line-height:20px; text-align:left; word-break:keep-all; }
.application_info_wrap .cm_table_wrap thead th { height:auto; background:#f4f5fa; vertical-align:middle; text-align:center; }


/*모의투자 PC안내*/
.non_wrap { position:relative; height:calc(100vh - 55px);  }
.non_wrap .box_ic { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:180px; height:140px; }
.non_wrap .box_ic img { display:block; width:100%; }