@charset "euc-kr";

/* ¼­ºê ºñÁÖ¾ó */
.page-visual.brand-notice {background-color:#d3e5e1; background-image:url(/assets/images/visual/brand-notice.jpg)}
.page-visual.etc-magazine {background-color:#d3e5e1; background-image:url(/assets/images/visual/magazine.jpg)}
.page-visual.customer-review {background-color:#d3e5e1; background-image:url(/assets/images/visual/review.jpg)}
.page-visual.cs-faq {background-color:#d3e5e1; background-image:url(/assets/images/visual/cs.jpg)}
.page-visual.mypage1 {background-color:#d3e5e1; background-image:url(/assets/images/visual/mypage1.jpg)}
.page-visual.mypage2 {background-color:#d3e5e1; background-image:url(/assets/images/visual/mypage2.jpg)}
.page-visual.mypage3 {background-color:#d3e5e1; background-image:url(/assets/images/visual/mypage3.jpg)}
.page-visual.store {background-color:#d3e5e1; background-image:url(/assets/images/visual/store.jpg)}
.page-visual.etc {background-image:url(/assets/images/visual/etc.jpg)}
.page-visual.cs {background-image:url(/assets/images/visual/cs.jpg)}
.page-visual.brand {background-image:url(/assets/images/visual/brand.jpg)}
.page-visual.sns-lounge {background-image:url(/assets/images/visual/sns-lounge.jpg)}

.star-vote {display:block; width:110px; height:18px; background:url(/assets/images/product/bg-vote-star.png) 1px top repeat-x}
.star-vote em {position:absolute; width:0; top:0; font-size:0; overflow:0; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"}
.star-vote span {display:block; height:18px; background:url(/assets/images/product/ico-vote-star.png) 1px top repeat-x; text-indent:-9999px}
.star-vote.star-vote-min {width:90px; height:15px; background:url(/assets/images/product/bg-vote-star-min.png) left top repeat-x}
.star-vote.star-vote-min span {height:15px; background:url(/assets/images/product/ico-vote-star-min.png) left top repeat-x;}
.share-sns {*zoom:1}
.share-sns:after {content:""; display:block; clear:both}
.share-sns li {float:left; vertical-align:top; width:28px; height:28px; margin-left:10px}
/*.no-borderradius .share-sns li {background:url(/assets/images/product/bg-share.png) 50% 50% no-repeat}*/
.share-sns li a {display:block;width:28px;height:28px;text-indent:-9999px;background:url(/assets/images/product/ico-share-set2.png) no-repeat;}
.share-sns li.fb a {background-position:left top}
.share-sns li.tt a {background-position:-38px top}
.share-sns li.kt a {background-position:-76px top}
.share-sns li.cp a {background-position:-114px top}
@media screen and (max-width:800px){
	.share-sns li a {display:block; height:100%; text-indent:-9999px; background-position:50% 50% !important; background-repeat:no-repeat; border-radius:50%}
	.share-sns li.fb a {background-image:url(/assets/images/product/ico-share-fb.png);background-color:#3b5997}
	.share-sns li.tt a {background-image:url(/assets/images/product/ico-share-tt.png);background-color:#55acef}
	.share-sns li.kt a {background-image:url(/assets/images/product/ico-share-kt-over.png);background-color:#fae100}
	.share-sns li.cp a {text-indent:0;text-align:center;line-height:28px;font-size:9px;font-family:"Noto Sans";background-color:#127c8a;background-image: none;color: #fff;}
}

/* board */
.search-board {text-align:center; padding:25px 0}
.search-board *{text-align:left}
.search-board input[type="text"] {width:248px; height:30px; border:1px solid #333; padding:0 35px 0 15px;}
.search-board .fake-select,
.search-board input[type="text"],
.search-board button {vertical-align:top}
.search-board button {display:inline-block; width:27px; height:32px; margin-left:-32px; background:url(/assets/images/common/ico-search-board.png) left center no-repeat; text-indent:-9999px}
.board-list ul {border-bottom:1px solid #dedede; margin-bottom:30px}
.board-list ul li {padding:10px 0; border-top:1px solid #dedede}
.board-list ul li .head .blind {position:absolute; width:0; height:0; font-size:0; line-height:0; left:-2000%; top:0}
.board-list ul li .head {position:relative; height:46px; padding:0 60px 0 240px; overflow:hidden}
.board-list ul li .head .date {position:absolute; left:0; top:0; width:120px; height:46px; line-height:46px; font-family:"Noto Sans"; text-align:center}
.board-list ul li .head .div {position:absolute; left:120px; top:0; width:120px; height:46px; line-height:46px; text-align:center}
.board-list ul li .head .div span {display:inline-block; width:71px; height:26px; line-height:26px; text-align:center; background:#127c8a; color:#fff;}
.board-list ul li .head .subj {height:46px; line-height:46px; font-size:16px; font-size:1.6rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/assets/css/ellipsis.xml#ellipsis);}
.board-list ul li .head .arrow {position:absolute; right:30px; top:19px; width:15px; height:8px; background:url(/assets/images/common/ico-fold-board.png) center bottom no-repeat; cursor:pointer}
.board-list ul li .content {display:none}
.board-list ul li .content .inner {padding:30px;}
.board-list ul li .content .inner p {line-height:1.33em}
.board-list ul li .content .inner img {}
.board-list ul li.recent .head {background:#f6f6f6}
.board-list ul li.open .head {background:url(/assets/images/common/bg-board-active.gif)}
.board-list ul li.open .head .date,
.board-list ul li.open .head .subj,
.board-list ul li.open .head .subj a {color:#fff}
.board-list ul li.open .head .div span {background:#fff; color:#127c8a}
.board-list ul li.open .head .arrow {background-position:center top}
.board-list ul li.nodata {padding:25px 0; text-align:center; font-size:16px; font-size:1.6rem}

.re > ul > li {min-height:400px;}
.re > ul > li > div > a {display:block}
.re > ul > li > div > a > img {width:100%}
.re > ul > li > div > a > strong,
.re > ul > li > div > a > em {display:block; padding-left:15px; padding-right:15px; line-height:20px;}
.re > ul > li > div > a > strong {font-size:14px; font-size:1.4rem; height:47px; padding-top:8px}
.re > ul > li > div > a > em {padding-bottom:10px}
.re > ul > li > div > a > .star-vote {margin:0 auto}
.re  > ul > li > div > a .rew {height:48px;overflow:hidden;}
.re .hover .inset {height:360px; padding:30px 0 0 0; border:1px solid #9e9e9e; background:rgba(255,255,255,0.95)}
.re .hover .repro {display:block;padding:0 38px;margin:0 auto; height:37px; line-height:18px;font-size:16px;font-weight:normal; overflow:hidden}
.re > ul > li.active .rew {width:170px;height:40px;overflow:hidden;}
.re .hover .copy {margin:106px 0 10px 0;height:145px;overflow:hidden;}
.re > ul > li.nodata {padding:50px 0; min-height:20px; margin:0; text-align:center;width:100%}
.re + .board-foot {border-top:1px solid #dedede; padding-top:30px}
.re + .board-foot button {margin-top:-5px}

.re > ul > li.active .hover {display:block}
.re > ul > li.active > div > a > strong{position:absolute; top:127px;left:50%;margin-left:-85px; z-index:2; padding:0; font-weight:bold; font-size:14px; font-size:1.4rem}
.re > ul > li.active > div > a > p {position:absolute; top:85px;left:50%; margin-left:-43px; z-index:2; padding:0;}

/* »óÇ° »ó¼¼ */
.product-detail {}
/*.product-detail > .summary {position:relative; overflow:visible; height:400px; padding:30px; padding-left:530px; margin-bottom:105px; background:#f6f6f6}*/
.product-detail > .summary {position:relative; overflow:visible; height:460px; /*padding:30px;*/ margin-bottom:105px; background:#f6f6f6; *zoom:1}
.product-detail > .summary:after {content:""; display:block; clear:both}
/*.product-detail > .summary > .pic {position:absolute; left:0; top:-30px; height:586px; width:48%;}*/
.product-detail > .summary > .pic {float:left; position:relative; margin-top:-30px; height:586px; width:48%;}
.product-detail > .summary > .pic img {position:absolute; top:0; left:50%; margin-left:-240px}
.product-detail > .summary > .info {float:right; position:relative; z-index:1; margin:30px 30px 0 0; height:400px; width:44%}
.product-detail > .summary > .info .div {font-size:14px; font-size:1.4rem; font-family:"Noto Sans", "Nanum Barun Gothic"; font-weight:normal}
.product-detail > .summary > .info h2 {width:375px; padding:12px 0 17px 0; font-size:38px; font-size:3.8rem; line-height:37px; font-weight:700; font-family:"Noto Sans"; letter-spacing:-1px; word-spacing:1px;  word-break:keep-all; word-wrap:break-word}
.product-detail > .summary > .info .text {width:345px; overflow:visible; line-height:18px; padding-right:30px; margin-bottom:11px; word-break:keep-all; word-wrap:break-word}
.product-detail > .summary > .info .text strong {display:block; width:375px; font-size:18px; font-size:1.8rem; line-height:19px; padding-bottom:14px; word-break:keep-all; word-wrap:break-word}
.product-detail > .summary > .info .skin,
.product-detail > .summary > .info .func {color:#127c8a}
.product-detail > .summary > .info .skin {margin-bottom:7px}
.product-detail > .summary > .info .point {position:absolute; left:0; bottom:0; *zoom:1}
.product-detail > .summary > .info .point:after {content:""; display:block; clear:both}
.product-detail > .summary > .info .point li,
.product-detail > .summary > .info .point li > span {float:left}
.product-detail > .summary > .info .point li {display:table;width:56px; height:56px;background:url(/assets/images/product/bg-point.png) left top no-repeat; margin-right:10px}
@media screen and (max-width:800px){
.product-detail > .summary > .info .point li {width:56px; height:56px; border-radius:50%; background:#127c8a; margin-right:10px}
}
.no-borderradius .product-detail > .summary > .info .point li {background:url(/assets/images/product/bg-product-point.png) center center no-repeat}

/* ±â´É ¾ÆÀÌÄÜ */
.product-detail > .summary > .info .point li > span {width:100%; height:100%; text-indent:-9999px}
.product-detail > .summary > .info .point li.allday > span {background:url(/assets/images/product/ico-point-dn.png) 50% 50% no-repeat;}
.product-detail > .summary > .info .point li.day > span {background:url(/assets/images/product/ico-point-d.png) 50% 50% no-repeat;}
.product-detail > .summary > .info .point li.night > span {background:url(/assets/images/product/ico-point-n.png) 50% 50% no-repeat;}
.product-detail > .summary > .info .point li.wrinkle > span {background:url(/assets/images/product/ico-point-wrinkle.png) 50% 50% no-repeat;}
.product-detail > .summary > .info .point li.whitening > span {background:url(/assets/images/product/ico-point-whitening.png) 50% 50% no-repeat;}
.product-detail > .summary > .info .point li.anti_uv > span {background:url(/assets/images/product/ico-point-anti_uv.png) 50% 50% no-repeat;}
.product-detail > .summary > .info .point li.hair > span {background:url(/assets/images/product/ico-point-hair.png) 50% 50% no-repeat;}

.product-detail > .summary > .info .point li > p {display:table-cell;vertical-align:middle;}
.product-detail > .summary > .info .point li > p *{display:block; line-height:100%; text-align:center; color:#fff; font-family:"Noto Sans";}
.product-detail > .summary > .info .point li > p strong {font-size:14px; font-size:1.4rem}
.product-detail > .summary > .info .point li > p span {font-size:10px; font-size:1rem}
/* ±â´É ¾ÆÀÌÄÜ */

.product-detail > .summary > .info .review {position:absolute; right:0; bottom:0}
.product-detail > .summary > .info .review > span,
.product-detail > .summary > .info .review > strong {display:block; font-family:"Noto Sans"; text-align:right}
.product-detail > .summary > .info .review > span {font-size:14px; font-size:1.4rem; font-weight:700}
.product-detail > .summary > .info .review > strong {font-size:74px; font-size:7.4rem; font-weight:700; color:#127c8a; line-height:100%; padding-bottom:20px}
.product-detail > .summary > .info .review > em {position:absolute; width:0; top:0; font-size:0; overflow:0; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"}
.product-detail > .summary > .info .share-sns {position:absolute; right:0; top:0}
.product-detail > .summary > .info .btns {position:absolute; right:-30px; bottom:-80px}
.product-detail > .summary > .info .btns li {display:inline-block;}
.product-detail > .summary > .info .btns li a {margin-left:4px;}
.product-detail > .summary > .info .btns li a.naver {background: #01de5b url('/assets/images/product/naver_logo.svg?v=1.1') 12px 5.25px/19px no-repeat;color:#000;font-weight: 600;text-indent: 20px;text-shadow: 0px 0px 0px #000;}
.product-detail ul.anchor {margin:0 -1px; margin-bottom:40px; *zoom:1}
.product-detail ul.anchor:after {content:""; display:block; clear:both}
.product-detail ul.anchor li {float:left; width:33.3%}
.product-detail ul.anchor li:first-child {width:33.4%}
.product-detail ul.anchor li span {display:block; padding:0 1px; position:relative}
.product-detail ul.anchor 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}
.product-detail > .information {overflow:hidden}
.product-detail > .information > .detail ul.anchor li.detail span a,
.product-detail > .information > .guide ul.anchor li.guide span a,
.product-detail > .information > .review ul.anchor li.review span a {border:1px solid #000; background:#fff}
.product-detail > .information > .detail ul.anchor li.detail span em,
.product-detail > .information > .guide ul.anchor li.guide span em,
.product-detail > .information > .review ul.anchor li.review span em {position:absolute; z-index:1; left:1px; top:2px; width:100%; height:100%; background:#ccc}
.product-detail > .information > .detail,
.product-detail > .information > .guide,
.product-detail > .information > .review {padding-top:80px; margin-top:-80px}
.product-detail > .information > .detail > h3 {position:absolute; width:0; top:0; font-size:0; overflow:0; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"}
.product-detail > .information > .detail div.text {/* height:700px;*/ position:relative; margin-bottom:50px;}
/* .product-detail > .information > .detail div.text img {position:absolute; left:50%; top:0; margin-left:-500px} */
.product-detail > .information > .detail div.text img {position:relative; left:50%; top:0; margin-left:-500px}
.product-detail > .information > .detail div.text .name {position:absolute; left:30px; top:30px}
.product-detail > .information > .detail div.text .name h4 {font-size:30px; font-size:3rem; padding-bottom:18px; word-break:keep-all; word-wrap:break-word; font-weight:normal}
.product-detail > .information > .detail div.text .name p {font-size:16px; font-size:1.6rem; /* font-family:"Noto Sans"; */ word-break:keep-all; word-wrap:break-word}
.product-detail > .information > .detail div.text .txt {position:absolute; right:30px; bottom:30px;}
.product-detail > .information > .detail div.text .txt .inset {width:410px; padding:30px; padding-top:27px; background:url(/assets/images/common/bg-white-per95.png); background:rgba(255,255,255,0.80);}
.product-detail > .information > .detail div.text .txt h5 {font-size:18px; font-size:1.8rem; /*font-family:"Noto Sans";*/ padding-bottom:23px; word-break:keep-all; word-wrap:break-word}
.product-detail > .information > .detail div.text .txt p {line-height:20px; word-break:keep-all; word-wrap:break-word}
.product-detail > .information > .detail div.pic {margin-bottom:50px}
.product-detail > .information > .detail div.pic img {width:100%}
.product-detail > .information > .detail div.text-only {padding:0 30px; margin-top:-3px; margin-bottom:50px}
.product-detail > .information > .detail div.text-only h4 {position:relative; padding-bottom:14px; margin-bottom:16px; font-size:20px; line-height:150%; font-weight:normal; *zoom:1; word-break:keep-all; word-wrap:break-word}
.product-detail > .information > .detail div.text-only h4:after {content:""; display:block; position:absolute; left:0; bottom:0; width:28px; height:2px; background:#000}
.product-detail > .information > .detail div.text-only p {line-height:166%; word-break:keep-all; word-wrap:break-word}
.product-detail > .information > .guide {margin-bottom:50px}
.product-detail > .information > .guide > h3 {position:absolute; width:0; top:0; font-size:0; overflow:0; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"}
.product-detail > .information > .guide div.text {padding:0 30px 35px 30px; line-height:20px; border-bottom:1px solid #dedede; word-break:keep-all; word-wrap:break-word}
.product-detail > .information > .guide div.text p {line-height:20px; word-break:keep-all; word-wrap:break-word}
.product-detail > .information > .relation {margin-bottom:40px;}
.product-detail > .information > .relation h3 {text-align:center; font-size:14px; font-size:1.4rem; font-weight:bold; padding-bottom:9px}
.product-detail > .information > .relation .list-basic ul {}
.product-detail > .information > .relation .list-basic > ul > li {margin-bottom:0}
.product-detail > .information > .relation .list-basic > ul > li.active > div > a > strong,
.product-detail > .information > .relation .list-basic > ul > li.active > div > a > span {position:static; left:auto; margin-left:0; width:auto; padding-left:15px; padding-right:15px}
.product-detail > .information > .relation .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}
.product-detail > .information > .relation .list-basic > ul > li.active > div > a > span {top:auto; font-size:14px; font-size:1.4rem; padding-bottom:4px}
.product-detail > .information > .review {}
.product-detail > .information > .review > h3 {position:absolute; width:0; top:0; font-size:0; overflow:0; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"}
.product-detail > .information > .review > .status {position:relative; padding:0 30px 20px 30px; *zoom:1}
.product-detail > .information > .review > .status:after {content:""; display:block; clear:both}
.product-detail > .information > .review > .status > span,
.product-detail > .information > .review > .status > strong {display:block; font-family:"Noto Sans"}
.product-detail > .information > .review > .status > span {font-size:14px; font-size:1.4rem; font-weight:700}
.product-detail > .information > .review > .status > strong {font-size:74px; font-size:7.4rem; font-weight:700; color:#127c8a; line-height:100%}
.product-detail > .information > .review > .status > em {position:absolute; width:0; top:0; font-size:0; overflow:0; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"}
.product-detail > .information > .review > .status > strong,
.product-detail > .information > .review > .status .star-vote {float:left}
.product-detail > .information > .review > .status > strong {margin-right:30px}
.product-detail > .information > .review > .status .star-vote {margin-top:27px}
.product-detail > .information > .review > .status > .button {position:absolute; right:30px; bottom:30px}

.fixed-detail .product-detail > .summary > .info {overflow:hidden; position:fixed; left:0; top:60px; height:99px; width:100%; z-index:99; background:#fff; border-bottom:1px solid #9e9d9d; margin:0}
.fixed-detail .product-detail > .summary > .info:after {content:""; position:fixed; left:0; top:160px; height:3px; width:100%; z-index:99; background:rgba(0,0,0,0.1);}
.fixed-detail .product-detail > .summary > .info .btns {right:auto; left:50%; top:50%; margin:-15px 0 0 0; width:470px; padding-right:30px; text-align:right}
.fixed-detail .product-detail > .summary > .info .btns a {float:none; margin:0 1px}
.fixed-detail .product-detail > .summary > .info .div,
.fixed-detail .product-detail > .summary > .info h2 {position:absolute; right:50%; width:470px; padding:0 0 0 30px; line-height:normal}
.fixed-detail .product-detail > .summary > .info .div {top:27px}
.fixed-detail .product-detail > .summary > .info h2 {top:47px; font-size:20px}
.fixed-detail .product-detail > .summary > .info .share-sns, 
.fixed-detail .product-detail > .summary > .info .review,
.fixed-detail .product-detail > .summary > .info .point {top:-500px}
.fixed-detail .product-detail > .summary > .info .text,
.fixed-detail .product-detail > .summary > .info .skin,
.fixed-detail .product-detail > .summary > .info .func {position:absolute; left:0; top:-500px}

.board-review {border-top:1px solid #dedede; margin-bottom:30px}
.board-review ul li {border-bottom:1px solid #dedede; padding:10px 30px 24px 30px; *zoom:1}
.board-review ul li:after {content:""; display:block; clear:both}
.board-review ul li .head {position:relative}
.board-review ul li .head .subj {padding:15px 210px 13px 30px; margin:0 -30px}
.board-review ul li .head .subj a {font-size:16px; font-size:1.6rem}
.board-review ul li .head .id,
.board-review ul li .head .date {float:left; font-family:"Noto Sans"; color:#666}
.board-review ul li .head .id {padding-right:20px}
.board-review ul li .head .date {padding-left:20px; border-left:1px solid #c8c8c8}
.board-review ul li .head .star-vote {position:absolute; right:66px; top:27px}
.board-review ul li .head .arrow {position:absolute; right:0; top:31px; width:15px; height:8px; background:url(/assets/images/common/ico-fold-board.png) center bottom no-repeat; cursor:pointer}
.board-review ul li .content {display:none; padding:25px 0 3px 0; clear:both}
.board-review ul li .content,
.board-review ul li .content p {line-height:20px}
.board-review ul li.nodata {padding:25px 0; text-align:center; font-size:16px; font-size:1.6rem}
.board-review ul li.open .head .subj {margin-bottom:29px; background:url(/assets/images/common/bg-board-active.gif)}
.board-review ul li.open .head .subj a {color:#fff}
.board-review ul li.open .head .arrow {top:19px; background-position:center top}
.board-review ul li.open .head .star-vote {top:75px}

/* Á¦Ç° ¸ñ·Ï */
.select-division {position:relative; padding:41px 0 0 0}
.select-division h2 {position:absolute; top:0;}
.select-division h2.category {right:50%}
.select-division h2.line {left:50%}
.select-division h2 a {display:block; position:relative; width:140px; height:41px; line-height:41px; font-size:14px; font-size:1.4rem; font-weight:normal; text-align:center}
.select-division h2 a span {display:none; position:absolute; bottom:-5px; left:50%; margin-left:-5px; width:0px; height:0px; border-style:solid; border-width:5px 5px 0 5px; border-color:#127c8a transparent transparent transparent;}
.select-division .division {display:none; padding:30px; padding-bottom:26px; margin-bottom:30px; background:#f6f6f6}
.select-division .division ul {margin:0 -2px; *zoom:1}
.select-division .division ul:after {content:""; display:block; clear:both}
.select-division .division ul li {float:left; padding-bottom:4px}
.select-division .division ul li a {display:block; height:30px; line-height:30px; background:#fff; text-align:center}
.select-division .division ul li a.active,
.select-division .division ul li a:hover,
.select-division .division ul li a:focus {background:#127c8a; color:#fff}
.select-division .division ul li span {display:block; padding:0 2px}
.select-division .division.category ul {}
.select-division .division.category ul li {width:16.66%}
.select-division .division.line .set {position:relative; padding-left:120px}
.select-division .division.line .set h3 {position:absolute; left:0; top:0}
.select-division .division.line .set h3 a,
.select-division .division.line .set h3 strong {display:block; position:relative; width:105px; height:30px; line-height:30px; font-size:12px; font-weight:normal}
.select-division .division.line .set h3 a span,
.select-division .division.line .set h3 strong span {position:absolute; right:0; top:50%; margin-top:-5px; width:0px; height:0px; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #000;}
.select-division .division.line .set h3 a.active, 
.select-division .division.line .set h3 a:hover, 
.select-division .division.line .set h3 a:focus {color:#127c8a}
.select-division .division.line .set h3 a.active span,
.select-division .division.line .set h3 a:hover span,
.select-division .division.line .set h3 a:focus span {border-color:transparent transparent transparent #127c8a;}
.select-division .division.line ul {}
.select-division .division.line ul li {width:16.66%}
.select-division.division-category h2.category a,
.select-division.division-line h2.line a {color:#127c8a; font-weight:bold; background:#f6f6f6}
.select-division.division-category h2.category a span,
.select-division.division-line h2.line a span {display:block}
.select-division.division-category .division.category,
.select-division.division-line .division.line {display:block}
.select-division .division .tab-2-dropdown1 {margin-bottom:10px}
.select-options {padding-top:0}
.select-options .division {display:block}
.select-options .division ul li span {position:relative; overflow:hidden}
.select-options .division ul li label {display:block; height:30px; height:30px; line-height:30px; padding-left:34px; background:#fff url(/assets/images/common/bg-checkbox.png) -489px center no-repeat}
.select-options .division ul li input[type="checkbox"],
.select-options .division ul li input[type="radio"] {position:absolute; top:-15px; left:-15px}
.select-options .division ul li input[type="checkbox"]:checked + label,
.select-options .division ul li input[type="radio"]:checked + label {background-position:left center}
.select-options .division ul li input[type="checkbox"].checked + label,
.select-options .division ul li input[type="radio"].checked + label {background-position:left center}
.product-list {}
.product-list .result-consult {position:relative; background:#f6f6f6; padding:35px 155px 35px 30px; margin-bottom:30px}
.product-list .result-consult .button {position:absolute; right:30px; top:50%; margin-top:-15px}
.product-list .result-consult p {font-size:14px; font-size:1.4rem; line-height:100%}
.product-list .result-consult p strong {font-size:20px; font-size:2rem; font-weight:bold; color:#127c8a; vertical-align:middle; padding-right:8px}
.product-list .select-options + p.result,
.product-list .result-consult + p.result {padding:0 30px 28px 30px; border-bottom:1px solid #dedede; margin-bottom:30px; line-height:20px}
.product-list .head-list {position:relative; height:300px; margin-bottom:30px; overflow:hidden}
.product-list .head-list .inset {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%;}
.product-list .head-list .inset div {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding-left:30px;}
.product-list .head-list .inset span {display:inline-block; width:0; height:300px; vertical-align:middle}
.product-list .head-list .inset div h2 {font-size:30px; font-size:3rem; font-weight:normal; margin-bottom:15px}
.product-list .head-list .inset div p {line-height:20px}
.product-list .list-basic > ul > li {min-height:335px}

/* ·Î±×ÀÎ */
.sign-in .bx {padding:50px 20px; margin-bottom:25px; background:#f6f6f6}
.sign-in .bx h2, .sign-in fieldset p {text-align:center}
.sign-in .bx h2 {position:relative; height:28px; font-size:14px; font-family:"Noto Sans"; margin-top:-3px; margin-bottom:12px; *zoom:1}
.sign-in .bx h2:after {content:""; display:block; position:absolute; left:50%; bottom:0; margin-left:-10px; width:20px; height:5px; border-bottom:1px solid #000}
.sign-in .bx fieldset p {line-height:20px; padding:0 15px; padding-bottom:23px}
.sign-in .bx fieldset .form {position:relative; width:260px; padding-right:100px; margin:0 auto}
.sign-in .bx fieldset .form .set {}
.sign-in .bx fieldset .form .set input {display:block; width:258px; height:38px; line-height:38px; border:1px solid #333; text-indent:15px}
.sign-in .bx fieldset .form .set label {position:absolute; top:0; left:-2000%; width:0; height:0;}
.sign-in .bx fieldset .form .set.id {margin-bottom:10px}
.sign-in .bx fieldset .form .login {position:absolute; right:0; top:0; width:90px; height:90px; background:url(/assets/images/common/bg-board-active.gif); font-size:14px; font-size:1.4rem; font-family:"Noto Sans"; color:#fff; font-weight:700}
.sign-in .other {text-align:center}
.sign-in .other p {line-height:20px; color:#666; padding:0 15px; padding-bottom:15px}

.search-product {}
.search-product fieldset {position:relative; width:523px; margin:0 auto; padding:0 0 30px 0; *zoom:1}
.search-product fieldset:after {content:""; display:block; clear:both}
.search-product fieldset label {position:absolute; top:-9999px; left:0}
.search-product fieldset input[type="text"] {float:left; width:480px; height:40px; padding:0 0 0 20px; line-height:38px; color:#127c8a; font-size:14px; font-size:1.4rem; border:1px solid #333; box-sizing:border-box}
.search-product fieldset .submit {position:absolute; right:0; top:0; width:40px; height:40px; text-indent:-9999px; background:#127c8a url(/assets/images/common/btn-gbar-search.png) center center no-repeat}

/* ¸Å°ÅÁø */
.magazine-index {position:relative; padding-top:25px; *zoom:1}
.magazine-index:after {content:""; display:block; clear:both}
.magazine-index .set {float:left; position:relative; width:30%; text-align:center}
.magazine-index .set:after {content:""; display:block; position:absolute; top:0; left:50%; height:100%; border-left:1px solid #dedede}
.magazine-index .set.set2 {margin:0 5%;}
.magazine-index .set h3 {position:relative; z-index:1; height:50px; margin-bottom:20px; background:#fff; font-size:16px; font-size:1.6rem;}
.magazine-index .set h3:after {content:""; display:block; position:absolute; bottom:-1px; left:50%; margin-left:-12px; width:25px; height:25px; background:url(/assets/images/product/bg-magazine-list.png) center top no-repeat}
.magazine-index .set:hover h3:after {background-position:center bottom}
.magazine-index .set .list-magazine {position:relative; z-index:1;}
.magazine-index .btn {display:none; position:absolute; z-index:2; padding:0; margin:0; border:0; top:20px; width:19px; height:23px; cursor:pointer}
.magazine-index .btn.btn-left {left:24px; background:url(/assets/images/product/btn-magazine-left.png) center center no-repeat}
.magazine-index .btn.btn-right {right:24px; background:url(/assets/images/product/btn-magazine-right.png) center center no-repeat}

.list-magazine li {position:relative; height:180px; margin-bottom:30px; overflow:hidden}
.list-magazine li:last-child {margin-bottom:0}
.list-magazine li a {display:block; height:100%; position:relative;}
.list-magazine li a img {width:100%}
.list-magazine li a p {position:absolute; bottom:-41px; left:0; width:100%; height:40px; line-height:40px; font-size:14px;text-align:center; background:#fff; background:rgba(255,255,255,0.95)}
.list-magazine li.top {height:auto}
.list-magazine li.top a img {position:static; display:block; margin-top:0}
.list-magazine li.top a p {bottom:-42px; background:#127c8a; background:rgba(18,124,138,0.70); color:#fff; padding:1px 0}
.list-magazine li.hover {
	border:1px solid #9d9d9d; height:178px;
	-webkit-box-shadow: 2px 2px 0px 0px rgba(209, 209, 209, 0.70);
	-moz-box-shadow:    2px 2px 0px 0px rgba(209, 209, 209, 0.70);
	box-shadow:         2px 2px 0px 0px rgba(209, 209, 209, 0.70);
}
.list-magazine li.hover a {margin:-1px}
.list-magazine li.top.hover {height:auto}

.magazine-view .items {position:relative; padding-bottom:63px; margin-bottom:30px; border-bottom:1px solid #eee}
.magazine-view .items .paginate {position:absolute; bottom:29px; left:50%; margin-left:-40px; width:80px; height:13px; line-height:13px; text-align:center; font-family:"Noto Sans"}
.magazine-view .items .btn {display:block; bottom:25px; top:auto}
.magazine-view .btn.btn-left {left:50%; margin-left:-60px}
.magazine-view .btn.btn-right {right:50%; margin-right:-60px}
.magazine-view .items .btn.disable {opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha(opacity=30);"; cursor:default; outline:none}
.magazine-view .items .list-wrap {position:relative; overflow:hidden; height:190px;}
.magazine-view .items .list-wrap .holder {position:absolute; left:0; top:0; width:20000px; *zoom:1}
.magazine-view .items .list-wrap .holder:after {content:""; display:block; clear:both}
.magazine-view .items .list-wrap .holder ul {float:left; *zoom:1}
.magazine-view .items .list-wrap .holder ul:after {content:""; display:block; clear:both}
.magazine-view .items .list-wrap .holder ul li {float:left; width:300px; height:180px; margin-right:50px; margin-bottom:0; text-align:center}
.magazine-view .items .list-wrap .holder ul li.hover {width:298px; height:178px}
.magazine-view .content {text-align:center; }
.magazine-view .content .click {display:none; padding-bottom:30px}
html.mobile .list-magazine li a p {position:absolute; bottom:-1px}
html.mobile .magazine-index .set h3:after {background-position:center bottom}
html.mobile .magazine-view .content .click {display:block}
.review-write h3 {font-size:14px; font-weight:normal; padding:25px 30px; padding-top:23px}

/* »ç¿ëÈıâ */
.review-write h3 strong {font-family:"Noto Sans"; font-weight:700}
.review-write .reflow-rows .set .td .rate {display:inline-block; vertical-align:middle; font-size:16px; font-family:"Noto Sans"; line-height:16px; height:16px; color:#127c8a; margin-right:24px}
.review-write .reflow-rows .set .td .rate-vote {vertical-align:middle}

/* °í°´¼¾ÅÍ */
.cutomer-center .tab-basic {margin-bottom:27px}
.cutomer-center .notice {position:relative; padding:30px; padding-left:97px; padding-bottom:20px;}
.cutomer-center .notice .exclam {position:absolute; left:30px; top:30px; /*margin-top:-23px;*/ width:47px; height:47px; border-radius:50%; box-sizing:border-box; border:2px solid #5a5a5a}
.cutomer-center .notice .exclam em {position:absolute; left:50%; top:50%; margin:-13px 0 0 -13px; width:27px; height:27px;; background:#fff url(/assets/images/common/ico-exclam.png) 50% 50% no-repeat}
.cutomer-center .notice p {line-height:166%; padding:1px 0 0 0; margin-bottom:12px}
.cutomer-center .notice ul {*zoom:1}
.cutomer-center .notice ul:after {content:""; display:block; clear:both}
.cutomer-center .notice ul li {float:left; padding-left:20px; margin-left:20px; margin-bottom:13px; border-left:1px solid #dedede; white-space:nowrap}
.cutomer-center .notice ul li:first-child {padding-left:0; margin-left:0; border-left:0 none}
.cutomer-center .notice ul li strong {color:#127c8a; padding-right:8px}
.cutomer-center .tab-2-dropdown {padding:30px 15px; padding-top:0}
.board-list.board-faq ul li .head {padding:0 60px 0 140px}
.board-list.board-faq ul li .head .category {position:absolute; left:30px; top:0; width:100px; height:46px; line-height:46px;}
.board-list.board-faq ul li .head .subj {position:relative; padding-left:38px; *zoom:1}
.board-list.board-faq ul li .head .subj:after {content:"Q"; position:absolute; left:0; top:50%; margin-top:-14px; width:28px; height:28px; border-radius:50%; background:#127c8a; color:#fff; font-weight:700; font-family:"Noto Sans"; text-align:center; line-height:28px; font-size:14px}
.board-list.board-faq ul li.open .head .category {color:#fff}
.board-list.board-faq ul li.open .head .subj:after {color:#127c8a; background:#fff}

/* ¸¶ÀÌÆäÀÌÁö */
/* ±âº»Á¤º¸ */
.my-page  {padding-top:25px}
.my-page ul.tab-basic {margin-bottom:25px}
.my-page.my-info .notice-lg {text-align:center; font-size:14px; font-size:1.4rem; padding:30px 0 0 0}
.my-page.my-review p.result {padding:5px 0 30px 30px; border-bottom:1px solid #dedede}
.my-page.my-favorite .list-basic.list-fav > ul > li {height:363px; margin-bottom:30px}
.my-page.my-favorite .list-basic.list-fav > ul > li a.del {display:inline-block; height:18px; line-height:19px; padding:0 10px 0 25px; background:url(/assets/images/product/ico-del-fav.png) 10px 50% no-repeat; border:1px solid #999; font-size:11px; font-size:1.1rem; text-align:left; text-decoration:none}
.my-page.my-favorite .list-basic.list-fav > ul > li a.del:hover,
.my-page.my-favorite .list-basic.list-fav > ul > li a.del:focus {background:#747474 url(/assets/images/product/ico-del-fav-hover.png) 10px 50% no-repeat; border-color:#747474; color:#fff}
.my-page.my-favorite .list-basic.list-fav > ul > li > div > a {margin-bottom:15px}
.my-page.my-favorite .list-basic.list-fav {margin-bottom:20px}
.my-page.my-favorite .list-basic.list-new > ul > li {margin-bottom:30px}
.my-page.my-favorite h3.subj {text-align:center; font-size:14px; font-size:1.4rem; font-weight:700; padding:50px 0 10px; border-top:1px solid #dedede}
.my-page.my-favorite .board-foot {margin-bottom:50px}
.near-store .head {position:relative; padding-bottom:16px}
.near-store .head h3 {font-size:20px; font-size:2rem; margin-bottom:15px; font-weight:normal}
.near-store .head p {line-height:20px}
.near-store .head .button {position:absolute; right:0; bottom:10px}
.near-store ul {margin:0 -10px; *zoom:1}
.near-store ul:after {content:""; display:block; clear:both}
.near-store ul li {float:left; width:33.33%; margin-bottom:20px}
.near-store ul li div {padding:0 10px}
.near-store ul li div p {position:relative; padding:25px 30px; padding-right:100px; background:url(/assets/images/common/bg-board-active.gif); }
.near-store ul li div p strong,
.near-store ul li div p span {color:#fff; font-size:14px}
.near-store ul li div p strong {display:block; padding-bottom:13px}
.near-store ul li div p span {font-family:"Noto Sans"; display:inline-block; height:20px; overflow:hidden}
.near-store ul li div p a {position:absolute; right:30px; top:50%; margin-top:-21px; width:43px; height:43px; border-radius:50%; background:#fff}
.near-store ul li div p a em {display:block; text-indent:-9999px; width:100%; height:100%; background:url(/assets/images/product/ico-map.png) 50% 50% no-repeat}
.near-store ul li div p a:hover, .near-store ul li div p a:focus {background:#ffbf2c}

.review-list {padding-top:25px;}
.review-list > p.result {padding:0 0 30px 30px; border-bottom:1px solid #dedede; margin-bottom:30px}
.review-view {padding:30px 0 0 0}
.review-view h3 {padding:0 0 0 30px; margin-bottom:30px; height:46px; line-height:46px; color:#fff; font-size:16px; font-size:1.6rem; font-weight:normal; background:url(/assets/images/common/bg-board-active.gif)}
.review-view .summary {position:relative; padding:0 135px 40px 140px; *zoom:1; border-bottom:1px solid #dedede}
.review-view .summary:after {content:""; display:block; clear:both}
.review-view .summary .img {position:absolute; left:30px; top:0; width:90px; height:98px; border:1px solid #e0e0e0}
.review-view .summary .img img {width:100%}
.review-view .summary .button {position:absolute; right:30px; bottom:30px}
.review-view .summary .line {display:block; padding:10px 0 0 0; margin-bottom:13px; font-family:"Noto Sans"; font-size:14px; font-weight:700}
.review-view .summary .name {display:block; margin-bottom:27px; font-size:14px}
.review-view .summary .rate,
.review-view .summary .star,
.review-view .summary .star > strong,
.review-view .summary .star > .star-vote {float:left}
.review-view .summary .star {margin-right:19px}
.review-view .summary .star > strong {height:15px; line-height:15px; padding:1px 9px 0 0; font-weight:normal}
.review-view .summary .rate {height:15px; line-height:15px;font-size:16px; font-weight:700; color:#127c8a; font-family:"Noto Sans"; margin-right:20px}
.review-view .content {padding:30px; padding-bottom:12px; border-bottom:1px solid #dedede}
.review-view .content .pic {margin-bottom:26px}
.review-view .content .pic img {width:100%}
.review-view .content .text,
.review-view .content .text p {line-height:20px}
.review-view .content .text p {margin-bottom:18px}
.review-view .content .auth {margin-bottom:30px; *zoom:1}
.review-view .content .auth:after {content:""; display:block; clear:both}
.review-view .content .auth p {float:left; padding-left:20px; margin-right:20px; border-left:1px solid #c8c8c8; color:#666}
.review-view .content .auth p:first-child {padding:0; border:0 none}
.review-view .content .auth p span {padding-right:10px; color:#666}

/* ±¤°í */
.page-visual.tv-ad {background-color:#d3e5e1; background-image:url(/assets/images/visual/ad.jpg)}
.ad-brand  {}
.ad-brand .head {position:relative; padding:24px 0;}
.ad-brand .head h3 {text-align:center; font-size:24px; font-family:"Noto Sans"; font-weight:700; line-height:100%}
.ad-brand .head .btn {position:absolute; z-index:2; padding:0; margin:0; border:0; top:50%; margin-top:-11px; width:19px; height:23px; cursor:pointer}
.ad-brand .head .btn.btn-left {left:50%; margin-left:-84px; background:url(/assets/images/product/btn-magazine-left.png) center center no-repeat}
.ad-brand .head .btn.btn-right {right:50%; margin-right:-84px; background:url(/assets/images/product/btn-magazine-right.png) center center no-repeat}
.ad-brand .tv .youtube {position:relative; padding-bottom:56.25%; padding-top:30px; margin-bottom:20px; height:0; overflow:hidden}
.ad-brand .tv .youtube iframe, .youtube object, .youtube embed  {position:absolute; left:0; top:0; width:100%; height:100%}
.ad-brand .tv ul {margin-bottom:50px; padding-bottom:20px; border-bottom:1px solid #dedede; *zoom:1;}
.ad-brand .tv ul:after {content:""; display:block; clear:both}
.ad-brand .tv ul li {float:left;  width:20%}
.ad-brand .tv ul li a {display:block; position:relative;}
.ad-brand .tv ul li img {width:100%}
.ad-brand .tv ul li p {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(18,124,138,0.85);}
.ad-brand .tv ul li p span {display:block; padding:13px 0 0 15px; line-height:150%; color:#fff}
.ad-brand .tv ul li a:hover p, .ad-brand .tv ul li a:focus p,  .ad-brand .tv ul li a.active p {display:block}
.ad-brand .print {position:relative; overflow:hidden}
.ad-brand .print h4 {font-family:"Noto Sans"; font-size:14px; font-weight:700; padding-bottom:29px; text-align:center}
.ad-brand .print .items {margin:0 -10px; *zoom:1}
.ad-brand .print .items:after {content:""; display:block; clear:both}
.ad-brand .print .items .item {float:left; width:25%; padding-bottom:10px}
.ad-brand .print .items .item .inset {padding:0 10px}
.ad-brand .print .items .item .inset a {position:relative; display:block}
.ad-brand .print .items .item .inset a .pic {height:100%; position:relative; z-index:2}
.ad-brand .print .items .item .inset a .pic img {display:block; width:100%}
.ad-brand .print .items .item .inset .hover {display:none; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; box-sizing:border-box;}
.ad-brand .print .items .item .inset .hover .ins {display:none; position:relative; width:100%; height:100%}
.ad-brand .print .items .item .inset .hover .ins span {position:absolute; left:50%; top:50%; margin:-36px 0 0 -36px; width:72px; height:72px; border-radius:50%; background:#000}
.ad-brand .print .items .item .inset .hover .ins span em {display:block; height:100%; width:100%; background:url(/assets/images/etc/ico-view-ad.png) 50% 50% no-repeat}
.ad-brand .print .items .item .inset .shadow {display:none; position:absolute; left:2px; top:2px; z-index:1; width:100%; height:100%; background:#dedede}
.ad-brand .print .items .item.hover .inset a .hover {display:block; border:1px solid #9e9c9b; background:rgba(255,255,255,0.95);}
.ad-brand .print .items .item.hover .inset a .hover .ins,
.ad-brand .print .items .item.hover .inset a .shadow {display:block}
.ad-brand .print .items .item.active .inset a .hover {display:block; border:1px solid #127c8a}
.ad-brand .print .items .item.active .inset a .shadow {display:block;}
.ad-brand .print .items .item.active .inset a:after {content:""; position:absolute; left:50%; bottom:-31px; margin-left:-9px; width:0; height:0; border-style:solid; border-width:0px 9px 10px 9px; border-color:transparent transparent #bbb transparent}
.ad-brand .print .items .view {position:absolute; top:-9999px; left:0; clear:both; text-align:center; padding:20px 10px}
.ad-brand .print .items .view p {display:none; text-align:center; margin-bottom:20px; margin-top:-10px}
/*.ad-brand .print .items .view .share-sns li {float:none; display:inline-block; *display:inline; *zoom:1; margin:0 3px;}
.ad-brand .print .items .view .share-sns li a {background-color:#aaa;}*/
.ad-brand .print .items .view .share-sns2 li {float:none; display:inline-block; *display:inline; *zoom:1; margin:0 5px;}
.ad-brand .print .items .view .share-sns2 li a {display:block; width:38px; height:38px; text-indent:-9999px;background:url(/assets/images/product/ico-share-set.png) no-repeat;}
.ad-brand .print .items .view .share-sns2 .sns-fb a {background-position:left top;}
.ad-brand .print .items .view .share-sns2 .sns-tw a {background-position:-48px top;}
.ad-brand .print .items .view .share-sns2 .sns-kk a {background-position:-96px top;}
.ad-brand .print .items .view .inset {border-bottom:1px solid #bbb; border-top:1px solid #bbb; background:#f6f6f6; padding:30px 0;}
.ad-brand .print .items .view .inset .pic {margin-bottom:30px; min-height:480}
html.mobile .ad-brand .print .items .view p {display:block}

/* ½ºÅä¾î */
.find-store {padding-top:30px}
.find-store .region {padding-top:30px}
.find-store .region h3 {font-size:20px; margin-bottom:19px; font-weight:normal}
.find-store .region fieldset {padding:30px 0; text-align:center; background:#f6f6f6}
.find-store .region fieldset .input,
.find-store .region fieldset .fake-select {vertical-align:top}
.find-store .region fieldset .fake-select {text-align:left}
.find-store .region fieldset .input {position:relative; display:inline-block}
.find-store .region fieldset .input input[type="text"] {width:288px; height:32px; line-height:30px; padding:0 35px 0 15px; box-sizing:border-box; border:1px solid #333}
.find-store .region fieldset .input .submit {position:absolute; right:6px; top:0; width:32px; height:32px; background:url(/assets/images/common/ico-search-board.png) 50% 50% no-repeat; border:0; margin:0; padding:0}
.find-store .region .result li {position:relative; border-bottom:1px solid #dedede; *zoom:1}
.find-store .region .result li:after {content:""; display:block; clear:both}
.find-store .region .result li .addr,
.find-store .region .result li .name,
.find-store .region .result li .name *{float:left; line-height:100%}
.find-store .region .result li .name {width:48%;}
.find-store .region .result li .name strong,
.find-store .region .result li .name span {height:93px; line-height:93px; font-size:16px; font-weight:normal;}
.find-store .region .result li .name strong {width:65%;padding-left: 15px; box-sizing:border-box; }
.find-store .region .result li .addr {width:40%; height:93px; color:#666}
.find-store .region .result li .addr span {display:inline-block; vertical-align:middle; line-height:20px}
.find-store .region .result li .addr em {display:inline-block; vertical-align:middle; width:0; height:100%}
.find-store .region .result li a {position:absolute; right:30px; top:50%; margin-top:-21px; width:43px; height:43px; border-radius:50%; background:#747474}
.find-store .region .result li a em {display:block; text-indent:-9999px; width:100%; height:100%; background:url(/assets/images/product/ico-map-w.png) 50% 50% no-repeat}
.find-store .region .result li.nodata {height:auto; padding:39px 0; text-align:center}
.find-store .region .paginate {position:relative; text-align:center; padding:30px 0; margin-bottom:20px}
.find-store .region .paginate .btn {position:absolute; z-index:2; padding:0; margin:0; border:0; top:50%; margin-top:-12px; width:19px; height:23px; cursor:pointer}
.find-store .region .paginate .btn.btn-left {left:50%; margin-left:-62px; background:url(/assets/images/product/btn-magazine-left.png) center center no-repeat}
.find-store .region .paginate .btn.btn-right {right:50%; margin-right:-62px; background:url(/assets/images/product/btn-magazine-right.png) center center no-repeat}
/*.find-store .region .result li a:hover, .find-store .region .result li a:focus {background:#ffbf2c}*/
.find-store .online h3 {font-size:20px; margin-bottom:19px; font-weight:normal}
.find-store .online h3 + p {margin-bottom:19px}
.find-store .online ul {margin:0 -10px; *zoom:1}
.find-store .online ul:after {content:""; display:block; clear:both}
.find-store .online ul li {float:left; width:33.33%; margin-bottom:20px;}
.find-store .online ul li div {padding:0 10px}
.find-store .online ul li div a {display:block; border:1px solid #dedede; height:100px; line-height:100px; text-align:center}

.sns-lounge .visual {position:relative; margin-bottom:23px; overflow:hidden}
.sns-lounge .visual div {position:absolute; height:100%;}
.sns-lounge .visual div p {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:20px; line-height:130%; padding-left:30px}
.sns-lounge .visual div span {display:inline-block; width:0; height:100%; vertical-align:middle}
.sns-lounge .sns {margin-bottom:23px; *zoom:1}
.sns-lounge .sns:after {content:""; display:block; clear:both}
.sns-lounge .sns strong {float:left; height:28px; line-height:28px; margin-right:20px; font-size:14px}
.sns-lounge .sns .share-sns {float:left}
.sns-lounge .sns .share-sns li a {/*background-color:#aaa*/}
.sns-lounge .content {margin-bottom:30px; padding:30px; border-bottom:1px solid #dedede; border-top:1px solid #dedede; text-align:center}
.sns-lounge .content .click {display:none; padding-bottom:30px}
.sns-lounge .items {}
.sns-lounge .items .paginate {position:relative; height:49px}
.sns-lounge .items .paginate span {position:absolute; bottom:4px; left:50%; margin-left:-40px; width:80px; height:13px; line-height:13px; text-align:center; font-family:"Noto Sans"}
.sns-lounge .items .paginate .btn {position:absolute; bottom:0; z-index:2; padding:0; margin:0; width:19px; height:23px; cursor:pointer; border:0}
.sns-lounge .items .paginate .btn.btn-left {left:50%; margin-left:-60px; background: url(/assets/images/product/btn-magazine-left.png) center center no-repeat}
.sns-lounge .items .paginate .btn.btn-right {right:50%; margin-right:-60px; background: url(/assets/images/product/btn-magazine-right.png) center center no-repeat}
.sns-lounge .items .paginate .btn.btn-right {right:50%; margin-right:-60px; background: url(/assets/images/product/btn-magazine-right.png) center center no-repeat}
.sns-lounge .items .paginate .btn.disable {opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha(opacity=30);"; cursor:default; outline:none}
.sns-lounge .items .list-wrap {position:relative; overflow:hidden; height:182px}
.sns-lounge .items .list-wrap .holder {width:2000%; *zoom:1; position:absolute; left:0; top:0;}
.sns-lounge .items .list-wrap .holder ul {float:left}
.sns-lounge .items .list-wrap .holder ul li {float:left; width:300px; height:180px; margin-right:50px; text-align:center; overflow:hidden}
/*.sns-lounge .items .list-wrap .holder ul li:last-child {margin-right:50px}*/
.sns-lounge .items .list-wrap .holder ul li a {display:block; height:100%; position:relative}
.sns-lounge .items .list-wrap .holder ul li a img {width:100%}
.sns-lounge .items .list-wrap .holder ul li a p {position:absolute; left:0; bottom:-42px; width:100%; height:40px; line-height:40px; background:rgba(255,255,255,0.95)}
.sns-lounge .items .list-wrap .holder ul li.hover {
border:1px solid #9d9d9d; height:178px; width:298px;
-webkit-box-shadow: 2px 2px 0px 0px rgba(209, 209, 209, 0.70);
-moz-box-shadow:    2px 2px 0px 0px rgba(209, 209, 209, 0.70);
box-shadow:         2px 2px 0px 0px rgba(209, 209, 209, 0.70);
}
.sns-lounge .items .list-wrap .holder ul li.hover a {margin:-1px}
html.mobile .items .list-wrap .holder ul li a p {position:absolute; bottom:-1px}
html.mobile .sns-lounge .content .click {display:block}


.content-area.brand-story {overflow:visible}
.brand-story .pic {position:relative; height:636px;}
.brand-story .pic.pic4 {height:150px}
.brand-story .pic img {position:absolute; left:50%; top:0; margin-left:-600px}
.brand-story .pic img.mobile {display:none; margin-left:-240px}
.brand-story .slogan {padding-top:145px; padding-bottom:165px; text-align:center}
.brand-story .slogan *{vertical-align:middle}
.brand-story .slogan p.s {display:inline-block; *display:inline; *zoom:1}
.brand-story .slogan p.s,
.brand-story .slogan p.s span {font-size:14px; font-family:"Noto Sans"; font-style:normal}
.brand-story .slogan p.c {position:relative; overflow:hidden; width:180px; height:114px; background:url(/assets/images/etc/1per2.png) 50% 50% no-repeat; display:inline-block; *display:inline; *zoom:1}
.brand-story .slogan p.c *{position:absolute; left:-2000%; top:0; width:0; height:0; opacity:0}
.brand-story .text {padding:45px 0 50px; text-align:center}
.brand-story .text h2 {position:relative; height:60px; font-size:24px; font-family:"Noto Sans"; font-weight:normal; *zoom:1}
.brand-story .text h2:after {content:""; display:block; width:28px; height:2px; font-size:0; background:#000; position:absolute; left:50%; bottom:0; margin-left:-14px}
.brand-story .text p,
.brand-story .text p span {word-break:keep-all; word-wrap:break-word}
.brand-story .text p.p1 {margin-top:35px}
.brand-story .text p.p1,
.brand-story .text p.p1 span {font-size:16px; line-height:24px}
.brand-story .text p.p2 {margin-top:20px}
.brand-story .text p.p2,
.brand-story .text p.p2 span {line-height:20px; color:#333}
.brand-story .text p span {display:block}
.brand-story .text.text1 {padding-top:0}
.brand-story .text.text3 {padding-bottom:95px}
.brand-story .text.text4 {padding:100px 0 0 0}
.brand-story .text.text4 .set {display:none}
.brand-story .text.text4 .default {display:block}
.brand-story .text.text4 h3 {margin-top:50px; font-size:20px; font-family:"Noto Sans"}
.brand-story .text.text4 ul {padding-left:115px; margin-top:27px}
.brand-story .text.text4 ul li {text-align:left; line-height:20px; text-indent:-260px; padding-left:260px; margin-bottom:7px; *zoom:1}
.brand-story .text.text4 ul li:after {content:""; display:block; clear:both}
.brand-story .text.text4 ul li *{display:inline-block; line-height:20px; vertical-align:top; text-indent:0;}
.brand-story .text.text4 ul li strong {width:26px; font-family:"Noto Sans"; font-size:14px; font-weight:700; line-height:1.2em;}
.brand-story .text.text4 ul li span {width: 215px;word-break:keep-all;word-wrap:break-word;}
.brand-story .text.text4 ul li p {color:#333; *display:inline; *zoom:1;word-break:keep-all;word-wrap:break-word;margin-left: 20px;}
.brand-story .toggle {position:relative; min-height:40px; padding-top:30px}
.brand-story .toggle a {position:absolute; left:50%; top:30px; margin:0 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}
.brand-story .toggle a.open {background-image:url(/assets/images/common/btn-more-list-t.png)}


.site-map .set {padding:46px 10px 50px 30px; border-bottom:1px solid #dedede; *zoom:1}
.site-map .set:after {content:""; display:block; clear:both}
.site-map .set h3,
.site-map .set > ul,
.site-map .set li,
.site-map .set li a {float:left; line-height:1em;}
.site-map .set h3 {width:220px; font-size:18px; font-family:"Noto Sans"; font-weight:normal; line-height:1em}
.site-map .set ul:after {content:""; display:block; clear:both}
.site-map .set > ul {padding-top:4px}
.site-map .set > ul > li {position:relative; padding-left:20px; margin-left:19px}
.site-map .set > ul > li:first-child {margin-left:0; padding-left:0}
.site-map .set > ul > li > a {font-size:14px}
.site-map .set > ul > li > a:after {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-6px; height:12px; width:1px; border-right:1px solid #dedede}
.site-map .set > ul > li:first-child > a:after {display:none}
.site-map .set.product > ul > li {padding-left:0; margin-left:0}
.site-map .set.product > ul > li > a:after {display:none}
.site-map .set.product > ul > li,
.site-map .set.product > ul > li > a {float:none}
.site-map .set.product ul ul li {margin-left:20px}
.site-map .set.product ul ul li:first-child {margin-left:0}
.site-map .set.product ul ul {padding:14px 0 38px}
.site-map .set.store {border-bottom:0 none}
.site-map .set.store > ul {padding-top:0}
.site-map .set.store > ul > li {padding-left:0; margin-left:105px}
.site-map .set.store > ul > li:first-child {margin-left:0}
.site-map .set.store > ul > li > a {font-size:18px; font-family:"Noto Sans"}
.site-map .set.store > ul > li > a:after {display:none}

body.model #container {width:100%}
body.model .page-location {width:1000px; margin:0 auto}
.brand-model .visual {height:604px; position:relative}
.brand-model .visual .bg {position:absolute; top:184px; left:0; width:100%; height:420px; background:#f1f1f1 url(/assets/images/etc/bg-model-text.gif) center bottom no-repeat; text-indent:-9999px}
.brand-model .visual .model {position:absolute; top:0; left:0; width:100%; height:604px; background:url(/assets/images/etc/pic-model.png) center bottom no-repeat}
.brand-model .text {width:1000px; margin:0 auto}
.brand-model .text .copy {position:relative; padding:50px 0 0 0; margin-bottom:50px; word-break:keep-all; word-wrap:break-word; *zoom:1}
.brand-model .text .copy:after {content:""; display:block; position:absolute; left:0; bottom:0; width:28px; height:2px; background:#000} 
.brand-model .text .copy p {font-size:22px; line-height:28px; padding-bottom:22px; word-break:keep-all; word-wrap:break-word;}
.brand-model .text .copy p span {color:#127c8a}
.brand-model .text .copy p + p {font-size:14px; line-height:20px; padding-bottom:45px}
.brand-model .text .cont p {line-height:20px; padding-bottom:22px; word-break:keep-all; word-wrap:break-word;}	

@media screen and (max-width:1200px){
	.content-area.brand-story {overflow:hidden}
}

/* 1024 ÀÌÇÏÀÏ °æ¿ì */
@media screen and (max-width:1024px){
	.board-list ul li .content .inner img {display:block; width:100%; height:auto}
}
@media screen and (max-width:1000px){
	.product-list .list-basic > ul > li {min-height:inherit}
	.product-list .select-division .division.category ul li,
	.review-list .select-division .division.category ul li {width:25%}
	.product-list .select-division .division.line ul li,
	.review-list .select-division .division.line ul li {width:20%}
	body.model .page-location {width:auto}
	.brand-model .text {width:auto; padding:0 30px}
	
	/*.review-view .summary .rate {float:none; display:block}*/
}
/* ¾Èµå·ÎÀ̵å,iOS ÅÂºí¸´ */
@media screen and (max-width:999px){
	.brand-story .text.text4 ul {padding-left:30px; padding-right:30px}
	.review-view .summary {padding-left:30px;}
	.review-view .summary .img {display:none}
	.review-view .summary .star {margin-right:10px}
	.review-view .summary .line {padding-top:0}
	.magazine-view .items .list-wrap {width:708px; height:135px; margin:0 auto}
	.magazine-view .items .list-wrap .holder ul li {width:216px; height:130px; margin-right:30px}
	.magazine-view .items .list-wrap .holder ul li.hover {width:214px; height:128px}
	.magazine-view .list-magazine li a img {top:-50px}
	.magazine-view .content img {width:100%}
	
	.sns-lounge .sns {padding-left:30px}
	.sns-lounge .items .list-wrap {width:708px; height:135px; margin:0 auto}
	.sns-lounge .items .list-wrap .holder ul li {width:216px; height:130px; margin-right:30px}
	.sns-lounge .items .list-wrap .holder ul li.hover {width:214px; height:128px}
	.sns-lounge .content img {width:100%}

	.my-favorite .near-store {padding-left:30px; padding-right:30px}
	.my-favorite .near-store .head .button {position:static}
	.my-favorite .near-store .head p {margin-bottom:8px}
	.cutomer-center .notice ul li {padding-left:0; margin-left:0; border-left:0 none}
	.cutomer-center .notice ul li:first-child {padding-right:20px; margin-right:20px; border-right:1px solid #dedede}
	.cutomer-center .notice ul li:last-child {float:none; clear:both}
	.site-map .set h3 {width:20%}
}

@media screen and (max-width:800px){ /* 768 ~ 800 */
	.magazine-view .content .click {display:block}
	.magazine-list {width:708px; margin:0 auto}
	.magazine-list .set {width:216px}
	.magazine-list .set.set2 {margin:0 30px;}
	.magazine-list .list-magazine li {height:130px}
	.magazine-list .list-magazine li.top {height:230px}
	.magazine-list .list-magazine li a img {top:-65px; width:100%}
	.magazine-list .list-magazine li.hover {height:128px}
	.magazine-list .list-magazine li.hover.top {height:228px}
	.ad-brand .tv ul {margin-left:-1px; margin-right:-1px}
	.ad-brand .tv ul li a {margin:0 1px}
	
	.near-store {padding-right:30px; padding-left:30px}
	.near-store ul li {width:50%}
	.find-store .region h3 {padding-left:30px}
	.find-store .region .result li .name {width:32%}
	.find-store .region .result li .name strong,
	.find-store .region .result li .name span {float:none; display:block; height:auto; width:auto; line-height:normal; padding-left:30px}
	.find-store .region .result li .name strong {padding-top:23px; margin-bottom:10px}
	.find-store .online {padding-right:30px; padding-left:30px}
	.find-store .online ul li {width:50%}
	
	.magazine-view .content,
	.sns-lounge .content {padding-left:15px; padding-right:15px}
	
	.my-page.my-favorite .list-basic.list-fav > ul > li {height:300px}
	
}

@media screen and (max-width:767px){ /* width under 768 */
	
	.product-detail > .summary {height:auto; margin-bottom:80px; padding-top:20px}
	.product-detail > .summary > .pic {float:none; width:100%; margin-top:0; overflow:hidden}
	.product-detail > .summary > .info {float:none; margin:0; padding:30px; width:auto}
	.product-detail > .summary > .info .point {left:30px; bottom:30px}
	.product-detail > .summary > .info .review {right:30px; bottom:30px}
	.product-detail > .summary > .info .share-sns {right:30px; top:30px}
	.product-detail > .summary > .info .btns {right:0; bottom:-50px}
	.product-detail ul.anchor {margin-bottom:32px}
	.product-detail > .information > .detail div.text .txt {right:0; padding:0 30px}
	.product-detail > .information > .detail div.text .txt .inset {width:100%; box-sizing:border-box; padding:30px; padding-top:27px; background:rgba(255,255,255,0.95);}
	
	.sign-in .other p {}
	.magazine-list  {width:auto; margin:0 auto}
	.magazine-list  .set {width:100%; display:none}
	.magazine-list  .set.set1 {display:block}
	.magazine-list  .set.set2 {margin:0}
	.magazine-list .list-magazine {width:216px; margin:0 auto}
	.magazine-list .btn {display:block}
	.ad-brand .tv ul {margin-left:-1px; margin-right:-1px}
	.ad-brand .tv ul li {width:33.33%; margin-bottom:2px}
	.ad-brand .tv ul li a {margin:0 1px;}
	.ad-brand .print .items .view .inset .pic img {width:100%}
	/*
	.magazine-index .set {width:216px}
	.magazine-index .set.set2 {margin:0 30px;}
	.list-magazine li {height:130px}
	.list-magazine li a img {top:-50px; width:100%}
	.list-magazine li.hover {height:128px}
	*/
	.product-list .select-division .division.line ul li,
	.review-list .select-division .division.line ul li {width:25%}
	.find-store .region fieldset .fake-select {width:150px !important}
	
	.review-view .summary {padding:0 15px 20px 15px}
	.review-view .summary .button {display:none}
	.review-view .summary .rate {float:none; display:block; margin-bottom:15px}
	.review-view .summary .star > .star-vote {margin-bottom:12px}
	
	.sns-lounge .sns {text-align:center}
	.sns-lounge .sns strong {float:none; display:inline-block; vertical-align:top}
	.sns-lounge .sns .share-sns {float:none; display:inline-block; vertical-align:top}
	.sns-lounge .sns .share-sns li a {background-color:#aaa}
	.cutomer-center .notice ul li {float:none}
	.cutomer-center .notice ul li:first-child {padding-right:0; margin-right:0; border-right:0 none}
	
	.brand-story .text ,
	.brand-story .text.text4 {padding-left:15px; padding-right:15px}
	.brand-story .text p span {display:inline}
	.brand-story .text.text4 ul {padding-left:0; padding-right:0}
	.brand-story .text.text4 ul li {text-indent:-26px; padding-left:26px; margin-bottom:10px}
	.brand-story .text.text4 ul li span {width:auto}
	.brand-story .text.text4 ul li p {display:block; *display:block}
	.brand-story .slogan {padding:75px 0 70px 0}
	.brand-story .slogan p.s {display:block; line-height:18px}
	.brand-story .slogan p.c {display:block; *display:block; width:auto; margin:60px auto}
	.brand-story .slogan p.s span {display:block; line-height:18px}
}
@media screen and (max-width:707px){
	.magazine-view .items .list-wrap {width:auto; height:128px; margin:0 15px}
	.magazine-view .items .list-wrap .holder ul {width:100%}
	.magazine-view .items .list-wrap .holder ul li {float:none; width:100%; margin-right:0; height:40px; margin-bottom:4px}
	.magazine-view .list-magazine li a img {display:none}
	.magazine-view .list-magazine li a p {position:static; background:#f6f6f6}
	.magazine-view .list-magazine li.active a p {background:#127c8a}
	
	.sns-lounge .items .list-wrap {width:auto; height:128px; margin:0 15px}
	.sns-lounge .items .list-wrap .holder ul {width:100%}
	.sns-lounge .items .list-wrap .holder ul li {float:none; width:100%; margin-right:0; height:40px; margin-bottom:4px}
	.sns-lounge .items .list-wrap .holder ul li a img {display:none}
	.sns-lounge .items .list-wrap .holder ul li a p {position:static; background:#f6f6f6}
	.sns-lounge .items .list-wrap .holder ul li.active a p {background:#127c8a}

}

/*@media screen and (max-width:640px){*/
@media screen and (max-width:639px){
	.search-product fieldset {width:auto; padding:0 58px 30px 15px}
	.search-product fieldset input[type="text"] {width:100%}
	.search-product fieldset .submit {right:15px}
	
	.product-list .select-division .division.line ul li,
	.review-list .select-division .division.line ul li {width:33.33%}
	
	.product-list .select-options .division ul li label {background-color:transparent}
	.product-list .select-options .division {padding-left:15px; padding-right:15px;}
	
	.product-list .result-consult {padding:30px; text-align:center}
	.product-list .result-consult .button {position:static; margin-top:0}
	.product-list .result-consult p {margin-bottom:17px}
	.product-list .result-consult p strong {display:block; padding-right:0; padding-bottom:13px;}

}
@media screen and (max-width:639px){
	.near-store {padding-right:0; padding-left:0}
	.near-store .head {padding-right:15px; padding-left:15px}
	.near-store ul li {width:100%}
	.near-store ul li {margin-bottom:10px}
	.find-store .region fieldset {padding-right:15px; padding-left:15px}
	.find-store .region fieldset .input input[type="text"],
	.find-store .region fieldset .input,
	.find-store .region fieldset .fake-select {width:100% !important}
	.find-store .region fieldset .fake-select {margin-bottom:10px}
	.find-store .region h3 {padding-left:15px}
	.find-store .region .result li {padding:25px 75px 25px 15px}
	.find-store .region .result li .addr,
	.find-store .region .result li .name,
	.find-store .region .result li .name *{float:none}
	.find-store .region .result li .name strong {padding:0;}
	.find-store .region .result li .name span {padding:0;}
	.find-store .region .result li .name {width:100%; margin-bottom:15px}
	.find-store .region .result li .addr {width:auto; height:auto}
	.find-store .region .result li a {right:15px}
	.find-store .online {padding-right:15px; padding-left:15px}	.find-store .online ul li {width:100%; margin-bottom:10px}
	.my-favorite .near-store {padding-left:0; padding-right:0}
}
/* ¸ð¹ÙÀÏ µð¹ÙÀ̽º */
@media screen and (max-width:480px){
	.product-detail > .information > .relation .list-basic > ul > li {width:50%; margin-bottom:25px}
	.product-detail > .summary > .info .btns {width:100%;}
	.product-detail > .summary > .info .btns a {width:32.66%; margin-left:0; margin-right:1%}
	.product-detail > .summary > .info .btns a:last-child {margin-right:0}
	.product-detail > .information > .guide div.text,
	.product-detail > .information > .review > .status {padding-right:15px; padding-left:15px} 
	.product-detail > .information > .relation .list-basic {width:390px; margin:0 auto}
	.board-review ul li,
	.board-review ul li .head .subj {padding-right:15px; padding-left:15px}
	.board-review ul li .head .subj {margin-left:-15px; margin-right:-15px; padding-bottom:10px}
	.board-review ul li .head .star-vote {position:static}
	.board-review ul li .head .date,
	.board-review ul li .head .id,
	.board-review ul li .head .arrow {display:none}
	.board-foot {height:65px}
	.board-foot button {top:0; margin-top:0}
	.board-foot p {position:absolute; left:0; bottom:0; width:100%; height:auto; line-height:100%; text-align:center}
	.search-board {padding:25px 15px; position:relative}
	.search-board .fake-select {width:100% !important; margin-bottom:10px}
	.search-board input[type="text"] {width:100%; height:32px; box-sizing:border-box}
	.search-board button {position:absolute; right:16px; bottom:26px; margin-left:0}
	.sign-in .bx {padding:50px 30px}
	.sign-in .bx fieldset .form {width:auto; padding:0}
	.sign-in .bx fieldset .form .set.pass {margin-bottom:10px}
	.sign-in .bx fieldset .form .set input {width:100%; box-sizing:border-box; height:40px; line-height:40px}
	.sign-in .bx fieldset .form .login {position:static; width:100%; height:40px;}
	.ad-brand .tv ul {margin-left:-5px; margin-right:-5px}
	.ad-brand .tv ul li {width:50%; margin-bottom:10px}
	.ad-brand .tv ul li a {margin:0 5px}
	.ad-brand .print .items {margin:0 -5px}
	.ad-brand .print .items .item {width:50%}
	.ad-brand .print .items .item .inset {padding:0 5px}
	.board-list ul li .head {height:auto; padding:38px 15px 10px 15px}
	.board-list ul li .head .date {left:15px; top:0; width:auto; height:38px; line-height:38px; text-align:left}
	.board-list ul li .head .div {float:left; position:static; width:auto; height:auto; margin-right:10px}
	.board-list ul li .head .div span {float:left}
	.board-list ul li .head .subj {height:26px; line-height:26px}
	.board-list ul li .head .arrow {display:none}
	.board-list ul li .content .inner {padding:30px 15px}
	.cutomer-center .notice {padding:25px 15px; padding-bottom:10px}
	.cutomer-center .notice .exclam {display:none}
	.board-list.board-faq ul li .head {padding:13px 15px 8px 15px}
	.board-list.board-faq ul li .head .category {position:static; height:auto; line-height:100%; margin-bottom:11px}
	.board-list.board-faq ul li .head .subj {height:28px; line-height:28px}
	.list-review > ul > li {width:50%}
	.list-review + .board-foot button {margin-top:-20px; top:50%;}
	.my-page.my-review p.result {padding-left:15px}
	
	.select-division .division {padding-right:15px; padding-left:15px}
	.select-division .division > ul,
	.select-division .division > .set {display:none}
	.product-list .select-options .division > .set {display:block}
	
	.product-list .list-basic > ul > li {width:50%}
	.product-list .select-options .division.line ul li {padding-bottom:0; width:50%}
	.product-list .select-options .division.line .set {padding-left:70px; margin-bottom:12px}
	.product-list .select-options .division.line .set h3 strong {width:58px}
	.product-list .select-options + p.result,
	.product-list .result-consult + p.result {padding:0 15px 28px 15px}
	
	.product-list .head-list .inset div {display:block; padding:30px; padding-bottom:0}
	.review-view .content .auth p + p + p {float:none; clear:both; padding-top:8px; padding-left:0; border-left:0 none}
	.my-page.my-info .notice-lg {padding-right:30px; padding-left:30px; padding-top:26px; line-height:22px}
	
	.my-page.my-favorite .list-basic.list-fav > ul > li,
	.my-page.my-favorite .list-basic.list-new > ul > li {width:50%}
	
	.brand-model .text {padding:0 15px}
	.brand-model .visual .bg {background-image:none}
	.brand-model .visual .model {left:0; padding-left:80px}
	
	.brand-story .pic img.mobile {display:block}
	.brand-story .pic img.web  {display:none}

	.product-detail > .summary > .info .btns a.naver {background-position: 25% 50%;}
}
@media screen and (max-width:479px){
	.product-detail > .summary > .info {height:auto}
	/*.product-detail > .summary > .info .text {margin-bottom:95px}*/
	.product-detail > .summary > .info .func {margin-bottom:42px}
	.product-detail > .summary > .info .point {position:static; margin-bottom:30px}
	.product-detail > .summary > .info .review {position:static; *zoom:1}
	.product-detail > .summary > .info .review:after {content:""; display:block; clear:both}
	.product-detail > .summary > .info .review > span, .product-detail > .summary > .info .review > strong {text-align:left}
	.product-detail > .summary > .info .review > span {display:block}
	.product-detail > .summary > .info .review > strong {float:left; margin-right:25px; padding-bottom:0}
	.product-detail > .summary > .info .review > .star-vote {float:left; margin-top:30px}
	.product-detail > .summary > .pic {height:auto}
	.product-detail > .summary > .pic img {position:static; margin:0; width:100%}
	.product-detail > .information > .review > .status > .button {position:static; clear:both; width:100%; margin-top:11px}
	
	.product-detail > .summary > .info h2 {width:100%}
	.product-detail > .summary > .info .text {width:100%; padding-right:0}
	.product-detail > .summary > .info .text strong {width:100%}
}
@media screen and (max-width:389px){
	.product-detail > .information > .relation .list-basic {width:100%; margin:0 -6px}
}
@media screen and (max-width:360px){
}

#wrapper:has(~.ui-dialog .privacy-agree) {}
.ui-dialog:has(.privacy-agree) {width:470px !important;}

.privacy-agree {display:none;padding:20px 20px 10px;border:1px solid #aaa;margin-bottom:10px;}
.privacy-agree .button-area > * {display: inline-block;vertical-align: middle;}
.privacy-agree h4 {font-size:15px;margin: 10px 0;}
.privacy-agree pre {
	overflow-x: hidden;
	padding: 15px;
	margin: 15px 0;
	white-space: pre-wrap;
	border: 1px solid #ddd;
	background-color: #fafafa;
	font-size: 13px;
	line-height: 150%;
}

.privacy-agree .button {color:#fff;float: right;}
.privacy-agree .button:after {content:'';display:block;clear:both;}