@charset "UTF-8";
@import "layout.css";
@import "navigation.css";

/* CSS Document */

*{margin:0; padding:0; font-size:12px; font-family:"arial","tahoma","helvetica","sans-serif";}


a:link{ text-decoration:none;}
a:visited{ text-decoration:noen;}
a:hover,a:active,a:focus{ text-decoration:underline;}


ul{margin:0; padding:0;  list-style: none; overflow: hidden;}
ul li{ list-style:none; display: block; margin:0; padding:0;}

a img{ border:0;}

img.line{padding:4px; border:1px solid #B4B8BB;}

label{ cursor:pointer;}
input,textarea{ border:1px solid #dddddd; padding:1px; cursor:pointer;}
select{ border:1px solid #dddddd; cursor:pointer;}
input.etc{ border:none; padding:0;}

hr{ display:none;}

p{margin-bottom:18px; }

#footer p{margin:0;}

/* quick */
#quick_menu{
	margin:0 50%;
}

#quick{
	margin-left:410px;
	margin-top:125px;
	display: block;
	position:absolute; 
	margin-top:125px;
	width:80px; 
	height:284px;
    z-index:100;
	background:url(/images/quick_bg.jpg) no-repeat top left;
 }

/* html #quick{margin-left:800px;
	margin-top:125px;}/* ie6 적용 
*+html body #quick{margin-left:800px;
	margin-top:125px;}/* ie7만 적용 */


#quick ul{
	margin:25px 0 0 4px;
	width:72px;
}
#quick ul li{
	text-indent:-9000px;
	padding-bottom:5px;
	width:72px;
	height:81px;
	display:block;
}
#quick ul li a{
	height:81px;
	display:block;
}
#quick ul li.peace{ background:url(/images/portuguese/quick_peace.gif) no-repeat;}
#quick ul li.earthion{ background:url(/images/portuguese/quick_earthion.gif) no-repeat;}
#quick ul li.brain{ background:url(/images/portuguese/quick_brain.gif) no-repeat;}

/* contents bg */
#body{background: url(/images/left_bg.gif) repeat-y #ffffff;}

#body .left_bg{
	position:absolute; 
	bottom:0;
	left:0;
	display:block;
	height:124px;
	width:171px;
	z-index:10;
	background:url(/images/about_leftbg.gif) no-repeat bottom left;
}

/*#about #body .left_bg{background:url(/images/about_leftbg.gif) no-repeat bottom left;}
#philosophy #body .left_bg{background:url(/images/philosophy_leftbg.gif) no-repeat bottom left;}
#education #body .left_bg{ background:url(/images/education_leftbg.gif) no-repeat bottom left;}
#poem #body .left_bg{  background:url(/images/poem_leftbg.gif) no-repeat bottom left;}
#books #body .left_bg{background:url(/images/books_leftbg.gif) no-repeat bottom left;}
#etc #body .left_bg{ background:url(/images/etc_leftbg.gif) no-repeat bottom left;}*/

