@charset "utf-8";
/*CSS Document*/
@import url(/adm/wiz_reset.css);
:root {
    --m-color: #0084dd;
    --m-color-transparent: rgba(0, 132, 221, 0.65);
    --m-color-strong: #0669a6;
    --m-error: #d43d60;
    --m-new: #fca604;
    --m-pop: #32c081;
    --m-rec: #fa647d;
    --m-sale:#ec3f3f;
    --m-ing: #00a4a2;
    --m-best: #00a4a2;
    --m-end: #8f8f99;
    --m-ready: #f58604;
}

html, body {font-size: 14px;}
body, table, th, td, input, select, textarea, div, button, form{color:#333; /*line-height:1.6;*/ font-family: inherit; font-size: inherit;}

/***************************************** 회원가입 : 약관동의 *****************************************/
/* 회원가입 약관 -----------------------*/
.join_agree_cont{margin:10px 0;}
.join_agree_cont + p {letter-spacing: -0.025em;}
.join_agree_cont textarea{width:100%; height:200px; font-family: inherit; padding:14px; line-height:1.6; font-size:13px; color:#777; background:#fff; border:1px solid #ddd; box-sizing:border-box; word-break:keep-all; resize:none; transition:all 0.3s;}

.join_agree_pad{padding:40px 0 0;}
.join_agree_cont textarea{height:130px;}


/* 전체동의 -----------------------*/
.join_agree_all{margin:50px 0 0; padding:20px 0 0; border-top:1px solid #ddd;}

/* 실명인증 -----------------------*/
.join_agree_namecheck{margin:40px 0 0; padding:30px 0; background:#f7f7f7;}
.join_agree_namecheck div.inner{width:100%; max-width:400px; margin:0 auto;}
.join_agree_namecheck .tit{font-size:16px; font-weight:600; color:#444; letter-spacing:-0.05em; line-height:1.6;}
.join_agree_namecheck div.cont{margin:14px 0 0;}
.join_agree_namecheck div.cont dl{position:relative; height:40px; padding-left:100px; margin:5px 0 0;}
.join_agree_namecheck div.cont dl:first-child{margin:0;}
.join_agree_namecheck div.cont dl dt{position:absolute; left:0; top:0; line-height:40px; font-size:14px; color:#444;}
.join_agree_namecheck div.cont dl dd{}
.join_agree_namecheck div.cont dl dd input{width:100%; height:40px; line-height:40px; padding-left:10px; border:1px solid #ddd; box-sizing:border-box;}
.join_agree_namecheck div.cont dl.perno{overflow:hidden;}
.join_agree_namecheck div.cont dl.perno input{float:left; width:calc(50% - 5px);}
.join_agree_namecheck div.cont dl.perno font{float:left; width:10px; height:40px; line-height:40px; text-align:center;}

/***************************************** 회원가입 : 정보입력 *****************************************/
.join_input_cont{margin:25px 0 0; border-top:1px solid #999; padding:14px 0 0;}
.join_input_cont table{}
.join_input_cont table th, .join_input_cont table td{text-align:left; font-weight:normal; font-size:14px; letter-spacing:-0.05em; display:block; height:auto;}
.join_input_cont table th{width:130px; padding:8px 0 0; }
.join_input_cont table th span{color:#ff1d1d; font-weight:600;}
.join_input_cont table td{padding:10px 0;}
.join_input_cont table td input[type='text'], .join_input_cont table td input[type='password']{width:100%; height:37px; padding:0 0 0 10px; background:#f7f7f7; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.join_input_cont table td input[name*="phone"], .join_input_cont table td input[name*="post"]{width:30%;}
.join_input_cont table td input[name*="address1"], .join_input_cont table td input[name*="address2"]{width:100%;}
.join_input_cont table td .input[name="id"] {width: 70%;}
.join_input_cont table td .input[name="nick"] {width: 70%;}
.join_input_cont table td input[type='file']{background:#f7f7f7; border:1px solid #dfdfdf;}
.join_input_cont table td .chk_btn {display:inline-block; height:37px; line-height:37px; background:#777; text-align:center; color:#fff; font-size:13px; box-sizing:border-box; vertical-align:middle; cursor:pointer; width: 28%; padding: 0;}
.join_input_cont table td .input[name*="post"] + .chk_btn {width: 30%;}
.join_input_cont table td select{height:22px; border:1px solid #ddd;}
.join_input_cont table td label{vertical-align:middle;}
.join_input_cont table td .comment{display:inline-block; font-size:13px; color:#888; padding:0; margin:5px 0 10px;}
.join_input_cont table td .border{width:100%; height:1px; background:#e2e2e2; margin:12px 0;}
.join_input_cont table td textarea{width:100%; height:170px; padding:14px; line-height:1.6; font-size:14px; color:#777; background:#f7f7f7; border:1px solid #ddd; box-sizing:border-box; word-break:keep-all; resize:none; transition:all 0.3s;}
.join_input_cont table tr .name, .join_input_cont table tr .id {display:inline-block; padding:4px 0;}
.join_input_cont table tr th.name, .join_input_cont table tr th.id {width:130px; height:36px; line-height:36px;}
.join_input_cont table tr td.name, .join_input_cont table tr td.id {height:36px; line-height:36px;color:#444; font-size:14px;}


/* 아이디 중복확인 ----------------------*/
.id_check_tit{position:relative; height:38px; line-height:38px; font-size:16px; color:#fff; font-weight:600; letter-spacing:-0.05em; padding-left:14px; background:#aaa;}
.id_check_tit a.close{position:absolute; right:10px; top:50%; margin-top:-10px;}

.id_check_cont{text-align:center;}
.id_check_cont p{margin:30px 0 0; font-size:13px; color:#666;}
.id_check_cont .id_search{background:#f7f7f7; border:1px solid #ddd; padding:14px 0; margin:20px 25px;}
.id_check_cont .id_search table{}
.id_check_cont .id_search table td{}
.id_check_cont .id_search table td input{width:130px; height:22px; line-height:22px; background:#fff; border:1px solid #ddd; padding:0 0 0 5px; color:#333; margin:0 3px 0 10px;}
.id_check_cont .id_search table td button{}
.id_check_cont .id_result{text-align:center; font-size:13px; color:#333; line-height:1.6;}
.id_check_cont .id_result b{font-weight:600; color:#ff1d1d;}


/* 닉네임 중복확인 ----------------------*/
.nick_check_tit{position:relative; height:38px; line-height:38px; font-size:16px; color:#fff; font-weight:600; letter-spacing:-0.05em; padding-left:14px; background:#aaa;}
.nick_check_tit a.close{position:absolute; right:10px; top:50%; margin-top:-10px;}


.nick_check_cont{text-align:center;}
.nick_check_cont p{margin:30px 0 0; font-size:13px; color:#666;}
.nick_check_cont .id_search{background:#f7f7f7; border:1px solid #ddd; padding:14px 0; margin:20px 25px;}
.nick_check_cont .id_search table{}
.nick_check_cont .id_search table td{}
.nick_check_cont .id_search table td input{width:130px; height:22px; line-height:22px; background:#fff; border:1px solid #ddd; padding:0 0 0 5px; color:#333; margin:0 3px 0 10px;}
.nick_check_cont .id_search table td button{}
.nick_check_cont .id_result{text-align:center; font-size:13px; color:#333; line-height:1.6;}
.nick_check_cont .id_result b{font-weight:600; color:#ff1d1d;}




/***************************************** 회원가입 : 완료 *****************************************/
.join_ok{/*border-top:1px solid #333;*/}
.join_ok .inner{text-align:center; /*border-width:0 1px 1px; border-style:solid; border-color:#ddd;*/ padding:10px 0 0; /*background:#f7f7f7;*/ line-height:1.6; letter-spacing:-0.05em;}
.join_ok .inner p{font-size:17px; letter-spacing:-0.05em; font-weight:normal; color:#333;}
.join_ok .inner span{display:block; font-size:12px; color:#888; margin:5px 0 0;}
.join_ok_button{text-align:center; margin:25px 0 0;}
.join_ok_button a{display:inline-block; width:100px; height:40px; line-height:40px; color:#fff; font-size:14px; letter-spacing:-0.05em; border-radius:3px; background:#333;}
.join_ok_button a:hover{background:#000;}



/***************************************** 로그인 *****************************************/
.AW_login_tit { width:462px; margin:0 auto;  background:url(image/title_bullet.png) left 50% no-repeat; padding-left:18px; font-size:16px;font-weight:600; color:#999; letter-spacing:-0.05em;}
.AW_login_tit span {display:inline-block; color:#444;}
.AW_login_wrap{border-top:1px solid #333; width:480px; margin:10px auto;}
.AW_login_wrap .inner{border-width:0 1px 1px; border-style:solid; border-color:#ddd; background:#fff;}
.AW_login_wrap .AW_login{width:400px; padding:5px 0 20px; margin:0 auto;}
.AW_login_wrap .AW_login .tit{text-align:left; padding:0 35px 20px; border-bottom:1px solid #ddd; font-size:16px; color:#666;}
.AW_login_wrap .AW_login .form{margin:25px 0 0;}
.AW_login_wrap .AW_login .form table{}
.AW_login_wrap .AW_login .form table td{text-align:left; font-weight:normal;}
.AW_login_wrap .AW_login .form table td span{display:inline-block; width:55px;}
.AW_login_wrap .AW_login .form table td .logininput{width:168px; height:28px; line-height:28px; background:#f7f7f7; border:1px solid #ddd; padding:0 0 0 5px; margin:2px 0;}
.AW_login_wrap .AW_login .form table td button{margin-left:5px;}
.AW_login_wrap .AW_login .form table td.checkbox{padding:7px 0 0 55px;}
.AW_login_wrap .AW_login .form table td.checkbox input{vertical-align:middle;}
.AW_login_wrap .AW_login .form table td.checkbox label{vertical-align:middle; margin:0 14px 0 2px;}


.AW_login_wrap .AW_login_button{background:#f7f7f7; padding:14px 0;}
.AW_login_wrap .AW_login_button table{}
.AW_login_wrap .AW_login_button table th{font-size:11px; text-align:left; font-weight:normal; width:230px;}
.AW_login_wrap .AW_login_button table td{text-align:right; padding:2px 0;}



/* 로그인 2 ------------------------------------------------------------------------*/
.AW_login2_wrap{width:100%; /*max-width:600px;*/ padding: 0; border: 0; /*margin:0 auto;*/ box-sizing:border-box; }
.AW_login2_wrap .AW_login2_wrapinner{width:100%; margin:0 auto;}
.AW_login2_wrap .login-tit{text-align:center; font-size:22px; color:#333; line-height:1.3; letter-spacing:-0.05em;}
.AW_login2_wrap .login-form{position:relative; /*margin:30px 0 0;*/ padding-right:calc(30% + 10px);}
.AW_login2_wrap .login-form dl{position:relative; border:1px solid #ccc; margin:10px 0 0;}
.AW_login2_wrap .login-form dl:first-child{/*border-width:1px;*/ margin:0;}
.AW_login2_wrap .login-form dl dt{position:absolute; left:10px; top:0; height:50px; line-height:50px; font-size:14px; color:#999; letter-spacing:-0.05em;}
.AW_login2_wrap .login-form dl dd{}
.AW_login2_wrap .login-form dl dd input{width:100%; height:50px; padding-left:80px; color:#333; font-size:14px; border:0 none; box-sizing:border-box;}
.AW_login2_wrap .login-form button{position:absolute; right:0; top:0; font-family: inherit; width:30%; height:114px; line-height:114px; font-size:14px; color:#fff; /*font-weight:600;*/ background:#333; border:1px solid #333; border-radius:3px; transition:all 0.3s;}
.AW_login2_wrap .login-form button:hover{background:#000; border-color:#000;}

.AW_login2_wrap .login-form.no-p {padding: 0;}

.AW_login2_wrap .tit {margin: 40px 0 18px; text-align: center; font-size: 16px; letter-spacing: -0.045em; color: #333; font-weight: 500; line-height: 32px;}
.AW_login2_wrap small {word-break: keep-all; font-size: 14px; letter-spacing: -0.035em; color: #333; display: block; font-weight: 400; line-height: 24px;}
.AW_login2_wrap .go_order {display: flex; justify-content: center; align-items: center; background: #333; color: #fff; width:100%; height:50px; text-align:center; margin:8px auto 0; border:1px solid #ddd; border-radius:3px; cursor:pointer; padding:0;}
/* 비회원로그인 ------------------------- */

/* 비회원으로 조회 ------------------------*/

/* 체크박스 */
.AW_login2_wrap .login-check{margin:20px 0 0;}
.AW_login2_wrap .login-check label{font-size:14px; letter-spacing:-0.07em; color:#777;}
/* 소셜 로그인 */
.AW_login2_wrap .login-social{margin:50px 0 0;}
.AW_login2_wrap .login-social button{width:100%; height:50px; text-align:center; /*overflow:hidden;*/ margin:8px 0 0; border:1px solid #ddd; border-radius:3px; background:#fff; cursor:pointer; padding:0;}
.AW_login2_wrap .login-social button:first-child{margin:0;}
.AW_login2_wrap .login-social button, .AW_login2_wrap .login-social button *{vertical-align:middle;}
.AW_login2_wrap .login-social button i{display:inline-block; width:48px; height:48px;}
.AW_login2_wrap .login-social button span{display:inline-block; padding: 0 20px 0 0; box-sizing: border-box; height:24px; line-height:24px; text-align:left; letter-spacing:-0.05em; color:#fff; font-size:14px; }
/* 색상 */
.AW_login2_wrap .login-social button {display: flex; justify-content: center; align-items: center;}
.AW_login2_wrap .login-social button.facebook{border-color:#4c66a4; background: #4c66a4;}
.AW_login2_wrap .login-social button.facebook i{background: url(./image/social-facebook.png) 50% 50% no-repeat; background-size:10px auto;}
.AW_login2_wrap .login-social button.naver{border-color:#26cc09; background: #26cc09;}
.AW_login2_wrap .login-social button.naver i{background:url(./image/social-naver.png) 50% 50% no-repeat; background-size:14px auto;}
.AW_login2_wrap .login-social button.twitter{border-color:#2fc2ef; background: #2fc2ef;}
.AW_login2_wrap .login-social button.twitter i{background:url(./image/social-twitter.png) 50% 50% no-repeat; background-size:16px auto;}
.AW_login2_wrap .login-social button.kakao{border-color:#ffcd00; background: #ffcd00;}
.AW_login2_wrap .login-social button.kakao i{background: url(./image/social-kakao.png) 50% 50% no-repeat; background-size:16px auto;}
/* 링크 */
.AW_login2_wrap .login-link{margin:40px 0 0; padding:20px 0 0; text-align:center; border-top:1px solid #f2f2f5;}
.AW_login2_wrap .login-link, .AW_login2_wrap .login-link *{vertical-align:middle;}
.AW_login2_wrap .login-link a{display:inline-block; font-size:14px; line-height:1.3; color:#777; letter-spacing:-0.05em;}
.AW_login2_wrap .login-link a:hover{/*text-decoration:underline;*/ color:#000;}
.AW_login2_wrap .login-link i{display:inline-block; width:1px; height:13px; background:#d7d7d7; margin:0 14px;}






/***************************************** 아이디 비밀번호 찾기 *****************************************/
.idpwbox {width:100%; /*max-width:480px;*/ /*margin:0 auto;*/ box-sizing:border-box; border:0 none; padding:30px 0;}
.idpwbox.pwbox{margin:20px 0 0; border-top:1px solid #eee;}
.idpwbox .idpwboxinner{width:100%; margin:0 auto;}
/**/
.idpwbox .idpwbox_tit{}
.idpwbox .idpwbox_tit strong{display:block; font-size:22px; font-weight:600; color:#444; letter-spacing:-0.07em; line-height:1.6;}
.idpwbox .idpwbox_tit p{font-size:14px; color:#777; letter-spacing:-0.05em; margin:5px 0 0;}
/**/
.idpwbox .idpwbox_form{margin:30px 0 0;}
.idpwbox .idpwbox_form dl{position:relative; border:1px solid #ccc; margin:5px 0 0;}
.idpwbox .idpwbox_form dl:first-child{margin:0;}
.idpwbox .idpwbox_form dl dt{position:absolute; left:20px; top:0; height:50px; line-height:50px; font-size:14px; color:#999; letter-spacing:-0.05em;}
.idpwbox .idpwbox_form dl dd{}
.idpwbox .idpwbox_form dl dd input{width:100%; height:50px; padding-left:100px; color:#333; font-size:14px; border:0 none; box-sizing:border-box;}
.idpwbox .idpwbox_form button{margin:10px 0 0; font-family: inherit; width:100%; height:52px; line-height:50px; font-size:14px; color:#fff; letter-spacing:-0.05em; background:#333; border:1px solid #333; border-radius:3px; transition:all 0.3s;}
.idpwbox .idpwbox_form button:hover{background:#000; border-color:#000;}






/***************************************** 비밀번호 재확인 *****************************************/
.recf_pw{border-top:1px solid #333;}
.recf_pw .inner{border-width:0 1px 1px; border-style:solid; border-color:#ddd; background:#fff; padding:20px 25px;}
.recf_pw .tit{font-size:17px; font-weight:600; color:#999; letter-spacing:-0.05em; line-height:1.6; padding:0 0 0 18px; background:url(image/title_bullet.png) left 50% no-repeat; margin:0 0 5px;}
.recf_pw .tit span{color:#444;}
.recf_pw p{font-size:13px; font-weight:normal; margin:0 0 20px;}
.recf_pw .cont{background:#f7f7f7; padding:14px;}
.recf_pw .cont table{}
.recf_pw .cont table th, .recf_pw .cont table td{text-align:left; font-weight:normal;}
.recf_pw .cont table th{padding-left:20px; padding-right:10px;}
.recf_pw .cont table th.first{padding-left;0;}
.recf_pw .cont table td{}
.recf_pw .cont table td strong{font-size:14px; font-weight:600; color:#333;}
.recf_pw .cont table td input{width:150px; height:20px; background:#fff; border:1px solid #ccc; padding:0 0 0 5px;}


.recf_pw_button{text-align:center; margin:20px 0 0;}




/***************************************** 정보수정 *****************************************/
.myinfo_tit{font-size:16px; font-weight:600; color:#999; letter-spacing:-0.05em; line-height:1.6; padding:0 0 0 18px; background:url(image/title_bullet.png) left 50% no-repeat;}
.myinfo_tit span{color:#444;}
.myinfo_caption{text-align:right; font-size:11px; color:#999;}
.myinfo_caption span{color:#ff1d1d; font-weight:600;}
.myinfo_cont{margin:5px 0 0; border-top:1px solid #333;}
.myinfo_cont table{}
.myinfo_cont table th, .myinfo_cont table td{text-align:left; font-weight:normal; border-bottom:1px solid #ddd;}
.myinfo_cont table th{width:18%; height:40px; padding-left:20px; background:#f7f7f7;}
.myinfo_cont table th span{color:#ff1d1d; font-weight:600;}
.myinfo_cont table td{padding:7px 0 7px 14px;}
.myinfo_cont table td .input{padding:3px; background:#f7f7f7; border:1px solid #ddd; vertical-align:middle;}
.myinfo_cont table td .file{background:#f7f7f7; border:1px solid #dfdfdf;}
.myinfo_cont table td select{height:22px; border:1px solid #ddd;}
.myinfo_cont table td label{vertical-align:middle;}
.myinfo_cont table td font.comment{display:inline-block; font-size:12px; color:#888;}


/* 버튼 --------------------------------*/
.myinfo_button{margin:20px 0 0; text-align:center;}



/***************************************** 회원탈퇴 ****************************************
.myout{border-top:1px solid #333;}
.myout th, .myout td{text-align:left; font-weight:normal; border-bottom:1px solid #ddd;}
.myout th{width:18%; height:40px; padding-left:20px; background:#f7f7f7; }
.myout th span{color:#ff1d1d; font-weight:600;}
.myout td{padding:7px 14px 7px 14px;}
.myout td input{width:100%; height:20px; padding-left:5px; background:#f7f7f7; border:1px solid #ddd;}
.myout td textarea{width:100%; height:100px; padding-left:5px; background:#f7f7f7; border:1px solid #ddd;}*/



.select {border:1px solid #ccc; background:#fff;}
.input {border:1px solid #dfdfdf; background:#f7f7f7;}
.input_idpw {font-size:11px; color:#545454; border:1px solid #dfdfdf; background:#fff;}
.search_input {color:#847f74; border:1px solid #cfcfcf; background-color: #fff;}
.textarea {border:1px solid #e7e7e7; background-color:#f4f4f4;}

/* 회원관련 - 로그인 */
.input_id {color:#847f74; border:#cfcfcf 1px solid; background:#fff;}

/*인풋*/
.inp { border:1px solid #CCCCCC; height:16px; vertical-align:middle;}
.inp02 { border:1px solid #CCCCCC; height:16px; line-height:13px; vertical-align:middle; font-size:11px}
.inp_hd { border:1px solid #ffffff; height:16px; vertical-align:middle;}







/************************************************************************************** 공통 **************************************************************************************/
/************************************************************************************** 공통 **************************************************************************************/
/************************************************************************************** 공통 **************************************************************************************/
/* 타이틀 */
.AW-mem-tit{margin-top:30px;}
.AW-mem-tit:nth-of-type(1){margin-top:0;}
.AW-mem-tit strong{display:block; font-size:14px; font-weight:600; color:#444; letter-spacing:-0.07em; line-height:1.6; transition:all 0.3s;}
.AW-mem-tit p{font-size:14px; color:#777; letter-spacing:-0.05em; margin:5px 0 0; transition:all 0.3s;}
.AW-mem-tit p span{color:#ff1d1d;}
.AW-mem-tit p br {display: none;}
/* 버튼 */
.AW-mem-btn{margin:40px 0 0; text-align:center; overflow:hidden;}
.AW-mem-btn a,
.AW-mem-btn input, .AW-mem-btn button{float:left; font-family: inherit; width:50%; height:40px; line-height:40px; font-size:14px; letter-spacing:-0.07em; text-align:center; background:#e0e0e0; color:#666; transition:all 0.3s; box-sizing:border-box; cursor:pointer;}
.AW-mem-btn a:first-child, .AW-mem-btn input:first-child, .AW-mem-btn button:first-child{color:#fff; background:#333;}

.bbs_bottom {margin: 10px 0 0; display: flex; justify-content: space-between; align-items: flex-start;}
.bbs_bottom .left {flex: none; width: 50%;}
.bbs_bottom .right {flex: none; width: 50%;}


.address_table {display: block;}
.address_table tbody {display: block; width: 100%;}
.address_table tbody tr {display: block; width: 100%; box-sizing: border-box; border-top: 1px solid #222; border-bottom: 1px solid #ddd; padding: 10px; }
.address_table tbody td {display: block; width: 100%; text-align: left; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.045em; line-height: 22px;}
.address_table tbody td strong {color: var(--m-error);}
.address_table p {text-align: right;}
.address_table tbody td[align=center] {text-align: center;}
.address_table tbody td.no_list {width: 100%; text-align: center;}
.address_table tbody .detail {display: inline-block; margin: 0 0 0 4px;}
.address_table .address_ttl {font-size: 15px; font-weight: 500; color: #000; text-align: left; margin: 12px 0 8px;}



/***************************************************** 체크박스. 라디오등등 상품평이 들어간 radio는 커스텀화 한다 *****************************************************/
.only_chk { }
.only_chk.flex_center_only_chk { display: flex; justify-content: center; align-items: center; }
.only_chk input[type=checkbox] { appearance: none !important; }
.only_chk input[type=checkbox] + label { font-size: 0; border-radius: 4px; display: block; width: 18px; height: 18px; background: #fff url(/img/comm/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box; }
.only_chk input[type=checkbox]:checked + label { background: var(--m-color) url(/img/comm/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.only_chk.font input[type=checkbox] + label { margin: 0; font-size: 13px; width: auto; position: relative; padding: 0 0 0 20px; box-sizing: border-box; border: 0; background: transparent; }
.only_chk.font input[type=checkbox] + label::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; border-radius: 4px; display: block; width: 18px; height: 18px; background: #fff url(/img/comm/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box; }
.only_chk.font input[type=checkbox]:checked + label::before { background: var(--m-color) url(/img/comm/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.only_chk.flex_center_only_chk { display: flex; justify-content: center; align-items: center; }
.only_chk input[type=radio] { appearance: none !important; border: 0; }
.only_chk input[type=radio] + label::before { font-size: 0; border-radius: 4px; display: block; width: 18px; height: 18px; background: #fff url(/img/comm/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box; }
.only_chk input[type=radio]:checked + label { background: var(--m-color) url(/img/comm/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.only_chk.font input[type=radio] + label { line-height: 1; margin: 0; font-size: 13px; width: auto; position: relative; padding: 0 0 0 20px; box-sizing: border-box; border: 0; background: transparent; }
.only_chk.font input[type=radio] + label::before { border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; display: block; width: 18px; height: 18px; background: #fff url(/img/comm/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box; }
.only_chk.font input[type=radio]:checked + label::before { background: var(--m-color) url(/img/comm/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.only_chk.star input[type=radio] + label { line-height: 1; margin: 0; font-size: 13px; width: auto; position: relative; padding: 0 0 0 20px; box-sizing: border-box; border: 0; background: transparent; }
.only_chk.star input[type=radio] + label::before { border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; display: block; width: 18px; height: 18px; background: #fff url(/img/comm/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box; }
.only_chk.star input[type=radio]:checked + label::before { background: var(--m-color) url(/img/comm/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.chk_flex_container { display: flex; justify-content: flex-start; align-items: center; margin: 10px 0; font-size: 13px; color: #888; }
.chk_flex_container .only_chk { margin: 0 4px; }
.chk_flex_container .only_chk.star { margin: 0 16px 0 0; }
.input_flex_container {display: flex; justify-content: flex-start; align-items: center;}
.input_flex_container .only_chk {margin: 0 4px;}
.input_flex_container .only_chk.font input[type=checkbox] + label {line-height: 1.4;}


/***************************************************** 로그인박스 *****************************************************/
.AW_loginbox {width: 100%; max-width: 300px; border: 1px solid #ddd; box-sizing: border-box; padding: 20px; margin: 0 auto;}
.AW_loginbox p {font-size: 16px; letter-spacing: -0.045em; line-height: 24px;}
.AW_loginbox p b {color: #000;}
.AW_loginbox table {display: block; width: 100%;}
.AW_loginbox tbody {display: block; width: 100%;}
.AW_loginbox tr {display: block; width: 100%;}
.AW_loginbox td {display: block; width: 100%;}
.AW_loginbox table td {padding:4px 0; box-sizing: border-box; font-size: 14px; letter-spacing: -0.045em; line-height: 18px;}
.AW_loginbox table .inputbox input {display: block; margin: 0 0 4px; width: 100%; border: 1px solid #ddd; box-sizing: border-box; height: 32px; background: #fff; padding: 0 8px; font-size: 14px;}
.AW_loginbox table .bbs_btn.login_btn {height: 32px; display: block; width: 100%;}
.AW_loginbox table td a {font-size: 14px; letter-spacing: -0.045em;}
.AW_loginbox .only_chk.font input[type=checkbox] + label {line-height: 18px;}
.AW_loginbox .bbs_btn {font-size: 13px;}


/******************************************************* 리스트 하단버튼 *******************************************************/
.bbs_btn { border: 1px solid #ddd;line-height: 31px;font-size: 14px;padding: 0 12px;box-sizing: border-box;display: inline-block;cursor: pointer;}
.bbs_btn.bg {background: #777; color: #fff;border-color: #777;}