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

body{
    background-image: url('../images/topmnback.gif'), url('../images/pgback01.gif'), url('../images/pgfootback.gif');
    background-repeat: no-repeat,  no-repeat, repeat-x;
    background-position: 100% 0%, calc(50% - 190px) 0%, 0% 100%;
    background-size: calc(50% - 540px) 30px, auto, 1px auto;    
}

#wrap{ width:1120px;margin:0px auto; color:#636363; }
header{height:150px;position:relative;z-index:auto; background:url('../images/pgback02.gif') no-repeat calc(100% - 50px) 100%; }
#topmn { position:absolute;z-index:auto;top:0px;right:0px; font-size:95%; letter-spacing:-0.05em; color:#ccc; background: #9bb70d; height:30px; line-height: 30px; padding:0px 10px; border-bottom-left-radius: 10px; }
#topmn>a{ color:#fff; opacity:0.7; display: inline-block; padding:0px 5px; }
#topmn>a>img{ vertical-align:-2px;  }
#topmn>a>img:hover{opacity:1 }

/*navigation*/
#nav {float:right;width:600px;display:block;margin-top:55px;}
#nav>li{list-style:none;float:left;position:relative;z-index:3; font-family: "Noto Sans KR";  }
#nav>li>a {display:inline-block; width:100px; border-left: 1px solid #e6e6e6; padding:0px 25px 0px 20px; margin-bottom:20px; font-size:17px; font-weight:500; color:#000; letter-spacing:-0.05em; }
#nav>li>a.nvon { color:#9BB70D; animation-name: nvonmovie; animation-duration: 0.5s;}
@keyframes nvonmovie {
    from {color: #000;}
    to {color: #9BB70D;}
}
#nav>li>a>span{ font-family: "Malgun Gothic"; font-size: 75%; font-weight: normal; color:#999; }
#nav>li>section{
    position:absolute;z-index:4;top:40px; line-height:35px; height:35px; display:none; font-size: 110%; font-weight:400;
    background:#9CB70F; border-radius:20px; padding:0px 10px 
}
#nav>li>section>img{ position: absolute; top:-7px; }
#nav>li>section>a{float:left;display:block;padding:0px 10px; letter-spacing:-0.03em;color:#fff; opacity:0.7}
#nav>li>section>a:hover{color:#fff; opacity:1}
#logoz{ display: block; padding-top:42px; }

/*menu*/
aside {width:235px;float:left; min-height:350px; letter-spacing: -0.03em; }
#wLeft >h1 { 
    color:#000; font-family: "Noto Sans KR"; font-size:140%; font-weight: 500; color:#96B300; padding:15px 0px 15px 15px; margin-bottom: 20px; background: url("../images/lefttback.png") no-repeat 97% 0px;
    border-bottom:2px solid #9BB70D; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
}
#wLeft >h1>span{ color:#888; font-size: 70%; }
#wLeft >div>a, #wLeft >div>span {display:block; border-bottom:1px dotted #ddd; background:#fff; font-size: 110%; line-height: 35px; padding-left: 10px; letter-spacing: -0.05em; font-weight: bold;}
#wLeft >div>a.onm{ font-weight: bold; color:#fff; border-radius: 5px; padding-left: 30px; background:#9BB70D url("../images/yarrow.png") no-repeat 13px 9px; }
#wLeft >div>a:hover:not(.onm){ color:#9BB70D;  }
#wLeft >div>div>a, #wLeft >div>div>span{display:block; padding:5px 15px; border-bottom:1px dotted #ddd;background:#f7f7f7}

#lfquick{ background: #EAEADE url('../images/lfquickback.png') no-repeat bottom right; height: 140px; margin-top: 20px; border-radius: 5px; }
#lfquick>h1{ padding:30px 0px 0px 20px; font-size: 135%; color:#96B300;   }
#lfquick>h1>p{ font-size: 80%; color:#555; padding-left: 10px;font-weight:normal; }
#wLeft>#lfquick>div{ background:#EDB715; width: 130px ; text-align: center; border-radius: 20px; margin: 15px 0px 0px 15px; }
#wLeft>#lfquick>div>a{ display: inline-block; color:#fff; background: inherit; border:0px; padding:3px;  }
#chkadm{ text-align: center; line-height: 200%; font-family: "Noto Sans KR"; font-size: 115%; margin-top:10px}

#ctsWrap { float:right; width:800px; padding:10px 30px 30px 30px; min-height:500px; border:1px solid #ddd; border-radius: 5px; margin-bottom: 40px; background: #fff; font-size: 115%;  word-break: keep-all; }
#ctsWrap>h1 { margin:0px 0px 20px 0px; font-size: 160%; font-family: "Noto Sans KR"; font-weight: 500; border-bottom: 1px solid #ddd; padding:20px 20px 20px 20px; color:#000; background: url('../images/barrow.png') no-repeat 0% 50%; }

