@charset "utf-8";/*CSS Document*/
/*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;
}
body, table, th, td, input, select, textarea, div, button, form{color:#333; /*line-height:1.6;*/ font-family: inherit; font-size: inherit;}

.AW-mem-tit:nth-of-type(1) { margin-top:0; }
.AW-mem-tit strong { display:block; font-size:22px; font-weight:600; color:#444; letter-spacing:-0.07em; line-height:1.6; transition:all 0.3s; }
.AW-mem-tit p { font-size:15px; color:#777; letter-spacing:-0.05em; margin:5px 0 0; transition:all 0.3s; }
.AW-mem-tit p span { color:#ff1d1d; }

/* 버튼 */
.AW-mem-btn { margin:60px 0 0; text-align:center; overflow:hidden; }
.AW-mem-btn a,
.AW-mem-btn input, .AW-mem-btn button { float:left; width:50%; height:60px; line-height:60px; font-size:17px; 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:hover, .AW-mem-btn input:hover, .AW-mem-btn button:hover { background:#ccc; }
.AW-mem-btn a:first-child, .AW-mem-btn input:first-child, .AW-mem-btn button:first-child { color:#fff; background:#333; }
.AW-mem-btn a:first-child:hover, .AW-mem-btn input:first-child:hover, .AW-mem-btn button:first-child:hover { background:#000; }

/***************************************** 회원가입 : 약관동의 *****************************************/
/* 회원가입 약관 -----------------------*/
.join_agree_cont{margin:10px 0 0;}
.join_agree_cont textarea{font: inherit; width:100%; height:200px; padding:15px; 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_check{margin:10px 0 0; text-align:right;}
.join_agree_check label{font-size:15px; letter-spacing:-0.02em; color:#333; vertical-align:middle;}
.join_agree_check input{margin:0 0 0 5px; width:20px; height:20px; vertical-align:middle;}

.join_agree_pad{padding:60px 0 0;}

/* 전체동의 -----------------------*/
.join_agree_all{margin:50px 0 0; padding:20px 0 0; border-top:1px solid #ddd; display: flex; justify-content: flex-end; align-items: center;}

/* 실명인증 -----------------------*/
.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:15px 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:15px 0 0;}
.join_input_cont table{}
.join_input_cont table th, .join_input_cont table td{text-align:left; font-weight:normal; font-size:15px; letter-spacing:-0.05em; /*border-bottom:1px solid #ddd;*/}
.join_input_cont table th{width:130px; height:40px; padding-left:15px; /*background:#f7f7f7;*/}
.join_input_cont table th span{color:#ff1d1d; font-weight:600;}
.join_input_cont table td{/*padding:7px 0 7px 15px;*/ padding:8px 0;}
.join_input_cont table td input[type='text'], .join_input_cont table td input[type='password']{width:250px; 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:76px;}
.join_input_cont table td input[name*="address1"], .join_input_cont table td input[name*="address2"]{width:80%;}
.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; padding:0 16px; box-sizing:border-box; vertical-align:middle; cursor:pointer;}
.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;}
.join_input_cont table td .border{width:100%; height:1px; background:#e2e2e2; /*margin:15px 0;*/}
.join_input_cont table td textarea{width:100%; height:200px; padding:15px; 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 th input[type=radio], .join_input_cont td input[type=radio] {appearance: none; width: 0; height: 0; margin: 0; padding: 0;}
.join_input_cont th input[type=radio]:checked + label, .join_input_cont td input[type=radio] + label {font-size: 14px; font-family: inherit; display: inline-block; position: relative; padding: 0 0 0 26px; box-sizing: border-box;}
.join_input_cont th input[type=radio] + label::before, .join_input_cont td input[type=radio] + label::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; 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;}
.join_input_cont th input[type=radio]:checked + label::before, .join_input_cont td 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); }


/* 아이디 중복확인 ----------------------*/
.id_check_tit { position:relative; height:38px; line-height:38px; font-size:16px; color:#fff; font-weight:600; letter-spacing:-0.05em; padding-left:15px; 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:15px 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:15px; 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:15px 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 20px 15px; background:#f7f7f7; line-height:1.6; padding:40px 0; letter-spacing:-0.05em; }
.join_ok .inner p { font-size:27px; font-weight:normal; color:#333; margin:0 0 5px; }
.join_ok .inner span { display:block; font-size:15px; color:#888; }
.join_ok_button { }
.join_ok_button{text-align:center; margin:25px 0 0;}
.join_ok_button a{display:inline-block; width:25%; height:55px; line-height:55px; font-size:18px; color:#fff; /*font-weight:600;*/ background:#333; border:1px solid #333; border-radius:3px; transition:all 0.3s;}
.join_ok_button a:hover{background:#000;}

/***************************************** 로그인 *****************************************/

.AW_login2_wrap{width:100%; /*max-width:600px;*/ padding:70px; border:1px solid #ddd; /*margin:0 auto;*/ box-sizing:border-box;}
.AW_login2_wrap .AW_login2_wrapinner{width:100%; max-width:500px; 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(25% + 10px); }
.AW_login2_wrap .login-form.no-p {padding: 0;}
.AW_login2_wrap .login-form dl{position:relative; border:1px solid #ccc; margin:10px 0 0;}
.AW_login2_wrap .login-form dl:first-child{margin:0;}
.AW_login2_wrap .login-form dl dt{position:absolute; left:20px; top:0; height:50px; line-height:50px; font-size:15px; color:#999; letter-spacing:-0.05em; z-index: 9;}
.AW_login2_wrap .login-form dl dd{width: 100%; display: block; height: 50px;}
.AW_login2_wrap .login-form dl dd input{z-index: 8; width:100%; height:50px; padding-left:100px; color:#333; font-size:15px; border:0; box-sizing:border-box; position: absolute; top: 0; left: 0;}
.AW_login2_wrap .login-form button{position:absolute; right:0; top:0; /*margin:10px 0 0;*/ width:25%; height:115px; line-height:115px; font-size:15px; 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 .tit {margin: 0 0 24px; text-align: center; font-size: 20px; letter-spacing: -0.065em; color: #333; font-weight: 500; line-height: 32px;}
.AW_login2_wrap small {font-size: 16px; letter-spacing: -0.045em; 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; max-width: 500px; 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, .AW_login2_wrap .login-check *{vertical-align:middle;}
.AW_login2_wrap .login-check label{display:inline-block; margin-left:20px; font-size:15px; letter-spacing:-0.07em; color:#777;}
.AW_login2_wrap .login-check label:first-child{margin-left:0;}
.AW_login2_wrap .login-check label input{width:15px; height:15px;}
/* 소셜 로그인 */
.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{text-align:left; letter-spacing:-0.05em; color:#fff; font-size:15px; /*padding-left:10px;*/}

/* 색상 */
.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:16px 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:15px; 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 15px;}

/* 비회원로그인 ------------------------- */
.AW_login_none_wrap { width:480px; margin:30px auto 0; }
.AW_login_none_wrap .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; margin:0 0 10px; }
.AW_login_none_wrap .tit span { display:inline-block; color:#444; }
.AW_login_none_wrap .tit small { display:inline-block; font-size:13px; font-weight:normal; margin-left:10px; }
.AW_login_none { border-top:1px solid #333;; }
.AW_login_none p { font-size:12px; color:#666; }
.AW_login_none .inner { border-width:0 1px 1px; border-style:solid; border-color:#ddd; background:#fff; padding:20px; }
.AW_login_none .cont { background:#f7f7f7; padding:5px 30px; margin-top:10px; }
.AW_login_none .cont table { }
.AW_login_none .cont table th { font-weight:normal; text-align:left; }
.AW_login_none .cont table td { text-align:center; padding:10px 0; }

/* 비회원으로 조회 ------------------------*/
.AW_login_nonesearch_wrap { width:480px; margin:30px auto 0; }
.AW_login_nonesearch_wrap .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 6px no-repeat; }
.AW_login_nonesearch_wrap .tit span { display:inline-block; color:#444; }
.AW_login_nonesearch_wrap small { display:inline-block; font-size:12px; font-weight:normal; margin-left:1px; color:#999; }
.AW_login_nonesearch_get { border-top:1px solid #333; margin:10px 0 0; }
.AW_login_nonesearch_get .inner { border-width:0 1px 1px; border-style:solid; border-color:#ddd; background:#fff; padding:25px 0px; }
.AW_login_nonesearch_get .cont { padding:15px 0; }
.AW_login_nonesearch_get .cont table { }
.AW_login_nonesearch_get .cont table th, .AW_login_nonesearch .cont table td { text-align:left; font-weight:normal; }
.AW_login_nonesearch_get .cont table th { padding-right:10px; padding-left:0px; }
.AW_login_nonesearch_get .cont table td { padding:2px 0; }
.AW_login_nonesearch_get .cont table td input { width: 210px;height:28px; line-height:28px; background:#f7f7f7; border:1px solid #ddd; padding:0 0 0 5px; margin:2px 0; }
.AW_login_nonesearch_get .cont table td span { display:inline-block; width:120px; }
.AW_login_nonesearch_get .cont table td button { margin-left:5px; }


/* 비회원으로 구매 ------------------------*/
.AW_login_nonesearch_wrap { width:480px; margin:30px auto 0; }
.AW_login_nonesearch_wrap .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 6px no-repeat; }
.AW_login_nonesearch_wrap .tit span { display:inline-block; color:#444; }
.AW_login_nonesearch_wrap small { display:inline-block; font-size:12px; font-weight:normal; margin-left:1px; color:#999; }
.AW_login_nonesearch { border-top:1px solid #333; margin:10px 0 0; }
.AW_login_nonesearch .inner { border-width:0 1px 1px; border-style:solid; border-color:#ddd; background:#fff; padding:25px 25px; }
.AW_login_nonesearch .cont { background:#f7f7f7; padding:15px 0; }
.AW_login_nonesearch .cont table { }
.AW_login_nonesearch .cont table th, .AW_login_nonesearch .cont table td { text-align:left; font-weight:normal; }
.AW_login_nonesearch .cont table th { padding-right:10px; padding-left:0px; }
.AW_login_nonesearch .cont table td { padding:2px 0; }
.AW_login_nonesearch .cont table td input { width:130px; height:20px; line-height:20px; background:#fff; border:1px solid #ccc; padding:0 0 0 5px; }
.AW_login_nonesearch .cont table td button { margin-top:5px; }


/***************************************** 아이디 비밀번호 찾기 *****************************************/
.idpwbox {width:100%; /*max-width:480px;*/ padding:50px 0; border:1px solid #ddd; /*margin:0 auto;*/ box-sizing:border-box;}
.idpwbox.pwbox{margin:20px 0 0;}
.idpwbox .idpwboxinner{width:100%; max-width:500px; 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:15px; 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:15px; 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:15px; border:0 none; box-sizing:border-box;}
.idpwbox .idpwbox_form button{margin:10px 0 0; width:100%; height:52px; line-height:50px; font-size:15px; color:#fff; /*font-weight:600;*/ 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;}

.idpwbox .idpwbox_form dl dd {margin: 0;}
.idpwbox .idpwbox_form dl dd input{appearance: none; display: block;}

/***************************************** 비밀번호 재확인 *****************************************/
.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:15px; }
.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:15px; 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 15px; }
.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; }

.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; }


/* 게시판 list ------------------------------------------*/
.AW_list_table {table-layout: fixed; border-collapse: collapse;}
.AW_list_table.border { border-top:1px solid #333; }
.AW_list_table tr { border-bottom: 1px solid #ddd; box-sizing: border-box; }
.AW_list_table th,.AW_list_table td { font-size:15px; font-weight:500; text-align:center; line-height:31px; letter-spacing:-0.045rem; color:#333; padding:12px 0; vertical-align:middle;}
.AW_list_table th {  }
.AW_list_table td {}
.AW_list_table td.h70 { height:70px; }
/* 테이블 안에 테이블 리셋 */
.AW_list_table table { border:0 none; }
.AW_list_table table th, .AW_list_table table td { height:auto; padding:0; border:0 none; background:none; }
.AW_list_table .address_lnk {display: block;}
.AW_list_table .address_lnk .address_detail {display: inline-block; margin: 0 0 0 6px;}
.AW_list_table .only_chk {display: inline-block;}
/* 카테고리 */
.Product_ct_tit { border-top:1px solid #333; font-weight:bold; font-size:14px; text-align:left; background:url(image/title_bullet.png) left 18px no-repeat; padding:15px 0 15px 18px; }
.Product_Category_Wrap { background:#f8f8f8; border:1px solid #dddddd; padding:15px 20px; }
.Product_Category_Wrap a { color:#666; }


/***************************************************** 체크박스 커스텀 *****************************************************/
.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 {line-height: 1; margin: 0; font-size: 15px; width: auto; position: relative; padding: 0 0 0 30px; 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 {}
.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: 15px; width: auto; position: relative; padding: 0 0 0 30px; 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: 15px; 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;}
.chk_flex_container .only_chk.star {margin: 0 16px 0 0;}



/***************************************************** 퀵바 *****************************************************/
.quick_wrap {position:fixed; top:0; right:0; width:85px; height:100%; background:#fff; border-left:1px solid #ddd; box-sizing:border-box; z-index: 995; transition:right 0.35s;}
.quick_wrap.close {right:-85px;}

.quick_wrap .quick_btn {position:absolute; top:300px; left:0; width:21px; height:40px; background:#fff url(/img/comm/close_ico.png) 50% 50% no-repeat; border-width:1px 0 1px 1px; border-style:solid; border-color:#eee #ddd #eee; margin-left:-21px; text-indent:-9999px; box-sizing:border-box; outline-color:var(--m-color);}
.quick_wrap.close .quick_btn {background-image:url(/img/comm/open_ico.png);}

.quick_wrap .inner {padding:30px 10px 0; box-sizing:border-box;}
.quick_wrap .quick_lnk {margin-bottom:40px;}
.quick_wrap .quick_lnk li {margin-bottom:30px;}
.quick_wrap .quick_lnk a {position:relative; display:block; width:100%; padding:45px 0 0; text-align:center; background:url(/img/comm/top_ico1.png) 50% 0 no-repeat; font-size:13px; line-height:15px; letter-spacing:-0.085rem; color:#333; box-sizing:border-box;}
.quick_wrap .quick_lnk a:hover {color:var(--m-color);}
.quick_wrap .quick_lnk li:nth-child(2) a {background:url(/img/comm/top_ico2.png) 50% 15% no-repeat;}
.quick_wrap .quick_lnk li:nth-child(3) a {background:url(/img/comm/top_ico3.png) 50% 0 no-repeat;}
.quick_wrap .quick_lnk li:nth-child(4) a {background:url(/img/comm/quick_ico4.png) 50% 0 no-repeat;}
.quick_wrap .quick_lnk .count {position:absolute; top:0; right:8px; width:20px; height:20px; line-height:20px; text-align:center; font-size:11px; font-weight:600; letter-spacing:0; color:#fff; background:var(--m-color); border-radius:50%; margin:-7px 0 0; box-sizing:border-box;}

.quick_wrap .today {width:100%; border-top:1px solid #eee; padding-top:30px;}
.quick_wrap .today span {display:block; font-size:14px; line-height:20px; color:#555; text-align:center; margin-bottom:12px;}
.quick_wrap .today ul {width:61px; margin:0 auto;}
.quick_wrap .today li {width:61px; height:61px; margin-bottom:5px; box-sizing:border-box;}
.quick_wrap .today img, .quick_wrap .today li a {display:block; width:100%; height:100%;}
.quick_wrap .controls_btn {width:61px; margin:10px auto 0;}
.quick_wrap .controls_btn button {float:left; width:30px; height:25px; border:1px solid #ddd; background:url(/img/comm/prev_ico.png) 50% 50% no-repeat; text-indent:-9999px; box-sizing:border-box;}
.quick_wrap .controls_btn button.next {border-left:none; background-image:url(/img/comm/next_ico.png);}


/***************************************************** 로그인박스 *****************************************************/
.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 td {padding: 8px 0; box-sizing: border-box; font-size: 16px; letter-spacing: -0.045em; line-height: 24px;}
.AW_loginbox table .inputbox input {margin: 0 4px 4px 0; display: block; width: calc(100% - 4px); 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: 70px; display: block; margin: 0 0 4px;}
.AW_loginbox table td a {font-size: 16px; letter-spacing: -0.045em;}
.AW_loginbox .only_chk.font input[type=checkbox] + label {line-height: 18px;}
.AW_loginbox .bbs_btn {font-size: 14px;}


/******************************************************* 리스트 하단버튼 *******************************************************/
.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;}