@charset "utf-8";
@-ms-viewport {
  width: device-width;
}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: normal;
  src: url('/font/NanumBarunGothic.eot'); 
  src: local('?'), url('/font/NanumBarunGothic.woff') format('woff'), url('/font/NanumBarunGothic.ttf') format('truetype'); 
  font-size:20pt;
}

.barun{ font-family: 'NanumBarunGothic';}
.nanum{ font-family: 'Nanum Gothic';}

* {margin:0; padding:0; font-family:'NanumBarunGothic', 'Times New Roman', 'sans-serif'; font-size:9pt; color:#333; vertical-align:top;}

form {display:inline; margin:none;}
img, fieldset {border:0;}
li {list-style:none;}
em {font-style:normal;}
input, select {vertical-align:middle;}
select {height:22px; border:solid 1px #e6e6e6;}
caption {display:none;}
table {border-collapse:collapse;}
textarea {border:1px solid #e6e6e6; padding:5px; color:#666;}
legend {font-size:0; position:absolute; left:-5000px;}
a:link, a:active, a:visited, a {text-decoration:none;}
a:hover {text-decoration:underline;}
a {selector-dummy:expression(this.hideFocus=true);}
label {color:#5a5a5a; font-size:12px;}
button {background:none; border:0; cursor:hand; cursor:pointer;}
.invisible {position:absolute; left:-5000px;}
.underline {text-decoration:underline;}
.fontsize12 {font-size:12px}
.fontsize11 {font-size:11px}
.fontsize10 {font-size:10px}
.fontsize9 {font-size:9px}

#main{position: relative;width:1004px; padding-top:14px; margin:0 auto;}
#main .topright{ width:100%;text-align:right;right:0;display:block;}
#main .logo{clear:both;position:relative;width:1004px;text-align:center;padding-top:19px;padding-bottom:30px;margin:0 auto;}
#main .topright ul{ list-style:none;}
#main .topright li{ display:inline;list-style:none;height:15px;vertical-align:middle;}
#main .gnb { border-top:2px solid #111010; border-bottom:2px solid #111010;height:40px;width:100%;}
#main .gnb ul{ list-style:none;}
#main .gnb li{ display:inline-block;padding-top:12px;color:#111010;font-size:1em;}
#main .gnb li a{ color:#111010;font-size:1em;}
#main .gnb .menul{ vertical-align:middle;padding-left:30px;padding-right:20px;float:left;}
#main .gnb .menur{ vertical-align:middle;padding-right:20px;float:right;}

#main .gnb img{ border:0;margin:0;padding:0;}
#main .contents { min-height:500px;padding:20px;}



#main .footer { width:964px;border-top:1px solid #222; height:40px;padding:20px;color:#222;text-align:left;line-height:180%; float:left;font-size:0.9em;}
#owl-demo .item img{    display: block;    width: 100%;    height: auto;}
.adminlogin{border: 2px solid #555555;width:240px;height:280px;padding:40px; margin:80px auto;}
.adminmenu{width:100%;height:20px;padding-bottom:15px;text-align:center;}
.adminmenu ul{ list-style:none;}
.adminmenu li{ display:inline;list-style:none;margin-left:20px;margin-right:20px;text-align:center;}
.admincontents{width:100%;min-height:600px;padding-top:30px;}
.tableform{width:100%;min-height:400px; margin:20px auto;}
.adminlogin span{height:20px;width:50px;padding-top:15px;display:block;}
.input1{font-size:10pt;height:19px;color:#333;border: 1px solid #666;vertical-align:middle;width:98%;padding-left:3px;margin:0;padding-top:3px;}
.input2{font-size:10pt;height:30px;;vertical-align:middle;width:70%;padding-left:3px;margin:0;}
.input3{font-size:9pt;height:20px;;vertical-align:middle;padding-left:3px;margin:0;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #666;}
.stitle{margin-bottom:15px;}
.btnarea{text-align:center;margin-bottom:30px;margin-top:10px;}
.btn{padding: 8px 15px;color:#222222;margin:30px auto;font-size:10pt;cursor:pointer;}
.tform td, th{border-bottom:1px solid #888;padding:5px;vertical-align:middle;height:25px;}
.tform .tdf{border-top:1px solid #888;}
.cen{text-align:center;}

/* planner page */
#main .contents .title {margin-top:18px; } 
#main .contents .title ul {list-style:none;} 
#main .contents .title .left {display:inline-block;float:left;} 
#main .contents .title .right {display:inline-block;float:right;padding-bottom:20px;} 
#main .contents .list {clear:both;margin:0 auto; min-height:570px; text-align:center;}
#main .contents .listnotice {clear:both;margin:0 auto; padding-top:10px;width:100%;min-height:400px; text-align:center;}
#main .contents .listnotice .thead{border-bottom:1px solid #666;padding-bottom:5px;text-align:center;color:#666;}
#main .contents .tviewright{border-bottom:1px solid #666;padding-bottom:5px;padding-top:5px;text-align:center;color:#666;}
#main .contents .listnotice .thead2{border-top:1px solid #666;padding-bottom:5px;text-align:center;font-size:1em;color:#666;}
#main .contents .listnotice .thead3{border-top:1px solid #666;border-bottom:1px solid #666;padding-bottom:5px;text-align:center;font-size:1em;color:#666;}
#main .contents .listnotice .tbody{border-bottom:1px solid #CCC;padding-bottom:5px;text-align:center;color:#666;}
#main .contents .listnotice .tviewbody{border-bottom:1px solid #666;min-height:400px;vertical-align:top;padding:15px;text-align:left;line-height:1.4em;color:#666;}
#main .contents .listnotice .bold{font-weight:500;}
#main .contents .listnotice td{height:20px;vertical-align:middle;padding-top:5px;}
#main .contents .list ul li {float:left; width:170px; height:170px;color:#666;}
#main .contents .list ul li.last {margin:0 0 30px 0;}
#main .contents .list ul li.hori {margin:0 94px 100px 0;}
#main .contents .listImg {position:relative; display:block; color:#666;}
#main .contents .listText {display:block; width:170px; height:13px; overflow:hidden; text-align:center; padding-top:7px; color:#666; }
#main .contents .listText1 {display:block; width:170px; height:13px; overflow:hidden; text-align:center; padding-top:7px; color:#666; }
#main .contents .page {margin-top:30px;clear:both;display:block;text-align:center; color:#000; }

/* about us page */
.sideMenu {width:148px; height:820px; border-right:1px solid #111010; padding:38px 0 0 20px; float:left; }
.sideMenu li {margin-bottom:12px; }
.aboutWrap {float:left; height:820px; width:800px; padding:38px 0 0 35px; }
.conTxt {margin-top:30px; line-height:18px; }
.conTxt1 {margin-top:8px; text-align:right; }
.organization {margin-top:50px; }
.contact {margin-top:50px; }
.map {float:left; margin-top:30px; }
.contactTxt {float:left; margin:30px 0 0 20px; line-height:18px; }

/* client page */
.clienttit {float:left; margin-top:18px; }
.clientList {float:left; margin:125px 0 0 200px; }