@charset "UTF-8";

/**** 공용 CSS Document ****/

body {
    position: static;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-family: NanumGothic, ngwoff, Dotum;
    font-size: 12px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    z-index: 1;
    color: #333;
}
input,
li,
textarea,
option {
    color: #000;
    margin: 0;
    padding: 0;
    z-index: 1;
    vertical-align: middle;
    font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
span {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    z-index: 1;
}
div {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
ul,
li,
ol,
dl,
dt,
dd {
    list-style: none;
    margin: 0;
    padding: 0;
    list-style-image: none;
}
@font-face {
    font-family: "ngwoff";
    src: url("../images/font/NanumGothic.woff"),
        url("../images/font/NanumGothic.eot"),
        url("../images/font/NanumGothic.ttf");
}
@font-face {
    font-family: "ngwoff";
    src: url("../images/font/NanumGothic.eot");
    src: local(?) url("../images/font/NanumGothic.woff") format("woff"),
        url("../images/font/NanumGothic.fft") format("truetype");
}

@font-face {
    font-family: "NanumBarunGothic";
    src: url("../images/font/NanumBarunGothic.eot"),
        url("../images/font/NanumBarunGothic.woff") format("woff"),
        url("../images/font/NanumBarunGothic.ttf") format("truetype");
}
@font-face {
    font-family: "NanumSquare";
    src: url("../images/font/NanumSquareR_5.eot"),
        url("../images/font/NanumSquareR.woff") format("woff"),
        url("../images/font/NanumSquareR_5.ttf") format("truetype");
}

fieldset {
    width: auto;
    border: none 0;
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
}
p {
    margin: 0;
    padding: 0;
}

/**** 링크시 기본색상 ****/
a {
    outline: none;
    selector-dummy: expression(this.hideFocus=true);
}
A:link {
    color: #000;
    text-decoration: none;
}
A:visited {
    color: #000;
    text-decoration: none;
}
A:active {
    color: #000;
    text-decoration: none;
}
A:hover {
    color: #0370df;
    text-decoration: none;
}
a.links {
    color: #0370df;
    text-decoration: underline;
}
.selectColor {
    color: #0370df;
}
.disabled {
    background-color: #e7e7e7;
    color: #717171;
}

/*.L_Table A:hover { text-decoration: underline;}*/
.selectColor1 > A:link {
    color: #0370df;
    text-decoration: underline;
}
.selectColor1 > A:hover {
    color: #0370df;
    text-decoration: underline;
}
.selectColor1 > A:active {
    color: #0370df;
    text-decoration: underline;
}
.selectColor1 > A:links {
    color: #0370df;
    text-decoration: underline;
}

/**** 공통 CSS ****/
img {
    line-height: 0;
    font-size: 0;
    border: 0;
    margin: 0;
    padding: 0;
}
form {
    display: inline;
    margin: 0;
    padding: 0;
} /*테이블 안깨어지게 하는 소스*/
select {
    font-size: 12px;
    color: #000;
    height: 23px;
    padding: 0;
    border: solid 1px #ccc;
    font-family: NanumGothic, ngwoff, Dotum;
}
select.search {
    font-size: 11px;
    color: #000000;
    height: 17px;
    vertical-align: middle;
    border: solid 1px #bababa;
}
textarea {
    font-size: 12px;
    border: 1px solid #cbb5aa;
    border-color: #c5c5c5 #e9e9e9 #e9e9e9 #c5c5c5;
    padding: 0.5em 0.75em;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    font-family: NanumGothic, ngwoff, Dotum;
}
file {
    font-size: 12px;
    font-family: "Gulim", "Arial", "Verdana", "Geneva";
    color: #000;
}
table {
    border: 0;
}
/*.png24{tmp:expression(setPng24(this)); }*/
input[type="text"],
input[type="password"] {
    display: inline-block;
    padding: 0.5em 0.75em; /* label의 패딩값과 일치 */
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.25em;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
input[type="text"]:focus,
input[type="password"]:focus {
    border-color: #7b9eef;
}
input[type="checkbox"],
input[type="radio"] {
    height: 13px;
    margin: 0 3px 0 0;
    padding: 0;
    vertical-align: middle;
    width: 13px;
}
input[type="file"] {
    color: #000;
    font-family: 돋움, Dotum;
    font-size: 12px;
    height: 20px;
}
input.disabled {
    background: #e9e9e9;
}
label {
    margin: 0 3px 0 0;
    vertical-align: middle;
    cursor: pointer;
}
legend,
hr,
caption {
    font-size: 0;
    height: 0;
    width: 0;
    display: none;
    line-height: 0;
}
.hidden {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
}
.ImgWork {
    cursor: pointer;
    vertical-align: middle;
}
.ImgWork_right {
    cursor: pointer;
    vertical-align: middle;
    float: right;
}
.txt_center {
    text-align: center;
}
.txt_right {
    text-align: right;
}
input.txt_right {
    padding-right: 5px;
}
em {
    font-style: normal;
}
.ico_calendar {
    width: 16px;
    height: 16px;
    padding: 3px 5px;
    background: url(../images/common/ico_calendar.png) no-repeat 4px 3px;
    cursor: pointer;
}
.ico_calendar:hover {
    background-position: -22px 3px;
}
input.input_txt {
    background: #f5f5f5;
}
.s_btn {
    font-size: 12px;
    line-height: 16px;
}
.s_btn a {
    background: #444;
    border: 1px solid #363636;
    color: #f6f3f3;
    display: inline-block;
    font-size: 11px;
    height: 14px;
    letter-spacing: -1px;
    line-height: 11px;
    padding: 6px 14px 3px;
    text-align: center;
}

.adminButton {
    margin: 15px 0 0;
}
.bCenter {
    text-align: center;
}
.adminButton .btnLeft {
    float: left;
}
.adminButton .btnRight {
    float: right;
}
.adminButton .btn_sbmit,
.adminButton > a {
    background: url(../images/common/btn_bg.png) no-repeat 0 0;
    display: inline-block;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    margin: 0 5px;
}
.adminButton .btn_sbmit:hover,
.adminButton > a:hover {
    background-position: 0 -43px;
}
.adminButton > a span {
    background: url(../images/common/btn_bg.png) no-repeat 100% 0;
    position: relative;
    letter-spacing: 0;
    padding: 0 24px 0 20px;
    cursor: pointer;
    left: 4px;
    vertical-align: top;
    color: #fff;
    display: inline-block;
}
.adminButton > a span:hover {
    background-position: 100% -43px;
}
.btn_sm {
    background: url(../images/common/btn_bg.png) no-repeat 0 -86px;
    color: #666;
    display: inline-block;
    font-size: 1.1em;
    font-weight: normal;
    height: 22px;
    line-height: 21px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}
.btn_sm:hover {
    background-position: 0 -118px;
    color: #000;
}
.btn_sm span {
    display: inline-block;
    color: #666;
    background: url(../images/common/btn_bg.png) no-repeat 100% -86px;
    font-size: 12px;
    height: 22px;
    cursor: pointer;
    left: 4px;
    letter-spacing: 0;
    padding: 0 24px 0 20px;
    position: relative;
    vertical-align: top;
}
.btn_sm span:hover {
    background-position: 100% -118px;
}
.btn_view span,
.btn_change span,
.btn_xm span {
    padding: 0 7px 0 3px;
}
.btn_xm {
    margin-left: 10px;
}
.comment_update,
.comment_cancel {
    background: #f5f5f5;
    border: solid 1px #ccc;
    font-size: 11px;
    cursor: pointer;
    padding: 2px 8px;
    margin: 7px 0 0 0;
    display: inline-block;
    vertical-align: top;
}
.comment_update:hover,
.comment_cancel:hover {
    color: #666;
    background: #f1f1f1;
}

/*페이징*/
.pagination {
    float: left;
    width: 100%;
    clear: both;
    margin: 25px auto 5px auto;
    padding: 1px 0;
    text-align: center;
    font-size: 11px;
    font-family: Tahoma;
    letter-spacing: -1px;
    line-height: normal;
}
.cur_num,
.pagination a {
    background: #fff;
    display: inline-block;
    float: left;
    margin: 0 2px;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #ddd;
}
.cur_num/**/,  .pagination a/**/ {
    float: none;
    margin: 0 2px;
    color: #666;
} /* IE5 제외 핵 */
.num_box {
    font-weight: bold;
}
.num_prev,
.num_next,
.num_box {
    width: 28px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #fdfdfd;
    color: #666;
}
.cur_num,
.num_box:hover {
    width: 28px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    border: solid 1px #b5181d;
    background: #e03136;
    color: #fff;
}
.num_prev:hover,
.num_next:hover {
    /*border-color:#ddd;*/
    color: #6977e4;
}
.num_prev {
    padding-right: 3px;
    height: 15px;
    background: url(../images/common/prev.gif) no-repeat left center;
}
.num_next {
    padding-left: 3px;
    height: 15px;
    background: url(../images/common/next.gif) no-repeat right center;
}

/*상단 링크*/
.top_link {
    position: relative;
    float: left;
    width: 1100px;
    margin: 0 auto;
    height: 41px;
    z-index: 99999;
}
.favorites {
    width: 53px;
    height: 12px;
    padding: 0 5px 3px 0;
    margin: 10px 0 0 0;
    float: left;
}
.top_link .entin_link {
    float: left;
    margin: 9px 0 0 -5px;
}
.top_link .entin_link li {
    float: left;
}
.top_link .entin_link li a {
    padding: 5px;
}
.top_link .link {
    float: right;
    margin-left: 15px;
    position: relative;
    margin-top: 0;
}
.top_link .link .drop_menu ul.top_menu > li.first a {
    background: url(../images/common/ico_drop_arrow.png) no-repeat 58px 16px;
    width: auto;
    min-width: 52px;
}
.top_link .link .drop_menu ul.top_menu > li.top_mypage a {
    width: 62px;
    background-position: 68px 16px;
}
.top_link .link .drop_menu ul.top_menu > li.first a:hover {
    color: #da291c;
}
.top_link .link .drop_menu ul.top_menu > li > ul {
    display: none;
    width: 60px;
    padding: 0 16px 9px 0;
    position: absolute;
    border: solid 1px #da291c;
    left: -1px;
    top: 0;
}
.top_link .link .drop_menu ul.top_menu > li.first > ul > li > a {
    background: none;
}
.top_link .link .drop_menu ul.top_menu > li.first > ul > li.login > a,
.top_link .link .drop_menu ul.top_menu > li.first > ul > li:first-child > a {
    background: url(../images/common/ico_drop_arrow.png) no-repeat 58px 15px;
}
.top_link
    .link
    .drop_menu
    ul.top_menu
    > li.top_mypage
    > ul
    > li:first-child
    > a {
    background-position: 68px 15px;
}
.top_link .link .drop_menu ul.top_menu > li.top_mypage > ul {
    padding-right: 23px;
}
.top_link .link .drop_menu ul.top_menu > li > ul li {
    background: none;
    line-height: 12px;
    width: 100%;
}
.top_link .link li {
    position: relative;
    float: left;
    background: url(../images/common/top_line.png) no-repeat right 14px;
}
.top_link .link li.user {
    background: url(../images/common/ico_user.png) no-repeat 0 center;
    color: #2a3954;
    line-height: 15px;
    padding: 0 0 0 17px;
}
.top_link .link li.user a {
    padding-left: 0;
}
.top_link .link li.user a:hover {
    text-decoration: underline;
}
.top_link .link li.admin a,
.top_link .link li.admin a:hover {
    color: #e93030;
    font-weight: 600;
}
.top_link .link li.last {
    background: none;
    padding: 0 13px 0 0;
}
.top_link .link li.last li {
    background: none;
}
.top_link .link li a {
    padding: 9px 10px 7px 10px;
    display: block;
    color: #696969;
}
.top_link .link li a:hover {
    color: #da291c;
}
.top_link .link li a.top_join {
    padding: 3px 0 0 0;
}
.top_link .link li.last a {
    padding-right: 4px;
}
.top_link .link li .btn {
    position: absolute;
    top: 8px;
    right: 0;
    background: url(../images/common/btn_customer_more.png) no-repeat 0 0;
    width: 13px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
}
.top_link .link li .customer_menu {
    width: auto;
}
.top_link .link li .customer_menu .pop_menu {
    position: absolute;
    right: 0;
    top: 28px;
    border: solid 2px #57b2ff;
    background: #fff;
    padding: 8px 2px;
}
.top_link .link li .customer_menu .pop_menu li {
    position: relative;
    float: none;
    background: none;
    padding: 2px 8px;
}
.top_link .link li .customer_menu .pop_menu li a {
    color: #444;
    padding: 2px 2px 2px 6px;
    background: url(../images/common/dot_07.png) no-repeat 0 6px;
}
.top_link .link li .customer_menu .pop_menu li a:hover {
    color: #007cf0;
}

.top_link .link .drop_menu ul.top_menu > li > a:hover ~ ul {
    width: 50px;
    padding: 6px 9px 9px 10px;
    position: absolute;
    background: #fff url(../images/common/ico_drop_arrow_on.png) no-repeat 58px
        15px;
    border: solid 1px #d1d1d1;
    left: -1px;
    top: 0;
}
.top_link .link .drop_menu ul.top_menu > li > a:hover ~ ul li {
    background: none;
    line-height: 19px;
    width: 100%;
}
.top_link .link .drop_menu ul.top_menu > li > a:hover ~ ul li a {
    padding: 0;
}
.top_link .link .drop_menu ul.top_menu > li > a:hover ~ ul li.login {
    background: url(../images/common/ico_drop_arrow_on.png) no-repeat 48px 9px;
}
.top_link .link .drop_menu ul.top_menu > li > a:hover ~ ul li.login a,
.top_link .link .login_outline ul.top_menu > li > a:hover ~ ul li a:hover {
    color: #da291c;
}

.top_link .link .drop_menu ul.top_menu > li.top_mypage a:hover ~ ul {
    width: 60px;
    background-position: 68px 15px;
}

/*상단 로고 및 검색*/
#header .top {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    height: auto;
    float: left;
    z-index: 9999;
}
#header .top2 {
    height: 126px;
}
#header h1 {
    width: 200px;
    height: 68px;
    float: left;
    margin: -9px 0 0 0;
    text-align: center;
    cursor: pointer;
    clear: none;
    z-index: 100;
}
#header h1 > a {
    display: inline-block;
    width: 100%;
    height: 68px;
    overflow: hidden;
}
.top_search {
    position: relative;
    width: 500px;
    height: 34px;
    margin: 0 0 0 90px;
    background: #afb3b4;
    padding: 8px 0;
    float: left;
}
.top_search .search_box {
    text-indent: 10px;
    border: 0;
    border-bottom: solid 1px #eee;
    margin: 0 auto;
    display: block;
    background: none;
    width: 428px;
    height: 31px;
    font-weight: 600;
    line-height: 29px;
    padding: 0 35px 0 0;
    outline-style: none;
    color: #fff;
    font-size: 16px;
}
.top_search input.search_box::-webkit-input-placeholder {
    color: #fff;
}
.top_search input.search_box:focus {
    border-bottom: solid 1px #eee;
}
.top_search .search_submit {
    position: absolute;
    right: 22px;
    top: 10px;
    background: url(../images/common/ico_sr.png) no-repeat center;
    width: 27px;
    height: 26px;
    display: inline-block;
    cursor: pointer;
    text-indent: -1000em;
    border: 0;
}

