@charset "utf-8";
html {height: 100%; overflow-y: auto;}

body { overflow: hidden; margin-top: 0 !important; min-width: 320px; color: #000; line-height: 1.6; font-size: 16px; font-family: 'Noto Sans SC', sans-serif; word-break: break-all; word-wrap: break-word; word-break: keep-all; font-weight: 400; }

h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans SC', sans-serif;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button {margin: 0; padding: 0; -webkit-text-size-adjust: none;}

fieldset, img, abbr, acronym {border: 0 none;}

legend {position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden;}

legend.showlegend {position: static; line-height: 14px; font-size: 12px; overflow: visible;}

address, caption, cite, code, dfn, em, var {font-style: normal; font-weight: normal;}

ol, ul {list-style: none;}

q:before, q:after {content:'';}

table {border-collapse: collapse; border-spacing: 0;}

caption {height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px;}

hr {display: none;}

a { color: #000; text-decoration: none; cursor: pointer;}

button {border: 0 none; background: none;}

button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}

button, input, select, textarea { color: #555; line-height: 19px; font-size: 13px; font-family: 'Noto Sans SC', sans-serif; vertical-align: middle;}

.bg_q{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background-repeat:no-repeat; background-position:center; background-size:cover; }
select { -webkit-border-radius: 0;}

select 

{

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  background-image: url(../../images/common/select_arrow.png);background-repeat: no-repeat; /* 셀렉박스 스타일 초기화, 화살표 이미지 갖다 박아라 */

  background-position: calc(100% - 15px) center;

  background-position: -webkit-calc(100% - 15px) center; background-position: -moz-calc(100% - 15px) center;

 

}

select::-ms-expand {

    display: none;

}



input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="email"],input[type="button"],input[type="submit"],textarea {

    border-radius:0 !important;-webkit-appearance: none;-moz-appearance: none; 

}



a[href^="tel"] {

  color: inherit; /* Inherit text color of parent element. */

  text-decoration: none; /* Remove underline. */

  /* Additional css `propery: value;` pairs here */

}





button,

input[type="button"],

input[type="reset"],

input[type="submit"] {cursor: pointer; overflow: visible; -webkit-appearance: button;}

input[type="checkbox"],

input[type="radio"] {width: 14px; height: 14px; line-height: 14px; box-sizing: border-box; -webkit-border-radius: 0;}

input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}

input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}



input::-webkit-input-placeholder{color:#a0a0a0;}

input:-moz-input-placeholder{color:#a0a0a0;}

input::-moz-input-placeholder{color:#a0a0a0;}

input:-ms-input-placeholder{color:#a0a0a0;}

img {  vertical-align: top; }



textarea {overflow: auto; resize: none;}

textarea::-webkit-input-placeholder {

color: #a0a0a0;

}



textarea:-moz-placeholder { /* Firefox 18- */

color: #a0a0a0;  

}



textarea::-moz-placeholder {  /* Firefox 19+ */

color: #a0a0a0;  

}



textarea:-ms-input-placeholder {

color: #a0a0a0;  

}







/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object {display: block; margin: 0; padding: 0;}

audio[controls], canvas, video {display: inline-block; *display: inline; *zoom: 1;}



/* Disable orange highlight */

label, a, button {-o-tap-highlight-color:rgba(0, 0, 0, 0);-ms-tap-highlight-color:rgba(0, 0, 0, 0);-moz-tap-highlight-color rgba(0, 0, 0, 0);-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}





/* 건너뛰기 네비게이션 */

#skip_nav {width: 100%; height: 0; text-align: center; overflow: hidden;}

#skip_nav a {color: #fff; font-size: 16px; line-height: 30px; font-weight: 800; float: left;}

#skip_nav a:focus, 

#skip_nav a:hover, 

#skip_nav a:active {position: absolute; top: 0; left: 0; width: 100%; height: 30px; text-decoration: underline; background-color: #000; overflow: visible; z-index: 9999;}











/* global */

.dB{display: block;}

.dIB{display: inline-block;vertical-align: top;}

.clearfix {*zoom:1}

.clearfix:after{display: block;content:'';clear: both;}

.taC{text-align: center;}

.taL{text-align: left;}

.taR{text-align: right;}

.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.mt0{margin-top: 0 !important;}

.mb0{margin-bottom: 0 !important;}

.pt0{padding-top: 0 !important;}

.pb0{padding-bottom: 0 !important;}