@charset "utf-8";

/*
 * File       : reset.css
 * Author     : gylee
 * Guideline  : bkstyle.1.1
 *
 * SUMMARY:
 * 1) RESET FILES
 */

/* **************************************** *
 * RESET FILES
 * **************************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
			letter-spacing: -0.0325em; 
}
body *{box-sizing:border-box;}
ol,ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption,th,td {text-align: left;font-weight: normal;}
figure,article,header,footer,nav,hgroup,video,audio,aside,main {display: block;}

/* mobile */
input, textarea {-webkit-appearance: none;-webkit-border-radius: 0px;border-radius: 0px;font-family: 'Montserrat', sans-serif;   }
body.lang-ko input, body.lang-ko textarea {font-family: sans-serif;}

/* reset mobile default style */
html{-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none;}
body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: rgba(107, 120, 245, .08);} 


/* selection */
::-moz-selection {background: #222;background: rgba(34, 34, 34, 1);color:#fff;}
::selection {background: #222;background: rgba(34, 34, 34, 1);color:#fff;}
::-moz-selection {background: #222;background: rgba(34, 34, 34, 1);color:#fff;}

/* **************************************** *
 * INPUT
 * **************************************** */
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=number],
input[type=search],
textarea {-webkit-appearance: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none; }
input[type=submit], input[type=button], button {-webkit-appearance:none; }
input[type=radio] {border-radius: 100%;}
button {font-family: 'Montserrat', sans-serif;}
body.lang-ko button {font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}

/* PLACEHOLDER */
::-webkit-input-placeholder {font-family: 'Montserrat', sans-serif;font-size: 15px;color: #999; font-weight: 300;}
::-moz-placeholder {font-family: 'Montserrat', sans-serif;font-size:15px;color: #999;font-weight: 300;}
:-ms-input-placeholder {font-family: 'Montserrat', sans-serif;font-size:15px;color: #999;font-weight: 300;}
body.lang-ko ::-webkit-input-placeholder {font-size: 15px;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
body.lang-ko ::-moz-placeholder {font-size: 15px;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
body.lang-ko :-ms-input-placeholder {font-size: 15px;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: transparent;}

/* Form Control */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
input[type=text],
input[type=password],
input[type=tel],
input[type=date],
input[type=email],
input[type=number],
textarea{height:45px; padding:7px 10px; border:1px solid #ddd; background:#fff; vertical-align:middle; font-size: 16px; font-weight: normal;}
textarea{resize:none;}
input[type="checkbox"] {border: 1px solid #ddd; border-radius:1px;}
input[type="checkbox"]:checked {border-color: #0d6efd;
    background:#0d6efd url('../images/icon_check.svg');
	background-position:50% 50%;
	background-size: 18px 18px;
}
select{height:45px; padding:0 10px; border:1px solid #ddd; background:#fff; vertical-align:middle;}
select::-ms-expand {background-color:transparent; border:0;}
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="number"],
input[type="file"],
select,
textarea{-webkit-border-radius:5px; -webkit-appearance:none; border-radius:5px;}
select{padding-right:40px; background:url(../images/common/icon_thin_down.svg) no-repeat calc(100% - 10px) 50%; background-size:16px 16px; padding-left: 10px; color: #333;}
body[class*="ie"] select{padding-right:10px;}
input[type=file]{background:#eee; font-size:1.08em;}
input[readonly],
input[disabled]{background:#eee;}
input[type=checkbox],
input[type=radio]{width:20px; height:20px; margin:2px 3px 1px 0; }
input[type=checkbox] + label,
input[type=radio] + label{margin-right:20px;}
table{width:100%;}
input[type=text] + input[type=submit], select + input[type=text]{margin-left: 3px;}


/* reset some shadow dom */
/* clears the 'X' from Internet Explorer Chrome */
input::-ms-clear {  display: none; width : 0; height: 0; }
input::-ms-reveal {  display: none; width : 0; height: 0; }

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }

/* button */
.btn_area{padding:30px 0; display: flex; justify-content: center;}
.btn_area.right{text-align:right;}

.btn_area.left{text-align:left;}
.button{display:inline-block; overflow:hidden; position:relative; min-width:100px; height:45px; line-height:43px; font-size: 15px; box-sizing:border-box; padding:0 15px;  background:#41464e; border:1px solid #25282d; color:#fff !important; text-align:center; vertical-align:middle; border-radius: 5px; transition:all 0.4s ease-out 0.1s; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0);}

.button span{position:relative; z-index:2;}
.button.red{background:#c40251; border:1px solid #c40251;}
.button.blue{background:#2377d0; border:1px solid #1760ad;}
.button.black{background:#2d2b2b; border:1px solid #1f1f1f;}
.button.gray{background:#92999e; border:1px solid #92999e;}
.button.white{background:#fff; border:1px solid #cdcdcd; color:#444 !important;}
.button.lg{min-width:150px; height:50px; line-height:48px; font-size:16px; letter-spacing:-1px;}
.button.sm{min-width:60px; height:23px; line-height:21px; padding:0 10px; font-size:12px;}
.btn_area .button{height:45px; line-height:43px;}
.btn_area .button.sm{height:23px; line-height:21px;}
.btn_area .button.lg{height:50px; line-height:48px;}
.button + .button{margin-left: 3px;}
table .button{height:33px; line-height:31px;}
.button.btn_blue {
    width: 15.6px;background-color: #0d6efd;color: #fff; transition: all 0.3s; border:none;}
.button.btn_white{ background-color: #fff;border: 1px solid #25282d; color: #25282d !important; letter-spacing: -1px; height: 45px; line-height: 43px; }
/* button hover */
.button:before{content:''; display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; width:120%; height:110%; background:#fff; transform:translateX(-120%) skew(-15deg); transition:transform 0.7s cubic-bezier(0, 0, 0.21, 0.87) 0s;}
.button.btn_white:before{display: none; }
.button.download{background: url(../images/common/icon_down.svg) no-repeat 20px 50%; padding-left: 45px; background-size: 18px }
.button:hover,
.button:focus{color:#222 !important; box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
.button:hover:before,
.button:focus:before{background:#fff; transform:translateX(-10%) skew(-15deg) perspective(500px);}
.button.btn_blue:hover {
    background-color: #197aff;
    box-shadow: 0 4px 16px rgba(102, 156, 229, 0.5);
}
input.button:hover,
input.button:focus{opacity:0.8; color:#fff !important;}
label.button.white:hover,
label.button.white:focus{color:#222 !important;}
label.button.white:before{display:none;}
input.btn_white:hover,
input.btn_white:focus{opacity:0.8; color:#0d6efd !important;}


/* check box */
.form_check{
	position:relative; padding:5px 0;
}
.form_check input[type="checkbox"] + label span::before {
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0, 90, 212, 0.2);
    background-color: #fff;
    margin-right: 8px;
    transition: all 0.3s;
}
.form_check input[type="checkbox"]:checked + label span::before {
    border-color: #0d6efd;
    background-color: #0d6efd;
}
.form_check input[type="checkbox"] + label span::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 5px;
    width: 10px;
    height:10px;
    background: url(../images/check_icon.svg) no-repeat center;
    transform: scale(1);
    transition: all 0.3s;
    transition-delay: 0.2s;
}
.hidden {
    position: absolute;
    left: -1000%;
    top: 0;
    display: block;
    width: 1px;
    height: 1px;
    color: #fff;
    overflow: hidden;
    font-size: 0;
    display: none;
}
small {
    font-size: 13px;
    font-weight: 400;
}
.text-gray {
    color: #999999 !important;
}
/* table */
.table {
	margin: 0px 0 30px 0;
	border-collapse:collapse;
	border-spacing:0;
	position: relative;
	width: 100%;
}
.table:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #333;
	z-index: 1;
}
.table th{
	text-align:center;
	vertical-align:middle;
	position: relative;
	font-weight: 500;
	padding: 15px ;
	border-bottom: 1px solid #cfcfcf;
	background: #f5f5f5;
}
.table .line_r{border-right: 1px solid #cfcfcf;}
.table td{
	text-align:left;
	vertical-align:middle;
	position: relative;
	padding: 15px ;
	border-bottom: 1px solid #cfcfcf;
}
.table .center{text-align:center;}
/* .table.api_object td:last-child{text-align: right;} */

/* ----------------------------------------------------------------
	table - privacy
---------------------------------------------------------------- */
table.privacy{margin-top: 15px;}
table.privacy thead > tr > th,
table.privacy tbody > tr > th,
table.privacy tbody > tr > td {
  font-weight: 300;
padding: 10px;
vertical-align: middle;
}
table.privacy thead > tr > th {
  border-top: 2px solid #0f172a;
text-align: center;
font-weight: normal;
}
table.privacy tbody tr:first-of-type > * {
  border-top: 1px solid #0f172a;
}
table.privacy tbody > tr > th,
table.privacy tbody > tr > td {
  border-bottom: 1px solid #0f172a;
}
table.privacy tbody > tr > th{text-align: center;}
table.privacy tbody > tr > td {
  border-left: 1px solid #0f172a;
}
table.privacy tbody > tr > td.cen{text-align:center;}
/* icon */
.ico{position: relative; display: inline-block; width: 19px; height:19px;  top: 3px; margin-right: 5px;}
.ico-discount{
	background:url('../images/common/icon_discount.svg') no-repeat left bottom;
	background-size: 19px 19px;
}

/* text color */
.text-gray { color: #999999 !important; }
.text-red {color: #d52027 !important; }
.text-orange {color: #ff8909 !important; }
.text-blue {color: #185ef8 !important; }
.text-white {color: #fff !important; }
 
.tip{position:relative; clear:both; display:inline-block;}
.tip .title {
	position: relative;
	padding: 0 0 5px 24px;
	background: url('../images/common/icon_info.svg') no-repeat left 2px; }
.tip_title{padding-left: 24px;
	background: url('../images/common/icon_info.svg') no-repeat left 2px; margin: 20px 0 15px 0;}
.tip_list{padding: 0px 0 0 8px;}
.tip_list li{
	padding: 4px 0 4px 16px;
	position: relative; 
}
.tip_list li:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 2px;
    height: 2px;
    background: #666666;
}
.tip_alram{
	position: relative;
	padding-left: 24px;
	background: url('../images/common/icon_bell.svg') no-repeat left 5px;
	background-size: 30px 30px;
	line-height: 30px; 
	padding: 6px 0 6px 40px;
	}
@media only screen and (max-width: 640px) {
  .tip:before {
	top: 0.1em; } 
}
	
/* animation */
#ing {
  color:#999;
  font-size:50px;
  font-weight:bold;
  padding: 100px 0;
  width:100%;
  height: 400px;
  display:block;
  text-align: center;
}

#flip {
  height:50px;
  line-height: 50px;
  overflow:hidden;
}

#flip > div > div {
  color:#fff;
  padding: 0px 20px;
  height:50px;
  line-height: 48px;
  margin-bottom:50px;
  display:inline-block;
}
#flip div:first-child {
  animation: show 5s linear infinite;
}
#flip div div {
  background:#42c58a;
}
#flip div:first-child div {
  background:#4ec7f3;
}
#flip div:last-child div {
  background:#DC143C;
}

@keyframes show {
  0% {margin-top:-300px;}
  5% {margin-top:-200px;}
  33% {margin-top:-200px;}
  38% {margin-top:-100px;}
  66% {margin-top:-100px;}
  71% {margin-top:0px;}
  99.99% {margin-top:0px;}
  100% {margin-top:-300px;}
}

/* **************************************** *
 * WP CORE
 * **************************************** */
ul#wp-admin-bar-root-default {float: left;}
.screen-reader-text{text-indent: -9999px; display: inline-block; overflow: hidden;}
.clr{clear:both;}


.mgt01{margin-top:60px !important;}
.mgt02{margin-top:120px !important;}
.mgt03{margin-top:40px !important;}
.mgt04{margin-top:15px !important;}
.pdb30{padding-bottom:30px !important}