/* reset css */
*, :before, :after {
	box-sizing: border-box;
}

html, body {
	margin:0;
	padding:0;
}

body {
	overflow-x: hidden;
	min-width: 320px;
	background: #fff;
	color: rgba(0,0,0,.87);
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display:block;
}

audio, canvas, video {
  display:inline-block;
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, thead, tfoot, tbody, th, td {
	margin:0;
	padding:0;
}

input, select, td, th {
	vertical-align:middle;
}

textarea {
  overflow:auto;
  vertical-align:top;
}

ul, ol, li {
    list-style:none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}

img, fieldset, iframe {
    border:0 none;
}

img {
    vertical-align:middle;
}

pre {
  white-space:pre-wrap;
	overflow: auto;
}

a {
  color:inherit;
  text-decoration:none;
}
a:active, button:active {
  color:inherit;
  text-decoration:none;
}

a:hover, button:hover {
	/* outline:0.01em dashed #cfcfcf !important; */
}

a:focus, button:focus {
	outline:0.01em dashed #cfcfcf !important;
}

em, address, citi, optgroup {
    font-style:normal;
}

abbr, acronym {
    border:0;
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

i {font-style:normal;}

table {
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	background-color:transparent;
}

input, button {
  vertical-align:middle;
	line-height:normal;
}

input[type="submit"] {
	cursor:pointer;
}

input, button, select, textarea {
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}

textarea {
	overflow: auto;
	padding:8px;
}

label, button {
	cursor:pointer;
}

caption, .hidden, .skip {
	line-height:0;
	font-size:0;
	text-indent:-9999px;
	background-image:none;
}

legend {
	display:none !important;
}

input[type=text], input[type=password], input[type=email], input[type=search] {
	font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Arial, AppleGothic, sans-serif !important;
	-webkit-appearance: none;
	-moz-appearance: none
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden], template {
display:none
}

abbr[title] {
	border-bottom: 1px dotted
}

b, optgroup, strong {
	font-weight:bold;
	letter-spacing:-1px;
}

dfn {
	font-style: italic
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

code, kbd, pre, samp {
	font-family:"NotoKrR", NotoKrR, "맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Arial, AppleGothic, sans-serif;
}

br {
	font-family:dotum;
}

.skip {
	position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border: none;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px;
}

hr {
	display:none;
	height:0;
}

.cursor {
	cursor:pointer !important;
}

.invisible {
  visibility:hidden;
}

.hide {
  display:none !important;
}

.show {
  display:block !important;
}

.clearfix:before, .clearfix:after {
  display:table;
  content:"";
}

.clearfix:after {
  clear:both;
}


/* style */

.lang_chn {
	 font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Arial, AppleGothic, sans-serif !important;
}

.lang_eng1 {
	font-family: 'Rajdhani', sans-serif !important;
}

small {
  font-size:80% !important;
  font-weight:normal !important;
}

.strong, .bold {
	font-weight:bold !important;
}

.letter05 {
	letter-spacing:-0.5px;
}

.letter10 {
	letter-spacing:-1px;
}

.text-left, .text_left {
  text-align:left !important;
}

.text-right, .text_right {
  text-align:right !important;
}

.text-center, .text_center {
  text-align:center !important;
}

.text-top, .text_top {
	vertical-align:top !important;
}

.text-middle, .text_middle {
	vertical-align:middle !important;
}

.text-bottom, .text_bottom {
	vertical-align:bottom !important;
}

.pull_box {
}

.pull_box:after {
	display:block;
	content:"";
	clear:both;
}

.pull-right, .pull_right {
  float:right !important;
}

.pull-left, .pull_left {
  float:left !important;
}

.color-white, .color_white {
	color:#fff !important;
}

.color-red, .color_red {
	color:#d63434 !important;
}

.color-blue, .color_blue {
	color:#288bd8 !important;
}

.color-org, .color_org {
	color:#e96c10 !important;
}

.color-black, .color_black {
	color:#353535 !important;
}

.color-green, .color_green {
	color:#00b7a9 !important;
}

@media only screen and (max-width:1399px){
	.img-respon, .img_respon {
	  display:block;
	  height:auto;
	  max-width:100%;
	}
}

.img-respon.full {
	display:block;
	width:100%;
	height:auto;
}

.rounded {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

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

.disabled {
	background:#d3d3d3;
	cursor:pointer;
}


/* accessibility */

#accessibility {
  float:left;
}

#accessibility a {
    background-color:#F9F9F9;
    border:1px solid #7C3032;
    display:block;
    height:1px;
    line-height:1px;
	font-size:1px;
    position:absolute;
    text-align:center;
    top:-10px;
}

#accessibility a:hover, #accessibility a:focus {
    font-weight:bold;
    height:auto;
    line-height:18px;
    padding:10px;
    top:0;
    z-index:999;
	font-size:11px;
}

/* margin */
.mg0 {margin:0px;}
.mt3 {margin-top:3px}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt30 {margin-top:30px}
.mt35 {margin-top:35px}
.mt40 {margin-top:40px}

.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml30 {margin-left:30px}
.ml35 {margin-left:35px}
.ml40 {margin-left:40px}

.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.mr25 {margin-right:25px}
.mr30 {margin-right:30px}
.mr35 {margin-right:35px}
.mr40 {margin-right:40px}

.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px}
.mb30 {margin-bottom:30px}
.mb35 {margin-bottom:35px}
.mb40 {margin-bottom:40px}


/* padding */
.pd0 {padding:0px;}
.pt3 {padding-top:3px}
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}
.pt25 {padding-top:25px}
.pt30 {padding-top:30px}
.pt35 {padding-top:35px}
.pt40 {padding-top:40px}

.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px}
.pl25 {padding-left:25px}
.pl30 {padding-left:30px}
.pl35 {padding-left:35px}
.pl40 {padding-left:40px}

.pr5 {padding-right:5px}
.pr10 {padding-right:10px}
.pr15 {padding-right:15px}
.pr20 {padding-right:20px}
.pr25 {padding-right:25px}
.pr30 {padding-right:30px}
.pr35 {padding-right:35px}
.pr40 {padding-right:40px}

.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}
.pb25 {padding-bottom:25px}
.pb30 {padding-bottom:30px}
.pb35 {padding-bottom:35px}
.pb40 {padding-bottom:40px}