/* contents start */
table.title{ border:none; padding:0; width:600px; border-bottom:1px solid #1B5FD0;}
table.title .subject{border-bottom:2px solid #1B5FD0; height:36px; padding:0 10px;}
table.title .subject h3{color:#333333; font-size:14px; font-weight:bold;}
table.title .subject h3 span{font-weight:normal;}
table.title .icon{border-bottom:2px solid #E5E3E3; background: url(/images/title_icon.gif) 0 50% no-repeat;}

.sub{padding-top:18px;}
.sub p{line-height:19px;}

.sub p.left{float:left; margin:0 10px 10px 0;}
.sub p.right{float:right; margin:0 0 10px 10px;}
.sub p.center{text-align:center;}

.sub .line1{ background:url(/images/education_bg.gif) repeat-y;}
.sub .line1 .title{ background:url(/images/education_upbg.gif) no-repeat top left; padding:30px 0 25px 37px; }
.sub .line1 .title span{ background:url(/images/education_icon.gif) no-repeat 0 50%; padding-left:15px; font-weight:bold;}
.sub ol{margin:0 0 10px 60px; line-height:25px;}
.sub .line1 .bottom{ background:url(/images/education_downbg.gif) no-repeat bottom left; padding:10px 0 25px 35px;}
.sub .line1 p{padding-left:35px;}

/* about */
.sub .prize{margin-left:25px; float:left;}

/* poem */
.sub .peace{background:#FFF7DF;}
.sub .peace .title span{ font-weight:bold; color:#444444; font-size:16px;}
.sub .peace .bottom{ background:url(/images/poem_peace_imgbg.jpg) no-repeat bottom left; padding:10px 0 25px 0;}
.sub .peace .title{ padding:30px 0 15px 37px; }
.sub .peace .grayfont { color:#e0e0e0;}


.sub .peace p{padding-left:35px;}

.sub .earthion{background:url(/images/poem_earthion_imgbg.jpg) no-repeat bottom left #7EC2EF;}
.sub .earthion .title{ padding:25px 0 20px 37px; }
.sub .earthion .title span{ font-weight:bold; color:#444444; font-size:16px;}
.sub .earthion .bottom{ padding:0px 0 50px 0;}
.sub .earthion p{padding-left:35px;}

.sub .earthion ol,.sub .brain ol{}
.sub .earthion ol li,.sub .brain ol li{ margin-bottom:20px; line-height:20px;}

.sub .earthion ol li span,.sub .brain ol li span{font-size:13px;}

.sub .brain{background:url(/images/poem_brain_imgbg.jpg) no-repeat bottom left #F3D200;}
.sub .brain .title{ padding:25px 0 20px 37px; }
.sub .brain .title span{font-weight:bold; color:#444444; font-size:16px;}
.sub .brain .bottom{  padding:0px 0 80px 0;}


/* books */
.sub .book_list{float:left;}
.sub .book_list dl{margin:15px 0; padding:0; float:left; width:600px;}
.sub .book_list dl dt{margin:0 0 25px 0; padding:5px 20px; font-weight:bold; font-size:14px; background:url(/images/dot_icon.jpg) no-repeat 0 50%; border-bottom:1px solid #82A3CD; border-top:1px solid #D4D4D4; color:#173690;}
.sub .book_list dl dd{margin:0 0 0 148px; padding:5px 0; color:#444; line-height:19px;}
.sub .book_list dl dd a img{ border:none; padding:0; vertical-align:middle;}
.sub .book_list dl dd.img{margin:0; padding:0;}
.sub .book_list dl dd.img img{float:left; margin:0 15px 0 0; }

/*  */
.sub .related_list{float:left;}
.sub .related_list dl{margin:15px 0 30px 0; padding:0; width:600px;}
.sub .related_list dl dt{margin:0 0 15px 0; padding:5px 20px; font-weight:bold; font-size:14px; background:url(/images/dot_icon.jpg) no-repeat 0 50%; border-bottom:1px solid #82A3CD; border-top:1px solid #D4D4D4; color:#173690;}
.sub .related_list dl dd{margin:0 0 0 18px; padding:0; color:#444; line-height:19px;}
.sub .related_list dl dd a img{ border:none; padding:5px 0; vertical-align:middle;}

/* language */
.sub .language{width:600px; height:375px; background:url(/images/language_bg.gif) no-repeat top left; position:relative;}

.germany{ position:absolute; z-index:11; top:103px; left:37px;}
.france{position:absolute; z-index:12;  top:98px; left:75px;}
.spain{position:absolute; z-index:13;  top:183px; left:38px;}
.italy{position:absolute; z-index:14;  top:152px; left:94px;}
.portugal{position:absolute; z-index:15;  top:208px; left:15px;}
.china{position:absolute; z-index:20;  top:111px; left:137px;}
.russia{position:absolute; z-index:16;  top:69px; left:222px;}
.english{position:absolute; z-index:17;  top:186px; left:444px;}
.korea{position:absolute; z-index:18;  top:186px; left:241px;}
.japan{position:absolute; z-index:19;  top:186px; left:279px;}

.language div a{font-size:12px; color:#444; text-decoration:none;}
.language div a:hover{font-size:12px; color:#444; text-decoration:underline;}
.ilchiMean{padding:5px 15px 10px 20px; margin-bottom:10px; line-height:18px; border:solid 3px #D6DEDD; background:#F7F9F9;}
.ilchiMean .title{font-size:15px; font-weight:bold; color:#369; line-height:32px;}
.ilchiMean .body{font-size:11px;}