@charset "utf-8";

/* 메인 */
#wrap .contents .visualWrap {position:relative; width:100%;  text-align:center; }
#wrap .contents .visualWrap ul.snsBtn {overflow:hidden; position:absolute; bottom:20px; left:50%; z-index:1; width:126px; margin-left:478px;}
#wrap .contents .visualWrap ul.snsBtn li {float:left; margin-left:9px;}
#wrap .contents .visualWrap ul.snsBtn li:first-child {margin-left:0;}
#wrap .contents .visualWrap ul.snsBtn li a {display:block; width:36px; height:36px; background:url(../img/iconSns_36.png) left top no-repeat;}
#wrap .contents .visualWrap ul.snsBtn li.blog a {background-position:0 0;}
#wrap .contents .visualWrap ul.snsBtn li.facebook a {background-position:-43px 0;}
#wrap .contents .visualWrap ul.snsBtn li.instagram a {background-position:-86px 0;}
.main .contents .inner {min-height:560px;}
.main .contents .inner h2.titSeason {position:absolute; top:70px; left:50%; z-index:1; width:285px; margin-left:-144px;}
.main .contents .inner a.btnMain01, 
.main .contents .inner a.btnMain02, 
.main .contents .inner a.btnMain03 {display:block; position:absolute; width:255px; height:325px; overflow:hidden; z-index:1;}
	.main .contents .inner a.btnMain01 {top:185px; left:99px;}
	.main .contents .inner a.btnMain02 {top:185px; left:472px;}
	.main .contents .inner a.btnMain03 {top:185px; left:845px;}