footer { clear:both; height:100px; border-top:1px solid #D2D2C7; overflow: auto; padding:20px 0px; letter-spacing: -0.03em; line-height: 170%; font-size: 100%;  }
footer>img{ display: block; float:left; padding:0px 0px 0px 20px; }
footer>div{ float: right; width: 850px; opacity: 0.8;}
footer>div>div{ margin-top: 10px; opacity: 0.7; }

/*site class*/
.pgw{ letter-spacing: -0.03em; line-height: 160%; padding-bottom: 30px; }
.textgreen{ color:#8BA600; font-weight: bold; }
a.bnSG { display:inline-block; padding: 10px 50px 10px 30px; border-radius: 30px; background: #EDB715 url('../images/warrow.png') no-repeat 85% 50%; color:#fff; font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; text-shadow: 1px 1px 1px #BE8900; }
.footbold{ text-align: right; padding: 20px 0px; color:#000;}

.divtype{ margin:10px auto 30px auto; padding-top:10px; }
.divtype:not(:first-of-type){ margin:30px auto; border-top:1px dotted #ccc; }
.divtype>h1{ font-family: "Noto Sans KR"; font-size: 120%; font-weight: 500; padding: 10px 20px; background:url('../images/garrow.png') no-repeat 0% 50%; }
.divtype>p{ padding-left:20px; }
.divtype>ul{ margin-left:40px; }

.divtype2{ padding: 15px 0px; overflow: auto;}
.divtype2>h1{ font-size: 130%; font-weight: 500; font-family: "Noto Sans KR"; line-height: 160%; padding: 10px 0px;}

.boxtype1{ 
    border: 1px solid #ccc; border-top:2px solid #000; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding:10px 20px;float: left; 
    background:#f5f5f5 linear-gradient(#ffffff, #f5f5f5);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5));
	background:-moz-linear-gradient(top, #ffffff, #f5f5f5);
}
.boxtype1>h1{ font-family: "Noto Sans KR"; font-size: 115%; font-weight: 500; border-bottom:1px solid #ddd; padding: 5px 0px; }
.boxtype1>div{ padding: 10px 0px; font-size: 95%; letter-spacing: -0.03em; }

.roundbox{ overflow: auto; }
.roundbox>div{ 
    /* float: left; height: 100px; */ border:1px solid #ccc; border-radius: 30px 100px 100px 30px; padding: 10px 30px 10px 30px; text-align: left; margin-bottom: 0.5em;
}
.roundbox>div>h1{ font-family: "Noto Sans KR"; font-size: 130%; color:#9BB70D; padding-bottom: 10px; border-bottom:1px solid #ddd; font-weight: 500; }
.roundbox>div>p{ padding-top:10px;}
.roundbox>img{ display:block; padding: 10px 0px; transform: rotate(90deg); margin: auto; }

.boxdesc{ background:#f7f7f7; padding: 20px; border:1px solid #ddd; border-radius: 5px; }
.descstrong{ font-family:'Nanum Pen Script'; font-size: 200%; font-style: italic; font-weight: normal; }

.boxtable{ border:1px solid #ddd; padding:10px;}
.boxtable>table{ width: 100%; text-align: center; line-height: 160%;}
.boxtable>table>thead{ background:#f7f7f7; }
.boxtable>table th{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500;  }
.boxtable>table th, .boxtable>table td { padding:7px 0px; }
.boxtable>table td:not(:last-child), .boxtable>table th:not(:last-child){ border-right: 1px solid #ddd; }
.boxtable>table tr:not(:last-child)>td, .boxtable>table th { border-bottom: 1px solid #eee; }

/*site layout*/
#pgw01_01>h1{font-family:'Nanum Pen Script'; font-size: 250%; line-height: 250%; font-weight: normal; color:#9BB70D; }
#pgw01_01>p.footbold{font-family:'Nanum Pen Script';  font-size: 220%; line-height: 220%;}

#pgw01_01>div:last-child{ background: rgba(0, 0, 0, 0.02); padding: 2em; border-radius: 1em; border:1px solid rgba(0, 0, 0, 0.1); }

#pgw01_02{ position: relative; z-index: auto; background: url('../images/img0102.jpg') no-repeat 78px 70px; min-height: 400px; }
#pgw01_02>p.tt{ 
    position: absolute; z-index: auto; width:170px; border:5px solid #fff; background:#8BA600 url("../images/ptc100px.png"); border-radius: 30px; line-height: 50px; box-shadow: 2px 2px 5px #ccc;
    text-align: center; color:#fff; font-family: "Noto Sans KR"; font-weight: 500; font-size: 120%; text-shadow: 1px 1px 1px #647800;
}
#pgw01_02>p.tst{ 
    position: absolute; z-index: auto; width:145px; border:5px solid #fff; background:#385478 url("../images/ptc100px.png"); border-radius: 30px; line-height: 50px; box-shadow: 2px 2px 5px #ccc;
    text-align: center; color:#fff; font-family: "Noto Sans KR"; font-weight: 500; font-size: 120%; text-shadow: 1px 1px 1px #105A59;
}
#ort01{ top:30px; left: 70px;}
#ort02{ top:150px; left: 70px;}
#ort03{ top:320px; left: 0px;}
#pgw01_02 > #ort04{ top:320px; left: 160px; background-color: #376A77;}
#pgw01_02 > #ort05{ top:320px; left: 320px; background-color: #268584;}
#pgw01_02 > #ort06{ top:320px; left: 480px; background-color: #25845A;}
#pgw01_02 > #ort07{ top:320px; left: 640px; background-color: #5EA30D}
#ortdesc{ position: absolute; z-index: auto; top:70px; left:280px;}
#ortdesc>h1{ font-family: "Lusitana"; font-size: 280%;  line-height:90% ; color:#96B300;  }
#ortdesc>h1>span{ font-size: 80% ; color:#000; }
#ortdesc>ul{ margin:20px 0px 0px 40px; font-family: "Noto Sans KR"; font-size: 115%; font-weight: 400; }

#pgw01_03{ overflow: auto;}
#pgw01_03>#tab{ margin-bottom: 40px;}
#pgw01_03>#tab>a>select{ padding: 0px; border:0px; background: inherit; }
.yeartt{ font-family: "Lusitana"; font-size: 250%; font-weight: bold; color:#000; float:left; margin:20px 30px; width:67px; text-align: center; }
.pdt30{ clear:both;}
#pgw01_03>ul{ float: left; width: 630px; border-left: 1px dotted #ccc; padding-left: 40px;  }
#pgw01_03>ul>h1{ font-family: "Noto Sans KR"; font-size: 140%; font-weight: 500; text-indent: -20px; margin:20px 0px 20px 0px; color:#000;line-height: 200%; }
#pgw01_03>ul>h1:not(:first-of-type){ margin-top:40px; }

#pgw01_04{ display: flex; flex-wrap: wrap;  }
#pgw01_04>div{
    flex: 1 1 160px; display: flex; justify-content: center; align-items: center;
    text-align: center; border:1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; height: 3em; padding:7px 10px; margin:4px 0px; font-family: "Noto Sans KR"; font-weight: 400; color:#000;  font-size: 110%;
    background:#f1f1f1 linear-gradient(#ffffff, #f7f7f7); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); ;
}
#pgw01_04>div:not(:nth-of-type(4n)){ margin-right:7px; }
#pgw01_04>div>p{ line-height: 130%; display: inline-block; vertical-align: middle; }

#daumRoughmapContainer1604904392463{ height: 450px; margin:10px auto 10px auto;}
#pgw01_06>h1 { padding:20px 0px;font-family: 'Noto Sans KR'; font-weight: 500; font-size: 130%; text-align: center; line-height: 160%; color:#333; border-bottom: 1px dotted #ccc; }

#pgw02_01{ overflow: auto;}
#pgw02_01>.boxtype1{ width: 27%; height: 220px; margin-bottom: 10px;}
#pgw02_01>.boxtype1>h1{ background: url("../images/garrow.png") no-repeat 0% 50%; padding-left: 20px; color:#000; }
#pgw02_01>.boxtype1:not(:nth-of-type(3n)){ margin-right: 10px;}

#pgw02_02{ overflow: auto;}
#pgw02_02>div{ 
    /* width: 185px; height: 150px; box-shadow: 1px 1px 3px #aaa; margin-bottom: 20px;   */
    border:4px solid #eee; background-color: #f7f7f7; 
}

#pgw02_03{ overflow: auto;}
#pgw02_03>.descstrong{ border-bottom: 1px dotted #ccc; padding-bottom: 20px;  }
#pgw02_03>.descstrong>span{ color:#9bb70d; }
#pgw02_03 .boxtable{ border:2px solid #9BB70D; border-radius: 5px;}
#pgw02_03 .boxtable th{ background:#EAEADE; }
#pgw02_03 .boxtable+ul{ margin-top:10px; }
#pgw02_03>div.divtype:last-of-type>ul>li{ padding:5px 0px;}

#pgw03_01>.descstrong{ border-bottom: 1px dotted #ccc; padding-bottom: 20px; margin-bottom: 20px; }
#pgw03_01>.descstrong>span{ color:#9bb70d; }
#pgw03_01>.boxtype1{ width: 27%; height: 350px; margin-bottom: 10px;}
#pgw03_01>.boxtype1>h1{ background: url("../images/garrow.png") no-repeat 0% 50%; padding-left: 20px; color:#000; }
#pgw03_01>.boxtype1:not(:nth-of-type(3n)){ margin-right: 10px;}

#pgw03_02>.descstrong{ border-bottom: 1px dotted #ccc; padding-bottom: 20px; margin-bottom: 20px; }
#pgw03_02>.descstrong>span{ color:#9bb70d; }
#pgw03_02>.roundbox>div{ 
    /* width: 185px; height: 170px; margin-bottom: 20px; box-shadow: 1px 1px 3px #aaa;  */
    border:4px solid #eee; background-color: #f7f7f7; 
}

#pgw03_03>.descstrong{ border-bottom: 1px dotted #ccc; padding-bottom: 20px;  }
#pgw03_03>.descstrong>span{ color:#9bb70d; }
#pgw03_03 .boxtable{ border:2px solid #9BB70D; border-radius: 5px;}
#pgw03_03 .boxtable th{ background:#EAEADE; }
#pgw03_03 .boxtable+ul{ margin-top:10px; }

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