.search_list {
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    width: auto;
    height: auto;
    border: solid 1px #888d95;
    border-top: 0;
    background: #fff;
    z-index: 99999;
    display: block;
    padding: 2px 0 0 0;
}
.search_list ul {
    line-height: 18px;
}
.search_list ul li {
    line-height: 21px;
}
.search_list ul li a {
    padding: 0 0 0 10px;
    color: #777;
    display: block;
}
.search_list ul li a:hover {
    background: #f5f5f5;
}
.search_list ul li .select {
    color: #eb0c00;
    display: inline-block;
    margin: 0 4px 0 0;
    font-weight: bold;
    cursor: pointer;
}
* + html body .search_list ul li .select {
    margin: -6px 5px 0 0;
}
@-moz-document url-prefix() {
    .search_list ul li .select {
        margin: -2px 4px 0 0;
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .search_list ul li .select {
        margin: -3px 4px 0 0;
    }
}
.search_list .close {
    height: 17px;
    border-top: solid 1px #e1e1e1;
    background: #f5f5f5;
    height: 22px;
    font-size: 11px;
    text-align: right;
    margin: 3px 0 0 0;
}
.search_list .close input {
    position: relative;
    background: url(../images/common/ico_close.gif) no-repeat 0 4px;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-indent: -1000em;
    border: 0;
    overflow: hidden;
}

.top_r_banner {
    width: 200px;
    height: 95px;
    right: 35px;
    top: -11px;
    margin: 0;
    z-index: 100;
    position: absolute;
}
.top_r_banner ul {
    z-index: 100;
}
.top_r_banner ul li {
    text-align: center;
    overflow: hidden;
}
.top_r_banner ul li.banner {
    height: 95px;
}
.top_r_banner ul li a {
    line-height: 50px;
}
.top_r_banner img {
    float: left;
    max-width: 100%;
}
.top_r_banner .btn {
    position: absolute;
    bottom: 5px;
    right: -31px;
}

/*로그인*/
.showCate {
    display: none;
    position: absolute;
    top: 51px;
    left: 0;
    opacity: 0.6;
    padding: 0;
    border: 0;
    background: none;
}
.login,
.logout {
    position: relative;
}
.login .input_id {
    width: 112px;
    height: 28px;
    padding: 0 0 0 7px;
    background: url(../images/common/login_input_bg.gif) no-repeat 0 0;
    border: 0;
    margin: 15px 0 0 15px;
    line-height: 25px;
    outline-style: none;
    border-radius: 0;
}
* + html body .login .input_id {
    width: 112px;
    height: 28px;
    padding: 0 0 0 7px;
    background: url(../images/common/login_input_bg.gif) no-repeat 0 0;
    border: 0;
    margin: 14px 0 0 15px;
    line-height: 25px;
    outline-style: none;
    border-radius: 0;
}
.login .input_id_on {
    width: 112px;
    height: 28px;
    padding: 0 0 0 7px;
    background: url(../images/common/login_input_bg2.gif) no-repeat 0 0;
    border: 0;
    margin: 15px 0 0 15px;
    line-height: 25px;
    border-radius: 0;
}
* + html body .login .input_id_on {
    width: 112px;
    height: 28px;
    padding: 0 0 0 7px;
    background: url(../images/common/login_input_bg2.gif) no-repeat 0 0;
    border: 0;
    margin: 14px 0 0 15px;
    line-height: 25px;
    border-radius: 0;
}
.login .input_pw {
    width: 112px;
    height: 27px;
    padding: 0 0 0 7px;
    background: url(../images/common/login_input_bg.gif) no-repeat 0 bottom;
    border: 0;
    margin: 0 0 0 15px;
    line-height: 25px;
    outline-style: none;
    border-radius: 0;
}
* + html body .login .input_pw {
    width: 112px;
    height: 27px;
    padding: 0 0 0 7px;
    background: url(../images/common/login_input_bg.gif) no-repeat 0 bottom;
    border: 0;
    margin: -2px 0 0 15px;
    line-height: 25px;
    outline-style: none;
    border-radius: 0;
}
.login .input_pw_on {
    width: 112px;
    height: 27px;
    padding: 0 0 0 7px;
    background: url(../images/common/login_input_bg2.gif) no-repeat 0 bottom;
    border: 0;
    margin: 0 0 0 15px;
    line-height: 25px;
    border-radius: 0;
}
* + html body .login .input_pw_on {
    width: 112px;
    height: 27px;
    padding: 0 0 0 7px;
    background: url(../images/common/login_input_bg2.gif) no-repeat 0 bottom;
    border: 0;
    margin: -2px 0 0 15px;
    line-height: 25px;
    border-radius: 0;
}
.login #save_id {
    position: absolute;
    left: 16px;
    bottom: 12px;
}
.login label.save_id {
    position: absolute;
    bottom: 12px;
    left: 32px;
    font-size: 11px;
    color: #333;
}
.login .btn_login {
    position: absolute;
    right: 15px;
    top: 19px;
    width: 51px;
    height: 55px;
    background: url(../images/common/btn_login.gif) no-repeat 0 0;
    border: 0;
    cursor: pointer;
}
.login .find_info a {
    display: inline-block;
    color: #333;
    font-size: 11px;
    padding-left: 5px;
    display: inline-blick;
    font-family: NanumGothic, ngwoff, Dotum, sans-serif;
    background: url(../images/common/login_line.gif) no-repeat 1px 2px;
}
.login .login_regis a {
    display: inline-block;
    color: #333;
    font-size: 11px;
    padding-left: 5px;
    display: inline-blick;
    font-family: NanumGothic, ngwoff, Dotum, sans-serif;
}
.login .login_regis a:hover,
.login .find_info a:hover {
    color: #000;
}

.login_bottom_box {
    position: absolute;
    bottom: 12px;
    left: 10px;
}
.login_save_box {
    position: absolute;
    left: 0;
    top: 105px;
    width: 80px;
    display: inline-block;
}

