@charset "utf-8";
/* import */
@import url('swiper-bundle.min.css');
@import url('animate.css');
@import url('font.css');
@import url('fontawesome.css');
@import url('jquery.fullPage.css');
@import url('slick.css');
/* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap"); */
/* reset */
/* html, body {width: 100%;} */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; word-break: keep-all; -webkit-font-smoothing: antialiased;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content: none;}
table {width: 100%; border-collapse: collapse; border-spacing: 0;}
img {border: 0; max-width: 100%; /* width: 100%; */ height: auto; transition: all 0.4s ease-in-out; vertical-align: top; background: transparent;}
iframe, embed, object, video {max-width: 100%;}
i, cite, em, var, address, dfn { font-style: normal;}
/* button reset */
button {background: none; border: none; outline: none; padding: 0;}
/* hidden */
legend {display: block; overflow: hidden; font-size: 1px; line-height: 0; color: transparent;}
.blind,#skip {position: absolute!important; clip: rect(0 0 0 0)!important; width: 1px!important; height: 1px!important; overflow: hidden!important; white-space: nowrap!important; border: 0!important;}
/* skip Navgation */
/* #skip a {position:absolute; display:block; left:-9999px; text-align:center; width:100px; padding:0;}
#skip a:hover, #skip a:focus, #skip a:active {z-index:999999; margin-left:-100px; left:50%;} */
/* * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before,
*:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} */
/* address, em {font-style: normal;}
hr {display: none;}
sup {position: relative; top: -3px; padding-left: 3px; font-size: 11px;} */
a {text-decoration: none; color: inherit; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
/* table */
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
tbody, tfoot, thead, tr, th, td { vertical-align:middle; }
caption { position:  absolute; top:-9999px; left:-9999px;}
/* fieldset */
fieldset { border: none; }
legend { visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: -999999px; }
/* form */
input[type=button],
input[type=submit] { cursor: pointer; }
button { width: auto; overflow: visible; background: none; border: none; cursor: pointer; margin: 0; padding: 0; /* font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; */}
textarea { resize: none; /* font-family: 'GmarketSansMedium', 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; */ color: #111; border-radius: 0; padding: 10px 20px; font-size: 16px; border: #ccc 1px solid; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
select{ /* font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; */ font-size: 16px; color: #B9BABF; border:none; line-height: 60px; height: 60px; border: 1px solid #ccc; -webkit-border-radius: 0; border-radius: 0; background-color:#fff; background-position: calc(100% - 1.3rem) center; background-size: 10px auto; background-repeat: no-repeat; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; padding:0 60px 0 20px; padding-right: 0\0/IE8+9; background-image:none\0/IE8+9; overflow:hidden; line-height:1\0/IE8+9; vertical-align:middle;}
select::-ms-expand { display: none; /*display: block\0/IE8+9; */ }
input, button, select, textarea { vertical-align:middle; }
input,select,label{display:inline-block;box-sizing:border-box;vertical-align:middle;}
/* label{margin-right:5px;}
.label{ margin: 2px 20px 2px 0;} */
input[type=text],
input[type=number],
input[type=password],
input[type=date],
input[type=time],
.inp{ /* height: 90px; line-height: 90px; padding:0 20px; */ background-color: transparent; border: #ccc 1px solid; /* font-size: 16px; font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; */ -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
input[type=text]:disabled,
select:disabled,
textarea:disabled { border-color:#d7dae3; color:#d7dae3; background:#eeeff5 !important;}
input[type=text]:read-only,
input[type=password]:read-only{ /* background-color: rgba(169, 172, 187, 0.1); border-color:rgba(169, 172, 187, 0.1);  */ /* color: #ccc; */background-color: transparent; }
input[type=button],
button{vertical-align:middle;appearance:none;-ms-appearance:none;-webkit-appearance:none;-moz-appearance:none;}
input[type=button],
input[type=submit],button{ border:0;text-align:center;cursor:pointer;}
input[type=file]{cursor:pointer;}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus{ border-color:#3D404B !important; outline: none;}
/* user agent stylesheet :autofill제거하기 */
/* input:-internal-autofill-selected {
	appearance: menulist-button;
	background-image: none !important;
	background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
	color: -internal-light-dark(black, white) !important;
} */
/* font color는 text-fill-color (비표준)을 이용, background-color는 box-shadow와 transition을 이용 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset !important;
    -webkit-text-fill-color: #888 !important;
}
input::-ms-clear, 
select::-ms-expand{ display: none; }
input, textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);}
/************************************************
	label
************************************************/
/*label{ display: inline-block; vertical-align: middle; color: #000;}
input[type="radio"], 
input[type="checkbox"] { display: inline-block; width:30px; height:30px; border:none; vertical-align:-4px; -webkit-appearance:none; margin:0 5px 0 0;  padding:0; cursor: pointer; vertical-align: middle; background-repeat: no-repeat; background-origin: 50% 50%; background-size: 100%; transition:all 0.2s ease-in-out;}
input[type="radio"]{ width: 30px; height: 30px; border-radius: 50%;}
label + input[type="radio"], 
label + input[type="checkbox"]{ margin-left: 30px;}
input[type="radio"] { background-image: url(../images/blt_check.png);  }
input[type="checkbox"] { background-image: url(../images/blt_check.png); }
input[type="radio"]:checked{ background-image: url(../images/blt_check_on.png); }
input[type="checkbox"]:checked{ background-image: url(../images/blt_check_on.png);}
input[type="radio"]:disabled,
input[type="checkbox"]:disabled{ opacity: .3;}*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#9da7a8;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:#9da7a8;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#9da7a8;}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder{color:#9da7a8;}
/* common */
/* .l{ text-align: left !important;}
.r{ text-align: right !important;}
.c{ text-align: center !important;}
.fl{ float:left !important;}
.fr{ float:right !important;}
.vm{ vertical-align: middle;}
.mt0{ margin-top:0 !important;}
.underline{ text-decoration: underline;} */
/* btn */
/* .btn-box{ text-align:center; margin: 50px auto 0; max-width: 1200px; display: flex; justify-content: center;}
.btn-box.r{ justify-content: flex-end;}
.btn-box.l{ justify-content: flex-start;}
.btn{ min-width: 100px; padding: 0 36px; vertical-align:middle; line-height: 40px; margin:0; display:flex; justify-content: center; align-items: center; font-size: 18px; border-radius: 30px; letter-spacing:-.05em; white-space:nowrap; height: 42px; border: 1px solid #004f51; color: #004f51; text-align:center; }
.btn:hover{ background-color: #004f51; color:#fff; }
.btn.lg{ min-width:280px; height: 70px; line-height: 69px; font-size: 20px;}
.btn.rect{ border-radius: 0;}
.btn.green{ background-color: #004f51; color: #fff; border-color: #004f51; }
.btn.green:hover{ background-color: transparent; color: #004f51;}
.btn.dark{ background-color: #111; color: #fff; border-color:#111; }
.btn.dark:hover{ border-color:#111; background-color: transparent; color: #111;} */
@media screen and (max-width:999px){
    html{ font-size: 1.3rem;}    
    @media screen and (max-width:640px){
        html{ font-size: 10px;}        
        body{ font-size: 1.3rem;}        
        input[type="radio"], 
        input[type="checkbox"]{ width: 2rem; height: 2rem; background-size: 2rem;}
        /* input[type=text],
        input[type=number],
        input[type=password],
        .inp,
        select{ height: 5rem; line-height: 5rem; font-size: 1.4rem; padding: 0 1rem;} */
        .btn-box{ margin-top: 2rem; width: 100%;}
        .btn{ height: 4rem; padding: 0 2rem; font-size: 1.5rem;}
        .btn.lg{ min-width: 20rem; height: 6rem; line-height: 6rem; max-width: 100%; flex: 1; font-size: 1.6rem;}
    }
}