/* 메인슬라이더 */
/* 인덱스 레이아웃 */
#idx_wrapper{width:100%;min-width:1100px;}

/* 인덱스 레이아웃 */
#idx_wrapper{min-width:1100px; width:100%; margin:0 auto; }

/* 메인슬라이더 */
a{cursor:pointer}
#slogan{position:relative; z-index:10; width:100%; min-width:1100px; margin:0 auto; text-align:left;}
#slogan span, #slogan p{opacity:0; position:absolute; left:50%; transform:translateX(-50%); color:#FFF;}
#slogan .logo{top:50px; line-height:1.2em; left:50%; margin-left:-228px; font-size:5em; padding-left:5px; text-shadow:2px 1px 3px #909090; padding-bottom:30px; font-weight:bold; text-align:left;}
#slogan .logo .pink{ color:#ffa0cb; font-weight:bold;}
#slogan .logo .sky{ color:#67ccff; font-weight:bold;}
#slogan .logo .orange{ color:#ffa800; font-weight:bold; font-size:0.9em;}
#slogan .logo .blue{ color:#1855cd; font-weight:bold; font-size:0.9em;}
#slogan .tit{top:-100px; font-size:1.8em; min-width:1000px; left:50%; margin-left:-30px; font-weight:bold;text-shadow:2px 1px 3px #646464;}
/*버튼*/
#slogan .btn{top:620px; display:block; width:140px; height:140px; position:absolute; left:50%; transform:translateX(-50%); opacity:0; margin-left:-205px;}

