@charset "utf-8";


@import url(/2024/css/font.css);



/* reset */
html, body, div, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:'SUIT', 'Codec-Cold': 100%;
	vertical-align: baseline;
	outline:0;
	font-weight: normal;
	line-height: 1.7;
}
strong {font-weight: 900;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
a { text-decoration:none; color:inherit; }
ul,li,ol,dl,dt,dd{ list-style:none;}
table {	border-collapse: collapse; border-spacing: 0;}
table th, table td{ vertical-align:middle; }
button { background:transparent; border:0; outline:0; padding:0; margin:0; font-family:'SUIT', 'Codec-Cold'; cursor:pointer; }
textarea{overflow:auto;}
select{
	outline:0;
	box-shadow:none;
	border:none;
}
.select-field select {color: #979797; -webkit-appearance: none;  /* 네이티브 외형 감추기 */ moz-appearance: none; appearance: none;}

select:focus, select:active {outline:0;}
textarea:focus, textarea:active {outline:0;}

select option{background:#fff;}
::selection {
  background: #f2f3f5; /* WebKit/Blink Browsers */
  color: #firstCurrent;
}
::-moz-selection {
  background: #f2f3f5; /* Gecko Browsers */
}
* {      word-break: break-all;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

html {
    box-sizing: border-box;
}
*,::after,::before {
    box-sizing: border-box
}




/* custom style */

body { 
	margin: 0; 	
	font-family:'SUIT', 'Codec-Cold', "sans-serif", "dotum", "돋움", "gulim", "굴림", "Arial", "AppleGothic", "verdana", "helvetica"; 
	font-weight:400; 
	font-size: 15px; 
	color:#111;  
	height:100%; 
	overflow:hidden; 
	overflow-y:scroll; 
	-webkit-overflow-scrolling:touch;
	letter-spacing: .0em; 
	line-height:1;
}

em,address{font-style:normal;}
hr{display:none}
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;table-layout:fixed;word-break:break-all;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}
input,textarea, select{-webkit-border-radius:0; /* 둥근모서리 */font-family:'SUIT', 'Codec-Cold';font-size:14px;font-weight:400;}


textarea {padding: 0; resize: none; width: 100%; border: none;}
input[type='radio'] {padding: 0; border: 1px solid #222245; width: 16px; height: 16px; border-radius: 100%; background: #fff; -webkit-appearance: none; vertical-align: -1px; cursor: pointer;}
input[type='radio']:checked {background: #222245;}
input[type='radio'] + label {padding-left: 0px; }
input[type=range]{-webkit-appearance:none;width:100%;height:10px;border-radius:0;background:transparent;cursor:pointer;background:#eaeaea;}
input[type=range]:focus{outline:none;}
input[type=file],input[type=file]::-webkit-file-upload-button{cursor:pointer;}
input[type='checkbox'] {position: relative; width: 13px; height: 13px; -webkit-appearance: none; background: #fff; border: 1px solid #cfcfcf; vertical-align: -1px; cursor: pointer; border-radius: 50%; -moz-border-radius : 50%; -webkit-border-radius : 50%;}
input[type='checkbox']:checked {background: #222245;}
p input[type='checkbox'] + label {padding-left: 10px; font-weight: 500;}
/* input[type='text'], input[type='tel'], input[type='password'] {min-width: 220px;} */
label {cursor: pointer;}

#wrap {position: relative; overflow-x: hidden;}

input::placeholder {
font-size: 17px !important;
color: #9A9A9A;
}
textarea::placeholder {
font-size: 17px !important;
color: #9A9A9A;
}

.respon-img {display:block;width:100% !important;}
.clearfix {*zoom:1}
.clearfix:after {display:block;content:'';clear:both;}
.left {float:left;}
.right {float:right;}
.text-center {text-align:center;justify-content: center !important;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.txtWh *{color:#fff !important}
.altTxt {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip:rect(0, 0, 0, 0); border:0;}
.lock {overflow:hidden;}
.verticalTop {vertical-align: top;}
.pb0{padding-bottom:0px !important;}

.video-wrap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-wrap iframe, .video-wrap object, .video-wrap embed, .video-wrap video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.color-main {color:#e93436 !important;}
.txt-bold {font-weight: bold;}
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.shadow {box-shadow: 0px 0px 13px 0px rgba(183, 183, 183, 0.5); -webkit-box-shadow: 0px 0px 13px 0px rgba(183, 183, 183, 0.5); -moz-box-shadow: 0px 0px 13px 0px rgba(183, 183, 183, 0.5);}
.img-wrap img {width: 100%;}
.warningColor {display: block; padding-top: 5px; color: #e5433e;}
.width100 {width: 100%;}
.font-regular {font-weight: 400;}
.font-medium {font-weight: 500;}
.space-between {display: flex; justify-content: space-between; align-items: flex-end;}
span.space-sm{display: block; width: 100%; height: 0.4rem;}

select {letter-spacing: -0.05em; appearance:none; background-color: #fff !important;}
select {background:url('/2024/img/common/icon-accomore-bk.png') no-repeat right 12px center; background-size: 1.6rem;}

input::-webkit-input-placeholder{font-family:'SUIT', 'Codec-Cold' !important; font-weight: 500; font-size:min(1.6rem, 16px); color:#bbbbbb;}
input:-ms-input-placeholder{font-family:'SUIT', 'Codec-Cold' !important; font-weight: 500; font-size:min(1.6rem, 16px); color:#bbbbbb;}
input:-moz-input-placeholder{font-family:'SUIT', 'Codec-Cold' !important; font-weight: 500; font-size:min(1.6rem, 16px); color:#bbbbbb;}
input::-moz-input-placeholder{font-family:'SUIT', 'Codec-Cold' !important; font-weight: 500; font-size:min(1.6rem, 16px); color:#bbbbbb;}
input::placeholder{font-family:'SUIT', 'Codec-Cold' !important; font-weight: 500; font-size:min(1.6rem, 16px); color:#bbbbbb;}

textarea::placeholder{font-family:'SUIT', 'Codec-Cold' !important; font-weight: 500; font-size:min(1.6rem, 16px); color:#bbbbbb;}
textarea:-ms-input-placeholder{font-family:'SUIT', 'Codec-Cold' !important; font-weight: 500; font-size:min(1.6rem, 16px); color:#bbbbbb;}
textarea::-webkit-input-placeholder{font-family:'SUIT', 'Codec-Cold' !important; font-weight: 500; font-size:min(1.6rem, 16px); color:#bbbbbb;}
textarea:-moz-input-placeholder{font-family:'SUIT', 'Codec-Cold' !important; font-weight: 500; font-size:min(1.6rem, 16px); color:#bbbbbb;}
textarea::-moz-input-placeholder{font-family:'SUIT', 'Codec-Cold' !important; font-weight: 500; font-size:min(1.6rem, 16px); color:#bbbbbb;}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"] {
    width: 100%;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #e5e9ec;
    background-color: #fff;
    outline: 0;
    transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
}