/** Filename : style.css* {-webkit-text-size-adjust:none;} color **/

/* ================================== Font ================================== */

/* open-sans-light - latin */

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url("../font/open-sans-light.eot"); src: local("Open Sans Light"), local("OpenSans-Light"), url("../font/open-sans-light.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-light.woff2") format("woff2"), url("../font/open-sans-light.woff") format("woff"), url("../font/open-sans-light.ttf") format("truetype"), url("../font/open-sans-light.svg#OpenSans") format("svg"); }
/* open-sans-regular - latin */

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url("../font/open-sans-regular.eot"); src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../font/open-sans-regular.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-regular.woff2") format("woff2"), url("../font/open-sans-regular.woff") format("woff"), url("../font/open-sans-regular.ttf") format("truetype"), url("../font/open-sans-regular.svg#OpenSans") format("svg"); }
/* open-sans-semi-bold - latin */

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url("../font/open-sans-semi-bold.eot"); src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../font/open-sans-semi-bold.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-semi-bold.woff2") format("woff2"), url("../font/open-sans-semi-bold.woff") format("woff"), url("../font/open-sans-semi-bold.ttf") format("truetype"), url("../font/open-sans-semi-bold.svg#OpenSans") format("svg"); }
/* open-sans-bold - latin */

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url("../font/open-sans-bold.eot"); src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../font/open-sans-bold.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-bold.woff2") format("woff2"), url("../font/open-sans-bold.woff") format("woff"), url("../font/open-sans-bold.ttf") format("truetype"), url("../font/open-sans-bold.svg#OpenSans") format("svg"); }
/* open-sans-extre-bold - latin */

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url("../font/open-sans-extre-bold.eot"); src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../font/open-sans-extre-bold.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-extre-bold.woff2") format("woff2"), url("../font/open-sans-extre-bold.woff") format("woff"), url("../font/open-sans-extre-bold.ttf") format("truetype"), url("../font/open-sans-extre-bold.svg#OpenSans") format("svg"); }
/* ================================== Reset ================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, article, aside, canvas, details, embed, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img, fieldset, form, label, legend, figure, figcaption, input, button { margin: 0; padding: 0; border: 0; vertical-align: middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner { padding: 0; border: 0; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
img { line-height: 0; font-size: 0; }
a { text-decoration: none; color: inherit; }
table { border-collapse: collapse; padding: 0; margin: 0; width: 100%; border: 0; }
/* add Anywiz Reset */

button { border: 0 none; padding: 0; margin: 0; background: transparent; *overflow: visible; cursor: pointer; }
button::-moz-focus-inner { border: 0; padding: 0; }
label { cursor: pointer; }
/* ================================== Common ================================== */

