@charset "utf-8";

<link rel="stylesheet" href="//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css">

html, body { margin: 0; padding: 0 }
body { -webkit-text-size-adjust: none; overflow: hidden; }
body, ol, ul, li, dl, dt, dd, blockquote, fieldset, h1, h2, h3, h4, h4, h5, h6, pre, form, textarea, p, div { margin: 0; padding: 0; font-family: 'NanumSquare', "Dotum", "Dotum", "sans-senif"; font-size: 12px; line-height: 18px; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
b, strong { font-weight: bold; }
a { color: #666; border: 0; text-decoration: none; }
ol, ul, li { list-style-type: none; }
hr { display: none; }
img, fieldset, button, iframe { border: 0; }
img, input, select, textarea { vertical-align: middle; }
legend { margin-left: -7px; position: absolute; visibility: hidden; }
table { table-layout: fixed; border-collapse: collapse; }
caption { display: none; }
input { font: normal normal 12px/1.5 dotum, gulim, arial; color: #666; line-height: normal; }
strong { font-weight: bold; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block }
section { display: block; }
#wrap { width: 100%; min-height: 100%; position: relative; z-index: 1; background-color: #ffffff;/*outline: 2px solid #e96740;*/

}
/****************************************

 * 공용 ui class FROM reset.css START

 ****************************************/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
button,  input,  optgroup,  select,  textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button,  select { text-transform: none; }
button,  html input[type="button"],  input[type="reset"],  input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],  html input[disabled] { cursor: default; }
 button::-moz-focus-inner,  input::-moz-focus-inner {
 padding: 0;
 border: 0;
}
input { line-height: normal; }
input[type="checkbox"],  input[type="radio"] { box-sizing: border-box; padding: 0; }
 input[type="number"]::-webkit-inner-spin-button,  input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
 input[type="search"]::-webkit-search-cancel-button,  input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }
legend { padding: 0; border: 0; }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-spacing: 0; border-collapse: collapse; }
td,  th { padding: 0; }
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn:focus,  .btn:active:focus,  .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover,  .btn:focus { color: #333; text-decoration: none; }
.btn:active,  .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn.disabled,  .btn[disabled],  fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn-default:hover,  .btn-default:focus,  .btn-default:active,  .btn-default.active { color: #333; background-color: #ebebeb; border-color: #adadad; }
.btn-default:active,  .btn-default.active { background-image: none; }
.btn-default.disabled,  .btn-default[disabled],  fieldset[disabled] .btn-default,  .btn-default.disabled:hover,  .btn-default[disabled]:hover,  fieldset[disabled] .btn-default:hover,  .btn-default.disabled:focus,  .btn-default[disabled]:focus,  fieldset[disabled] .btn-default:focus,  .btn-default.disabled:active,  .btn-default[disabled]:active,  fieldset[disabled] .btn-default:active,  .btn-default.disabled.active,  .btn-default[disabled].active,  fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; }
.btn-default .badge { color: #fff; background-color: #333; }
.btn-lg,  .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }
.btn-sm,  .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-xs,  .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; }
.btn-block + .btn-block { margin-top: 5px; }
input[type="submit"].btn-block,  input[type="reset"].btn-block,  input[type="button"].btn-block { width: 100%; }
.btn-default { text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); }
.btn-default:active,  .btn-default.active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn-default {border:none; color:#fff; background-color:#3f2f19; border:1px solid #fff; }
.btn.btn-default.btn-block {color:#fff; background-color:#3f2f19; border-radius:16px; text-shadow:none;}
.btn-default:hover,  .btn-default:focus { background-color: #e0e0e0; background-position: 0 -15px; }
.btn-default:active,  .btn-default.active { background-color: #e0e0e0; border-color: #dbdbdb; }
.thumbnail,  .img-thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); box-shadow: 0 1px 2px rgba(0, 0, 0, .075); }
.btn-black { background-image: -webkit-linear-gradient(top, #696a6b 0%, #494a4b 100%); background-image: linear-gradient(to bottom, #696a6b 0%, #494a4b 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; border-color: #525151; color: #ffffff; }
.btn-black:hover,  .btn-black:focus { background-color: #4b4c4d; background-position: 0 -15px; }
.btn-black:active,  .btn-black.active { background-color: #4b4c4d; border-color: #000000; }
.form-control { display: block; width: 100%; height: 30px; padding: 4px 8px; font-size: 12px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
 .form-control::-moz-placeholder {
 color: #999;
 opacity: 1;
}
 .form-control:-ms-input-placeholder {
 color: #999;
}
 .form-control::-webkit-input-placeholder {
 color: #999;
}
.form-control[disabled],  .form-control[readonly],  fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; }
textarea.form-control { height: auto; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: 0; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: 0; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }
 @media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
.col-sm-pull-12 { right: 100%; }
.col-sm-pull-11 { right: 91.66666667%; }
.col-sm-pull-10 { right: 83.33333333%; }
.col-sm-pull-9 { right: 75%; }
.col-sm-pull-8 { right: 66.66666667%; }
.col-sm-pull-7 { right: 58.33333333%; }
.col-sm-pull-6 { right: 50%; }
.col-sm-pull-5 { right: 41.66666667%; }
.col-sm-pull-4 { right: 33.33333333%; }
.col-sm-pull-3 { right: 25%; }
.col-sm-pull-2 { right: 16.66666667%; }
.col-sm-pull-1 { right: 8.33333333%; }
.col-sm-pull-0 { right: 0; }
.col-sm-push-12 { left: 100%; }
.col-sm-push-11 { left: 91.66666667%; }
.col-sm-push-10 { left: 83.33333333%; }
.col-sm-push-9 { left: 75%; }
.col-sm-push-8 { left: 66.66666667%; }
.col-sm-push-7 { left: 58.33333333%; }
.col-sm-push-6 { left: 50%; }
.col-sm-push-5 { left: 41.66666667%; }
.col-sm-push-4 { left: 33.33333333%; }
.col-sm-push-3 { left: 25%; }
.col-sm-push-2 { left: 16.66666667%; }
.col-sm-push-1 { left: 8.33333333%; }
.col-sm-push-0 { left: 0; }
.col-sm-offset-12 { margin-left: 100%; }
.col-sm-offset-11 { margin-left: 91.66666667%; }
.col-sm-offset-10 { margin-left: 83.33333333%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-offset-8 { margin-left: 66.66666667%; }
.col-sm-offset-7 { margin-left: 58.33333333%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-offset-5 { margin-left: 41.66666667%; }
.col-sm-offset-4 { margin-left: 33.33333333%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-offset-2 { margin-left: 16.66666667%; }
.col-sm-offset-1 { margin-left: 8.33333333%; }
.col-sm-offset-0 { margin-left: 0; }
}
 @media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }
.col-md-pull-12 { right: 100%; }
.col-md-pull-11 { right: 91.66666667%; }
.col-md-pull-10 { right: 83.33333333%; }
.col-md-pull-9 { right: 75%; }
.col-md-pull-8 { right: 66.66666667%; }
.col-md-pull-7 { right: 58.33333333%; }
.col-md-pull-6 { right: 50%; }
.col-md-pull-5 { right: 41.66666667%; }
.col-md-pull-4 { right: 33.33333333%; }
.col-md-pull-3 { right: 25%; }
.col-md-pull-2 { right: 16.66666667%; }
.col-md-pull-1 { right: 8.33333333%; }
.col-md-pull-0 { right: 0; }
.col-md-push-12 { left: 100%; }
.col-md-push-11 { left: 91.66666667%; }
.col-md-push-10 { left: 83.33333333%; }
.col-md-push-9 { left: 75%; }
.col-md-push-8 { left: 66.66666667%; }
.col-md-push-7 { left: 58.33333333%; }
.col-md-push-6 { left: 50%; }
.col-md-push-5 { left: 41.66666667%; }
.col-md-push-4 { left: 33.33333333%; }
.col-md-push-3 { left: 25%; }
.col-md-push-2 { left: 16.66666667%; }
.col-md-push-1 { left: 8.33333333%; }
.col-md-push-0 { left: 0; }
.col-md-offset-12 { margin-left: 100%; }
.col-md-offset-11 { margin-left: 91.66666667%; }
.col-md-offset-10 { margin-left: 83.33333333%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-8 { margin-left: 66.66666667%; }
.col-md-offset-7 { margin-left: 58.33333333%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-5 { margin-left: 41.66666667%; }
.col-md-offset-4 { margin-left: 33.33333333%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-2 { margin-left: 16.66666667%; }
.col-md-offset-1 { margin-left: 8.33333333%; }
.col-md-offset-0 { margin-left: 0; }
}
 @media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.66666667%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.66666667%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-1 { width: 8.33333333%; }
.col-lg-pull-12 { right: 100%; }
.col-lg-pull-11 { right: 91.66666667%; }
.col-lg-pull-10 { right: 83.33333333%; }
.col-lg-pull-9 { right: 75%; }
.col-lg-pull-8 { right: 66.66666667%; }
.col-lg-pull-7 { right: 58.33333333%; }
.col-lg-pull-6 { right: 50%; }
.col-lg-pull-5 { right: 41.66666667%; }
.col-lg-pull-4 { right: 33.33333333%; }
.col-lg-pull-3 { right: 25%; }
.col-lg-pull-2 { right: 16.66666667%; }
.col-lg-pull-1 { right: 8.33333333%; }
.col-lg-pull-0 { right: 0; }
.col-lg-push-12 { left: 100%; }
.col-lg-push-11 { left: 91.66666667%; }
.col-lg-push-10 { left: 83.33333333%; }
.col-lg-push-9 { left: 75%; }
.col-lg-push-8 { left: 66.66666667%; }
.col-lg-push-7 { left: 58.33333333%; }
.col-lg-push-6 { left: 50%; }
.col-lg-push-5 { left: 41.66666667%; }
.col-lg-push-4 { left: 33.33333333%; }
.col-lg-push-3 { left: 25%; }
.col-lg-push-2 { left: 16.66666667%; }
.col-lg-push-1 { left: 8.33333333%; }
.col-lg-push-0 { left: 0; }
.col-lg-offset-12 { margin-left: 100%; }
.col-lg-offset-11 { margin-left: 91.66666667%; }
.col-lg-offset-10 { margin-left: 83.33333333%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-offset-8 { margin-left: 66.66666667%; }
.col-lg-offset-7 { margin-left: 58.33333333%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-offset-5 { margin-left: 41.66666667%; }
.col-lg-offset-4 { margin-left: 33.33333333%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-offset-2 { margin-left: 16.66666667%; }
.col-lg-offset-1 { margin-left: 8.33333333%; }
.col-lg-offset-0 { margin-left: 0; }
}
/****************************************

 * 공용 ui class FROM reset.css END

 ****************************************/







/* 상단 */

nav { width: 100%; height:55px; border-bottom:1px solid #e1e1e1; box-sizing:border-box;}
nav ul {display:flex; justify-content:space-between;}
nav li {display:flex; justify-content:center; padding-top:5px; width:68%;}
#slide_menu {width:12%;}
#mypage_menu_btn {width:8%;}
#search_menu_btn {width:8%;}
/* 하단 */

footer { top: 30px; position: relative; color: #fff; background-color: #2e2e2e; font-size: 12px; margin: 0 auto; width: 100%; height: auto; text-align: center; ; padding-bottom: 10px; clear: both; }
#footer_menu {background-color: #fff; width: 100%; height: 31px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
#footer_menu ul {display:flex; justify-content:center; align-items:center; height:30px;}
#footer_menu li {display:flex; justify-content:center; align-items:center; width:20%; height:10px; border-right:1px solid #c8c8c8;}
#footer_menu li:last-child {border-right:none;}
#footer_menu li a {color: #3e3e3e;}
#f_service_btn { position: relative; display:flex; justify-content:center; align-items:center; margin:0 auto 10px; height: 50px; border-bottom:1px solid rgba(255,255,255,0.3);}
#f_service_btn button {margin:0 2px; background-color:rgba(0,0,0,0);}
address { position: relative; width: 100%; height: auto; margin-bottom: 30px; }
address a { color: #00d2ff; }
/* 레이어 팝업 */

.layer_pop { width: 280px; margin-bottom: 30px; background: #fff; border: 3px solid #2e2e2e; overflow: auto; position: absolute }
.layer_pop .layer_table_b table { margin: 5px; border-top: 1px solid #a9a9a9; }
.layer_pop .layer_table_b th { border-bottom: 1px solid #a9a9a9; background-color: #e7e7e7; padding: 5px 2px; }
.layer_pop .layer_table_b td { border-bottom: 1px solid #a9a9a9; padding: 5px; }
.layer_pop .layer_table_c { margin: 5px; }
.layer_pop .lay_titie { margin: 0px 0 5px 5px; width: 150px; }
.layer_pop .exit_btn { float: right; position: relative; width: 15px; margin-top: -28px; margin-right: 35px; }
.layer_pop .exit_btn2 { float: right; position: relative; width: 15px; margin-top: -28px; margin-right: 35px; }
.layer_pop .exit_btn3 { float: right; position: relative; width: 15px; margin-top: -28px; margin-right: 12px; }
.layer_pop .search_area { margin-left: 5px; }
.layer_pop .search_area img { vertical-align: middle; }
.layer_pop .temp_table td { padding: 3px; border-bottom: 1px solid #cccccc; }
.layer_pop .noti_box { margin: 10px; padding: 7px; border: 1px solid #a9a9a9; background-color: #f6f6f6; }
.layer_pop .right_st { float: right; margin: 3px 10px 10px 0px; }
.layer_pop .l_check { top: 2px; right: 0; color: #fff; text-align: center; background-color: #4a4a4a; width: 32px; height: 18px; padding: 0px 1px; border: 1px solid #000; font-size: 11px; font-family: Dotum; cursor: pointer; }
/* 팝업창 */

.popup_layer { }
.popup_layer .title { background-color: #24303e; width: 100%; padding:15px; line-height: 55px; color: #fff; font-size:25px; font-weight:bold; font-family: Dotum, Gulim; font-weight: bold; border-bottom: 2px solid #fd610c; }
.popup_layer .title .layer_del_btn { background: url('/skin/m_modern/images/button/button_round.png') no-repeat 0 3px; width: 46px; height:46px; margin: 0; border: 0; cursor: pointer; overflow: visible; border: 0; float: right; }
.popup_layer span { display: block; }
.popup_layer .lpop_tx { text-align: center; margin: 0 auto; padding: 10px 10px 10px 10px; }
.popup_layer .lpop_bt { text-align: center; width: 100%; padding: 20px 0px }
/* 레이아웃 모듈 */

.l_banner img { max-width: 100% }
/* 메인 모듈 */

.m_banner img { max-width: 100% }
/* 상품분류 */

#category {max-width:100%; background:#fff; min-height: 100%; position:absolute; z-index:10000; border-right:1px solid #e1e1e1;}
#category_top_menu {/*background:url('/skin/m_modern/images/category/category_bg.jpg') repeat-x;*/ background: #85756c; height:55px; }
#category_top_menu li { float: left; border-right: 1px solid rgba(255,255,255,0.7); position: relative; vertical-align: middle }
.category_btn { float: right; margin-right: 10px; display: inline-block; position: relative; margin-top: -33px; }
.category_menu_1dephs { width: 100%; }
.category_menu_1dephs > ul > li { border-bottom: 1px solid #b2b2b2; }
.category_menu_1dephs > ul > li a { display: block; height: 40px; line-height: 40px; font-weight: bold; padding-left: 10px; vertical-align: middle }
.category_menu_2dephs { width: 100%; display: none; }
.category_menu_2dephs > ul > li { border-top: 1px solid #e5e5e5; }
.category_menu_2dephs > ul > li a { display: block; background: #fff; height: 40px; line-height: 40px; font-weight: bold; vertical-align: middle }
.category_menu_2dephs > ul > li.last_menu { border: 0px; }
.category_menu_3dephs { width: 100%; display: none; }
.category_menu_3dephs > ul > li { border-top: 1px solid #e5e5e5; }
.category_menu_3dephs > ul > li a { display: block; background: #fff; height: 40px; line-height: 40px; font-weight: bold; vertical-align: middle; }
.category_menu_3dephs > ul > li.last_menu { border: 0px; }
.category_menu_4dephs { width: 100%; height: auto; display: none; }
.category_menu_4dephs > ul > li { border-top: 1px solid #e5e5e5; }
.category_menu_4dephs > ul > li a { display: block; background: #fff; height: 40px; line-height: 40px; font-weight: bold; vertical-align: middle; }
.category_menu_4dephs > ul > li.last_menu { border: 0px; }
.category_orange_up_btn { background: url('/skin/m_modern/images/button/button.png') no-repeat -161px -99px; width: 38px; height: 24px; padding: 0; border: 0; cursor: pointer; overflow: visible; border: 0; }
.category_orange_down_btn { background: url('/skin/m_modern/images/button/button.png') no-repeat -119px -99px; width: 38px; height: 24px; padding: 0; border: 0; cursor: pointer; overflow: visible; border: 0; }
.category_gray_up_btn { background: url('/skin/m_modern/images/button/button.png') no-repeat -161px -124px; width: 38px; height: 24px; padding: 0; border: 0; cursor: pointer; overflow: visible; border: 0; }
.category_gray_down_btn { background: url('/skin/m_modern/images/button/button.png') no-repeat -119px -124px; width: 38px; height: 24px; padding: 0; border: 0; cursor: pointer; overflow: visible; border: 0; }
/* 검색폼 */

.search_box { background: #85756c; width: 100%; text-align: center; padding: 10px 0px; }
.search { width: 80%; height: 32px; line-height: 32px; border: 0px; padding: 0 5px; font-size: 1em; font-weight: bold; }
.top_search_btn { background: #323232; font-family: Arial; color: #ffffff; font-size: 14px; padding: 6px 10px; border:1px solid #323232; text-decoration: none; font-weight: bold; }
.popup_layer img { max-width: 100%; }
/* 상단 내비게이션 */

.top_page_navi { height: 40px; width: 100%; color:#fff; background-color: #3f2f19; padding: 0px 10px; clear: both; }
.top_page_navi .pre_btn { background: url('/skin/m_modern/images/button/button.png') no-repeat -241px -14px; width: 53px; height: 30px; padding: 0; border: 0; cursor: pointer; overflow: visible; border: 0; float: left; margin-top: 4px; left: 10px; position: absolute; }
.top_page_navi h3 { text-align: center; font-weight: bold; line-height: 40px; font-size: 14px; color:#fff; }
.top_page_navi h3 a {color:#fff;}
/* 공통 버튼 */

.detail_btn { margin: 14px 0px; }
.page_more_btn { clear: both; position: relative; top: 14px; text-align: center; }
.small_bk_btn { background: #4a4a4a; color: #fff; border: 1px solid #000000; }
.small_gray_btn { margin-top: 10px; background: #85756c; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 12px; padding: 4px 10px 4px 10px; border: solid #85756c 1px; text-decoration: none; font-weight: bold; }
.small_orange_btn { margin-top: 10px; background: #fe610b; background-image: -webkit-linear-gradient(top, #fe610b, #e0560b); background-image: -moz-linear-gradient(top, #fe610b, #e0560b); background-image: -ms-linear-gradient(top, #fe610b, #e0560b); background-image: -o-linear-gradient(top, #fe610b, #e0560b); background-image: linear-gradient(to bottom, #fe610b, #e0560b); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 12px; padding: 4px 10px 4px 10px; border: solid #cb4d09 1px; text-decoration: none; font-weight: bold; }
/* 공통 테이블 */

.form_table { margin: 1em 0; font-size: 12px; border-top: 1px solid #999; }
.form_table input,  .form_table textarea,  .form_table select,  .form_table table,  .form_table button { font-size: 12px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; background-image: none; border: 1px solid #ccc; }
.form_table table { width: 100%; border: 0; border-top: 2px solid #999 }
.form_table caption { padding: 8px 0; font-weight: bold; text-align: left }
.form_table th,  .form_table td { padding: 8px; border: 0; vertical-align: middle; }
.form_table th { color: #333; width: 100px; }
.form_table td { color: #666 }
.form_table thead th { border-bottom: 1px solid #ccc; background: #f8f8f8 }
.form_table tbody th { border-bottom: 1px solid #ddd; background: #fafafa; text-align: left }
.form_table tfoot th { border-bottom: 1px solid #ddd }
.form_table tbody td { border-bottom: 1px solid #ddd }
.form_table tfoot td { border-bottom: 1px solid #ddd; font-weight: bold; color: #333 }
.form_table .item { position: relative; margin: -4px 0 }
.form_table .item .i_help { position: absolute; top: 4px; right: 0 }
.form_table .item .i_label { top: 6px; left: 10px }
.form_table .item .i_dsc { margin: 2px 0 }
.form_table .item .i_check,  .form_table .item .i_radio { width: 13px; height: 13px; margin: 2px 5px 2px 0; padding: 0; vertical-align: middle }
.form_table .item .i_text { height: 25px; position: relative; margin: 2px; padding: 3px 4px; border: 1px solid #b7b7b7; border-right-color: #e1e1e1; border-bottom-color: #e1e1e1; background: transparent }
.form_table .item .hide { visibility: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0 }
.form_table .item select { margin: 2px }
.form_table .item label { margin: 0 10px 0 0; cursor: pointer }
.form_table .item textarea { width: 100%; height: 200px; }
.form_table .select_num { width: 30%; float: left; }
.form_table .dash_num { float: left; margin: 0px 5px 0px 5px; line-height: 30px; }
.form_table .email_field { float: left; width: 45% }
.form_table .email_division { float: left; width: 10%; text-align: center; }
/* 공통 클래스 */

.padd_t10 { padding-top: 10px; }
.dp_b { display: block; }
.dp_n { display: none; }
.red { color: #be2424; }
.oran { color: #e0560b; }
.gray { color: #7f7f7f; }
.black { color: #000000; }
.blue { color: #3574cb; }
.bold { font-weight: bold; }
.left_c { float: left; }
.right_c { float: right; }
.tx_cen { text-align: center; }
.tx_rgt { text-align: right; }
.pl20 { padding-left: 20px; }
.pl40 { padding-left: 40px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.fc { font-size: 12px; font-weight: normal; }
.fc_s { font-size: 11px; font-weight: normal; }
.fc_white { color: #fff; }
.fc_white_s { color: #fff; font-size: 11px; }
.fc_red { color: #ff1e00; }
.fc_red_s { color: #ff1e00; font-size: 11px; }
.fc_red_b { color: #ff1e00; font-weight: bold; }
.fc_red12_b { color: #ff1e00; font-size: 12px; font-weight: bold; }
.fc_red16_b { color: #ff1e00; font-size: 16px; font-weight: bold; }
.fc_blue { color: #09a0f7; }
.fc_blue_b { color: #09a0f7; font-weight: bold; }
.fc_blue_s { font-size: 11px; color: #09a0f7; }
.fc_gray9e { color: #9e9e9e; }
.fc_gray9e_s { color: #9e9e9e; font-size: 11px; }
.fc_gray77 { color: #777; }
.fc_gray77_b { color: #777; font-weight: bold; }
.fc_gray66 { color: #666; }
.fc_gray66_b { color: #666; font-weight: bold; }
.fc_gray44 { color: #444; }
.fc_gray44_b { color: #444; font-weight: bold; }
.fc_green { color: #32aa09; }
.fc_green_s { color: #32aa09; font-size: 11px; }
.fc_green_b { color: #32aa09; font-weight: bold; }
.fc_black { color: #000; }
.fc_black_b { color: #000; font-weight: bold; }
.fc_black12_b { color: #000; font-size: 12px; font-weight: bold; }
.fc_orang { color: #ff4200; }
.fc_orang_b { color: #ff4200; font-weight: bold; }
.fs_11 { font-size: 11px; letter-spacing: -1.5px; }
.fs_12 { font-size: 14px; }
.fs_14 { font-size: 14px; }
.fs_16 { font-size: 16px; }
.fs_18 { font-size: 16px; }
.fs_20 { font-size: 16px; }
/* 레이어 마스크 */

#mask { position: absolute;	/* important */ top: 0px;			/* start from top */ left: 0px;			/* start from left */ height: 100%;		/* cover the whole page */ width: 100%;			/* cover the whole page */ display: none;		/* don't show it '*/ /* styling bellow */

background-color: #000000; z-index: 999; }
/* main visual */

#mainSwipe {border-bottom:1px solid #e1e1e1;}
.swipe { overflow: hidden; visibility: hidden; position: relative; }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > div { float: left; width: 100%; position: relative; }
.swipe img { max-width: 100%; }
.mainSwipe_btn { position: relative; width: 200px; margin: 0 auto; padding:5px 0; text-align: center; }
.mainGoods { padding: 0 8px; }
/* 첫페이지 */

.first_login_page { width: 100%; margin: 0 auto; padding: 10px; vertical-align: middle; }
.first_login_tit { font-family: Tw Cen MT, Verdana, Arial; font-weight: bold; font-size: 26px; }
.first_login_tit em { color: #bcbcbc; font-weight: bold; font-style: italic; }
.first_login_page span { padding-left: 4px; }
.first_login_page_tb { margin-top: 10px; width: 100%; }
.first_login_page_tb td { padding: 3px; }
.first_login_page_tb input { margin: 0px 0px; width: 100%; border: 1px solid #c0c0c0; line-height: 22px; height: 22px; vertical-align: middle; }
.first_login_btn { margin-top: 0px; background: #444444; background-image: -webkit-linear-gradient(top, #444444, #161616); background-image: -moz-linear-gradient(top, #444444, #161616); background-image: -ms-linear-gradient(top, #444444, #161616); background-image: -o-linear-gradient(top, #444444, #161616); background-image: linear-gradient(to bottom, #444444, #161616); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 14px; padding: 16px 10px 16px 10px; border: solid #000000 1px; text-decoration: none; font-weight: bold; width: 100px; }
.first_login_info { margin-top: 20px; width: 100%; margin: 0 auto; padding: 20px; }
.first_login_info li { height: 28px; border-bottom: 1px dotted #a6a6a6; line-height: 28px; }
.first_login_info span { float: right; }
.first_login_findbtn { background: #fe610b; background-image: -webkit-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: -moz-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: -ms-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: -o-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: linear-gradient(to bottom, #c9c8c8, #9e9c9c); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 11px; line-height: 20px; padding: 0px 10px; border: solid #a7a7a7 1px; text-decoration: none; font-weight: bold; height: 20px; margin-top: 3px; }
/* 회원 */

.user_agreement_text { height: 135px; position: relative; }
.provision_text { height: 220px; position: relative; }
/* 상품목록 공통 */

.price_alias { color: #FFF; font-size: 11px; padding: 0px 3px 1px; background-color: #999; font-weight: normal; }
.dc_instant { color: #fff; background-color: #ff6633; letter-spacing: -1px; font-weight: normal; padding: 0px 3px 1px; border-radius: 3px; }
.dc_member { color: #fff; background-color: #D91B1B; letter-spacing: -1px; font-weight: normal; padding: 0px 3px 1px; border-radius: 3px; }
.product_item { top: 10px; width: 100%; }
.select_box { border-bottom: 1px solid #cfd1d8; height: 40px; }
.select_box select { float: left; width: 100px; }
.item_view_btn { float: right; border-bottom: 1px solid #959ea6; border-left: 1px solid #959ea6; border-top: 1px solid #959ea6; }
.item_view_btn li { float: left; border-right: 1px solid #959ea6; cursor: pointer; }
.img-responsive { display: block; margin:0 auto; max-width: 95%; height: auto; }
.item_list_price { font-size: 14px; }
/* 상품목록 갤러리형 */

.gallery_notice { top: 30px; position: relative; margin: auto; }
.gallery_notice_title { float: left; width: 100%; padding: 0px 10px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #dddddd; height: 24px; }
.gallery_more_btn { float: right; font-size: 12px; font-weight: normal; }
.product_gallery { clear: both; padding-top: 13px; padding-right: 10px; padding-left: 10px; padding-bottom: 13px; margin-right: auto; margin-left: auto; }
.product_gallery li { padding-bottom: 13px; width: 33%; text-align: center; display: inline-block; vertical-align: top; }
.product_gallery li a { display: block; }
.product_gallery li a.good_img { }
.product_gallery li a.good_img>img { padding: 3px; margin: 0 auto; }
.product_gallery li>span, .product_gallery li a.good_name { display: block; }
.product_gallery li a.good_name { margin-top: 3px; }
.product_gallery .p_icon { height: 13px; font-size: 12px; }
.product_gallery li>span.good_price { padding-bottom: 2px; letter-spacing: -0px; font-weight: bold; color: #be2424; font-size: 14px; }
.product_gallery li>span.dc { color: orange; }
.product_gallery li>span.dc_mem { color: #be2424; font-size: 14px; }
.product_gallery li span.title_price,  .product_gallery li span.title_price_dc,  .product_gallery li span.title_price_dc_member { display: none; }
.product_gallery li span.rate_dc { margin-left: 4px; font-size: 12px; }
/* 상품목록 리스트형 */

.product_item_list li { overflow: hidden; clear: both; border-bottom: 1px solid #c2c2c2; padding: 10px 0px; }
.product_item_list li a.good_img>img { float: left; display: inline; margin: 0; border: none; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; max-width: 50%; }
.product_item_list li>span { display: block; }
.product_item_list li>span.good_price { padding-bottom: 2px; letter-spacing: -0px; font-weight: bold; color: #be2424; font-size: 14px; }
.product_item_list li>span.dc { color: orange; }
.product_item_list li>span.dc_mem { color: #be2424; font-size: 14px; }
.product_item_list li>span.good_icons { }
.product_item_list li span.title_price { display: none; }
.product_item_list li span.title_price_dc,  .product_item_list li span.title_price_dc_member { margin-right: 4px; }
.product_item_list li span.rate_dc { margin-left: 4px; font-size: 12px; }
/* 상품목록 1개상품형 */

.product_once li { overflow: hidden; clear: both; border-bottom: 1px solid #c2c2c2; padding: 10px 0px; text-align: center; }
.product_once li a.good_img>img { padding: 3px; margin: 0 auto; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.product_once li>span { display: block; }
.product_once li>span.good_price { padding-bottom: 2px; letter-spacing: -0px; font-weight: bold; color: #be2424; font-size: 14px; }
.product_once li>span.dc { color: orange; }
.product_once li>span.dc_mem { color: #be2424; font-size: 14px; }
.product_once li>span.good_icons { }
.product_once li span.title_price { display: none; }
.product_once li span.title_price_dc,  .product_once li span.title_price_dc_member { margin-right: 4px; }
.product_once li span.rate_dc { margin-left: 4px; font-size: 12px; }
.product_list { top: 20px; position: relative; }
.product_list_title { position:relative; margin:30px auto 10px; width:100%; font-size:2em; line-height:2em; text-align:center; border-bottom:1px solid #e1e1e1;}
.product_list_title a {position:absolute; right:0;}
.product_list_more {font-size: 12px; font-weight: bold; padding-right: 5px; }
.product_list_item li { border-top: 1px solid #ddd; padding: 5px; clear: both; width: 100%; }
.product_list_item .p_img { float: left; width: 100px; height: 100px; }
.product_list_item .p_tit { margin-top: 5px; font-weight: bold; color: #455684; }
.product_list_item .p_price { padding-top: 5px; color: #cc0b15; letter-spacing: -0px; }
.product_list_item .price_instant { color: #ff6633; font-weight: normal; font-family: "Verdana", "Dotum"; }
.product_list_item .price_member_dc { color: #D91B1B; font-weight: normal; font-family: "Verdana", "Dotum"; word-break: break-word; }
/* 상품 상세 */

#goods_view { position: relative; display: block; }
#goods_view .detail_img_box { width: 100%; position: relative; top: 10px; height: auto; text-align: center; padding: 20px 0px; }
#goods_view .detail_img_box td:first-child, #goods_view .detail_img_box td:last-child { width: 30px; }
#goods_view .img_pre_btn { background: url('/skin/m_modern/images/button/button.png') no-repeat -16px -303px; width: 21px; height: 42px; padding: 0; border: 0; cursor: pointer; overflow: visible; border: 0; float: left; }
#goods_view .img_nex_btn { background: url('/skin/m_modern/images/button/button.png') no-repeat -42px -303px; width: 21px; height: 42px; padding: 0; border: 0; cursor: pointer; overflow: visible; border: 0; float: right; left: 10px; }
#goods_view .img-responsive2 { display: block; max-width: 100%; height: auto; min-width: 180px; }
#goods_view div.social_box { position: relative; text-align: center; margin: 30px 10px 10px 10px; }
#goods_view .detail_item_title { clear: both; position: relative; width: 100%; text-align: center; padding: 10px; }
#goods_view .detail_item_title p { padding: 1px 0px; }
#goods_view .detail_info { border-top: 1px solid #e6e6e6; }
#goods_view .detail_info th { border-bottom: 1px solid #e6e6e6; padding: 6px 0px 6px 4px; text-align: left;/*reset*/ }
#goods_view .detail_info td { border-bottom: 1px solid #e6e6e6; text-align: right; }
#goods_view .detail_info tr:last-child th, #goods_view .detail_info tr:last-child td { border-bottom: none; }
#goods_view .detail_option { background-color: #edeff1; border-top: 1px solid #98a1af; padding: 10px; }
#goods_view .detail_option p { padding-bottom: 4px; }
#goods_view .detail_option select, .detail_option input { margin-bottom: 4px; }
#goods_view .detail_option2 { background-color: #edeff1; border-top: 1px solid #98a1af; padding: 10px; border-bottom: 1px solid #98a1af; }
#goods_view .detail_option2 p { padding-bottom: 4px; }
#goods_view .detail_option2 input { margin-bottom: 4px; }
#goods_view .volume_box { padding: 10px; height: 80px; margin-bottom: 20px; }
#goods_view .volume_box p { padding-bottom: 8px; }
#goods_view .volume_btn { border: 1px solid #e1e1e1; height: 32px; width: 104px; float: left; background-image: -webkit-linear-gradient(top, #fefefe, #f6f6f6); background-image: -moz-linear-gradient(top, #fefefe, #f6f6f6); background-image: -ms-linear-gradient(top, #fefefe, #f6f6f6); background-image: -o-linear-gradient(top, #fefefe, #f6f6f6); background-image: linear-gradient(to bottom, #fefefe, #f6f6f6); }
#goods_view .volume_down_btn { border: 0; border-right: 1px solid #e1e1e1; background-color: #fff; width: 35px; height: 30px; padding: 0; cursor: pointer; overflow: visible; float: left; text-align: center; font-family: verdana; font-weight: bold; background-image: -webkit-linear-gradient(top, #fefefe, #f6f6f6); background-image: -moz-linear-gradient(top, #fefefe, #f6f6f6); background-image: -ms-linear-gradient(top, #fefefe, #f6f6f6); background-image: -o-linear-gradient(top, #fefefe, #f6f6f6); background-image: linear-gradient(to bottom, #fefefe, #f6f6f6); }
#goods_view .volume_number { width: 32px; height: 30px; padding: 0; border: 0; overflow: visible; float: left; line-height: 30px; text-align: center; font-family: tahoma; font-weight: bold; }
#goods_view .volume_up_btn { border: 0; border-left: 1px solid #e1e1e1; background-color: #fff; width: 35px; height: 30px; padding: 0; cursor: pointer; overflow: visible; float: left; text-align: center; font-family: verdana; font-weight: bold; background-image: -webkit-linear-gradient(top, #fefefe, #f6f6f6); background-image: -moz-linear-gradient(top, #fefefe, #f6f6f6); background-image: -ms-linear-gradient(top, #fefefe, #f6f6f6); background-image: -o-linear-gradient(top, #fefefe, #f6f6f6); background-image: linear-gradient(to bottom, #fefefe, #f6f6f6); }
#goods_view .option_output { float: right; height: 32px; width: 60%; }
#goods_view .p_tx { float: left; line-height: 32px; height: 32px; text-align: right; width: 100%; }
#goods_view .option_del_btn { background-color: #fff; padding: 0; border: 0; float: right; }
#goods_view .price_box { border: 3px solid #969fad; margin-top: 10px; text-align: center; padding: 10px; }
#detail_info_img li { padding-bottom: 10px; }
div[id^="NC_ID"], div[id^="NC_ID"] * { -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; }
/* 상품 상세 버튼 */

.now_buy_btn { max-width: 100%; background: #4b4b4b; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 5px 10px 5px 10px; border: solid #4b4b4b 1px; text-decoration: none; font-weight: bold; }
.cart_add_btn { max-width: 100%; background: #fff; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #323232; font-size: 15px; padding: 5px 10px 5px 10px; border: solid #4b4b4b 1px; text-decoration: none; font-weight: bold; }
.wish_add_btn { max-width: 100%; background: #fff; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #323232; font-size: 15px; padding: 5px 10px 5px 10px; border: solid #4b4b4b 1px; text-decoration: none; font-weight: bold; }
.soldout_btn { background: #898f9d; background-image: -webkit-linear-gradient(top, #898f9d, #787d8c); background-image: -moz-linear-gradient(top, #898f9d, #787d8c); background-image: -ms-linear-gradient(top, #898f9d, #787d8c); background-image: -o-linear-gradient(top, #898f9d, #787d8c); background-image: linear-gradient(to bottom, #898f9d, #787d8c); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 5px 10px 5px 10px; border: solid #b2b2b2 1px; text-decoration: none; font-weight: bold; }
/*상세 탭*/

#detail_tab_menus { margin: 0; padding: 0; list-style: none; height: auto; }
#detail_tab_menus li { margin-bottom: 10px; float: left; padding: 0px; width: 50%; text-align: center; letter-spacing: -1px; border-width: 1px 0px 1px 1px; border-style: solid; border-color: #cfcfcf; }
#detail_tab_menus li:last-child { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #cfcfcf; }
#detail_tab_menus li a { padding: 8px 10px; color: #505050; background: #f5f5f5; background-image: -webkit-linear-gradient(top, #f5f5f5, #dadada); background-image: -moz-linear-gradient(top, #f5f5f5, #dadada); background-image: -ms-linear-gradient(top, #f5f5f5, #dadada); background-image: -o-linear-gradient(top, #f5f5f5, #dadada); background-image: linear-gradient(to bottom, #f5f5f5, #dadada); font-weight: bold; font-size: 12px; display: block; text-decoration: none; }
#detail_tab_menus li.selected a { background: #8b919f; background-image: -webkit-linear-gradient(top, #8b919f, #767b8a); background-image: -moz-linear-gradient(top, #8b919f, #767b8a); background-image: -ms-linear-gradient(top, #8b919f, #767b8a); background-image: -o-linear-gradient(top, #8b919f, #767b8a); background-image: linear-gradient(to bottom, #8b919f, #767b8a); color: #ffffff; }
/*상세_추가정보 탭 */

div.goods_panel_info { clear: both; }
div.goods_panel_info .tab_info_tit { }
div.goods_panel_info .goods_info_extra { margin-top: 5px;}
div.goods_panel_info .goods_info_extra * { display: block; max-width: 100%; height: auto; }
div.goods_panel_info .goods_info_extra_tit { font-size: 14px; font-weight: bold; }
/* 게시판 공통 : 컨펌 레이어 */

div#board_confirm { width: 300px; background-color: white; }
div#board_confirm .confirm_delete { width: 300px; border: 1px solid #ccc; background-color: #fff; box-shadow: 3px 3px 10px #aaa; }
div#board_confirm .btn_image { cursor: pointer; }
div#board_confirm .confirm_title { width: 100%; background-color: #8c8c8c; padding: 6px 10px; }
div#board_confirm .text_confirm_title { color: #fff; font-weight: bold; font-size: 11pt; vertical-align: middle; }
div#board_confirm .confirm_body { padding: 10px; text-align: center; margin: 0 auto; }
div#board_confirm .text_confirm_msg { vertical-align: middle; margin: 20px 0px 0px 0px; font-weight: bold; }
div#board_confirm .input_form { width: 250px; height: 50px; margin: 20px auto; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
div#board_confirm .input_form label { display: inline-block; width: 20%; vertical-align: middle; margin-top: 15px; }
div#board_confirm .input_form input { display: inline-block; width: 70%; vertical-align: middle; margin-top: 15px; }
div#board_confirm .confirm_btn_area { text-align: center; margin-bottom: 10px; }
div#board_confirm .text_loading { padding-top: 50px; color: #eee; }
.board_no_list { height: 50px; text-align: center; line-height: 45px; }
.tab_open_btn { background: url('/skin/m_modern/images/button/button_up_black.png') no-repeat; width: 14px; height: 8px; margin-right: 16px; border: 0; cursor: pointer; overflow: visible; border: 0; float: right; margin-top: 10px; }
.tab_close_btn { background: url('/skin/m_modern/images/button/button_down_black.png') no-repeat; width: 14px; height: 8px; margin-right: 16px; border: 0; cursor: pointer; overflow: visible; border: 0; float: right; margin-top: 10px; }
div.goods_panel_info fieldset button:first-child { background:#f5f5f5; font-weight: bold; color: #000000; height: 30px; padding-left: 10px; line-height: 30px; font-size: 14px; text-align: left; }
div.goods_panel_info fieldset table { }
div.goods_panel_info fieldset table th { background-color: #fafafa; padding: 8px 0px 8px 8px; border-bottom: 1px solid #d1d1d1; text-align: left; }
div.goods_panel_info fieldset table td { border-bottom: 1px solid #d1d1d1; }
.confirm_btn { max-width: 100%; background: #fe610b; background-image: -webkit-linear-gradient(top, #fe610b, #e0560b); background-image: -moz-linear-gradient(top, #fe610b, #e0560b); background-image: -ms-linear-gradient(top, #fe610b, #e0560b); background-image: -o-linear-gradient(top, #fe610b, #e0560b); background-image: linear-gradient(to bottom, #fe610b, #e0560b); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 5px 10px 5px 10px; border: solid #cb4d09 1px; text-decoration: none; font-weight: bold; }
/* 선택한 옵션 목록(temporary_basket.js) */

#goods_view ul.selected_options_panel { border-top: 1px solid #98a1af; }
#goods_view ul.selected_options_panel li { border-bottom: 1px solid #ccd0d7; }
#goods_view ul.selected_options_panel li:first-child { }
#goods_view ul.selected_additional_options_panel li { border-bottom: 1px solid #ccd0d7; }
#goods_view ul.selected_additional_options_panel li:first-child { }
/* 장바구니/관심상품 이동 확인 레이어 */

#layer_cart { }
.layer_cart_box { width: 300px; border: 1px solid #aeaeae; padding: 30px 20px; background-color: #fff; }
.layer_cart_top { border-bottom: 1px solid #aeaeae; height: 24px; }
.layer_cart_top p { float: left; font-size: 14px; font-weight: bold; }
.layer_cart_close { display: block; text-align: right; cursor: pointer; }
.layer_cart_msg, .layer_wish_msg { display: block; text-align: center; font-size: 14px; line-height: 18px; margin-top: 20px; }
.layer_cart_ok { background-color: #fff; color: #000; display: inline-block; font-family: Arial, Helvetica, sans-serif; overflow: visible; cursor: pointer; text-decoration: none; text-align: center; padding: 4px 20px; border: 1px solid #000; font-size: 12px; }
.layer_cart_cancel { background-color: #000; color: #fff; display: inline-block; font-family: Arial, Helvetica, sans-serif; overflow: visible; cursor: pointer; text-decoration: none; text-align: center; padding: 5px 20px; border: 0 none; font-size: 12px; }
.layer_btn { margin-top: 20px; text-align: center; }
/* 장바구니 */

.total_price_box { margin-top: 10px; color: #ffffff; }
.total_price_box ul { background-color: #afafaf; text-align: right; padding: 10px; }
.total_price_box .left { float: left; }
.total_price_box .bottom_line { border-bottom: 1px solid #ccd0d7; }
.total_price_box .price { background-color: #4d4d4d; }
.cart_top_btn { height: 45px; border-bottom: 1px solid #cfd1d8; float: left; width: 100%; }
.cart_step01 { margin-top: 10px; padding: 3px; border-top: 1px solid #98a1af; paddin
}
.cart_step01 td { padding-top: 10px; }
.cart_option_tb { background-color: #edeff1; border-bottom: 1px solid #98a1af; border-top: 1px solid #98a1af; padding: 10px; margin-top: 10px; }
.cart_total_price li { border-bottom: 1px solid #ccd0d7; padding: 8px 2px; }
/* 장바구니 버튼 */

.cart_order_btn { max-width: 100%; background: #fe610b; background-image: -webkit-linear-gradient(top, #6b6c6d, #474849); background-image: -moz-linear-gradient(top, #6b6c6d, #474849); background-image: -ms-linear-gradient(top, #6b6c6d, #474849); background-image: -o-linear-gradient(top, #6b6c6d, #474849); background-image: linear-gradient(to bottom, #6b6c6d, #474849); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 5px 10px 5px 10px; border: solid #525151 1px; text-decoration: none; font-weight: bold; }
.wish_option_add_btn { max-width: 100%; background: #fe610b; background-image: -webkit-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: -moz-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: -ms-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: -o-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: linear-gradient(to bottom, #c9c8c8, #9e9c9c); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 5px 10px 5px 10px; border: solid #b2b2b2 1px; text-decoration: none; font-weight: bold; }
.price_buy_btn { max-width: 100%; background: #fe610b; background-image: -webkit-linear-gradient(top, #fe610b, #e0560b); background-image: -moz-linear-gradient(top, #fe610b, #e0560b); background-image: -ms-linear-gradient(top, #fe610b, #e0560b); background-image: -o-linear-gradient(top, #fe610b, #e0560b); background-image: linear-gradient(to bottom, #fe610b, #e0560b); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 5px 10px 5px 10px; border: solid #cb4d09 1px; text-decoration: none; font-weight: bold; }
.order_subtx { height: 34px; width: 100%; line-height: 34px; background: #85756c; color: #ffffff; margin: 10px 0px; padding-left: 10px; }
.order_subtx2 { height: 34px; width: 100%; line-height: 34px; background: #656a67; background-image: -webkit-linear-gradient(top, #9c9c9c, #656a67); background-image: -moz-linear-gradient(top, #9c9c9c, #656a67); background-image: -ms-linear-gradient(top, #9c9c9c, #656a67); background-image: -o-linear-gradient(top, #9c9c9c, #656a67); background-image: linear-gradient(to bottom, #9c9c9c, #656a67); color: #ffffff; margin: 0px 0px; padding-left: 10px; }
/* 주문 */

#order_tab_menus { margin: 0; padding: 0; list-style: none; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #cfcfcf; height: 35px; }
#order_tab_menus li { float: left; padding: 0px; width: 50%; text-align: center; }
#order_tab_menus li.on { padding: 8px 10px; color: #ffffff; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #cfcfcf; background: #444444; font-weight: bold; font-size: 12px; display: block; text-decoration: none; }
#order_tab_menus li.off { padding: 8px 10px; color: #ffffff; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #cfcfcf; background: #8f8f8f; font-weight: bold; font-size: 12px; display: block; text-decoration: none; }
#address_sub_tab_menus { margin: 0; padding: 0; list-style: none; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #cfcfcf; height: 35px; }
#address_sub_tab_menus li { margin-bottom: 16px; float: left; padding: 0px; width: 33.3%; text-align: center; }
#address_sub_tab_menus li.on { padding: 8px 10px; color: #ffffff; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #cfcfcf; background: #555555; font-weight: bold; font-size: 12px; display: block; text-decoration: none; border-right: 1px solid #ffffff; }
#address_sub_tab_menus li.off { padding: 8px 10px; color: #ffffff; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #cfcfcf; background: #c2c2c2; font-weight: bold; font-size: 12px; display: block; text-decoration: none; border-right: 1px solid #ffffff; }
.openmenu_btn { background: url('/skin/m_modern/images/button/button_up.png') no-repeat; width: 14px; height: 8px; margin-right: 16px; border: 0; cursor: pointer; overflow: visible; border: 0; float: right; margin-top: 10px; }
.closemenu_btn { background: url('/skin/m_modern/images/button/button_down.png') no-repeat; width: 14px; height: 8px; margin-right: 16px; border: 0; cursor: pointer; overflow: visible; border: 0; float: right; margin-top: 10px; }
.bottom_line { border-bottom: 1px solid #ccd0d7; }
.order_price_infotx { border-top: 1px solid #98a1af; }
.order_price_infotx li { border-bottom: 1px solid #ccd0d7; padding: 8px 2px; }
.order_coupon_discount { border: 2px solid #98a1af; width: 100%; height: auto; padding: 5px 10px; margin-top: 8px; }
.order_coupon_tb { margin-top: 5px; }
.order_coupon_tb th { height: 30px; background-color: #edeff1; text-align: center; border-top: 1px solid #98a1af; border-bottom: 1px solid #98a1af; border-right: 1px solid #98a1af; }
.order_coupon_tb td { border-bottom: 1px solid #ccd0d7; padding: 6px 0px; }
.order_point_discount { border: 2px solid #98a1af; width: 100%; height: auto; padding: 5px 10px; margin-top: 8px; }
.order_point_tb { top: 8px; position: relative; }
.order_point_tb th { text-align: center; border-top: 1px solid #98a1af; border-bottom: 1px solid #98a1af; padding: 4px 0px; vertical-align: middle; }
.order_point_tb input { text-align: right; }
.order_point_tb td { padding: 10px 4px; }
.order_total_price_box { width: 100%; background-color: #fe610b; color: #fff; text-align: center; padding: 10px; margin-top: 10px; }
.order_info_box { width: 96%; background-color: #edeff1; border: 1px solid #98a1af; padding: 10px; margin-left: 2%; margin-top: 10px; }
.payment_way { border-top: 1px solid #98a1af; margin-top: 6px; margin-bottom: 20px; }
.payment_way li { vertical-align: middle; padding: 8px 10px; cursor: pointer; }
.payment_way_on { background-color: #edeff1; }
.payment_way_noline { border-bottom: 0px; }
.payment_way_line { border-bottom: 1px solid #98a1af; background-color: #ffffff; }
.payment_way_bill { border-top: 1px solid #98a1af; margin-top: 6px; margin-bottom: 20px; }
.payment_way_bill li { border-bottom: 1px solid #98a1af; vertical-align: middle; padding: 8px 10px; cursor: pointer; }
.payment_way_bill_on { background-color: #edeff1; }
.payment_way_tb { border-top: 1px solid #d5d5d5; margin-top: 10px; background-color: #fff; }
.payment_way_tb th { border-bottom: 1px solid #d5d5d5; padding: 6px 0px 6px 5px; width: 100px; }
.payment_way_tb td { border-bottom: 1px solid #d5d5d5; padding: 6px 0px 6px 5px; }
.payment_way_tb input,  .payment_way_tb textarea,  .payment_way_tb select,  .payment_way_tb table,  .payment_way_tb button { font-size: 12px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; background-image: none; border: 1px solid #ccc; }
.payment_way_tb .item .i_text { position: relative; margin: 2px; padding: 3px 4px; border: 1px solid #b7b7b7; border-right-color: #e1e1e1; border-bottom-color: #e1e1e1; background: transparent }
.payment_way_tip { margin-top: 10px; line-height: 16px; }
.deposit_info { border: 2px solid #969fad; }
.deposit_info th { border-bottom: 1px solid #ccd0d7; padding: 8px; width: 30%; }
.deposit_info td { border-bottom: 1px solid #ccd0d7; padding: 8px; width: 70%; }
/* 로그인 */

#login_tab_menus { margin: 0; padding: 0; list-style: none; border-width: 1px 0px 1px 1px; border-style: solid; border-color: #cfcfcf; height: 35px; }
#login_tab_menus li { margin-bottom: 16px; float: left; padding: 0px; width: 50%; text-align: center; letter-spacing: -1px; }
#login_tab_menus li a { padding: 8px 10px; color: #505050; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #cfcfcf; background: #f5f5f5; font-weight: bold; font-size: 1.1em; display: block; text-decoration: none; }
#login_tab_menus li.selected a { background: #fff; color: #323232; border-bottom:1px solid rgba(207,207,207,0); }
.login_area { margin: 0 auto; text-align: center; width: 100%; padding: 0 20px; }
.login_form { position: relative; display: inline-block; overflow: hidden; margin: 0 auto; }
.login_form_lcol { float: left; position: relative; text-align: left; }
.login_form_lcol input { margin: 3px 10px 3px 0px; padding-left: 5px; }
.login_form_rcol { position: relative; float: right; text-align: left }
.login_form_check { display: block; position: relative; width: 240px; clear: both; margin: 7px auto 8px; text-align: left; vertical-align: middle; }
.login_btn { margin-top: 3px; margin-left: 10px; background: #85756c; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 13px; padding: 21.5px 14px 21.5px 14px; border: solid #85756c 1px; text-decoration: none; font-weight: bold; text-align: center; width: 80px; }
.login_bottom_Btn { border-top: 1px solid #949494; padding-top: 10px; }
/* 회원가입 */

.conti_navi { width: 100%; padding: 5px 0px; border: 2px solid #ababab; text-align: center; }
.join_subtx { height: 40px; width: 100%; line-height: 40px; background: #85756c; color: #ffffff; margin: 10px 0px; padding-left: 10px; }
.mail_confirm_box { border-bottom: 1px solid #98a1af; padding-bottom: 10px; }
.join_next_btn { margin-top: 10px; background: #3f2f19; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 8px 30px 8px 30px; border: solid #3f2f19 1px; text-decoration: none; font-weight: bold; }
.join_step03_box { text-align: center; margin: 30px 10px 0px 10px; border-bottom: 1px solid #98a1af; padding-bottom: 30px; }
.join_gray_btn { background: #afafaf; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 8px 30px 8px 30px; border: solid #a7a7a7 1px; text-decoration: none; font-weight: bold; }
/* 마이페이지 */

#mypage { margin-top: 10px; }
#mypage li { font-size: 14px; line-height: 40px; border-bottom: 1px solid #98a1af; padding-left: 16px; padding-right: 16px; vertical-align: middle; }
#mypage .view_btn { float: right; display: block; overflow: hidden; line-height: 40px; }
.first_on { max-width: 100%; background: #fe610b; background-image: -webkit-linear-gradient(top, #6b6c6d, #474849); background-image: -moz-linear-gradient(top, #6b6c6d, #474849); background-image: -ms-linear-gradient(top, #6b6c6d, #474849); background-image: -o-linear-gradient(top, #6b6c6d, #474849); background-image: linear-gradient(to bottom, #6b6c6d, #474849); color: #ffffff; font-size: 14px; text-decoration: none; font-weight: bold; }
.first_on a { color: #ffffff; }
.arrow_w { background: url('/skin/m_modern/images/button/button.png') no-repeat -215px -127px; width: 7px; height: 10px; padding-right: 8px; border: 0; position: relative; top: 5px }
.arrow_o { background: url('/skin/m_modern/images/button/button.png') no-repeat -208px -127px; width: 7px; height: 10px; padding-right: 8px; position: relative; top: 5px; }
.mypage_tx_info { text-align: center; border: 2px solid #ababab; padding: 6px 0px; }
/* 회원 & 마이페이지 공통 */

.user_info input[type=text] { width: 100%; float: left; }
.with-button { max-width: 55%; }
.user_info input[type=tel] { width: 40px; float: left; }
 .user_info input[type=tel]:child-first {
width:50px;
float:left;
}
.user_info .small_bk_btn { float: left; margin-top: 3px; margin-left: 10px; }
.user_info .select_num { width: 30%; float: left; }
.user_info .dash_num { float: left; margin: 0px 5px 0px 5px; line-height: 30px; }
.user_info .addr_base { clear: both; margin-top: 5px; width: 95%; }
.user_info .addr_etc { margin-top: 5px; width: 95%; }
.user_info .email_at { float: left; padding: 5px; line-height: 15px; }
.user_info .field_tip { clear: both; float: left; }
.user_info .check_tip { clear: both; float: left; }
.user_info #user_zipcode_div { display: inline-block; }
/* 회원 탈퇴 */

.secede_info li { list-style: square; }
/* 게시판 공통 */

.board_notice_type { width: 100%; border-top: 1px solid #bbbcbe; margin-top: 10px; display: none; }
.board_notice_type>li { display: block; overflow: hidden; background: #edeff1; border-bottom: 1px solid #bbbcbe; }
.board_notice_type span { display: block; overflow: hidden; }
.board_notice_type button { float: right; }
.rate img { width: 64px; height: 11px; }
/* 일반 게시판 */

.bbs_title_area { padding: 7px 0px 9px 10px; }
.bbs_title_area .board_writer { float: left; margin-top: 10px; }
.bbs_title_area .board_writer strong { float: left; }
.bbs_title_area .board_tit { clear: both; margin-bottom: 10px; }
.bbs_title_area .board_title_reply { display: inline-block; margin: 19px 0px 0px 69px; }
/* 상품문의, 사용후기 */


/*생산자목록*/
/************************************************************************/
.mem_title  { padding:5px 0 5px 10px; font-size:1.25em; font-weight:bold; }
.mem_p_list { width: 100%; margin-bottom:15px; clear:both; display:block; border:5px solid  #000; overflow:hidden; }
.mem_p_list .mphotoAR { float: left;  padding: 0px; margin:7px;}
.mem_p_list .mphotoAR img { padding:0; margin:0; border:1px solid #CCC; margin:0 auto; text-align:center;}
.mem_p_list .mphotoAR_con { float:left; margin:7px;}
.mphotoAR_con dl.view_mem { padding:2px; margin:0; clear:both; overflow:hidden; height:20px; border-top:1px solid #EFEFEF;}
.mphotoAR_con dl.view_mem dt { float:left; width:80px; line-height:18px; height:18px; color:#333;font-size:0.9em;}
.mphotoAR_con dl.view_mem dt span.right { display:block; width:10%; float:right;}
.mphotoAR_con dl.view_mem dt span.left {display:block;  width:90%; float:left;}
  .memName { font-weight:bold; font-size:1.15em; color:#000;}
.mphotoAR_con dl.view_mem dd { float:left; width:auto;  height:18px; line-height:18px; color:#666;font-size:1em;}

.mphotoAR_con dl.view_img { padding:10px 0 0 0; margin:0; clear:both; overflow:hidden;}
.mphotoAR_con dl.view_img dd { height:auto; float:left; }
.mphotoAR_con dl.view_img dd  img { border:1px solid #CCC; width:50px; height:50px; margin:0;}

/************************************************************************/





.review_title_area { font-size: 14px; padding: 2px 10px; min-height: 50px; }
.review_title_area:after { display: block; clear: both; content: ""; *zoom:1;
}
.review_title_area .board_thumb { float: left; }
.review_title_area .board_thumb img { margin: 3px 10px 0 0; }
.review_title_area .board_writer { float: left; margin-top: 10px; }
.review_title_area .board_rate { float: right; }
.review_title_area .board_rate img { width: 64px; height: 11px; }
.review_title_area .board_tit { clear: both; margin-bottom: 10px; }
.review_title_area .board_thumb_title { float: left; margin: 8px 0px 0px 10px; }
.review_title_area .board_thumb_title strong { float: left; }
.review_title_area .board_title_reply { display: inline-block; margin: 10px 0px 0px 69px; }
.review_title_area .depth1 { padding-left: 15px; }
.review_title_area .depth1 strong:before { content: "[답변] "; }
.review_title_area .depth2 { padding-left: 30px; }
.review_title_area .depth2 strong:before { content: "[답변] "; }
.review_title_area .depth3 { padding-left: 45px; }
.review_title_area .depth3 strong:before { content: "[답변] "; }
.review_title_area .depth4 { padding-left: 60px; }
.review_title_area .depth4 strong:before { content: "[답변] "; }
.review_title_area .depth5 { padding-left: 75px; }
.review_title_area .depth5 strong:before { content: "[답변] "; }
/* 상품상세 상품문의, 사용후기 */

.shop_review_title_area { font-size: 14px; padding: 2px 10px; min-height: 50px; }
.shop_review_title_area:after { display: block; clear: both; content: ""; *zoom:1;
}
.shop_review_title_area .board_thumb { float: left; margin-bottom: 15px; }
.shop_review_title_area .board_thumb img { margin: 3px 10px 0 0; }
.shop_review_title_area .board_writer { float: left; margin-top: 10px; }
.shop_review_title_area .board_rate { float: right; }
.shop_review_title_area .board_rate img { width: 64px; height: 11px; }
.shop_review_title_area .board_tit { clear: both; margin-bottom: 10px; }
.shop_review_title_area .board_thumb_title { float: left; margin: 8px 0px 0px 10px; }
.shop_review_title_area .board_thumb_title strong { float: left; }
.shop_review_title_area .board_title_reply { display: inline-block; margin: 10px 0px 0px 69px; }
.shop_review_title_area .depth1 { padding-left: 15px; }
.shop_review_title_area .depth1 strong:before { content: "[답변] "; }
.shop_review_title_area .depth2 { padding-left: 30px; }
.shop_review_title_area .depth2 strong:before { content: "[답변] "; }
.shop_review_title_area .depth3 { padding-left: 45px; }
.shop_review_title_area .depth3 strong:before { content: "[답변] "; }
.shop_review_title_area .depth4 { padding-left: 60px; }
.shop_review_title_area .depth4 strong:before { content: "[답변] "; }
.shop_review_title_area .depth5 { padding-left: 75px; }
.shop_review_title_area .depth5 strong:before { content: "[답변] "; }
/* 갤러리 */

.gallery_title_area { padding: 7px 10px 9px 10px; }
.gallery_title_area .board_writer { float: left; margin-top: 10px; }
.gallery_title_area .board_writer strong { float: left; }
.gallery_title_area .board_tit { clear: both; margin-bottom: 10px; }
.gallery_title_area .board_title_reply { display: inline-block; margin: 19px 0px 0px 69px; }
/* 상품문의, 사용후기 추가 */

.reply_standby { background: #eb8b65; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; font-family: Arial; color: #ffffff; font-size: 12px; padding: 3px 7px 3px 7px; border: solid #323232 1px; text-decoration: none; font-weight: bold; }
.review_cont { background: #FFFFFF; padding: 10px 10px; display: none; border-top: 1px solid #bbbcbe; }
.review_cont span { display: block; overflow: hidden; }
.review_cont ul.panel-comment-list { background-color: #f5f5f5; padding: 5px; }
.review_cont ul.panel-comment-list>li { border-bottom: 1px dotted #c9c9c9; padding: 3px; }
.review_cont ul.panel-comment-list>li:last-child { border-bottom: none; }
.review_cont ul.panel-comment-list>li em.name { font-weight: bold; float: left; }
.review_cont ul.panel-comment-list>li span.date { float: right; }
.review_cont ul.panel-comment-list>li span.date:before { content: "("; }
.review_cont ul.panel-comment-list>li span.date:after { content: ")"; }
.review_cont ul.panel-comment-list>li div.comment { clear: both; }
.review_text-info { padding: 15px 10px; }
/* 1대1 상담 */

.qna_notice_type { width: 100%; border-top: 1px solid #bbbcbe; margin-top: 10px; }
.qna_notice_type li { display: block; overflow: hidden; background: #edeff1; border-bottom: 1px solid #bbbcbe; }
 .  .qna_notice_type span {
display:block;
overflow:hidden;
}
.qna_notice_type button { float: right; }
.qna_tit { padding: 10px 10px; font-size: 14px; }
.qna_tit .reply_standby { background: #fff; border-radius: 3px; font-family: Arial; color: #323232; font-size: 12px; padding: 3px 7px 3px 7px; text-decoration: none; font-weight: bold; }
.qna_cont { background: #FFFFFF; padding: 10px 10px; }
.qna_cont span { display: block; overflow: hidden; }
.qna_text-info { border-top: 1px solid #bbbcbe; padding: 15px 10px; }
.qna_order_box { border: 1px solid #bbbcbe; padding: 10px; }
.manager_coment { margin-top: 10px; }
.manager_coment em { background: #39a9d7; background-image: -webkit-linear-gradient(top, #39a9d7, #3aaad8); background-image: -moz-linear-gradient(top, #39a9d7, #3aaad8); background-image: -ms-linear-gradient(top, #39a9d7, #3aaad8); background-image: -o-linear-gradient(top, #39a9d7, #3aaad8); background-image: linear-gradient(to bottom, #39a9d7, #3aaad8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; color: #ffffff; font-size: 12px; padding: 3px 7px 3px 7px; border: solid #1d93be 1px; text-decoration: none; font-weight: bold; }
.withhold { background: #555555; background-image: -webkit-linear-gradient(top, #555555, #555555); background-image: -moz-linear-gradient(top, #555555, #555555); background-image: -ms-linear-gradient(top, #555555, #555555); background-image: -o-linear-gradient(top, #555555, #555555); background-image: linear-gradient(to bottom, #555555, #555555); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; font-family: Arial; color: #ffffff; font-size: 12px; padding: 3px 7px 3px 7px; border: solid #000000 1px; text-decoration: none; font-weight: bold; }
.complete { background: #616161; background-image: -webkit-linear-gradient(top, #616161, #242424); background-image: -moz-linear-gradient(top, #616161, #242424); background-image: -ms-linear-gradient(top, #616161, #242424); background-image: -o-linear-gradient(top, #616161, #242424); background-image: linear-gradient(to bottom, #616161, #242424); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; font-family: Arial; color: #ffffff; font-size: 12px; padding: 3px 7px 3px 7px; border: solid #000000 1px; text-decoration: none; font-weight: bold; }
/* 상품 검색 */

.search_result { width: 100%; display: block; margin-bottom: 20px; background-color: #edeff1; border-bottom: 1px solid #98a1af; }
.search_result_subtxt { height: 40px; width: 100%; line-height: 40px; background: #656a67; background-image: -webkit-linear-gradient(top, #9c9c9c, #656a67); background-image: -moz-linear-gradient(top, #9c9c9c, #656a67); background-image: -ms-linear-gradient(top, #9c9c9c, #656a67); background-image: -o-linear-gradient(top, #9c9c9c, #656a67); background-image: linear-gradient(to bottom, #9c9c9c, #656a67); color: #ffffff; padding-left: 10px; }
.search_result span { width: 100%; display: block; padding-bottom: 10px; text-align: center; padding: 10px; }
.search_result span select, .search_result span input { margin-bottom: 3px; }
.search_result input[type='submit'] { margin-bottom: 10px; }
/* 고객센터 */

#customer_tab_menus {margin-top: 0px; padding:0px; list-style: none; height: 35px; }
#customer_tab_menus li { float: left; padding: 0px; width: 33.33%; text-align: center; letter-spacing: -1px; }
#customer_tab_menus li a { padding: 8px 10px; color: #505050; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #cfcfcf; background: #f5f5f5; font-weight: bold; font-size: 12px; display: block; text-decoration: none; border-bottom:1px solid #c6c7cc;}
#customer_tab_menus li:last-child a {border-right:none;}
#customer_tab_menus li.selected a {background:#85756c; color:#fff; display: block; }
.customer_tab01_subtx { float: left; width: 100%; ; }
.customer_tab01_subtx li { height: 34px; line-height: 34px; background: #656a67; background-image: -webkit-linear-gradient(top, #9c9c9c, #656a67); background-image: -moz-linear-gradient(top, #9c9c9c, #656a67); background-image: -ms-linear-gradient(top, #9c9c9c, #656a67); background-image: -o-linear-gradient(top, #9c9c9c, #656a67); background-image: linear-gradient(to bottom, #9c9c9c, #656a67); color: #ffffff; margin: 1px 0px; padding-left: 10px; }
#customer_tab_menus table { display: block; }
.info_subtx { height: 34px; width: 100%; line-height: 34px; background: #656a67; color: #ffffff; padding-left: 10px; border-bottom:1px solid rgba(255,255,255,0.5);}
#customer_contents { }
#customer_contents .faq_content { width: 100%; border-top: 1px solid #bbbcbe; margin-top: 10px; }
#customer_contents .faq_content li { display: block; overflow: hidden; background: #edeff1; border-bottom: 1px solid #bbbcbe; }
#customer_contents .faq_content span { display: block; overflow: hidden; }
#customer_contents .faq_tit { padding: 10px 10px; font-size: 14px; }
#customer_contents .faq_cont { background: #FFFFFF; padding: 10px 10px; border-top: 1px solid #bbbcbe; }
#customer_contents .faq_cont span { display: block; overflow: hidden; }
#customer_contents .faq_text-info { padding: 15px 10px; }
#customer_contents .faq_text-info img { display: block; max-width: 95%; height: auto; }
/* 주문목록 */

.orderlist_subtx { height: auto; width: 100%; line-height: 34px; background: #3f2f19; color: #ffffff; margin: 10px 0px; padding-left: 10px; }
.orderlist_subtx span { display: block; }
.orderlist_subtx button { margin: 5px 2px 10px 0px; }
.orderlist_way_tb { border-top: 1px solid #d5d5d5; margin-top: 10px; background-color: #fff; background-color: #edeff1; }
.orderlist_way_tb th { border-bottom: 1px solid #d5d5d5; padding: 6px 0px 6px 5px; width: 100px; }
.orderlist_way_tb td { border-bottom: 1px solid #d5d5d5; }
.orderlist_btn { margin: 10px 0px 10px 0px; }
/* 주문목록 상세 */

.orderlist_detail_good { border: 1px solid #DDD; padding: 5px; margin-bottom: 10px; }
.orderlist_detail_info { width: 100%; border: 2px solid #ababab; padding: 6px 10px; height: auto; }
.orderlist_detail_info span { display: block; }
.orderlist_detail_info button { margin: 5px 0px; }
.order_price_paymentway { background-color: #edeff1; width: 100%; margin-top: 10px; border-bottom: 1px solid #98a1ae; }
.order_price_paymentway th { width: 85px; border-top: 1px solid #cbd0d6; padding: 6px 10px; }
.order_price_paymentway td { width: 80%; border-top: 1px solid #cbd0d6; padding: 6px 0px; }
/* 적립금 */

.col_tb { width: 100%; border-top: 1px solid #a9a9a9; position: relative; }
.col_tb th { background-color: #f7f7f7; padding: 10px 0px; text-align: center; border-bottom: 1px solid #dddddd; }
.col_tb td { border-bottom: 1px solid #dddddd; padding: 10px 0px; text-align: center; }
/* Popup  */

.popup { background-color: #ffffff; padding-bottom: 20px; }
.popup_top { background-color: #24303e; height: 42px; line-height: 42px; width: 100%; color: #fff; font-size: 14px; font-family: Dotum, Gulim; font-weight: bold; border-bottom: 2px solid #fd610c; }
.popup_title { padding-left: 15px; font-size: 16px; }
.popup_contents { padding: 10px; }
.popup_contents .info_box { width: 95%; background-color: #f7f7f7; border: 1px solid #cdcdcd; color: #757575; text-align: center; margin: 20px 0 10px; }
#popup_find { width: 100%; margin: 0 auto; }
#popup_find caption { display: none; }
#popup_tap_menu { border-bottom: 1px solid #000; height: 28px; }
#popup_tap_menu li { float: left; padding-right: 3px; }
.popup_find_table { border-bottom: 1px solid #dadada; border-top: 2px solid #dadada; border-left: 2px solid #dadada; border-right: 2px solid #dadada; margin-top: 10px; text-align: center; }
.popup_find_table th { border-bottom: 1px solid #dbdbdb; height: 34px; text-align: center; }
.popup_find_table td { border-bottom: 1px solid #dbdbdb; padding-left: 5px; :5px;
height: 34px; }
.popup_list_table { width: 100%; border-top: 1px solid #dadada; }
.popup_list_table caption { display: none; }
.popup_list_table th { font-weight: normal; text-align: center; padding: 3px; background-color: #f7f7f7; border-bottom: 1px solid #dadada; height: 26px; }
.popup_list_table td { padding: 5px 3px; border-bottom: 1px solid #dadada; }
.popup_list_table .btn_select { background-color: #f6f3f3; border: 1px solid #cbc8c8; padding: 2px 7px; text-decoration: none; color: #000; }
.sub_title_st { text-align: left; color: #707070; font-size: 11px; }
/* 우편번호 찾기 , 탭 스타일*/

#zipcode .zipcode_search { border: 2px solid #ddd; border-top: 0px; padding: 5px; margin-bottom: 10px; }
#zipcode .road_div { border: 2px solid #ddd; padding: 5px; }
#zipcode .zipcode_div { border: 2px solid #ddd; border-top: 0px; padding: 5px; }
#zipcode .block_sido { display: inline-block; height: 40px; width: 100%; }
#zipcode .item_label { width: 20%; float: left; padding-top: 5px; }
#zipcode .item_label_zipcode { width: 30%; float: left; padding-top: 5px; }
#zipcode .road_sido { width: 80%; float: left; }
#zipcode .div_sigu { display: inline-block; height: 40px; width: 100%; }
#zipcode .road_sigungu { width: 80%; float: left; }
#zipcode .div_extra { clear: both; }
#zipcode .road_tab1 input { width: 35%; float: right; }
#zipcode .road_tab2 input { width: 35%; float: right; }
#zipcode .road_tab3 { width: 80%; float: right; }
#zipcode .zipcode_input { width: 70%; float: right; }
#zipcode .extra_plus { width: 10%; float: right; text-align: center; padding-top: 5px; }
#zipcode .div_btn { clear: both; width: 100%; text-align: center; display: inline-block; margin-top: 10px; margin-bottom: 5px; }
#zipcode .div_result { margin-top: 10px; }
#address_tab_menus { margin: 0; padding: 0; list-style: none; border-width: 1px 0px 0px 1px; border-style: solid; border-color: #cfcfcf; height: 35px; margin-top: 10px; z-index: 0; }
#address_tab_menus li { margin-bottom: 16px; float: left; padding: 0px; width: 50%; text-align: center; letter-spacing: -1px; }
#address_tab_menus li.off { padding: 8px 10px; color: #505050; border-width: 0px 0px 2px 0px; border-style: solid; border-color: #fe610b; background: #fe610b; background-image: -webkit-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: -moz-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: -ms-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: -o-linear-gradient(top, #c9c8c8, #9e9c9c); background-image: linear-gradient(to bottom, #c9c8c8, #9e9c9c); font-weight: bold; font-size: 12px; display: block; text-decoration: none; }
#address_tab_menus li.on { padding: 8px 10px; border-width: 0px 0px 2px 0px; border-style: solid; border-color: #fe610b; border-bottom: 2px solid #fe610b; background: #b2b2b2; background-image: -webkit-linear-gradient(top, #fe610b, #e0560b); background-image: -moz-linear-gradient(top, #fe610b, #e0560b); background-image: -ms-linear-gradient(top, #fe610b, #e0560b); background-image: -o-linear-gradient(top, #fe610b, #e0560b); background-image: linear-gradient(to bottom, #fe610b, #e0560b); color: #ffffff; }
.address_tab_content { border: 2px solid #fe610b; padding: 10PX; }
.address_check_list { display: block; }
.address_check_list li { vertical-align: middle; border-bottom: 1px solid #c7c7c7; height: 34px; line-height: 34px; }
.address_tab_content span { display: block; margin: 5px 0px; }
.address_tab_content select { width: 100%; padding: 5px; height: 30px; }
.address_search { max-width: 100%; clear: both; }
.address_search input { float: left; max-width: 100%; margin-right: 7px; height: 30px; line-height: 30px; }
.address_search_btn { max-width: 100%; background: #fe610b; background-image: -webkit-linear-gradient(top, #6b6c6d, #474849); background-image: -moz-linear-gradient(top, #6b6c6d, #474849); background-image: -ms-linear-gradient(top, #6b6c6d, #474849); background-image: -o-linear-gradient(top, #6b6c6d, #474849); background-image: linear-gradient(to bottom, #6b6c6d, #474849); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 5px 10px 5px 10px; border: solid #525151 1px; text-decoration: none; font-weight: bold; }
.address_list { margin-top: 20px; }
.address_list p { height: 24px; font-weight: bold; }
.address_search_tb { width: 100%; border-top: 1px solid #b6b6b6; }
.address_search_tb th { height: 30px; line-height: 30px; text-align: center; background-color: #eeeeee; border-bottom: 1px solid #b6b6b6; }
.address_search_tb td { padding: 10px 5px; border-bottom: 1px solid #b6b6b6; }
.board_content img { max-width: 100%; }



/* Media Queries

***********************/

/* 화면의 폭이 0~767px 일때 적용할 CSS*/

@media (max-width: 767px) {
#container { width: 100%; height: auto; margin-left: auto; margin-right: auto; clear: both; }
.contents { margin-left: auto; margin-right: auto; padding: 5px; }
.search { width: 75% }
.product_img { width: 30%; height: auto }
}



/* 화면의 폭이 768px 이상일 때 적용할 CSS*/

@media(min-width: 768px) {
#container { width: 100%; height: auto; margin-left: auto; margin-right: auto; clear: both; }
.contents { margin-left: auto; margin-right: auto; }
.search { width: 650px }
}



/* 화면의 폭이 992 이상일때 */

@media (min-width: 992px) {
#container { width: 100%; margin: auto; margin-left: auto; margin-right: auto; clear: both; }
.contents { margin: auto; margin-left: auto; margin-right: auto; }
.search { width: 800px }
}



/* Theme

***********************/
/*마켓오름소개*/
.oreum01 { width:95%; margin:5px auto; padding:10px; /* background:url(/data/images/mobile/info_bg1.gif) no-repeat bottom left ; background-size: auto ;*/ }
.oreum01 h3 { color:#F60; font-weight:bold; text-decoration:underline; font-size:1.25em; margin-bottom:10px;}
.oreum01 ul { padding:0;}
.oreum01 ul li { margin:5px 0 10px 5px;}
.oreum01 ul li  img { width:auto; }
.oreum01 img {width:100%;}
/*제품상세정보*/
.goodp_info_help img { width:100%;}

#pay img {width:100%;}
