@charset "utf-8";
/* CSS Document */

body{ background:  url("../images/cloud.png") no-repeat, url("../images/idxback.jpg") repeat-x; background-position: center top, left -80px; }
#wrap{width:1080px;margin:0px auto;color:#636363}
header{height:100px;position:relative;z-index:auto;}
#topmn { position:absolute;z-index:auto;top:10px;right:15px; font-size:95%; letter-spacing:-0.05em; color:#ccc; }
#topmn>a{ opacity:0.7; color:#fff; }
#topmn>a:hover{ opacity: 1; }
#topmn>a>img{ vertical-align:-2px; opacity:0.7 }
#topmn>a>img:hover{opacity:1 }
#logo{ margin-top: 20px; }

/*navigation*/
#nav {
	float:right;width:800px;height:40px;line-height:40px;display:block;margin-top:35px;border-top:1px solid #7c6dbf;font-family: "Noto Sans KR"; 
	background:#7c6dbf linear-gradient(#A89EDA, #7c6dbf);
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li:first-child>a{ margin-left: 35px !important; }
#nav>li>a {display:inline-block;margin:0px 25px 10px 25px; font-size:120%; font-weight:600; text-shadow: 1px 1px 1px #4e4090; color:#fff; opacity: 0.9; padding:0px 7px; letter-spacing:-0.05em;  }
#nav>li>a.nvon {  opacity: 1;  }
#nav>li>section{position:absolute;z-index:4;top:20px;line-height:35px; height:35px; display:none; background:#fff; border-radius:20px; font-size:115%;  padding:0px 10px; border:3px solid #7c6dbf;}
#nav>li>section>a{float:left;display:block;padding:0px 10px;letter-spacing:-0.03em; opacity:0.7}
#nav>li>section>a:hover{color:#7c6dbf; opacity:1}
.onm{ font-weight: bold; }

#anizone{ height:150px; position: relative; z-index:auto; }
.ani{ position: absolute; z-index: auto; }
#ani01{ left: 100px; top:-20px; }
#ani02{ right: 60px; top:0px; }
#ani03{ left: 130px; top:-30px; height: 200px; }
#ani04{ left: 330px; top:30px; font-family: "Nanum Gothic"; font-size: 110%; line-height: 160%; color:#8884d7; text-align: left; letter-spacing: -0.03em; }
#ani04>h1{ font-family: "Nanum Myeongjo"; font-size: 300%; color:#000; font-weight: normal; padding-bottom: 15px; text-indent: -5px; }

/*menu*/
aside {width:230px; float:left; min-height:350px; font-family: "Noto Sans KR"; }
#wLeft >h1 { 
	font-size:150%; font-weight: 500; border:1px solid #ddd; background: #fff; letter-spacing: -0.03em; height:37px; padding: 20px 0px; overflow: auto; color:#7c6dbf;
	border-top-left-radius: 50px; border-bottom-right-radius: 50px;
}
#wLeft >h1>p:first-child{ float: left; font-family: "Nanum Gothic"; font-size: 230%; font-weight: 400; font-style: italic; padding-left: 30px; padding-top: 8px; letter-spacing: -0.1em; }
#wLeft >h1>p:last-child{ float: left; padding-left: 10px; }
#wLeft >h1>p:last-child>span:last-child{ font-size: 70%; font-weight: 400; color:#999999; }

#realleft{ width: 230px; margin: 20px auto 40px auto; font-family: "Malgun Gothic"; letter-spacing: -0.03em; }
#realleft>a, #realleft>span{ display:block; padding-left:20px; line-height: 35px; font-size: 110%; border-bottom:1px solid #eee; }
#realleft>a.onm{ 
	background: #7C6DBF; color:#fff; font-weight: bold; border:0px;
	border-top-left-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 40px;
}
#wLeft >div>div>a, #wLeft >div>div>span{
	font-size: 110%; display:block; line-height: 35px; padding-left:30px; border-bottom:1px solid #ddd; border-radius: 20px;
	background:url(../images/ico_arrow1.png) no-repeat 20px 50% #fafafa; 
}
#wLeft >div>div>a.onm{ color:#7C6DBF;}

