@charset "utf-8";

/*************************************************
commnet : 초기화
*************************************************/
/* RESET */
/*body, html {width:100%;height:100%;font-family:'notokr','Roboto',sans-serif;font-weight:400;-webkit-text-size-adjust:none;text-size-adjust:none;}*/
body, html {width:100%;height:100%;font-family:'Pretendard' !important;font-weight:400;-webkit-text-size-adjust:none;text-size-adjust:none;}

/* 모바일용 
html {font-size:71.5%;overflow-y:scroll;ms-touch-action:none;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none;text-size-adjust:none;}
*/

/* pc 용*/
html {font-size:62.5%;overflow-y:scroll;ms-touch-action:none;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none;text-size-adjust:none;}

.mobile_base {font-size:71.5% !important;} /* 모바일용 */


html.scroll, body.scroll {overflow:scroll;}
/*h1,h2,h3,h4,h5,h6,div, p, span, ul, ol, li, a, dl, dt, dd, table, th, td, select, input, button, textarea, label,aside,section,nav,a {margin:0;padding:0;font-family:'notokr','Roboto',sans-serif;font-weight:400;letter-spacing:-0.7px;box-sizing:border-box; -webkit-box-sizing:border-box;}*/
h1,h2,h3,h4,h5,h6,div, p, span, ul, ol, li, a, dl, dt, dd, table, th, td, select, input, button, textarea, label,aside,section,nav,a {margin:0;padding:0;font-family:'Pretendard' !important;font-weight:400;letter-spacing:-0.7px;box-sizing:border-box; -webkit-box-sizing:border-box;}
/*h1,h2,h3,h4,h5,h6,div, p, span, ul, ol, li, a, dl, dt, dd, table, th, td, select, input, button, textarea, label,aside,section,nav,a {margin:0;padding:0;font-family:'Pretendard' !important;font-weight:400;letter-spacing:-0.7px;box-sizing:border-box; -webkit-box-sizing:border-box;}*/
body {margin:0;padding:0;font-size:1.5rem;line-height:1.8;color:#141414;}
body {min-width:320px;word-wrap:break-word;word-break:break-all;}
section, article, aside, footer, figure, figcaption, nav {display:block;margin:0;padding:0;box-sizing:border-box; -webkit-box-sizing:border-box;}
img {border:0 none;vertical-align:top;width:100%;padding:0;margin:0;}
strong {font-weight:600;}
h1, h2, h3, h4, h5, h6 {margin:0;font-size:1em;}
address, em, cite {font-style:normal;}
p, blockquote {margin:0;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark {background:none;}
table {border-collapse:collapse;border-spacing:0;}
caption {padding:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
th, td {padding:0;vertical-align:top;text-align:left;font-weight:normal;}
dd, dl, ol, ul, form {margin:0;padding:0;}
li {list-style-type:none;}
form {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:none;}
legend {position:absolute;top:-50px;left:-50px;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;padding:0;}
button {overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer;}
button,select {text-transform:none;}
input, button, select, textarea {font-size:inherit;line-height:inherit;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;background:#fff;border-radius:0;box-shadow:none;padding:0;margin:0;}
select {-webkit-appearance:none;}
button, html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled] {cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
input {line-height:normal;}
label {cursor:pointer;display:inline-block;}
input[type="text"], input[type="number"], input[type="password"], input[type="date"] {width:100%;height:4.4rem;line-height:4.3rem;padding:0 1rem;border:0;border-bottom:1px solid #f3f3f3}
/*input[type="number"] {font-family: 'Roboto';font-weight:500;}*/
input[type="number"] {font-family: 'Pretendard';font-weight:500;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;-webkit-box-sizing: border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height:auto;}
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-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input::placeholder, textarea::placeholder {color:#bbb;font-weight:400 !important;}
legend {border:0;padding:0;}
textarea {overflow:auto;}
optgroup {font-weight:bold;}
iframe {border:0;padding:0;margin:0;}

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

a {text-decoration:none;color:#141414;cursor:pointer;-webkit-tap-highlight-color:transparent;}
a:link {color:#141414;text-decoration:none;}
/*
a:visited {color:#111;}
a:focus {color:#f36910;}
a:active {color:#111;}
*/

/* 가상선택자 옵션 */
.no_content:after, 
.no_content:before,
.no_content li:before {display:none !important}

/* 디스플레이 설정 */
.hidden {position:absolute !important;overflow:hidden !important;width:0 !important;height:0 !important;font-size:0 !important;text-indent:-999em;}
.none {display:none;}

/* 정렬 */
.ta-l {text-align:left !important}
.ta-r {text-align:right !important}
.ta-c {text-align:center !important}

.v-t {vertical-align:top !important}
.v-m {vertical-align:middle !important}
.v-b {vertical-align:bottom !important}

.ov-h {width:100%;overflow:hidden;}
.left {float:left !important}
.right {float:right !important}

.w100 {width:100% !important;}
.w50 {width:50% !important;}
.w60 {width:60% !important;}

/* 폰트 */
/*.f_noto, .f_noto a {font-family:'notokr' !important;} !* 한글 *!*/
.f_noto, .f_noto a {font-family:'Pretendard' !important;} /* 한글 */
/*.f_robo, .f_robo a {font-family:'Roboto' !important;} !* 영문, 숫자 *!*/
.f_robo, .f_robo a {font-family:'Pretendard' !important;} /* 영문, 숫자 */

/* 폰트 굵기*/
.f_400, .f_400 a {font-weight:400 !important}
.f_500, .f_500 a {font-weight:500 !important}
.f_600, .f_600 a {font-weight:600 !important}
.f_700, .f_700 a {font-weight:700 !important}

/* 컬러 */
.c_blue {color:#4a90e2 !important}
.c_blue2 {color:#4F5DDD !important}
.c_gray {color:#999 !important}
.c_light_gray {color:#ccc !important}
.c_red {color:#f63f37 !important}
.c_red2 {color:#f0554b !important}
.c_coral {color:#f7534b !important}
.c_black {color:#141414 !important}
.c_bold_gray {color:#666 !important}
.c_333 {color:#333 !important}
.c_light_pink {color:#f3f3f3 !important}

.bg_w {background:#fff !important}

/* border */
.b0 {border:0 !important;}
.b_bottom {border-bottom:1px solid #f3f3f3;overflow:hidden}

/* 여백 */
.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mtmb20 {margin-top:2rem !important; margin-bottom:2rem !important;}
.mt5 {margin-top:0.5rem !important;}
.mt10 {margin-top:1rem !important;}
.mt15 {margin-top:1.5rem !important;}
.mt20 {margin-top:2rem !important;}
.mt25 {margin-top:2.5rem !important;}
.mt30 {margin-top:3rem !important;}
.mb10 {margin-bottom:1rem !important;}
.mb0 {margin-bottom:0 !important;}

.p0 {padding:0 !important;}
.p20 {padding:2rem;}
.ptpb20 {padding-top:2rem !important; padding-bottom:2rem !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:0.5rem !important;}
.pt10 {padding-top:1rem !important;}
.pt15 {padding-top:1.5rem;}
.pt20 {padding-top:2rem !important;}
.pt25 {padding-top:2.5rem !important;}
.pt30 {padding-top:3rem !important;}
.pt50 {padding-top:5rem !important;}
.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:1rem !important;}
.pb15 {padding-bottom:1.5rem !important;}
.pb20 {padding-bottom:2rem !important;}
.pb30 {padding-bottom:3rem !important;}
.pb40 {padding-bottom:4rem !important;}

hr.hr5 {width:100%;height:0.5rem;background:#f3f3f3;padding:0;margin:0;border:0;} /* 섹션 구분선 */
hr.hr6 {width:100%;height:0.6rem;background:#f3f3f3;padding:0;margin:0;border:0;} /* 섹션 구분선 */

.padding1 {padding-left:1.6rem !important;padding-right:1.6rem !important;} /* 컨텐츠 좌우 여백 */
.padding2 {padding-top:1rem;padding-bottom:1rem} /* 컨텐츠 상하 여백 */
.padding3 {padding:1.5rem 1.6rem 0}
.padding4 {padding:2.5rem 1.6rem 0}
.padding5 {padding:1.6rem 2.6rem 0.4rem}

.tbl_fix, .tbl_fix li {table-layout:fixed;}


/*
@media only screen and (min-width:1024px) {
	html {font-size:62.5%;font-size:68.75%;font-size:75%;font-size:87.5%;font-size:100%;}
}
*/