@charset "utf-8";
@import "common.css";
/* ------------------------------------------------------------
* Name      : style.css
* Desc      : Xi Global / style Style Sheet
* Created   : 2008-11-10 PentaBreed Myungwol
* Updated   :
width:; height:; float:; display:; font:; background:;
------------------------------------------------------------ */

/* intro */
.introSec{margin-top:20px;padding-bottom:20px;border-bottom:2px solid #e4e4e4;}
.introSec h1{margin-bottom:14px;}
.introSec h2{margin:30px 0 10px 0 !important;}
.introSec h2.first-child{margin-top:0 !important;}
.introSec ul li{font-size:1%;line-height:1%;}
.introSec .introCNT{float:left;width:228px;}
.introSec .introCNT ul li{margin-top:15px;}
.introSec .introCNT ul li.first-child{margin-top:0;}
.introSec .introVisual{float:left;width:438px;}
.introList{padding-bottom:0;}
.introList div{width:208px;height:73px;float:left;margin-left:21px;}
.introList div.first-child{margin-left:0;}
.introList div h2{margin:0 0 15px 0 !important;}
.introList div.total{float:right;}
.introList div ul#totalList li{margin-top:9px;}
.introList .special ul li{margin-top:5px;}
.introList div ul#totalList li.first-child, .introList .special ul li.first-child{margin-top:0;}

.introSec:after{content:" "; display:block; clear:both; height:0; visibility:hidden;}
.introSec {*height:1%;} 

ol.styleNumList { width:331px; }
ol.styleNumList li { width:331px; background:url('/global/images/common/bg_g_dotted.gif') top repeat-x; }
ol.styleNumList li.firstChild { background:none; }
ol.styleNumList li p { padding:10px 0 10px 0; }
ol.styleNumList li p.num1 { background:url('/global/images/common/ico_g_num1.gif') left no-repeat; padding-left:25px; }
ol.styleNumList li p.num2 { background:url('/global/images/common/ico_g_num2.gif') left no-repeat; padding-left:25px; }
ol.styleNumList li p.num3 { background:url('/global/images/common/ico_g_num3.gif') left no-repeat; padding-left:25px; }

/* Desigh */
.designCNT strong{color:#86a52d;}

/* Total Design */
.totalSec h2{float:left;width:228px;margin:0 !important;}
.totalSec .totalCNT{float:left;width:438px;}
.totalSec .totalCNT h3{margin:0 0 5px 0 !important;}
.totalSec .totalCNT p{margin-bottom:15px;}
.totalSec:after{content:" "; display:block; clear:both; height:0; visibility:hidden;}
.totalSec {*height:1%;} 

.prodSec{height:360px;overflow:hidden;padding-left:228px;margin-top:30px;background:url(/global/images/style/total_prod_img3.jpg) 0 bottom no-repeat;}
.prodSec h2{margin:0 !important;float:left;}
.prodSec p{float:left;width:210px;margin-left:17px;}

.totalVisual img{display:block;}
.totalVisual{padding:20px 0 0 0;clear:both;}
.totalVisual p{margin-bottom:18px;}
.totalVisual ul{height:150px;overflow:hidden;}
.totalVisual ul li{float:left;margin-left:18px;font-size:1%;line-height:1%;}
.totalVisual ul li.first-child{margin-left:0;}

.interiorSec .imgR{margin-bottom:0 !important;}
ul.inteTxt {width:210px;}
ul.inteTxt li {margin-top:10px; padding:0 0 0 8px; background:url('/global/images/common/bul_gray2.gif') left 6px no-repeat; }

.colorSec .colorCNT{float:left;width:210px;margin-right:18px;}
.colorSec .colorCNT h2{width:210px;margin-bottom:14px !important;float:none;}
.colorSec .totalVisual{float:left;width:438px;clear:none;padding:0;}

img.ubimgR { float:right; margin:16px 29px 10px 18px;}
p.ubOvertxt img { margin-bottom:8px; display:block; }
.ubAppList { border-top:2px solid #c5c5c5; border-bottom:2px solid #c5c5c5; margin-top:19px; }
.ubAppList th { text-align:center; border-bottom:1px solid #ededed; }
.ubAppList td { padding:10px 0 10px 0; border-bottom:1px solid #ededed; }
.ubAppList td p { border-left:1px solid #ededed; padding-left:17px; }

/* Special System */
.ubSec h2{margin:20px 0 10px 0 !important;}
.ubSec h2.first-child{margin-top:0 !important;}
.wellGraph{margin-top:10px;}
.wellbeingCNT h3{margin-top:30px;}
.wellCNT div{width:200px;float:left;margin-left:20px;}
.wellCNT .wellFirst{margin-left:0;}
.wellCNT .wellFirst p{_height:90px;}

/* Community */
.commVisual{margin:30px 0;}
ul.centerView li{height:265px;float:left;margin-left:18px;}
ul.centerView li.first{margin-left:0;}
ul.centerView li strong{display:block;margin-bottom:7px;padding-left:9px;background:url(/global/images/common/bul_gray2.gif) 0 2px no-repeat;}
ul.centerView:after{content:" "; display:block; clear:both; height:0; visibility:hidden;}
ul.centerView {*height:1%;}

/* Future in Xi */
.futureCNT li{padding-bottom:5px;text-indent:-10px;padding-left:10px;}
.futureVisual{margin-top:25px;text-align:center;}
.futureMovie .movieDesc img{padding-top:119px;} /* 11월 26일 수정사항 추가 - whitepage */

/*Overview*/
.overImg{text-align:center;}