.main .contents .inner a.btnMain01 img, 
.main .contents .inner a.btnMain02 img, 
.main .contents .inner a.btnMain03 img {
 display:block;
 transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);
 transition:transform .2s cubic-bezier(.165,.84,.44,1);
 transition:transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1)
}
.main .contents .inner a.btnMain01:hover img, 
.main .contents .inner a.btnMain02:hover img, 
.main .contents .inner a.btnMain03:hover img  {
 transition-duration:.3s;
 -webkit-transform:scale(1.04);
 -ms-transform:scale(1.04);
 transform:scale(1.04)
}
.main .contents .inner a.btnMain01 em, 
.main .contents .inner a.btnMain02 em, 
.main .contents .inner a.btnMain03 em {display:block; position:absolute; bottom:0; left:0px; width:100%; height:45px; line-height:45px; text-align:center; color:#fff; font-size:15px; font-family:"dinlig", tahoma; background:rgba(0,0,0,0.3); text-transform:uppercase; z-index:2;}

/* 서브 - IS */
#wrap .contents .inner .conBox h3.conTit {padding-bottom:36px; font-family:dinreg; font-size:24px; line-height:24px; letter-spacing:0.02em; color:#252525;}
#wrap .contents .inner .conBox h3.conTit strong {padding-right:10px; font-family:dinbol; font-weight:normal; letter-spacing:0.05em;}
#wrap .contents .inner .conBox h3.conTit .listDot {display:block; width:7px; height:7px; margin-bottom:30px; background:url(../img/bassohomme/iconDot.png) left top no-repeat;}
#wrap .contents .inner .conBox h3.conTit .listDot.nth01 {width:7px;}
#wrap .contents .inner .conBox h3.conTit .listDot.nth02 {width:17px;}
#wrap .contents .inner .conBox h3.conTit .listDot.nth03 {width:27px;}
#wrap .contents .inner .conBox .isCon01 {overflow:hidden;}
#wrap .contents .inner .conBox .isCon01 img {float:left; padding-right:70px;}
#wrap .contents .inner .conBox .isCon01 .txt {float:left; width:315px; padding-right:19px; margin-top:85px; }
#wrap .contents .inner .conBox .isCon01 .txt p {margin-top:20px; text-align:justify; font-family:NanumGothic,"나눔고딕"; font-size:13px; line-height:25px; color:#252525;}
#wrap .contents .inner .conBox .isCon01 .txt p.first {padding-bottom:10px; margin-top:10px; font-family:dinlig; font-size:20px; line-height:26px; letter-spacing:0.05em;}
#wrap .contents .inner .conBox .isCon02 {padding:26px 146px 30px 200px; margin-top:100px; background:#f2f4f5;}
#wrap .contents .inner .conBox .isCon02 .txt {overflow:hidden;}
#wrap .contents .inner .conBox .isCon02 .txt p {float:left; width:790px; text-align:justify; font-family:NanumGothic,"나눔고딕"; font-size:13px; line-height:25px; letter-spacing:-0.5px; color:#252525;}
#wrap .contents .inner .conBox .isCon02 .txt p.last {padding-right:0;}
#wrap .contents .inner .conBox .isCon03 {overflow:hidden; padding:100px 0 0 200px;}
#wrap .contents .inner .conBox .isCon03 .box {float:left; width:50%; padding-top:50px;}
#wrap .contents .inner .conBox .isCon03 .box p {width:255px; text-align:justify; font-family:NanumGothic,"나눔고딕"; font-size:13px; line-height:25px; letter-spacing:0.04em; color:#252525;}

/* 서브 - AD */
#wrap .contents .inner .conBox .thmList {overflow:hidden; position:relative; height:170px; padding:0 95px; margin-top:40px;}
#wrap .contents .inner .conBox .thmList a.btnPrev {display:block; position:absolute; top:0; left:0; z-index:1; width:43px; height:168px; border:1px solid #e1e1e1; text-align:center;}
#wrap .contents .inner .conBox .thmList a.btnNext {display:block; position:absolute; top:0; right:0; z-index:1; width:43px; height:168px; border:1px solid #e1e1e1; text-align:center;}
#wrap .contents .inner .conBox .thmList a.btnPrev i,
#wrap .contents .inner .conBox .thmList a.btnNext i {vertical-align:middle; line-height:168px;}
#wrap .contents .inner .conBox .thmList ul {overflow:hidden; margin:0; padding:0;}
#wrap .contents .inner .conBox .thmList ul li {float:left; position:relative;}
#wrap .contents .inner .conBox .thmList ul li a {display:block; position:absolute; top:0; left:0; z-index:0; width:300px; height:170px;background:rgba(255, 255, 255, 0); }
/* IE 8.0 Only
 -----------*/
@media \0screen {
	#wrap .contents .inner .conBox .thmList ul li a {background:#fff; opacity: 0.05; filter: alpha(opacity=0); }
}
#wrap .contents .inner .conBox .thmList ul li.on a,
#wrap .contents .inner .conBox .thmList ul li a:hover {width:290px; height:160px; border:5px solid #8393ca;}
.videoWrap {overflow:hidden; position:relative; height:0; padding-top:30px; padding-bottom:56.25%; background:#000;}
.videoWrap iframe, .videoWrap object, .videoWrap embed {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;}

/* 서브 - STORE */
#wrap .contents .inner .conBox .boardSearchWrap {overflow:hidden; width:610px; margin:0 auto 30px;}
#wrap .contents .inner .conBox .boardSearchWrap .selectWrap {float:left; position:relative; width:200px; height:47px;}
#wrap .contents .inner .conBox .boardSearchWrap .selectWrap select {width:188px; height:45px; padding:0 0 0 10px; border:1px solid #707070; box-sizing:content-box; background:url(../img/select_ico.png) right 20px no-repeat;}
#wrap .contents .inner .conBox .boardSearchWrap .selectWrap i.xi-x {display:none; position:absolute; top:16px; right:10px; color:#000;}
/* IE 8.0 Only -----------*/
@media \0screen {
	#wrap .contents .inner .conBox .boardSearchWrap .selectWrap select { height:24px; padding:10px 0 10px 10px;}
}
#wrap .contents .inner .conBox .boardSearchWrap .inputWrap {float:left; position:relative; width:400px; padding:0; margin-left:10px; height:47px;}
#wrap .contents .inner .conBox .boardSearchWrap .inputWrap input[type=text] {width:379px; height:45px; padding:0 10px; border:1px solid #707070; border-right:0;
-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
#wrap .contents .inner .conBox .boardSearchWrap .inputWrap a.btnSch {position:absolute; top:0; right:0; z-index:1; width:50px; height:47px; text-align:center; color:#fff; cursor:pointer; background:#000;}
#wrap .contents .inner .conBox .boardSearchWrap .inputWrap a.btnSch i {line-height:47px;}

/* 서브 - TUTORIAL */
#wrap .contents .inner .conBox .tutorialWrap {padding-bottom:100px;}
#wrap .contents .inner .conBox .tutorialWrap ul.tabList {overflow:hidden;}
#wrap .contents .inner .conBox .tutorialWrap ul.tabList li {float:left; width:20%; height:46px;}
#wrap .contents .inner .conBox .tutorialWrap ul.tabList li a {display:block; height:46px; border-right:1px solid #d8d8d9; text-align:center; font-size:18px; line-height:46px; color:#787882; background:#e3e3e3;}
#wrap .contents .inner .conBox .tutorialWrap ul.tabList li.on a {display:block; color:#fff; background:#787882;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon {overflow:hidden; margin-top:50px;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .listTit {float:left; width:240px;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .listTit h3 {padding:30px 0 20px; font-size:24px; color:#252525; background:url(../img/bassohomme/comm_tutorial_titBar.jpg) left top no-repeat;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail {overflow:hidden; float:left; width:960px;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail p.txt01 {padding-bottom:50px; font-family:NanumGothic,"나눔고딕"; font-size:15px; color:#000;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl {overflow:hidden; margin-top:50px;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl.first {margin-top:0;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl dt {float:left; width:170px; font-family:NanumGothic,"나눔고딕"; font-size:15px; font-weight:500; color:#000;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl dd {float:left; width:790px; font-family:NanumGothic,"나눔고딕"; font-size:13px; line-height:25px; color:#666;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl dd p {padding-bottom:15px;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl dd p.txt02 {font-weight:500; padding-bottom:0;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl dd ul {padding-left:20px;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl dd ul li {list-style:decimal;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl dd .leftImg {overflow:hidden;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl dd .leftImg img {float:left; width:110px;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl dd .leftImg ul.list01 {float:left; width:660px;}
#wrap .contents .inner .conBox .tutorialWrap .tabCon .detail dl dd .leftImg ul.list02 li {list-style:none;}

/* 서브 - SERVICE GUIDE */
#wrap .contents .inner .conBox  ul.guideTabList {overflow:hidden;}
#wrap .contents .inner .conBox  ul.guideTabList li {float:left; width:190px; height:46px; margin-left:10px;}
#wrap .contents .inner .conBox  ul.guideTabList li:first-child {margin-left:0;}
#wrap .contents .inner .conBox  ul.guideTabList li a {display:block; height:46px; text-align:center; font-size:18px; line-height:46px; color:#787882; background:#e3e3e3;font-family:dinreg,NanumGothic,"나눔고딕"; }
#wrap .contents .inner .conBox  ul.guideTabList li.on a {display:block; color:#fff; background:#787882;}
#wrap .contents .inner .conBox .guideWrap {display:none; overflow:hidden; margin-top:50px;}
#wrap .contents .inner .conBox .guideWrap.on {display:block;}
#wrap .contents .inner .conBox .guideWrap .listTit {float:left; width:200px;}
#wrap .contents .inner .conBox .guideWrap .listTit h3 {padding:5px 0 20px; font-size:24px; color:#252525; background:url(../img/bassohomme/comm_tutorial_titBar.jpg) left top no-repeat;}
#wrap .contents .inner .conBox .guideWrap .detail {overflow:hidden; float:left; width:1000px;}
#wrap .contents .inner .conBox .guideWrap .detail dl {overflow:hidden;}
#wrap .contents .inner .conBox .guideWrap .detail dl dt {width:100%; border-top:1px solid #000; border-bottom:1px dotted #000; font-family:NanumGothic,"나눔고딕"; font-size:16px; line-height:48px; font-weight:500; color:#252525;}
#wrap .contents .inner .conBox .guideWrap .detail dl dt i {width:30px; text-align:center;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd {overflow:hidden; padding:20px 30px 50px; font-family:NanumGothic,"나눔고딕"; font-size:14px; line-height:25px; color:#252525;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd .txtR {text-align:right;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd ul {padding-left:20px;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd ul li {list-style:decimal;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd ul li a {padding:2px 6px; margin-left:4px; border:1px solid #d7d7d7; font-family:NanumGothic,"나눔고딕"; font-size:12px; color:#666;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd .halfBox {float:left; width:450px;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd table.guideTbl01 {table-layout:fixed; width:100%; border-collapse:collapse; text-align:center; font-family:NanumGothic,"나눔고딕"; font-size:14px; color:#252525;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd table.guideTbl01 caption {padding-bottom:5px; text-align:left; font-size:14px; line-height:25px; color:#252525;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd table.guideTbl01 th {height:28px; border:1px solid #8d8d8d; font-weight:normal; color:#fff; background:#8d8d8d;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd table.guideTbl01 td {height:28px; border:1px solid #8d8d8d;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd table.guideTbl01 td.textL {padding:5px 20px; text-align:left;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd table.guideTbl01 td ul {padding-left:0;}
#wrap .contents .inner .conBox .guideWrap .detail dl dd table.guideTbl01 td ul li {list-style:none;}


/* 카탈로그 */
#wrap .contents .inner .conBox .catalogueBox .slideBox {height:850px !important;}