@charset "utf-8";

 /*-------------------------------------------------------------------------------------------------------------
  File : base.css
  CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
 CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
  CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, font/color, align, etc
 -------------------------------------------------------------------------------------------------------------*/
 *, *:before, *:after,figure,figcaption {box-sizing:border-box; margin:0; padding:0; border:0;word-break:keep-all; word-wrap: break-word; }
 html,
 body { -ms-font-smoothing:antialiased;  -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
 html {font-size:62.5%;  }
 body { font-size:1.8rem; font-family:'Roboto', sans-serif; font-weight:400; color:#333;}






 address, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block;}
 h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
 img {vertical-align:top;}
 ol, ul, li, dl, dt, dd {list-style:none;}
 table {width:100%; border-spacing:0px; border-collapse:collapse;}

 td span{ font-weight:normal; line-height:1.2rem;}

 fieldset, iframe {width:100%;}
 em, address {font-style:normal;}
 button {font-family:'Roboto', sans-serif; vertical-align:middle; cursor:pointer; background-color: transparent;}
 select, input, label {font-family:'Roboto', sans-serif; vertical-align:middle;}
 hr {display:none;}
 legend {position:absolute; left:-9999em; top:-9999em;}
 .categoryitems p.caption,
 caption,
 .caption {  font-size:1.4rem; color:#666; caption-side: bottom; text-align:left; word-break:keep-all; word-wrap: break-word; }
 caption{line-height:1.3em;  margin-top:1rem;}
 caption em{display:none; }
 caption::before,
 .caption::before{content:"※";} 
 .caption{line-height:1.3em;}
 p.caption + p.caption{margin-top:1rem;}
 caption em,
 .caption em{color:#15ad60;}
 a {text-decoration:none; font-size:1.8rem;}
 a:focus,
 button:focus{outline:1px dotted #ababab;}

 .row{position: relative; width:100%; display:block; overflow:hidden;}
.scrollDisable {/*height:100vh;*/ min-height:100%; overflow:hidden !important; touch-action:none;}




/* ----------------- HTML5 display ----------------- */

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display:block;} /* 에지, IE9 이상, 파이어 폭스에서 올바른 표시 추가 */
audio, canvas, progress, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;} /* 아이폰 OS 4-7에서 올바른 표시 추가 */
progress {vertical-align:baseline;} /* 크롬, 파이어 폭스, 오페라 올바른 수직 정렬을 추가 */
template, [hidden] {display:none;} /* IE10 이상 에서 올바른 표시 추가 */




/* ----------------- a link ----------------- */

a { text-decoration: none; background-color:transparent; } /* IE 10에서 활성 링크에 회색 배경을 제거 */
a:hover { text-decoration: none; }
a:active, a:hover {outline-width:0;} /* a링크 윤각선 제거 */
*:focus { outline: none !important; } /* 크롬 파란색 테두리 제거 */





/* ----------------- font ----------------- */

abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted;} /* 크롬, 에지, IE, 오페라, 사파리에서 올바른 텍스트 장식 추가 */
b, strong {font-weight:bolder;} /* 크롬, 에지, 및 Safari에서 올바른 글꼴 두께 */
dfn {font-style:italic;} /* 안드로이드 4.3에서 올바른 글꼴 스타일을 추가 */
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}



/* ----------------- Em bedded content ----------------- */

img {border-style:none;} /* 이미지 테두리 제거 */
svg:not(:root) {overflow:hidden;}




/* ----------------- Grouping content ----------------- */

code, kbd, pre, samp {font-family:monospace, monospace; font-size:1em;}
figure {margin:1em 40px;}
hr {box-sizing:content-box; height:0; overflow:visible;}




/* ----------------- Forms 초기화 ----------------- */

fieldset {border:0;}
button, input, select, textarea {font:inherit;}
optgroup {font-weight:bold;}
button, input, select {overflow:visible;}
button, input, select, textarea {margin:0;}
button, select {text-transform:none;} /* 파이어 폭스에서 변환 텍스트의 상속을 제거 */
button, [type="button"], [type="reset"], [type="submit"] {cursor:pointer;} [disabled] {cursor:default;}
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance:button;}  /* 아이폰 input 디자인 변경가능 */
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} /* 파이어 폭스의 내부 테두리와 패딩을 제거 */
button:-moz-focusring, input:-moz-focusring {outline:1px dotted ButtonText;}
button { box-shadow: none; outline: none !important; border: none; }

textarea {overflow:auto;}
[type="checkbox"], [type="radio"] {box-sizing:border-box; padding:0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height:auto;}
[type="search"] {-webkit-appearance:textfield;}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance:none;}