@charset "utf-8";
/* CSS Document */
html, body, div, ul, ol, li, p, span, dl, dd, dt, section, h1 {margin:0; padding:0;font-family:"돋움", dotum, arial, sans-serif; line-height:150%;list-style: none;}
html {overflow-y: scroll; overflow-x:hidden;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, menu{
margin: 0; border: 0; padding: 0; font-size: 100%; font-weight:normal; vertical-align: middle; line-height:150%; background: transparent;}


/* main */
#wrap { width:100%; min-width:600px;}
#wrap .top {position:relative; margin:0 auto; width:100%; height:130px; background-image:url(../images/topbg.png); overflow:hidden;}
#wrap .top .tel {float:left; left:0; width:21%;}
#wrap .top .logo {float:left; text-align:center; width:57.5%;}
#wrap .top .kakao {float:right; right:0; width:11%}
#wrap .top .talk {float:right; right:0;width:10%; padding:44px 0; background-color:#00c73c; text-align:center}

#wrap .event{position:relative; width:100%; overflow:hidden;}

#wrap .visual{position:relative; width:100%; overflow:hidden;}
#wrap .visual .btn{position:relative;}
#wrap .visual .btn .btn2 .tap li {float:left; width:50%;}

#wrap .contents {position:relative; overflow:hidden;}
#wrap .contents ul li {float:left; width:50%;}

#wrap .bottom {position:relative;}
#wrap .bottom ul li{float:left; width:25%;}

#wrap .address {position:relative; width:100%; background-color:#a9a9a9; margin:0 auto; text-align:center; padding:15px 0; overflow:hidden;}


/* sub */
#wrap .subimg {position:relative; overflow:hidden;}