.logout .txt {
    left: 15px;
    position: absolute;
    top: 23px;
    right: 15px;
    bottom: 40px;
    border-bottom: dotted 2px #aaa;
}
.logout .user_name {
    color: #222;
    font-weight: bold;
    font-family: dotum;
    float: left;
    font-size: 12px;
    *margin: 3px 0 0 0;
    display: inline-block;
}
.logout .logout_myinfo {
    color: #000;
    font-size: 12px;
    font-family: dotum;
    text-decoration: underline;
    clear: both;
    float: left;
    display: inline-block;
    margin: 8px 0 0 0;
}
.logout .btn_logout {
    position: absolute;
    right: 0;
    top: 18px;
    background: url(../images/common/btn_s_logout.gif) no-repeat 0 0;
    border: 0;
    cursor: pointer;
    height: 20px;
    margin: 0;
    width: 53px;
}
.logout .svc {
    height: 10px;
    left: 15px;
    position: absolute;
    top: 100px;
    right: 15px;
    display: none;
}
.logout .svc_li {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    white-space: nowrap;
}
.logout .svc .svc_li {
    padding-right: 10px;
}
.logout .svc_li.coupon {
    width: 50px;
}
.logout .svc_li.mileage {
    width: 100px;
}
.logout .cnt {
    color: #ff5353;
    display: block;
    font-family: dotum, sans-serif;
    font-style: normal;
    font-weight: bold;
    left: 25px;
    letter-spacing: 0;
    margin-left: 4px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: 0;
    width: 36px;
}
.logout .mileage .cnt {
    width: 55px;
    margin-left: 16px;
}

/*상단 상품 메뉴들*/
.top_pum_menu {
    width: 411px;
    margin: 13px auto 0 auto;
}
.top_pum_menu li {
    float: left;
    background: url(../images/common/bg_line2.gif) no-repeat right center;
}
.top_pum_menu li.last {
    background: none;
}
.top_pum_menu li a {
    font-weight: 600;
    font-size: 14px;
    color: #555;
    padding: 5px 25px;
}
.top_pum_menu li a:hover {
    color: #555;
}

/*메인화면 메뉴*/
.all_cate,
.all_cate_close {
    position: absolute;
    left: 0;
    top: 62px;
    width: auto;
    height: 20px;
    font-weight: 600;
    padding: 0 0 0 22px;
    font-size: 14px;
    background: url(../images/common/ico_all_cate.png) no-repeat 0 3px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 9999;
}
/*.all_cate_close {position:absolute; left:391px; top:80px; width:149px; height:18px; background:url(../images/common/btn_all_cate_close.png) no-repeat 0 0; text-indent:-1000em; cursor:pointer; z-index:9999; }*/
#gnb {
    position: absolute;
    background: #4a5459;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 900;
}

#gnb .cate {
    z-index: 900;
    width: 100%;
    background: #4a5459;
    position: relative;
    transform: translate3d(0, 0, 0);
    display: table;
    border-bottom: solid 1px #5c656a;
}
#gnb .cate > li {
    width: 100%;
    position: relative;
    border-top: solid 1px #5c656a;
    border-bottom: solid 1px #414a4e;
}
#gnb .cate li:hover {
    width: 100%;
    background: #fff;
}
#gnb .cate li a {
    display: table-cell;
    height: 45px;
    width: 113px; /* overflow:hidden; */
    position: relative;
    vertical-align: middle;
}
#gnb .cate li > a {
    color: #fff;
    text-align: left;
    word-break: normal;
    padding: 0 10px;
    font-weight: 600;
}
#gnb .cate li.on > a {
    background: #fff url(../images/common/bg_gnb_li_left.gif) repeat-y 0 0;
    border-right: solid 1px #d5d7d9;
    width: 112px;
}
#gnb .cate li a:hover {
    color: #333;
    background: #fff url(../images/common/bg_gnb_li_left.gif) repeat-y 0 0;
    border-right: solid 1px #d5d7d9;
    width: 112px;
}
#gnb .cate li.cate_bottom {
    height: 1px;
    display: inline-block;
    float: left;
}
#gnb .cate .menu_on {
    width: 100%;
    background: #cc1d22;
}
#gnb .cate .menu_on a {
    line-height: 20px;
    display: block;
    color: #da2c2c;
}

/*메인화면 서브depth1*/
.cate_over {
    border: solid 2px #384044;
    border-left: 0;
    height: auto;
    left: 125px;
    position: absolute;
    text-indent: 0;
    top: 0;
    width: 240px;
    z-index: 900;
    background: #fff;
}
.sub_category {
    height: auto;
    position: relative;
}
.sub_category .major_cate {
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
    color: #333;
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 15px 0 15px 15px;
}

#gnb .sub_category li {
    background: none;
    width: 100%;
    height: 28px;
    display: block;
    padding: 0;
    text-indent: 15px;
}
#gnb .cate .sub_category li a {
    color: #666;
    line-height: 17px;
    width: 100%;
    display: block;
    float: left;
    text-align: left;
    height: auto;
    padding: 6px 0;
    font-size: 14px;
    letter-spacing: -0.1px;
}
#gnb .cate .sub_category li a:hover {
    color: #da2c2c;
    line-height: 17px;
    float: left;
    background: none;
    border: 0;
}

.sub_category ul {
    margin: 0;
    padding: 0 0 10px 0;
    text-indent: 0;
    display: inline-block;
    width: 100%;
}
.sub_category li {
    padding: 0 0 0 15px;
}
.sub_category li:hover {
    text-indent: 0;
}
.sub_category li:hover a {
    color: #da291c;
}

.on_arr {
    background: url(../images/common/ico_menu_arrow.png) no-repeat 0 0;
    height: 14px;
    left: -10px;
    position: absolute;
    width: 10px;
    display: none;
}

/*전체카테고리 펼침*/
.all_menu {
    position: absolute;
    left: 0;
    top: 90px;
    width: 1096px;
    height: auto;
    border: solid 2px #2c415f;
    border-top: 0;
    background: #fff;
    padding: 15px 0 0 0;
    display: inline-block;
    z-index: 999;
}
.all_menu .inner {
    float: left;
    width: 1086px;
    padding: 6px 5px 0 5px;
    background: none;
    margin: 0;
    display: inline-block;
}
.all_menu dl {
    float: left;
    width: 19.15%;
    padding: 0 0 10px 0;
    margin: 0 4px;
} /*border-right:solid 1px #DFE1E2;*/
.all_menu dd a {
    width: 100%;
    max-width: 100%;
    text-align: left;
    color: #333;
    padding: 0;
    background: url(../images/common/ico_allcate_depth.gif) no-repeat 2px 14px;
    display: block;
    font-size: 13px;
    text-overflow: ellipsis;
    float: left;
    line-height: 33px;
    text-indent: 8px;
    word-break: keep-all;
} /*overflow:hidden; white-space:nowrap; */
.all_menu dd a:hover {
    color: #333;
    text-decoration: underline;
}
.all_menu dd li {
    position: relative;
    display: block;
    overflow: hidden;
    vertical-align: baseline;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    border-bottom: dashed 1px #ddd;
}
.all_menu dt {
    border: 0;
    font-weight: 600;
    height: auto;
    line-height: 30px;
    padding: 0;
    text-align: center;
    margin: 0;
    background: #e1eaf1;
}
.all_menu dt a {
    color: #333;
    font-size: 13px;
    display: block;
}
.all_menu dd {
    font-size: 12px;
    height: auto;
    letter-spacing: -1px;
    padding: 2px 6px 0 4px;
}
.all_menu dd.cate3,
.all_menu dd.cate7 {
    border: 0;
}
.all_menu dd.first {
    background: none;
    padding-top: 11px;
}
.all_menu dd strong {
    color: #252525;
    display: block;
    margin: 0 0 7px;
}
.all_menu dd li a.more {
    position: absolute;
    right: 0;
    top: 11px;
    padding: 0;
    background: url(../images/common/ico_subcate_more.gif) no-repeat 0 0;
    width: 11px;
    height: 9px;
    overflow: hidden;
}
.all_menu dd li a.more_close {
    position: absolute;
    right: 0;
    top: 11px;
    padding: 0;
    width: 11px;
    height: 9px;
    background: url(../images/common/ico_subcate_more_close.gif) no-repeat 0 0;
    text-indent: -1000em;
    overflow: hidden;
}
/**+html body .all_menu dd li a.more {margin:2px 0 0 4px; height:9px; }*/
.all_menu .btn_close {
    height: 21px;
}
.all_menu .btn_close a {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 21px;
    height: 21px;
    background: url(../images/common/ico_close.gif) no-repeat -25px 0;
    display: inline-block;
    text-indent: -1000em;
}

/*전체메뉴 depth3*/
.all_menu dd li .menu_depth3 {
    float: left;
    clear: both;
    width: 100%;
    text-indent: 18px;
    padding: 3px 0 0 0;
}
.all_menu dd li .menu_depth3 li {
    width: 100%;
    float: left;
    background: url(../images/common/bg_allcate_depth3.gif) no-repeat 10px 6px;
    color: #666;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.all_menu dd li .menu_depth3 li a {
    width: 91%;
    background: none;
    padding: 0;
    color: #666;
    font-weight: normal;
    line-height: 23px;
}
.all_menu dd li .menu_depth3 li a:hover {
    color: #333;
}
.all_menu dd li .menu_depth3 li a.more {
    background: url(../images/common/ico_subcate_more.gif) no-repeat 0 0;
    width: 11px;
    height: 9px;
    overflow: hidden;
    top: 7px;
}
.all_menu dd li .menu_depth3 li a.more_close {
    width: 11px;
    height: 15px;
    background: url(../images/common/ico_subcate_more_close.gif) no-repeat 0 0;
    text-indent: -1000em;
    overflow: hidden;
}
* + html body .all_menu dd li .menu_depth3 li a.more {
    margin: 0;
    height: 9px;
}

.all_menu dd li .menu_depth3 {
    text-indent: 0;
    padding: 5px 0 5px 10px;
    width: auto;
    float: none;
    background-color: #f1f1f1;
}
.all_menu dd li .menu_depth3 li {
    border: 0;
    margin: 0;
    padding: 0;
    background-position: 0 10px;
    width: auto;
    float: none;
    min-height: 18px;
    position: relative;
}
.all_menu dd li a.more {
    margin-right: 4px !important;
}

.all_menu dd li .menu_depth3 .menu_depth3 {
    padding-left: 10px;
}

/*좌측 바로가기 메뉴2*/
.l_quick {
    position: relative;
    width: 200px;
    height: 210px;
    background: url(../images/common/l_quick_bg2.gif) no-repeat 0 0;
    clear: both;
    margin: 0;
}
.l_quick h2 {
    padding: 10px 0 0 10px;
    display: inline-block;
    width: 161px;
    height: 19px;
}
.l_quick h2 img {
    float: left;
}
.l_quick ul {
    width: 190px;
    padding: 11px 0 0 8px;
    float: left;
    margin: 0;
}
.l_quick ul li {
    float: left;
    width: 33%;
    text-align: center;
}
.l_quick ul li.bottom {
    margin-top: 22px;
}

