@charset "euc-kr";
/* common reset */
html {font-size:10px}
body {line-height:1em; font-size:12px; font-size:1.2rem; -webkit-text-size-adjust: none; overflow-y:scroll}
html, body {padding:0; margin:0; border:0;}
div, span, strong, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0; padding:0; border:0; font-family:'Nanum Barun Gothic', sans-serif; line-height:100%; color:#000; border-spacing:0; /*vertical-align:baseline;*/
}
img {vertical-align:middle;}
i {font-style:normal}
ol, ul, li {list-style:none;}
select {height:20px; border:1px solid #d7d7d7; color:#3e3e3e; padding:0; margin:0; border:0}
caption {width:0; height:0; font-size:0; line-height:0;}
legend {width:0; height:0; font-size:0; line-height:0;}
button {margin:0; padding:0; border:0 none}
/* table */
table {
border-collapse:collapse; border-spacing:0; border:0; /*table-layout:fixed;*/
}
/* anchor */
a {text-decoration:none; font-size:1em;}
a {/*outline:none*/}
a:hover, a:active {/* text-decoration:underline */}
textarea {resize: none; font:12px 'Nanum Barun Gothic', sans-serif; color:#000}
input[type="text"],
input[type="password"],
input[type="submit"],
button,
textarea {-webkit-appearance: none; border-radius:0; -webkit-border-radius:0; font:12px 'Nanum Barun Gothic', sans-serif; color:#000; border:0 none; padding:0; margin:0}
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear {display: none}
input[type="radio"], input[type="checkbox"] {padding:0; margin:0; width:13px; height:13px}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {padding:0; margin:0}
::-webkit-input-placeholder {color:#000;}
:-moz-placeholder {color:#000; opacity:1;}
::-moz-placeholder {color:#000; opacity:1;}
:-ms-input-placeholder {color:#000;}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:transparent;
font:12px 'Nanum Barun Gothic', sans-serif; color:#000
}
/* ellipsis */
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/assets/css/ellipsis.xml#ellipsis);}
.clip {text-overflow:clip; overflow:hidden; white-space:nowrap;}
/* temp */
.window-width {position:fixed; z-index:101; top:0; left:0; width:100%; color:#fff; opacity:0.6; text-align:center; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:11px}
/* access */
.blind {position:absolute; top:-9999px; left:0; width:0; height:0; text-align:left; text-indent:-9999px; font-size:0; color:transparent}
#testCheckedSelector:checked {width:1000px} /* checked 가상선택자 지원 테스트 용 */
/* common layout */
#wrapper {}
#header {position:relative; width:1000px; padding:60px 0 1px 0; margin:0 auto; border-bottom:1px solid #dedede}
#header .gbar {position:fixed; left:0; top:0; z-index:100; width:100%; background:url(/assets/images/common/bg-gbar.png)}
#header .gbar > .inset {position:relative; width:1000px; margin:0 auto}
#header .gbar > .inset > .top {height:60px}
#header .gbar h1 *{display:block}
#header .gbar h1 img {width:124px;}
#header .gbar h1 {position:absolute; top:3px; left:50%; margin-left:-62px; width:124px; height:28px;}
#header .gbar .util {float:right;padding:20px 30px 0 0;}
#header .gbar .util li {display:inline-block;}
#header .gbar .util li ~ li {}
#header .gbar .util li a {/*
color:#fff;
font-family:"Noto Sans";
font-size:11px;
font-size:1.1rem;
padding:3px 15px 4px 4px;
background:url(/assets/images/common/bul-gbar-util.png) right 5px no-repeat;
*/color: #fff;padding-right: 15px;}
#header .gbar .util li a img {width:20px;height:20px;}
#header .gbar .nav,
#header .gbar .product,
#header .gbar .shop {/*padding:60px 0 0 0*/}
#header .gbar .nav h2,
#header .gbar .product h2,
#header .gbar .shop h2 {position:absolute; top:20px}
#header .gbar .nav h2 {left:30px}
#header .gbar .nav h2 a {display:block; width:22px; height:16px; background:url(/assets/images/common/btn-gbar-nav.png) center center no-repeat; text-indent:-9999px}
#header .gbar .product h2 {left:110px}
#header .gbar .product h2 a {display:block; width:21px; height:16px; background:url(/assets/images/common/btn-gbar-search.png) center center no-repeat; text-indent:-9999px}
#header .gbar .shop h2 {left:188px}
#header .gbar .shop h2 a {display:block; width:20px; height:16px; background:url(/assets/images/common/btn-gbar-shop.png) center center no-repeat; text-indent:-9999px}
#header .gbar .nav .all {overflow:hidden}
#header .gbar .nav .all .inset {width:708px; padding:30px 0 55px 0; margin:0 auto}
#header .gbar .nav .all .inset > ul.n { *zoom:1;overflow:hidden}
#header .gbar .nav .all .inset > ul.n:after {content:""; display:block; clear:both}
#header .gbar .nav .all .inset > ul.n > li {margin-bottom:25px}
#header .gbar .nav .all .inset > ul.n > li img.gnb-pc-banner {display:block;}
#header .gbar .nav .all .inset > ul.n > li img.gnb-mobile-banner {display:none;}
#header .gbar .nav .all .inset > ul.n > li.brand,
#header .gbar .nav .all .inset > ul.n > li.product {margin-bottom:0; float:left}
#header .gbar .nav .all .inset > ul.n > li.brand {width:175px}
#header .gbar .nav .all .inset > ul.n > li.product {width:350px}
#header .gbar .nav .all .inset > ul.n > li > a {font-family:"Noto Sans"; color:#4ccedf; font-weight:700; font-size:20px; font-size:2rem}
#header .gbar .nav .all .inset > ul.n > li.brand > a,
#header .gbar .nav .all .inset > ul.n > li.product > a {display:inline-block; margin-bottom:25px}
#header .gbar .nav .all .inset > ul.n > li ul a {color:#fff}
#header .gbar .nav .all .inset > ul.n > li > ul > li > a {font-size:14px; font-weight:bold}
#header .gbar .nav .all .inset > ul.n > li.brand > ul > li {margin-bottom:17px}
#header .gbar .nav .all .inset > ul.n > li.product > ul > li {margin-bottom:18px; *zoom:1}
#header .gbar .nav .all .inset > ul.n > li.product > ul > li:after {content:""; display:block; clear:both}
#header .gbar .nav .all .inset > ul.n > li.product > ul > li *{float:left}
#header .gbar .nav .all .inset > ul.n > li.product > ul > li > ul {float:right; width:250px}
#header .gbar .nav .all .inset > ul.n > li.product > ul > li > ul > li {width:95px; margin-bottom:14px}
#header .gbar .nav .all .inset > ul.util {display:none}
#header .gbar .product .search {overflow:hidden}
#header .gbar .product .search fieldset {position:relative; width:523px; margin:0 auto; height:40px; padding:13px 1px 30px 0; *zoom:1}
#header .gbar .product .search fieldset:after {content:""; display:block; clear:both}
#header .gbar .product .search fieldset label {position:absolute; top:-9999px; left:0}
#header .gbar .product .search fieldset input[type="text"] {float:left; width:460px; height:40px; padding:0 0 0 20px; line-height:36px; color:#127c8a; font-size:14px; font-size:1.4rem}
#header .gbar .product .search fieldset .submit {position:absolute; right:0; top:13px; width:40px; height:40px; text-indent:-9999px; background:#127c8a url(/assets/images/common/btn-gbar-search.png) center center no-repeat}
#header .gbar .product .search fieldset .suggestion {display:none; position:absolute; z-index:3; left:0; top:53px; width:440px; background:#fff; padding:0 20px 20px 20px}
#header .gbar .product .search fieldset .suggestion .inset {padding:20px 0 0 0; border-top:1px solid #c2d7d2; *zoom:1}
#header .gbar .product .search fieldset .suggestion .inset:after {content:""; display:block; clear:both}
#header .gbar .product .search fieldset .suggestion .inset ul {float:left}
#header .gbar .product .search fieldset .suggestion .inset ul li a {font-size:14px; font-size:1.4rem;}
#header .gbar .product .search fieldset .suggestion .inset ul li a strong {color:#127c8a; font-weight:normal}
#header .gbar .product .search fieldset .suggestion .inset ul li {margin-bottom:14px}
#header .gbar .product .search fieldset .suggestion .inset .goods {float:right; width:196px; border-left:1px solid #dedede; text-align:center; margin-right:-20px}
#header .gbar .product .search fieldset .suggestion .inset .goods span,
#header .gbar .product .search fieldset .suggestion .inset .goods strong {display:block}
#header .gbar .product .search h3,
#header .gbar .product .search ul.keyword {width:1000px; text-align:center}
#header .gbar .product .search h3 {color:#4ccedf; font-size:12px; font-size:1.2rem; font-weight:bold; margin-bottom:16px}
#header .gbar .product .search ul.keyword {padding-bottom:75px}
#header .gbar .product .search ul.keyword li {display:inline-block; *display:inline; *zoom:1; margin:0 13px}
#header .gbar .product .search ul.keyword li a {color:#fff}
#header .gbar .shop .find {overflow:hidden}
#header .gbar .shop .find .inset {width:650px; margin:0 auto; padding:40px 0 58px 0; *zoom:1}
#header .gbar .shop .find .inset:after {content:""; display:block; clear:both}
#header .gbar .shop .find .inset p.copy,
#header .gbar .shop .find .inset p.guide {color:#fff}
#header .gbar .shop .find .inset p.copy {font-size:18px; margin-bottom:18px}
#header .gbar .shop .find .inset p.copy span {color:#4ccedf}
#header .gbar .shop .find .inset ul.near {width:660px; margin-right:-10px; margin-bottom:10px; *zoom:1}
#header .gbar .shop .find .inset ul.near:after {content:""; display:block; clear:both}
#header .gbar .shop .find .inset ul.near li, #header .gbar .shop .find .inset ul.near li a {float:left}
#header .gbar .shop .find .inset ul.near li {padding:0 10px 10px 0}
#header .gbar .shop .find .inset ul.near li a {width:210px; height:42px; line-height:42px; background:#4ccedf; font-size:14px; font-size:1.4rem; text-align:center}
#header .gbar .shop .find .inset p.guide {margin:-1px 0 58px 0}
#header .gbar .shop .find .inset .more {float:left; position:relative; width:210px; height:40px; line-height:40px; text-indent:20px; font-size:14px; background:#ffbf2c}
#header .gbar .shop .find .inset .more em {position:absolute; right:20px; top:50%; margin-top:-5px; width:6px; height:10px; background:url(/assets/images/common/bul-arrow-right.png) right center no-repeat}
#header .gbar .shop .find .inset .fake-select {float:left; margin-right:10px}
#header .gbar .shop .find .inset .fake-select .value {height:40px; line-height:40px; padding-left:20px; border:0 none; font-size:14px; font-size:1.4rem}
#header .gbar .shop .find .inset .fake-select .arrow {top:0; right:0; width:50px; height:40px}
#header .gbar .shop .find .inset .fake-select ul {top:40px; border:0 none}
#header .gbar .shop .find .inset .fake-select ul li {height:40px; border:0 none}
#header .gbar .shop .find .inset .fake-select ul li *{height:40px; line-height:40px}
#header .gbar .shop .find .inset .fake-select ul li label {text-indent:20px; font-size:14px; font-size:1.4rem}
#header .gbar .nav .all,
#header .gbar .product .search,
#header .gbar .shop .find {position:absolute; top:-9999px}
#header .gbar .inset > .close-gbar {position:absolute; left:50%; margin-left:-20px; bottom:-20px; width:40px; height:40px; background:#127c8a url(/assets/images/common/btn-gbar-close.png) center center no-repeat; background-size:14px 14px; border-radius:20px; text-indent:-9999px; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"}
.no-borderradius #header .gbar .inset > .close-gbar {background:url(/assets/images/common/btn-close-gbar.png) center center no-repeat}
#header .gnb,
#container .gnb {position:relative; height:77px; border-bottom:1px solid #dedede}
#header .gnb > strong ,
#container .gnb > strong {
position: absolute;
left: 30px;
top: 50%;
transform: translateY(-50%);
}
#header .gnb > strong img,
#container .gnb > strong img {
width: 124px;
}
#container .gnb > strong img {width:124px;}
#header .gnb > ul,
#container .gnb > ul {position:absolute; right:30px; top:31px}
#header .gnb > ul *,
#container .gnb > ul *{float:left}
#header .gnb > ul li a,
#container .gnb > ul li a {font-size:18px; font-size:1.8rem; font-family:"Noto Sans"}
#header .gnb > ul li,
#container .gnb > ul li {margin-left:60px}
#container {width:1000px; margin:0 auto}
#footer {width:1000px; margin:0 auto;}
#footer .links {position:relative; padding:32px 0; background:#f0f0f0; text-align:center}
#footer .links ul.sns,
#footer .links ul.login {position:absolute;left:26px;top: 50%;z-index:10;font-size:0;transform: translateY(-50%);}
#footer .links ul.sns li.sns2 {margin-right:29px}
/*#footer .links ul.sns li a {width:15px; height:16px; text-align:left; text-indent:-9999px}
#footer .links ul.sns li.sns1 a {background:url(/assets/images/common/btn-footer-fb.png) 4px center no-repeat}*/
#footer .links ul.sns li a {display:block;width:28px; height:28px; text-indent:-9999px;background:url(/assets/images/product/ico-share-set2.png) no-repeat;}
#footer .links ul.sns li.sns1 a {background-position:left top}
#footer .links ul.sns li.sns2 a {background:url(/assets/images/common/btn-footer-ist.png) center center no-repeat}
#footer .links ul.sns li.sns3 a {background:url(/assets/images/common/btn-footer-ytb.png) center center no-repeat}
#footer .links ul.login li a {background:none;font-size: 12px;font-size: 1.2rem;background: url(/assets/images/common/ico-arrow.png) right center no-repeat;padding-right: 15px;}
#footer .links ul.login li {display:inline-block;}
#footer .links ul.login li ~ li {margin-left: 30px;}
#footer .links .footer-sns {display:none;}
#footer .links ul.quick li {display:inline-block; *display:inline; *zoom:1; border-left:1px solid #595959; padding:0 36px 0 38px}
#footer .links ul.quick li:first-child {border-left:0 none}
#footer .links ul.quick li a {color:#595959}
#footer .links .family {position:absolute;width:76px;right:30px;top:50%;margin-top:-8px;z-index:1}
#footer .links .family p {position:relative; height:16px; line-height:16px; font-family:"Noto Sans"; text-align:left; color:#595959}
#footer .links .family p em {position:absolute; right:0; top:6px; width:8px; height:8px; background:url(/assets/images/common/ico-fold-family.png) center top no-repeat}
#footer .links .family p a {font-size:11px;font-size: 1.1rem;color:#555}
#footer .links .family .site {display:none; position:absolute; bottom:25px; left:-20px; padding:0 2px 2px 0; background:url(/assets/images/common/bg-fam.png)}
#footer .links .family .site ul {width:112px; margin:-2px 0 0 -2px; padding:7px 0; background:#fff; border:1px solid #999}
#footer .links .family .site ul *{display:block}
#footer .links .family .site ul li a {height:25px; line-height:25px; text-align:left; padding-left:14px}
#footer .links .family .site ul li a:hover,
#footer .links .family .site ul li a:focus {background:#333; color:#fff;}
#footer .links .family.open .site {display:block}
#footer .links .family.open p em {top:5px; background:url(/assets/images/common/btn-close-site.png) center center no-repeat}
#footer .copyright {position:relative; padding:30px; padding-bottom:30px}
#footer .copyright p {line-height:15px; line-height:1.5rem; color:#696969}
#footer .copyright p.copy2 {font-family:"Noto Sans"; font-weight:bold; font-size:10px; font-size:1rem; padding-top:6px}
#footer .copyright > strong {position:absolute; right:30px; top:30px}
.content-area {padding-bottom:50px; overflow:hidden}
.pb0 {padding-bottom:0}
.pb30 {padding-bottom:30px}
.mb0 {margin-bottom:-8px}
.content-area.content-detail {overflow:visible}
.page-visual {height:110px; background-position:top center; background-repeat:no-repeat;}
.page-visual h2 {font-size:30px; font-size:3rem; padding:40px 0 0 30px; height:30px; line-height:100%; font-weight:normal}
.wrapper-window {padding:50px 0 0 0; width:1000px; margin:0 auto}
/* common element */
.button {display:inline-block; height:30px; line-height:30px; width:97px; text-align:center; color:#fff; /*background:#747474*/ background:#333}
.button:hover, .button:focus {background:#127c8a}
.button.button-g {background:#747474}
.button.button-g:hover,
.button.button-g:focus {background:#333}
.button.button-b {background:#127c8a}
.button.button-b:hover,
.button.button-b:focus {background:#127c8a}
.fake-select {display:inline-block; position:relative; vertical-align:middle; background:#fff}
.fake-select *{cursor:pointer}
.fake-select .value {position:relative; z-index:2; display:block; height:30px; line-height:30px; padding:0 0 0 15px; border:1px solid #333; font-weight:normal}
.fake-select .arrow {position:absolute; right:1px; top:1px; width:30px; height:30px; background:#fff url(/assets/images/common/bul-select.png) center center no-repeat}
.fake-select ul {position:absolute; top:31px; z-index:10; /*left:0;*/ left:-3000%; width:100%; border-top:1px solid #333; border-bottom:1px solid #333; background:#fff; max-height:400px; overflow:auto}
.fake-select ul li {position:relative; height:30px; overflow:hidden; white-space:nowrap; border-right:1px solid #333; border-left:1px solid #333;}
.fake-select ul li label {position:absolute; left:0; top:0; width:100%; text-indent:15px; height:30px; line-height:30px; background:#fff}
.fake-select ul li input {position:absolute; width:100%; height:30px; line-height:30px;}
.fake-select ul li.hover,
.fake-select ul li:hover *{background:#dedede}
.fake-select.focus,
.fake-select.focus .arrow {background-color:#f2f2f2}
.page-location {padding:18px 0; text-align:right}
.page-location *{display:inline-block; height:14px; line-height:14px; vertical-align:middle}
.page-location em {width:20px; text-align:left; text-indent:-9999px; overflow:hidden; background:url(/assets/images/common/bul-line-map.png) center 3px no-repeat}
.page-location span {color:#666}
.page-location strong {font-weight:normal}
.reflow-rows {border-top:1px solid #dedede;}
.reflow-rows .set {border-bottom:1px solid #dedede}
.reflow-rows .set > .inset {position:relative; border-top:1px solid #fff; border-bottom:1px solid #fff; padding-left:165px; padding-right:15px}
.reflow-rows .set .th {position:absolute; left:0; top:0; height:100%; width:120px; padding-left:30px; background:#f6f6f6}
.reflow-rows .set .th strong {vertical-align:middle}
.reflow-rows .set .th span {display:inline-block; width:0; height:100%; vertical-align:middle}
.reflow-rows .set .td {min-height:32px; padding-bottom:11px; padding-top:11px}
.reflow-rows .set .td.va {height:32px}
.reflow-rows .set .td .td-inset {display:inline-block; *display:inline; *zoom:1; vertical-align:middle}
.reflow-rows .set .td .va {display:inline-block; vertical-align:middle; width:0; height:100%}
.reflow-rows .set .td input[type="text"],
.reflow-rows .set .td textarea {width:100%; border:1px solid #ccc; padding-left:10px; padding-right:10px; box-sizing:border-box}
.reflow-rows .set .td input[type="text"] {height:32px; line-height:32px}
.reflow-rows .set .td textarea {height:250px; padding:10px; line-height:133%}
.rate-vote {display:inline-block; *display:inline; *zoom:1; margin-right:13px; padding:1px 0 0 0}
.rate-vote:after {content:""; display:block; clear:both}
.rate-vote .label {float:left; height:15px; line-height:14px; padding-top:1px; padding-right:7px;}
.rate-vote .vote {float:left; position:relative; overflow:hidden}
.rate-vote .vote label {float:left; width:18px; height:15px; cursor:pointer; text-indent:-9999px; background:url(/assets/images/product/bg-vote-star-min.png) top left repeat-x}
.rate-vote .vote input[type="radio"] {position:absolute; top:-20px}
.rate-vote .vote.vote1 input[value="1"] + label,
.rate-vote .vote.vote2 input[value="1"] + label,
.rate-vote .vote.vote2 input[value="2"] + label,
.rate-vote .vote.vote3 input[value="1"] + label,
.rate-vote .vote.vote3 input[value="2"] + label,
.rate-vote .vote.vote3 input[value="3"] + label,
.rate-vote .vote.vote4 input[value="1"] + label,
.rate-vote .vote.vote4 input[value="2"] + label,
.rate-vote .vote.vote4 input[value="3"] + label,
.rate-vote .vote.vote4 input[value="4"] + label,
.rate-vote .vote.vote5 input[value="1"] + label,
.rate-vote .vote.vote5 input[value="2"] + label,
.rate-vote .vote.vote5 input[value="3"] + label,
.rate-vote .vote.vote5 input[value="4"] + label,
.rate-vote .vote.vote5 input[value="5"] + label {background:url(/assets/images/product/ico-vote-star-min.png) left top no-repeat}
.notice-basic {padding:30px; border-bottom:1px solid #dedede}
.notice-basic > p {padding:0 0 0 40px; font-size:16px; height:30px; line-height:30px; margin-bottom:5px; background:url(/assets/images/common/ico-notice-big.png) left center no-repeat}
.notice-basic > ul {padding:0 0 0 40px;}
.notice-basic > ul > li {position:relative; padding:0 0 0 9px; line-height:133%; margin-bottom:6px}
.notice-basic > ul > li:after {content:""; display:block; position:absolute; left:0; top:5px; width:2px; height:2px; background:#000}
.btns-bottom {text-align:center; padding-top:30px}
label.basic {position:relative; display:inline-block; padding-left:24px; margin-right:16px; height:13px; line-height:13px; padding-top:1px}
label.basic input[type="radio"], label.basic input[type="checkbox"] {position:absolute; left:0; top:0; width:14px; height:14px;}
div.file-style {position:relative; padding-right:107px; overflow:hidden}
div.file-style label {position:absolute; right:0; top:0; height:32px; line-height:32px; width:97px; text-align:center; color:#fff; background:#747474; cursor:pointer}
div.file-style label:hover,
div.file-style label:focus {background:#333}
div.file-style input[type="file"] {position:absolute; left:0; top:-100px}
ul.tab-basic {margin:0 -1px; margin-bottom:40px; *zoom:1}
ul.tab-basic:after {content:""; display:block; clear:both}
ul.tab-basic li {float:left}
ul.tab-basic li span {display:block; padding:0 1px; position:relative}
ul.tab-basic li span a {position:relative; z-index:2; display:block; height:43px; line-height:43px; text-align:center; font-size:14px; font-size:1.4rem; font-weight:bold; border:1px solid #f6f6f6; background:#f6f6f6}
ul.tab-basic li.active span a {border:1px solid #000; background:#fff}
ul.tab-basic li.active span em {position:absolute; z-index:1; left:1px; top:2px; width:100%; height:100%; background:#ccc}
ul.tab-basic.tab-basic-6 li {width:16.66%}
ul.tab-basic.tab-basic-6 li:first-child,
ul.tab-basic.tab-basic-6 li:last-child {width:16.68%}
ul.tab-basic.tab-basic-3 li {width:33.33%}
ul.tab-basic.tab-basic-3 li:first-child {width:33.34%}
.board-foot {position:relative; text-align:right; padding-right:30px; min-height:40px}
.board-foot p {height:40px; line-height:40px; font-family:"Noto Sans";}
.board-foot button {position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; width:40px; height:40px; text-align:left; text-indent:-9999px; background:url(/assets/images/common/btn-more-list.png) center center no-repeat; cursor:pointer}
.list-basic {margin:0 -6px;}
.list-basic > ul {*zoom:1}
.list-basic > ul:after {content:""; display:block; clear:both}
.list-basic > ul > li {position:relative; float:left; width:25%; /*min-height:388px;*/ /*min-height:335px;*/ text-align:center; margin-bottom:50px}
.list-basic > ul > li > div {padding:0 6px; box-sizing:border-box; width:100%}
.list-basic > ul > li > div > a {display:block}
.list-basic > ul > li > div > a > img {width:100%}
.list-basic > ul > li > div > a > strong,
.list-basic > ul > li > div > a > span,
.list-basic > ul > li > div > a > em {display:block; padding-left:15px; padding-right:15px}
.list-basic > ul > li > div > a > em {height:15px;line-height:16px}
.list-basic > ul > li > div > a > strong,
.list-basic > ul > li > div > a > em {/*font-family:"Noto Sans";*/ font-style:normal}
.list-basic > ul > li > div > a > strong,
.list-basic > ul > li > div > a > span {font-size:14px; font-size:1.4rem}
.list-basic > ul > li > div > a > span {height:17px; line-height:19px}
.list-basic > ul > li > div > a > strong {padding-bottom:12px; padding-top:8px}
.list-basic > ul > li > div > a > span {padding-bottom:4px}
.list-basic > ul > li > div > a > span,
.list-basic > ul > li > div > a > em {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/assets/css/ellipsis.xml#ellipsis);}
.list-basic > ul > li {}
.list-basic .hover {}
.list-basic .hover {display:none; position:absolute; left:0; top:0; z-index:1;}
.list-basic .hover .inset {height:241px; padding:84px 0 0 0; border:1px solid #9e9e9e; background:rgba(255,255,255,0.95)}
.no-rgba .list-basic .hover .inset {background:url(/assets/images/common/bg-white-per95.png)}
.list-basic .hover .review {padding:0 38px 18px 38px; height:37px; line-height:18px;font-size:14px;font-weight:bold;overflow:hidden}
.list-basic .hover .copy {padding:0 38px; height:80px; line-height:18px;}
.list-basic .hover .button {margin-bottom:25px}
.list-basic .hover .star-vote {margin:0 auto; margin-bottom:25px}
.list-basic .hover .share-sns li {float:none; display:inline-block; margin:0 3px;}
.list-basic .hover .share-sns li a {/*background-color:#aaa*/}
/*
.list-basic .hover .share-sns li.fb a:hover,
.list-basic .hover .share-sns li.fb a:focus {background-color:#3b5997}
.list-basic .hover .share-sns li.tt a:hover,
.list-basic .hover .share-sns li.tt a:focus {background-color:#55acef}
.list-basic .hover .share-sns li.kt a:hover,
.list-basic .hover .share-sns li.kt a:focus {background-color:#fae100}
.list-basic .hover .share-sns li.cp a:hover,
.list-basic .hover .share-sns li.cp a:focus {background-color:#127c8a}
*/
/*.no-borderradius .list-basic .hover .share-sns li {background:url(/assets/images/product/bg-share-gray.png) 50% 50% no-repeat}*/
/*
.list-basic > ul > li:hover .hover,
.list-basic > ul > li.active .hover {display:block}
.list-basic > ul > li:hover > div > a > strong,
.list-basic > ul > li:hover > div > a > span,
.list-basic > ul > li.active > div > a > strong,
.list-basic > ul > li.active > div > a > span {position:absolute; left:50%; margin-left:-105px; z-index:2; width:210px; padding:0;}
.list-basic > ul > li:hover > div > a > strong,
.list-basic > ul > li.active > div > a > strong {top:28px; font-weight:normal; font-size:16px; font-size:1.6rem}
.list-basic > ul > li:hover > div > a > span,
.list-basic > ul > li.active > div > a > span {top:50px; font-size:16px; font-size:1.6rem}
*/
.list-basic > ul > li.active .hover {display:block}
.list-basic > ul > li.active > div > a > strong,
.list-basic > ul > li.active > div > a > span {position:absolute; left:50%; margin-left:-105px; z-index:2; width:210px; padding:0;}
.list-basic > ul > li.active > div > a > strong {top:28px; font-weight:normal; font-size:16px; font-size:1.6rem}
.list-basic > ul > li.active > div > a > span {top:50px; font-size:16px; font-size:1.6rem}
/*
.list-basic > ul > li > div {padding:0 6px}
.list-basic > ul > li > div > a {display:block}
.list-basic > ul > li > div > a > img {width:100%}
.list-basic > ul > li > div > a > strong,
.list-basic > ul > li > div > a > span,
.list-basic > ul > li > div > a > em {display:block; padding-left:15px; padding-right:15px}
.list-basic > ul > li > div > a > strong,
.list-basic > ul > li > div > a > em {font-family:"Noto Sans"; font-style:normal}
.list-basic > ul > li > div > a > strong,
.list-basic > ul > li > div > a > span {font-size:14px; font-size:1.4rem}
.list-basic > ul > li > div > a > strong {padding-bottom:12px; padding-top:8px}
.list-basic > ul > li > div > a > span {padding-bottom:4px}
.list-basic > ul > li > div > a > strong,
.list-basic > ul > li > div > a > span {font-size:14px; font-size:1.4rem}
.list-basic > ul > li > div > a > strong {padding-bottom:12px; padding-top:8px}
.list-basic > ul > li > div > a > span {padding-bottom:4px}
.list-basic > ul > li:hover > div > a > strong,
.list-basic > ul > li:hover > div > a > span,
.list-basic > ul > li.active > div > a > strong,
.list-basic > ul > li.active > div > a > span {position:absolute; left:50%; margin-left:-105px; z-index:2; width:210px; padding:0;}
.list-basic > ul > li:hover > div > a > strong,
.list-basic > ul > li.active > div > a > strong {top:28px; font-weight:normal; font-size:16px; font-size:1.6rem}
.list-basic > ul > li:hover > div > a > span,
.list-basic > ul > li.active > div > a > span {top:50px; font-size:16px; font-size:1.6rem}
*/
/* 1000 이하부터 상품목록 오버시 나오는 레이어 감춤 - 정책 */
html.mobile .list-basic > ul > li {min-height:inherit}
html.mobile .list-basic > ul > li.active .hover {display:none}
html.mobile .list-basic > ul > li.active > div > a > strong,
html.mobile .list-basic > ul > li.active > div > a > span {position:static; left:auto; margin-left:0; width:auto; padding-left:15px; padding-right:15px}
html.mobile .list-basic > ul > li.active > div > a > strong {top:auto; font-weight:700; font-size:14px; font-size:1.4rem; padding-top:8px; padding-bottom:12px}
html.mobile .list-basic > ul > li.active > div > a > span {top:auto; font-size:14px; font-size:1.4rem; padding-bottom:4px}
.tab-2-dropdown {display:none}
.tab-2-dropdown span.select-basic {display:block; border:1px solid #333; height:32px; width:100%; padding:0; box-sizing:border-box; background:#fff url(/assets/images/common/bul-select.png) right 15px center no-repeat}
.tab-2-dropdown span.select-basic select {display:block; width:100%; height:100%; text-indent:14px}
.error-page {padding:100px}
.error-page h1 {margin-bottom:38px}
.error-page p.p1 {font-size:22px; line-height:27px;}
.error-page p.p2 {position:relative; line-height:20px; padding:28px 0 0 0; margin-top:27px}
.error-page p.p2:after {content:""; display:block; width:20px; height:1px; background:#000; position:absolute; left:0; top:0}
.error-page div.btns {margin-top:25px}
.temporary-page {height:100%}
.temporary-page h1 {text-align:center; height:60px; background:#000}
.temporary-page h1 img {display:inline-block; padding:16px 0 0 0}
.temporary-page .cont {width:1000px; margin:0 auto}
.temporary-page .cont .txt {height:515px; padding:195px 0 0 30px; background:url(/assets/images/etc/temp.jpg) right bottom no-repeat}
.temporary-page .cont .txt h2 {position:relative; padding-bottom:28px; margin-bottom:25px; font-size:32px; line-height:40px; font-weight:normal; *zoom:1}
.temporary-page .cont .txt h2:after {content:""; display:block; position:absolute; left:0; bottom:0; width:20px; height:2px; background:#000}
.temporary-page .cont .txt p {font-size:14px; line-height:20px; margin-bottom:13px}
.temporary-page .cont .txt p + p {margin-bottom:50px}
.temporary-page .cont .txt strong {font-size:18px; font-weight:normal}
.temporary-page .cont .foot {position:relative; height:80px; background:#f0f0f0}
.temporary-page .cont .foot p {padding:30px 0 0 58px; height:21px; line-height:21px; font-size:14px; background:url(/assets/images/etc/ico-tel.gif) 30px 30px no-repeat}
.temporary-page .cont .foot span {position:absolute; right:30px; top:50%; margin-top:-11px}
/* 1024 이하일 경우 */
@media screen and (max-width:1024px){
/*
#header {width:100%}
#header .gbar > .inset {width:100%}
#header .gbar .product .search h3, #header .gbar .product .search ul.keyword {width:100%}
#container {width:100%}
#footer {width:100%}
*/
}
@media screen and (max-width:1000px){
#header {width:100%}
#header .gbar > .inset {width:100%}
#header .gbar .product .search h3, #header .gbar .product .search ul.keyword {width:100%}
#container {width:100%}
#footer {width:100%}
/* 1000 이하부터 상품목록 오버시 나오는 레이어 감춤 - 정책 */
.list-basic > ul > li {min-height:inherit}
.list-basic > ul > li > div > a > strong,
.list-basic > ul > li > div > a > span {font-size:13px; font-size:1.3rem}
.list-basic > ul > li.active .hover {display:none}
.list-basic > ul > li.active > div > a > strong,
.list-basic > ul > li.active > div > a > span {position:static; left:auto; margin-left:0; width:auto; padding-left:15px; padding-right:15px}
.list-basic > ul > li.active > div > a > strong {top:auto; padding-top:8px; padding-bottom:12px; font-weight:700}
.list-basic > ul > li.active > div > a > span {top:auto; padding-bottom:4px}
.list-basic > ul > li.active > div > a > strong,
.list-basic > ul > li.active > div > a > span {font-size:13px; font-size:1.3rem}
.error-page {padding:50px}
.wrapper-window {padding:0 0 0 0; width:auto}
}
/* 안드로이드,iOS 태블릿 */
@media screen and (max-width:800px){
#header .gnb,
#container .gnb {}
#header .gnb > strong,
#container .gnb > strong {display:none}
#header .gnb > ul,
#container .gnb > ul {right:0; width:100%; text-align:center}
#header .gnb > ul > li,
#container .gnb > ul > li {float:none; display:inline-block; *display:inline; *zoom:1; margin:0 6%}
#header .gbar .nav .all .inset > ul.n > li img.gnb-pc-banner {display:none;}
#header .gbar .nav .all .inset > ul.n > li img.gnb-mobile-banner {display:block;}
.page-location {text-align:center}
.reflow-rows .set .th {width:90px}
.reflow-rows .set > .inset {padding-left:135px}
.rate-vote {margin-right:10px}
.mobile_none {display:none;}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:767px){
#header .gbar .nav .all .inset > ul.n > li.brand,
#header .gbar .nav .all .inset > ul.n > li.product {margin-bottom:40px; float:none}
#header .gbar .nav .all .inset {width:100%;}
#header .gbar .nav .all .inset > ul.n {padding-left:15px}
#header .gbar .nav .all .inset > ul.util {display:block; float:left; padding-left:15px}
#header .gbar .nav .all .inset > ul.util li {margin-left:0;margin-right:55px;}
#header .gbar .nav .all .inset > ul.util li:last-child {margin-right:0}
#header .gnb > ul > li,
#container .gnb > ul > li {margin:0 4%}
#header {padding-bottom:0; border-bottom:0 none; padding-top:40px}
#header .gbar > .inset > .top {height:41px}
#header .gbar h1 {margin-left:-30px;}
#header .gbar h1 a {height:26px}
#header .gbar h1 a img {display:block; width:65%}
#header .gnb,
#container .gnb,
#header .gbar .shop,
#header .gbar .util {display:none}
#header .gbar .nav h2 {top:14px; left:15px}
#header .gbar .nav h2 a {width:17px; height:12px; background-size:contain}
#header .gbar .product h2 {top:12px; left:auto; right:15px}
#header .gbar .product .search fieldset {width:auto; margin:0 auto; height:40px; padding:13px 58px 30px 15px; *zoom:1}
#header .gbar .product .search fieldset input[type="text"] {float:none; width:100%; box-sizing:border-box}
#header .gbar .product .search fieldset .submit {right:15px}
#header .gbar .product .search h3, #header .gbar .product .search ul.keyword {width:100%; box-sizing:border-box; padding:0 15px}
#header .gbar .inset > .close-gbar {width:40px; height:40px; background-color:transparent; bottom:auto; left:auto; right:0; top:0; z-index:-1}
.error-page {padding:50px 40px}
.list-basic > ul > li > div > a > strong,
.list-basic > ul > li > div > a > span,
.list-basic > ul > li.active > div > a > strong,
.list-basic > ul > li.active > div > a > span {font-size:12px; font-size:1.2rem}
.list-basic > ul > li.active > div > a > strong {font-weight:700}
.list-basic > ul > li > div > a > em,
.list-basic > ul > li.active > div > a > em {font-size:11px; font-size:1.1rem}
#header .gbar .util li a {
background: url(/assets/images/common/bul-gbar-util.png) right 3px no-repeat;
}
#footer .links ul.login {display:none;}
}
/* 테블릿과 모바일 사이 사이즈 예외 */
@media screen and (max-width:700px){
#footer .copyright {padding:60px 15px 30px 15px}
#footer .copyright p {float:left}
#footer .copyright p.copy2 {padding-top:10px; padding-bottom:15px}
#footer .copyright strong {display:block; position:static; left:auto; top:auto}
#footer .links {padding:27px 0}
#footer .links ul.sns {left:15px; margin-top:50px}
#footer .links .footer-sns {position: relative;float: left;margin: 45px 0 0 12px;display: block;z-index: 1;}
#footer .links .footer-sns ul li {display:inline-block;}
#footer .links .footer-sns ul li ~ li {margin-left: 20px;}
#footer .links .footer-sns ul li a {color:#000;}
#footer .links .family {right:15px;margin-top: 50px;}
#footer .links ul.quick li {padding:0 6%}
#footer .links ul.quick li:first-child {padding-left:0}
#footer .links ul.quick li:last-child {padding-right:0}
}
@media screen and (max-width:550px){
/*
#header .gnb > ul > li,
#container .gnb > ul > li {margin:0 4%}
*/
}
/* 모바일 디바이스 */
@media screen and (max-width:480px){
/*#header .gbar .nav h2 {position:fixed}
#header .gbar .nav {overflow:scroll; -webkit-overflow-scrolling:touch}
#header .gbar .nav .all {overflow:scroll; -webkit-overflow-scrolling:touch}*/
/*
#header {padding-bottom:0; border-bottom:0 none; padding-top:40px}
#header .gbar > .inset > .top {height:41px}
#header .gbar h1 {width:86px; height:26px; margin-left:-43px; top:11px}
#header .gbar h1 a {height:26px}
#header .gbar h1 a img {display:block; width:100%}
#header .gnb,
#container .gnb,
#header .gbar .shop,
#header .gbar .util {display:none}
#header .gbar .nav h2 {top:14px; left:15px}
#header .gbar .nav h2 a {width:17px; height:12px; background-size:contain}
#header .gbar .product h2 {top:12px; left:auto; right:15px}
*/
.reflow-rows .set .th {position:relative; height:50px; width:100%; padding-left:15px}
.reflow-rows .set > .inset {padding-left:0}
.reflow-rows .set .td {padding-left:15px; min-height:inherit; padding-top:19px; padding-bottom:15px}
.reflow-rows label.basic {margin-top:8px; margin-bottom:8px}
.reflow-rows .set .td.va {height:auto}
.reflow-rows .set .td .va {display:none}
.rate-vote {display:block; *zoom:1; margin-right:0; padding-top:6px; padding-bottom:6px}
.rate-vote .label {width:49px; height:21px; line-height:20px; padding-right:0;}
.rate-vote .vote label {width:26px; height:21px; margin-right:3px; background:url(/assets/images/product/bg-vote-star-big.png) center top repeat-x}
.rate-vote .vote input[type="radio"] {position:absolute; top:-20px}
.rate-vote .vote.vote1 input[value="1"] + label,
.rate-vote .vote.vote2 input[value="1"] + label,
.rate-vote .vote.vote2 input[value="2"] + label,
.rate-vote .vote.vote3 input[value="1"] + label,
.rate-vote .vote.vote3 input[value="2"] + label,
.rate-vote .vote.vote3 input[value="3"] + label,
.rate-vote .vote.vote4 input[value="1"] + label,
.rate-vote .vote.vote4 input[value="2"] + label,
.rate-vote .vote.vote4 input[value="3"] + label,
.rate-vote .vote.vote4 input[value="4"] + label,
.rate-vote .vote.vote5 input[value="1"] + label,
.rate-vote .vote.vote5 input[value="2"] + label,
.rate-vote .vote.vote5 input[value="3"] + label,
.rate-vote .vote.vote5 input[value="4"] + label,
.rate-vote .vote.vote5 input[value="5"] + label {background:url(/assets/images/product/ico-vote-star-big.png) center top no-repeat}
.review-write .reflow-rows .set .td .rate {display:block; padding-top:6px}
.notice-basic {padding:30px 15px}
.notice-basic > p {padding:0; background:none; height:auto; line-height:100%; margin-bottom:10px}
.notice-basic > ul {padding-left:0}
.tab-dropdown {display:none}
.tab-2-dropdown {display:block}
}
@media screen and (max-width:479px){
#header .gbar .product .search h3, #header .gbar .product .search ul.keyword {text-align:left}
#header .gbar .product .search ul.keyword:after {content:""; display:block; clear:both}
#header .gbar .product .search ul.keyword li {float:left; margin-left:0; margin-right:0; margin-bottom:18px; width:50%}
}
@media screen and (max-width:320px){
#header .gbar .nav .all .inset > ul.n > li img.gnb-mobile-banner {width:90%;}
}
/* 퀵내비 */
#quick_nav {position:absolute;right:-100px;top: 25px;}
#loginFrame {width:850px !important;height:540px !important;}
.ui-dialog {z-index:9999;}
@media screen and (max-width:872px){
.ui-dialog {
width:100% !important;
left:0 !important;
}
.ui-dialog #loginFrame {
width: 100% !important;
height: 715px !important;
}
}