@charset "UTF-8";
@import url("ft_base.css");
@import url("mando_util.css");
@import url("mando_contents.css");
@import url("mando_popup.css");



/* main */
#mainVisual		{ float: left; position: relative; width: 100%;height:80%;
	background-image: url("http://bsgaseol.cafe24.com/images/bg_main.png"); 
	background-repeat: repeat-x; 
	background-position: center top; 
	background-color:#e1e1e1;
}
#wrapVisual		{ width: 100%; overflow:hidden;height:90%;}
.visualImg		{ position:relative;float: left; width:15000px;height:90%;overflow:hidden;}
.visualImg li	{ float: left; width: 100%;height:90%;overflow:hidden;}

#mainVisual h3	{ position: absolute; top: 60px; left: 30px; }
#mainVisual p	{ position: absolute; top: 205px; left: 30px; }
.btnPrevNext	{ position: absolute; top: 300px; left: 30px; float: left; z-index:9; }
.btnPrevNext li	{ float: left; margin-right: 10px; }

.visualTxt		{ z-index:99; position:fixed; }
.visualMainImg	{ z-index:0; position:relative; height:90%; }
.prev			{display:none;}

/* layerPop */
.layerPop			{ position: relative; z-index:300; }
.layerPop em img	{ position: absolute; width: 40px; height: 40px; bottom: 10px; left: 49px; }
.layerPop span img	{ position: absolute; width: 23px; height: 23px;top: 0px; right: 0px; }
.layerPop_01		{ position: absolute; top: 100px; right: 30px; }
.layerPop_02		{ position: absolute; top: 273px; right: 30px; }/**/

.sitelist{
	padding-left:30px;
	padding-right:30px;
	width:940px;
}
.sitelist .titlebar{
	border-top:3px solid #969696;
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #cdcdcd;
}
.sitelist .titlebar .title{
	float:left;
	font-size:12pt;
	font-weight:bold;
}
.sitelist .listbar{
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #cdcdcd;
}
.sitelist .listbar .list{
	color:#959595;
	float:left;
}
.sitelist .write{
	padding-top:10px;
	text-align:right;
	padding-right:30px;
}
.writebbs{
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	width:940px;
}
.writebbs .list{
	padding:10px;
	border-bottom:1px solid #e5e5e5;
}
.writebbs .list .name{
	float:left;
	width:120px;
	padding-right:20px;
	text-align:right;
}
.writebbs .list .var{
	float:right;
	line-height:160%;
	width:780px;
}
.writebbs .list .var .input{
	border:1px solid #e5e5e5;
}
.writebbs .submit{
	text-align:center;
	padding-top:20px;
}
#bbs_navi{
	padding-top:30px;
	text-align:center;
}
#bbs_navi_left{
	float:left;
	width:430px;
	text-align:right;
}
#bbs_navi_page{
	padding-top:2px;
	float:left;
	text-align:center;
}
#bbs_navi_right{
	float:left;
	width:430px;
	text-align:left;
}

#cont_01_top{
	width:100%;
	height:235px;
}
#cont_01_top_main{
	width:1200px;
	height:235px;
	margin:0 auto;
}
#cont_01{
	padding-top:-1px;
	width:1200px;
	background:#ffffff;
	margin:0 auto;
}
#cont_01_0{
	float:left;
	line-height:40%;
	width:199px;
	background:#fff;
	border-right:1px solid #e5e5e5;
	text-align:right;
}
#cont_01_1{
	float:right;
	padding-bottom:300px;
	background:#fff;
	margin:0px;
	width:1000px;
}

/* product */
#product_01_top{
	width:100%;
	height:205px;
	background:url("/images/bg_pd.png");
}
#product_01_top_main{
	width:1200px;
	height:205px;
	margin:0 auto;
}
#product_01{
	width:1000px;
	margin:0 auto;
}

/* support */
#support_01_top{
	width:100%;
	height:205px;
	background:url("/images/bg_cm.png");
}
#support_01_top_main{
	width:1000px;
	height:205px;
	margin:0 auto;
}
#support_01{
	width:1000px;
	height:700px;
	background-color:#fff;
	margin:0 auto;
}


