@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
html,body,ul,ol,li,dl,dt,dd { padding: 0; margin: 0; }
html,body { height: 100%; }
body { font-family: '나눔고딕', 'Nanum Gothic', sans-serif;}
ul,ol,li { list-style: none; }

#cms { height: 100%; width: 100%; position: fixed; left: 0; top: 0; }

dl,ul{list-style:none}
dl,dt,dd,ul,li { margin: 0; padding: 0;}

.menu { position: absolute; right: 0; top: 50%; width: 66px; z-index: 1000; }
.list { background: #fff; }

dt { height: 59px; border-bottom: 1px solid #e3e3e3; text-indent: -999px; overflow: hidden; background: url(../img/dt.png) no-repeat 50% #564e49; } 
dd { height: 87px; border-bottom: 1px solid #e3e3e3; background-position: 50%; background-repeat: no-repeat; text-indent: -999px; overflow: hidden; cursor: pointer; }

dd.menu1 { background-image: url(../img/menu1.png); }
dd.menu2 { background-image: url(../img/menu2.png); }
dd.menu3 { background-image: url(../img/menu3.png); }
dd.menu4 { background-image: url(../img/menu4.png); }
dd.menu5 { background-image: url(../img/menu5.png); }
dd.menu6 { background-image: url(../img/menu6.png); }

.xpopup { width: 1000px; height: 670px; position: fixed; left: 50%; margin-left: -500px; margin-top: -335px; top: 50%; background: #fff; overflow: hidden; display: none; }

.xpopup .close { background: url(../img/close.png) no-repeat #ff6600; width: 58px; height: 58px; position: absolute; right: 0; top: 0; cursor: pointer;}
.xpopup-title { width: 280px; height: 100%; background: #564e49; left:0;top:0; position: absolute; }
.xpopup-content { padding: 20px 20px 20px 300px; color: #322822; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
.content-head { font-size: 32px; color: #ff6600; font-weight: bold; padding-bottom: 10px; display: none;}
.content-sumary { padding: 3px 5px; line-height: 48px; color: #322822; margin: 5px 0; border-bottom: 1px solid #eee; font-weight: bold; font-size: 24px; }
.content-text { line-height: 22px; font-size: 16px;}


.xpopup-text { font-size: 36px; color: #fff;  }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.pd18 { padding: 18px; }

.hide { display: none; }

caption { display: none; }
table { border-left: 1px solid #564e49; text-align: center; margin: auto; }
th { background: #564e49; color: #fff;}
td { border-right: 1px solid #564e49; padding: 2px; }
td { border-bottom: 1px solid #564e49;}

.telname { background: #564e49; color: #fff; padding: 10px; width: 120px; }
.tel { font-size: 24px; color: #564e49; width: 600px; text-align: center;}
.table { display: table; }
.table-cell { display: table-cell; }
.middle { vertical-align: middle; }

.big { font-size: 1.8em; }
.bold { font-weight: bold; }

.br { font-size: 14px; }