@charset "utf-8";

html{font-family: 'SUIT', sans-serif;
		color:#111;font-weight:normal; font-size:16px; letter-spacing:0;}
* {font-family: 'SUIT', sans-serif;}
.cursor.circle { position: absolute;  width: 40px;  height: 40px;  top: 50%; left: 50%;  margin: -50px 0 0 -50px;  background: rgba(255,193,16,0.6); border-radius: 80%; backface-visibility: hidden; z-index: 999;}

/*========= reset style ==========*/
/* reset */
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, 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, 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-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, summary, menu, nav, section {display: block;}
ul,ol,li,dl,dt,dd {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;}

html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /*ios와 IE에서 기기회전시 글씨 재조정 예방*/
body {/*position:relative;*/line-height:1.6em;font-family: 'SUIT', sans-serif;width: 100%;height: 100%;}
audio, canvas, progress, video {display:inline-block; vertical-align:baseline;} /*IE8,9에서 inline-block으로 지정 ; chrom, firefox, opera에서 progress 세로정렬 표준화 */

/*모든 브라우저에서 line-height에 미치는 영향 예방*/
sup,sub {position:relative; font-size:60%; line-height:0; vertical-align:baseline;}
sub {bottom: -0.5em;}
sup {top: -0.5em;}
#snb a{color:#666;}

img {border:0; max-width:100%; vertical-align:top; font-size:0; line-height:0;}
b, strong {font-weight:700;}
em, dfn, cite, address, i{font-style: normal;}
mark {background-color:#ff0; color:#000;} /*IE8/9 존재하지 않는 스타일 부여*/
small, .small {font-size:80%;} /*브라우저 글꼴 통일*/
pre {overflow:auto;} /*모든브라우저에서 값 통일*/
del {text-decoration: line-through; }
hr {visibility:hidden; overflow:hidden; position:absolute; height:0; width:0; font-size:0;}
label {cursor:default;}

a {background-color:transparent; font-family: 'SUIT';} /*IE10에서 active 링크의 회색배경 제거 */
a {color:#333; text-decoration: none;cursor: pointer;}
a:link,a:visited { text-decoration: none; }
a:hover,a:active,a:focus { text-decoration:none;}

/* form */
/*color,font 상속되지 않는 것 수정; 마진 통일*/
/*button, input, optgroup, select, textarea {color:inherit; font:inherit; margin:0;} 
input {font:inherit; color:inherit; vertical-align:middle}*/


button {overflow:visible;} /*IE8/9/10/11 hidden 속성 수정*/
button:focus {outline:none;}

input[type="file"]{padding-left:0;border:none}
input[type="submit"]{-webkit-appearance:none;}
input[type="radio"],input[type="checkbox"]{/*box-sizing:border-box;*/ padding:0;} /*IE8/9/10 속성값 변경*/
button {text-transform:none; vertical-align:middle; outline:none;margin:0; padding:0; border:0; background:0;}
button,[type="button"],[type="reset"],[type="submit"] {cursor:pointer; -webkit-border-radius:0; -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} /*firefox4+ 속성값 변경*/
textarea {overflow:auto; padding: 5px;}
input[disabled="disabled"]{background:#ebebeb;color:#959595}
select[disabled="disabled"]{background:#ebebeb;color:#959595}
input,label { vertical-align: middle;}

input[type="radio"],
input[type="checkbox"],
label[for],
button {cursor: pointer;}
input {margin:0; }

legend, caption {width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}

* {box-sizing:border-box;}
i {font-style:normal;}


/*=========== 추가 ============*/
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

table { border-collapse: collapse; border-spacing:0; }
table th,td{font-weight:normal;}

/* ellipsis */
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/assets/css/ellipsis.xml#ellipsis);}




.text-center{text-align:center !important;}
.text-left{text-align:left !important; padding-left:10px;}
.text-right{text-align:right !important; padding-right:10px;}
.display-n{display:none !important;}
.d-flex{display:flex;}

.col-1{width:8.333333333333333%; max-width:8.333333333333333%;}
.col-2{width:16.66666666666667%; max-width:16.66666666666667%;}
.col-3{width:25%; max-width:25%;}
.col-4{width:33.33333333333333%; max-width:33.33333333333333%;}
.col-5{width:41.66666666666667%; max-width:41.66666666666667%;}
.col-6{width:50%; max-width:50%;}
.col-7{width:58.33333333333333%; max-width:58.33333333333333%;}
.col-8{width:66.66666666666666%; max-width:66.66666666666666%;}
.col-9{width:75%; max-width:75%;}
.col-10{width:83.33333333333333%; max-width:83.33333333333333%;}
.col-11{width:91.66666666666666%; max-width:91.66666666666666%;}
.col-12{width:100%; max-width:100%;}