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

body{ background: url(../images/pgback.jpg) no-repeat 50% 110px; }

#wrap{width:1080px;margin:0px auto;color:#636363}
header{height:110px;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>img{ vertical-align:-2px; opacity:0.7 }
#topmn>a>img:hover{opacity:1 }

/*navigation*/
#nav {float:right;width:750px;height:40px;line-height:40px;display:block;margin-top:55px;}
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li>a {display:inline-block;margin:0px 30px 10px 30px; font-family: "Noto Sans KR"; font-size:150%; font-weight:500; color:#000; padding:0px 7px; letter-spacing:-0.05em}
#nav>li>a.nvon { color:#F05523 !important; }

#logo{ display: block; padding-top: 25px; }

#anizone{ height: 181px; width: 100%; position: relative; }
#anizone>div{ font-family: "Cute Font"; font-size: 30px; line-height: 100%; text-align: center; color: #fff; position: absolute; bottom: 0px; right: 50px; text-shadow:3px 3px 3px black; opacity: 0; }
#anizone>div>span:first-child{ font-size: 42px; color:#fff19d}
#anizone>div>span:nth-child(2){ font-size: 42px; color:#69faff}

/*contants*/
#ctsWrap { min-height:400px; font-size: 115%; line-height: 160%; padding-bottom: 30px; }
#ctsWrap>h1 { margin:15px 0px; border-bottom: 1px solid #e5e5e5; padding: 10px 0px; font-family: "Noto Sans KR"; font-size: 160%; font-weight: 500; color:#000; letter-spacing: -0.03em; }
#ctsWrap>h1>img { vertical-align: text-bottom ; }

footer { height:160px; background: url(../images/bottomback.jpg) repeat-x; border-top:1px solid #ddd; }
footer>div:first-child { width:1080px; margin: 20px auto; }
footer>div>img:first-child{ display: blockb; float: left; margin-right: 20px;}
footer>div:first-child>div{ float: left; color:#707070; padding:30px 0px; }
footer>div:first-child>div>p{ margin-top: 5px; }

/*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 layout*/
.pgzone{ word-break:keep-all; }
.pgzone>h1{ font-family: "Noto Sans KR"; font-size: 150%; font-weight: 500; margin:20px 0px 15px 0px;  }
.pgzone>h1>img{ vertical-align:middle; }
.pgzone ul{ margin-left: 20px; }
.pgzone table{ width:100%;}

#pgw01>h1{ margin-bottom: 20px; }
#pgw01>div>div{ border:1px solid #ccc; padding: 9px; margin:15px 0px; }
#pgw01>div>div>img{ display: block; }

#pgw02>h1{ color:#000; text-align: center; font-size: 140%; border-bottom: 1px dotted #ccc; padding-bottom: 15px; margin-bottom: 15px; }

#pgw03>table{ border-top:1px solid #555555; border-bottom: 1px solid #ccc; margin:10px 0px; }
#pgw03>table tr>th{ font-family: "Noto Sans KR"; font-weight: 500; font-size: 120%; padding: 10px 20px; border-bottom: 1px solid #ddd; background: #f7f7f7; }
#pgw03>table tr>th:not(:first-child){ border-left: 1px solid #ddd; }
#pgw03>table tr>td{ padding: 10px 20px; border-bottom: 1px solid #ddd; }
#pgw03>table tr>td:not(:first-child){ border-left: 1px solid #ddd; }
#pgw03>table tr>td:first-child{ background: #F3F1F0; text-align: center;  }

#pgmoviez{ height: 600px; padding: 9px ; border:1px solid #d9d9d9; position: relative; z-index: auto; }
#pgmoviez>img { position: absolute; top:9px; left:9px; z-index: auto; }
#pgbnwrap{ border:1px solid #d9d9d9; margin-top:10px; background: #f5f5f5; padding: 9px 7px; }
#pgBn{ overflow: auto; }
#pgBn>a{ display: block; opacity: 0.5; float: left; width: 10.55%; padding: 2px 2px; }
#pgBn>a:first-child{ opacity: 1; }
#pgBn>a>img{  display: block; width: 100%;  }