@charset "utf-8";
#container_wr{background:#f8f8f8 !important;padding-bottom:170px;}
.gw-skin-box {padding:50px 70px;margin:0 auto;background: #fff;width: 600px;border: 10px solid #f8f8f8;border-radius:20px;}
.new_win .gw-tabs{background: #f3f3f3;}

/* 페이징 */
.pg_wrap {display: flex;align-items: center;place-content: center;font-family:'Poppins_SB', sans-serif;margin-bottom: 20px;}
.pg {text-align:center;display: flex;}
.pg_page,.pg_current { min-width: 15px;height: 30px;padding: 0 3px;margin: 0 6px;text-align: center;}
.pg_page{color:#999 !important;}
.pg_current{border-bottom:2px solid #000;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_start {text-indent:-999px;overflow:hidden;padding:0;background: url("http://theme.gnuwiz.com/skin/board/gw_gallery/img/gw-bbs-start.png") no-repeat 50% 50%;background-size: cover;}
.pg_prev {text-indent:-999px;overflow:hidden;padding:0;display:none;}
.pg_end {text-indent:-999px;overflow:hidden;padding:0;background: url("http://theme.gnuwiz.com/skin/board/gw_gallery/img/gw-bbs-end.png") no-repeat 50% 50%;background-size: cover;}
.pg_next {text-indent:-999px;overflow:hidden;padding:0;display:none;}

/* tab */
.tab-content {display: none;}
.tab-content.active {display: block;}
.gw-tabs .tab{display:block;padding:12px 17px;font-family:'Pretendard_B', sans-serif;}
.gw-tabs .tab.active {background: #fff;box-shadow: 0 15px 10px rgba(34, 34, 34, .02);color: var(--main-color);border-radius: 5px;}

/*툴팁-----------------------------------------------------------------------------------------------------------------*/
.gw-tooltip {flex:1;text-align:center;position: relative; display: inline-block; width: auto; height: auto; margin: 15px auto 0 auto; padding: 12px 15px; color: #707070; border: 1px solid #eaeaea; box-shadow: 5px 5px 20px #f3f3f3;border-radius:50px;}
.gw-tooltip:after{ position: absolute; content: ''; top: -7px; left: 50%; width: 10px; height: 10px; background: #fff; transform: translateX(-50%) rotate(-45deg); box-shadow: -1px -1px 2px -1px rgba(0,0,0,.1);border-top:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.gw-tooltip > span{color:#FF0004;}

/*로그인-----------------------------------------------------------------------------------------------------------------*/
#login_info .login_if_lpl {align-items: center;gap: 10px;}
#login_info .login_if_lpl > li{position: relative;}
#login_info .login_if_lpl .line{width:1px; height:15px; background:#e5e5e5;}
#sns_login {border-top: 1px solid #ddd;}
#gw-login-logo > a > img {width: 100%;max-width: 200px;}
#gw_login .gw-tabs {padding: 20px;background: #f3f3f3;}
#gw_login .gw-tabs > li {flex: 1;}

/*sns 로그인-----------------------------------------------------------------------------------------------------------------*/
.sns-wrap > a {position:relative;margin-bottom: 10px;width: 100%;display: block;height: 55px;text-align: center;line-height: 55px;color: #fff;border-radius: 10px;}
.sns-wrap > a:last-of-type{margin-bottom: 0;}
.sns-naver{background: #1DCF60;}
.sns-kakao{color: #000 !important;background: #F9E02C;}
.sns-facebook{background: #1877F2;}
.sns-google{color: #000 !important;background: #fff;border: 1px solid #ddd;}
.sns-twitter{background: #24A3F1;}
.sns-payco{background: #E72A2D;}
.sns-wrap > a > .ico {display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 24px;}
.sns-naver > .ico{width: 18px;height: 18px;background: url('img/sns-naver.svg') no-repeat;}
.sns-kakao > .ico{width: 24px;height: 24px;background: url('img/sns-kakao.svg') no-repeat;}
.sns-facebook > .ico{width: 22px;height: 22px;background: url('img/sns-facebook.svg') no-repeat;}
.sns-twitter > .ico{width: 22px;height: 22px;background: url('img/sns-twitter.svg') no-repeat;}
.sns-payco > .ico{width: 20px;height: 20px;background: url('img/sns-payco.svg') no-repeat;}
.sns-google > .ico{width: 20px;height: 20px;background: url('img/sns-google.svg') no-repeat;}
.member_connect {padding-top: 40px;margin-top:40px;border-top: 1px solid #ddd;}
#sns-modal03 .modal-content {height: auto;}

/*쇼핑몰 비회원 구매-----------------------------------------------------------------------------------------------------------------*/
#mb_login_notmb {border-top:1px solid #EAEAEA;}
#mb_login_notmb h2 {font-size:var(--main-title02);text-align:center}
#mb_login_notmb > p {text-align:center;color:#888;}
#mb_login_notmb label {text-align:left}
#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit {display:block;text-align:center;}

/* 쇼핑몰 비회원 주문조회-----------------------------------------------------------------------------------------------------------------*/
#mb_login_od_wr {text-align:center}
#mb_login_od_wr h2 {font-size:var(--main-title02);text-align:center}
#mb_login_od_wr .frm_input {text-align:left;}
#mb_login_od_wr p {}
#mb_login_od_wr .mb_login_odinfo_join{border-top:1px solid #EAEAEA;}
#mb_login_od_wr .mb_login_odinfo_join .gw-btn01{padding: 10px 0;min-width: 100px;height: auto;line-height: inherit;}

/*아이디/비밀번호찾기-----------------------------------------------------------------------------------------------------------------*/
#gw-find-info .gw-btn-wrap > button:not(:last-child) {margin-bottom: 10px;}

/*캡챠-----------------------------------------------------------------------------------------------------------------*/
#captcha {display:inline-block;position:relative;width: 100%;}
#captcha #captcha_info {display:block;font-size: 14px;margin-top:10px;color: var(--main-color);}
#captcha #captcha_img {height:45px;vertical-align:middle;padding:0;margin:0}
#captcha #captcha_key {width:calc(100% - 235px);height:55px;border:2px solid #ddd;background:#fff;font-family:"Poppins_SB";text-align:center;border-radius:5px;vertical-align:middle;}
#captcha #captcha_mp3 {margin:0;padding:0;width:50px;height:50px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:#888 url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:5px;}
#captcha #captcha_reload {margin:0;padding:0;width:50px;height:50px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:#888 url('../../../img/captcha2.png') no-repeat 0 -50px;text-indent: -999px;border-radius:5px;}

/*회원가입 약관동의-----------------------------------------------------------------------------------------------------------------*/
.join_wrap {padding: var(--gw-gutter-x);}
.gw-step-wrap{color: #ccc;font-family: "Pretendard_B", sans-serif;}
.gw-step-wrap > li {position:relative;flex: 1;text-align: center;}
.gw-step-wrap > li:not(:last-child):before {content: "\e93e";display: inline-block;font-family:xeicon;position: absolute;right: -7px;top: 50%;transform: translateY(-50%);}
.gw-step-wrap > li .num {width: 25px;height: 25px;background: #ccc;border-radius: 100%;display: inline-block;line-height: 25px;color: #fff;font-size: 14px;}
.gw-step-wrap > li.active {color: var(--main-color);}
.gw-step-wrap > li.active .num {background: var(--main-color);}
.switch {position: relative; display: block; height:55px; width: 100%; box-sizing: border-box;}
.switch:not(:last-child) {margin-bottom: 10px;}
.switch input {opacity: 0; width: 0; height: 0;} /* input 숨김 */
.toggle_btn {padding-left: 20px; padding-right: 20px;transition: all 350ms cubic-bezier(0.87, 1, 0.07, 1);position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #f7f7f7;border:1px solid #f7f7f7;width: 100%;font-size: 16px;color: #888;padding-top: 14px;padding-bottom: 20px;border-radius: 10px;}
.toggle_btn svg circle {stroke:rgba(0,0,0,0.3);}
.toggle_btn svg path {stroke:#888;}
.toggle_btn svg {float:left; margin-top: -2px;}
.toggle_btn p {float:left; margin-left: 15px; margin-top: 2px; margin-bottom: 0px;color: #888;}
.toggle_btn a { color: #333;border: 2px solid rgba(0,0,0,0.2);background:#fff;padding: 6px 12px;border-radius: 5px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 14px;text-transform: uppercase;}
input:checked + .toggle_btn {background-color: #555;}
input:checked + .toggle_btn p{color:rgba(255,255,255,0.8);}
input:checked + .toggle_btn svg circle {stroke:#ddd;}
input:checked + .toggle_btn svg path {stroke:#fff;}
.join_inp_agree {margin-bottom: 15px;}
.join_inp_btn {margin-top: 20px;}
.join_inps {margin-top: 20px;}
.inp:read-only {background-color: #eeeeee;} 
.subs_btn {background-color: #fff; color:var(--main-color); border:2px solid #eee; font-size: 16px; border-radius: 10px; height:60px; width: 100%; margin-top: 5px;}
.borders {border-top:1px solid #000; margin-top: 30px; height:30px; display: block;}
.inp::placeholder {color:#999;}
#sns_register {padding-top:40px;margin-top:40px;border-top: 1px solid #ddd;}
#sns_register > h2 {margin-bottom:25px;font-size: var(--main-title04);}

/*회원가입 정보입력-----------------------------------------------------------------------------------------------------------------*/
.gw-register-form-inner {border-top: 1px solid #ddd;}
.gw-register-form-inner:first-of-type {border-top: none;}
.gw-register-form-inner > h2 {font-size: var(--main-title04);font-family: 'Pretendard_B', sans-serif;}
.gw-register-form-inner .gw-flex-btw {gap: 3px;}
.gw-reg-info {font-size: 14px;color: #FF0000;font-family: 'Pretendard_M';}
.gw-win-wrap > button:not(:last-child) {margin-bottom: 10px;}
.gw-reg-chkbox > li:not(:last-child) {margin-bottom: 10px;}
.gw-reg-chkbox input[type="checkbox"] + .check-label{cursor: pointer;color: #1d1d1b;}

/*회원가입완료-----------------------------------------------------------------------------------------------------------------*/
.gw-result-title {font-size: var(--main-title03);text-align: center;font-family: 'Pretendard_B';}
.gw-result-txt-wrap {padding: 24px 32px;background: #f8f8f8;border-radius: 5px;}

/*회원정보수정-----------------------------------------------------------------------------------------------------------------*/
#mb_confirm_id {border: 2px solid #ddd;border-radius:5px;padding:12px 17px;width: 100%;height: 55px;display: block;}

/*현재접속자-----------------------------------------------------------------------------------------------------------------*/
.new_win .gw-memo-table01 td {padding: 15px;}
#gw-win-title {position:relative;font-size: var(--main-title03);padding: 20px;border-bottom: 1px solid #ddd;text-align: center;}
#gw-win-title .memo_btn {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    transform: translateY(-50%);
}
#gw-win-title .memo_btn {position: absolute;}
#gw-win-title .memo_btn > a.inactive{color: #ddd;}
.gw-new-win-wrap{padding: 20px;}
.gw-total {padding: 8px 12px;display: inline-block;border-radius:5px;font-size: 14px;background: #f8f8f8;}
.gw-empty-list {border-bottom: 1px solid #ddd;border-top: 2px solid #000;text-align: center;}
:where(#memo_write) form {padding: 20px;}
#memo_write .gw-btn-wrap {gap: 10px;}
#memo_list .profile_big_img > img {width: 60px;height: 60px;border-radius: 50%;overflow: hidden;}
#memo_list .no_read {display: none;}
#memo_list .memo_li .profile_img {display: none;}
.memo_del {font-size: 14px;}
#memo_view_contents > p{ padding: 20px;border: 2px solid #ddd;margin: 0 auto;width: calc(100% - 20px);border-radius:5px;}
#memo_view_ul .memo_op_btn {margin-right: 5px;}
#memo_view_ul .memo_from {border-bottom: 1px solid #ddd;padding: 20px;margin-bottom: 20px;align-items:center;}
#memo_view_ul .memo_profile {border-radius: 50%;overflow: hidden;width: 60px;height: 60px;display: inline-block;}
#memo_view .gw-btn-wrap {gap: 10px;padding: 20px;}
#memo_view_ul .profile_img {display: none;}
.memo_from > li:nth-of-type(2) {margin-left: 20px;}
#profile .profile_img {display: none;}
#profile .profile-wrap{padding: 20px;}
#profile  .profile_name {padding:20px;display: flex;flex-direction: column;align-items: center;}
#profile .my_profile_img {border-radius: 50%;overflow: hidden;width: 60px;height: 60px;display: inline-block;}
#profile .sv_member {font-family: "Pretendard_B", sans-serif;}
#profile .gw-table02 th {width: 30%;}
#profile .gw-table02 td{font-family:'Poppins_M', sans-serif;}

/*비밀번호확인-----------------------------------------------------------------------------------------------------------------*/
#pw_confirm{margin-top: 120px;}
#pw_confirm strong {display: block;}
#pw_confirm .gw-btn01 {position: relative;overflow: hidden;padding: 0;height: 55px;}
#pw_confirm .gw-btn01:hover {background: #000;}

/*내 쪽지함-----------------------------------------------------------------------------------------------------------------*/
.gw-memo-table01{border-top:2px solid #000;}
.gw-memo-table01 caption{display: none;}
.gw-memo-table01 th {position:relative;padding: 17px 0;border-top: 2px solid #000;border-bottom: 2px solid #ddd;text-align: center;font-size: 15px;}
.gw-memo-table01 th:not(:last-child):after {content: "";width: 1px;height: 15px;background: #ddd;display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.gw-memo-table01 td{position:relative;padding: 19px 0;text-align: center;border-bottom: 1px solid #ddd;color: #666;}

/*스크랩하기-----------------------------------------------------------------------------------------------------------------*/
#gw-scrap-title {position:relative;font-size: var(--main-title03);padding: 20px;border-bottom: 1px solid #ddd;text-align: center;}
.gw-scrap-table01{border-top:2px solid #000;}
.gw-scrap-table01 > li {position:relative;padding: 15px;display:flex;flex-direction: column;border-bottom:1px solid #ddd;}
.gw-scrap-table01 > li > .gw-btn03 {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
#scrap_do > form {padding: 20px;}
#scrap_do .scrap_tit {border: 2px solid #ddd;border-radius:5px;padding:12px 17px;width: 100%;height: 55px;font-family:"NotoKr_R";transition:0.3s;box-sizing: border-box;
    background:#fff;}
#scrap_do .sticky{padding: 8px 12px;display: inline-block;border-radius:5px;font-size: 14px;background: #f8f8f8;}

/*포인트내역-----------------------------------------------------------------------------------------------------------------*/
#gw-point-title {position:relative;font-size: var(--main-title03);padding: 20px;border-bottom: 1px solid #ddd;text-align: center;}
.point_all {padding: 20px;border-radius: 5px;background: #f8f8f8;text-align: center;color: #FF0000;font-family: 'NotoKr_B', sans-serif;font-size: var(--main-title04);}
.point_list{border-top:2px solid #000;}
.point_list > li {position:relative;padding: 15px;display:flex;border-bottom:1px solid #ddd;}
.point_num {color: #0067FF;}
.point_status {font-size: var(--main-title04);background: #f8f8f8;}

/*본인인증-----------------------------------------------------------------------------------------------------------------*/
#find_info {padding-top:40px;margin-top:40px;border-top: 1px solid #ddd;}
#find_info .cert_btn{margin-bottom: 0;}
#find_info .btn_submit {padding: 15px 40px;display: inline-block;position: relative;width:100%;z-index: 1;overflow: hidden;color: #000;border: 3px solid rgba(0,0,0,0.05);background-color: transparent;text-align: center;text-transform: uppercase;font-family:"Pretendard_B", sans-serif;transition:all .3s;}
#find_info .btn_submit::before {content: '';width: 0;height: 800%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);background: #000;transition: .5s ease;display: block;z-index: -1;}
#find_info .btn_submit:hover::before {width: 500%;}
#find_info .btn_submit:hover {color: #fff;border-color:#000;}
#member_cert_refresh_private > ul {border-top: 2px solid #000;}
#member_cert_refresh_private > ul > li{padding:19px 30px;border-bottom: 1px solid #ddd;}

/*마케팅수신동의-----------------------------------------------------------------------------------------------------------------*/
#gw-marketing-form {padding: 50px;}
#gw-marketing-form .gw-reg-chkbox > li{cursor: pointer;}
#gw-marketing-form .gw-reg-chkbox > li:not(:last-child) {padding: 20px;background: #f7f7f7;border-radius: 10px;}
#gw-marketing-form .is_captcha_use{padding-top: 40px;margin-top: 40px;border-top: 1px solid #ddd;}


@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1280px) {
	#container_wr{padding-bottom:120px;}

}

@media screen and (max-width: 1024px) {
    /*로그인*/
    #logo{margin: 0 auto;}
	#gw-login-logo > a > img{max-width:20vh;}

    /*회원가입*/
    .toggle_btn p{font-size: 15px;} 
}

@media screen and (max-width: 768px) {
	#container_wr{padding-bottom:60px;}
}

@media screen and (max-width: 576px) {
    /*공통*/
    .gw-skin-box{margin:0 auto;padding:40px 20px;width: calc(100% - 40px);}

    /*sns 로그인*/
    #sns-login-form .gw-btn-wrap {flex-wrap: wrap;}
    .login-sns .gw-flex-btw{flex-direction: column;gap: 5px;}

    /*로그인*/
    #login_info{flex-direction: column;gap: 5px;}

    /*회원가입*/
    .toggle_btn{padding-left:10px;padding-right:10px;}
    .toggle_btn a{padding: 6px;right:10px;}
    .toggle_btn p{margin-left:6px;margin-top:3px;font-size: 14px;}
    .gw-step-wrap > li{font-size: 12px;}
    .gw-register-form-inner .gw-flex-btw{flex-direction: column;gap: 5px;}
    .file-name{margin-bottom:5px;width: 100%;}
    .gw-file-input-button{position: relative;}
    .gw-result-txt-wrap{padding: 20px;}
    #register_form .gw-btn-wrap {flex-wrap: wrap;}

    /*비밀번호확인*/
    #pw_confirm{margin-top:60px;}
}

@media screen and (max-width: 320px) {
    /*회원가입*/
    .gw-step-wrap > li:not(:last-child):before{display: none;}
}