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

body{ background: url("../images/pgback.jpg") repeat-x; }
#wrap{width:1080px;margin:0px auto;color:#636363}

header{height:90px;position:relative;z-index:auto;}
#topmn { position:absolute; z-index:auto; top:0px; right:5px; letter-spacing:-0.02em; background:#17416c; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:4px 10px; color:#fff;  }
#topmn>a{ font-size:90%; color:#fff;opacity:0.5; background:transparent; padding:0px; line-height:100%;border:0px; vertical-align:text-bottom; }
#topmn>a:hover { opacity:1; cursor:pointer }
#logo { display:block; padding:15px 0px 0px 10px; }

/*navigation*/
#nav {float:right;width:750px;height:40px;line-height:40px;display:block;margin-top:40px;}
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li>a {display:inline-block;margin:0px 15px 10px 15px; font-size:140%; font-family: "Noto Sans kR"; font-weight:500; color:#464646; padding:0px 35px; letter-spacing:-0.05em}
#nav>li>a.nvon { color:#0c5684 !important; }
#nav>li>section{position:absolute;z-index:4;top:20px;line-height:35px; height:35px; display:none; background:#17416c; border-radius:30px; font-size:120%; padding:0px 10px }
#nav>li>section>a{float:left;display:block;padding:0px 10px;font-weight:bold;letter-spacing:-0.03em;color:#fff; opacity:0.7}
#nav>li>section>a:hover{color:#fff; opacity:1}

#anizone{ height: 150px; background: url("../images/ani01.png") no-repeat; background-position: center; position: relative; z-index: 2;}
#anizone>img{ display: block; }
#ani01{ position: absolute; z-index: auto; top:0px; left: -20px; opacity: 0;}
#ani02{ position: absolute; z-index: auto; top:0px; right: -20px; opacity: 0}
#ani03{ position: absolute; z-index: auto; top:70px; left: 440px; text-align: center; font-family: "Noto Sans KR"; font-size: 120%; opacity: 0; }

/*menu*/
aside { position: relative; z-index: 3; width:230px;float:left; min-height:350px; } 
#wLeft { position: absolute; z-index: auto; top:-50px; width: 100%; background: #1c5084; border-radius: 25px; }
#wLeft >h1 { text-align:center;color:#fff; font-size:135%; font-family: "Noto Sans KR"; font-weight: 500; line-height: 50px; }
#realleft{ margin:1px; border-radius: 25px; padding: 30px 10px; background: #fff; min-height: 300px; font-size: 115%; }
#realleft>a, #realleft>span{ display: block; padding:5px 0px 5px 20px; line-height: 200%; border-bottom:1px dotted #ccc;  }
.onm{ font-weight: bold; color:#fff !important; background: #1C5084; border-radius: 20px;  }

#ctsWrap { float:right; width:800px; min-height:400px; font-size: 115%; }
#ctsWrap>h1 { margin:10px 0px 20px 0px; font-family: "Noto Sans KR"; font-size: 150%; font-weight: 500; line-height: 250%; color:#000; border-bottom: 1px solid #ddd; }

.page{ line-height: 170%; word-break: keep-all; }
.page>h1{ font-family: "Noto Sans KR"; font-weight: 300; font-size: 200%; padding: 20px 0px 20px 0px; color:#000; }
.page>ul>li{ margin-left: 15px; padding: 3px 0px; }

footer { clear:both; border-top:1px solid #ddd;}
#fwrap{ width:1080px; margin:20px auto; overflow:auto }
#fwrap > img:first-child { float:left; display:block; padding:0px 20px; }
#fwrap > div { float:right; width:850px; color:#555; font-size:97%; }
#fwrap > div >p{ padding:10px 0px; color:#999; }
#fwrap > img:last-child { float:right; display:block; width:67px }

/*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}

/*pagezone*/
.loadImgz{ position: relative; z-index: auto; background: #fff; border:1px solid #ccc; padding: 9px; overflow: hidden; }
.loadImgz>img{ display: block; }

.h1div{ margin-bottom: 30px; }
.h1div>h1{ color:#000; font-family: "Noto Sans KR"; font-size: 120%; font-weight: 400; padding:10px 0px; }

#pgz0101 span{ color:#0C57A3 }
#pgz0101>div:last-of-type{ text-align: right; font-family: "Noto Sans KR"; font-size: 130%; margin-bottom: 20px; padding: 20px 0px; }
#pgz0101>div:last-of-type>span{ font-family: "Nanum Myeongjo"; font-weight: 700; font-size: 180%; color:#000; }

#pgz0102 { font-family: "Noto Sans KR"; font-size: 130%; text-align: center; padding-top: 20px;  }
#pgz0102>span{ color:#1C5084; }

#pgz0103>h1{ font-size: 140%; font-weight: 400; border-bottom: 1px solid #e6e6e6; padding: 20px 0px; margin-bottom: 20px; color:#000; text-align: center;}

.trip>img {display: block; border:1px solid #ddd; float: left; margin:0px 25px 10px 0px; }
.trip>ul{ border-top:1px dotted #ccc; margin: 20px 0px; padding: 20px 0px; }
.trip>ul>li>label{ display: inline-block; width: 80px; font-weight: bold; color:#358701; }

#pgz0304>ul, #pgz0305>ul{ clear:left; }