/*
TWD Web Team(http://www.wsu.ac.kr/)
Author: Hyun-jin, Jeon 10.2011
*/

@import url("common.css");
@import url("imgSlice.css");

h1{position:absolute; top:39px; left:0; background-color:#fff}
h1 a{display:block; height:50px; padding:0 27px}

#centerArea{position:relative; width:990px; margin:0 auto}
#wrap{position:relative}
#header{position:relative}
#mainContainer{position:relative; overflow:hidden; padding-bottom:40px}
#container{position:relative; overflow:hidden; margin-top:50px; padding-bottom:80px}
#footer{position:relative; border-top:5px solid #8eaa3c}

/*--- Header ---*/
.miniMnu{position:relative; width:990px; height:48px; margin:0 auto}
.miniMnu ul{position:absolute; top:22px; right:0}
.miniMnu ul li{float:left}
.miniMnu ul li a{display:block; height:12px; background:url(../image/miniMnu.gif) no-repeat}
.miniMnu ul li a.home{width:33px; background-position:0 0}
.miniMnu ul li a.login{width:41px; background-position:-33px 0}
.miniMnu ul li a.logout{width:48px; background-position:-74px 0}
.miniMnu ul li a.sitemap{width:48px; background-position:-122px 0}
.miniMnu ul li a.wsu{width:50px; background-position:-170px 0}
.miniMnu ul li a.home:hover{width:33px; background-position:0 -12px}
.miniMnu ul li a.login:hover{width:41px; background-position:-33px -12px}
.miniMnu ul li a.logout:hover{width:48px; background-position:-74px -12px}
.miniMnu ul li a.sitemap:hover{width:48px; background-position:-122px -12px}
.miniMnu ul li a.wsu:hover{width:50px; background-position:-170px -12px}
.miniMnu ul li a.facebook{margin-left:10px; display:block; width:16px; height:16px; background:url(../image/facebook.gif) no-repeat}
.miniMnu ul li a.facebook:hover{background-position:0 -16px}

.topArea{width:100%; height:40px; background-color:#8eaa3c}
#mMnu{position:absolute; top:12px; right:0; z-index:100}
#mMnu li{float:left; margin-left:22px}
#mMnu li a{display:block; height:17px}
#mMnu li.mMnu1 a{width:50px; background:url(../image/mainMnu1.gif) no-repeat 0 0}
#mMnu li.mMnu2 a{width:75px; background:url(../image/mainMnu2.gif) no-repeat 0 0}
#mMnu li.mMnu3 a{width:63px; background:url(../image/mainMnu3.gif) no-repeat 0 0}
#mMnu li.mMnu4 a{width:51px; background:url(../image/mainMnu4.gif) no-repeat 0 0}
#mMnu li.mMnu5 a{width:51px; background:url(../image/mainMnu5.gif) no-repeat 0 0}
#mMnu li.mMnu6 a{width:75px; background:url(../image/mainMnu6.gif) no-repeat 0 0}
#mMnu li.mMnu7 a{width:74px; background:url(../image/mainMnu7.gif) no-repeat 0 0}
#mMnu li a.selected,
#mMnu li a:hover{background-position:-100px 0}
#mMnu li.on a{background-position:-100px 0}
#mMnuSArea{height:30px; margin-top:7px}
#mMnuSArea li{float:left; margin-left:20px}
#mMnuSArea #mMnuS_2{margin-left:390px}
#mMnuSArea #mMnuS_4{margin-left:590px}
#mMnuSArea #mMnuS_5{margin-left:690px}
#mMnuSArea #mMnuS_6{margin-left:631px}
#mMnuSArea #mMnuS_7{margin-left:890px}
#mMnuSArea a{display:block; height:14px; background:url(../image/mainMnuS.gif) no-repeat}
#mMnuSArea .mMnuS2_1{width:51px; background-position:0 0}
#mMnuSArea .mMnuS2_2{width:51px; background-position:0 -14px}
#mMnuSArea .mMnuS2_3{width:51px; background-position:0 -28px}
#mMnuSArea .mMnuS2_4{width:107px; background-position:0 -42px}
#mMnuSArea .mMnuS4_1{width:75px; background-position:0 -56px}
#mMnuSArea .mMnuS4_2{width:62px; background-position:0 -70px}
#mMnuSArea .mMnuS5_1{width:52px; background-position:0 -84px}
#mMnuSArea .mMnuS5_2{width:51px; background-position:0 -98px}
#mMnuSArea .mMnuS6_1{width:62px; background-position:0 -112px}
#mMnuSArea .mMnuS6_2{width:72px; background-position:0 -126px}
#mMnuSArea .mMnuS6_3{width:91px; background-position:0 -140px}
#mMnuSArea .mMnuS7_1{width:54px; background-position:0 -154px}
#mMnuSArea .mMnuS7_2{width:81px; background-position:0 -168px}
#mMnuSArea .mMnuS6_4{width:54px; background-position:0 -182px}
#mMnuSArea .mMnuS2_1:hover{width:51px; background-position:-150px 0}
#mMnuSArea .mMnuS2_2:hover{width:51px; background-position:-150px -14px}
#mMnuSArea .mMnuS2_3:hover{width:51px; background-position:-150px -28px}
#mMnuSArea .mMnuS2_4:hover{width:107px; background-position:-150px -42px}
#mMnuSArea .mMnuS4_1:hover{width:75px; background-position:-150px -56px}
#mMnuSArea .mMnuS4_2:hover{width:62px; background-position:-150px -70px}
#mMnuSArea .mMnuS5_1:hover{width:52px; background-position:-150px -84px}
#mMnuSArea .mMnuS5_2:hover{width:51px; background-position:-150px -98px}
#mMnuSArea .mMnuS6_1:hover{width:62px; background-position:-150px -112px}
#mMnuSArea .mMnuS6_2:hover{width:72px; background-position:-150px -126px}
#mMnuSArea .mMnuS6_3:hover{width:91px; background-position:-150px -140px}
#mMnuSArea .mMnuS7_1:hover{width:54px; background-position:-150px -154px}
#mMnuSArea .mMnuS7_2:hover{width:81px; background-position:-150px -168px}
#mMnuSArea .mMnuS6_4:hover{width:54px; background-position:-150px -182px}

/*--- Main Container ---*/
#mainContainer #ln{float:left; width:650px; margin-left:25px}
#ln .latestArea{overflow:hidden; margin-top:30px}
#ln .latestArea .notice,
#ln .latestArea .news{float:left; position:relative; width:290px; margin:0 17px}
#ln .latestTable{clear:both; width:290px; margin-top:15px; border-collapse:collapse}
#ln .latestTable td{height:18px}
#ln .latestTable td span{color:#09336d}
#ln .latestTable td a{color:#848484}
#ln .latestTable td.date{font:normal 10px tahoma; color:#c2c2c2; text-align:right}
#ln .latestMore{position:absolute; top:0px; right:0px}
#ln .latestMore a{display:block; width:18px; height:18px; background:url(../image/indexBtnMore.gif) no-repeat 0px 0px}
#ln .donatorList{position:relative; margin-top:20px; padding:12px 0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4}
#ln .donatorList .tit{display:block; width:110px; border-right:1px solid #d8d8d8; line-height:0; text-align:center}
#ln .donatorList #sliderTxt{position:absolute; top:10px; left:130px; width:500px; height:15px; line-height:0}
#ln .donatorList #sliderTxt span{margin:0 8px; padding-left:10px; background:url(../image/indexConditionArrow.gif) no-repeat left middle}
#ln .donatorList #sliderTxt span img{vertical-align:middle}
#ln .donatorList #sliderTxt span em{font-weight:bold}
#ln .fundGuide{overflow:hidden; margin-top:23px; border:3px solid #8eaa3c}
#ln .fundGuide dt{float:left; padding:20px 10px; background-color:#8eaa3c;}
#ln .fundGuide dd{float:left; margin-top:9px; margin-left:9px}

#mainContainer #rn{float:right; width:290px}
#rn .rtop{height:305px; padding:25px 20px; background-color:#e8eb7a}
#rn .rtop .fundCopy img{margin-bottom:7px}
#rn .rtop .account, #rn .rtop .phone, #rn .rtop .ars{margin-top:25px}
#rn .rtop .account .txt, #rn .rtop .phone .txt, #rn .rtop .ars .txt{margin-top:10px; margin-left:10px}
#rn .rbottom{position:relative; height:255px; padding:20px 20px; background-color:#fcf8c8}
#rn .rbottom .newslatter{position:absolute; height:90px; z-index:200}
#rn .rbottom .newslatter a{margin-left:4px; margin-right:8px; line-height:0}
#rn .rbottom .janghak{position:absolute; top:210px; left:20px; z-index:200}
#rn .rbottom .bestTree{position:absolute; bottom:-40px; right:-240px; z-index:100}

/*--- Container ---*/
#container #ln{float:left; width:211px}
#container #ln .leftMnuArea{padding:20px 0 30px 30px; background:url(../image/leftBg.gif) repeat-y left}
#container #ln .sMnuList{margin-top:15px}
#container #ln .sMnuList a{display:block; height:26px}
#container #ln .sMnuList a.sMnu2_1{width:62px; background:url(../image/subMnu2_1.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu2_2{width:63px; background:url(../image/subMnu2_2.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu2_3{width:62px; background:url(../image/subMnu2_3.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu2_4{width:129px; background:url(../image/subMnu2_4.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu4_1{width:91px; background:url(../image/subMnu4_1.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu4_2{width:75px; background:url(../image/subMnu4_2.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu5_1{width:64px; background:url(../image/subMnu5_1.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu5_2{width:63px; background:url(../image/subMnu5_2.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu6_1{width:75px; background:url(../image/subMnu6_1.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu6_2{width:87px; background:url(../image/subMnu6_2.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu6_3{width:110px; background:url(../image/subMnu6_3.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu6_4{width:110px; background:url(../image/subMnu6_4.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu7_1{width:63px; background:url(../image/subMnu7_1.gif) no-repeat 0 0}
#container #ln .sMnuList a.sMnu7_2{width:95px; background:url(../image/subMnu7_2.gif) no-repeat 0 0}
#container #ln .sMnuList a.on,
#container #ln .sMnuList a:hover{width:181px; background-position:-181px 0}
#container #ln .leftBanner{margin:20px 0; padding-left:10px}

#container #rn{float:right; width:745px}
#container #rn .subTit{position:relative; padding:20px 0 16px 23px; border-bottom:1px solid #e4e4e4}
#container #rn .subTit .location{position:absolute; top:27px; right:25px}
#container #rn .subTit .location *{color:#848484}
#container #rn .content{position:relative; margin-top:40px; padding-left:20px}

/*--- Page ---*/
.content input{height:18px; border:1px solid #e1e1e1; vertical-align:middle}
.content textarea{border:1px solid #e1e1e1}
.content .noneBorder{margin-top:0; border:none}
.page1_1{}
.page1_1 .paragraph{margin-top:25px; padding-bottom:20px; background:url(../image/vision/page1_1BgLine.gif) repeat-x bottom}
.page1_1 .paragraph ul{margin-top:20px; margin-left:22px}
.page1_1 .paragraph ul li{margin-bottom:15px}
.page1_1 .paragraph .chart{margin-top:35px}
.page1_1 .floatLeft{overflow:hidden}
.page1_1 .floatLeft ul{margin-left:7px}
.page1_1 .floatLeft li{float:left; margin-left:10px}
.page1_1 .noneBg{background:none}
.page2_1{height:377px; background:url(../image/guide/page2_1Img.jpg) no-repeat right bottom}
.page2_1 dt{margin-bottom:37px}
.page2_1 dd{margin-bottom:25px}
.page4_1 li{margin-bottom:5px; padding:0; line-height:0}
.page4_1 .boxArea{position:relative; height:175px; margin-top:20px; background:url(../image/fund/page4_1Bg.gif) no-repeat 0 0}
.page4_1 .boxArea .person{position:absolute; top:40px; left:260px; font-size:12px}
.page4_1 .boxArea ul{position:absolute; top:86px; left:250px}
.page4_1 .boxArea li{margin:3px 0; padding-left:142px}
.page4_1 .boxArea li.name{background:url(../image/fund/page4_1IbdName.gif) no-repeat left}
.page4_1 .boxArea li.birth{background:url(../image/fund/page4_1IbdBirth.gif) no-repeat left}
.page4_1 .boxArea .btn{position:absolute; top:88px; *top:90px; left:525px}
.page7_1 li{border:1px solid #ebebeb}
.page10_0 li{float:left; margin:15px 5px; border:1px solid #e5e5e5}
.paragraph{margin-top:40px}
.paragraph .tit{margin-bottom:15px}
.paragraph ul{margin-left:8px}
.paragraph li{padding-left:7px; background:url(../image/bullet.gif) no-repeat 0px 7px; line-height:180%; letter-spacing:-1px}
.paragraph ul ul{margin:0}
.paragraph ul ul li{margin:0; padding:0; background:none;}
.paragraph strong{font-weight:bold}
.tCenter *{text-align:center}
.pTable{position:relative; width:100%; border-collapse:collapse; border-top:2px solid #c4c4c4}
.pTable th, .pTable td{padding:8px 10px; background:url(../image/tableLine.gif) repeat-x bottom}
.pTable thead td{background-color:#f0f0f0}
.pTable .end th, .pTable .end td{background:none; border-bottom:1px solid #c4c4c4}
.pTable .end th,
.pTable th{background-color:#f0f0f0; color:#7c7c7c; font-weight:bold}
.pTable tbody td{font-size:12px}
.pTable .strong{font-weight:bold}
.btnArea{margin-top:32px; padding:0; line-height:0; text-align:center}
.btnOk{height:33px; padding:0; border:0; vertical-align:top}
.btnArea a{padding:0 10px}
.btnArea a.btn{padding:0}
.btnArea a.on, .btnArea a:hover{font-weight:bold}
.btnArea input{height:33px; border:1px solid #e1e1e1; vertical-align:middle}
.bColor{color:#906a3c}
.pColor{color:#646464}

.pcont2, .pcont3, .pcont4, .pcont6, .scont1, .dcont2, #p2_SdateCal_calIcon, #p2_FdateCal_calIcon, #p3_dateCal_calIcon{display:none;}

/*--- Footer ---*/
#footer #centerArea{padding:20px 0}
#footer #centerArea .totalTree{position:absolute; width:61px; height:89px; top:-95px; left:-76px}
#footer #centerArea .totalTree_s{position:absolute; width:61px; height:89px; top:-95px; left:70px}

/*--- Login ---*/
#loginArea{position:absolute; display:block; width:300px; height:220px; top:40px; right:0px; background-color:#fff; border:2px solid #666; z-index:1000}
#loginArea{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-box-shadow:3px 3px 3px silver; -webkit-box-shadow:3px 3px 3px silver}
#loginArea ul{padding:10px}
#loginArea li{margin-top:10px; margin-left:0; color:#b1b1b1; font-size:11px; font-weight:bold}
#loginArea li input.txtbox{width:260px; font-size:18px; padding:5px; border:1px solid #dbdbdb; font-weight:bold}
#loginArea li a{display:block; width:130px; height:35px; margin-left:140px; background:url(../image/btnLogin.gif) no-repeat 0px 0px; text-align:center}
#loginArea li a div{padding-top:7px; color:#e4e4e4}
#loginArea li a:hover div{text-decoration:none; color:#fff}
#loginArea .loginClose{position:absolute; top:5px; right:5px}
#loginArea .loginClose a{display:block; width:20px; height:20px; background:url(../image/xbox.gif) no-repeat center}

.subject {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}