@charset "utf-8"; 
/*
	-----------------------------------------------
	* common.css 
	-----------------------------------------------
*/

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font:inherit; vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
body {line-height:1.2;  font-family:'SBAggro', sans-serif; color:#263554;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}

*, * :before, * :after {box-sizing:border-box;}
html {font-size:62.5%;}
html, body {position:relative;}
body {-webkit-text-size-adjust:none; font-size:1.6rem; font-weight:400;}
img {border:none;}
figcaption {padding:1.1rem 0 0; text-align:center;}
em, dfn, cite, address, i {font-style:normal;}
small {font-size:smaller; float:left; text-align:left; line-height:130%;}
label {cursor:pointer; vertical-align:middle;}
address {display:inline-block;}

/* font-style */
@media all and (max-width:1160px) {body {min-width:320px !important;}}

#wrap{font-size:20px;}
@media all and (max-width:1160px) {#wrap{font-size:19px;}}
@media all and (max-width:920px) {#wrap{font-size:18px;}}
@media all and (max-width:680px) {#wrap{font-size:17px;}}
@media all and (max-width:480px) {#wrap{font-size:16px;}}


/* link style */
a {color:inherit; text-decoration:none; cursor:pointer;}
a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

/* form reset */
input{font-size:inherit; font-family:inherit; color:inherit; vertical-align:middle; padding:0;}
input[type=search] {-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input[type=image]{height:auto; margin:0; padding:0; line-height:inherit;}
select {font-size:inherit; font-family:inherit; color:inherit; text-transform:none; vertical-align:middle;}
button {font-size:inherit; font-family:inherit; margin:0; padding:0; background:none; border:none; cursor:pointer; text-transform:none; vertical-align:middle;}
textarea{font-size:inherit; font-family:inherit; color:inherit; vertical-align:middle; resize:none;}

/* form base style */
input[type=radio],
input[type=checkbox]{vertical-align:middle;}
input[type=button],
input[type=submit] {cursor:pointer;}
textarea{min-height:80px; line-height:120%; font-size:inherit; font-family:inherit;}

/* skip navigation */
#skipNav {position:absolute; margin:0 auto; z-index:99999; top:0; left:0; right:0;}
#skipNav a {position:absolute; display:block; text-align:center; color:#fff; font-size:1em; top:-10000px; left:0; z-index:10000;}
#skipNav a:hover,  #skipNav a:focus, #skipNav a:active {position:absolute; top:0; height:7px; padding:12px 0 31px; background:#2f3a70; z-index:10000; width:100%; overflow:hidden;}

/* 대체텍스트 */
.blind, legend, caption {border:0; clip:rect(0, 0, 0, 0); height:1px; margin:-1px !important; overflow:hidden; padding:0; position:absolute; width:1px}

/* display */
.hide {display:none;}
.show {display:block;}
.inline {display:inline-block; }