a, a:hover, a:focus, a:active { text-decoration: none; }
#skipNav { position: absolute; left: 0; top: 0; width: 100%; z-index: 99999; }
#skipNav a { overflow: hidden; display: block; width: 1px; height: 1px; margin-bottom: -1px; color: #444; font-size: 0; text-decoration: none; }
#skipNav a:hover, #skipNav a:active, #skipNav a:focus { width: 100%; height: auto; padding: 5px 0; background: #303030; font-size: 14px; text-align: center; color: #fff; }
caption, .hidden { position: absolute; top: -9999; left: -9999; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; }
caption { font-size: 0; height: 0; visibility: hidden; overflow: hidden; }
.hidden, legend { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
html { font-size: 62.5%; /* Sets up the Base 10 stuff */ position: relative; }
body { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 1.4; letter-spacing: -0.02em; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, body { overflow-x: hidden; }
.srOnly { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.webOnly { display: inline-block; }
.mobOnly { display: none; }
button { cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
table { width: 100%; border: 0; padding: 0; margin: 0; border-collapse: collapse; }
input[placeholder]::-webkit-input-placeholder { color: #999; font-size: 13px; }
input[placeholder]:-moz-placeholder { color: #999; font-size: 13px; }
input[placeholder]::-moz-placeholder { color: #999; font-size: 13px; }
input[placeholder]:-ms-input-placeholder { color: #999; font-size: 13px; }
input[placeholder].placeholder { color: #999; font-size: 13px; }
input[type="text"], input[type="password"], textarea { width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-family: inherit; border: 1px solid #ccc; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="number"] { padding: 5px 10px 5px; }
textarea { height: auto; padding: 10px; }
select { width: 100%; height: 30px; line-height: 24px; padding: 4px 5px 4px 5px; font-family: inherit; vertical-align: middle; border: 1px solid #ccc; background: #fff; border-radius: 0; }
input[type="checkbox"].custorm { opacity: 0; position: absolute; width: 18px; height: 18px; margin-top: 8px; }
input[type="checkbox"].custorm + label { color: #666; font-weight: 400; }
input[type="checkbox"].custorm + label i { display: inline-block; width: 18px; height: 18px; margin: -2px 6px 0 0; vertical-align: middle; border: 1px solid #ccc; background: #fff; cursor: pointer; }
input[type="checkbox"].custorm:checked + label i { background: #fff url("../img/common/icon_checkbox.png") no-repeat center center; }
input[type="radio"].custorm { opacity: 0; position: absolute; width: 14px; height: 14px; margin-top: 8px; background: #555; }
input[type="radio"].custorm + label { color: #666; font-weight: 400; }
input[type="radio"].custorm + label i { position: relative; display: inline-block; width: 14px; height: 14px; margin: -2px 6px 0 0; vertical-align: middle; border: 1px solid #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #fff; cursor: pointer; }
input[type="radio"].custorm:checked + label i:before { content: ''; position: absolute; left: 50%; top: 50%; display: block; width: 6px; height: 6px; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #333; }

.pagination { overflow: hidden; margin-top: 20px; text-align: center; font-size: 0; }
.pagination:before, .pagination:after { content: ""; display: table; }
.pagination:after { clear: both; }
.pagination li { display: inline-block; }
.pagination li a { overflow: hidden; display: block; width: 26px; height: 25px; margin: 0; vertical-align: top; color: #666; font-size: 14px; font-size: 1.4rem; line-height: 23px; text-decoration: none; border: 1px solid #fff; background: #fff; }
.pagination li a.first, .pagination li a.prev, .pagination li a.next, .pagination li a.last { border: 1px solid #ccc; background: #fff; }
.pagination li a.first:before, .pagination li a.prev:before, .pagination li a.next:before, .pagination li a.last:before { content: ''; display: inline-block; width: 24px; height: 23px; background: #fff url("../img/common/icon_pagination.png") no-repeat 0 center; }
.pagination li a.first:before { background-position: 0px center; }
.pagination li a.prev { margin: 0 4px 0 -1px; }
.pagination li a.prev:before { background-position: -30px center; }
.pagination li a.next { margin: 0 -1px 0 4px; }
.pagination li a.next:before { background-position: -60px center; }
.pagination li a.last:before { background-position: -90px center; }
.pagination li.currentPage a { color: #fff; border: 1px solid #1f99df; background: #1f99df; }

.mgt10 { margin-top: 10px; }
.mgt20 { margin-top: 20px; }
.mgt30 { margin-top: 30px; }

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.tabWrap { position: relative; margin-top: 26px; }
.tabWrap .tabmark { position: absolute; top: -120px; }
.tabList { overflow: hidden; position: relative; width: 100%; }
.tabList:before, .tabList:after { content: ""; display: table; }
.tabList:after { clear: both; }
.tabList > li { float: left; width: 25%; }
.tabList > li a { position: relative; display: block; padding: 8px 10px 11px; margin-left: -1px; text-align: center; color: #666; border: 1px solid #ccc; border-bottom: 1px solid #666; background: #f6f6f6; z-index: 1; }
.tabList > li span.disabled { position: relative; display: block; padding: 8px 10px 11px; margin-left: -1px; text-align: center; color: #ccc; border: 1px solid #ccc; border-bottom: 1px solid #666; background: #f6f6f6; z-index: 1;}
.tabList > li:first-child a { margin-left: 0; }
.tabList > li.isActive a { margin-bottom: -1px; color: #10a0db; font-weight: 600; border: 1px solid #666; border-bottom: 1px solid #fff; background: #fff; z-index: 2; }
.tabList.col2 > li { width: 50%; }
.tabList.col3 > li { width: 33.3333333333%; }
.tabList.col4 > li { width: 25%; }
.tabList.col5 > li { width: 20%; }
.tabList.col6 > li { width: 16.6666666667%; }
.tabCont { padding-top: 10px; }


/* ================================== Button ================================== */
.ottButton { margin-top: 20px; text-align: center; }
.ottButton:before, .ottButton:after { content: ""; display: table; }
.ottButton:after { clear: both; }
.ottButton .ottBtn { margin-left: 4px; }
.ottButton .ottBtn:first-child { margin-left: 0; }
.ottButton > .floatL, .ottButton > .floatR { float: left; }
.ottButton > .floatL .ottBtn, .ottButton > .floatR .ottBtn { float: left; }
.ottButton > .floatR { float: right; }
.ottButton.col2 { margin-left: -4px; }
.ottButton.col2 > * { float: left; width: 50%; padding-left: 4px; }
.ottButton.col2 .ottBtn { width: 100%; }
.ottButton.col2 .ottBtn > * { width: 100%; }
.ottBtn { position: relative; display: block; vertical-align: top; }
.ottBtn > * { display: block; width: 100%; padding: 0 9px; text-align: center; color: #666; font-size: 13px; font-size: 1.3rem; height: 40px; line-height: 38px; background: #fff; border: 1px solid #ccc; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ottBtn.btnSmFsGray > * { color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: 700; background: #999; border: 1px solid #999; }
.ottBtn.btnSmFsBlue > * { color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: 700; background: #10a0db; border: 1px solid #10a0db; }
.ottBtn.btnBoldBlue > * { color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: 700; background: #10a0db; border: 1px solid #10a0db; }
.ottBtn.btnSmBoldBlue > * { color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: 600; background: #10a0db; border: 1px solid #10a0db; }
.ottBtn.btnSmBoldOrange > * { color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: 600; background: #ff623d; border: 1px solid #ff623d; }
.ottBtn.btnInpLine > * { width: auto; min-width: 75px; color: #666; font-size: 14px; font-size: 1.4rem; height: 30px; line-height: 28px; background: #fff; border: 1px solid #ccc; }
.ottBtn.btnInpGray > * { width: auto; min-width: 75px; color: #fff; font-size: 14px; font-size: 1.4rem; height: 30px; line-height: 28px; background: #999; border: 1px solid #999; }
.ottBtn.btnSignin > * { width: auto; min-width: 100px; color: #fff; font-size: 13px; font-size: 1.3rem; height: 26px; line-height: 24px; font-weight: 600; background: #999; border: 1px solid #999; }
.ottBtn.btnClearAll > * { width: auto; padding: 0 2px; font-size: 13px; font-size: 1.3rem; height: 20px; line-height: 18px; }
.ottBtn.btnIcoDownload { width: auto; }
.ottBtn.btnIcoDownload > *:before { content: ''; display: inline-block; width: 17px; height: 22px; vertical-align: top; margin: 8px 6px 0 -1px; background: url("../img/product/icon_download.png") no-repeat center center; }
.ottBtn.btnIcoPrint { width: auto; }
.ottBtn.btnIcoPrint > * { padding: 0; }
.ottBtn.btnIcoPrint > *:before { content: ''; display: inline-block; width: 38px; height: 38px; vertical-align: top; background: url("../img/product/icon_print.png") no-repeat center center; }


/* ================================== Table ================================== */
.boardList { border-top: 2px solid #46474c; border-bottom: 1px solid #46474c; }
.boardList table { width: 100%; border: 0; padding: 0; margin: 0; border-collapse: collapse; }
.boardList th { position: relative; padding: 10px 10px 11px; text-align: center; color: #333; font-weight: 600; }
.boardList th:before { content: ''; position: absolute; left: 0; top: 50%; display: block; width: 1px; height: 13px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: #ccc; }
.boardList th.name:before, .boardList th.delete:before { display: none; }
.boardList td { padding: 10px 10px; text-align: center; vertical-align: middle; color: #333; border-top: 1px solid #d1d1d1; }
.boardList td.name { text-align: left; }
.boardList td.name > * { display: inline-block; vertical-align: middle; }
.boardList td.name .thumb { margin-right: 5px; border: 1px solid #ccc; }
.boardList td.name .thumb img { max-width: 99px; max-height: 99px; width: 99px; height: 99px; }
.boardList td.name strong { font-weight: 600; }
.boardList td .QtyBox { display: inline-block; border: 1px solid #ccc; }
.boardList td button { position: relative; }
.boardList td button.minus, .boardList td button.plus { width: 33px; height: 29px; }
.boardList td button.minus:before, .boardList td button.plus:before { content: ''; position: absolute; left: 10px; top: 14px; display: block; width: 13px; height: 1px; background: #999; }
.boardList td button.minus { margin-right: -4px; }
.boardList td button.plus { margin-left: -4px; }
.boardList td button.plus:after { content: ''; position: absolute; left: 16px; top: 8px; display: block; width: 1px; height: 13px; background: #999; }
.boardList td button.delBtn { width: 21px; height: 21px; }
.boardList td button.delBtn:before, .boardList td button.delBtn:after { content: ''; position: absolute; left: -2px; top: 10px; display: block; width: 15px; height: 1px; background: #999; }
.boardList td button.delBtn:before { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.boardList td button.delBtn:after { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.boardList td .amoutNum { width: 32px; padding: 0; text-align: center; color: #333; height: 29px; line-height: 27px; border: none; }
.boardList td.delete { text-align: left; padding: 10px 0; }
.boardList tfoot td { padding: 7px 11px; border-top: 1px solid #46474c; text-align: right; }
.boardList tfoot td strong { padding-left: 5px; color: #10a0db; font-size: 18px; font-size: 1.8rem; font-weight: 600; }
.pagination { overflow: hidden; margin-top: 20px; text-align: center; font-size: 0; }
.pagination:before, .pagination:after { content: ""; display: table; }
.pagination:after { clear: both; }
.pagination li { display: inline-block; }
.pagination li a { overflow: hidden; display: block; width: 26px; height: 25px; margin: 0; vertical-align: top; color: #666; font-size: 14px; font-size: 1.4rem; line-height: 23px; text-decoration: none; border: 1px solid #fff; background: #fff; }
.pagination li a.first, .pagination li a.prev, .pagination li a.next, .pagination li a.last { border: 1px solid #ccc; background: #fff; }
.pagination li a.first:before, .pagination li a.prev:before, .pagination li a.next:before, .pagination li a.last:before { content: ''; display: inline-block; width: 24px; height: 23px; background: #fff url("../img/common/icon_pagination.png") no-repeat 0 center; }
.pagination li a.first:before { background-position: 0px center; }
.pagination li a.prev { margin: 0 4px 0 -1px; }
.pagination li a.prev:before { background-position: -30px center; }
.pagination li a.next { margin: 0 -1px 0 4px; }
.pagination li a.next:before { background-position: -60px center; }
.pagination li a.last:before { background-position: -90px center; }
.pagination li.currentPage a { color: #fff; border: 1px solid #1f99df; background: #1f99df; }


/* ================================== Slick Style Custom ================================== */

/** Arrows **/
.slick-prev, .slick-next { position: absolute; left: 50%; top: 50%; display: block; width: auto; height: auto; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); cursor: pointer; outline: none; z-index: 999; }
.slick-disabled { opacity: 0; }

/** Dot **/
.slick-dots { position: absolute; left: 50%; bottom: 40px; display: block; width: auto; height: auto; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); padding: 0; margin: 0; list-style: none; text-align: center; z-index: 999; }
.slick-dots li { position: relative; display: block; padding: 0; cursor: pointer; }
.slick-dots li button { position: relative; display: block; cursor: pointer; color: transparent; font-size: 0; line-height: 0; border: 0; outline: none; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 50%; left: 50%; content: ''; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }


/* ================================== Layout ================================== */
#wrap { position: relative; }
#container { float: none; padding: 0; width: auto; border-right: none; -ms-word-break: keep-all; word-break: keep-all; }
.contentTop { position: relative; margin-top: 70px; text-align: center; background: #00709e; }
.contentTop .searchWrap { position: absolute; left: 50%; top: auto; display: block; width: auto; height: auto; z-index: 1; }
.contentTop .searchBox { position: relative; }
.contentTop .searchBox p { position: absolute; display: none; top: 0; left: 0; color: #fff; font-weight: 600; text-shadow: 2px 4px 13px rgba(0, 0, 0, 0.3); }
.contentTop .searchBox p > strong { display: block; font-weight: 700; }
.contentTop .searchBox input[type="text"] { width: 100%; padding: 11px 14px 11px; color: #333; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contentTop .searchBox .searchBtn { position: absolute; top: 0; right: 0; display: inline-block; }
.contentBody { overflow: hidden; position: relative; padding: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 50px; }
.contentBody:before, .contentBody:after { content: ""; display: table; }
.contentBody:after { clear: both; }
.contentBody h2 { padding: 24px 0 18px; text-align: center; color: #333; font-size: 20px; font-size: 2rem; font-weight: 700; letter-spacing: 0; }
.contentBody h2 + h3 { margin-top: -19px; }
.contentBody h3 { padding: 14px 0; color: #333; font-size: 18px; font-size: 1.8rem; font-weight: 700; }
.contentBody h3.fcBlue { color: #10a0db; font-weight: 600; }
.contentBody h3 .note { color: #10a0db; font-size: 14px; font-size: 1.4rem; font-weight: 400; }
.contentBody .thumb img { max-width: 100%; }


/* ================================== Header ================================== */
#header { position: fixed; left: 0; right: 0; background: #fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); z-index: 9998; }
#header * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#header > .inner { position: relative; height: 70px; text-align: center; z-index: 9999; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
#header .headerLogo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 82; }
#header .headerLogo a { display: block; width: 100px; height: 30px; background: url("../img/common/header_logo.png") no-repeat center center; background-size: cover; }
#header .menuBtn { position: absolute; left: 0; top: 0; display: block; width: auto; height: auto; z-index: 99; }
#header .menuBtn a { display: block; }
#header .menuBtn .hamburger { cursor: pointer; position: relative; display: inline-block; vertical-align: middle; width: 50px; height: 70px; }
#header .menuBtn .hamburger > i { background: #666; position: absolute; left: 13px; top: 50%; display: block; width: 25px; height: 2px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
#header .menuBtn .hamburger > i.line1 { margin-top: -9px; }
#header .menuBtn .hamburger > i.line2 { width: 20px; }
#header .menuBtn .hamburger > i.line3 { margin-top: 9px; }


/* #header .exchangeRate { position: absolute; left: 60px; top: 20px; display: block; width: 66px; height: auto; }
#header .exchangeRate > .inner { position: relative; }
#header .exchangeRate #currentLang, #header .exchangeRate .choiceLang { display: block; width: 100%; text-align: left; font-size: 13px; font-size: 1.3rem; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#header .exchangeRate #currentLang { position: relative; height: 30px; padding-left: 40px; line-height: 28px; }
#header .exchangeRate #currentLang:after { content: ''; position: absolute; right: 10px; top: 50%; display: block; width: 7px; height: 4px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: url("../img/common/icon_select.png") repeat 0 0; background-size: cover; }
#header .exchangeRate .choiceLang { display: none; padding: 4px 0; border-top: 0; background: #fff; }
#header .exchangeRate .choiceLang > span { position: relative; display: block; }
#header .exchangeRate .flagEn:before, #header .exchangeRate .flagKo:before { content: ''; position: absolute; left: 10px; top: 8px; display: block; width: 25px; height: 13px; background: url("../img/common/icon_flag.png") no-repeat; background-size: 25px auto; }
#header .exchangeRate .flagEn:before { background-position: center 0; }
#header .exchangeRate .flagKo:before { background-position: center -20px; }
#header .exchangeRate input[type="radio"] { position: absolute; left: 0; top: 0; display: block; width: 100%; height: -30px; opacity: 0; z-index: -1; }
#header .exchangeRate input[type="radio"] + label { display: block; width: 100%; height: 24px; line-height: 24px; padding-left: 40px; }
#header .exchangeRate input[type="radio"] + label:before { top: 6px; } */

/* 200423 스타일 수정 */
#header .exchangeRate { position: absolute; left: 37px; top: 20px; display: block; width: 48px; height: auto; }
#header .exchangeRate > .inner { position: relative; }
#header .exchangeRate #currentLang, #header .exchangeRate .choiceLang { display: block; width: 100%; text-align: left; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#header .exchangeRate #currentLang { position: relative; height: 30px; padding: 1px 3px 0; font-size: 12px; font-weight: 600; line-height: 1.2; text-align: right; background: url("../img/common/icon_lang.png") no-repeat; }
#header .exchangeRate .choiceLang { display: none; padding: 0; border-top: 0; border-top: 1px solid #ddd; background: #fff; }
#header .exchangeRate .choiceLang > span { position: relative; display: block; border: solid #ddd; border-width: 0 1px 1px;}
#header .exchangeRate input[type="radio"] { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 25px; opacity: 0; z-index: -1; }
#header .exchangeRate input[type="radio"] + label { display: block; width: 100%; height: 23px; text-align: center; font-size: 12px; font-weight: 600; line-height: 23px; }
#header .exchangeRate input[type="radio"] + label:before { top: 6px; }


#header .utilMenu { position: absolute; right: 5px; top: 0; display: block; width: auto; height: auto; }
#header .utilMenu:before, #header .utilMenu:after { content: ""; display: table; }
#header .utilMenu:after { clear: both; }
#header .utilMenu li { float: left; }
/*#header .utilMenu li > * { display: block; width: 40px; height: 70px; background: url("../img/common/icon_util_menu.png") no-repeat 0 center; background-size: 80px auto; }
#header .utilMenu li.signin > * { background-position: 0 center; }
#header .utilMenu li.basket > * { background-position: -40px center; }*/
#header .utilMenu li > * { display: block; width: 40px; height: 70px; background: url("../img/common/icon_util_menu2.png") no-repeat 0 center; background-size: 160px auto; }
#header .utilMenu li.signin > * { background-position: 0 center; }
#header .utilMenu li.signout > * { background-position: -40px center; }
#header .utilMenu li.mypage > * { background-position: -80px center; }
#header .utilMenu li.basket > * { background-position: -120px center; }
#header .gnbWrap { display: none; padding: 0 20px; }
#header .gnbWrap #gnb { margin: 0 -20px; z-index: 100; }
#header .gnbWrap #gnb a { display: block; width: 100%; text-align: left; }
#header .gnbWrap #gnb .depth1 { border-top: 1px solid #ccc; }
#header .gnbWrap #gnb .depth1 > li { position: relative; border-bottom: 1px solid #ccc; }
#header .gnbWrap #gnb .depth1 > li > a { display: inline-block; padding: 0 20px; color: #333; font-size: 18px; font-size: 1.8rem; height: 49px; line-height: 49px; font-weight: 700; }
#header .gnbWrap #gnb .depth1 > li > a:after { content: ''; position: absolute; right: 20px; top: 22px; display: block; width: auto; height: auto; border-bottom: 6px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; }
#header .gnbWrap #gnb .depth1 > li.on > a:after { border-top: 6px solid #999; border-bottom: none; }
#header .gnbWrap #gnb .depth2 { display: none; padding: 14px 20px 16px; border-top: 1px solid #ccc; background: #f6f6f6; }
#header .gnbWrap #gnb .depth2 > li > a { position: relative; padding: 2px 0; text-align: left; font-size: 16px; font-size: 1.6rem; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
#header .gnbWrap #gnb .depth2 > li > a:before { content: ''; position: absolute; left: 0; top: 12px; display: block; width: 0; height: 2px; background: #10a0db; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
#header .gnbWrap #gnb .depth2 > li > a:hover { padding-left: 8px; color: #10a0db; font-weight: 600; }
#header .gnbWrap #gnb .depth2 > li > a:hover:before { width: 6px; }
#header .siteLink { overflow: hidden; margin: 20px 0 30px; margin-left: -15px; }
#header .siteLink li { float: left; width: 33.3333333333%; padding-left: 15px; }
#header .siteLink li a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: 600; background: #10a0db; }


/* ================================== Footer ================================== */
#footer { position: relative; background: #565d67; }
#footer > .inner { position: relative; padding: 26px 20px 26px; color: #fff; }
#footer > .inner a { color: #fff; }
#footer .footerLogo { display: none; position: absolute; right: 20px; top: 30px; width: 114px; height: 26px; background: url("../img/common/footer_logo.png") no-repeat center center; background-size: cover; }
#footer .footerLink { margin-left: 1px; }
#footer .footerLink:before, #footer .footerLink:after { content: ""; display: table; }
#footer .footerLink:after { clear: both; }
#footer .footerLink li { float: left; padding-right: 40px; }
#footer .footerLink li a { display: inline-block; font-weight: 600; }
#footer .footerCopy { margin-top: 10px; font-weight: 300; }
#footer .familySite { position: relative; width: 182px; height: 36px; margin-top: 13px; font-size: 13px; font-size: 1.3rem; font-weight: 300; letter-spacing: 0; }
#footer .familySite .familyBtn { overflow: hidden; position: relative; display: inline-block; width: 100%; height: 36px; padding-left: 10px; line-height: 34px; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer .familySite .familyBtn:before { content: ''; position: absolute; right: 10px; top: 50%; display: block; width: 7px; height: 4px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: url("../img/common/icon_select.png") repeat 0 0; background-size: cover; }
#footer .familySite .familyList { padding: 8px 10px; position: absolute; left: 0; bottom: 35px; display: block; width: 100%; height: auto; display: none; border: 1px solid #ccc; background: #565d67; }
#footer .familySite .familyList li a { display: inline-block; width: 100%; padding: 4px 0; }


/* ================================== Main ================================== */
#container.main .contentTop .searchWrap { top: 152px; width: 80%; margin-left: -40%; }
#container.main .contentTop .slogan { margin-bottom: 32px; color: #fff; font-size: 30px; font-size: 3rem; font-weight: 700; line-height: 1.2; text-shadow: 2px 1px 10px rgba(0, 0, 0, 0.2); }
#container.main .contentTop .searchBox { padding-right: 50px; }
#container.main .contentTop .searchBox p { margin: -3px 6px 0 0; font-size: 16px; font-size: 1.6rem; line-height: 1.35; }
#container.main .contentTop .searchBox p > strong { font-size: 28px; font-size: 2.8rem; }
#container.main .contentTop .searchBox input[type="text"] { padding: 16px 14px 16px; }
#container.main .contentTop .searchBox .searchBtn { width: 50px; height: 50px; background: #10a0db url("../img/main/icon_search_main.png") no-repeat center center; background-size: 22px auto; }
#container.main .contentTop .visualSlide { width: 100%; overflow: hidden; position: relative; }
#container.main .contentTop .visualSlide .slideItem:before { content: ""; display: block; width: 100%; height: 500px; }
#container.main .contentTop .visualSlide .slick-prev, #container.main .contentTop .visualSlide .slick-next { overflow: hidden; width: 50px; height: 50px; margin: 0 20px; }
#container.main .contentTop .visualSlide .slick-prev span, #container.main .contentTop .visualSlide .slick-next span { position: relative; display: block; width: 100%; height: 100%; }
#container.main .contentTop .visualSlide .slick-prev span:after, #container.main .contentTop .visualSlide .slick-next span:after { content: ''; position: absolute; left: 50%; top: 50%; display: block; width: auto; height: auto; margin-top: -19px; margin-left: -6px; padding: 18px; vertical-align: middle; border: solid rgba(255, 255, 255, 0.5); border-width: 0 1px 1px 0; transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
#container.main .contentTop .visualSlide .slick-prev:hover span:after, #container.main .contentTop .visualSlide .slick-next:hover span:after { border-color: white; }
#container.main .contentTop .visualSlide .slick-prev { left: 14px; right: auto; }
#container.main .contentTop .visualSlide .slick-next { left: auto; right: -36px; }
#container.main .contentTop .visualSlide .slick-next span:after { margin-left: -32px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#container.main .contentTop .visualSlide .slick-dots li button { width: 52px; height: 22px; background: transparent; }
#container.main .contentTop .visualSlide .slick-dots li button:before { width: 100%; height: 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container.main .contentTop .visualSlide .slick-dots .currentLine { position: relative; display: block; width: 100%; height: 4px; margin-top: -4px; }
#container.main .contentTop .visualSlide .slick-dots .currentLine > i { position: absolute; left: 0; top: 0; display: block; width: 52px; height: 4px; background-color: #fff; transition: left 0.5s ease; -webkit-transition: left 0.5s ease; -moz-transition: left 0.5s ease; -o-transition: left 0.5s ease; z-index: -1; }
.mainContent > .inner { overflow: hidden; position: relative; padding: 30px 20px; }
.mainContent > .inner h2 { margin-top: -6px; padding-bottom: 8px; color: #333; font-size: 20px; font-size: 2rem; font-weight: 700; }
.mainContent > .inner .itemList { margin: 0 0 0 -14px !important; }
.mainContent > .inner .itemList:before, .mainContent > .inner .itemList:after { content: ""; display: table; }
.mainContent > .inner .itemList:after { clear: both; }
.mainContent > .inner .itemList > li { padding: 0 0 0 14px !important; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mainContent > .inner .itemList > li .unit { position: relative; width: 100%; display: block; padding: 15px 20px 18px; color: #666; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mainContent > .inner .itemList > li .unit:hover { padding: 13px 18px 16px; border: 3px solid #10a0db; }
.mainContent > .inner .itemList > li .unit .thumb { margin: -13px -18px 0; padding: 5px; text-align: center;}
/* .mainContent > .inner .itemList > li .unit .thumb img { width: 100%; max-width: 200px; max-height: 200px;} */
/*.mainContent > .inner .itemList > li .unit .thumb img { width: auto; max-width: 200px; max-height: 200px;}*/
.mainContent > .inner .itemList > li .unit .thumb img {max-width: 200px; max-height: 200px;}
.mainContent > .inner .itemList > li .unit h3 { overflow: hidden; margin-bottom: 2px; color: #10a0db; font-size: 15px; font-size: 1.5rem; font-weight: 700; }
.mainContent > .inner .itemList > li .unit li { position: relative; padding: 1px 0 0 12px; }
.mainContent > .inner .itemList > li .unit li:before { content: ''; position: absolute; left: 1px; top: 10px; display: block; width: 3px; height: 3px; background: #999; }
.mainContent > .inner .itemList.col2 > li { width: 50%; }
.mainContent > .inner .itemList.col3 > li { width: 33.3333333333%; }
.mainContent > .inner .itemList.col4 > li { width: 25%; }
.mainContent > .inner .btnMore { position: absolute; right: 20px; top: 20px; display: block; width: auto; height: 32px; color: #666; line-height: 32px; }
.mainContent > .inner .btnMore:hover { text-decoration: underline; }
.mainContent.product .itemList > li h3 { padding-top: 12px; border-top: 1px solid #ccc; }
.mainContent.overview { text-align: center; background: #00709e; }
.mainContent.overview > .inner { padding: 26px 0; }
.mainContent.overview ul:before, .mainContent.overview ul:after { content: ""; display: table; }
.mainContent.overview ul:after { clear: both; }
.mainContent.overview ul.col3 li { width: 33.3333333333%; padding-left: 10px; padding-right: 10px; }
.mainContent.overview ul.col2 { margin: 0 12.5%; }
.mainContent.overview ul.col2 li { width: 50%; }
.mainContent.overview li { position: relative; float: left; padding: 0; padding-top: 88px; color: #fff; font-size: 13px; font-size: 1.3rem; font-weight: 600; line-height: 1.35; }
.mainContent.overview li em { display: block; font-style: normal; font-size: 24px; font-size: 2.4rem; font-weight: 700; letter-spacing: 0; line-height: 1.3; }
.mainContent.overview li em i { display: inline-block; vertical-align: top; margin-top: 4px; font-style: normal; font-size: 14px; font-size: 1.4rem; font-weight: 600; }
.mainContent.overview li em span { display: block; font-size: 14px; font-size: 1.4rem; letter-spacing: -0.02em; }
.mainContent.overview li:before { content: ''; position: absolute; left: 50%; top: 20px; display: block; width: 100px; height: 60px; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); background: url("../img/main/icon_overview_item.png") no-repeat center 0; background-size: 100px auto; }
.mainContent.overview li.item1 { width: 108px; }
.mainContent.overview li.item1:before { background-position: center 0px; }
.mainContent.overview li.item2 { width: 283px; }
.mainContent.overview li.item2:before { background-position: center -70px; }
.mainContent.overview li.item3 { width: 142px; }
.mainContent.overview li.item3:before { background-position: center -140px; }
.mainContent.overview li.item4 { width: 282px; }
.mainContent.overview li.item4:before { background-position: center -210px; }
.mainContent.overview li.item5 { width: 141px; }
.mainContent.overview li.item5:before { background-position: center -280px; }
.mainContent.event .itemList > li h3 { height: 42px; max-height: 42px; margin-bottom: 5px; }


/* ================================== Contents ================================== */
#container.sub .contentTop { height: 103px; }
#container.sub .contentTop .searchWrap { top: 30px; width: 74%; margin-left: -37%; }
#container.sub .contentTop .searchBox { padding-right: 40px; }
#container.sub .contentTop .searchBox p { margin: -4px 10px 0 0; font-size: 14px; font-size: 1.4rem; line-height: 1.25; }
#container.sub .contentTop .searchBox p > strong { font-size: 25px; font-size: 2.5rem; }
#container.sub .contentTop .searchBox .searchBtn { width: 40px; height: 40px; background: #10a0db url("../img/common/icon_search.png") no-repeat center center; background-size: 22px auto; }
.resultNum { margin-top: -5px; padding-bottom: 15px; }
.resultNum strong { color: #10a0db; font-size: 16px; font-size: 1.6rem; font-weight: 700; }
.itemListWrap { overflow: hidden; position: relative; }
.itemListWrap img {max-width: 100%; }
.itemList { margin: -14px 0 0 -14px; }
.itemList:before, .itemList:after { content: ""; display: table; }
.itemList:after { clear: both; }
.itemList > li { padding: 14px 0 0 14px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.itemList > li .unit { position: relative; width: 100%; display: block; padding: 15px 20px 18px; color: #666; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.itemList > li .unit:hover { padding: 13px 18px 16px; border: 3px solid #10a0db; }
.itemList > li .unit .thumb { margin: -13px -18px 0; }
.itemList > li .unit .thumb img { width: 100%; }
.itemList > li .unit h3 { overflow: hidden; margin-bottom: 2px; padding: 0; color: #10a0db; font-size: 15px; font-size: 1.5rem; font-weight: 700; }
.itemList > li .unit li { position: relative; padding: 1px 0 0 12px; }
.itemList > li .unit li:before { content: ''; position: absolute; left: 1px; top: 10px; display: block; width: 3px; height: 3px; background: #999; }
.itemList.col2 > li { width: 50%; }
.itemList.col3 > li { width: 33.3333333333%; }
.itemList.col4 > li { width: 25%; }
.itemList.searchList > li h3 { padding-top: 12px; border-top: 1px solid #ccc; }
.itemList.galleryList { margin: -15px 0 0 -15px; }
.itemList.galleryList > li { padding: 15px 0 0 15px; }
.itemList.galleryList > li .unit { padding: 0; border: none; }
.itemList.galleryList > li .unit:hover { padding: 0; border: none; }
.itemList.galleryList > li .unit:hover .title { color: #10a0db; font-weight: 700; }
.itemList.galleryList > li .unit .thumb { overflow: hidden; position: relative; display: block; width: 100%; margin: 0; padding-bottom: 63.6%; background: #f0f0f0; height: 324px;}
.itemList.galleryList > li .unit .thumb img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.itemList.galleryList > li .unit .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 17px 4px 19px; text-align: center; border: 1px solid #ccc; border-top: none; }
.contGridWrap { overflow: hidden; position: relative; }
.contGrid { margin-left: -15px; }
.contGrid > .inner { float: left; padding-left: 15px; }
.contGrid.col1 > .inner { width: 100%; }
.contGrid.col1 > .inner + .inner { margin-top:10px; }
.contGrid.col2 > .inner { width: 50%; }
.contGrid.col3 > .inner { width: 33.3333333333%; }
.contGrid.col4 > .inner { width: 25%; }
.contGrid.full { float: none; }
.contGrid.full > .inner { width: 100%; }
.contBox { position: relative; }
.contBox.inPhoto > .inner { padding: 5px 0 10px; text-align: center; vertical-align: middle; }
.contBox.inPhoto + .contBox { margin-top: 20px; }
.contBox.inPhoto .photo { display: block; width: 314px; margin: 0 auto; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contBox.inPhoto .photo span { position: relative; display: block; width: 100%; padding-bottom: 69.427%; }
.contBox.inPhoto .photo span img { z-index: 2; }
.contBox.inPhoto .photo span:after { content: ''; border: 1px solid #88d0ed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; }
.contBox.inPhoto h3 { padding: 0 0 5px; }
.contBox.inPhoto.photoL .photo span img { position: absolute; left: -5px; top: -5px; display: block; width: 100%; height: 100%; }
.contBox.inPhoto.photoL .photo span:after { position: absolute; right: -5px; bottom: -5px; display: block; width: 100%; height: 100%; }
.contBox.inPhoto.photoR .photo span img { position: absolute; right: -5px; top: -5px; display: block; width: 100%; height: 100%; }
.contBox.inPhoto.photoR .photo span:after { position: absolute; left: -5px; bottom: -5px; display: block; width: 100%; height: 100%; }
.contBox.bdLine { padding: 19px; border: 1px solid #ccc; }
.contForm { position: relative; padding: 20px; background: #f6f6f6; }
.contForm > .inner { margin: 0 auto; max-width: 100%; }
.contForm + .contForm { margin-top: 20px; }
.contForm .formTitle:before, .contForm .formTitle:after { content: ""; display: table; }
.contForm .formTitle:after { clear: both; }
.contForm .formTitle:first-child { margin-top: -4px; }
.contForm .formTitle strong { padding-right: 10px; color: #10a0db; font-size: 16px; font-size: 1.6rem; font-weight: 600; }
.contForm .formTitle input[type="checkbox"].custorm { margin-top: 3px; }
.contForm .formTitle input[type="checkbox"].custorm + label { margin-top: -4px; }
.contForm .formTitle .mandatory { float: right; margin-top: 2px;}
.contForm .formTitle + .fieldWrap { margin-top: 13px; }
.contForm .formTitle + .authBox { margin-top: -5px; }
.contForm .fieldWrap { margin-top: 5px; }
.contForm .fieldWrap:first-child { margin-top: 0; }
.contForm .fieldWrap label, .contForm .fieldWrap .label { margin-bottom: 4px; }
.contForm .fieldWrap .multiField > * { margin-top: 10px; }
.contForm .fieldWrap .multiField > *:first-child { margin-top: 0; }
.contForm .fieldWrap .inBtnField:before, .contForm .fieldWrap .inBtnField:after { content: ""; display: table; }
.contForm .fieldWrap .inBtnField:after { clear: both; }
.contForm .fieldWrap .inBtnField > * { float: left; margin-left: 5px; }
.contForm .fieldWrap .inBtnField > *:first-child { margin-left: 0; }
.contForm .fieldWrap + .formTitle { margin-top: 13px; }
.contForm label, .contForm .label { display: inline-block; margin-top: 6px; color: #333; font-weight: 600; }
.contForm label > span, .contForm .label > span { font-weight: 400; }
.contForm label .fcBlue, .contForm .label .fcBlue { color: #10a0db; }
.contForm label .fcGray, .contForm .label .fcGray { color: #666; }
.contForm .mandatory { font-style: normal; }
.contForm .mandatory:before { content: '*'; display: inline-block; color: #10a0db; }
.contForm .authBox:before, .contForm .authBox:after { content: ""; display: table; }
.contForm .authBox:after { clear: both; }
.contForm .authBox p { padding: 6px 0; font-size: 14px; font-size: 1.4rem; }
.contForm .authBox .authImg .thumb { display: block; text-align: center; border: 1px solid #ccc; padding: 0; margin-bottom: 4px; background: #fff; }
.contForm .authBox .authImg .thumb img { width: 207px; height: 50px; }
.contForm .authBox .authInp p { margin-top: 5px; padding: 0; }
.thumb-cont { width: 100%; overflow: hidden; margin-bottom: 20px; }
.thumb-cont .colL { float: none; width: 100%; }
.expand { position: relative; display: block; width: 217px; height: 162px; margin: 0 auto; text-align: center; border: 1px solid #ccc; float: none; margin-bottom: 1rem; }
/* .expand img { max-width: 215px; max-height: 160px; width: 215px; height: 160px; vertical-align: middle; } */
.expand {display: table;}
.expand > span {display: table-cell; text-align: center; vertical-align: middle;}
.expand img {max-width:215px !important; max-height:160px !important; width:auto !important; height:auto !important;}
.expand .btnMagnify { position: absolute; right: 0; bottom: 0; display: block; width: 28px; height: 28px; background: rgba(0, 0, 0, 0.2) url("../img/product/icon_magnify.png") no-repeat center center; outline: none; }

.agencyText {    text-align: right;    color: red;    font-weight: bold;     margin-top: 10px;}

/* ================================== Product ================================== */
.productSearch { position: relative; }
.productSearch .tit { padding: 5px 0 19px; color: #333; font-size: 16px; font-size: 1.6rem; font-weight: 700; }
.productSearch .chkList { margin-top: -1px; border: 1px solid #ccc; border-width: 1px 0; }
.productSearch .chkList button { position: relative; width: 100%; padding: 14px 29px 15px 10px; text-align: left; color: #333; outline: none; }
.productSearch .chkList button:after { content: ''; position: absolute; right: 10px; top: 50%; display: block; width: 9px; height: 5px; margin-top: -2px; background: url("../img/product/icon_filter.png") no-repeat center 0; }
.productSearch .chkList ul { display: none; padding: 8px 0 11px; border-top: 1px solid #ccc; }
.productSearch .chkList ul li { position: relative; padding: 2px 0; padding-left: 10px; }
.productSearch .chkList input[type="checkbox"].custorm { width: 14px; height: 14px; margin-top: 5px; }
.productSearch .chkList input[type="checkbox"].custorm + label i { width: 14px; height: 14px; margin-right: 10px; }
.productSearch .chkList.isOpen button { color: #10a0db; font-weight: 700; }
.productSearch .chkList.isOpen button:after { background-position: center -10px; }
.productSearch .ottButton { margin-top: 14px; }
.productSearch .btnClearAll { position: absolute; top: 5px; right: 0; }
.productList h2 { text-align: left; }
.productList > ul > li { padding-top: 15px; }
.productList > ul > li:first-child { padding-top: 0; }
.productList .productBox { width: 100%; padding: 20px; border: 1px solid #ccc; }
.productList .productBox > ul > li { padding-top: 3px; }
.productList .productBox > ul > li:first-child { padding-top: 0; }
.productList .productBox strong { font-weight: 700; }
.productList .productBox .productTxt { padding-top: 20px; border-top: 1px solid #ccc; }
.productList .productBox .productName { position: relative; padding: 0 0 10px 40px; color: #10a0db; font-size: 15px; font-size: 1.5rem; font-weight: 700; }
.productList .productBox .productName > img {position: absolute; left: 0; top: -9px; display: block; width: 38px; height: 38px;}
.productList .productBox .productName a { color: #10a0db; }
.productList .productBox .productPrice { position: relative; margin-top: 3px; padding-left: 43px; }
.productList .productBox .productPrice:before, .productList .productBox .productPrice:after { content: ""; display: table; }
.productList .productBox .productPrice:after { clear: both; }
.productList .productBox .productPrice > span { position: absolute; left: 0; top: 0; display: block; width: auto; height: auto; }
.productList .productBox .productPrice ul { margin-top: -4px; }
.productList .productBox .productPrice li { float: left; padding: 0 2px; padding-top: 4px; }
.productList .productBox .productPrice li span { display: inline-block; height: 20px; padding: 0 8px; line-height: 18px; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
/* .productList .productBox .productImg { width: 100%; max-width: 200px; margin: 0 auto; text-align: center; padding: 5px; margin-bottom: 20px; border: 1px solid #ccc;} */
.productList .productBox .productImg { width: auto; max-width: 280px; margin: 0 auto; text-align: center; padding: 5px; margin-bottom: 20px; border: 1px solid #ccc;}
/* .productList .productBox .productImg img {max-width: 100%; max-height: 200px;} */
.productList .productBox .productImg img {width: auto; max-width: 260px; max-height: 200px;}
.productList .pagination { margin-top: 15px; }
.productInfo { padding: 10px 0 4px; }
.productInfo .infoBox { width: 100%; }
.productInfo .infoBox + .infoBox { margin-top: 20px; }
.productInfo .infoBox h2 { margin-top: -13px; padding: 9px 0; text-align: left; font-size: 16px; font-size: 1.6rem; letter-spacing: -0.02em; }
.productInfo .productSlide { border: 1px solid #ccc; }
.productInfo .productSlide .slideItem { outline: none; padding: 5px;}
/* .productInfo .productSlide .slideItem img { width: 100%; max-width: 300px; max-height: 200px; margin: 0 auto; vertical-align: middle; } */
.productInfo .productSlide .slideItem img { width: auto; max-width: 300px; max-height: 200px; margin: 0 auto; vertical-align: middle; }
.productInfo .productSlide .slick-prev, .productInfo .productSlide .slick-next { overflow: hidden; left: 14px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); width: 30px; height: 30px; margin-left: auto; border: 1px solid #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.productInfo .productSlide .slick-prev span, .productInfo .productSlide .slick-next span { position: relative; display: block; width: 100%; height: 100%; background: url("../img/product/icon_product_slick.png") no-repeat 0 center; background-size: 60px auto; }
.productInfo .productSlide .slick-next { left: auto; right: 14px; margin-left: auto; }
.productInfo .productSlide .slick-next span { background-position: -30px center; }
.productInfo .productSlide .btnMagnify { position: absolute; right: 0; bottom: 0; display: block; width: 28px; height: 28px; background: rgba(0, 0, 0, 0.2) url("../img/product/icon_magnify.png") no-repeat center center; background-size: cover; outline: none; }
.productInfo .priceList { padding: 4px 0 7px; border: 1px solid #ccc; border-width: 1px 0; }
.productInfo .priceList dl { padding: 2px 0; }
.productInfo .priceList dl:before, .productInfo .priceList dl:after { content: ""; display: table; }
.productInfo .priceList dl:after { clear: both; }
.productInfo .priceList dl dt { position: relative; float: left; padding-left: 10px; padding-right: 20px; color: #333; font-weight: 600; }
.productInfo .priceList dl dt:before { content: ''; position: absolute; left: 0; top: 9px; display: block; width: 3px; height: 3px; background: #333; }
.productInfo .priceList dl dd { float: left; }
.productInfo .priceList .priceOption { display: table; width: 100%; margin-bottom: 6px; }
.productInfo .priceList .priceOption > * { display: table-cell; }
.productInfo .priceList .priceOption .optSize { width: 55px; padding-left: 11px; text-align: right; }
.productInfo .priceList .priceOption .optQty { text-align: center; }
.productInfo .priceList .priceOption .optQty > * { display: inline-block; }
.productInfo .priceList .priceOption .optQty button { position: relative; width: 21px; height: 19px; margin: 0 -4px 0 0; }
.productInfo .priceList .priceOption .optQty button:before { content: ''; position: absolute; left: 5px; top: 9px; display: block; width: 11px; height: 1px; background: #999; }
.productInfo .priceList .priceOption .optQty button.plus { margin: 0 0 0 -4px; }
.productInfo .priceList .priceOption .optQty button.plus:after { content: ''; position: absolute; left: 10px; top: 4px; display: block; width: 1px; height: 11px; background: #999; }
.productInfo .priceList .priceOption .optQty .amoutNum { width: 33px; text-align: center; color: #666; height: 19px; line-height: 19px; border: none; }
.productInfo .priceList .priceOption .optPrice { width: 135px; text-align: right; }
.productInfo .priceList .priceOption.optTitle { margin-bottom: 8px; color: #333; font-weight: 600; }
.productInfo .priceList .priceOption.optTitle .optSize { position: relative; padding-left: 10px; text-align: left; }
.productInfo .priceList .priceOption.optTitle .optSize:before { content: ''; position: absolute; left: 0; top: 9px; display: block; width: 3px; height: 3px; background: #333; }
.productInfo .priceList .priceOption.optTitle .optQty { padding-right: 50px; }
.productInfo .priceList .priceOption.optTitle .optPrice { text-align: left; }
.productInfo .totalPrice { padding-bottom: 3px; text-align: right; color: #10a0db; font-size: 30px; font-size: 3rem; font-weight: 600; }
.productInfo .totalPrice span { font-size: 18px; font-size: 1.8rem; }
.productInfo .ottButton { margin-top: 0; }
.productInfo .ottButton + .ottButton { margin-top: 4px; }
.productDetail .tabWrap { position: relative; margin-top: 26px; }
.productDetail .tabWrap .tabmark { position: absolute; top: -120px; }
.productDetail .tabList { position: relative; width: 100%; overflow: visible;}
.productDetail .tabList:before, .productDetail .tabList:after { content: ""; display: table; }
.productDetail .tabList:after { clear: both; }
.productDetail .tabList > li { float: left; width: 50%; margin: -1px 0 0 -1px; }
.productDetail .tabList > li a { position: relative; display: block; margin: 0; padding: 8px 4px 11px; text-align: center; color: #666; border: 1px solid #ccc; background: #f6f6f6; z-index: 1; }
.productDetail .tabList > li:first-child a { margin-left: 0; }
.productDetail .tabList > li.isActive a { color: #10a0db; font-weight: 600; border: 1px solid #666; background: #fff; z-index: 2; }
.productDetail .tabCont { padding-top: 10px; }
.productDetail .tabCont dl { padding: 3px 0; }
.productDetail .tabCont dl:before, .productDetail .tabCont dl:after { content: ""; display: table; }
.productDetail .tabCont dl:after { clear: both; }
.productDetail .tabCont dl dt { position: relative; padding-left: 10px; color: #333; font-weight: 600; }
.productDetail .tabCont dl dt:before { content: ''; position: absolute; left: 0; top: 9px; display: block; width: 3px; height: 3px; background: #333; }
.productDetail .tabCont dl dd { padding-left: 10px; }
.productDetail .tabCont ol li { padding: 3px 0; padding-top: 28px; }
.productDetail .tabCont ol li:first-child { padding-top: 3px; }
.productDetail .tabCont .dataSlide { margin: 10px 0 4px; padding: 20px 25px 20px 23px; background: #f6f6f6; }
.productDetail .tabCont .dataSlide .slideItem { outline: none; }
.productDetail .tabCont .dataSlide .slideItem p { position: relative; display: block; width: 92%; padding-bottom: 81%; margin: 0 auto; border: 1px solid #ccc; }
.productDetail .tabCont .dataSlide .slideItem img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; vertical-align: middle; }
.productDetail .tabCont .dataSlide .slick-prev, .productDetail .tabCont .dataSlide .slick-next { overflow: hidden; left: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); width: 30px; height: 30px; margin-left: auto; }
.productDetail .tabCont .dataSlide .slick-prev span, .productDetail .tabCont .dataSlide .slick-next span { position: relative; display: block; width: 100%; height: 100%; background: url("../img/product/icon_data_slick.png") no-repeat 0 center; background-size: 60px auto; }
.productDetail .tabCont .dataSlide .slick-next { left: auto; right: 0; margin-left: auto; }
.productDetail .tabCont .dataSlide .slick-next span { background-position: -30px center; }
.productDetail .tabCont .dataSlide .btnMagnify { position: absolute; right: 0; bottom: 0; display: block; width: 28px; height: 28px; background: rgba(0, 0, 0, 0.2) url("../img/product/icon_magnify.png") no-repeat center center; background-size: cover; outline: none; }
.productDetail .tabCont .linkBtn { margin-left: 6px; }
.productDetail .tabCont .linkBtn:after { content: ''; display: inline-block; width: 12px; height: 12px; vertical-align: middle; background: url("../img/product/icon_link.png") no-repeat center center; background-size: 12px auto; }
.productDetail .note { margin-top: 16px; padding: 9px 10px 11px; text-align: center; font-size: 13px; font-size: 1.3rem; border: 1px solid #ccc; }

.paypal-info {color:red; margin-bottom:9px;}
/* ================================== pathway ================================== */
.productListWrap { padding: 10px 0; }

.productListSlide { padding: 20px 38px; background: #f6f6f6; }
.productListSlide .slideItem { outline: none; padding: 0 7px; }
.productListSlide .slideItem .unit { position: relative; width: 100%; height: 130px; display: block; padding: 15px 20px 18px; color: #666; border: 1px solid #ccc; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.productListSlide .slideItem .unit:hover { padding: 13px 18px 16px; border: 3px solid #10a0db; }
.productListSlide .slideItem .unit .thumb { margin: -13px -18px 0; }
.productListSlide .slideItem .unit .thumb img { width: 100%; }
.productListSlide .slideItem .unit h3 { overflow: hidden; margin-bottom: 2px; padding: 0; padding-top: 12px; color: #10a0db; font-size: 15px; font-weight: 700; border-top: 1px solid #ccc; }
.productListSlide .slideItem .unit li { position: relative; padding: 1px 0 0 12px; }
.productListSlide .slideItem .unit li:before { content: ''; position: absolute; left: 1px; top: 10px; display: block; width: 3px; height: 3px; background: #999; }
.productListSlide .slick-prev, .productListSlide .slick-next { overflow: hidden; left: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); width: 30px; height: 30px; margin-left: auto; }
.productListSlide .slick-prev span, .productListSlide .slick-next span { position: relative; display: block; width: 100%; height: 100%; background: url("../img/product/icon_data_slick.png") no-repeat 0 center; }
.productListSlide .slick-next { left: auto; right: 0; margin-left: auto; }
.productListSlide .slick-next span { background-position: -30px center; }

.productListSlide .slick-slide > div { outline: none; padding: 0 7px; margin: 14px 0; }
.productListSlide .unit { position: relative; width: 233px; height: 130px; display: block; padding: 15px 20px 18px; color: #666; border: 1px solid #ccc; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.productListSlide .unit:hover { padding: 13px 18px 16px; border: 3px solid #10a0db; }
.productListSlide .unit .thumb { margin: -13px -18px 0; }
.productListSlide .unit .thumb img { width: 100%; }
.productListSlide .unit h3 { overflow: hidden; margin-bottom: 2px; padding: 0; padding-top: 12px; color: #10a0db; font-size: 15px; font-weight: 700; border-top: 1px solid #ccc; }
.productListSlide .unit li { position: relative; padding: 1px 0 0 12px; }
.productListSlide .unit li:before { content: ''; position: absolute; left: 1px; top: 10px; display: block; width: 3px; height: 3px; background: #999; }

.productListSlide .slideItem .unit h3 {
    font-weight: 400; border-top: 0; margin-bottom: 10px; padding-top: 0;
    padding-bottom: 10px;
    font-size: 13px;
	border-bottom: 1px solid #ccc;
}
.productListSlide .unit p { font-size: 12px; }


/* ================================== Support ================================== */
.applicationForm .authBox { margin-top: 11px; border-top: 1px solid #ccc; }
.applicationForm .authBox p { padding-top: 11px; font-size: 13px; font-size: 1.3rem; }


/* ================================== About ================================== */
.promotion { text-align: center; }
.promotion dl { margin-top: -4px; }
.promotion dl + .ottButton { margin-top: 10px; }
.promotion dt { padding-bottom: 6px; color: #333; font-size: 16px; font-size: 1.6rem; font-weight: 600; }
.promotion dd { padding: 3px 0; line-height: 1.6; }
.promotion + .promotion { margin-top: 20px; }
.mapApiArea { width: 100%; height: 325px; }
.locationInfo { padding: 12px 0 9px; }
.locationInfo dl { padding: 3px 0; }
.locationInfo dl dt { color: #333; font-size: 16px; font-size: 1.6rem; font-weight: 600; }
.locationInfo dl dd { line-height: 1.6; }
.trafficInfo { margin-top: 10px; }
.trafficInfo > dl { padding: 15px 0; border-top: 1px solid #ccc; }
.trafficInfo > dl:first-child { border-top: none; }
.trafficInfo > dl > dt { position: relative; padding: 4px 0 0 39px; color: #333; font-size: 16px; font-size: 1.6rem; font-weight: 600; }
.trafficInfo > dl > dt:before { content: ''; position: absolute; left: -1px; top: -1px; display: block; width: 34px; height: 36px; background: url("../img/about/icon_traffic.png") no-repeat center 0; background-size: auto 150px; }
.trafficInfo > dl > dt.car:before { background-position: center 0px; }
.trafficInfo > dl > dt.subway:before { background-position: center -50px; }
.trafficInfo > dl > dt.bus:before { background-position: center -100px; }
.trafficInfo > dl > dd { padding-left: 39px; line-height: 1.6; }
.trafficInfo > dl > dd > dl > dt { margin-top: 10px; color: #333; font-weight: 600; }
.trafficInfo + h3 { margin-top: -9px; }
.telBox { text-align: center; }
.telBox.bdLine { padding: 15px 19px 13px; }
.telBox p { padding: 2px 0; color: #333; }
.telBox strong { color: #10a0db; font-size: 16px; font-size: 1.6rem; font-weight: 700; }
.telBox + .telBox { margin-top: 14px; }


/* ================================== Member ================================== */
.signinForm { padding: 20px 9.167%; }
.signinForm .fieldWrap { position: relative; padding-left: 90px; }
.signinForm .fieldWrap label, .signinForm .fieldWrap .label { position: absolute; top: 0; left: 0; }
.signinForm .findPw { padding: 10px 0 14px; text-align: right; }
.signinForm .findPw a { color: #666; font-size: 13px; font-size: 1.3rem; }
.signinForm .findPw a:hover { text-decoration: underline; }
.signinForm .signIn { border-top: 1px solid #ccc; }
.signinForm .signIn:before, .signinForm .signIn:after { content: ""; display: table; }
.signinForm .signIn:after { clear: both; }
.signinForm .signIn input[type="checkbox"].custorm { margin-top: 14px; }
.signinForm .signIn input[type="checkbox"].custorm + label { margin-top: 14px; font-size: 13px; font-size: 1.3rem; }
.signinForm .signIn input[type="checkbox"].custorm + label i { margin: -4px 5px 0 0; }
.signinForm .signIn .ottBtn { float: right; margin-top: 15px; }
.acceptForm .stit { padding: 10px 0; color: #333; font-weight: 600; }
.acceptForm .termsBox { overflow-y: auto; height: 154px; padding: 10px 15px; font-size: 13px; font-size: 1.3rem; line-height: 1.65; border: 1px solid #c6cbd0; background: #fff; }
.acceptForm .acceptChk { padding-top: 3px; text-align: left; }
.acceptForm .couponForm { margin-bottom: 5px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.acceptForm .couponForm .inBtnField { position: relative; padding-right: 160px; }
.acceptForm .couponForm .inBtnField .ottBtn { position: absolute; top: 0; right: 0; }
.acceptForm .couponForm .inBtnField .ottBtn.btnInpGray { right: 80px; }
.orderSummaryForm input[type="text"] { text-align: right; color: #333; font-weight: 600; }
.orderSummaryForm .orderTotal label, .orderSummaryForm .orderTotal .label { color: #ff623d; }
.orderSummaryForm .orderTotal input[type="text"] { color: #ff623d; }
.orderSummaryForm .paymentCho { margin-top: 16px; padding: 10px 0; border: 1px solid #ccc; border-width: 1px 0; }
.orderSummaryForm .paymentCho > p { padding-bottom: 5px; color: #333; font-weight: 600; }
.orderSummaryForm .paymentCho input[type="radio"].custorm { margin-top: 5px; }
.orderSummaryForm .paymentCho input[type="radio"].custorm + label { display: block; margin-top: 5px; }
.orderSummaryForm .acceptChk { text-align: right; }
.orderSummaryForm .acceptChk input[type="checkbox"].custorm + label { color: #333; }
.orderSummaryForm .couponForm { margin-bottom: 5px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.orderSummaryForm .couponForm .inBtnField { position: relative; padding-right: 160px; }
.orderSummaryForm .couponForm .inBtnField .ottBtn { position: absolute; top: 0; right: 0; }
.orderSummaryForm .couponForm .inBtnField .ottBtn.btnInpGray { right: 80px; }
.orderSummaryForm .couponForm .inBtnField > * {margin-left: 0;}
.contBox.basketList.bdLine { padding-left: 131px; }
.basketList + .basketList { margin-top: 10px; }
.basketList .thumb { position: absolute; top: 19px; left: 19px; }
.basketList .thumb img { max-width: 90px; max-height: 90px; width: 90px; height: 90px; border: 1px solid #ccc; }
.basketList .productName { margin-bottom: 10px; color: #333; font-weight: 600; line-height: 1.2; }
.basketList dl { margin-top: 6px; }
.basketList dl:before, .basketList dl:after { content: ""; display: table; }
.basketList dl:after { clear: both; }
.basketList dl > * { float: left; color: #333; }
.basketList dl dt { width: 45%; font-weight: 600; }
.basketList dl dd { width: 55%; font-weight: 400; }
.basketList .qtyTit { margin-top: 6px; }
.basketList .qtyBox { display: inline-block; border: 1px solid #ccc; }
.basketList .qtyBox button { position: relative; }
.basketList .qtyBox button.minus, .basketList .qtyBox button.plus { width: 29px; height: 29px; }
.basketList .qtyBox button.minus:before, .basketList .qtyBox button.plus:before { content: ''; position: absolute; left: 8px; top: 14px; display: block; width: 13px; height: 1px; background: #999; }
.basketList .qtyBox button.minus { margin-right: -4px; }
.basketList .qtyBox button.plus { margin-left: -4px; }
.basketList .qtyBox button.plus:after { content: ''; position: absolute; left: 14px; top: 8px; display: block; width: 1px; height: 13px; background: #999; }
.basketList .qtyBox button.delBtn { width: 21px; height: 21px; }
.basketList .qtyBox button.delBtn:before, .basketList .qtyBox button.delBtn:after { content: ''; position: absolute; left: -2px; top: 10px; display: block; width: 15px; height: 1px; background: #999; }
.basketList .qtyBox button.delBtn:before { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.basketList .qtyBox button.delBtn:after { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.basketList .qtyBox .amoutNum { width: 32px; padding: 0; text-align: center; color: #333; height: 29px; line-height: 27px; border: none; }
.basketList .delete { position: absolute; top: 0; right: 0; }
.basketList .delBtn { width: 31px; height: 31px; vertical-align: top; }
.basketList .delBtn:before, .basketList .delBtn:after { content: ''; position: absolute; left: 8px; top: 15px; display: block; width: 15px; height: 1px; background: #666; }
.basketList .delBtn:before { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.basketList .delBtn:after { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.pricesResult { margin-top: 10px; padding: 7px 11px; color: #333; border: 1px solid #46474c; border-width: 1px 0; text-align: right; }
.pricesResult strong { padding-left: 5px; color: #10a0db; font-size: 18px; font-size: 1.8rem; font-weight: 600; }


/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }


/*********** custom ***********/
.slideWrap { position: relative; }
.slick-slide img { width: 100%; }

/** Arrows **/
.slidePrev, .slideNext { position: absolute; left: auto; top: 50%; display: block; width: 78px; height: 78px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: rgba(0, 0, 0, 0.2); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; z-index: 999; }
.slidePrev:hover, .slideNext:hover { background: rgba(0, 0, 0, 0.8); }
.slidePrev span, .slideNext span { position: relative; display: block; width: 100%; height: 100%; }
.slidePrev span:after, .slideNext span:after { content: ''; position: absolute; left: 50%; top: 50%; display: block; width: auto; height: auto; margin-top: -12px; margin-left: -5px; padding: 10px; vertical-align: middle; border: solid rgba(255, 255, 255, 0.5); border-width: 0 3px 3px 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.slidePrev { left: 0; }
.slideNext { right: 0; }
.slideNext span:after { margin-left: -18px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.slick-disabled { opacity: 0; }

/** Dot **/
.slick-dots { position: absolute; left: 50%; display: block; padding: 0; margin: 0; list-style: none; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 999; }
.slick-dots li { position: relative; display: inline-block; padding: 0; cursor: pointer; }
.slick-dots li button { position: relative; display: block; cursor: pointer; color: transparent; font-size: 0; line-height: 0; border: 0; outline: none; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 50%; left: 50%; content: ''; text-align: center; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.slideWrap .slick-dots { bottom: 40px; }
.slideWrap .slick-dots li { padding: 0 6px; }
.slideWrap .slick-dots li button { width: 20px; height: 20px; padding: 5px; background: transparent; }
.slideWrap .slick-dots li button:before { width: 12px; height: 12px; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.slideWrap .slick-dots li.slick-active button:before { background: rgba(0, 0, 0, 0.9); }



/* modal */
.btn-close {
    color: #aaaaaa;
    font-size: 40px;
    text-decoration: none;
    padding: 0 10px 10px 10px;
    position: absolute;
    right: 7px;
    top: 0;
    line-height: 1;
}
.btn-close:hover {
    color: #919191;
}
.modale:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.opened:before {
    display: block;
}
.opened .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 14%;
}
.modal-dialog {
    background: #fefefe;
    border: #333333 solid 0px;
    border-radius: 5px;
    margin-left: -45%;
    text-align:center;
    position: fixed;
    left: 50%;
    top: -100%;
    z-index: 11;
    width: 90%;
    box-shadow:0 5px 10px rgba(0,0,0,0.3);
    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal-body {
    padding: 10px 20px;
    text-align: left;
}
.modal-body dt {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    position: relative;
	padding-bottom: 5px;
}
.modal-body dt .posR {
    color: #666666;
    font-weight: normal;
    font-size: 12px;
	display: block;
}
.modal-body dt .req {
    color: #10a0db;
    font-weight: normal;
    font-size: 12px;
}
.modal-body dd { margin-bottom: 5px; }
.modal-body input{
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    color:#888;
    outline:0;
    font-size:14px;
    font-weight:bold
}
.modal-header {
    padding: 10px 20px;
}
.modal-footer {
    padding: 0 20px 20px;
}
.modal-header {
    /*border-bottom: #eeeeee solid 1px;*/
}
.modal-header h2 {
    font-size: 20px;
}





/* 200403 */
.terms-wrap .terms-box {
	padding: 30px 6%;
	background-color: #f6f6f6;
}
.terms-wrap .terms-box + .terms-box {
	margin-top: 30px;
}
.terms-box .row-box {
	padding: 14px 0
}
.terms-box .row-box > * {
	padding-bottom: 10px;
}
.terms-box .row-box > *:first-child {
	padding-top: 0;
}
.terms-box h3 {
    padding: 14px 0;
    color: #333;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    border-bottom: none;
    margin-bottom: 0;
}
.terms-box dl dt,
.terms-box dl dd,
.terms-box ul li {
	position: relative;
	padding-left: 17px;
	padding-bottom: 4px;
}
.terms-box ul.no-pdl li {
	padding-left: 0;
}
.terms-box dl dt > i,
.terms-box dl dd > i,
.terms-box ul li > i {
	position: absolute;
	top: 0;
	left: 0;
	font-style: normal;
}
.terms-box li ul {
	margin-top: 4px;
}





/* 200423 */
.customWrap h3 { margin-bottom: 7px; padding: 0; color: #333; font-size: 18px; font-weight: 600; border-bottom: none; }
.customWrap h4 { margin-top: 20px; color: #333; font-size: 15px; font-weight: 600;}
.customWrap h4 + .infoTable { margin-top: 10px; }
.customWrap > * { margin-bottom: 30px; }
.contBox .note,
.contBox .footnote { padding-top: 5px; }
.contBox .note strong,
.contBox .footnote strong { color: #333; font-weight: 600; }

.contBox .footnote p { position: relative; margin-top: 10px; }
.contBox .footnote p i { position: absolute; top: 0; left: 0; font-style: normal; }
.contBox .footnote p.asterisk1 { padding-left: 11px; }
.contBox .footnote p.asterisk2 { padding-left: 19px; }
.contBox .footnote p.asterisk3 { padding-left: 27px; }

.contBox .note { position: relative; margin-top: 10px; }
.contBox .note p { color: #333; font-size: 15px; font-weight: 600; }
.contBox .note li { position: relative; margin-top: 10px; padding-left: 14px; }
.contBox .note li i { position: absolute; top: 0; left: 0; font-style: normal; }
.contBox .contactLink { text-decoration: underline; color: #10a0db; font-weight: 500; }

.infoTable { margin-top: 20px; overflow-x: auto; }
.infoTable table { width: 100%; border-top: 2px solid #46474c; padding: 0; margin: 0; border-collapse: collapse; }
.infoTable th,
.infoTable td { padding: 10px 10px; text-align: center; vertical-align: middle; border: solid #d1d1d1; border-width: 0 0 1px 1px;}
.infoTable th:first-child,
.infoTable td:first-child { border-width: 0 0 1px 0;}
.infoTable th { color: #333; font-weight: 600; background: #f6f6f6; }
.infoTable td {}

.faqWrap .tabWrap {margin-top: 5px;}
.faqWrap .tabList { position: relative; width: 100%; overflow: visible;}
.faqWrap .tabList:before, .productDetail .tabList:after { content: ""; display: table; }
.faqWrap .tabList:after { clear: both; }
.faqWrap .tabList > li { float: left; width: 50%; margin: -1px 0 0 -1px; }
.faqWrap .tabList > li a { position: relative; display: block; margin: 0; padding: 8px 4px 11px; text-align: center; color: #666; border: 1px solid #ccc; background: #f6f6f6; z-index: 1; }
.faqWrap .tabList > li:first-child a { margin-left: 0; }
.faqWrap .tabList > li.isActive a { color: #10a0db; font-weight: 600; border: 1px solid #666; background: #fff; z-index: 2; }
.faqWrap .tabCont { padding-top: 40px; }

.accordionListWrap { border-top: 2px solid #46474c; }
.accordionList > * { border-bottom: 1px solid #d1d1d1; }
.accordionList .questionBtn { position: relative; display: block; padding: 16px 53px 15px;  color: #46474c; font-weight: 600; }
.accordionList .questionBtn:before { content: 'Q.'; position: absolute; left: 20px; top: 16px; color: #0b86cd; }
.accordionList .questionBtn:after { content: ''; position: absolute; right: 0; top: 1px; display: block; width: 53px; height: 50px; background: url("../img/common/icon_acco_open.png") no-repeat center center; }
.accordionList.isOpen .questionBtn:after { background: url("../img/common/icon_acco_close.png") no-repeat center center; }
.accordionList .answerBox { position: relative; display: none; padding: 20px 53px; background: #f6f6f6; }
.accordionList .answerBox:before { content: 'A.'; position: absolute; left: 20px; top: 20px; color: #666; font-weight: 600; }
.accordionList .answerBox > * { margin-top: 15px; }
.accordionList .answerBox > *:first-child { margin-top: 0; }
.accordionList .answerBox strong { font-weight: 600; }
.accordionList .answerBox .link { text-decoration: underline; color: #10a0db; font-weight: 500; }
.accordionList .answerBox .mailto { color: #444; }
.accordionList .answerBox .ship select { margin-top: 10px; color: #333; font-weight: 600; }
.accordionList .answerBox .price { color: #10a0db; font-size: 20px; }
.accordionList .answerBox .squareList li { position: relative; margin-top: 15px; padding-left: 15px;}
.accordionList .answerBox .squareList li:first-child { margin-top: 0; }
.accordionList .answerBox .squareList li:before { content: ''; position: absolute; left: 2px; top: 8px; display: block; width: 5px; height: 5px; background: #d1d1d1; }
.accordionList .answerBox .numberList li { position: relative; margin-top: 15px; padding-left: 15px;}
.accordionList .answerBox .numberList li:first-child { margin-top: 0; }
.accordionList .answerBox .numberList li > i { position: absolute; left: 0; top: 0; font-style: normal; }

/* 2000506 */
.alertBox { padding: 15px; text-align: center; color: #333; font-weight: 400; border: 1px solid #ff633f;}
.alertBox:before { content: ''; display: inline-block; width: 23px; height: 21px; margin: -6px 3px 0 0; vertical-align: middle; background: url("../img/common/icon_alert.png") no-repeat center center; }



/* 20221017 */
.inqueryPopupBg{position: fixed;top:0;left:0;z-index: 9999;width:100%;height:100%;background: rgba(0,0,0,0.5);}
.inqueryPopup{position: relative;width:350px;margin: 170px auto;padding: 0 20px 20px;background: #fff;opacity: 0;transition: margin 0.3s ease, opacity 0.3s ease;}
.inqueryPopup.on{margin: 200px auto;opacity: 1;}
.inqueryPopup .popHeader{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 14px 0;border-bottom: 1px solid #ccc;font-size: 14px;}
.inqueryPopup .popHeader h3{margin: 0;padding:0;border:none;font-size: 16px;}
.inqueryPopup .popHeader .close{width:20px;height:20px;background: url("/img/product/img_inquery_popup_close.png") no-repeat center center;background-size: cover;}
.inqueryPopup .foremWrap .inqueryFormUl li{margin-top: 15px;}
.inqueryPopup .foremWrap .inqueryFormUl li h6{margin-bottom: 5px;font-weight: 600;}
.inqueryPopup .foremWrap .inqueryFormUl li input:focus{outline: none;}
.inqueryPopup .foremWrap .inqueryFormUl li textarea{resize: none;height: 100px;}
.inqueryPopup .foremWrap .inqueryFormUl li textarea:focus{outline: none;}
.inqueryPopup .foremWrap .btnWrap{display: flex;flex-wrap: wrap;justify-content: flex-end;margin-top: 15px;}
.inqueryPopup .foremWrap .btnWrap .inqBtn{padding: 10px 15px;border:1px solid #ddd;font-weight: 600;font-family: "Open Sans", sans-serif;}
.inqueryPopup .foremWrap .btnWrap .inqBtn.submitBtn{margin-left: 10px;background: #10a0db;border-color: #10a0db;color:#fff;}

/* 20230404 */
.contBox.quality{margin-top: 20px;}
.contentBody .contBox.quality h3{padding: 0;margin-bottom: 15px;padding: 0;color: #10a0db;font-size: 18px;font-weight: 600;}
.contBox.quality .pointP{margin: 25px 0 15px;font-weight: 700;color:#333;}
.contBox.quality .imgGrayBox{padding: 35px;background: #f9f9f9;text-align: center;}
.contBox.quality .imgGrayBox img{width: 100%;max-width: 470px;}