/*죄측 공지사항*/
.board {
    position: relative;
    width: 100%;
    height: 124px;
    margin: 30px 0 0 0;
    float: left;
}
.board .title {
    font-size: 12px;
    margin: 0 0 8px 0;
}
.board .title span {
    width: 68px;
    background: url(../images/common/board_tit.gif) no-repeat 0 0;
    color: #333;
    text-align: center;
    display: inline-block;
    height: 20px;
    font-family: NanumGothic, ngwoff, Dotum, sans-serif;
    line-height: 19px;
    color: #fff;
    font-weight: bold;
}
.board ul {
    width: 90%;
    float: left;
    padding: 0 0 0 14px;
}
.board li {
    width: 90%;
    background: url(../images/main/ico_news_circle.gif) no-repeat 0 center;
    display: inline-block;
    margin: 0 0 1px 0;
}
.board li.no_txt {
    background: none;
    text-align: center;
    color: #555;
    margin: 45px 0 0 0;
}
.board li a {
    font-size: 11px;
    color: #666;
    padding: 0 0 0 7px;
    width: 90%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 18px;
    float: left;
}
.board li a:hover {
    text-decoration: underline;
}
.board .more {
    position: absolute;
    right: 0;
    top: -12px;
    padding: 5px 5px 2px 5px;
    background: url(../images/main/news_more.gif) no-repeat 0 0;
    text-indent: -1000em;
    display: inline-block;
    width: 31px;
    height: 6px;
    cursor: pointer;
}

/*죄측 고객센터*/
.main_customer {
    position: relative;
    width: 192px;
    margin: 25px 0 0 0;
    padding: 13px 0 6px 0;
    float: none;
    border: solid 4px #ddcfc9;
    background: #fbfbfb;
    display: inline-block;
}
.main_customer .title {
    display: inline-block;
    width: 100%;
    margin: 0 0 5px 0;
}
.main_customer .title img {
    display: block;
    margin: 0 auto;
}
.main_customer ul {
    float: left;
    width: 100%;
}
.main_customer ul li {
    text-align: center;
}
.main_customer ul li.mail {
    margin: 3px 0 3px 0;
}

.l_bottom {
    margin: 5px 0 0 0;
    float: left;
}
.l_bottom li {
    display: inline-block;
    margin-bottom: 3px;
    height: 29px;
}

/*하단 footer*/
/*하단 이용자 메뉴*/
.footer_link {
    width: 1100px;
    margin: 5px auto;
}
.footer_link ul {
    width: 622px;
    height: 25px;
}
.footer_link ul li {
    float: left;
}
.footer_link ul li.first a {
    padding-left: 0;
}
.footer_link ul li a {
    display: block;
    padding: 5px 18px;
    color: #6d6d6d;
    letter-spacing: -0.8px;
}

/*회사주소 및 고객센터, 카피라이트*/
.comp_info {
    position: relative;
    width: 1100px;
    height: 90px;
    margin: 10px auto 0 auto;
    font-family: sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #ccc;
}
.comp_info .logo {
    color: #fff;
    font-size: 24px;
    float: left;
    font-weight: bold;
    width: 90px;
    height: 90px;
    margin: 0 20px 0 0;
}
.comp_info .address {
    font-family: verdana, arial, sans-serif;
    position: relative;
    float: left;
    font-size: 11px;
    display: inline-block;
    margin: 0;
    letter-spacing: -0.3px;
}
.comp_info .address a {
    color: #ccc;
}
.comp_info .address a:hover {
    text-decoration: underline;
}
.comp_info .address strong {
    display: inline-block;
    margin: 0 3px;
    color: #777;
}
.comp_info .address strong.comp_name {
    color: #ddd;
    display: inline-block;
    margin: 0 8px 0 0;
}
.comp_info .copyright {
    float: left;
    padding: 5px 0 0 0;
    color: #aaa;
    font-family: verdana;
}
.comp_info .copyright span {
    color: #da6d73;
    font-weight: bold;
}
.comp_info .footer_btn {
    margin: 0 0 0 7px;
    float: none;
}

/*우측 배너광고*/
.todayView {
    width: 60px;
}
.todayView a img {
    float: left;
}
.todayView .banner {
    position: relative;
    heighe: 300px;
    background: #fff;
    border-left: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    padding: 7px 0;
    min-height: 40px;
    display: inline-block;
    float: left;
}
.todayView .banner:after {
    content: "";
    background: #fff url(../images/common/bg_tv_sh.gif) repeat-y right 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -5px;
    width: 5px;
}
.todayView .banner li {
    width: 53px;
    float: left;
    text-align: center;
}
.todayView .banner li a {
    width: 43px;
    height: 43px;
    border: 0;
    display: block;
    margin: 4px auto;
    position: relative;
    overflow: hidden;
    border: solid 1px #ddd;
    background: #fff url(../images/common/no_s_img.gif) no-repeat center center;
    background-size: 42px auto;
}
.todayView .banner li a img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.todayView .banner_top {
    width: 60px;
    height: 35px;
    background: url(../images/common/bg_today_view2.gif) no-repeat 0 0;
    clear: both;
}
.todayView .banner_top a {
    display: block;
    width: 25px;
    height: 20px;
    margin: 0 0 0 15px;
    padding: 15px 0 0 0;
}

/*loc*/
.loc {
    margin: 0 0 30px 0;
    height: auto;
    font-family: NanumGothic, ngwoff, Dotum, sans-serif;
    color: #333;
    width: 100%;
    display: inline-block;
    float: left;
    position: relative;
    z-index: 600;
}
.loc li {
    position: relative;
    width: auto;
    background: url(../images/common/ico_loc_bg.gif) no-repeat 0 6px;
    display: inline;
    padding: 4px 5px 0 10px;
    float: left;
}
.loc li a {
    color: #666;
    display: inline-block;
    height: 16px;
}
.loc .home {
    display: inline-block;
    float: left;
    padding: 4px 6px 0 0;
    background: none;
}
.loc .home a {
    float: left;
    display: inline-block;
    background: url(../images/common/ico_home.gif) no-repeat 0 1px;
    font-size: 11px;
    padding: 1px 0 0 16px;
}

/*서브 상단 카테분류*/
.loc .drop_cate {
    display: inline-block;
    float: left;
    background: url(../images/common/ico_loc_bg.gif) no-repeat 0 8px;
    padding: 1px 0 0 12px;
    margin: 0 8px 0 0;
    min-width: 130px;
}
* + html body .loc .drop_cate {
    padding-left: 7px;
}
.loc .drop_cate a {
    color: #000;
    width: auto;
    white-space: nowrap;
    display: inline-block;
    background: #fff url(../images/common/btn_search_down.gif) no-repeat right
        2px;
    cursor: pointer;
    font-size: 12px;
    min-width: 100px;
    padding: 1px 23px 3px 5px;
    line-height: 16px;
    border: solid 1px #ccc;
    margin: 0;
    text-indent: 5px;
}
.loc .drop_cate a.on {
    display: inline-block;
    background: url(../images/common/btn_search_up.gif) no-repeat right 2px;
    cursor: pointer;
    padding: 0 60px 3px 5px;
    line-height: 17px;
    font-size: 12px;
    border: solid 1px #bbb;
    margin: 0;
}
.loc .drop_cate a span {
    color: #333;
    float: left;
    display: inline-block;
}

/*서브 상단 카테 하위분류*/
.loc .dropBigCate {
    background-color: #fff;
    border: solid 1px #ccc;
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    left: 12px;
    top: 22px;
    padding: 5px;
    min-width: 118px;
}
.loc .dropBigCate ul {
    display: inline-block;
}
.loc .dropBigCate ul li {
    background: none;
    padding: 0 4px 0 0;
    display: inline-block;
    line-height: normal;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.loc .dropBigCate ul li a {
    float: left;
    background: none;
    color: #696969;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 0;
    width: 100%;
    margin: 0;
    line-height: 16px;
    border: 0;
    text-indent: 5px;
}
.loc .dropBigCate ul li a:hover {
    background: #eee;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 0;
    margin: 0;
    margin: 0;
    line-height: 16px;
    text-indent: 5px;
    width: 100%;
}

/*subject_tit*/
#sub_content {
    width: 930px;
    height: 100%;
    margin: 0 auto;
}
#subContent {
    position: relative;
    margin: ;
    min-height: 880px;
    display: inline-block;
    width: 100%;
    padding: 18px 0 0 0;
    z-index: 100;
    padding: 0 0 30px 0;
}
#subContent h3 {
    font-size: 17px;
    font-family: NanumGothic, ngwoff, Dotum, sans-serif;
    font-weight: 600;
    background: url(../images/regis/ico_regis_tit.gif) no-repeat 0 3px;
    padding: 0 0 0 19px;
    border-bottom: 0;
}
.sub_tit {
    border-bottom: solid 2px #ef8825;
    height: 35px;
}
/* h4 {background:url(../images/common/subject_ico.png) no-repeat 0 0; padding:0 0 0 19px; font-size:14px; font-weight:bold; } */
.view_content {
    width: auto;
    padding: 10px;
}
.view_content div {
    float: left;
    width: 169px;
    margin: 15px 0 25px 0;
    border-left: solid 1px #eee;
    padding-left: 15px;
    height: 250px;
}
.view_content div.sitemap_first {
    border: 0;
    padding: 0;
}
.view_content div h4 {
    margin-bottom: 10px;
    font-size: 13px;
}
.view_content div li {
    line-height: 16px;
}
.view_content div li a {
    color: #888;
    padding-left: 20px;
}
.view_content div li a:hover,
.view_content div li a:active,
.view_content div li a:focus {
    text-decoration: underline;
}

