@import url("../../../3.0/css/font.css");

/* Common */
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0; padding:0;}  
body,table {font-family:'notokr-demilight','Dotum','Arial'; font-size:14px; color:#333; line-height:1.8;}
html,body {height:100%; margin:0; padding:0;}
textarea,input,select,button {font-family:'notokr-demilight','Dotum','Arial'; font-size:14px; color:#555;}
hr {display:none;}
img,fieldset {border:0 none;}
dl,ul,ol,li {list-style:none;}
em,address {font-style:normal;}  
a {color:#337ab7; text-decoration:none;}
a:hover {color:#337ab7; text-decoration:underline;} 

/* Layout */
#Wrap {width:100%;}
#Header {width:100%;}
#Main {width:960px;}
#Content { margin:30px auto 30px auto; padding:5%; border:1px solid #D2D2D7; border-radius:20px; background: #ebf6ff;}
#Footer {width:100%; padding-top:20px; padding-bottom:20px; font-size:11px; text-align:center;}

/* Header */
#Header .MenuBar {width:960px; height:54px; margin:0 auto; padding:12px 0 0 0; overflow:hidden;}
#Header .MenuBar .Logo {width:209px; float:left;}
#Header .MenuBar ul.Menu {overflow:hidden; float:right;}
#Header .MenuBar ul.Menu li {padding:0 0 0 40px; font-family: 'notokr-medium'; color:#FFF; font-size:16px; text-align:right; float:left;}
#Header .MenuBar ul.Menu li a {color:#FFF;}
#Header .Title {width:960px;margin:30px auto 40px auto;}

/* Footer */
#Footer .Logo {width:140px; float:left;}
#Footer .Add {width:700px; float:right;}
#Footer a {color:#FFF;}

/* 공통 */
#Content h1 {height:36px; margin-bottom:20px; line-height:30px; font-family: 'Suez One', serif; font-size:30px; letter-spacing: -1px;}
#Content h2 {margin:40px 0 8px 0; padding:0 0 0 20px; font-family: 'notokr-medium'; font-size:18px; letter-spacing: -1px; position: relative;}
#Content .Error {text-align:center; font-family: 'notokr-medium';}
#Content .Bold {font-family: 'notokr-medium';}
#Content .Red {color:#a40000;}
#Content .Blue {color:#039;}
#Content .Green {color:#0F8F19;}
#Content .Size16 {font-size:16px;}
#Content .Size18 {font-size:18px;}
#Content .Center {text-align:center;}
#Content .Bottom30 {margin-bottom:30px;}
#Content .Bottom60 {margin-bottom:60px;}
#Content .EX {font-size:12px; color:#888;}
#Content .Right {right: 0; top: 0; font-size: 14px; position: absolute;}

#Content .Btn {margin:20px 0; text-align:center;}
#Content .Btn input {padding: 5px 10px; border:1px solid #000; background:#1b1b1b; font-size:16px; color:#FFF; font-weight:bold;}
#Content .Paging {margin-top:20px; text-align:center;}
#Content .BoardBtn {margin-top:20px;}

/* Content */
#Content .Greeting {}
#Content .Greeting p {margin-bottom:20px; font-size: 15px; text-align:justify;}
#Content .Greeting .Name {margin:20px 0 0 0; font-size:18px; text-align:right;}

#Content table.Program {width:100%;}
#Content table.Program p.TextRight {margin-right:10px; text-align:right; float:right; position:absolute; right:0px; top:3px;}
#Content table.Program th {padding:6px 6px; font-family: 'notokr-medium'; color:#FFF; background:#1c4b93;}
#Content table.Program td {padding:6px 6px; border-right:1px solid #EEE; border-bottom:1px solid #DDD; background:#FFF;}
#Content table.Program td:nth-child(5n+2) {border-right: none;}
#Content table.Program td:nth-child(5n+4) {border-right: none;}
#Content table.Program td.Title {font-family: 'notokr-medium'; text-align: center; border-right:1px solid #DDD; background:#EEE;}
#Content table.Program td.TitleRight {font-family: 'notokr-medium'; text-align:right; background:#EEE;}
#Content table.Program td.TextRight {text-align:right;}
#Content table.Program td.Title:last-child,
#Content table.Program td.TextRight:last-child {border-right: none;}
#Content table.Program td.Lunch {font-family: 'notokr-medium'; text-align: center; background: #F8FBD4;}
#Content table.Program td.Meeting {font-family: 'notokr-medium'; text-align: center; background: #DCEFFF;}
#Content table.Program td.Music {color: #e61953; font-family: 'notokr-medium'; background: #F7FFCD;}
#Content table.Program.HandsOn th {background:#483C8F;}
#Content table.Program.HandsOn td {border-right:1px solid #EEE;}
#Content table.Program.HandsOn td:last-child {border-right: none;}

#Content .Private {width:868px; padding:10px; border:1px solid #DDD; background:#EEE;}
#Content .PrivateCheck {margin:10px 0 0 0; padding:5px 10px; border:1px solid #DDD; border-width:1px 0; background:#FFF;}
#Content .PrivateCheck input {vertical-align:middle;}

#Content table.Write {width:100%; border:1px solid #EEE; border-width:1px 1px 0 1px;}
#Content table.Write caption {display: none;}
#Content table.Write th {padding:8px 15px; font-family: 'notokr-medium'; border:1px solid #EEE; border-width:0 1px 1px 0; background:#F9F9F9;}
#Content table.Write td {padding:8px 15px; border:1px solid #EEE; border-width:0 0 1px 0; background:#FFF;}
#Content table.Write input {vertical-align:middle;}
#Content table.Write input.INPAll {width:99%; height:18px; padding: 2px; border:1px solid #DDD;}
#Content table.Write input.INP50 {width:50px; height:18px; padding: 2px; border:1px solid #DDD;}
#Content table.Write input.INP100 {width:100px; height:18px; padding: 2px; border:1px solid #DDD;}
#Content table.Write input.INP150 {width:150px; height:18px; padding: 2px; border:1px solid #DDD;}
#Content table.Write input.INP200 {width:200px; height:18px; padding: 2px; border:1px solid #DDD;}
#Content table.Write label {width:50px; display:inline-block;}
#Content table.Write.HandsOn {width: 80%; font-size: 13px; border:1px solid #EEE; border-width:1px 1px 0 1px;}
#Content table.Write.HandsOn th,
#Content table.Write.HandsOn td {padding: 5px 10px; line-height: 1.2!important; text-align: center;}

#Content .Gift {margin-top:20px; padding: 20px; line-height: 1.8; font-size: 15px; text-align: center; border: 5px solid #ccc; border-radius: 20px; background: #F6F6F6;}
#Content .Gift .GiftTitle {margin: 0 0 10px 0; font-family: 'notokr-medium'; color:#016CBA; font-size: 22px;}

#Content .Info {width:100%;}
#Content .Info ul {margin: 0 0 5px 0;}
#Content .Info ul li {list-style: disc; list-style-position: inside;}

#Content .WriteOK {margin:30px 0 50px 0; padding: 0 0 30px 0;  line-height: 1.5; font-size:30px; font-family: 'notokr-medium'; text-align:center; letter-spacing: -1px; border-bottom: 1px solid #EEE;}
#Content .WriteOK .Size20 {color: #777; font-family:'notokr-demilight'; font-size:26px;}

#Content table.List {width:100%; border-top:1px solid #DDD; border-collapse:separate; text-align:center;}
#Content table.List caption {text-align:right;}
#Content table.List th {padding:5px; border-bottom:1px solid #DDD; background:#EEE;}
#Content table.List td {padding:5px; border-bottom:1px solid #DDD; background:#FFF;}

#Content table.Fee {width:100%; margin:15px 0 0 0; line-height: 1.5; border:1px solid #DDD; border-width:1px 0px 0px 1px;}
#Content table.Fee th {padding:4px 15px; font-family: 'notokr-medium'; border:1px solid #DDD; border-width:0px 1px 1px 0px; background:#EEE;}
#Content table.Fee td {padding:4px 15px; border:1px solid #DDD; border-width:0px 1px 1px 0px; text-align:center; background:#FFF;}

#Content table.List {width:100%; border-top:1px solid #DDD; border-collapse:collapse; text-align:center;}
#Content table.List caption {text-align:right;}
#Content table.List th {background:#F9F9F9;}
#Content table.List th,
#Content table.List td {padding:5px; border-bottom:1px solid #DDD;}

#Content .Search {width:100%; margin:0 0 10px 0; border-spacing:0; border-left:1px solid #CCC; border-bottom:1px solid #CCC;}
#Content .Search caption {display:none;}
#Content .Search th {padding:10px; font-family: 'notokr-medium'; border-top:1px solid #CCC; border-right:1px solid #CCC; background:#EEE;}
#Content .Search td {padding:10px; border-top:1px solid #CCC; border-right:1px solid #CCC; background:#FFF;}
#Content .Search input {width:98%; height:20px; padding: 2px; border:1px solid #CCC;}

#Content .Location {}
#Content .Location iframe {border:1px solid #EEE;}