@charset "UTF-8";

/********************************************************

			리셋 / 공통 / 폰트 css  [BSJ]

********************************************************/
@import url(jquery.bxslider.css);
@import url(swiper.min.css);
@import url(layout.css?v=202011261100);
@import url(contents.css?v=202011251743);
@import url(contents2.css?v=202007160946);
@import url(notoSans.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cambay:400,700&display=swap');
body,html {height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,
textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{font-size:13px;line-height:1.25}
body{position:relative;background-color:#fff;color:#333}
body.s{-ms-text-size-adjust:none;-webkit-text-size-adjust:none}
img,fieldset{border:0}
table{border-collapse:collapse}
img {vertical-align:top;}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
strong {font-weight:600;}
* {outline:none;word-break:keep-all;}
#wrap {height:100%;font-family:helvetica, arial, sans-serif;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;letter-spacing:-0.9px}
/* Skip Nav */
#skip {position:relative;z-index:99999999999;}
#skip a {display:block;overflow:hidden;width:1px;height:1px;margin-bottom:-1px;background:#151c2d;font-weight:500;font-size:16px;color:#fff;white-space:nowrap;text-align:center;}
#skip a:focus,
#skip a:active {position:absolute;width:100%;height:auto;margin-bottom:10px;padding:5px;left:0;top:0;box-sizing:border-box;}




button,
input[type=button] { cursor: pointer; vertical-align: middle;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-webkit-border-radius:1px;border-radius:1px;-moz-border-radius:1px;}
input[type=password],
input[type=text] {appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-border-radius:1px;border-radius:1px;-moz-border-radius:1px;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;font-family:helvetica, arial, sans-serif;letter-spacing:-0.8px;}
table { table-layout:fixed;width:100%;padding:0;border-collapse:collapse;border-spacing:0;text-align:center; }
th, td { vertical-align: middle !important; }
select { background: url(../../images/common/select.png) no-repeat 93% center; background-color:#fff; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; -webkit-border-radius:1px;border-radius:1px;-moz-border-radius:1px;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;font-family:helvetica, arial, sans-serif;letter-spacing:-0.8px;}
select::-ms-expand { display: none; }
select { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.blind { display: none; }
textarea {font-family:helvetica, arial, sans-serif;resize:none;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;letter-spacing:-0.9px;}
::-webkit-input-placeholder {font-weight:500;color:#999 !important;}

input[type=text]:hover,
input[type=text]:focus,
input[type=password]:hover,
input[type=password]:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {border-color:#2b68a7 !important;}
textarea[readonly]:hover,
textarea[readonly]:focus {border-color:#e4e4e4 !important;}

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {font-size:18px;color:#000;cursor:pointer;}
input[type="checkbox"] + label span {display:inline-block;width:24px;height:24px;margin:-2px 10px 0 0;vertical-align:middle;background-image:url(../../images/common/check_radio_sheet.png);background-position:center;cursor:pointer;}
input[type="checkbox"]:checked + label span {background-image:url(../../images/common/check_radio_sheet_on.png);}

input[type="radio"] {display:none;}
input[type="radio"] + label {font-weight:300;font-weight:500;font-size:13px;color:#666;cursor:pointer;}
input[type="radio"] + label span {display:inline-block;width:16px;height:16px;margin:-3px 5px 0 0;vertical-align:middle;background-image:url(../../images/common/check_radio_sheet2.png);background-position:center;cursor:pointer;}
input[type="radio"]:checked + label span {background-image:url(../../images/common/check_radio_sheet2_on.png);}


table {}
table th {padding:16px 28px;background-color:#f8f8f8;border-bottom:1px solid #eee;font-weight:400;font-size:13px;color:#555;text-align:left;}
table td {padding:12px 0;background-color:#fff;border-bottom:1px solid #eee;font-weight:300;font-size:13px;color:#111;text-align:left;}
table td .i_new {display:inline-block;width:18px;height:18px;line-height:18px;margin-top:-3px;margin-left:5px;background-color:#5700da;border-radius:50%;font-style:normal;font-weight:200;font-size:13px;color:#fff;text-align:center;vertical-align:middle;}

@media screen and (max-width: 640px){
    input[type="radio"] + label {font-size:15px;}
    table th {padding:12px 15px;font-size:14px;}
    table td {padding:12px 15px;font-size:14px;}
}