@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

/* reset */
html,body{font-size:12px;}
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 Square', serif; color:#333;}
body{position:relative; color:#000;word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none; font-family: 'Nanum Square', 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%; height: auto; }
img.w50{width:50%;}
.clear{clear:both;}
a:link,a:visited{text-decoration:none; color:#333; background-color:transparent;  -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
a:hover,a:active{text-decoration:none; color:#333; background-color:transparent;  -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
a:focus{text-decoration:none; color:#333; background-color:transparent;  -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}

#wraper{position:relative; width:100%; }
#header{height:56px; background-color:#fff; position:relative;}
#header h1{padding:13px 0 0 15px; text-align:left;}
#header .rnb_tel{position:absolute; top:0; right:0; padding:20px;}

#header #menu{position:absolute; top:20px; right:15px; }

/*footer*/
#footer{clear:both; padding:15px 0; position:relative; background-color:#dcdcdc;}
address{width:100%; font-size:12px; line-height:170%; color:#828282; text-align:center;}
address strong{font-size:16px; }
.pc_bt{text-align:center; margin-top:20px; margin-bottom:10px;}
.pc_bt a{border-radius:30px; border:1px solid #828282; color:#828282; background-color:#dcdcdc;  padding:7px 10px; margin-top:100px; font-size:16px;}
.pc_bt a:hover{border-radius:30px; background-color:#828282; color:#fff;}


/* 전체메뉴 */
#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%; float:left; z-index:999999;}
#allmenu #allmenu_right .menu_home{padding:20px 0 20px 20px; border-bottom:1px solid #dcdcdc; background-color:#fff;}
#allmenu #allmenu_right .menu_close{width:30px; height:30px; position:absolute; top:15px; left:-45px;}
#allmenu #accordion-example{}
#allmenu #accordion-example h3 a{height:35px; padding:18px 0 0 20px; display:block; border-bottom:1px solid #dcdcdc; font-size:16px; color:#777777;}
#allmenu #accordion-example h3.open a{}
#allmenu #accordion-example h3 img{margin-right:20px;}
#allmenu #accordion-example ul{padding:5px 0; background-color:#ad894f; border-bottom:1px solid #dcdcdc;}
#allmenu #accordion-example ul li a{font-size:14px; height:26px; color:#fff; padding:10px 0 0 35px; display:block;}
#allmenu_bg{position:fixed; top:0px; right:0; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.6);display:none;}
#allmenu_bg .allmenu_right_bg{position:fixed; top:0px; right:-100%; width:100%; height:100%;  z-index:999; background-color:#eeeeee;}