@charset "UTF-8";
/*templar_pop.css*/

.templarPop #wrapper{background:none;}
.templarPop #popContents{width:800px;height:600px;margin:0 auto; background:url(../images/templar_pop/templar_pop_bg.jpg) no-repeat;position:relative;}

.templarPop #popHead{padding:17px 35px 0 36px;height:38px;}
.templarPop #popHead h3{float:left;width:407px;}
.templarPop #popHead p{float:right;width:100px;text-align:right;}

.templarPop #popBody {clear:both;width:720px;height:500px;padding:25px 20px 0;margin:0 20px;}
.templarPop h4		{text-align:left;padding-bottom:18px;}
.templarPop h5		{text-align:left;padding-bottom:10px;padding-top:20px;}

.templarPop .last	{padding:0 !important;}

.templarPop ul li		{position:absolute;}
.templarPop ul li#btnNext{bottom:40px;right:40px;width:78px;height:23px;}
.templarPop ul li#btnBack{bottom:40px;left:40px;width:78px;height:23px;}
.templarPop ul li#btnClose{bottom:12px;left:342px;width:116px;height:19px;}

.templarPop ul li#btnNext a{width:100%;height:23px;background:url(../images/templar_pop/templar_pop_btn_navi.gif) -78px 0 no-repeat;overflow:hidden;text-indent:-9999px;}
.templarPop ul li#btnNext a:hover{background-position:-78px -23px;}

.templarPop ul li#btnBack a{width:100%;height:23px;background:url(../images/templar_pop/templar_pop_btn_navi.gif) 0 0 no-repeat;overflow:hidden;text-indent:-9999px;}
.templarPop ul li#btnBack a:hover{background-position:0 -23px;}
.templarPop ul li#btnClose a{width:100%;height:19px;background:url(../images/templar_pop/templar_pop_btn_close.gif) 0 0 no-repeat;overflow:hidden;text-indent:-9999px;}
.templarPop ul li#btnClose a:hover{background-position:0 -19px;}

/*contents*/
#templarBirth #popBody{background:url(../images/templar_pop/templar_pop_a_bg.jpg) left bottom no-repeat;}
#templarBirth .itemBox{float:right;width:360px;padding-top:20px;}
#templarBirth .itemBox p{padding-bottom:10px;}

#templarDissolution .leftBox{float:left;width:400px;}
#templarDissolution .itemBox{float:right;width:300px;}

#templarCyprus #popBody{background:url(../images/templar_pop/templar_pop_c_bg.jpg) right bottom no-repeat;}
#templarCyprus .leftBox{float:left;width:500px;}
#templarCyprus .itemBox{float:right;width:200px;}
#templarCyprus .textBoxBottom{float:left;width:265px;}