/*코멘트*/
.comment {
    width: 100%;
    min-height: 85px;
    float: left;
    position: relative;
}
.comment h4 {
    background: #fff;
    padding: 0;
    height: 16px;
}
.comment .comment_in {
    width: 100%;
    min-height: 85px;
    float: left;
    background: #f6f6f6 url(../images/common/comment_bg.gif) repeat-x 0 0;
    padding-bottom: 10px;
}
.comment .comment_in .in_txt {
    position: absolute;
    right: 0;
    top: 8px;
    font-size: 11px;
    color: #666;
}
.comment_list {
    width: 95.5%;
    margin: 20px auto 0 auto;
}
.comment_list li {
    width: 100%;
    float: left;
    color: #666;
    padding-left: 4px;
    padding-top: 12px;
}
.comment_list li .user_id {
    float: left;
    font-weight: bold;
}
.comment_list li.click_title {
    font-weight: bold;
    color: #5f5f5f;
    margin: 8px 0 10px 0 !important;
    padding-top: 0;
}
.comment_list li.comment_text {
    background: #fff;
    margin: 0 0 15px 0 !important;
    padding: 5px 7px 7px 7px !important;
    width: 98.5%;
    line-height: 18px !important;
    word-break: keep-all;
}
.comment_list li.user_info_d {
    border-top: solid 1px #ddd;
}
.comment_list li.user_info_d:first-child {
    border-top: 0;
}
.comment_list li .date {
    float: left !important;
    color: #777;
    font-size: 11px;
    margin: 1px 0 0 9px;
    display: inline-block;
}
.comment_list li .re a {
    float: left;
    font-size: 11px;
    background: url(../images/common/ico_comment_re.gif) no-repeat 0 2px;
    padding: 0 0 0 11px;
    margin: 1px 0 0 10px;
    display: inline-block;
    color: #666;
}
.comment_list li .re a:hover {
    text-decoration: underline;
}
.comment_list li .text_link {
    font-size: 11px;
    color: #979696;
    float: right;
}
.comment_list li .text_link a {
    display: inline-block;
    color: #979696;
}
.comment_list li .text_link a:hover {
    text-decoration: underline;
    color: #666;
}
.comment_list li.text {
    margin: 5px 0 0 0;
    padding: 0 0 5px 4px;
    line-height: 15px;
} /*border-bottom:dashed 1px #c0c0c0; */
.comment_list * {
    line-height: normal;
}
.comment_write {
    width: 95%;
    padding: 7px 0 18px 23px;
    height: auto;
    display: inline-block;
}
.comment_write input {
    width: 87%;
    border: solid 1px #ddd;
    float: left;
    margin: 0 4px 0 0;
    color: #999;
    font-size: 11px;
}
.comment_write input.on {
    color: #666;
    font-size: 12px;
    padding: 3px 0 0 5px;
    height: 21px;
}
.comment_write .write_info {
    position: relative;
    width: 100%;
    float: left;
    display: inline-block;
    margin: 7px 0;
}
.comment_write .write_info input[type="text"],
.comment_write .write_info input[type="password"] {
    width: 100px;
    margin: 0 12px 0 0;
}
.comment_write .write_info .id,
.comment_write .write_info .pw {
    float: left;
    display: inline-block;
    margin: 7px 2px 0 0;
    color: #888;
    font-weight: bold;
    font-size: 11px;
}
.comment_write .write_info .public_select {
    display: inline-block;
    margin: 5px 0 0 0;
}
.comment_write .write_info .public_select .secret {
    width: 13px;
    height: 13px;
    border: 0;
    float: none;
    margin: 0 2px 0 0;
}
.comment_write .write_info .public_select label {
    margin: 0 5px 0 0;
}
.comment_write .write_info .buyComment_Submit {
    position: absolute;
    right: 24px;
    bottom: -2px;
}
.comment_write .buyComment_Submit {
    float: left;
}
.comment_write .write_info .comment_text {
    float: left;
}
.comment_list li .rev_txt {
    margin: 0 0 0 10px;
    float: right;
}
.comment_list li .rev_txt span {
    background: #fff;
    padding: 1px 5px;
    width: auto;
    font-size: 11px;
    float: left;
    margin: 0 5px 0 0;
    border-radius: 2px;
}
.comment_list li .rev_txt span.price {
    color: #f45c46;
    border: solid 1px #ff9476;
}
.comment_list li .rev_txt span.delivery {
    color: #5675df;
    border: solid 1px #8db3fb;
}
.comment_list li .rev_txt .view_rev_star {
    display: inline-block;
    overflow: hidden;
    width: 69px;
    height: 12px;
    background: url(../images/common/ico_star_s2.png) no-repeat 0 0;
    font-size: 0;
    padding: 0;
    margin: 3px 8px 0 0;
}
.comment_list li .rev_txt .view_rev_star.view_rev_star2 {
    background-position: 0 -12px;
}
.comment_list li .rev_txt .view_rev_star.view_rev_star3 {
    background-position: 0 -24px;
}
.comment_list li .rev_txt .view_rev_star.view_rev_star4 {
    background-position: 0 -36px;
}
.comment_list li .rev_txt .view_rev_star.view_rev_star5 {
    background-position: 0 -48px;
}
.comment_list li .rev_txt .view_rev_star.view_rev_star6 {
    background-position: 0 -60px;
}
.comment_list li .rev_txt .view_rev_star.view_rev_star7 {
    background-position: 0 -72px;
}
.comment_list li .rev_txt .view_rev_star.view_rev_star8 {
    background-position: 0 -84px;
}
.comment_list li .rev_txt .view_rev_star.view_rev_star9 {
    background-position: 0 -96px;
}
.comment_list li .rev_txt .view_rev_star.view_rev_star10 {
    background-position: 0 -108px;
}
.comment_list li .rev_txt .view_rev_star.view_rev_star11 {
    background-position: 0 -120px;
}
body .btn_s_comment {
    width: 62px;
    height: 18px;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
}
body .guest_name {
    margin: 0 8px 0 0;
}

/*댓글*/
#comment {
    margin: 20px 0 0 0;
}
#comment .top_op {
    height: 25px;
    margin: 0;
    padding: 0 5px;
}
#comment .top_op .cmt_num,
#cmtList .cmt_list li .info .subject .reply_num {
    float: left;
    color: #0066cc;
}
#comment .top_op .cmt_btn {
    float: right;
}
#comment .top_op .cmt_btn a {
    margin-left: 5px;
}
#comment .top_op .cmt_btn a span {
    padding: 0 10px 0 6px;
}

#cmtList {
    background: #fcfcfc;
    border: 1px solid #dfdfdf;
    padding: 10px 0;
}
#cmtList .cmt_list {
    padding: 5px 10px;
}
#cmtList .cmt_list li {
    padding: 5px 0;
    border-bottom: solid 1px #ddd;
    margin: 0 0 8px 0;
}
#cmtList .cmt_list li .info {
    height: 25px;
    padding-bottom: 5px;
}
#cmtList .cmt_list li .info .subject {
    float: left;
}
#cmtList .cmt_list li .info .subject span,
#cmtList .cmt_list li .info input {
    vertical-align: top;
}
#cmtList .cmt_list li .info .subject .ico_loc {
    background: url(../images/common/btn_set.png) no-repeat 0 -69px;
    width: 12px;
    height: 15px;
}
#cmtList .cmt_list li .info .subject .ico_loc em,
#cmtList .cmt_list li .info .subject .ico_new em,
#cmtList .cmt_list li .info .subject .btn_reply em,
#cmtList .cmt_list li .info .btn span em {
    display: none;
}
#cmtList .cmt_list li .info .subject .ico_new {
    background: url(../images/admin/ico_new.gif) no-repeat 0 0;
    width: 14px;
    height: 13px;
}
#cmtList .cmt_list li .info .subject .date {
    font-size: 11px;
    color: #aaa;
    margin: 0 3px 0 5px;
    font-weight: 600;
}
#cmtList .cmt_list li .info .subject .btn_reply {
    width: 15px;
    height: 15px;
    background: url(../images/common/ico_cmt.png) no-repeat -38px 0;
    cursor: pointer;
}
#cmtList .cmt_list li .info .subject .reply_num {
    float: none;
    font-size: 11px;
    margin: 0 2px 0 0;
}
#cmtList .cmt_list li .info .btn {
    float: right;
}
#cmtList .cmt_list li .info .btn span {
    width: 15px;
    height: 15px;
    cursor: pointer;
}
#cmtList .cmt_list li .info .btn .cmt_modify {
    background: url(../images/common/ico_cmt.png) no-repeat 0 0;
}
#cmtList .cmt_list li .info .btn .cmt_del {
    background: url(../images/common/ico_cmt.png) no-repeat -19px 0;
    margin: 0 0 0 2px;
}
#cmtList .cmt_list li .cmt_content {
    font-size: 11px;
    color: #555;
    padding: 2px 0 10px 1px;
    line-height: 1.5em;
}
#cmtList .cmt_list li.cmt_reply {
    padding-left: 15px;
}
#cmtList .cmt_list li.cmt_reply .ico_reply {
    background: url(../images/common/ico_cmt.png) no-repeat -72px -2px;
    padding: 3px;
    width: 8px;
    height: 6px;
}

#cmtList .cmt_write {
    padding: 10px;
}
#cmtList .cmt_write textarea {
    width: 840px;
    margin: 5px 0 10px 0;
}
#cmtList .cmt_write li.last {
    text-align: center;
    padding-top: 10px;
}
#cmtList .cmt_write li.last a {
    margin: 0 2px;
}
#cmtList .cmt_write li.last a span {
    line-height: 1.4rem;
}
#cmtList .cmt_write .user {
    margin: 0 5px 0 0;
}

#cmtList .user {
    font-weight: 600;
}
#cmtList .user .admin {
    background: url(../images/common/ico_cmt.png) no-repeat -57px 0;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 0 1px 0 1px;
    vertical-align: top;
}

/*add_css*/
.top_banner {
    margin-bottom: 15px;
    border-bottom: solid 1px #eee;
}
.view_content div li {
    color: #888;
    text-decoration: underline;
}
#content .view_subject {
    border: solid 1px #eee;
    padding: 15px;
    height: auto;
    display: inline-block;
}
.comment_write span.first {
    display: inline-block;
    margin: 3px 0 0 0;
    float: left;
    width: auto;
    padding: 0 0 5px 4px;
}

/*상품명, 상품가격*/
.prd_name a {
    color: #222;
    font-size: 14px;
    letter-spacing: -0.03em;
    text-overflow: ellipsis;
    display: block;
    line-height: 15px;
    margin: 0 0 4px;
    overflow: hidden;
    word-wrap: break-word;
    line-height: 18px;
    word-break: break-all;
    max-height: 55px;
}
.prd_name a:hover {
    text-decoration: underline;
}
.prd_price {
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
    margin: 8px 0 0 0;
}
.prd_pum .prd_price span {
    display: block;
}
.prd_pum .prd_price span.halin_price {
    margin: 0;
}
.total_price {
    color: #ff0000;
    font-weight: bold;
}

/*하단 중앙정렬 버튼*/
div.btn {
    text-align: center;
    margin: 20px 0 0 0;
    display: block;
    float: left;
    width: 100%;
}
div.btn .btn_right,
.btn_right {
    float: right;
    display: inline-block;
}
div.btn .btn_left,
.btn_left {
    float: left;
    display: inline-block;
}

.board_btn {
    text-align: center;
    margin: 5px 0 0 0;
    display: inline-block;
    width: 100%;
}

/*테이블 td안에 세로정렬 버튼*/
.vertical_btn a {
    margin: 0; /*display:inline-block;*/
}

/*서브페이지 게시판 불러오기*/
.sub_board {
    display: inline-block;
    height: auto;
    position: relative;
    float: left;
    margin: 0;
    width: 100%;
    font-size: 12px;
    padding: 0 0 30px 0;
}

/*탭메뉴*/
.tab_menu {
    position: relative;
    float: left;
    width: 100%;
    background: url(../images/customer/tab_menu_bg.gif) repeat-x 0 bottom;
    height: 27px;
    margin: 20px 0 10px 0;
}
.tab_menu li {
    background: url(../images/customer/tab_right.gif) no-repeat right top;
    float: left;
    text-decoration: none;
    height: 27px;
}
.tab_menu li a {
    font-family: NanumGothic, ngwoff, Dotum, sans-serif;
    background: url(../images/customer/tab_left.gif) no-repeat -1px top;
    color: #666;
    display: block;
    float: left;
    padding: 6px 13px 4px;
    cursor: pointer;
}
.tab_menu li.on {
    background: url(../images/customer/tab_right_on.gif) no-repeat right top;
    float: left;
    text-decoration: none;
}
.tab_menu li.on a {
    height: 21px;
    font-family: NanumGothic, ngwoff, Dotum, sans-serif;
    background: url(../images/customer/tab_left_on.gif) no-repeat left top;
    color: #e7262b;
    font-weight: bold;
    display: block;
    float: left;
    padding: 6px 13px 0;
}
.tab_menu a:hover {
    color: #666;
    padding: 6px 13px 0;
}

