@charset "utf-8";

/* reset */
*{-webkit-text-size-adjust:none;word-break:break-all;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;appearance:none;-moz-appearance:none;resize:none;outline:0;}

html,body{position:relative;width:100%;height:100%;font-weight: 700;}
body.bgGray {background: #e7e7e7}
body,object,iframe,
h1,h2,h3,h4,h5,h6,div,span,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,figure,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
form,fieldset,legend,a,textarea,input,select,option,button,label,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;padding:0;border:0;outline:0;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;
}
iframe {display:block; width:0; height:0}
/* =====  Media ===== */
audio:not([controls]){display:none;height:0;}

/* =====  Link ===== */
a {color:#767676; vertical-align:top;}
a:link{text-decoration:none;}
a:focus{outline:3px dotted; outline-offset:-3px;}		
a:active,a:hover{outline:0;text-decoration:none;}
a:visited{text-decoration:none;}

/* =====  Typography ===== */
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:inherit;}
b, strong{font-weight:bold;}
hr{display:none;box-sizing:content-box;height:0;}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
abbr, acronym, img, button{border:0;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
sub, sup{line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
span,em,strong{vertical-align:middle;}

/* List */
ul, ol, li{list-style:none;}

/* =====  Figures ===== */
figure{margin:0;}

/* =====  Forms ===== */
button{cursor:pointer;}
button, input, select, textarea{border:0 none;outline:0 none;background-color:#fff;}
/* button, select{text-transform:none;} */
textarea{vertical-align:top;border:solid 1px #ccc;}
select{-webkit-appearance:none;-moz-apperance:none;apperance:none;}
select::-ms-expand{display: none;}
input:focus{outline:2px solid;}	

/* =====  Table ===== */
table{border-collapse:collapse;empty-cells:show;border-spacing:0;table-layout:fixed;}
table caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em}
fieldset legend{display:block; overflow:hidden; position:absolute; top:-1000em; left:0}

/*==========================================================================
 - summary :common
==========================================================================*/
/* scroll 
.scroll{overflow:auto;z-index:10;margin:0;}*/
abbr[title]{border-bottom:1px dotted;}

/*Mediaquery Style*/
html{font-size:62.5%;}
@media only screen and (min-width:768px) {
    html{font-size:100%;}
}
@media screen and (-webkit-device-pixel-ratio:3) {
 	
 	#contents {padding:0 !important;}
}

/* layout */
#wrap {width:100%; min-width:320px;}
#container {position:relative; min-height:350px;z-index: 5000;padding-top: 4.5rem;}
#contents {padding:0}
/* #contents {padding:0 0 5.5rem} */
.contWrap {padding:1rem;}