/* LAYOUT */
html,body		{ width:100%; height:100%; background:#ffffff; }
html			{ }
body			{ }
#headWrap		{ position: relative; width: 100%; background:#f6f6f6;height:73px;z-index:5;float:right;}
#conWrap		{ position: relative; margin:0px auto; }
.contents		{ position: relative; width: 100%; margin:68px auto; padding-bottom: 100px; overflow-y: hidden; overflow-x: hidden;  }
.conW100per		{ width: 100%; text-align: center;  padding-bottom: 100px; }

#footerWrap		{ position: fixed; border-top:1px solid #e5e5e5;bottom: 0; clear: both; width: 100%;height:120px; z-index: 200; }
.footerTop		{ background:#fff;text-align:right; height:45px; border-bottom: 1px solid #ebebeb; z-index: 200; }
.footerBt		{ position: relative; background:#f7f7f7; border-top: 1px solid #ececec; height: 100%; z-index: 200;text-align:right;padding-right:20px;padding-top:5px; }
.btAddress		{ position:absolute; top: 25px; left: 15px; }
.btnCheck		{ position:absolute; top: 39px; left: 333px; width: 75px; height: 14px; z-index:210; }
.btSystem		{ position: absolute; top: 20px; right: 0px; }
.btSystem li	{ display: inline; margin-right: 15px; }

#headWrap h1	{ position: absolute; top: 15px; left: 20px; }
#headWrap li	{ display: inline; text-align: center; }
.btnTop			{ position: fixed; right: 0; bottom: 100px; opacity:0; }
.visualWrap		{ width:100%; }
#searchbar { position:relative; }
#searchbar0{ position:absolute; top:0; right:100px; z-index:99;}
#lang{
	position:absolute;
	top:0px;
	right:40px;
	z-index:20;
}

/* GNB */
#gnbWrap				{ position:absolute;top:0px;right:0px;height:50px;z-index:10;padding-top:23px;}
#gnbWrap #gnb			{ width:100%; height:100%;}
#gnbWrap #gnb li		{ float:left; height:100%; }
#gnbWrap #gnb li.gnb_01	{ width:115px;}
#gnbWrap #gnb li.gnb_02	{ width:112px;}
#gnbWrap #gnb li.gnb_03	{ width:111px;}
#gnbWrap #gnb li.gnb_04	{ width:111px;}
#gnbWrap #gnb li.gnb_05	{ width:111px;}
#gnbWrap #gnb li a		{ display:block; width:100%; height:100%; background:url("/images/bg_gnb.png") no-repeat 0px 0; text-indent:-5000px; }
#gnbWrap #gnb li.gnb_01 a{ background-position:0px 0;}
#gnbWrap #gnb li.gnb_02 a{ background-position:-115px 0;}
#gnbWrap #gnb li.gnb_03 a{ background-position:-227px 0;}
#gnbWrap #gnb li.gnb_04 a{ background-position:-338px 0;}
#gnbWrap #gnb li.gnb_05 a{ background-position:-449px 0;}
#gnbWrap #gnb li.gnb_01 a:hover { background-position:0px -50px;}
#gnbWrap #gnb li.gnb_02 a:hover { background-position:-115px -50px;}
#gnbWrap #gnb li.gnb_03 a:hover { background-position:-227px -50px;}
#gnbWrap #gnb li.gnb_04 a:hover { background-position:-338px -50px;}
#gnbWrap #gnb li.gnb_05 a:hover { background-position:-449px -50px;}
#gnbWrap #gnb li.gnb_01.selected a { background-position:0px -100px;}
#gnbWrap #gnb li.gnb_02.selected a { background-position:-115px -100px;}
#gnbWrap #gnb li.gnb_03.selected a { background-position:-227px -100px;}
#gnbWrap #gnb li.gnb_04.selected a { background-position:-338px -100px;}
#gnbWrap #gnb li.gnb_05.selected a { background-position:-449px -100px;}

/* subGNB */
.sGnbArea	{ position:absolute;top:73px; z-index:99; opacity:0.9; width: 100%; height: 35px; background: #3f3f44; border-top:1px solid #000; text-align:right; right:0px; }
.sGnb		{ width: 100%; position:relative; right:0px; padding-top: 12px; float:right; }
.sGnb ul	{display: none; float: right; }
.sGnb_01	{ padding-right: 450px; }
.sGnb_02	{ padding-right: 100px; }
.sGnb_03	{ padding-right: 310px; }
.sGnb_04	{ padding-right: 195px; }
.sGnb_05	{ padding-right: 85px; }

.sGnbArea .sGnb  li a		{ display:block; width:100%; height:100%;  text-indent:-5000px;}
.sGnbArea .sGnb .sGnb_01 a	{ background:url("/images/sub1.png") no-repeat 0px 0; }
.sGnbArea .sGnb .sGnb_02 a	{ background:url("/images/sub2.png") no-repeat 0px 0; }
.sGnbArea .sGnb .sGnb_03 a	{ background:url("/images/sub3.png") no-repeat 0px 0; }
.sGnbArea .sGnb .sGnb_04 a	{ background:url("/images/sub4.png") no-repeat 0px 0; }
.sGnbArea .sGnb .sGnb_05 a	{ background:url("/images/sub5.png") no-repeat 0px 0; }

.sGnbArea .sGnb 			{ position:absolute;width:100%; height:16px; overflow: hidden;right:0px; }
.sGnbArea .sGnb  li			{ float:left; height:16px; }
.sGnbArea .sGnb  li.sGnb_01a { width:62px;}
.sGnbArea .sGnb  li.sGnb_01b { width:73px;}
.sGnbArea .sGnb  li.sGnb_01c { width:75px;}

.sGnbArea .sGnb  li.sGnb_02a { width:62px;}
.sGnbArea .sGnb  li.sGnb_02b { width:60px;}
.sGnbArea .sGnb  li.sGnb_02c { width:59px;}
.sGnbArea .sGnb  li.sGnb_02d { width:85px;}
.sGnbArea .sGnb  li.sGnb_02e { width:95px;}
.sGnbArea .sGnb  li.sGnb_02f { width:72px;}
.sGnbArea .sGnb  li.sGnb_02g { width:68px;}
.sGnbArea .sGnb  li.sGnb_02h { width:85px;}
.sGnbArea .sGnb  li.sGnb_02i { width:53px;}
.sGnbArea .sGnb  li.sGnb_02j { width:150px;}

.sGnbArea .sGnb  li.sGnb_03a { width:55px;}

.sGnbArea .sGnb  li.sGnb_04a { width:55px;}

.sGnbArea .sGnb  li.sGnb_05a { width:55px;}

.sGnbArea .sGnb  li.sGnb_01a a{ background-position:0px 0; }
.sGnbArea .sGnb  li.sGnb_01b a{ background-position:-62px 0; }
.sGnbArea .sGnb  li.sGnb_01c a{ background-position:-135px 0; }

.sGnbArea .sGnb  li.sGnb_02a a{ background-position:0px 0; }
.sGnbArea .sGnb  li.sGnb_02b a{ background-position:-62px 0; }
.sGnbArea .sGnb  li.sGnb_02c a{ background-position:-122px 0; }
.sGnbArea .sGnb  li.sGnb_02d a{ background-position:-181px 0; }
.sGnbArea .sGnb  li.sGnb_02e a{ background-position:-266px 0; }
.sGnbArea .sGnb  li.sGnb_02f a{ background-position:-361px 0; }
.sGnbArea .sGnb  li.sGnb_02g a{ background-position:-433px 0; }
.sGnbArea .sGnb  li.sGnb_02h a{ background-position:-501px 0; }
.sGnbArea .sGnb  li.sGnb_02i a{ background-position:-586px 0; }
.sGnbArea .sGnb  li.sGnb_02j a{ background-position:-639px 0; }

.sGnbArea .sGnb  li.sGnb_03a a{ background-position:0px 0; }

.sGnbArea .sGnb  li.sGnb_04a a{ background-position:0px 0; }

.sGnbArea .sGnb  li.sGnb_05a a{ background-position:0px 0; }

.sGnbArea .sGnb  li.sGnb_01a.selected a{ background-position:0px -16px; }
.sGnbArea .sGnb  li.sGnb_01b.selected a{ background-position:-62px -16px; }
.sGnbArea .sGnb  li.sGnb_01c.selected a{ background-position:-135px -16px; }

.sGnbArea .sGnb  li.sGnb_02a.selected a{ background-position:0px -16px; }
.sGnbArea .sGnb  li.sGnb_02b.selected a{ background-position:-62px -16px; }
.sGnbArea .sGnb  li.sGnb_02c.selected a{ background-position:-122px -16px; }
.sGnbArea .sGnb  li.sGnb_02d.selected a{ background-position:-181px -16px; }
.sGnbArea .sGnb  li.sGnb_02e.selected a{ background-position:-266px -16px; }
.sGnbArea .sGnb  li.sGnb_02f.selected a{ background-position:-361px -16px; }
.sGnbArea .sGnb  li.sGnb_02g.selected a{ background-position:-433px -16px; }
.sGnbArea .sGnb  li.sGnb_02h.selected a{ background-position:-501px -16px; }
.sGnbArea .sGnb  li.sGnb_02i.selected a{ background-position:-586px -16px; }
.sGnbArea .sGnb  li.sGnb_02j.selected a{ background-position:-639px -16px; }

.sGnbArea .sGnb  li.sGnb_03a.selected a{ background-position:0px -16px; }

.sGnbArea .sGnb  li.sGnb_04a.selected a{ background-position:0px -16px; }

.sGnbArea .sGnb  li.sGnb_05a.selected a{ background-position:0px -16px; }





#utilWrap						{ position: absolute; top:15px; right:15px; height:26px;padding-top:4px;padding-left:6px; overflow:hidden;background:url("/images/bgsearch.png"); }
#utilWrap #utilIn				{ position: relative; width:140px; height:100%;display: none; }
#utilWrap #utilIn li			{ float:left; height:100%; }
#utilWrap #utilIn li.util_01	{ width:44px;}
#utilWrap #utilIn li.util_02	{ width:48px;}
#utilWrap #utilIn li.util_03	{ width:46px;}
#utilWrap #utilIn li a			{ display:block; width:100%; height:100%; background:url("/images/common/bg_util_in.gif") no-repeat 0px 0;text-indent:-5000px;}
#utilWrap #utilIn li.util_01 a	{ background-position:0px 0;}
#utilWrap #utilIn li.util_02 a	{ background-position:-44px 0;}
#utilWrap #utilIn li.util_03 a	{ background-position:-92px 0;}
#utilWrap #utilIn li.util_01.selected a { background-position:0px -51px;}
#utilWrap #utilIn li.util_02.selected a { background-position:-44px -51px;}
#utilWrap #utilIn li.util_03.selected a { background-position:-92px -51px;}

#utilWrap #utilOut				{ position: relative; width:202px; height:100%; }
#utilWrap #utilOut li			{ float:left;  height:100%; }
#utilWrap #utilOut li.util_01	{ width:50px;}
#utilWrap #utilOut li.util_02	{ width:57px;}
#utilWrap #utilOut li.util_03	{ width:48px;}
#utilWrap #utilOut li.util_04	{ width:47px;}
#utilWrap #utilOut li a			{ display:block; width:100%; height:100%; background:url("/images/common/bg_util_out.gif") no-repeat 0px 0;text-indent:-5000px;}
#utilWrap #utilOut li.util_01 a	{ background-position:0px 0;}
#utilWrap #utilOut li.util_02 a	{ background-position:-50px 0;}
#utilWrap #utilOut li.util_03 a	{ background-position:-107px 0;}
#utilWrap #utilOut li.util_04 a	{ background-position:-155px 0;}
#utilWrap #utilOut li.util_01.selected a{ background-position:0px -51px;}
#utilWrap #utilOut li.util_02.selected a{ background-position:-50px -51px;}
#utilWrap #utilOut li.util_03.selected a{ background-position:-107px -51px;}
#utilWrap #utilOut li.util_04.selected a{ background-position:-155px -51px;}



/* footer */
#copyright				{ position: absolute; top: 12px; left: 105px;}
#sns					{ position: relative;  width:431px; height:30px; overflow:hidden; }
#sns ul					{ position: relative; width:100%; height:100%;}
#sns ul li				{ float:left; height:100%; }
#sns ul li.links_01		{ width:47px; }
#sns ul li.links_02		{ width:47px; }
#sns ul li a			{ display:block; width:100%; height:100%; background:url("/images/common/bg_sns.png") no-repeat 0px 0;text-indent:-5000px;}
#sns ul li.links_01 a	{ background-position:0px 0;}
#sns ul li.links_02 a	{ background-position:-47px 0;}
#sns ul li.links_01 a:hover { background-position:0px -30px;}
#sns ul li.links_02 a:hover { background-position:-47px -30px;}

#sns ul li.links_01.selected a { background-position:0px -30px;}
#sns ul li.links_02.selected a { background-position:-47px -30px;}


#links					{ position: absolute; top:11px; right: 197px;  width:246px; height:11px; overflow:hidden; }
#links ul				{ position: relative; width:100%; height:100%;}
#links ul li			{ float:left; height:111px; }
#links ul li.links_01	{ width:47px; }
#links ul li.links_02	{ width:52px; }
#links ul li.links_03	{ width:90px; }
#links ul li.links_04	{ width:43px; }
#links ul li a			{ display:block; width:100%; height:100%; background:url("/images/common/bg_footer_util.png") no-repeat 0px 0;text-indent:-5000px;}
#links ul li.links_01 a	{ background-position:0px 0;}
#links ul li.links_02 a	{ background-position:-47px 0;}
#links ul li.links_03 a	{ background-position:-99px 0;}
#links ul li.links_04 a	{ background-position:-189px 0;}
#links ul li.links_01 a:hover { background-position:0px -11px;}
#links ul li.links_02 a:hover { background-position:-47px -11px;}
#links ul li.links_03 a:hover { background-position:-99px  -11px;}
#links ul li.links_04 a:hover { background-position:-189px -11px;}

#links ul li.links_01.selected a { background-position:0px -11px;}
#links ul li.links_02.selected a { background-position:-47px -11px;}
#links ul li.links_03.selected a { background-position:-99px  -11px;}
#links ul li.links_04.selected a { background-position:-189px -11px;}


/* FAMILYSITE */
#familySite					{ position: absolute; top:2px; right: 86px; width:98px; cursor:pointer; }
#familyNav					{ display: none; position: absolute; bottom:100px; right: 0px; width:183px; height: 121px; overflow:hidden; }
#familyNav ul				{ position: relative; width:100%; height:100%;}
#familyNav ul li			{ float:left; }

#familyNav ul li.family_01	{ width:96px;  height:21px; }
#familyNav ul li.family_02	{ width:96px; height:20px; }
#familyNav ul li.family_03	{ width:96px; height:20px; }
#familyNav ul li.family_04	{ width:96px; height:20px; }
#familyNav ul li.family_05	{ width:96px; height:20px; }
#familyNav ul li.family_06	{ width:96px; height:20px; }

#familyNav ul li a			{ display:block; width:100%; height:100%; background:url("/images/common/btn/bg_familysite.gif") no-repeat 0px 0;text-indent:-5000px;}
#familyNav ul li.family_01 a{ background-position:0px 0px;}
#familyNav ul li.family_02 a{ background-position:0px -22px;}
#familyNav ul li.family_03 a{ background-position:0px -41px;}
#familyNav ul li.family_04 a{ background-position:0px -61px;}
#familyNav ul li.family_05 a{ background-position:0px -81px;}
#familyNav ul li.family_06 a{ background-position:0px -101px;}


#familyNav ul li.family_01 a:hover{ background-position:-98px 0px;}
#familyNav ul li.family_02 a:hover{ background-position:-98px -21px;}
#familyNav ul li.family_03 a:hover{ background-position:-98px  -41px;}
#familyNav ul li.family_04 a:hover{ background-position:-98px -61px;}
#familyNav ul li.family_05 a:hover{ background-position:-98px -81px;}
#familyNav ul li.family_06 a:hover{ background-position:-98px -101px;}


#familyNav ul li.family_01.selected a	{ background-position:-98px 0px;}
#familyNav ul li.family_02.selected a	{ background-position:-98px -21px;}
#familyNav ul li.family_03.selected a	{ background-position:-98px  -41px;}
#familyNav ul li.family_04.selected a	{ background-position:-98px -61px;}
#familyNav ul li.family_05.selected a	{ background-position:-98px -81px;}
#familyNav ul li.family_06.selected a	{ background-position:-98px -101px;}



#languageNav			{ position: absolute; top:2px; right: 0px; width:86px; cursor:pointer; }
.subNav					{ display: none; position: absolute; bottom:19px; right: 0px; width:86px; height: 51px; overflow:hidden; }
.subNav ul				{ position: relative; width:100%; height:100%;}
.subNav ul li			{ float:left; height:21px; }

#languageNav ul li.subNav_01	{ width:86px; }
#languageNav ul li.subNav_02	{ width:86px; }

.subNav ul li a			{ display:block; width:100%; height:100%; background:url("/images/common/btn/bg_language.gif") no-repeat 0px 0;text-indent:-5000px; }
.subNav ul li.subNav_01 a{ background-position:0px 0px;}
.subNav ul li.subNav_02 a{ background-position:0px -21px;}

.subNav ul li.subNav_01 a:hover{ background-position:-84px 0px;}
.subNav ul li.subNav_02 a:hover{ background-position:-84px -21px;}

.subNav ul li.subNav_01.selected a	{ background-position:-84px 0px;}
.subNav ul li.subNav_02.selected a	{ background-position:-84px -21px;}