<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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&gt;a{ color:#fff; opacity:0.7; display: inline-block; padding:0px 5px; }
#topmn&gt;a&gt;img{ vertical-align:-2px;  }
#topmn&gt;a&gt;img:hover{opacity:1 }

/*navigation*/
#nav {float:right;width:600px;display:block;margin-top:55px;}
#nav&gt;li{list-style:none;float:left;position:relative;z-index:3; font-family: "Noto Sans KR";  }
#nav&gt;li&gt;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&gt;li&gt;a.nvon { color:#9BB70D; animation-name: nvonmovie; animation-duration: 0.5s;}
@keyframes nvonmovie {
    from {color: #000;}
    to {color: #9BB70D;}
}
#nav&gt;li&gt;a&gt;span{ font-family: "Malgun Gothic"; font-size: 75%; font-weight: normal; color:#999; }
#nav&gt;li&gt;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&gt;li&gt;section&gt;img{ position: absolute; top:-7px; }
#nav&gt;li&gt;section&gt;a{float:left;display:block;padding:0px 10px; letter-spacing:-0.03em;color:#fff; opacity:0.7}
#nav&gt;li&gt;section&gt;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 &gt;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 &gt;h1&gt;span{ color:#888; font-size: 70%; }
#wLeft &gt;div&gt;a, #wLeft &gt;div&gt;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 &gt;div&gt;a.onm{ font-weight: bold; color:#fff; border-radius: 5px; padding-left: 30px; background:#9BB70D url("../images/yarrow.png") no-repeat 13px 9px; }
#wLeft &gt;div&gt;a:hover:not(.onm){ color:#9BB70D;  }
#wLeft &gt;div&gt;div&gt;a, #wLeft &gt;div&gt;div&gt;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&gt;h1{ padding:30px 0px 0px 20px; font-size: 135%; color:#96B300;   }
#lfquick&gt;h1&gt;p{ font-size: 80%; color:#555; padding-left: 10px;font-weight:normal; }
#wLeft&gt;#lfquick&gt;div{ background:#EDB715; width: 130px ; text-align: center; border-radius: 20px; margin: 15px 0px 0px 15px; }
#wLeft&gt;#lfquick&gt;div&gt;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&gt;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&gt;img{ display: block; float:left; padding:0px 0px 0px 20px; }
footer&gt;div{ float: right; width: 850px; opacity: 0.8;}
footer&gt;div&gt;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&gt;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&gt;p{ padding-left:20px; }
.divtype&gt;ul{ margin-left:40px; }

.divtype2{ padding: 15px 0px; overflow: auto;}
.divtype2&gt;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&gt;h1{ font-family: "Noto Sans KR"; font-size: 115%; font-weight: 500; border-bottom:1px solid #ddd; padding: 5px 0px; }
.boxtype1&gt;div{ padding: 10px 0px; font-size: 95%; letter-spacing: -0.03em; }

.roundbox{ overflow: auto; }
.roundbox&gt;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&gt;div&gt;h1{ font-family: "Noto Sans KR"; font-size: 130%; color:#9BB70D; padding-bottom: 10px; border-bottom:1px solid #ddd; font-weight: 500; }
.roundbox&gt;div&gt;p{ padding-top:10px;}
.roundbox&gt;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&gt;table{ width: 100%; text-align: center; line-height: 160%;}
.boxtable&gt;table&gt;thead{ background:#f7f7f7; }
.boxtable&gt;table th{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500;  }
.boxtable&gt;table th, .boxtable&gt;table td { padding:7px 0px; }
.boxtable&gt;table td:not(:last-child), .boxtable&gt;table th:not(:last-child){ border-right: 1px solid #ddd; }
.boxtable&gt;table tr:not(:last-child)&gt;td, .boxtable&gt;table th { border-bottom: 1px solid #eee; }

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

#pgw01_01&gt;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&gt;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&gt;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 &gt; #ort04{ top:320px; left: 160px; background-color: #376A77;}
#pgw01_02 &gt; #ort05{ top:320px; left: 320px; background-color: #268584;}
#pgw01_02 &gt; #ort06{ top:320px; left: 480px; background-color: #25845A;}
#pgw01_02 &gt; #ort07{ top:320px; left: 640px; background-color: #5EA30D}
#ortdesc{ position: absolute; z-index: auto; top:70px; left:280px;}
#ortdesc&gt;h1{ font-family: "Lusitana"; font-size: 280%;  line-height:90% ; color:#96B300;  }
#ortdesc&gt;h1&gt;span{ font-size: 80% ; color:#000; }
#ortdesc&gt;ul{ margin:20px 0px 0px 40px; font-family: "Noto Sans KR"; font-size: 115%; font-weight: 400; }

#pgw01_03{ overflow: auto;}
#pgw01_03&gt;#tab{ margin-bottom: 40px;}
#pgw01_03&gt;#tab&gt;a&gt;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&gt;ul{ float: left; width: 630px; border-left: 1px dotted #ccc; padding-left: 40px;  }
#pgw01_03&gt;ul&gt;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&gt;ul&gt;h1:not(:first-of-type){ margin-top:40px; }

#pgw01_04{ display: flex; flex-wrap: wrap;  }
#pgw01_04&gt;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&gt;div:not(:nth-of-type(4n)){ margin-right:7px; }
#pgw01_04&gt;div&gt;p{ line-height: 130%; display: inline-block; vertical-align: middle; }

#daumRoughmapContainer1604904392463{ height: 450px; margin:10px auto 10px auto;}
#pgw01_06&gt;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&gt;.boxtype1{ width: 27%; height: 220px; margin-bottom: 10px;}
#pgw02_01&gt;.boxtype1&gt;h1{ background: url("../images/garrow.png") no-repeat 0% 50%; padding-left: 20px; color:#000; }
#pgw02_01&gt;.boxtype1:not(:nth-of-type(3n)){ margin-right: 10px;}

#pgw02_02{ overflow: auto;}
#pgw02_02&gt;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&gt;.descstrong{ border-bottom: 1px dotted #ccc; padding-bottom: 20px;  }
#pgw02_03&gt;.descstrong&gt;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&gt;div.divtype:last-of-type&gt;ul&gt;li{ padding:5px 0px;}

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

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

#pgw03_03&gt;.descstrong{ border-bottom: 1px dotted #ccc; padding-bottom: 20px;  }
#pgw03_03&gt;.descstrong&gt;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&gt;hgroup&gt;h6{ font-size:12px; color:#000; }
#errMsgbox&gt;hgroup&gt;h5{margin:10px 0px;padding:5px 0px;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc}
#errMsgbox&gt;p{margin:15px 0px}</pre></body></html>