.cate_tab {
    width: 100%;
    height: 40px;
    position: relative;
    background: url(../images/common/hrd_tabbg2.png) repeat-x 0 0;
    margin: 0 0 40px 0;
}
.cate_tab li {
    background: #f9f9f9 url(../images/common/hrd_tabbg.png) repeat-x 0 0;
    float: left;
    height: 40px;
}
.cate_tab li a.last {
    border-right: 1px solid #ddd;
}
.cate_tab li a {
    border-left: 1px solid #ddd;
    color: #6e6e6e;
    display: block;
    font-weight: 600;
    height: 38px;
    line-height: 37px;
    text-align: center;
    width: auto;
    padding: 0 40px 0 39px;
    font-size: 13px;
}
.cate_tab li a .count {
    vertical-align: top;
}
.cate_tab li a:hover {
    text-decoration: underline;
}
.cate_tab li.on a {
    background: #fff;
    border: solid 2px #505050;
    border-bottom: 0;
    color: #333;
    height: 38px;
}
.cate_tab li:last-child > a {
    border-right: solid 1px #ddd;
}
.cate_tab li:last-child.on > a {
    border-right: solid 2px #505050;
}

/*사이트맵*/
.siteMap {
    width: 710px;
    float: left;
}
.siteMap .sub_tit {
    width: 100%;
    display: block;
    float: left;
}
.siteMap .box {
    width: 680px;
    float: left;
    border: solid 1px #ddd;
    border-top: solid 2px #ffd4d4;
    display: inline-block;
    margin: 0 0 30px 0;
    padding: 15px 15px 12px 15px;
}
.siteMap .box ul {
    width: 100%;
}
.siteMap .box ul li {
    float: left;
    width: 25%;
    line-height: 18px;
    background: url(../images/estim/ico_arrow.gif) no-repeat 0 6px;
}
.siteMap .box ul li a {
    padding: 1px 5px 1px 12px;
    display: inline-block;
    letter-spacing: -0.8px;
}
.siteMap .box ul li a:hover {
    color: #000;
    text-decoration: underline;
}

/*no_img*/
body .photo,
body .pro_img {
    background: url(../images/common/no_img.gif) no-repeat center center;
    text-align: center;
}

/*no_m_img*/
body .mall_list .photo,
body .prd_img a,
.best_prd .prd_img,
body .mainBest .prd .prd_img {
    background: #fff url(../images/common/no_m_img.gif) no-repeat center center;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

/*no_s_img*/
body .pro_img_s li a,
body .pro_img_s li a:hover,
.bestItem_r li ul .prd_img,
.todayView .banner li a,
body .mainNew ul li .prd_img,
body .mainRecomm ul li .prd_img,
body .cart .photo,
body .prd .prd_img,
body .mypage_main_order div.photo,
.mypage_order_list .photo {
    text-align: center;
} /*background:url(../images/common/bg_n_img.gif) no-repeat center center; */

/*상품 이미지 규격*/
body .prd_img a {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
body .prd_img a img {
    background-color: #fff;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*메이커, 규격 아이콘*/
body .maker {
    color: #555;
    line-height: 14px;
    float: left;
    width: 89%;
    height: auto;
    min-height: 15px;
    display: inline-block;
    background: url(../images/common/ico_maker.gif) no-repeat 0 1px;
    padding: 0 0 2px 37px;
    margin: 0;
    overflow: hidden;
    font-weight: normal;
    white-spacing: normal;
    clear: both;
}
body .pumgyu {
    color: #555;
    line-height: 14px;
    float: left;
    width: 89%;
    height: auto;
    min-height: 15px;
    display: inline-block;
    background: url(../images/common/ico_pumgyu.gif) no-repeat 0 1px;
    padding: 0 0 2px 37px;
    margin: 0;
    overflow: hidden;
    font-weight: normal;
    white-spacing: normal;
    clear: both;
}
body .mall_show_photo .maker {
    line-height: 10px;
    margin: 4px 0 0 0;
}
body .mall_show_photo .pumgyu {
    line-height: 10px;
}

.ui-datepicker-trigger {
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
}

body .Zip_prev,
body .Zip_next {
    text-align: center;
    width: 80px;
}

/*버튼 텍스트*/
.hidden_txt {
    position: absolute;
    font-size: 11px;
    padding: 2px 0 0 0;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
}
.mall_show_list .hidden_txt {
    display: none;
}

#USER_ID {
    ime-mode: disabled;
}

.sms_check_box {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}
.sms_bottom_btn {
    width: 100%;
    float: left;
    border-top: solid 1px #bbb;
    margin: 35px 0 0 0;
    padding: 15px 0 0 0;
}

.banner_btn {
    float: left;
    width: 60px;
    margin: 0 0 3px 0;
}
.banner_btn a {
    float: left;
}

.regis_check {
    float: right;
    margin: 15px 0 0 0;
    color: #666;
}
.regis_check .check {
    font-weight: bold;
    color: #d22b41;
    display: inline-block;
    margin: -5px 3px 0 0;
    height: 12px;
}

/*세광 견적서 문구 추가*/
.regis_check.sk_estitext {
    float: left !important;
}

/*소핑몰 레벨 등급*/
.ico_level {
    padding: 0 0 0 5px;
    color: #0060f0;
}
.ico_level div {
    width: 56px;
    height: 12px;
    margin: 9px 0 0 0;
    display: inline-block;
}
.ico_level span {
    text-indent: -1100px;
    overflow: hidden;
}
.ico_guest {
    display: inline-block;
    background: url(../images/common/ico_level.gif) no-repeat 0 0;
}
.ico_level1 {
    background: url(../images/common/ico_level.gif) no-repeat 0 -14px;
}
.ico_level2 {
    background: url(../images/common/ico_level.gif) no-repeat 0 -28px;
}
.ico_level3 {
    background: url(../images/common/ico_level.gif) no-repeat 0 -42px;
}
.ico_level4 {
    background: url(../images/common/ico_level.gif) no-repeat 0 -56px;
}
.ico_level5 {
    background: url(../images/common/ico_level.gif) no-repeat 0 -70px;
}
.ico_level6 {
    background: url(../images/common/ico_level.gif) no-repeat 0 -84px;
}

/*popup*/
.popup {
    position: absolute;
    left: 0;
    top: 0;
    border: double 3px #999;
    background: #fff;
    z-index: 99999999;
    display: inline-block;
}
* + html body .popup {
    overflow: hidden;
}
.popup .content {
    position: relative;
    width: 100%;
    height: 100%;
}
.popup .content h3 {
    width: 100%;
    height: 30px;
    font-size: 14px;
    float: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    background: #666;
    text-align: center;
    line-height: 28px;
}
.popup .content .content_in {
    float: left;
    min-height: 150px;
}
.popup .bottom {
    width: 100%;
    background: #e9e9e9;
    padding: 5px 0;
    display: inline-block;
    margin: 0;
}
.popup .today {
    float: left;
    margin: 0 0 0 8px;
}
.popup .today label {
    font-family: NanumGothic, ngwoff, Dotum;
    vertical-align: bottom;
}
.popup .close {
    display: inline-block;
    cursor: pointer;
    float: right;
    margin: 0 8px 0 0;
}
#popup .pop_subject {
    padding: 5px 0;
}
#popup .pop_subject em {
    background: url(../images/common/ico_circle.gif) no-repeat 0 7px;
    padding: 0 0 0 8px;
    width: 80px;
    display: inline-block;
    vertical-align: middle;
}
#popup .pop_subject .con {
    font-weight: 600;
    vertical-align: middle;
}
#popup .pop_subject .con em {
    background: none;
    padding: 0;
    width: auto;
    margin: 0 0 0 5px;
    font-weight: normal;
}
/* #popup .pop_subject .con input, #popup .pop_subject .con select {float:left; } */

/*0524 서버 점검 팝업 작업*/
#popup.popup0524 {
    width: 580px;
    left: 10px;
    top: 5px;
    z-index: 999999;
}
#popup.popup0524 label {
    margin-top: 5px;
    display: block;
}
/*이용약관*/
#subContent h3.agree_tit {
    border-bottom: 1px solid #e8e8e8;
    height: 30px;
    color: #2e2e2e;
    font-size: 16px;
    background: url(../images/regis/ico_regis_tit.gif) no-repeat 0 2px;
}
.agree_content {
    background: #f8f8f8;
    border-bottom: 1px solid #c0c0c0;
    border-top: 2px solid #c0c0c0;
    color: #8f8f8f;
    font-size: 11px;
    line-height: 160%;
    padding: 20px;
}
.agree_in {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px;
    font-family: Dotum;
    letter-spacing: 0;
}
.agree_in p {
    padding: 0 0 17px 0;
    font-size: 11px;
}

