@charset "utf-8";

/* ========== [태그 초기화] ========== */
* {margin:0; padding:0;}
html {}
html, body {width:100%; height:100%; background:#ffffff;}
body {line-height:1.2; font-size:12px; font-family:'NanumGothic', '나눔 고딕', dotum, '돋움', gulim, '굴림', Georgia, helvetica, sans-serif, Arial, verdana; color:#acacac;}
img {border:0; vertical-align:middle;}
form, fieldset {display:block; border:0;}
ul,ol,li {list-style:none;}
hr {display:none;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
p, acronym, address, big, small, cite, code, dfn, em, kbd, pre, samp, sub, sup, tt, var {
	font-weight:normal; font-family:'NanumGothic', '나눔 고딕', dotum, '돋움', gulim, '굴림', Georgia, helvetica, sans-serif, Arial, verdana; font-style:normal;
}
h1, h2, h3, h4, h5, h6 {font-size:12px;}
input, select {
	vertical-align:middle;
/*	font-family:arial,AppleGothic,verdana,sans-serif; */
	font-family:'NanumGothic', '나눔 고딕', dotum, '돋움', gulim, '굴림', Georgia, helvetica, sans-serif, Arial, verdana;
	font-size:1em;
	color:#67625c;
}
blockquote, q {quotes: none;}
a:link {color:#888888; text-decoration:none;}
a:visited {color:#888888; text-decoration:none;}
a:hover {color:#888888; text-decoration:none;}
a:focus {color:#888888; text-decoration:none;}
a:active {color:#888888; text-decoration:none;}

/* ========== [레이아웃] ========== */
#wrap {width:940px; margin:0 auto;}
#header {}
#header .header {}
#header .header .logo {height:46px; padding-top:27px;}
#header .header .gnb {}
#header .header .gnb ul {overflow:hidden; width:100%; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
#header .header .gnb ul li {float:left;}
#header .header .gnb ul li a {display:block; height:41px;}
#header .header .gnb ul li a:hover {background-position:center -41px !important;}
#header .header .gnb ul li a span {line-height:0; font-size:0;}
/*
#header .header .gnb ul li.gnbMenu1 a {width:123px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu1.gif) no-repeat 30px top;}
#header .header .gnb ul li.gnbMenu1 a:hover {background-position:30px -41px !important;}
#header .header .gnb ul li.gnbMenu2 a {width:136px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu2.gif) no-repeat center top;}
#header .header .gnb ul li.gnbMenu3 a {width:146px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu3.gif) no-repeat center top;}
#header .header .gnb ul li.gnbMenu4 a {width:146px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu4.gif) no-repeat center top;}
#header .header .gnb ul li.gnbMenu5 a {width:154px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu5.gif) no-repeat center top;}
#header .header .gnb ul li.gnbMenu6 a {width:136px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu6.gif) no-repeat center top;}
#header .header .gnb ul li.gnbMenu7 a {width:99px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu7.gif) no-repeat 43px top;}
#header .header .gnb ul li.gnbMenu7 a:hover {background-position:43px -41px !important;}
*/
#header .header .gnb ul li.gnbMenu1 a {width:147px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu1.gif) no-repeat 49px top;}
#header .header .gnb ul li.gnbMenu1 a:hover {background-position:49px -41px !important;}
#header .header .gnb ul li.gnbMenu2 a {width:160px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu2.gif) no-repeat center top;}
#header .header .gnb ul li.gnbMenu3 a {width:170px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu3.gif) no-repeat center top;}
#header .header .gnb ul li.gnbMenu5 a {width:178px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu5.gif) no-repeat center top;}
#header .header .gnb ul li.gnbMenu6 a {width:160px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu6.gif) no-repeat center top;}
#header .header .gnb ul li.gnbMenu7 a {width:125px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/gnbMenu7.gif) no-repeat 50px top;}
#header .header .gnb ul li.gnbMenu7 a:hover {background-position:50px -41px !important;}

#container {padding:10px 0 110px;}
#content {}

/* ========== [메인페이지] ========== */
/* 메인비주얼 */
.mainBannerSection {overflow:hidden; width:100%;}
.mainBannerSection .mainBanner1 {float:left; overflow:hidden; position:relative; width:465px; height:601px;}
.mainBannerSection .mainBanner1 ul {overflow:hidden; position:relative; width:10000px;}
.mainBannerSection .mainBanner1 ul li {float:left;}
.mainBannerSection .mainBanner1 .navi {display:none; position:absolute; left:50%; top:417px; width:328px; height:188px; margin-left:-164px; padding-top:11px; text-align:center; line-height:0; font-size:0;}
.mainBannerSection .mainBanner1 .navi a {display:inline-block; width:13px; height:13px; margin:0 5px; background:url(http://eshop.amorepacific.co.kr/gsbrand/images/BG_mainBannerNavi.png) no-repeat center top;}
.mainBannerSection .mainBanner1 .navi a span {line-height:0; font-size:0;}
.mainBannerSection .mainBanner1 .navi a.on {background-position:center -13px;}

/* 아모레퍼시픽브랜드 */
.mainBannerSection .mainBanner2 {float:right; width:463px; height:599px; border:1px solid #cdcdcd;}
.mainBannerSection .mainBanner2 h2 {height:30px; padding-top:25px; text-align:center;}
.mainBannerSection .mainBanner2 .brandList {overflow:hidden; height:34px; padding-left:22px;}
.mainBannerSection .mainBanner2 .brandList ul {overflow:hidden;}
.mainBannerSection .mainBanner2 .brandList ul li {overflow:hidden; float:left; position:relative; height:34px;}
.mainBannerSection .mainBanner2 .brandList ul li a {display:block; position:relative; height:34px; padding:0 10px 0 9px;}
.mainBannerSection .mainBanner2 .brandList ul li a img {position:relative;}
.mainBannerSection .mainBanner2 .brandList ul li a:hover img {top:-34px;}
.mainBannerSection .mainBanner2 .brandList ul li.on a img {top:-34px;}
.mainBannerSection .mainBanner2 .brandContent {display:none; margin-top:14px;}
.mainBannerSection .mainBanner2 .brandContent .brandVisual {}
.mainBannerSection .mainBanner2 .brandContent .list {overflow:hidden;}
.mainBannerSection .mainBanner2 .brandContent .list li {float:left;}
.mainBannerSection .mainBanner2 #brandContent1 {display:block;}

/* 메인좌측하단배너 */
.mainBannerSection .mainBanner3 {float:left; width:465px; height:155px; margin-top:15px;}

/* 메인우측하단배너 */
.mainBannerSection .mainBanner4 {float:right; width:465px; height:155px; margin-top:15px;}