@charset "utf-8";

 

@import url('main.css');


@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');



.contain .board_desc img{
width:auto;
}


 

html {

height: 100%;

overflow-y: auto;

}

 

body {

margin-top: 0 !important;

min-width: 320px;

word-break: break-all;

word-wrap: break-word;


word-break: keep-all;



font-family: 'pretendard', serif;




overflow: hidden;

}

 

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;
border:none;


}

 

caption {

height: 0;

line-height: 0;

font-size: 0;

overflow: hidden;

text-indent: -10000px;

}

 

hr {

display: none;

}

 

a {

color: #333;

text-decoration: none;

cursor: pointer;

}

 

a img { /*À̹ÌÁöÁ¡¼± ¾Èº¸À̱â*/

outline: none;

border: 0;

}

 

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;

vertical-align: middle;

}

 

select {

-webkit-border-radius: 0;

}

 

select

{

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;


background: url(../img/brand/faq_arrow.png);
background-size:10px;


background-repeat: no-repeat; /* ¼¿·º¹Ú½º ½ºÅ¸ÀÏ ÃʱâÈ­, È­»ìÇ¥ À̹ÌÁö °®´Ù ¹Ú¾Æ¶ó */

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

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

background-position: -moz-calc(100% - 10px) 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 {

transition: .2s;
width: 100%;
}

.contain .board_admin_bgcolor img,
.contain table a img{width:auto;}




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: #000;

overflow: visible;

z-index: 9999;

}

 

 

/* global */

.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;

}

 

 

 

.img_box > img {

max-width:100%;

}

 

.fl {

float: left;

}

 

.fr {

float: right;

}