.shop_agreement {
    display: inline-block;
    width: 100%;
}
.shop_agreement h2 {
    border-bottom: 1px solid #e8e8e8;
    height: 30px;
    color: #2e2e2e;
    font-size: 16px;
    background: url(../images/regis/ico_regis_tit.gif) no-repeat 0 2px;
    padding: 0 0 0 19px;
}
.shop_agreement .agree_content .agree_in {
    padding-top: 5px;
    min-height: 579px;
}
.shop_agreement .agree_content .agree_in * {
    color: #888;
    font-size: 11px;
    line-height: 19px;
    padding: 0;
    font-weight: normal;
}
.shop_agreement .agree_content .agree_in * strong {
    font-weight: bold;
}
#subContent .shop_agreement .agree_content .agree_in h3 {
    background: none;
    padding: 0;
    font-size: 13px;
    font-family: Dotum;
    font-weight: 600;
    color: #777;
    margin: 20px 0 5px 0;
}
.shop_agreement .agree_content .nomem_in h1 {
    font-size: 14px;
    font-weight: 600;
}
.shop_agreement .agree_content .agree_in.nomem_in strong {
    font-weight: 600 !important;
    margin: 13px 0 2px 0;
    display: block;
}
.shop_agreement .agree_content .nomem_in table {
    border-right: solid 1px #ddd;
}
.shop_agreement .agree_content .nomem_in table thead tr th {
    background: #fff;
    border-color: #ddd;
    border-top: solid 1px #ddd;
    padding: 7px 5px;
}
.shop_agreement .agree_content .nomem_in table tbody tr td {
    padding: 5px;
    border-color: #ddd;
}
.shop_agreement .agree_content .agree_in.nomem_in table tbody tr td > strong {
    margin: 0;
}
.shop_agreement .agree_content .nomem_in table tbody tr td.txt_agree label {
    color: #4c6dce;
}
.shop_agreement .agree_content .nomem_in .btn {
    margin-top: 40px;
}
.shop_agreement .agree_content .nomem_in .btn > a {
    display: inline-block;
    padding: 9px 20px;
    border-color: #d81818;
    border-bottom-color: #9e1212;
    background: #ed2f2f;
    background-image: linear-gradient(#ed2f2f, #dd0e0e);
    background-image: -webkit-linear-gradient(#ed2f2f, #dd0e0e);
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    border: solid 1px #d81818;
    margin: 0 5px;
}
.shop_agreement .agree_content .nomem_in .btn > a.no_agree {
    border-color: #676767;
    border-bottom-color: #4c4c4c;
    background: #7f7f7f;
    background-image: linear-gradient(#7f7f7f, #6a6a6a);
    background-image: -webkit-linear-gradient(#7f7f7f, #6a6a6a);
}
.shop_agreement .agree_content .nomem_in .btn > a > span {
    font-size: 14px;
    font-wieght: 600;
    color: #fff;
    display: inline-block;
}

/*회사소개*/
.shop_company h2 {
    font-size: 30px;
    font-weight: 600;
}
.shop_company .top_txt {
    font-size: 14px;
    color: #888;
    margin: 11px 0 25px 0;
    display: block;
}
.shop_company .comp_txt {
    text-align: center;
    color: #666;
    font-size: 13px;
    line-height: 25px;
    padding: 25px 0 0 0;
}
.shop_company .comp_txt p {
    word-break: keep-all;
}

.halin {
    text-decoration: line-through;
}
.halin_price {
    margin-left: 10px;
}

/*좌측배너*/
.l_banner {
    position: relative;
}
.l_banner_con {
    position: absolute;
    top: 0;
    left: -90px;
    width: 80px;
    height: 300px;
    background: #f3f3f3;
    border: solid 1px #ddd;
}

/*결제 요청시 주문정보 페이지*/
.order_payBox {
    width: 450px;
    margin: 10px auto 0 auto;
}
.order_payBox .top {
    margin-bottom: 25px;
}
.order_pay_title {
    background: url(../images/regis/ico_regis_tit.gif) no-repeat 0 1px;
    border-bottom: 0;
    font-family: NanumGothic, ngwoff, Dotum;
    font-size: 15px;
    font-weight: 600;
    padding: 0 0 0 19px;
    margin-bottom: 10px;
}
.order_pay_outline {
    border-bottom: 1px solid #9abc25;
    border-top: 2px solid #9abc25;
}
.order_pay_outline li {
    border-bottom: 1px solid #ddd;
}
.order_pay_outline li .subject {
    font-weight: 600;
    color: #333;
    background: #f5f5f5;
    height: auto;
    padding: 9px 0 11px 20px;
    display: inline-block;
    width: 130px;
    font-family: NanumGothic, ngwoff, Dotum;
}
.order_pay_outline li .order_pay_con {
    width: 280px;
    font-size: 13px;
    font-family: NanumGothic, ngwoff, Dotum;
    padding-left: 10px;
    display: inline-block;
}
.order_pay_outline li .order_pay_con .price {
    font-family: verdana;
    font-size: 20px;
    color: #00a8bf;
    font-weight: 600;
}
.order_pay_outline li .order_pay_con .won {
    font-weight: 600;
    font-family: NanumGothic, ngwoff, Dotum;
    font-size: 15px;
}
.order_payBox .btn a {
    width: 113px;
    height: 42px;
    display: inline-block;
    font-size: 0;
    background: url(../images/common/btn_l.gif) no-repeat 0 0;
    margin: 10px 2px 0 2px;
}
.order_payBox .btn .btn_order_pay {
    width: 113px;
    height: 42px;
    margin: 10px 2px 0 2px;
}
.order_payBox .btn a.btn_first {
    width: 113px;
    height: 42px;
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    background: url(../images/common/btn_l.gif) no-repeat -232px -360px;
    margin: 10px 2px 0 2px;
}

/*카드 취소요청 및 취소결과*/
.order_cancel_request input {
    height: 21px;
    width: 94%;
}
.cancel_request {
    resize: none;
    width: 94%;
    height: 21px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 21px;
}
.order_payBox .btn a.btn_request_submit {
    width: 113px;
    height: 42px;
    background: url(../images/common/btn_l.gif) no-repeat 0 -404px;
    font-size: 0;
}
.order_cancel_result .subject_last {
    line-height: 17px;
}
.order_cancel_request li .subject,
.order_cancel_result li .subject {
    width: 120px;
}
.order_cancel_request li .order_pay_con,
.order_cancel_result li .order_pay_con {
    width: 290px;
}

/*검색어 삭제*/
#SearchResult .search_clear,
.search_clear {
    background: url(../images/common/search_clear.gif) no-repeat center;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    margin: 0 2px 0 0;
    vertical-align: middle;
    width: 12px;
    font-size: 0;
    padding: 2px;
}
.search_clear em {
    display: none;
}

/*탭메뉴*/
.tabBox {
    width: 100%;
    height: 40px;
    position: relative;
    background: #fff url(../images/common/hrd_tabbg2.png) repeat-x 0 0;
    margin: 0 0 30px 0;
}
.tabBox li {
    background: #f9f9f9 url(../images/common/hrd_tabbg.png) repeat-x 0 0;
    float: left;
    height: 40px;
}
.tabBox li a.last {
    border-right: 1px solid #ddd;
}
.tabBox li a {
    border-left: 1px solid #ddd;
    color: #6e6e6e;
    display: block;
    font-weight: bold;
    height: 38px;
    line-height: 37px;
    text-align: center;
    width: auto;
    padding: 0 15px;
}
.tabBox li a:hover {
    text-decoration: underline;
}
.tabBox li.on a {
    background: #fff;
    border: solid 2px #505050;
    border-bottom: 0;
    color: #5097cb;
    height: 38px;
}

/*주문상태 구분*/
.order_state_type1 {
    color: #f15080;
} /*주문접수*/
.order_state_type2 {
    color: #e96200;
} /*입금대기*/
.order_state_type3 {
    color: #34a845;
} /*입금확인*/
.order_state_type4 {
    color: #aa5ad7;
} /*배송준비*/
.order_state_type5 {
    color: #97614b;
} /*제품배송*/
.order_state_type6 {
    color: #0372ff;
} /*거래완료*/
.order_state_type7 {
    color: #2db7b7;
} /*주문취소*/
.order_state_typeA {
    color: #666;
} /*교환신청*/
.order_state_typeB {
    color: #ba673f;
} /*교환완료*/
.order_state_typeC {
    color: #ee44cc;
} /*환불신청*/
.order_state_typeD {
    color: #123456;
} /*환불완료*/
.order_state_typeE {
    color: #7370ca;
} /*입금자불일치*/

/*상품종류 아이콘*/
.btn_pum_kind {
    font-size: 1em;
    color: #fff;
    padding: 0 5px 2px 4px;
    letter-spacing: -0.05em;
    font-weight: 600;
    margin: 0 5px 0 2px;
}
.pum_best {
    border: solid 1px #fd3838;
    color: #fd3838;
}
.pum_popular {
    border: solid 1px #32bcfd;
    color: #1da6e6;
}
.pum_new {
    border: solid 1px #a92cc8;
    color: #a92cc8;
}
.pum_recomm {
    border: solid 1px #33ab1f;
    color: #33ab1f;
}

/*상품검색 팝업*/
/*#container*/
.pumSearch {
    width: 700px;
}
/*#container*/
.pumSearch .table_horizontal {
    margin: 0 0 18px 0;
}
/*#container*/
.pumSearch .table_horizontal tbody tr td.cate select {
    min-width: 150px;
    margin: 0 5px 0 0;
}
/*#container*/
.pumSearch .sr_re_txt {
    color: #666;
    background: url(../images/common/ico_square.gif) no-repeat 0 center;
    padding: 0 0 0 6px;
    margin: 0 0 7px 5px;
}
/*#container*/
.pumSearch .sr_re_txt strong {
    color: #ff0000;
}
/*#container*/
.pumSearch .pop_in .pum_sr_btn {
    display: inline-block;
    margin: 0;
}
/*#container*/
.pumSearch .reselt_tit {
    float: left;
    background: #b3b3b3;
    color: #fff;
    border: 1px solid #a3a3a3;
    padding: 10px 0;
    text-align: center;
    border-left: 0;
    border-right: 0;
    display: inline-block;
    width: 100%;
}
/*#container*/
.pumSearch .reselt_tit p {
    float: left;
}
/*#container*/
.pumSearch .check {
    width: 4%;
}
/*#container*/
.pumSearch .no {
    width: 8%;
}
/*#container*/
.pumSearch .pum_name {
    width: 58%;
}
/*#container*/
.pumSearch .pum_gyu {
    width: 30%;
}
/*#container*/
.pumSearch .reselt_con {
    width: 100%;
    float: left;
    height: 302px;
    overflow: auto;
    border-bottom: solid 1px #ddd;
    margin: 0 0 20px 0;
}
/*#container*/
.pumSearch .reselt_con li {
    padding: 3px 0 2px 0;
    border-top: solid 1px #eee;
    display: inline-block;
    width: 100%;
}
/*#container*/
.pumSearch .reselt_con li span {
    text-align: center;
    float: left;
}
/*#container*/
.pumSearch .reselt_con li span.pum_name {
    text-align: left;
}
/*#container*/
.pumSearch .reselt_con li span.pum_name a {
    padding-left: 8px;
    display: inline-block;
}

/*테이블 thead, tbody 분리*/
.table_tit,
.table_con {
    width: 100%;
}

/*admin 팝업*/
#popup {
    position: absolute;
    border: 2px solid #0075e2;
    background: #fff;
    color: #222;
    width: 500px;
}
#popup h4 {
    font-size: 1.3em;
    font-weight: 600;
    background: url(../images/common/ico_pop_tit_g.png) no-repeat 0 1px;
    padding: 0 0 0 20px;
    margin: 20px 0 0 20px;
}
#popup .pop_in {
    position: relative;
    border: 0;
    padding: 15px 20px 20px 20px;
    background: none;
    overflow: auto;
}
#popup .pop_in table tbody tr td {
    word-break: break-all;
}
#popup .pop_in .txt_s {
    color: #666;
    font-size: 12px;
    margin: 5px 0 0 5px;
}
#popup .btn_p_close {
    background: url(../images/common/btn_set.png) no-repeat 0 -21px;
    cursor: pointer;
    display: inline-block;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
    border: 0;
}
#popup .bCenter {
    margin-top: 20px;
}
#popup select {
    height: 29px;
    vertical-align: middle;
}

