@charset "euc-kr";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css); 

/* reset */
html,body{font-size:12px; background-color:#efefef;}
html {overflow-y:scroll}
body,h1,h2,h3,h4,div,ul,ol,li,dl,dt,dd,a,p,img,fieldset,select,option,input,form,legend,span,hr,address,button{margin:0px; padding:0px;}
input,button,textarea,div,span,th,td,li,dl,dt,dd,p{font-size:12px;  font-family:'Nanum Gothic',"µ¸¿ò",dotum,Verdana,sans-serif; color:#333;}
body{position:relative; color:#000;word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none; font-family:"µ¸¿ò",Dotum,Helvetica,AppleGothic,Sans-serif;}
hr,.skip,caption,legend{position:absolute; left:-999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
ul,ol{list-style-type:none;}
i,em,address{font-weight:normal; font-style:normal;}
label,button{cursor:pointer;}
img,fieldset,iframe{border:0px none;}
input,select,img{vertical-align:middle;}
input,textarea,select {outline-style:none;}
input:focus,textarea:focus,select:focus {outline-style:none;}
img{border:0 none;}
img.w100{width:100%;}
img.w50{width:50%;}
.clear{clear:both;}
a:link,a:visited{text-decoration:none; color:#333; background-color:transparent;  }
a:hover,a:active{text-decoration:none; color:#333; background-color:transparent;  }
a:focus{text-decoration:none; color:#333; background-color:transparent;}

#wraper{position:relative; width:100%; padding-bottom:50px;}
#header{height:80px; background-color:#2d609f; position:relative;}
#header h1{padding:15px 0 0 15px;}
#header #menu{position:absolute; top:10px; right:15px;}
#container{background-color:#eee;}

/*footer*/
#footer{clear:both; padding:20px 0; position:relative; background-color:#dcdcdc;}
address{width:100%; font-size:12px; line-height:150%; color:#777; text-align:center; font-family: 'NanumSquare', sans-serif;}
address a{color:#777;}

/* ÀüÃ¼¸Þ´º */
#allmenu{position:absolute;width:100%; top:0; right:-100%; z-index:99999; display:none;}
#allmenu #allmenu_right{position:absolute; top:0px; right:0px; width:60%; z-index:999999;}
#allmenu #allmenu_right .allmenu_top{height:53px; padding:10px 0 0 15px; background-color:#fff; border-bottom:1px solid #dcdcdc;}
#allmenu #allmenu_right .allmenu_top .menu_close{width:40px; height:40px; position:absolute; top:12px; left:-50px;}
#allmenu #accordion-example{padding:0;}
#allmenu #accordion-example h3 a{padding-left:20px; display:block; font-size:16px; line-height:45px; color:#000; font-family: 'NanumSquare', serif; border-bottom:1px solid #dcdcdc;}
#allmenu #accordion-example h3.open a{color:#2d609f; }
#allmenu #accordion-example h3 img{margin-right:20px;}
#allmenu #accordion-example ul{padding:10px 0;  background-color:#2d609f;}
#allmenu #accordion-example ul li a{display:block; font-size:14px; line-height:30px; color:#fff; padding-left:30px;}
#allmenu_bg{position:fixed; top:0px; left:0; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.5); display:none;}
#allmenu_bg .allmenu_right_bg{position:fixed; top:0px; right:-100%; width:100%; height:100%;  z-index:999; background-color:#eee;}

/* ÇÏ´Ü ÀüÈ­*/
#bottom_tel{position:fixed; bottom:0; left:0; width:100%;}
#bottom_tel a{display:block; position:fixed; bottom:0; left:0; width:100%; height:50px; background-color:#2895a5; text-align:center; font-size:16px; line-height:50px; font-family: 'NanumSquare', sans-serif; color:#fff; box-sizing:border-box; text-decoration:none;}