/* BASIC css start */
#main { position: relative; }
/* visual, notice */
#main .visual-evt { zoom: 1; overflow: hidden; }
/* visual */
#main .visual-evt .visual { float: left; }
/* notice */
#main .visual-evt .evt-wrap { float: right; width: 212px; }
#main .visual-evt .ntc h2 { font-size: 0; line-height: 0; }
#main .visual-evt .ntc .list { zoom: 1; overflow: hidden; padding-top: 17px; padding-left: 10px; margin-right: 6px }
#main .visual-evt .ntc .list li,
#main .visual-evt .ntc .list a { float: left; }
#main .visual-evt .ntc .list li { padding-left: 16px; width: 180px; background: url(/images/d3/modern_simple/common/bull_main_ntc.gif) no-repeat 0 45%; }
#main .visual-evt .ntc .list a { width: 100%; height: 23px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#main .visual-evt .ntc .list a:hover { font-weight: bold; letter-spacing: -1px; text-decoration: underline; }
/* 출석체크 event */
#main .visual-evt .ad { font-size: 0; line-height: 0; text-align: right; }
/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* flashHeadlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* md`s pick item */
#main #mdItem { position: relative; margin-top: 20px; }
/* 상품 리스트- 공통 */
#main .mprd-cm { margin-top: 40px; }
#main .mprd-cm .tit-prd { padding-bottom: 7px; font-size: 0; line-height: 0; border-bottom: 1px solid #e5e5e5; }

/* main visual */
.visual-container {
	position:relative;
	height:500px;
}
.visual-container .visual {
	height:500px;
}
.visual-container .visual-item {
    height:500px;
    background-color:#eeeeee !important;
}


.visual-container .visual-item.item3 {
    background:url(https://tanhouse.co.kr/design/tanning/new2016/index_visual3.jpg) no-repeat 50% 50%;
    background-size:cover;
}


.visual-container .visual-item.item63 {
    background:url(https://tanhouse.co.kr/design/tanning/new2016/index_visual250626a.jpg) no-repeat 50% 50%;
    /*background-size : cover;*/
}

.visual-container .visual-item.item64 {
    background:url(https://tanhouse.co.kr/design/tanning/new2016/index_visual250626b.jpg) no-repeat 50% 50%;
    /*background-size : cover;*/
}
.visual-container .visual-item.item65 {
    background:url(https://tanhouse.co.kr/design/tanning/2025/index_visual250627a.jpg) no-repeat 50% 50%;
    /*background-size : cover;*/
}


.visual-container .visual-item .txt_center {
    position:absolute;
    bottom:180px;
    left:50%;
    margin-left:-490px;
}
.visual-container .visual-item .txt_left {
    position:absolute;
    top:75px;
    left:50%;
margin-left:-460px;
}
.visual-container .visual-item .txt_left_agnew {
    position:absolute;
    top:30px;
    left:50%;
margin-left:-430px;
}
.visual-container .slidesjs-container,
.visual-container .slidesjs-control {
    height:500px !important;
}
.visual-container .slidesjs-previous, 
.visual-container .slidesjs-next {
	position:absolute;
	top:220px;
	left:50%;
	display:block;
	width:41px;
	height:54px;
	text-indent:-9999px;
	background:url(/design/tanning/new2016/index_arrow.png) no-repeat;
	z-index:11;
}
.visual-container .slidesjs-previous {
	margin-left:-531px;
}
.visual-container .slidesjs-next {
	margin-left:490px;
	background-position:-41px 0;
}
.visual-container .slidesjs-pagination {
	position:absolute;
	bottom:68px;
	left:50%;
	margin-left:-460px;
    z-index:11;
	width:300px;
}
.visual-container .slidesjs-pagination .slidesjs-pagination-item {
	display:inline-block;
    margin-right:8px;
}
.visual-container .slidesjs-pagination .slidesjs-pagination-item a {
	display:block;
	width:14px;
	height:14px;
	border-radius:8px;
	background:rgba(182,176,165,.5);
    text-indent:-9999px;
    transition:all .3s;
}
.visual-container .slidesjs-pagination .slidesjs-pagination-item a.active {
	background:rgba(255,255,255,1);
}
.event {
    height:231px;
}
.event:after {
    content:'';
    display:block;
    clear:both;
}
.event a {
    float:left;
    width:33.33%;
}
.event .ag {
    background:url(https://tanhouse.co.kr/design/tanning/new2016/index_evt_ag.jpg) no-repeat 100% 50%;
    background-size:cover;
    text-align:right;
}
.event .th {
    text-align:center;
    background:url(https://tanhouse.co.kr/design/tanning/2025/index_evt_4.jpg) no-repeat 100% 50%;
    background-size:cover;
/*
    background:#bd9655;
*/
    height:231px;
}

.event .ds {
    background:url(https://tanhouse.co.kr/design/tanning/new2016/index_evt_ds.jpg) no-repeat 100% 50%;
    background-size:cover;
}
.event .ag img,
.event .ag img,
.event .th img {
    display:inline-block;
}

.full-banner {
    margin-top:20px;
}
.full-banner a {
    display:block;
    height:336px;
    text-align:center;
    line-height:336px;
}
.full-banner .gift {
    background:url(https://tanhouse.co.kr/design/tanning/new2016/index_banner_gift.jpg) no-repeat 50% 50%;
    background-size:cover;
}
.full-banner .signup {
    background:url(https://tanhouse.co.kr/design/tanning/new2016/index_banner_signup.jpg) no-repeat 50% 50%;
    background-size:cover;
}
.full-banner img {
    vertical-align:middle;
}

.guide {
    margin-top:20px;
    height:231px;
}
.guide:after {
    content:'';
    display:block;
    clear:both;
}
.guide a {
    float:left;
    width:50%;
}
.guide .prd {
    background:url(https://tanhouse.co.kr/design/tanning/new2016/index_guide_prd.jpg) no-repeat 100% 50%;
    background-size:cover;
    text-align:right;
}
.guide .tanning {
    background:url(https://tanhouse.co.kr/design/tanning/new2016/index_guide_tanning.jpg) no-repeat 100% 50%;
    background-size:cover;
}
.event .prd img,
.event .tanning img {
    display:inline-block;
}

.insta {
    margin-top:20px;
    height:726px;
    background:url(https://tanhouse.co.kr/design/tanning/new2016/index_bg_insta.jpg) no-repeat 50% 50%;
    background-size:cover;

}
.insta p {
    padding-top:60px;
    color:#fff;
    text-align:center;
    font-size:16px;
}
.insta h2 {
    margin-top:15px;
    color:#fff;
    text-align:center;
    font-size:45px;
    font-weight:bold;
}
.insta #instafeed{
    display:block;
    margin:40px auto;
    width:980px;
}
#instafeed { text-align:center; }
#instafeed img { width:243px; margin:1px; }

.prd-list {
    margin-top:30px;
}
.prd-list .prd-title {
    margin-bottom:30px;
}
.prd-items li {
    margin:0 18px 20px 0;
    width:169px;
    min-height:257px;
}
.prd-items.wide li {
    margin-right:33px;
}
.prd-items li.last,
.prd-items.wide li.last {
    margin-right:0;
}
.prd-list .thumb {
    width:167px;
    height:167px;
}
.prd-list .dsc {
    padding:0;
}
.prd-list .price-original {
    font-size:12px;
}
.prd-list .price {
    font-size:14px;
}

.exhibition {
    position:relative;
}
.exhibition .item1 {
    position:absolute;
    top:0;
    left:50%;
    margin-left:-134px;
    margin-right:0;
    width:268px;
}
.exhibition .item1 .thumb {
    margin-bottom:0;
    width:266px;
    height:300px;
}
.exhibition .item1 .thumb img {
    margin-top:30px;
}
.exhibition .item1 .detail {
    padding-top:35px;
    height:230px;
    text-align:center;
}
.exhibition .item1 .detail .cate {
    display:inline-block;
    box-sizing:border-box;
    padding:0 30px;
    min-width:108px;
    height:34px;
    line-height:34px;
    background:#000;
    color:#fff;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
}
.exhibition .item1 .detail .brand {
    margin-top:65px;
    font-weight:bold;
}
.exhibition .item1 .detail .dsc {
    margin:3px 60px 0;
}
.exhibition .item1 .detail .price {
    margin-top:15px;
    font-size:18px;
}
.exhibition.best .item1 .detail {
    background:#f6f6f6 url(/design/tanning/new2016/bg_ex_best.png) no-repeat 50% 100px;
}
.exhibition.hot .item1 .detail {
    background:#f6f6f6 url(/design/tanning/new2016/bg_ex_hot.png) no-repeat 50% 100px;
}
.exhibition .item2,
.exhibition .item6 {
    margin-right:9px;
}
.exhibition .item3,
.exhibition .item7 {
    margin-right:286px;
}
.exhibition .item4,
.exhibition .item8 {
    margin-right:9px;
}
.exhibition .item5,
.exhibition .item9 {
    margin-right:0;
}

.index-bottom {
    padding:44px 0;
    background:#171717;
    color:#989898;
}
.index-bottom .container:after {
    content:'';
    display:block;
    clear:both;
}
.index-bottom .container > div {
    position:relative;
    float:left;
    width:33.33%;
    height:160px;
    box-sizing:border-box;
}
.index-bottom .container > div + div:after {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    height:123px;
    border-right:1px solid #989898;
}
.index-bottom .notice h2 {
    margin-bottom:8px;
    color:#fbfbfb;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}
.index-bottom .notice li {
    position:relative;
    margin-top:12px;
    padding-left:15px;
}
.index-bottom .notice li:after {
    content:'';
    position:absolute;
    top:50%;
    left:0;
    margin-top:-1px;
    width:2px;
    height:2px;
    background:#8e7243;
}
.index-bottom .notice li a {
    color:inherit;
    font-size:12px;
}
.index-bottom .more {
    position:absolute;
    padding-right:9px;
    top:4px;
    right:29px;
    line-height:1;
    color:#8e7243;
    font-size:11px;
    font-weight:bold;
    background:url(/design/tanning/new2016/bg_more.png) no-repeat 100% 4px;
}
.index-bottom .more:hover {
    text-decoration:underline;
}
.index-bottom .cs-center {
    padding-top:3px;
    text-align:center;
}
.index-bottom .cs-center h2 {
	padding-top:48px;
	background: url(/design/tanning/new2016/icon_phone.png) no-repeat 50% 0;
	color:#fbfbfb;
	font-size:14px;
}
.index-bottom .cs-center .tel {
	margin-top:4px;
	color:#fff;
	font-size:22px;
}
.index-bottom .cs-center .tel span {
	position:relative;
	margin-left:8px;
	padding-left:10px;
}
.index-bottom .cs-center .tel span:after {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	display:block;
	margin-top:-1px;
	width:2px;
	height:2px;
	background:#a7854d;
}
.index-bottom .cs-center .info {
	position:relative;
	margin-top:12px;
	padding-top:8px;
	color:#fbfbfb;
	font-size:14px;
	line-height:24px;
}
.index-bottom .cs-center .info span {
	margin-left:10px;
	color:#fff;
}
.index-bottom .cs-center .info:after {
	content:'';
	position:absolute;
	top:0;
	left:50%;
	margin-left:-8px;
	width:15px;
	border-bottom:1px solid #bd9655;
}
.index-bottom .bank {
    padding-top:9px;
	text-align:center;
}
.index-bottom .bank h2 {
	color:#bd9655;
	font-size:14px;
	font-weight:bold;
}
.index-bottom .bank .num {
	margin:2px 0 15px 0;
	color:#fbfbfb;
	font-size:22px;
	font-weight:bold;
}
.index-bottom .bank .name {
	margin-top:15px;
	color:#fbfbfb;
	font-size:13px;
}
.review-more {
    padding:20px 0;
    text-align:center;
}


/* BASIC css end */