@charset "utf-8";
@font-face{font-family:'NanumGothicWeb';font-style:normal;font-weight:normal;src:url('NanumGothic.eot')}

/* Common */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a{margin:0;padding:0;font-size:12px;font-family:'나눔고딕',NanumGothic,'돋움',dotum,AppleGothic,Sans-serif;color:#5e5e5e;line-height:1.5;-webkit-text-size-adjust:none}
article,aside,details,figcaption,figure,footer,header,header2,hgroup,nav,section{display:block;margin:0;padding:0;color:#5e5e5e;line-height:1.5;-webkit-text-size-adjust:none}
img{vertical-align:top}
a{text-decoration:none}
em{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
table caption{display:none}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{vertical-align:top;list-style:none}
hr{display:none}
button{border:0;cursor:pointer}
html,body{width:100%;height:100%}
img.flxImg{max-width:100%}

/* Layout */
div.header{background:url(../img/common/bg.jpg) repeat-x left top}
div.header2{background:url(../program/img/bg.jpg) repeat-x left top}
div.container{background:url(../img/common/bg_shadow.jpg) repeat-x left top}
div.footer p{background:#616161;text-align:center;}
header,#container,footer{clear:both;width:90%;margin:0 auto;*zoom:1}
header:after,#container:after,footer:after{display:block;clear:both;content:''}
ul:after{display:block;clear:both;content:''}

/* header,footer */
header h1{text-align:center;}
header nav{width:780px;margin:0 auto;background:url(../img/common/bg_nav.jpg) no-repeat center top;text-align:center}
header nav ul li{display:inline-block;padding:0 5%;background:url(../img/common/nav_bar.png) no-repeat left top;}
header nav ul li.fst{background:none;}
footer nav{width:780px;margin:1em auto;}
footer nav ul li{float:left;padding:0 1%;background:none;}
footer nav ul li.fst{background:none;}
p.copyright span img{padding:10px;}


/* Contents */
.main{max-width:480px; min-width:320px; margin:0 auto; overflow:hidden;}
.main .pt5{padding-top:5px;}

.main .fl{float:left; width: 50%;padding:210px 34px 31px;width:100%;background:url(../img/main/m_bg.jpg) no-repeat left top}
.main .fle{text-align:center}
.main .fr{float:right; width: 50%;}
.main .fr>ul { padding-left: 0px; }
.main .fl>ul { padding-right: 5px; }

.main .clear{ clear:both; background:url(../img/common/copy_bg.gif) repeat-x left top;text-align:center }
.main .clear ul.go{ padding:19px 0 10px;display:inline-block;}
.main .clear ul.go li{float:left;}
.main .clear ul.go li.fst{background:none}

#content{width:75%;margin:0 auto;padding-top:2em;padding-bottom:2em}
#content h2{}
#content p.month{background:#793a95;text-align:right}
#content p.point{font-weight:bold;color:#852944}
#content article{margin:1em 0}
#content article ul li{float:left;margin-right:2%;margin-bottom:0.5em}
#content article ul li img.photo{max-width:96%;padding:0%;border:1px solid #e0e0e0}
#content article ul li dl dt{font-size:14px;font-weight:bold;color:#465cb1}
#content  ul li dl dt{font-size:14px;font-weight:bold;color:#465cb1}
ul.tab{margin-bottom:1em}
ul.tab li{float:left;padding-right:5px}
div.map p.fl{float:left;width:400px}
div.map div.fr{float:right}
div.map div.fr ul.add{padding:5px 0;color:#000}
div.map div.fr ul.add li.tel{color:#888}
div.map div.fr p.btn{width:85px;margin:1em auto}
div.map div.fr h4.point{padding:1em 0;color:#852944}

.bule13{color:#465cb1; font-size:13px; font-weight:bold;}

.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #dddee2}
.tbl_type th{padding:8px 10px;border-top:1px solid #dddee2;background:#f1f1f3;color:#666;font-weight:bold;text-align:center}
.tbl_type td{padding:8px 15px;border-top:1px solid #dddee2}


@media screen and (max-width:768px){
header nav,footer nav,#content{width:90%}
.tbl_type th,.tbl_type td{padding-right:25px;padding-left:25px}
}
@media screen and (max-width:640px){
header nav ul li{padding:0 1%}
}
@media screen and (max-width:480px){
header,#container,footer,
header nav,footer nav{width:100%}
}
@media screen and (max-width:320px){
header nav ul li{padding:0 5px}
header nav ul li.hide{display:none}
}