#visual{width:100%; min-width:1100px; height:550px;position:relative; z-index:5; overflow: hidden;}
.visual_area{position:relative;width:100%;height:550px;}
.visual_area .vprev{position:absolute;left:10px;top:530px;z-index:10;}
.visual_area .vnext{position:absolute;right:10px;top:530px;z-index:10;}
.visual_area .vlist{position:relative;width:100%;height:550px; margin:0 auto;}
.visual_area .vlist li{display:none;position:absolute;left:0;top:0;width:100%;opacity:0}
.vthum{position:absolute;left:50%;bottom:14px;width:100%;text-align:center;z-index:10; margin-left: -951px;}
.vthum ul{display:inline-block;#display:inline;*zoom:1;}
.vthum ul li{display:inline-block;#display:inline;*zoom:1;margin:0 4px}
.vthum .pause{padding-left:4px;}
.v1{background:url(../img/main/mvisual01.jpg) no-repeat center top/cover;}
.v2{background:url(../img/main/mvisual02.jpg) no-repeat center top/cover;}
.v3{background:url(../img/main/mvisual03.jpg) no-repeat center top/cover;}
.v4{background:url(../img/main/mvisual04.jpg) no-repeat center top/cover;}
.v5{background:url(../img/main/mvisual05.jpg) no-repeat center top/cover;}
.v6{background:url(../img/main/mvisual06.jpg) no-repeat center top/cover;}

/*.v1 .img1{background:url(../img/main/mvisual01.jpg) no-repeat center top/cover;}
.v2 .img1{background:url(../img/main/mvisual02.jpg) no-repeat center top/cover;}
.v3 .img1{background:url(../img/main/mvisual03.jpg) no-repeat center top/cover;}
.v4 .img1{background:url(../img/main/mvisual04.jpg) no-repeat center top/cover;}*/
.vbox{width:100%; height:550px;}
/* 인덱스 컨텐츠 */
#idx_container{z-index:4;position:relative;width:1100px; margin:0 auto; background:#fff;font-size:1em;}
#idx_container .fl{float:left;}

.idx1{margin-bottom:20px;}


/* 메인퀵메뉴 */
.main_cont h1{ text-align: center; font-size:20px; color: #1f1f1f; font-weight: bold; }
.main_cont h1 span{ font-size:14px; color: #b0b0b0; font-weight: normal; display: block; line-height: 2em; }
.quick{ padding: 50px 0;    height: 204px;}
.quick li{ float: left; width: 16.6%; text-align: center;}
.quick li p{ font-size: 16px; font-weight: 500; font-family:"나눔고딕", "나눔바른고딕"; padding-top: 27px;}
.quick a.color1{ color:#4399d3; }
.quick a.color2{ color:#8090b4; }
.quick a.color3{ color:#70ae60; }
.quick a.color4{ color:#8b8b8b; }
.quick a.color5{ color:#c9b81e; }
.quick a.color6{ color:#db4949; }

.quick2 { padding: 50px 0;      height: 291px; }
.quick2 a{ float: left; margin-left: 25px; }
.quick2 a:first-child{ margin-left: 0; }



/* 메인추출탭 */
.idx2{width: 100%; height: 199px;}
.tbbs{position:relative; width:30%; margin-right: 36px;}
.tbbs h3{ text-align:left;  color:#1f1f1f; font-size:20px; background:url(../img/main/bbs_title.gif) no-repeat 0 49px; padding-bottom: 10px; font-weight: bold;line-height: 2em;border-bottom: 1px solid #ddd;}
.tbbs .t1{left:0;}
.tbbs .t2{left:166px;}
.tbbs .pannel{width:100%; padding:15px 3px; min-height:180px;}
.tbbs .tab.on .pannel{display:block;}
.tbbs .tab.on h3{background:#1699DC; color:#FFF;}

/* 메인배너롤링 */
.banner{width:355px; height:220px; background:#CCC; position:relative; margin:0 0 0 12px;}
.banner div.bx-controls-direction a{
	display:block; width:19px; height:18px; border:1px solid #D2D2D2; text-indent:-9999px;
	position:absolute; top:190px;
	} /*좌우버튼동시선택*/
.banner a.bx-prev{ background:url(../img/common/mbn_left.gif) no-repeat 0 0; right:52px;}
.banner a.bx-next{ background:url(../img/common/mbn_right.gif) no-repeat 0 0; right:33px}	
.banner div.bx-controls-auto{position:absolute; width:19px; top:190px; right:15px; z-index:2;}
.banner div.bx-controls-auto a{
	position:absolute; width:19px; left:0; top:0; height:18px; border:1px solid #D2D2D2; text-indent:-9999px;
	} /*플레이스탑버튼동시선택*/
.banner div.bx-controls-auto a.bx-start{background:url(../img/common/mbn_play.gif) no-repeat 50% 50% #4C5365;}
.banner div.bx-controls-auto a.bx-stop{background:url(../img/common/mbn_stop.gif) no-repeat 50% 50% #4C5365;}


/*메인-갤러리추출*/
#main_bbs{ margin:30px auto 0;}
#main_bbs:after{display:block;clear:both;content:""}
#main_bbs h1{ font-weight:bold; letter-spacing:-1.2px; color:#373737; font-size:2.3em; margin-bottom:10px; text-align:center;}
#main_bbs p{  color: #878787; text-align: center; margin-bottom:0px; font-size: 1.2em;    padding-top: 8px;}
#main_bbs h1:before{ width: 50px; height: 2px; background: #343434; content: ""; display: block; margin:0px auto 15px;}
#main_bbs .gal{float:left; width:1100px; position:relative;}
#main_bbs .gal .more{position:absolute; top:10px; right:0;}

/*베스트상품*/
#main_best_2{clear:both;  width:100%; min-width: 1100px; height:150px; }
#main_best_2 .contents {margin: 0 auto; width:100%; text-align:center; }
#main_best_2 h2 {font-size:30px; color:#fff; letter-spacing:-1px; padding-top:65px; padding-bottom:32px; font-weight: normal;}
#main_best_2 .line {background:url('../img/banner_line_white.gif') no-repeat center 16px; height:30px;}
#main_best_2 h2.small{font-size:0.8em; color:#fff; letter-spacing:1px; padding-top:10px; padding-bottom:15px;font-weight: normal;}
#main_best_2 .point{color:#d5b598; font-weight: bold;}


/* 고객센터 */
.cus{width:32%;}
.cus h2{color:#1f1f1f; font-size:20px; font-weight: bold;line-height: 2em;}
.cus .info{line-height:2em;}
.cus .info strong{color:#09C; font-weight:bold;}
.cus .info span{background:#09C; color:#fff; display:inline-block; line-height:1.5em; padding:1px 3px; border-radius:3px;}
.cus .info2{line-height:2em; color: #6d6d6d;}
.cus .info2 span{background:#b6b6b6; color:#fff; display:inline-block; line-height:1.5em; padding:1px 3px; border-radius:3px;}
.cus .num1{font-size:3.9em; line-height:1.6em; font-weight:600; padding-top:7px; color:#ee98bf;background:url(../img/main/call.png) no-repeat left center; font-weight: bold; padding-left: 73px;letter-spacing: -4px;}
.cus .num1 strong{color: #5fbceb; font-weight: bold;}
.cus .num2{font-size:2em; line-height:1.3em; font-weight:600; padding-left:8px;}
.cus .call{margin-bottom:10px;}
.cus .call, .cus .bank{display:inline-block;}
.cus p.icon{display:inline-block; float:left; width:50px; height:50px; border-radius:50%; vertical-align:top; margin-right:10px;}
.cus p.icon.i1{background:url(../img/main/call.png) no-repeat #DEE3EC 50%/auto 100% }



