@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:800,700);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);



	html { }
	body { font-size: 12px; color: #7d7d7d; font-family:"Nanum Gothic"; background: #f0f0f0; }
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;}
	fieldset, img, abbr, acronym { border: 0px; _vertical-align: top; }
	address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
	ol,ul { list-style: none; margin: 0px; padding:0px;}
	legend, caption { display: none; text-align: left; }
	q:before, q:after { content:''; }
	a { text-decoration: none; }
	hr { display: none; }
	
	




	A:link { background-color:none; color: #555; text-decoration: none;}
	A:active { color: #999; background-color:none; text-decoration: none;}
	A:visited { text-decoration:none; background-color:none; color: #999; background-color:none;}
	A:hover { color:#3e9cde; text-decoration:none; }
	
	
	
	
	


	/* top */
	
	#top { width:100%; height:34px; border-bottom:1px solid #cbcbcb; background-color:#e9e9e9; }
	#top .btn { width:1200px; margin:0 auto;}
	#top .btn .l { float:left; border-left:1px solid #dedede; }
	#top .btn .r { float:right; border-left:1px solid #dedede; }
	#top .btn .c { float:left; margin-top:10px; margin-left:10px;}
	
	.menu5 { text-align:left;  position:relative; margin:0 padding:0; list-style-type:none; z-index:99999999999999999999999; font-size:8px;}
	.menu5 ul { padding:0; margin:0; list-style-type:none; /* for Firefox */}
	.menu5 li { float:left; position:relative; width:97px; border-right:1px solid #dedede;}
	.menu5 li a, .menu5 li a:visited { display:block; width:98px; height:21px; text-align:center; padding-top:13px;  color:#666; }
	* html .menu5 li a, .menu5 li a:visited { width:7em; w\idth:6em; /* hack for IE5.5 */}
	.menu5 li a.drop, .menu5 li a.drop:visited { }
	.menu5 li ul { visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;}
	/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
	.menu5 li:hover a,
	.menu5 li a:hover { background-color:#fff; color:#000;}
	.menu5 li:hover ul,
	.menu5 li a:hover ul { visibility:visible; height:auto; width:96px; left:0; top:34px; overflow:visible; border:1px solid #555; box-shadow: 7px 7px 7px rgba(0,0,0,0.3);}
	.menu5 li:hover ul li a,
	.menu5 li a:hover ul li a { display:block; font-size:11px; font-family:"돋움";letter-spacing:-1px; background:#555; color:#c2c2c2; height:auto; line-height:20px; padding:2px 0 0 6px; width:90px; text-align:left; }
	* html .menu5 li a:hover ul li a { width:10em; w\idth:9em; /* hack for IE5.5 */}
	.menu5 li:hover ul li a.drop,
	.menu5 li a:hover ul li a.drop { font-weight:bold;}
	.menu5 li:hover ul li ul,
	.menu5 li a:hover ul li a ul { visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;}
	.menu5 li:hover ul li a:hover,
	.menu5 li a:hover ul li a:hover { background:#e76794; color:#fff;}
	.menu5 li:hover ul li:hover ul,
	.menu5 li a:hover ul li a:hover ul {visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;} 
	.menu5 li:hover ul li:hover ul.left,
	.menu5 li a:hover ul li a:hover ul.left {left:-9.3em;}
	.menu5 li:hover ul li:hover ul li a,
	.menu5 li a:hover ul li a:hover ul li a {display:block; height:auto;}
	.menu5 li:hover ul li:hover ul li:hover a,
	.menu5 li a:hover ul li a:hover ul li a:hover {text-decoration:underline;}
	
	#r-banner { position:absolute; width:210px; z-index:110; margin:0 auto; left:50%; top:614px; margin-left:610px;}
	#r-banner #r-today { width:210px;}
	#r-today_mar{ height:10px;}
	.rtFixed { position: fixed; top: 56px;}
	#r-banner #r-today .rn { width:210px; margin:0 auto; }
	#r-banner #r-today .rn ul { }
	#r-banner #r-today .rn ul li { padding:10px 0 0 0;}
	#top-down { position: fixed; width:44px; height:90px; margin:0 auto; text-align:center; z-index:10000000; bottom:70px; right:10px;}
	#top-down .tb { width:44px; margin:0 auto; text-align:center; }
	#l-banner { position:absolute; width:90px; z-index:111;  left:50%; top:191px; margin-left:-700px;}
	#l-banner #l-today { width:210px;}
	#l-today_mar { height:10px;}
	.ltFixed { position: fixed; top: 56px;}
	#l-banner #l-today .ln { width:210px; margin:0 auto; }
	#l-banner #l-today .ln ul { }
	#l-banner #l-today .ln ul li {padding:10px 0 0 0; text-align:center;}
	#top-banner { width:100%; background-color:#f9e453; position: relative;}
	#top-banner #tb-con { width:1200px; margin:0 auto;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* wrap/bg/header/menu */
	
	#td_wrap { float:left; width:100%;}
	#td_wrap #bg { float:left; width:100%; padding-top:20px; }
	#td_wrap #bg h1 { width:1200px; margin:0 auto; text-align:center; margin-bottom:20px; z-index:9999999;   font-family: "Nanum Gothic"; font-weight:800; font-size:32px; letter-spacing:-2px;}
	#td_wrap #bg h1 a { color:#333;}
	#td_wrap #bg h1 a:hover { color:#3e9cde;}
	#ad-section { position:absolute; width:350px; z-index:110; margin:0 auto; left:50%; top:35px; margin-left:-600px;}
	#ad-section .ad-area { width:350px;}
	#search-section { position:absolute; width:300px; z-index:110; margin:0 auto; left:50%; top:26px; margin-left:310px;}
	#search-section .search-area { width:300px;}
	#td_wrap #bg #header { float:left; width:100%; height:36px; margin:0 auto; background: url(../img/menu_bg.gif) repeat-x 0 0; z-index:999999999999999999999999999999; box-shadow: 10px 10px 10px rgba(0,0,0,0.2);}
	#header_mar { height:10px;}
	.headerFixed { position: fixed; top: 0;}
	
	/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
	html {-webkit-animation: safariSelectorFix infinite 1s;}
	@-webkit-keyframes safariSelectorFix {
	0% {zoom:1;} 
	100% {zoom:1;}
	}
	.nav {width:1200px; height:30px; background:#56b4f6; position:relative; z-index:100; margin:0 auto; border-top:5px solid #60a3d2; border-bottom:1px solid #2978b0; background:url("../img/menu_hbg.gif") right 0 repeat-y; }
	.menu,
	.menu ul {padding:0; margin:0; list-style:none;}
	.menu {width:1200px; border-top:1px solid #6fb8eb; }
	.menu ul.sub {position:absolute; left:-9999px; top:29px; background:#fff; padding:0 0 0 10px; z-index:-1; border-top:1px solid #999; box-shadow: 10px 10px 10px rgba(0,0,0,0.2); text-align:left;}
	.menu ul.sub1 {width:160px;}
	.menu ul.sub2 {width:320px;}
	.menu ul.sub3 {width:480px;}
	.menu ul.sub h5 {padding:5px 0; color:#56b4f6; font-size:12px; width:140px; margin-top:12px; float:left;}
	.menu li.top-li {float:left; width:170px; position:relative; background:#56b4f6; z-index:50; background:url("../img/menu_hbg.gif") left 0 repeat-y; text-align:center;}
	.menu li.top-li a.top-a {display:block; float:left; width:170px; line-height:29px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold;}
	.menu li.top-li a.top-a:hover {background:#fff; color:#333;}
	.menu li.top-li:hover > a.top-a {background:#fff; color:#333;}
	.menu li.has-sub a.top-a:hover {height:30px;}
	.menu li.has-sub:hover > a.top-a {height:30px;}
	.menu li.close a {position:absolute; left:50%; top:-30px; width:100px; height:30px; line-height:30px; color:#fff; font-weight:bold; font-size:12px; padding:0; margin:0 0 0 -50px; background:#ff8000; text-align:center; text-decoration:none; display:none;}
	.menu ul li {width:160px; float:left;}
	.menu ul li a {line-height:12px; color:#000; background:#f4f4f4; display:block; width:130px; margin-bottom:1px; padding:5px 10px; text-decoration:none; font-size:12px; }
	.menu ul li a:hover {background:#56b4f6; color:#fff;}
	.menu ul li.bottomLine {width:100%; clear:left; padding:5px 10px 5px 0; background:#fff; margin-left:-10px; margin-top:9px; }
	.menu ul li.bottomLine p {padding:0; margin:0; line-height:20px; font-size:12px; color:#ff8000; font-weight:bold; width:100%; padding-left:10px;}
	.menu ul li.bottomLine a {display:inline; padding:0 3px; line-height:20px; background:none; color:#ccc;}
	.menu ul li.bottomLine a:hover {color:#fff;}
	.menu :hover ul.sub {left:0;}
	.menu :hover ul.left1 {left:-150px;}
	/* for IE6 */
	.menu table {border-collapse:collapse; margin-bottom:-1px;}
	* html .menu ul.sub {border:0;}
	* html .menu ul li.bottomLine {padding:5px 0 5px 10px;}
	
	
	
	
	
	
	
	
	
	
	
	
	/* content */
	
	#td_wrap #bg #td_content { width:1200px; margin:0 auto;}
	#main-visual { float:left; width:100%; height:462px; background: url('../img/main_visual.jpg') center top ;}
	#sub-visual-company { float:left; width:100%; height:200px; background: url('../img/sub_visual_company.jpg') center top no-repeat;}
	#sub-visual-business { float:left; width:100%; height:200px; background: url('../img/sub_visual_business.jpg') center top no-repeat;}
	/*#sub-visual-portfolio { float:left; width:100%; height:200px; background: url('../img/sub_visual_portfolio.jpg') center top no-repeat;}*/
	#sub-visual-portfolio { float:left; width:100%; height:200px; background: url('../img/sub_visual_portfolio.jpg') center top no-repeat;}
	#sub-visual-client { float:left; width:100%; height:200px; background: url('../img/sub_visual_client.jpg') center top no-repeat;}
	#sub-visual-estimate { float:left; width:100%; height:200px; background: url('../img/sub_visual_estimate.jpg') center top no-repeat;}
	#sub-visual-customer { float:left; width:100%; height:200px; background: url('../img/sub_visual_customer.jpg') center top no-repeat;}
	
	
	
	/* main */
	
	#main-event { width:1200px; overflow:hidden; }
	#main-event h2 { margin-bottom:4px; font-family:'Open Sans'; font-size:22px; font-weight:bold; color:#000; letter-spacing:-1px;}
	.mainSwipe{position:relative;margin:0 auto;overflow:hidden;zoom:1}
	#bigBanner{overflow:hidden;position:relative;width:1200px;height:400px;margin:0 auto}
	#bigBanner .bnImg{position:relative}
	.btn_area a,.btn_area .page_num{display:block;position:absolute;top:50%;z-index:10;margin-top:-38px;padding:10px}
	.btn_area a span{overflow:hidden;display:block;width:46px;height:46px;line-height:1000px;vertical-align:top}
	.btn_area .prve{left:-10px;margin-right:1190px}
	.btn_area .prve span{background-position:0 0}
	.btn_area .prve:hover span{background-position:0 -50px}
	.btn_area .next{right:-10px;margin-left:1190px}
	.btn_area .next span{background-position:-50px 0}
	.btn_area .next:hover span{background-position:-50px -50px}
	.btn_area .page_num{top:50%;right:44px;margin-top:-24px;text-align:right}
	.btn_area .page_num strong{font-family:Myriad Pro;font-weight:normal;font-size:24px;color:#7b7b7b}
	.btn_area .page_num strong span{font-weight:bold;color:#000}
	.sp{background:url(//image.cjmall.com/oliveyoung/oliveyoung_2014/images/renew2014/common/sp.png) no-repeat}
	

	
	
	#td_container { float:left; width:1200px; margin-top:10px; }
	#td_container .mainWrap{clear:both;width:1200px;margin:0 auto}
	.cate_section{float:left;position:relative;width:380px;margin:20px 30px 0 0;padding-bottom:24px}
	.cate_section.last{margin-right:0}
	.cate_section .prdList{padding:10px 0}
	.cate_section .prdList li{position:relative;width:380px;padding:0 0}
	.cate_section .prdList .cate_ico{position:absolute;top:0;left:10px}
	.cate_section .pager{position:absolute;top:4px;right:0;}
	.cate_section .tit{display:block;height:12px; border-bottom:1px solid #f0f0f0;vertical-align:top; font-size:14px; color:#000;}
	.cate_section .prdLink{padding-top:2px}
	.cate_section .prdList .prdLink .prdTit,#main_brandPrd .prdList .prdLink .prdTit,#ranking .prdList li .prdLink .prdTit{display:block;white-space:nowrap;text-overflow:ellipsis}
	.bn_area .btn_area a{width:17px;height:45px;padding:0 9px;}
	.bn_area .btn_area a:hover{background-color:#252727;opacity:.9;filter:alpha(opacity=90)}
	.event_section .btn_area a{top:182px;margin-top:0}
	.cate_section .btn_area a{top:130px;margin-top:0; }
	.prdList{position:relative;line-height:16px}
	.prdList ul{margin-left:-20px;overflow:hidden;zoom:1}
	.prdList ul li{float:left;width:200px;height:325px;margin-left:20px}
	.prdList span.prdScore{display:block;margin-bottom:10px;padding:0 !important;text-align:center;font:normal 16px/15px verdana}
	.prdList span.prdScore img{margin-right:5px;vertical-align:-1px}
	.prdList .prdLink{display:block;text-align:center}
	.prdList .prdLink img{margin-bottom:5px}
	.prdList .prdLink .subTit{display:block;text-align:left; margin-top:10px; margin-bottom:6px;}
	.prdList .prdLink .prdIcon{display:block; margin-top:5px;}
	.prdList .prdLink .prdTit{display:block;margin-bottom:2px;color:#5d5d5d;text-align: right; margin-top:-22px;}
	.prdList span.priceInfo{display:block;margin-bottom:9px}
	.prdList .priceInfo .price{margin-right:2px;font-size:11px;color:#5d5d5d;text-decoration:line-through}
	.prdList .priceInfo .cost,.prdList .priceInfo .price2{font-size:11px;color:#000}
	.prdList .priceInfo span span{font:13px/16px verdana }
	.prdList .priceInfo .cost span,.prdList .priceInfo .price2 span{font-weight:bold}
	.prdList .benefit{display:block;margin-bottom:9px;overflow:hidden;zoom:1}
	.prdList .benefit .coupon{display:inline-block;margin-right:10px;padding-left:57px;background:url(icCoupon.gif) 0 0 no-repeat;font:12px/15px verdana;color:#fc4901}
	.prdList .benefit .interest{display:inline-block;padding-left:21px;background:url(icCoupon.gif) 0 -15px no-repeat;font:12px/15px verdana;color:#a2a803}
	.prdList .paging{padding-bottom:80px}
	
	.pager li{float:left;margin:0 2px}
	.pager li a{display:block;width:10px;height:10px;background:url(//image.cjmall.com/oliveyoung/oliveyoung_2014/images/renew2014/main/blRoll.png) 0 0 no-repeat}
	.pager li.on a{background-position:right 0}
	
	#tester .btn_area a{top:135px;margin-top:0}
	
	.bn_area .btn_area a span{overflow:hidden;position:absolute;top:50%;z-index:10;width:17px;height:32px;margin-top:-16px;line-height:1000px;vertical-align:top}
	.bn_area .prve{left:10px;margin-right:0}
	.bn_area .prve span{background-position:0 50px}
	.bn_area:hover .prve span{background-position:0 -130px}
	.bn_area:hover .prve:hover span{background-position:-25px -130px}
	.bn_area .next{right:10px;margin-left:0}
	.bn_area .next span{background-position:50px 50px}
	.bn_area:hover .next span{background-position:-50px -130px}
	.bn_area .next:hover span{background-position:-75px -130px}
	

	
	#main-notice { float:left; width:1200px; margin-bottom:30px; }
	#main-notice ul {}
	#main-notice ul li { float:left; width:380px; margin-right:30px;}
	#main-notice ul li h3 { font-size:16px; font-weight:bold; color:#000; margin-bottom:12px;}
	#main-notice ul .mnlp { margin-right:0;}
	#main-notice ul li dl { position:relative; width: 100%; border-bottom: 1px solid #dbdbdb; padding-top:6px;}
	#main-notice ul li dl dt { width:300px; position: absolute; top: 0; left: 0; padding: 4px 0 0 0; color: #000; text-align: left; font-weight: normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	#main-notice ul li dl dd { padding: 0 0 4px 0; color: #999; text-align: right;}
	
	
	
	#hot-issue { float:left; width:1200px; }
	#hot-issue h2 { float:left; width:1200px; margin-bottom:4px; font-size:16px; font-weight:bold; color:#000; }
	#hot-issue ul {}
	#hot-issue ul li { float:left;}
	
	
	#main-portfolio { float:left; width:1200px; margin-top:40px;}
	#main-portfolio h2 { float:left; width:1200px; margin-bottom:10px; font-size:16px; font-weight:bold; color:#000; }
	#main-portfolio ul {}
	#main-portfolio ul li { float:left; margin-right:10px; margin-bottom:10px; background:#fff;}
	#main-portfolio ul li .pname { padding:12px 0 0 10px;}
	#main-portfolio ul li .rall { width:232px; height:272px; overflow:hidden; }
	#main-portfolio ul li .rbox { position:relative; width:232px; height:272px; cursor:pointer; margin:0 auto; cursor:pointer; }
	#main-portfolio ul li .rbox img { width:232px; height:232px;}
	#main-portfolio ul li .rpic { position:absolute; top:0; left:0px; width:232px; height:272px;  display:none; text-align:center; background:#000; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; }
	#main-portfolio ul li .rtxt { position:absolute; top:0; left:0px; width:212px; height:272px; padding:0 10px; display:none; text-align:center; color:#FFF; margin:110px auto; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:22px;}
	#main-portfolio ul li a { float:left; }
	/*#portfolio ul li a:hover { float:left; margin:-10px; border:10px solid #3e9cde;}*/
	#main-portfolio ul .lpa { margin-right:0; }
	
	#main-quick { float:left; width:1200px; }
	#main-quick ul {}
	#main-quick ul li { float:left; margin-right:10px; margin-bottom:10px; background:#fff;}
	#main-quick ul li .rall2 { width:232px; height:165px; overflow:hidden; }
	#main-quick ul li .rbox2 { position:relative; width:232px; height:165px; cursor:pointer; margin:0 auto; cursor:pointer; }
	#main-quick ul li .rbox2 img { width:232px; height:165px;}
	#main-quick ul .lpa { margin-right:0; }
	

	
	
	
	
	
	
	
	/* sub-common */
	
	#sub-common { float:left; width:1200px; }
	#sub-common .visual { width:1198px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
	#sub-common .s-content { float:left; width:1198px; background:#f4f4f4; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
	#sub-common .s-content .l-con { float:left; width:198px;}
	#sub-common .s-content .l-con .snb { width:198px;}
	#sub-common .s-content .l-con .snb dl { }
	#sub-common .s-content .l-con .snb dl dt { width:198px; height:39px; text-align:center; padding-top:18px; font-family:"Open Sans"; font-size:18px; font-weight:bold; color:#000; background: #ececec; border-bottom:1px solid #d7d7d7;}
	#sub-common .s-content .l-con .snb dl dt .stit { font-family:"Open Sans"; font-size:11px; font-weight:bold; color:#b9b9b9; letter-spacing:1px;}
	#sub-common .s-content .l-con .snb dl dd { width:198px;  border-bottom:1px solid #dcdcdc; /*background: url('../img/snb_menu_bg.gif') 0 0 repeat-x;*/}
	#sub-common .s-content .l-con .snb dl dd a { position:relative; display:block; padding:10px 0 10px 10px; color:#333;}
	#sub-common .s-content .l-con .snb dl dd a:hover { position:relative; margin-right:-1px; background:#ffffff; color:#000; font-weight:bold;}
	#sub-common .s-content .l-con .snb dl dd:hover a { background:#ffffff url('../img/snb_blit.gif') right 10px center no-repeat;}
	#sub-common .s-content .l-con .snb dl dd .on { position:relative; margin-right:-1px; background:#ffffff url('../img/snb_blit.gif') right 10px center no-repeat; color:#000; font-weight:bold; }
	
	#sub-common .s-content .l-con .call { width:158px; margin-top:50px; padding:20px;}
	#sub-common .s-content .l-con .call dl {}
	#sub-common .s-content .l-con .call dl dt { font-family:"Open Sans"; font-size:24px; font-weight:bold; color:#555; letter-spacing:-1px;}
	#sub-common .s-content .l-con .call dl dt .scall { font-family:"Open Sans"; font-size:11px; font-weight:bold; color:#888; letter-spacing:1px;}
	#sub-common .s-content .l-con .call dl dd { font-family:"Open Sans"; font-size:10px; letter-spacing:1px;}
	
	#sub-common .s-content .contents { float:left; width:999px; border-left:1px solid #dcdcdc; background:#fff;}
	#sub-common .s-content .contents .navi { float:left; width:999px;  background:#f2f2f2;}
	#sub-common .s-content .contents .navi ul {}
	#sub-common .s-content .contents .navi ul li { float:left; width:234px; height:37px; padding:20px 0 0 15px; border-bottom:1px solid #d7d7d7; border-right:1px solid #dcdcdc; background: url('../img/home_area_arrow.gif') right 8px top 23px no-repeat;}
	#sub-common .s-content .contents .navi ul .lastpr { width:249px; background:none; border-right:none; background-color:#fff; border-bottom:1px solid #fff; text-align:center; padding-left:0;}
	#sub-common .s-content .contents .con { float:left; width:939px; padding:30px 30px 100px 30px;}
	#sub-common .s-content .contents .con h2 { float:left; width:939px; font-size:22px; letter-spacing:-1px; color:#000; margin-bottom:30px; border-bottom:1px solid #ececec; padding-bottom:10px;}
	
	
	#sub-common .s-content .contents .con #board h1, #sub-common .s-content .contents .con #board h2, #sub-common .s-content .contents .con #board h3, #sub-common .s-content .contents .con #board h4, #sub-common .s-content .contents .con #board h5, #sub-common .s-content .contents .con #board h6  {font-size:1em; border:0; line-height:1em; letter-spacing:0;}
	
	
	
	
	/* company */
	
	#company { float:left; width:939px;}
	#company .company h3 { font-size:15px; font-weight:bold; color:#3e9cde; margin-bottom:10px; line-height:22px;}
	#company .company h4 { font-size:16px; font-weight:bold; color:#444; margin-bottom:10px; line-height:24px;}
	#company .company h6 { font-size:13px; font-weight:bold; color:#777; margin-bottom:10px; line-height:20px;}
	#company .company p {line-height:22px;}
	
	#company .greeting { width:939px; height:545px; background: url('../img/company_ceo.png') right bottom no-repeat;}
	
	#company .license { width:939px; background: url('../img/company_license.png') right top no-repeat;}
	
	#company .orz { width:939px;}
	
	#company .map { width:939px;}
	
	
	
	/* business */
	
	#business { float:left; width:939px; }
	.business { float:left; width:939px;}
	.business h4 { font-size:14px; color:#333; font-weight:normal;}
	.xans-mall-faq {margin:15px 1px 0;}
	.xans-mall-faq .cont2 {color:#8f8f91;line-height:1.8em;}
	.xans-mall-faq .tabs_box {border-bottom:1px solid #dfdfdf;display:inline-block;width:100%;}
	.xans-mall-faq .tabs {font-size:0;margin:0 0 -1px;}
	.xans-mall-faq .tabs li {display:inline-block;*display:inline;*zoom:1;background:#f6f6f6;border:1px solid #dfdfdf;border-bottom:0;text-align:center;margin:0 1px;}
	.xans-mall-faq .tabs li.first {margin-left:0;}
	.xans-mall-faq .tabs li.active {border:1px solid #dfdfdf;border-bottom:1px solid #fff;background:#fff;}
	.xans-mall-faq .tabs li a {color:#777;font-size:12px;width:180px;line-height:20px;display:inline-block;padding:8px 0 5px;}
	.xans-mall-faq .tabs li.active a {color:#151515;font-weight:bold;letter-spacing:-1px;}
	.xans-mall-faq .tabs li a:hover {text-decoration:none;}
	.xans-mall-faq .tab_content {margin:0;display:block;padding:50px;border:1px solid #dfdfdf;border-top:0;min-height:500px;  font-size:14px; color:#000;}	
	
	
	/* portfolio */
	
	#portfolio-container { float:left; width:939px; margin-bottom:50px; }
	#portfolio-container h3 { margin-bottom:8px; font-size:13px; font-weight:bold; color:#333; list-style:circle; background: url('../img/blit_t.gif') left top 0px no-repeat; padding-left:20px;}
	#portfolio-container ul {}
	#portfolio-container ul li { float:left; width:306px; height:204px; display:inline; margin-right:9px; }
	#portfolio-container ul li a { display:block;border:1px solid #ededed; margin:-1px;}
	#portfolio-container ul li a:hover { border:4px solid #ff6600; margin:-4px;}
	#portfolio-container ul .lastmar { margin-right:0;}
	#portfolio-container dl { float:left; width:939px; margin-top:14px; border-bottom:1px solid #dcdcdc; padding-bottom:10px;}
	#portfolio-container dl dt { font-size:13px; font-weight:bold; color:#000; margin-top:10px; margin-bottom:10px;}
	#portfolio-container dl dd { margin-bottom:4px; background: url('../img/list_bg2.png') left center no-repeat; padding-left:10px;}
	#portfolio-container .td_board-btn-type { width:886px; height:20px; margin-bottom:40px; background:#cccccc; clear:both; margin:0 auto;}
	#portfolio-container .td_board-btn-type .bbt-con {  width:90%; margin:0 auto; text-align:center;}
	#portfolio-container .td_board-btn-type .bbt-con ul { width:100%; background:#ddd;}
	#portfolio-container .td_board-btn-type .bbt-con ul li { float:left; display:inline-block; padding:10px 5px 10px 5px; font-size:10px; font-weight:bold;}
	
	#portfolio-view { float:left; width:939px; border-bottom:1px solid #dcdcdc; padding-bottom:20px;}
	#portfolio-view .gall { float:left; width:621px; border-right:1px solid #dcdcdc; padding-right:20px; }
	#portfolio-view .gall-t { float:left; width:277px; padding:20px 0 0 20px;}
	#portfolio-view .gall-t dl {}
	#portfolio-view .gall-t dl dt { font-size:17px; font-weight:bold; color:#333;}
	#portfolio-view .gall-t dl .sgall { font-family:"Open Sans"; font-size:11px; color:#ababab; margin-bottom:4px; letter-spacing:1px;}
	#portfolio-view .gall-t dl dd { margin-top:24px; color:#666; font-size:13px; }
	#portfolio-view .gall-btn { float:left; width:939px; margin-top:20px;}
	#portfolio-view .gall-btn .lbt { float:left;}
	#portfolio-view .gall-btn .rbt { float:right;}
	
	
	
	
	
	
	/* client */
	
	#client { float:left; width:939px; }
	.ing { width:939px;}
	.ing h4 { font-size:16px; font-weight:bold; color:#444; line-height:24px;}
	.ing p { line-height:22px;}
	.ing p h7 { font-size:16px; font-weight:bold; color:#444; line-height:24px; margin-bottom:10px;}
	.ing dl { margin-top:50px;}
	.ing dl dt { font-size:14px; color:#333; font-weight:bold; padding-left:20px; margin-top:50px; margin-bottom:10px; background: url('../img/blit_t.gif') left top 3px no-repeat; }
	.ing dl dd { line-height:22px;}
	.ing dl dd dl { margin-top:10px;}
	.ing dl dd dl dt { font-size:12px; color:#777; margin-top:10px; margin-bottom:4px; margin-left:15px; padding-left:0; background:none;}
	.ing dl dd dl dd { font-size:12px; margin-left:15px; line-height:14px;}
	
	
	
	
	
	
	/* board */
	
	.board { width:939px; clear:both;}
	.board:before, board:after { content:''; }
	
	
	
	
	
	
	
	
	
	/* footer */

	#footer { float:left; width:100%; padding-bottom:50px; background:#414143;}
	#footer #f-btn {  float:left; width:100%; }
	#footer #f-btn #fb-Con { width:1200px;  margin:0 auto; padding-top:14px;}
	#footer #f-btn #fb-Con ul {}
	#footer #f-btn #fb-Con ul li { float:left; height:14px; display:inline; padding-right:15px; padding-left:15px; background: url('../img/footer_line_bg.gif') right 4px no-repeat; }
	#footer #f-btn #fb-Con ul li a { color:#939393;}
	#footer #f-btn #fb-Con ul li a:hover { color:#cdcdcd; text-decoration:underline;}
	#footer #f-btn #copyright { width:100%; float:left; margin:14px 0 14px 0; border-top:1px solid #525253; padding:14px 0 0 0; }
	#footer #f-btn #copyright #cp-Con { width:1200px; margin:0 auto; }
	#footer #f-btn #copyright #cp-Con #cp-Con-t { float:left; width:150px; padding-top:4px;}
	#footer #f-btn #copyright #cp-Con #cp-Con-l { float:left; width:850px; color:#939393; line-height:22px; margin-left:40px; }
	#footer #f-btn #copyright #cp-Con #cp-Con-l .partners { float:left; width:832px; margin-top:20px;}
	#footer #f-btn #copyright #cp-Con #cp-Con-l .partners ul { }
	#footer #f-btn #copyright #cp-Con #cp-Con-l .partners ul li { display:inline; padding-right:15px; }
	#footer #f-btn #copyright #cp-Con #cp-Con-e { float:right; width:160px; z-index:8888888;}
	
	
	
	
	
	
	
	/* table */
	
	.bk-table1 { width:900px; margin-top:10px; margin:0 auto;}
	.bk-table1 h3 { color:#666; font-weight:bold; margin-bottom:10px; font-size:13px;}
	.bk-table1 table { margin:0; padding:0; border-collapse: collapse; borderpadding:1px; borderspacing:1px;  }
	.bk-table1 table td { padding:5px 5px 5px 20px;  }
	.bk-table1 thead { border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
	.bk-table1 thead th { color:#555; padding:10px 10px 10px 10px; background:#f4f4f4;}
	.bk-table1 tbody tr {}
	.bk-table1 tbody td { border-bottom:1px solid #dadada; line-height:22px;}
	.bk-table1 tfoot { }
	.bk-table1 tfoot tr {}
	.bk-table1 tfoot td { padding:10px 10px 10px 10px; border-top:1px solid #e7e7e7; }
	
	
	
	.bk-table2 { width:900px; margin-top:10px; margin:0 auto;}
	.bk-table2 h6 { color:#666; font-weight:bold; margin-bottom:10px; font-size:13px;}
	.bk-table2 table { margin:0; padding:0; border-collapse: collapse; borderpadding:1px; borderspacing:1px;  }
	.bk-table2 table td { padding:5px 5px 5px 5px; border:1px solid #dadada; }
	.bk-table2 thead {  border-bottom:1px solid #dadada;}
	.bk-table2 thead th { color:#555; padding:10px 10px 10px 10px; background:#f4f4f4; border:1px solid #dadada;}
	.bk-table2 tbody tr {}
	.bk-table2 tbody td { border:1px solid #dadada; line-height:22px;}
	.bk-table2 tfoot { }
	.bk-table2 tfoot tr {}
	.bk-table2 tfoot td { padding:10px 10px 10px 10px; border-top:1px solid #e7e7e7; }
	
	
	
	
	
	
	/* txt */
	
	.txt1 { color:#3e9cde; font-weight:bold;}
	.txt2 { color:#000; font-weight:bold;  }
	.txt3 { font-size:16px; font-weight:bold; color:#000; letter-spacing:-1px;}
	.txt4 { font-size:10px;}
	.txt5 { font-size:10px; color:#000; font-weight:bold;}
	.txt6 { font-size:10px; color:#e76794; font-weight:bold;}
	.txt7 { color:#fff; font-weight:bold; background:#e76794; padding:2px 7px 2px 7px; }
	.txt8 { color:#fff; font-weight:bold; background:#000; padding:2px 7px 2px 7px; }
	.txt9 { text-decoration:line-through; color:#999;}
	.txt10 { font-family: "Open Sans"; color:#000; font-size:30px; font-weight:bold; letter-spacing:-3px;}
	.txt11 { font-family: "Open Sans"; color:#999; font-size:30px; font-weight:bold; letter-spacing:-3px;}
	.txt12 { font-family: "Open Sans"; color:#ed0000; font-size:30px; font-weight:bold; letter-spacing:-3px;}
	.txt13 { color:#e76794; font-weight:bold; font-size:20px; letter-spacing:-1px; font-family: "Open Sans";}
	.txt14 { font-family: "NeoSansProLight"; color:#fff; font-size:22px; letter-spacing:-2px; font-weight:bold;}
	.txt15 { color:#b0b0b0; font-weight:bold;  }
	.txt16 { color:#e76794; font-weight:bold; font-family: "Open Sans"; }
	.txt1- { color:#e76794; font-weight:bold; font-size:15px; font-family: "Open Sans"; letter-spacing:-1px;}
	.txt2- { color:#000; font-weight:bold; font-size:15px; font-family: "Open Sans"; letter-spacing:-1px;}
	.txt17 { font-family: "Open Sans"; color:#222; font-size:44px; font-weight:bold; letter-spacing:-3px;}
	.txt18 { font-family: "NeoSansProLight"; color:#222; font-size:23px; font-weight:bold; }
	.txt19 { color:#000; font-weight:bold; font-size:18px;}
	.txt20 { color:#dcdcdc; font-size:11px; }
	.txt21 { color:#3e9cde; font-size:13px; font-weight:bold; }
	.txt22 { color:#222; font-family: "Open Sans"; }
	.txt23 { color:#fff; font-family: "Open Sans"; font-size:30px; letter-spacing:-1px;}
	.txt-f {  font-family: "Futura Md BT";}
	
	<!--select { color:#666;}-->
	.select1 { color:#868686;  background-color:#fff ; border:1px solid #e7e7e7; }
	.select2 { color:#c9cccf;  background-color:#52585c ; border:1px solid #6f767a; }
	.select3 { color:#444; font-size:15px; background-color:#f9f9f9 ; border:1px solid #d1d1d1; width:201px; height:32px; padding:2px 2px 2px 5px; vertical-align:middle;}
	.select4 { color:#868686;  background-color:#fff ; border:1px solid #dcdcdc; height:26px; padding:2px 0 0 2px; vertical-align:middle;}
	TEXTAREA { font-size:12px ; color:#7d7d7d ; background-color:transparent ; border-bottom:1x solid #4a483f ; border-left:1x solid #4a483f ; border-right:1x solid #4a483f ; border-top:1x solid #4a483f }
	
	.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
	#container_title {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
	
	.main_business_title { font-size:14px !important; color:#626161; font-family: 'Open Sans', sans-serif; font-weight:800}