#ctsWrap { float:right; width:830px; min-height:400px; padding-left: 10px; padding-bottom: 30px; font-size: 115%; line-height: 160%;  }
#ctsWrap>h1 {
	font-family: "Noto Sans KR"; font-size:150%; font-weight: 500; border:1px solid #ddd; background: #fff; letter-spacing: -0.03em; height:37px; line-height: 37px; padding: 20px 0px 20px 40px;  color:#7c6dbf;
	border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border-top-right-radius: 50px; margin-bottom: 30px;
}
#ctsWrap>h1>span:first-child{ color: #64579E; }
#ctsWrap>h1>span:last-child{ display: inline-block; border-left: 1px solid #eee; margin-left: 20px; padding-left: 20px; color: #999; font-size: 65%; font-weight: normal; font-family: "Malgun Gothic"; }

footer { clear:both; overflow: auto; letter-spacing: -0.05em; }
footer>div:first-child{ 
	float: left; width: 228px; height: 60px; padding:20px 0px; text-align: center; border:1px solid #ddd;
	border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;
}
footer>div:last-child{ 
	float: right; width: 800px; height: 70px; padding:30px 0px 0px 28px; border:1px solid #ddd;
	border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border-top-right-radius: 50px; 
}
footer>div:last-child>p{ color:#999; }

/*error.php*/
#errMsgbox{ margin:30px 20px;}
#errMsgbox>hgroup>h6{ font-size:12px; color:#000; }
#errMsgbox>hgroup>h5{margin:10px 0px;padding:5px 0px;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc}
#errMsgbox>p{margin:15px 0px}

/*page*/
.page{ padding: 0px 10px; letter-spacing: -0.03em; word-break: keep-all; }
.page>h1{ font-family: "Noto Sans KR"; font-weight: 500; font-size: 180%; margin-bottom: 20px; }

.blimg{ border:1px solid #ddd; display: block; }
#pgz0101>h1{ color:#7C6DBF;}
#pgz0101>h2{ font-family: "Noto Sans KR"; font-size: 130%; font-weight: 500; color:#000; }
#pgz0101>h2+div{ margin-top: 10px; font-family: "Noto Sans KR"; font-size: 120%; font-weight: 500; line-height: 180%; color:#f26522 }

#pgz0102{ position: relative; }
#pgz0102>h1{ color:#000;}
#pgz0102>ul{ margin-left: 20px; }
#pgz0102>div:last-child{ margin-top: 20px; border:1px solid #ddd; padding: 20px 30px; background: #f7f7f7; border-radius: 5px; }
#pgz0102>div:last-child>h1{ font-size: 120%; margin-bottom: 10px; }
#ipic0102{ position: absolute; top:-15px; right:-0px; z-index: auto; }

#pgz0104{ width: 810px; height: 520px; background: url("../images/img0104.jpg") no-repeat; margin: auto; position: relative; }
#pgz0104>h1{ font-size: 170%; position: absolute; top:80px; left:70px; text-align: center }
#pgz0104>h1>span{ font-size: 60%; color:#bbb}
#pgz0104>p.tt{ width: 171px; height: 65px; line-height: 65px; text-align: center; text-shadow: 1px 1px 3px #000; color:#fff; font-family: "Noto Sans KR"; font-size: 120%; font-weight: 500;  position: absolute; z-index: auto; }
#ort01{top:8px; left:294px}
#ort02{top:89px; left:294px; }
#ort03{top:186px; left:28px; }
#ort04{top:186px; left:208px; } /*+180*/
#ort05{top:186px; left:388px; } /*+180*/
#ort06{top:186px; left:568px; } /*+180*/
#ort07{width: 337px !important; top:278px; left:123px;}
#ort08{width: 247px !important; top:278px; left:531px;}
#ort09{width: 512px !important; height: 130px; top:376px; left:5px; line-height: 65px !important; padding-top: 30px;}
#ort10{width: 281px !important; height: 130px; top:376px; left:521px; line-height: 65px !important; padding-top: 30px;}

#pgz0105>div{ overflow: auto; margin-bottom: 30px; }
#pgz0105>div:not(:last-child){  border-bottom: 1px solid #ddd; } 
#pgz0105>div>h1{ font-family: "Noto Sans KR"; font-weight: 500; font-size: 180%; margin-bottom: 20px; color:#000; }
#pgz0105>div>img{ display: block; border:1px solid #ccc; width: 260px; float: right; margin-bottom: 20px;}
#pgz0105>div>ul{ margin-left: 0px; list-style: none; float:left; width: 530px; margin-bottom: 20px; }
#pgz0105>div>ul>li{ padding: 5px;}
#pgz0105>div>ul>li:not(:last-child){ border-bottom:1px dotted #ddd;  }

#pgz0106{ text-align: center} 
#pgz0106>table{ border-top:2px solid #7C6DBF; }
#pgz0106>table td, #pgz0106>table th{ border:1px solid #ddd; padding: 7px 0px; text-align: center; }
#pgz0106>table th{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; background: #F3F2FA; color:#000; }
#pgz0106>img{ display: block; margin-top:20px; }

#pgz0107{ margin-top: 0px; }
#pgz0107>h1{ font-family: "Noto Sans KR"; font-size: 140%; font-weight: 400; border-bottom: 1px solid #e6e6e6; padding: 20px 0px; margin-bottom: 20px; color:#000;  text-align: center }
#pgz0107>div>h1{ font-size: 110%; padding-bottom: 5px; }

#pgz030301>h1{ color:#7C6DBF;}

#pgz030303{ background: url("../images/img030303.jpg") no-repeat top right; }
#pgz030303>a{ display: block;  border-bottom: 1px dotted #ccc; padding: 20px 10px; }
#pgz030303>a:hover{ color:#636363; }
#pgz030303>a>h1{ font-family: "Nanum Myeongjo"; font-size: 150%; font-weight: bold; color:#000;}
#pgz030303>a>h2{ font-family: "Nanum Myeongjo"; font-size: 150%; font-weight: bold; color:#000; padding-bottom: 20px; }
#pgz030303>a>div{ padding-left: 20px;}
#pgz030303>a>div>h3{ font-family: "Nanum Myeongjo"; font-size: 110%; font-weight: bold; color:#000; padding-bottom: 10px; }

#pgz0304>h1 { font-family: "Nanum Myeongjo"; font-size: 200%; font-weight: bold; color:#7C6DBF;}
#pgz0304>h2 { font-family: "Nanum Myeongjo"; font-size: 130%; font-weight: bold; color:#000; padding-bottom: 20px; line-height: 180%; letter-spacing: -0.05em;}

.blockbold{ background: #7C6DBF; color:#fff; font-weight: bold; }
.ctbold{ text-align: center; font-weight: bold; }
table.lfcc{ margin-bottom: 20px; border-top:2px solid #7C6DBF; }
table.lfcc colgroup{ display: table-column-group; }
table.lfcc col:first-of-type{ background:#f7f7f7; display: table-column; text-align: center; }

table.diary { border-top:2px solid #7C6DBF; }
table.diary tr:nth-child(odd) { background-color: #f7f7f7; }
table.diary tr:nth-child(even) { background-color: #fff; min-height: 110px; }
table.diary td{ width: 33.33%; text-align: center; }
table.diary td>ul{ text-align: left; margin-left: 20px; }

.history { border-top:2px solid #7C6DBF; width:100%; margin-top:10px;}
.history tr>td { border-right:1px dotted #ccc; border-bottom:1px solid #ddd;padding:10px; vertical-align: middle;}
.history tr>td:first-child { text-align:center; font-size:2em; letter-spacing:-0.07em; color:#000; font-weight:bold; font-family: "Lusitana" }
.history tr>td:last-child { border-right:0px; }
.history tr>td>p{ text-indent: -35px;padding-left: 35px }