@charset 'utf-8';

/*
	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

*/


/* ●●●●●●●●●● CSS형 버튼 */
.button_pack a,.button_pack input,.button_pack button {background-image:none; position:relative; float:left; font-weight:normal; margin:0 !important; word-wrap:normal; word-break:keep-all;}
.button_pack .btn_input {background:none; position:relative; position:relative; float:left; margin:0;}
.button_pack input,.button_pack button {border:0; display:inline-block; overflow:visible; font-weight:normal; cursor:pointer; word-wrap:normal; word-break:keep-all;}

.button_pack .btn_sm_white,.button_pack .btn_sm_black,.button_pack .btn_sm_color {font-size:11px; height:25px; line-height:24px; line-height:25px\0; padding:0 14px !important;}
.button_pack .btn_sm_white {background:#fff; color:#333 !important; border:1px solid #ccc; }
.button_pack a.btn_sm_white {height:23px;}
.button_pack .btn_sm_white:hover {background:#ececec !important; border:1px solid #bbb;}
.button_pack .btn_sm_black {background:#505258; color:#fff !important; border:1px solid #505258;}
.button_pack a.btn_sm_black {height:23px;}
.button_pack .btn_sm_black:hover {background:#111 !important; border:1px solid #111;}
.button_pack .btn_sm_color {background:#cb3726; color:#fff !important; border:1px solid #cb3726; }
.button_pack a.btn_sm_color {height:23px;}
.button_pack .btn_sm_color:hover {background:#bb0000 !important; border:1px solid #bb0000;}

.button_pack .btn_md_white,.button_pack .btn_md_black,.button_pack .btn_md_color {font-size:13px; height:35px; line-height:35px; line-height:34px\0; padding:0 20px !important;}
.button_pack .btn_md_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack a.btn_md_white {height:33px;}
.button_pack .btn_md_white:hover {background:#ececec !important; border:1px solid #bbb;}
.button_pack .btn_md_black {background:#505258; color:#fff !important; border:1px solid #505258;}
.button_pack a.btn_md_black {height:33px;}
.button_pack .btn_md_black:hover {background:#111 !important; border:1px solid #111;}
.button_pack .btn_md_color {background:#cb3726; color:#fff !important; border:1px solid #cb3726; }
.button_pack a.btn_md_color {height:33px;}
.button_pack .btn_md_color:hover {background:#bb0000 !important; border:1px solid #bb0000;}

.button_pack .btn_lg_white,.button_pack .btn_lg_black,.button_pack .btn_lg_color { font-size:17px; height:55px; line-height:55px; padding:0 40px !important;}
.button_pack .btn_lg_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack a.btn_lg_white {height:53px;}
.button_pack .btn_lg_white:hover {background:#ececec !important; border:1px solid #bbb;}
.button_pack .btn_lg_black {background:#505258; color:#fff !important; border:1px solid #505258;}
.button_pack a.btn_lg_black {height:53px;}
.button_pack .btn_lg_black:hover {background:#111 !important; border:1px solid #111;}
.button_pack .btn_lg_color {background:#cb3726; color:#fff !important; border:1px solid #cb3726; }
.button_pack a.btn_lg_color {height:53px;}
.button_pack .btn_lg_color:hover {background:#bb0000 !important; border:1px solid #bb0000;}



/* ●●●●●●●●●● 목록 (페이지네이트) */
.cm_paginate {text-align:center; padding-top:30px; overflow:hidden; position:relative; clear:both}
.cm_paginate a {float:left;}
.cm_paginate .nextprev {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #b0b0b0; float:left; overflow:hidden;}
.cm_paginate .nextprev .btn {float:left; position:relative; overflow:hidden; height:35px;}
.cm_paginate .nextprev .btn .ok {display:none;}
.cm_paginate .nextprev .click .ok {display:block;}
.cm_paginate .nextprev .click .no {display:none;}
.cm_paginate .nextprev .ok {width:40px; height:35px; border-right:1px solid #dbdbdb;  background:#fff; float:left;}
.cm_paginate .nextprev .ok:hover {background:#f5f5f5;}
.cm_paginate .nextprev .icon {background:transparent url('../images/cm_images/paginate.png') no-repeat; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
.cm_paginate .nextprev .no {width:40px; height:35px; border-right:1px solid #dbdbdb; background:#fff;}
.cm_paginate .nextprev .ok .ic_first {background-position:0 0}
.cm_paginate .nextprev .ok .ic_prev {background-position:-20px 0}
.cm_paginate .nextprev .ok .ic_next {background-position:-40px 0}
.cm_paginate .nextprev .ok .ic_last {background-position:-60px 0}
.cm_paginate .nextprev .no .ic_first {background-position:0 -20px; }
.cm_paginate .nextprev .no .ic_prev {background-position:-20px -20px}
.cm_paginate .nextprev .no .ic_next {background-position:-40px -20px}
.cm_paginate .nextprev .no .ic_last {background-position:-60px -20px}
.cm_paginate .number {float:left; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #b0b0b0; margin:0 15px;}
.cm_paginate .number a {height:35px; line-height:38px; color:#999; padding:0 15px; font-size:13px; border-right:1px solid #dbdbdb; background:#fff}
.cm_paginate .number a:hover {background:#f5f5f5; color:#;}
.cm_paginate .number .hit {color:#333; font-weight:400;}
.cm_paginate .btn_area {position:absolute; right:0;}

/* .cm_paginate_large {padding:0 0 80px 0;} */
.cm_paginate_large .nextprev .btn {height:45px;}
.cm_paginate_large .nextprev .ok {width:55px; height:45px;}
.cm_paginate_large .nextprev .no {width:55px; height:45px;}
.cm_paginate_large .number a {line-height:48px; height:45px; padding:0 23px; font-size:18px;}




/* ●●●●●●●●●● 상태텍스트아이콘 (둘중 한가지만 선택) */
/* bg꽉찬형 */
.texticon_pack span {display:inline-block; line-height:23px !important; line-height:24px\0 !important; height:22px; padding:0 12px 0 12px; margin:0; cursor:default; overflow:hidden; border-radius:60px; box-sizing:border-box;}
.texticon_pack span {font-weight:400; font-size:12px;color:#fff !important; }
.texticon_pack .red {background:#cb3726 !important; border:1px solid #cb3726 !important;}
.texticon_pack .orange {background:#ff8a00 !important; border:1px solid #ff8a00 !important;}
.texticon_pack .green {background:#86ae00 !important; border:1px solid #86ae00 !important;}
.texticon_pack .sky {background:#00a7bc !important; border:1px solid #00a7bc !important;}
.texticon_pack .blue {background:#0058b4 !important; border:1px solid #0058b4 !important;}
.texticon_pack .purple {background:#8000ec !important; border:1px solid #8000ec !important;}
.texticon_pack .dark {background:#474747 !important; border:1px solid #474747 !important;}
.texticon_pack .light {background:#b4b4b4 !important; border:1px solid #b4b4b4 !important;}
.texticon_pack .black {background:#2b2b31 !important; border:1px solid #2b2b31 !important;}

.texticon_pack {height:25px !important;}
.texticon_pack.checkicon span {position:relative;}
.texticon_pack.checkicon span:before {content:''; background:transparent url('../images/cm_images/txt_icon_check.png') center 0 no-repeat !important; position:absolute; left:8px; top:4px; width:15px; height:15px;}
.texticon_pack.checkicon span { padding:0 16px 0 28px !important; font-size:12px !important; height:25px !important; line-height:24px !important; line-height:25px\0 !important; background-image:none !important;}


/* .cm_board_view .post_title .texticon_pack.checkicon span {line-height:26px !important;} */


/* .texticon_pack.checkicon span {background-image:url('../images/cm_images/txt_icon_check.png') !important; background-repeat:no-repeat !important; background-position: 15px center !important;}
.texticon_pack.checkicon span {padding:0 18px 0 30px !important; font-size:13px !important; line-height:26px !important; height:26px !important; line-height:27px0 !important;}
 */
/* 보더형
.texticon_pack span {display:inline-block; line-height:23px; line-height:24px\0 !important; height:22px; padding:0 12px 0 12px; margin:0; cursor:default; overflow:hidden; border-radius:100px;}
.texticon_pack span {font-weight:400; font-size:11px;color:#fff !important; background:#fff !important; letter-spacing:0px;}
.texticon_pack .red {border:1px solid #ff365c !important; color:#ff365c !important; }
.texticon_pack .orange {border:1px solid #ff8a00 !important; color:#ff8a00 !important;}
.texticon_pack .green {border:1px solid #86ae00 !important; color:#86ae00 !important;}
.texticon_pack .sky {border:1px solid #00a7bc !important; color:#00a7bc !important;}
.texticon_pack .blue {border:1px solid #0058b4 !important; color:#0058b4 !important;}
.texticon_pack .purple {border:1px solid #8000ec !important; color:#8000ec !important;}
.texticon_pack .dark {border:1px solid #474747 !important; color:#474747 !important;}
.texticon_pack .light {border:1px solid #b4b4b4 !important; color:#b4b4b4 !important;}
.texticon_pack .black {border:1px solid #2b2b31 !important; color:#2b2b31 !important;}
*/

/* .texticon_pack.checkicon .red:before {background-color:#ff365c !important;}
.texticon_pack.checkicon .orange:before {background-color:#ff8a00 !important;}
.texticon_pack.checkicon .green:before {background-color:#86ae00 !important;}
.texticon_pack.checkicon .sky:before {background-color:#00a7bc !important;}
.texticon_pack.checkicon .blue:before {background-color:#0058b4 !important;}
.texticon_pack.checkicon .purple:before {background-color:#8000ec !important;}
.texticon_pack.checkicon .dark:before {background-color:#474747 !important;}
.texticon_pack.checkicon .light:before {background-color:#b4b4b4 !important;}
.texticon_pack.checkicon .black:before {background-color:#2b2b31 !important;} */






/* ●●●●●●●●●● 단락 타이틀 */
.cm_group_title {letter-spacing:-0.5px; font-size:17px; padding-bottom:10px; position:relative; color:#333; margin-top:40px; font-family:Noto Sans CJK KR, "Noto"; letter-spacing:-1px; font-weight:500;}
/* .cm_group_title strong {color:#333; font-weight:400; } */
.cm_group_title .explain {position:absolute; right:0; bottom:10px; font-weight:normal; font-size:12px; color:#999; letter-spacing:-0.5px;}
.cm_group_title .cm_member_form {border-top:0}
.cm_group_title:first-child {margin-top:0px;}
.cm_group_title:first-of-type {margin-top:0px;}

.cm_group_title .right_box {position:absolute; right:0; top:-10px;}




/* ●●●●●●●●●● 페이지하단 버튼영역 */
.cm_bottom_button {overflow:hidden; text-align:center; clear:both; padding:40px 0 0 0}
.cm_bottom_button ul {display:inline-block}
.cm_bottom_button li {list-style:none; display:inline-block; float:left; margin:0 3px !important;}




/* ●●●●●●●●●● 모바일버전보기 버튼 */
#backToMobile {	box-sizing: border-box;	box-shadow: inset 0 2em 2em rgba(0,0,0,.5); text-align: center; background: #333; padding: 5em 0;}
#backToMobile > a {display: inline-block;	box-sizing: border-box; padding: 1em 4em; color: #333; background:#fff; border-radius:20em; font-size: 5em; letter-spacing:-0.08em; font-weight:600; }
#backToMobile > a:active {margin-top: .5em;}





/* ●●●●●●●●●● 내용없음 */
.cm_no_conts {text-align:center; overflow:hidden; padding:40px 0 50px 0;}
.cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts.png') center bottom no-repeat; height:150px;}
.cm_no_conts .gtxt {color:#b2b2b2 !important; margin-top:15px; font-size:13px;}




/* ●●●●●●●●●● 페이지 도움말 */
.cm_user_guide {border:1px solid #ddd; padding:30px 30px 30px 30px; background:#fff url('../images/cm_images/guide_txt.png') 55px center no-repeat; margin-top:40px; text-align:left;}
.cm_user_guide dl { margin-left:130px; border-left:1px dashed #d4d4d4; padding-left:30px; }
.cm_user_guide dt {font-size:15px; color:#cc0000; margin-bottom:10px; font-weight:600; letter-spacing:-1px;  padding-top:20px; text-align:left}
.cm_user_guide dt:first-child {padding-top:0}
.cm_user_guide dd {line-height:18px; color:#999; background:transparent url('../images/cm_images/bullet_s.gif') left 8px no-repeat; padding-left:8px; letter-spacing:0px; text-align:left}
.cm_user_guide b,.cm_user_guide strong {color:#000; font-weight:400; letter-spacing:0px;}











/* ●●●●●●●●●● 관리자설정 팝업창 */
.popup {/* position:absolute; */ z-index:999999; display:inline-block; position:relative;}
.popup .img_box {overflow:hidden;}
.popup .img_box img {float:left;}
.popup .btn_area {position:relative; overflow:hidden; background:#4d4d4d; height:30px;}
.popup .btn_area label {overflow:hidden; color:#ccc; font-size:11px; letter-spacing:0; float:left; padding:0 6px; height:30px; line-height:30px;}
.popup .btn_area label:hover {color:#fff;}
.popup .btn_area input {margin:1px 3px 0 0; width:0; height:0;}
.popup .btn_close {position:absolute; right:10px; top:9px;}
.popup .btn_close:before { content:''; float:left; background:transparent url('../images/cm_images/member_pop_close.gif') center center no-repeat; width:13px; height:13px; }








/* ●●●●●●●●●● <공통> 인풋파일 file 눈속임디자인  */
.input_file_box {background:#fff; border:1px solid #ccc; overflow:hidden; position:relative;  float:left; height:32px; width:100%;}
.input_file_box:first-child {margin-top:0}
.input_file_box .fakeFileTxt {background:#fff; float:left; width:100%; color:#999; margin-top:10px; text-indent:10px; border:0; letter-spacing:0px; font-size:13px;}
.input_file_box .fileDiv { background:#fff; width:100px; height:100%; overflow: hidden; }
.input_file_box .buttonImg {background:#ddd; width:120px; height:100%; position: absolute; top:0; right:0; color:#333; border:0; font-weight:600;}
.input_file_box:hover .buttonImg {background:#ccc}
.input_file_box:hover {border:1px solid #ddd;}
.input_file_box .realFile {position:absolute; right:0px; top:0px; width:100%; font-size:200px; height:100%;  cursor:pointer !important; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
/* 사용법
<div class="input_file_box">
	<input type="text" id="fakeFileTxt" class="fakeFileTxt" readonly="readonly" disabled>
	<div class="fileDiv">
		<input type="button" class="buttonImg" value="파일찾기" />
		<input type="file" class="realFile" onchange="javascript:document.getElementById('fakeFileTxt').value = this.value" />
	</div>
</div>
*/




/* ●●●●●●●●●● 이메일무단수집거부 추가 */
.cm_email_reject {text-align:center; font-size:15px; line-height:1.6; white-space:pre-line; background:transparent url('../images/cm_images/email_reject.jpg') center top no-repeat; padding-top:180px}





/* ●●●●●●●●●● 레이어팝업 */
.cm_ly_pop_tp {border:3px solid #2c2f34; overflow:hidden; background: #2c2f34; box-shadow:0 0 8px rgba(0,0,0,0.3); margin:0 auto}
.cm_ly_pop_tp .cm_bottom_button {padding:20px 0 0 0}

/* 기본형 */
.cm_ly_pop_tp .title_box {padding:15px 20px; color:#fff; font-size:15px; position:relative; background: #2c2f34;}
.cm_ly_pop_tp .btn_close {position:absolute; top:50%; right:0; width:21px; height:21px; margin:-11px 20px 0 0; background:transparent url('../images/cm_images/member_pop_close.gif') no-repeat; }
.cm_ly_pop_tp .inner_box {overflow:hidden; padding:20px; background:#fff;}
.cm_ly_pop_tp .top_txt {color:#000; line-height:20px; text-align:center; font-size:13px;}
.cm_ly_pop_tp .top_txt strong {color:#ff2d2d;}
.cm_ly_pop_tp .form_box {overflow:hidden; position:relative; border-top:1px solid #eee; margin-top:10px;}
.cm_ly_pop_tp .form_box li {list-style:none; position:relative; border:1px solid #eee; border-top:0; background:#fff;}
.cm_ly_pop_tp .form_box .opt {position:absolute; left:13px; top:10px; height:45px; line-height:45px; background:transparent url('../images/cm_images/member_pop_bullet.gif') left center no-repeat; padding-left:13px; font-size:13px;}
.cm_ly_pop_tp .form_box .value {margin-left:120px; border-left:1px solid #eee;  padding:10px; position:relative; overflow:hidden;}
.cm_ly_pop_tp .form_box .input_design {float:left; background:#eee; height:45px; line-height:45px; width:100%; border-radius:5px; box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1); text-indent:45px; margin-top:5px; border:0; font-size:13px;}
.cm_ly_pop_tp .form_box .input_design:focus {color:#000; background-color:#ccc;}
.cm_ly_pop_tp .form_box .input_design:first-of-type {margin-top:0}
.cm_ly_pop_tp .form_box .textarea_design {background:#eee; line-height:18px; width:94%; height:100px; border-radius:5px; box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1); border:0; padding:10px;}
.cm_ly_pop_tp .form_box .textarea_design:focus {color:#000; background-color:#fafafa;}
.cm_ly_pop_tp .form_box .select_design {float:left; padding:0 10px; width:100%; border-radius:5px; border:1px solid #ccc; height:45px;}
.cm_ly_pop_tp .form_box .icon_name {background-image: url('../images/cm_images/member_find_name.png'); background-position:12px center; background-repeat:no-repeat}
.cm_ly_pop_tp .form_box .icon_date {background-image: url('../images/cm_images/member_find_date.png'); background-position:12px center; background-repeat:no-repeat}
.cm_ly_pop_tp .form_box .icon_email {background-image: url('../images/cm_images/member_find_email.png'); background-position:12px center; background-repeat:no-repeat}
.cm_ly_pop_tp .form_box .icon_password {background-image: url('../images/cm_images/member_find_password.png'); background-position:12px center; background-repeat:no-repeat}
.cm_ly_pop_tp .form_box .icon_bank {background-image: url('../images/cm_images/member_find_bank.png'); background-position:12px center; background-repeat:no-repeat}
.cm_ly_pop_tp .form_box .icon_phone {background-image: url('../images/cm_images/member_find_phone.png'); background-position:16px center; background-repeat:no-repeat}

.cm_ly_pop_tp .data_TB_box {position:relative; padding:10px;}
.cm_ly_pop_tp .data_TB_box table {width:100%; position:relative;}
.cm_ly_pop_tp .data_TB_box tr {width:100%;}
.cm_ly_pop_tp .data_TB_box th {line-height:40px; background:#ddd; color:#333; font-weight:400; border:1px solid #ccc; border-bottom:0; text-align:center;}
.cm_ly_pop_tp .data_TB_box td {border:1px solid #ddd; border-top:0; padding:5px; text-align:center;}
.cm_ly_pop_tp .data_TB_box .button_pack {float:none; margin:0px;}

.cm_ly_pop_tp.if_noblank .inner_box {overflow:hidden; padding:10px 10px 20px 10px; background:#fff;}






/* 리스트공통탭 */
.cm_listtop_tab {height:45px; text-align:center; border-bottom:1px solid #333; margin-bottom:15px; position:relative;}
.cm_listtop_tab .tab_box {overflow:hidden;}
.cm_listtop_tab .button_pack {float:left; margin-left:5px;}
.cm_listtop_tab ul {overflow:hidden;}
.cm_listtop_tab li {float:left; height:45px; list-style:none;}
.cm_listtop_tab .tab { font-size:15px; color:#797b7f; height:45px; line-height:47px; display:block; border-right:1px solid #d0d2db; border-top:1px solid #d0d2db; padding:0 30px; letter-spacing:-0.5px; background:#efefef;}
.cm_listtop_tab li:first-of-type .tab {border-left:1px solid #c7c7c7; margin:0 !important}
.cm_listtop_tab .tab:hover {background:#d0d2db; color:#000;}
.cm_listtop_tab .hit .tab {background:#333; height:46px; border-right:1px solid #333; border-top:1px solid #333; border-left:1px solid #333; margin-left:-1px; color:#fff;}
.cm_listtop_tab li:first-of-type.hit .tab {border-left:1px solid #252728 !important}
.cm_mypage_list +.cm_listtop_tab {margin-top:40px;}
.cm_listtop_tab .btn_box {position:absolute; right:0; top:0; z-index:50}





/* 비회원 쓰기 개인정보취급방침동의 */
.cm_step_agree {background:#f1f1f1; position:relative; border-bottom:1px solid #b7b7b7; padding:10px 20px 10px 20px; margin:0 0 20px 0; text-align:center; border-top:2px solid #333;}
.cm_step_agree textarea {width:100%; border:1px solid #ccc; background:#fff; height:120px; padding:15px; line-height:1.4; color:#999 !important; margin-top:10px; font-size:12px; box-sizing:border-box;}
.cm_step_agree label {padding:15px; color:#666; overflow:hidden; font-size:13px; font-weight:600; cursor:pointer}
.cm_step_agree label input {margin:0 5px 0 0; float:left;}
.cm_step_agree label:hover {text-decoration:underline;}
.cm_step_agree .arrow {position:absolute; left:50%; bottom:0; margin:0 0 -16px -16px;}
.cm_step_agree .agree_title {text-align:left; color:#666; font-size:13px; margin:15px 0 5px 0px;}
.cm_step_agree .agree_title+ textarea {margin-top:0px;}