@charset "UTF-8";
/* ************************************************************************
	Default Definition
************************************************************************ */
/* ---------- base ---------- */
*					{margin:0; padding:0;}
a:link,a:visited 	{color:#5b5b5b; text-decoration:none;}
a:hover,a:active 	{color:#000000; text-decoration:none;}
img			   		{border:0 none; vertical-align:middle;}
input,textarea,table,select{color:#5b5b5b; vertical-align:middle;}
select				{font:11px/19px simhei, simsun, tahoma, arial;}
form				{display:inline;}
hr,table caption	{display:none;}
ul,ol				{list-style:none;}
table, th, td		{border-collapse:collapse;}

/* ************************************************************************
	Common Option
************************************************************************ */
/* iframe */
#theIframe 				{padding:10px;}
#theIframe .close		{text-align:right; width:700px;}
#theIframe .close img	{cursor:pointer; padding-right:3px;}

/* clear */
.clear		{clear:both;}

/* cursor */
.pointer	{cursor:pointer;}

/* background none */
.noneBgSet	{background-image:none;}

/* font */
.fs11	{font-size:11px;}
.fs12	{font-size:12px;}
.fc0	{color:#000;}
.fc8	{color:#888;}
.fwb	{font-weight:bold;}
.fwn	{font-weight:normal;}

/* rolloverImg */
a.rollover img			{float:left;}
a.rollover .on			{display:none;}
a.rollover:hover		{border-width:0;}
a.rollover:hover img	{display:none; }
a.rollover:hover .on	{display:block;}

/* gotoGate */
#gotoGate #snb	{z-index:5; width:100%; height:50px; position:absolute; top:0; left:0; text-align:center; overflow:hidden;}

/* Main */
#mainContainer	{width:100%; background:url(/cha/image/common/footerBg.gif) repeat-x left bottom;}
#mainHeader		{width:994px;width /**/:963px; height:34px; margin:0 auto;}
#mainHeader .utilMenu			{position:relative; float:right; margin-top:13px;}
#mainHeader .utilMenu li		{float:left; cursor:pointer;}
#mainHeader .utilMenu .sitemap	{padding-left:16px;}
#mainFooter			{width:994px; height:109px; margin:0 auto;}
#mainFooter .info		{clear:both; width:995px; padding-top:14px;}
#mainFooter .info li	{float:left; margin-left:-7px;}
#mainFooter .info li.logo		{padding:0 47px 0 5px;}
#mainFooter .info li.address	{padding:12px 14px 0 0;}
#mainFooter .info li.award		{float:right; padding:7px 23px 0 0;}
#mainFooter .family	{width:121px; height:16px; float:right; margin:0; position:relative;}
#mainFooter .familyOn	{display:none; position:absolute; top:-210px; left:0; width:121px;}
#mainFooter .familyOn li		{float:left; margin-left:0;}
#mainFooter .familyOn img		{float:left;}
#mainFooter .familyOn img.png24 {tmp:expression(setPng24(this));}
#mainSwf			{position:relative; overflow:hidden; min-width:980px; height:578px;}
#mainSwf .swfThis	{position:absolute; left:50%; width:2000px; margin:0 0 0 -1360px; padding:0 0 0 720px;}


/* ************************************************************************
	SubPageCommon
************************************************************************ */
#container			{background:url(/cha/image/common/topBg.gif) repeat-x left top;}
#containerFooter	{background:url(/cha/image/common/footerBg.gif) repeat-x left bottom;}
#containerContent	{width:980px; margin:0 auto;}

#header	{height:81px; position:relative;}
#header .logo {float:left; width:225px; height:67px; padding-top:14px;}
#header .utilMenu			{ float:right; height:23px; margin-top:12px;}
#header .utilMenu li		{float:left; cursor:pointer;}
#header .utilMenu .sitemap	{padding-left:16px;}
#header #gnbSwf				{position:absolute; overflow:hidden; width:755px; height:195px; left:225px; top:35px; }
#wrap	{clear:both; overflow:hidden;}
#wrap .titleSwf	{clear:both;}
#wrap .snb	{float:left; width:191px; min-height:600px;*height:600px;}
#wrap .snb .swfHolder	{margin:7px 0 0 5px;}
#wrap .snb .brandSite	{position:relative; padding:39px 0 0 15px;}
#wrap .snb .brandOff	{position:absolute; top:61px; left:0;left /**/:9px;}
#wrap .snb .brandOn		{position:absolute; top:61px; left:0;left /**/:9px; width:103px; height:59px; display:none;}
#wrap .snb .brandOn img	{float:left;}

#wrap .contents	{float:right; width:769px; padding-bottom:95px; padding-top:1px; cursor:default;}

/* tab */
.tab		{width:741px; height:20px; background:url(/cha/image/company/tabborder.gif) repeat-x 0 19px;}
.tab li		{float:left; margin-right:3px; cursor:pointer;} 
.tabCon1	{clear:both; overflow:hidden; margin-top:40px;} 
.tabCon1 img{float:left;}
.tabCon2	{clear:both; overflow:hidden; margin-top:40px;}
.tabCon2 img{float:left; }
.tabCon3	{clear:both; overflow:hidden; margin-top:40px;}
.tabCon3 img{float:left; }
.tabCon4	{clear:both; overflow:hidden;}
.tabCon4 img{float:left; }

/* company */
.introduce			{width:755px; margin:45px 0 0;}
.introduce img		{float:left;}
.message			{width:790px; margin:50px 0 0 -9px;}
.message img		{float:left;}
.manage				{width:755px; margin:54px 0px 0;}
.manage_tm			{margin:43px 0 0;}
.annual				{width:755px; margin:54px 0px 0;}
.annual_tm			{margin-top:90px;}
.ci					{width:755px; margin:54px 0px 0;}
.ci_tm				{margin-top:80px;}
.society			{overflow:hidden;width:755px; margin:54px 0px 0;}
.society img		{float:left;}
.society_tm			{margin-top:80px;}
.societyBoard		{clear:both; margin-top:100px;}
.societyBoard .boardHolder2,
.societyBoard iframe{width:715px; margin:20px 0 0 37px;}
.global				{width:755px; margin:54px 0px 0;}
.global_tm			{margin:100px 0 0;}
.shop				{width:789px; background:url(/cha/image/company/storeBg.jpg) no-repeat 20px 249px; margin:54px 0 0 -10px;}
.shop h4			{margin:0 0 20px 30px;}
.findShopHolder			{position:relative; float:right; width:755px; height:582px;}
.findShopHolder h5		{padding:46px 0 0 11px;}
.findShopHolder .brand	{width:684px; height:95px; background:url(/cha/image/company/shopBrandBg.jpg) no-repeat 0 0; margin:18px 0 0 20px; padding:15px 0 0 18px;}
.findShopHolder .brand .title			{display:block; float:left;}
.findShopHolder .brand .all				{float:right; width:97px; color:#6c6c6c; font-weight:bold; margin-top:-3px;}
.findShopHolder .brand .check			{clear:both; padding-top:20px;*padding-top:0;}
.findShopHolder .brand .check li		{float:left; width:134px; font-size:11px; color:#6c6c6c; vertical-align:middle; margin:-1px 0 8px 2px;}
.findShopHolder .brand .check li input	{display:block; float:left;}
.findShopHolder .brand .check li span	{display:block; float:left; margin:0 0 0 6px;*margin:4px 0 0 6px;*margin /**/:3px 0 0 6px;}
.findShopHolder .map	{float:left; width:162px; height:224px; margin:60px 0 0 59px;margin /**/:60px 0 0 122px;}
.findShopHolder .local	{float:right; width:296px; height:197px; background:url(/cha/image/company/storeLocalBg.jpg) no-repeat 0 0; margin:75px 16px 0 0;margin /**/:75px 33px 0 0;}
.findShopHolder .local .title{margin:13px 0 0 19px;}
.findShopHolder .local .slct	{margin:29px 0 -21px 21px;}
.findShopHolder .local .txt	{width:244px; height:17px; padding:0 3px; border:1px solid #cccccc; font:12px/15px simhei, simsun, tahoma, arial; margin:28px 0 0 21px;}
.findShopHolder .local .btn	{margin:13px 0 0 159px;}

.findShopHolder .detailMap{position:absolute; top:193px; left:25px; float:left; width:691px; height:348px; border:1px solid #dddddd; background:#fff;}
.findShopHolder .detailMap .detailMap_map{float:left; margin:12px 0 0 127px;}
.findShopHolder .detailMap .detailMap_close{float:right; margin:10px 9px 0 0; cursor:pointer;}

.shopTableHolder	{position:relative; width:719px; margin:0 0 0 45px;}
.shopTableHolder h5 {margin-bottom:14px;}
.map				{overflow:hidden; width:697px; margin:54px 0 0 26px; cursor:auto;}
.map img			{float:left;}
.map_tm				{margin-top:50px;}

.lp_wrapper{position:absolute; top:83px; left:140px; width:408px; height:216px; padding:8px 12px 12px; border:4px solid #18a4e6; background:#fff; color:#666; font:11px/1.3 simhei, simsun, tahoma, arial;}
.lp_wrapper .lp_location{float:left; padding:8px 0 6px 3px; font:normal 11px/1.5 simhei, simsun, tahoma, arial;}
.lp_wrapper .lp_location strong{color:#18a4e6; font-weight:normal;}
.lp_wrapper .lp_close{float:right; cursor:pointer;}
.lp_wrapper .lp_contents{overflow:hidden; width:402px; padding:15px 3px; border-top:1px solid #18a4e6;}
.lp_wrapper .lp_contents .lp_map{float:left; width:250px; height:158px;}
.lp_wrapper .lp_contents .lp_map img{float:left; width:250px; height:158px;}
.lp_wrapper .lp_contents .lp_info{float:left; width:136px; padding:5px 0 0 16px;}
.lp_wrapper .lp_contents .lp_info dt{}
.lp_wrapper .lp_contents .lp_info dd{padding:0 0 10px;}


/* brand */
.brandAgabang		{float:right; margin-left:-10px; width:789px; height:846px; background:url(/cha/image/brand/agabangBg.jpg) no-repeat 0 0;}
.brandAgabang h4	{overflow:hidden; margin:51px 0 20px 88px;}
.brandAgabang .btn	{overflow:hidden; margin-left:83px;}
.brandAgabang img	{float:left;}

.brandEttowa		{float:right; margin-left:-10px; width:789px; height:846px; background:url(/cha/image/brand/ettowaBg.jpg) no-repeat 0 0;}
.brandEttowa h4		{overflow:hidden; margin:77px 0 20px 84px;}
.brandEttowa .btn	{overflow:hidden; margin-left:80px;}
.brandEttowa img	{float:left;}

.brandBasic			{float:right; margin-left:-10px; width:789px; height:846px; background:url(/cha/image/brand/basicBg.jpg) no-repeat 0 0;}
.brandBasic h4		{overflow:hidden; margin:78px 0 20px 84px;}
.brandBasic .btn	{overflow:hidden; margin-left:76px;}
.brandBasic img		{float:left;}

.brandBaby			{float:right; margin-left:-10px; width:789px; height:846px; background:url(/cha/image/brand/dearbabyBg.jpg) no-repeat 0 0;}
.brandBaby h4		{overflow:hidden; margin:69px 0 20px 60px;}
.brandBaby .btn		{overflow:hidden; margin-left:56px;}
.brandBaby img		{float:left;}

.brandElle			{float:right; margin-left:-10px; width:789px; height:846px; background:url(/cha/image/brand/elleBg.jpg) no-repeat 0 0;}
.brandElle h4		{overflow:hidden; margin:44px 0 20px 0; padding:0 25px 0 0;}
.brandElle h4 img	{float:right;}
.brandElle .btn		{overflow:hidden; margin-left:566px;}
.brandElle img		{float:left;}

.brandgymitt		{float:right; margin-left:-10px; width:789px; height:846px; background:url(/cha/image/brand/gymittBg.jpg) no-repeat 0 0;}
.brandgymitt h4		{overflow:hidden; margin:452px 0 20px 97px;}
.brandgymitt .btn	{overflow:hidden; margin:0 0 0 94px;}
.brandgymitt img	{float:left;}

.brand2ya			{float:right; margin-left:-10px; width:789px; height:846px; background:url(/cha/image/brand/2ya2yaoBg.jpg) no-repeat 0 0;}
.brand2ya h4		{overflow:hidden; margin:84px 0 20px 0; padding:0 53px 0 0;}
.brand2ya h4 img	{float:right;}
.brand2ya .btn		{overflow:hidden; margin-left:538px;}
.brand2ya img		{float:left;}

.brandGallery		{float:right; margin-left:-10px; width:789px; height:846px; background:url(/cha/image/brand/agabangGalleryBg.jpg) no-repeat 0 0;}
.brandGallery h4	{overflow:hidden; margin:57px 0 20px 46px;}
.brandGallery .btn	{overflow:hidden; margin-left:43px;}
.brandGallery img	{float:left;}

.brandlittle		{overflow:hidden; height:713px; background:url(/cha/image/brand/littleBg.jpg) no-repeat 0 bottom;}
.brandlittle h4		{overflow:hidden; margin:73px 0 20px 25px;}
.brandlittle .btn	{overflow:hidden; margin-left:154px;}
.brandlittle img	{float:left;}

/* cyber */
.cyberHolder		{overflow:hidden; width:730px; margin:0 auto; padding-top:54px;}
.articleHolder		{clear:both; padding-top:52px;}
.boardInfo			{overflow:hidden; width:737px;*width:740px;padding-bottom:3px;}
.total				{float:left; padding-top:5px;}
.total span			{font-size:11px; color:#333; float:left;}
.total span.page	{color:#999; padding-left:5px;}
.search				{float:right; width:280px; margin-bottom:8px;}
.search .selectholder{float:left; margin:1px 5px 0 0;*margin:2px 2px 0 0;}
.search input		{float:left; width:110px; height:17px; padding:0 3px; border:1px solid #cccccc; font:12px/15px simhei, simsun, tahoma, arial; margin:1px 4px 0 0;*margin:2px 2px 0 0; }
.search img			{float:left; margin-top:1px; *margin-top:2px;}

/* manage */
.reportHolder	{width:730px; margin-right:15px; padding-top:58px;}
.stockHolder	{overflow-x:hidden; width:700px; margin:0 auto; padding-top:58px;}
.stockHolder .btn	{margin:40px auto 0; width:340px;}


/* engSitemap */
#engBackground	{display:none; position:absolute; top:0; left:0; z-index:1; width:0; height:0; background:#fff; filter:alpha(opacity=70); -moz-opacity:0.7; font:0/0 arial;}
#engSitemap		{display:none; position:absolute; top:79px; left:50%; z-index:3; width:694px; height:368px; margin-left:-348px; padding:0 0 6px 2px; background:url(/cha/image/common/sitemap_bg.gif) 0 0 no-repeat;}
#engSitemap img	{float:left;}
#engSitemap a,
#engSitemap a:hover{float:left;}
#engSitemap .col1{float:left; width:217px; padding-top:53px;}
#engSitemap .col2{float:left; width:217px; padding-top:53px;}
#engSitemap .col3{position:relative; float:left; width:260px; padding-top:53px;}
#engSitemap #closeSitemap{position:absolute; top:11px; right:16px; cursor:pointer;}

/* *************************** Board *****************************
**************************************************************** */

/* 작성하기버튼 */
.btnWrite	{text-align:right; padding-top:5px;}

/* boardStyle01 */
.board01	{width:100%; margin:0 auto 15px auto; }
.board01 th	{border-top:1px solid #dadada; border-bottom:1px solid #dadada; background:#f8f8f8 url(/cha/image/company/thBullet.gif) no-repeat left center; height:33px;}
.board01 th.storeName	{background:#f8f8f8 none;}
.board01 tr	{height:28px; background:url(/cha/image/company/tr.gif) repeat-x left bottom;}
.board01 td {text-align:center; color:#666;}
.board01 td.storeName	{background:url(/cha/image/company/trBg.gif) no-repeat right bottom; width:371px; text-align:left; padding-left:15px;}

/* boardStyle02 */
.board02		{clear:both; width:100%; margin:0 auto;border-bottom:1px solid #1da6e6;}
.board02 th		{border-top:4px solid #1da6e6; border-bottom:1px solid #1da6e6; height:30px;*height:27px; background:url(/cha/image/cyber/bulletTh.gif) no-repeat left center; padding-bottom:2px;*padding-bottom:0;}
.board02 th.num	{background:none;}
.board02 tr		{height:24px;}
.board02 td 	{text-align:center; color:#666; font-size:11px; padding:4px 0 4px 0; height:30px;*height:22px;}
.board02 td.subject		{width:390px; text-align:left; padding-left:15px;}
.board02 td.subject img	{vertical-align:middle; padding-left:5px;}
.board02 td.re1		{padding-left:43px; background:url(/cha/image/cyber/bulletRe.gif) no-repeat 17px 9px;}
.board02 td.re2		{padding-left:59px; background:url(/cha/image/cyber/bulletRe.gif) no-repeat 32px 9px;}
.board02 .notice	{width:390px; text-align:left; padding-left:15px; font-weight:bold;}
.board02 tr:hover td{color:#159fdf;} /* IE6적용안됨 */
.board02 a			{color:#666;}
.board02 a:hover	{color:#159fdf;}

/* boardStyle03 */
.board03		{clear:both; width:709px;}
.board03 tr.last td	{background:none;  border-bottom:1px solid #ddd;}
.board03 tr.last td.column	{background:#f8f8f8;}
.board03 th		{border-bottom:2px solid #1da6e6; height:27px; text-align:left; padding-left:15px;}
.board03 td		{background:url(/cha/image/recruit/lineBoard.gif) repeat-x left bottom; padding:8px 0 8px 15px;}
.board03 td img	{display:block; clear:both; margin-bottom:3px;}
.board03 td.column	{background:#f8f8f8 url(/cha/image/recruit/lineBoard.gif) repeat-x left bottom;;}

/* boardViewStyle01 */
.boardView02	{clear:both; width:100%; margin:0 auto;border-top:4px solid #1da6e6;border-bottom:1px solid #1da6e6; font-size:11px; color:#666;}
.boardView02 tr.subj th,
.boardView02 tr.subj td	{border-bottom:1px solid #1da6e6;}
.boardView02 tr.next th,
.boardView02 tr.next td	{border-top:1px solid #1da6e6;}
.boardView02 tr.prev th,
.boardView02 tr.prev td	{border-top:1px solid #e4e4e4;}
.boardView02 tr.next th,
.boardView02 tr.prev th	{padding-left:12px; background:url(/cha/image/cyber/bulletTh2.gif) no-repeat right 10px;}
.boardView02 th	{width:39px; background:url(/cha/image/cyber/bulletTh.gif) no-repeat right 10px; text-align:left; padding:5px 0 4px 18px;}
.boardView02 td	{width:674px; padding:7px 0 3px 10px;}
.boardView02 td.con	{width:100%; border-top:1px solid #e4e4e4; padding:20px; line-height:160%;}
.boardView02 .item	{float:left; background:url(/cha/image/cyber/bulletTh.gif) no-repeat right 4px; padding:2px 13px 5px 7px;}
.boardView02 .value	{float:left; padding:1px 25px 0 10px;}
.boardView02 .value img	{margin-right:4px;}

/* galleryStyle01 */
.gallery01		{clear:both; width:100%; margin:4px auto 0 auto; border-top:4px solid #1da6e6; border-bottom:1px solid #1da6e6; background:url(/cha/image/cyber/galleryBg.gif) repeat 0 0; overflow:hidden;}
.gallery01 li	{float:left; width:219px; padding:18px 36px 9px 0;*padding:16px 36px 9px 0;}
.gallery01 li.third	{float:right; width:219px; padding-right:0;}
.gallery01 img	{padding:4px; border:1px solid #d5d5d5; display:block; float:left; margin-bottom:8px;*margin-bottom:0;}
.gallery01 .description	{clear:both; text-align:center; padding:0; margin:0; font-size:11px; color:#666; margin-top:-6px;}
.gallery01 .description	.subject{font-weight:bold;}
.gallery01 .description	.date 	{background:url(/cha/image/cyber/bulletDate.gif) no-repeat 0 0; padding-left:5px;}

.gallery02		{clear:both; width:100%; margin:4px auto 0; border-top:4px solid #1da6e6; border-bottom:1px solid #1da6e6; overflow:hidden;}
.gallery02 li	{float:left; width:219px; height:175px; padding:18px 31px 15px 0; *padding:16px 31px 15px 0; background:url(/cha/image/cyber/galleryBg.gif) repeat-x 0 100%;}
.gallery02 li.third	{float:right; padding-right:10px;}
.gallery02 li.noneBg{background-image:none;}
.gallery02 a.img01:link,
.gallery02 a.img01:visited,
.gallery02 a.img01:hover,
.gallery02 a.img01:active{float:left; margin-bottom:8px; padding:4px; border:1px solid #d5d5d5;}
.gallery02 .img01 img	{float:left; width:209px; height:111px;}
.gallery02 .description	{float:left; overflow:hidden; width:205px; padding:0 7px; margin:0; font-size:11px; color:#666;}
.gallery02 .description	.subject{font-weight:bold;}
.gallery02 .description	.date 	{background:url(/cha/image/cyber/bulletDate.gif) no-repeat 0 0; padding-left:5px;}

/* pageNavi01 */
ul.page_navigation01 {list-style:none; padding:8px 0 0; color:#9f9f9f; text-align:center; cursor:default;}
ul.page_navigation01 li {display:inline; padding:0 3px 0 7px; background:url(/cha/image/board/bg/table02_bg_bar01.gif) 0 1px no-repeat; text-align:center;}
ul.page_navigation01 li img {margin:-2px 0 0; *margin:0;}
ul.page_navigation01 li.noneBgSet {background-image:none;}
ul.page_navigation01 li.arr01 {padding:0;}
ul.page_navigation01 li.arr02 {padding:0 5px 0 7px;}
ul.page_navigation01 li.arr03 {padding:0 7px 0 10px;}
ul.page_navigation01 li a:link,
ul.page_navigation01 li a:visited {color:#9f9f9f;}
ul.page_navigation01 li a:acitve,
ul.page_navigation01 li a:hover   {color:#333;}
ul.page_navigation01 li a.active:link,
ul.page_navigation01 li a.active:visited,
ul.page_navigation01 li a.active:acitve,
ul.page_navigation01 li a.active:hover {color:#333; font-weight:bold;}

/* pageNavi02 */
ul.page_navigation02 {list-style:none; color:#3f3f3f; text-align:center; cursor:default; margin-top:23px;}
ul.page_navigation02 li {display:inline; padding:0 3px 0 7px; background:url(/cha/image/board/bg/table02_bg_bar04.gif) 0 1px no-repeat; text-align:center;}
ul.page_navigation02 li img {margin:-2px 0 0; *margin:0;}
ul.page_navigation02 li.noneBgSet {background-image:none;}
ul.page_navigation02 li.arr01 {padding:0;}
ul.page_navigation02 li.arr02 {padding:0 5px 0 7px;}
ul.page_navigation02 li.arr03 {padding:0 7px 0 10px;}
ul.page_navigation02 li a:link,
ul.page_navigation02 li a:visited {color:#3f3f3f;}
ul.page_navigation02 li a:acitve,
ul.page_navigation02 li a:hover   {color:#333;}
ul.page_navigation02 li a.active:link,
ul.page_navigation02 li a.active:visited,
ul.page_navigation02 li a.active:acitve,
ul.page_navigation02 li a.active:hover {color:#333; font-weight:bold;}