/*! normalize.css v2.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.  */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } 
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) { display: none; height: 0; }
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] { display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html { background: #fff; /* 1 */ color: #000; /* 2 */ font-size: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 4 */ }
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html, button, input, select, textarea { font-family: sans-serif; } 
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body { margin: 0; } 
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a { color: inherit; text-decoration: none; }
a:focus { outline: thin dotted; }
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover { outline: 0; }
/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 { font-size: 1em; margin: 0; }
h2 { font-size: 1em; margin: 0; }
h3 { font-size: 1em; margin: 0; }
h4 { font-size: 1em; margin: 0; }
h5 { font-size: 1em; margin: 0; }
h6 { font-size: 1em; margin: 0; }
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] { border-bottom: 1px dotted; }
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b, strong { font-weight: bold; }
blockquote { margin: 0; }
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn { font-style: italic; }
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark { background: #ff0; color: #000; }
/**
 * Address margins set differently in IE 6/7.
 */
p, pre { margin: 0; }
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q { quotes: none; }
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before, q:after { content: ''; content: none; }
/**
 * Address inconsistent and variable font size in all browsers.
 */
small { font-size: 80%; }
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl, menu, ol, ul { margin: 0; list-style: none; list-style-image: none; }
dd { margin: 0; }
/**
 * Address paddings set differently in IE 6/7.
 */
menu, ol, ul { padding: 0; }
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul, nav ol { list-style: none; list-style-image: none; }
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure { margin: 0; }
/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form { margin: 0; }
/**
 * Define consistent border, margin, and padding.
 */
fieldset { border: 1px solid #c0c0c0; margin: 0; padding: 9; }
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ font:0/0 Arial; }
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ outline: 0; }
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input { line-height: normal; }
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button, select { text-transform: none; }
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible;  /* 4 */ }
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] { cursor: default; }
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html, button, input, select, textarea { color: #222; }
body { font-size:1em; color:black;line-height: 1.4; }
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
::-webkit-input-placeholder { font-size: .875em; -webkit-user-modify: read-write-plaintext-only; -webkit-writing-mode: horizontal-tb; }
/*
 * A better looking default horizontal rule
 */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img { vertical-align: middle; }
/*
 * Remove default fieldset styles.
 */
fieldset { border: 0; margin: 0; padding: 0; }
/*
 * Allow only vertical resizing of textareas.
 */
textarea { resize: vertical; border: 1px solid #bbb; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 3px;}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden { display: none !important; visibility: hidden; }
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible { visibility: hidden; }
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix { *zoom: 1; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {font-size: 1em; font-family:'Droid Sans',sans-serif;}

#wrap { position: relative; overflow: hidden; }

/* 셀렉트 */
.box-select {position:relative;}
.box-select select {
    display:block; width:100%; color:#676767;
    background:#fff url('/images/d3/m_powerpack/49/select_ico.gif') no-repeat right 0; background-size:31px 31px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    padding-left:6px;
    padding-right:34px;
    font-size:0.875em; line-height:33px;
    border-radius: 3px;
}

/* input, textarea */
.txtbox .terms { font-size: 0.75em; }
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {height:35px;border:1px solid #bbb;vertical-align: middle;padding-left:10px;box-sizing: border-box;-webkit-border-radius:0;border-radius: 3px; width: 100%;}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;}

/* 체크박스, 라디오버튼 꾸미기 */
input[type=checkbox]:checked, input[type=checkbox] {
    border-radius: 3px!important;
}
input[type=radio]:checked, input[type=radio] {
    border-radius: 30px!important;
}
input[type=checkbox]:checked, input[type=radio]:checked {
    color: #000!important;
    background-image: url(/images/d3/m_powerpack/pp_check.gif)!important;
    background-position: center!important;
    background-size: 100%!important;
    background-color: #F74F4F!important;
    border-left-color: #F74F4F!important;
    border-right-color: #F74F4F!important;
    border: 1px double #F74F4F!important;
    vertical-align: middle;
}
input[type=checkbox], input[type=radio] {
    -webkit-appearance: button!important;
    color: #000!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    width: 17px!important;
    height: 17px!important;
    background-image: url(/images/d3/m_powerpack/pp_check.gif)!important;
    background-size: 100%!important;
    background-color: #C5C5C5!important;
    border-left-color: #C5C5C5!important;
    border-right-color: #C5C5C5!important;
    border: 1px double #C5C5C5!important;
    transition: .4s!important;
    vertical-align: middle;
}

/* 페이지네이션 */
.paging {position: relative; text-align: center; margin-top: 15px;}
.paging a.next,
.paging a.prev {width: 30px; height: 25px; line-height: 23px; border: 1px solid #8C8C8C; background-color: #F1F1F1; color: #000;}
.paging strong {font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px;}
.paging a {text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; color: #727a8b; border: 1px solid #CECECE; font-size: .75em; font-weight: 700; background-color: #fff; margin: 0 2px;}
.paging .now { font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px; }

/* 데이터가 없을 경우 표시 */
.none-data {text-align: center; font-size: 15px; padding: 20px 0; color: #4C4C4C;}

/* em태그 스타일 normal 일괄 변경 */
em {font-style: normal;}

/* 자동입력방지 프로그램(레이어) */
#passimg {width: 90%;background-color: #f5f5f5;top:50%;left: 0;right: 0;margin: 0 auto;text-align: center;padding: 15px 0;box-shadow: 0 1px 10px #717171;font-size: 0.875em;}
#passimg .head {color:#f26c09;padding-bottom: 10px;}
#passimg .btns {padding:0 10px; margin-top: 10px;}
#passimg .btns a {display: block;background-color: #393939; color:#fff;padding: 10px 0; width: 47%; float: left; margin-left: 5px; }
#passimg .btns a:last-child {background-color: #FFF; color:#000; border:solid 1px #000; }

#passimg .contents table tr td {padding: 5px 0;}
#passimg .contents table tr td .w100-wrap input[type=text] {height: 35px !important;line-height: 35px !important;width: 100% !important;}

/* 장바구니 담기 레이어 디자인 수정 */
#basketpage {width: 100%!important; left: 0!important; position: fixed!important; top: 20%!important; font-size: 0.75em;}
#basketpage .layer-confirm {padding: 2px!important; background-color: #000!important; width: 100%!important; box-sizing: border-box; box-shadow: 0 0 15px 1px #424242;}
#basketpage .txt {color: #000!important; word-break: break-all;}
#basketpage .btns-2 a {background: #fff!important; border: 1px solid #ddd!important;}
#basketpage a.btn-conti {background: #2A2A2A!important; border: 1px solid #ddd!important;}
#basketpage a.btn-conti span {color: #fff!important;}

@font-face{font-family:ng; src:url('/template_common/m_powerpack/common_font/NanumBarunGothic.eot'); src:local(※), url('/template_common/m_powerpack/common_font/NanumBarunGothic.woff') format('woff')}

.bbs-hd { margin-top: 20px;  padding: 0px 10px 20px; background: url(/images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom; }
.bbs-hd .link { text-align: center; line-height: 0; }
.bbs-hd .link li { display: inline; }
.bbs-hd .link li a { padding: 0 8px; color: #9c9c9c; letter-spacing: -0.5px; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%; }
.bbs-hd .link li.last a { background-image: none; }