/*mypage_lnb*/
.mypage_lnb {
    position: absolute;
    left: 0;
    top: 117px;
    width: 168px;
    padding: 0 0 20px 0;
    border: solid 1px #666;
    background: #fff;
}
#subContent .mypage_lnb h3 {
    background: #eff0f2 url(../images/mypage/ico_my_lng_top.png) no-repeat 19px
        center;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    padding: 20px 0 20px 33px;
    border-bottom: solid 1px #cfcfcf;
    width: 135px;
}
.mypage_lnb ul {
    width: 100%;
    border-top: solid 1px #fff;
}
.mypage_lnb ul li {
    width: 100%;
    height: 22px;
    line-height: 25px;
    display: block;
    text-indent: 15px;
    float: left;
    font-weight: normal;
}
.mypage_lnb ul li a {
    color: #555;
}
.mypage_lnb ul li a:hover {
    color: #333;
    text-decoration: underline;
}
.mypage_lnb ul li.top {
    background: ;
    height: 35px;
    line-height: 35px;
    border-bottom: solid 1px #ccc;
    text-indent: 39px;
}
.mypage_lnb ul li.person {
    background: #f8f8f8 url(../images/mypage/ico_per.png) no-repeat 19px center;
}
.mypage_lnb ul li.faq {
    background: #f8f8f8 url(../images/mypage/ico_faq.png) no-repeat 19px center;
}
.mypage_lnb ul li.top a {
    font-weight: 600;
    font-size: 14px;
}
.mypage_lnb ul li.tit {
    font-weight: 600;
    color: #333;
    border-top: dotted 1px #ccc;
    margin: 8px 0 0 0;
    padding: 10px 0 4px 0;
    height: auto;
    line-height: normal;
}
.mypage_lnb ul li.tit_first {
    margin: 0;
    border-top: 0;
}

/*마이페이지 레이아웃 변경*/
#contentArea .mypage_r,
#contentArea .board_r {
    width: 782px;
    float: left;
    margin: 0 0 0 183px;
    min-height: 200px;
}

/*공용 메인 css*/
.mainSlide_ad .btn_banner {
    width: 22px;
    height: 43px;
    background: url(../images/common/btn_br.gif) no-repeat 0 0;
    display: inline-block;
    position: absolute;
    top: 60px;
}
.mainSlide_ad .btn_bn_prev {
    left: 0;
}
.mainSlide_ad .btn_bn_next {
    background-position: right 0;
    right: 0;
}
.mainSlide_ad .btn_banner em {
    display: none;
}

/*마이페이지 메뉴 사이즈에 따른 최소 높이값*/
#contentArea .mypage,
#contentArea .customer_type {
    min-height: 680px;
}

/*input*/
input#PHONE1,
input#PHONE2,
input#PHONE3,
input#MOBILE2,
input#MOBILE3 {
    text-align: center;
}

/*메인 공용*/
.mainTop .mainAD .bx-wrapper {
    max-width: 100% !important;
    height: 100%;
}
.mainTop .mainAD .bx-wrapper .bx-viewport {
    height: 100% !important;
}
.mainTop .mainAD .bx-wrapper .bx-viewport .visual,
.mainTop .mainAD .bx-wrapper .bx-viewport .visual > li,
.mainTop .mainAD .bx-wrapper .bx-viewport .visual > li > div,
.mainTop .mainAD .bx-wrapper .bx-viewport .visual > li > div > a {
    height: 100%;
}
.mainTop .mainAD .bx-wrapper .bx-viewport .visual > li > div > a {
    display: block;
}
.mainTop .mainAD .bx-wrapper .bx-viewport .visual > li > div > a img {
    min-width: 100%;
}

/*후기 별점*/
.ico_star_s {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 69px;
    height: 12px;
    background: url(../images/common/ico_star_s.png) no-repeat 0 0;
}
.ico_star_s em {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 12px;
    background: url(../images/common/ico_star_s.png) no-repeat 0 -13px;
    text-indent: -9999px;
}
.ico_star_s.ico_rev1 em {
    width: 13px;
}
.ico_star_s.ico_rev2 em {
    width: 27px;
}
.ico_star_s.ico_rev3 em {
    width: 41px;
}
.ico_star_s.ico_rev4 em {
    width: 55px;
}
.ico_star_s.ico_rev5 em {
    width: 69px;
}

.rev_pum_app {
    float: left;
}
.rev_pum_app button {
    width: 20px;
    height: 19px;
    display: inline-block;
    margin: 0 5px 0 0;
    background: url(../images/common/ico_star.png) no-repeat 0 0;
    border: 0;
    cursor: pointer;
}
.rev_pum_app button.on {
    background: url(../images/common/ico_star.png) no-repeat right 0;
}
.rev_pum_app button em {
    display: none;
}
.rev_pum_app .txt {
    display: inline-block;
    margin: 3px 0 0 10px;
    font-size: 12px;
    color: #4d4d4d;
}

.rev_price_app {
    width: 100%;
}
.rev_price_app li {
    line-height: 25px;
    clear: both;
}
.rev_price_app li strong {
    color: #666;
    margin: 0 30px 0 0;
    float: left;
}
.rev_price_app li label {
    color: #4d4d4d;
    float: left;
    display: inline-block;
    width: 95px;
}
.rev_price_app li label input {
    vertical-align: top;
    margin-top: 7px;
}

/*메인 팝업공지*/
#main_popup.main_popup a {
    text-decoration: none;
    color: white;
}
#main_popup.main_popup .pull-right {
    float: right;
}
.main_popup {
    width: auto;
    height: auto;
    border: 3px solid #3e4156;
    background-color: white;
    z-index: 999999;
}
#main_popup.main_popup .popup_bottom {
    background-color: #3e4156;
    color: white;
    height: 25px;
    padding: 2px 10px 3px 10px;
    width: auto;
}
#main_popup.main_popup .popup_bottom a {
    padding-top: 5px;
    display: inline-block;
}

/*배송지 수정 팝업 버튼*/
.shipping_info .con .btn_sm {
    background: #f6f6f6;
    border: solid 1px #8e8e8e;
    height: 27px;
    line-height: 26px;
    margin: 0 3px 5px 3px;
    padding: 0 12px;
    vertical-align: top;
    display: inline-block;
    color: #000;
}
.shipping_info .con .btn_sm:hover {
    background: #efefef;
    border-color: #666;
    color: #000;
}

/*배송지 수정 팝업*/
.shipping_info .con .W_Table tbody tr td.ra_receive_type input[type="radio"] {
    margin-right: 0;
    vertical-align: top;
    margin-top: 3px;
}
.shipping_info .con .W_Table tbody tr td.ra_receive_type label {
    margin-right: 15px;
}
.shipping_info .con .W_Table tbody tr td input[type="text"],
.shipping_info .con .W_Table tbody tr td textarea {
    font-family: NanumGothic, ngwoff, Dotum;
}

/*게시판 상세 IMG*/
.view_text img {
    max-width: 742px !important;
}

/*무료배송 안내 문구*/
.free_info {
    color: #dc143c;
    font-weight: 600;
}

/*비회원 개인정보 수집/이용 동의*/
.shop_agreement .agree_content .nomem_in h1 {
    font-size: 14px;
    font-weight: 600;
}
.shop_agreement .agree_content .agree_in.nomem_in strong {
    font-weight: 600 !important;
    margin: 13px 0 2px 0;
    display: block;
}
.shop_agreement .agree_content .nomem_in table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: solid 1px #ddd;
    border-left: 0;
    border-bottom: 0;
}
.shop_agreement .agree_content .nomem_in table thead tr th {
    background: #fff;
    border-color: #ddd;
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd;
    padding: 7px 5px;
    font-size: 11px;
}
.shop_agreement .agree_content .nomem_in table tbody tr td {
    padding: 5px;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    font-size: 11px;
}
.shop_agreement .agree_content .nomem_in table tbody tr td.txt_center {
    text-align: center;
}
.shop_agreement .agree_content .agree_in.nomem_in table tbody tr td strong {
    margin: 0;
}
.shop_agreement .agree_content .nomem_in table tbody tr td.txt_agree label {
    color: #4c6dce;
}
.shop_agreement .agree_content {
    margin-top: 40px;
}
.shop_agreement.shop_privacy .agree_content {
    margin: 0;
}
.shop_agreement .agree_content .nomem_in .btn > a,
.nomem_agree .btn > a {
    display: inline-block;
    padding: 9px 20px;
    border-color: #d81818;
    border-bottom-color: #9e1212;
    background: #ed2f2f;
    background-image: linear-gradient(#ed2f2f, #dd0e0e);
    background-image: -webkit-linear-gradient(#ed2f2f, #dd0e0e);
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    border: solid 1px #d81818;
    margin: 0 5px;
}
.shop_agreement .agree_content .nomem_in .btn > a.no_agree,
.nomem_agree .btn > a.no_agree {
    border-color: #676767;
    border-bottom-color: #4c4c4c;
    background: #7f7f7f;
    background-image: linear-gradient(#7f7f7f, #6a6a6a);
    background-image: -webkit-linear-gradient(#7f7f7f, #6a6a6a);
}
.shop_agreement .agree_content .nomem_in .btn > a > span,
.nomem_agree .btn > a > span {
    font-size: 14px;
    font-wieght: 600;
    color: #fff;
    display: inline-block;
}

/*주문결제 및 견적서 비회원 개인정보 수집 이용동의*/
.nomem_agree {
    margin: 36px 0 30px 0;
    display: inline-block;
    width: 100%;
}
.nomem_agree .agree_box {
    border: solid 1px #ccc;
    height: auto;
    overflow: auto;
}
.nomem_agree .agree_box .agree_content {
    background: #fff;
    border: 0;
    margin-top: 0;
    color: #666;
    padding: 12px;
}
.nomem_agree .agree_box .agree_in {
    border: 0;
    padding: 0;
}
.nomem_agree .btn {
    margin-top: 20px;
}

/*메인화면 상품 이미지
.mainCenter .main_pumBox .prd_img a img {transition:all .8s ease; }
.mainCenter .main_pumBox .prd_img a:hover img {transform:scale(1.1); border:0; }*/

/*메인화면 상품 재고현황 2020-01-16*/
.main_pum_in .prd_img {
    position: relative;
    overflow: hidden;
}
.main_pum_in .prd_img .over_bd {
    position: absolute;
    width: 100%;
    height: 50%;
    margin-left: -2px;
    margin-top: 50%;
    top: 85%;
    left: 1px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.8);
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}
.main_pum_in .prd_img:hover .over_bd {
    display: block;
    margin-top: -2px;
    opacity: 1;
}

.main_pum_in .prd_img .over_bd .over_cont .jaego_icon {
    width: 100%;
    text-align: center;
    color: #fff;
}
.main_pum_in .prd_img .over_bd .over_cont .jaego_icon .p_ico {
    display: none;
}

.main_pum_in .prd_img:hover .over_bd .jaego_icon .txt_info {
    display: none;
}

/*-*/
body .mall_list .photo.noBg,
body .prd_img a.noBg,
.best_prd .prd_img.noBg,
body .mainBest .prd .prd_img.noBg {
    background: #fff;
}
body .photo.noBg,
body .pro_img.noBg {
    background: #fff;
}
.todayView .banner a.noBg {
    background: #fff;
}
/* .todayView .banner:after {background:#fff;} */