@charset "utf-8";
@import url('../../css/font.css');
@import url('../../css/remixicon.css');
@import url('../../css/xeicon.css');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');


/* Reset */
*{margin:0; padding:0; box-sizing:border-box;}
*:focus { outline:none; }
html, body { font-family:'Pretendard GOV','Noto Sans KR','나눔고딕', 'Nanum Gothic', 'sans-serif';color:#3E4345; -webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; line-height:1;  word-break: keep-all; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-backface-visibility: hidden;  letter-spacing:-0.025em;}
html, body, div, span, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {margin:0;padding:0}
ol, ul, li {list-style:none;}
em, dt, dd, address, i {font-style:normal}
img {vertical-align:top; width:100%;}
img, fieldset {border:0 none;}
button {border:0 none;background:transparent;cursor:pointer;}
hr {display:none;}
legend, .skip, .blind, .skip_nav, .hide {width:0;height:0;visibility:hidden;font-size:0;line-height:0;position:absolute;top:0;left:-9999em;overflow:hidden;}
table caption {display:none}
table {border-collapse:collapse;border-spacing:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
a{color:inherit;}
a:link, a:visited {text-decoration:none; }
a:hover, a:active {text-decoration:none}
h1, h2, h3, h4, h5, h6{font-family: inherit;  font-weight:600; color: inherit; line-height:1.3;}
input, textarea, select {border-radius:0;-webkit-appearance:none; font-family: inherit; font-size: 0.95rem; letter-spacing: 0em; color: inherit;	padding: 0; outline: none;}
button {border:0; cursor: pointer;}

.clearfix { display:block; }
.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }

.exo{font-family: "Exo 2", 'Pretendard GOV', serif;}

/* 입력 스타일 */
input{appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
input[type="checkbox"]{vertical-align:middle; display: inline-block; width: 1.1rem;  height: 1.1rem; border: 1px solid #E6E6E6 ; background-color:#fff; vertical-align:middle; }
input[type="checkbox"]:checked{background-color:#109CF1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1824 8.23105L8.97611 15.8903L4.29297 11.2071L5.70718 9.79289L9.02404 13.1097L15.8178 6.76894L17.1824 8.23105Z' fill='white'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: 50% 50%; background-size:100% 100%; border: 1px solid #109CF1;}
input[type="checkbox"]:disabled{background:#E8E8E8; border-color:#E6E6E6}
input[type="checkbox"]:checked:disabled{background-color:#E8E8E8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1824 8.23105L8.97611 15.8903L4.29297 11.2071L5.70718 9.79289L9.02404 13.1097L15.8178 6.76894L17.1824 8.23105Z' fill='%23838383'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: 50% 50%; background-size:100% 100%; border-color:#E8E8E8}


input[type="radio"] { display: inline-block; width: 1.1rem;  height: 1.1rem; border: 1px solid #E6E6E6 ; border-radius: 50%; background-color:#fff; vertical-align:middle; }
input[type="radio"]:checked{background-color:#109CF1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1824 8.23105L8.97611 15.8903L4.29297 11.2071L5.70718 9.79289L9.02404 13.1097L15.8178 6.76894L17.1824 8.23105Z' fill='white'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: 50% 50%; background-size:100% 100%; border: 1px solid #109CF1;}
input[type="radio"]:disabled{background:#E8E8E8 ;border-color:#E6E6E6}
input[type="radio"]:checked:disabled{background-color:#E8E8E8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1824 8.23105L8.97611 15.8903L4.29297 11.2071L5.70718 9.79289L9.02404 13.1097L15.8178 6.76894L17.1824 8.23105Z' fill='%23838383'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: 50% 50%; background-size:100% 100%; border-color:#E8E8E8}


input[type="password"],
input[type="text"] {-webkit-appearance:none; width:100%; background:#fff;  border:1px solid #b3b3b3; -webkit-appearance: none; box-shadow: none; padding: 0px 10px;  box-sizing:border-box;  height: 40px; text-align:left;}
select {height:2rem; line-height:2rem; padding:0 1.5rem 0 0.5rem;font-family: inherit; background-color:#fff; background-position:right 0.5rem top 50%; background-size:0.6rem auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cg clip-path='url(%23clip0_981_187)'%3E%3Cpath d='M0.874502 0.392493L0.388184 0.878811L5.99835 6.48898L6.48467 6.00266L0.874502 0.392493Z' fill='%23353535' stroke='%23353535' stroke-miterlimit='10'/%3E%3Cpath d='M11.1243 0.386579L5.51709 5.99968L6.00366 6.48575L11.6109 0.872643L11.1243 0.386579Z' fill='%23353535' stroke='%23353535' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_981_187'%3E%3Crect width='12' height='6.87208' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #b3b3b3; border-radius: 0px; vertical-align:middle; background-repeat: no-repeat;}
select::-ms-expand { /* for IE 11 */   display: none;}
textarea{padding:0.5rem; width:100%; box-sizing:border-box; vertical-align:middle; line-height:1.5; background:#fff; border:1px solid #b3b3b3;  color:#898989; -webkit-appearance: none; box-shadow: none; border-radius:0; resize: vertical; }

/* 웹접근성용 */
.hidden, .sr_only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* button */
.button{display:inline-block; overflow:hidden; position:relative; min-width:100px; height:2.5rem; line-height:2.5rem; box-sizing:border-box; padding:0 2rem; border:1px solid #284b8f; background: #284b8f; color:#fff !important; text-align:center; vertical-align:top; box-shadow: 3px 4px 18px 2px rgb(204 204 204 / 25%); transition: all 0.3s ease; cursor:pointer; z-index:0; vertical-align:middle; }
.button span{position:relative; z-index:2;}
.button.red{background:#F44336; border:1px solid #F44336;}
.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:hover{box-shadow:5px 15px 20px rgba(0,0,0,0.15);}

/*safari input*/
input[type='button'],
input[type='submit'] { -webkit-appearance: none; -webkit-border-radius: 0; }

/* IPHONE */
input:disabled, textarea:disabled { opacity: 1; -webkit-text-fill-color: inherit; }
input[type="text"], input[type="password"] { -webkit-appearance: none; border-radius: 0; }


:-ms-input-placeholder{color:#BFBFBF !important;}/* Internet Explorer 10-11 */
::-ms-input-placeholder{color:#BFBFBF !important;}/* Microsoft Edge */
::placeholder{color:#BFBFBF;opacity:1;}/* Chrome, Firefox, Opera, Safari 10.1+ */


/* 아이폰(사파리) 터치 메뉴 활성화 관련 */
a, button,
[role=button], [role=link], [role=tab] {-webkit-touch-callout:none;}


/*basic*/
.clear {clear:both;}
.of{overflow:hidden;}
.blind{display:none;}

/*text-color*/
.text_white {color:#fff !important;}
.text_red {color:#ff4b00 !important;}
.text_blue {color:#55b9ff;}
.text_green {color:#7dd237;}
.text_scal {color:#e68e27;}

/*width*/
.w100 {width:100%;}
.w98 {width:98%;}
.w95 {width:95%;}
.w90 {width:90%;}
.w85 {width:85%;}
.w80 {width:80%;}
.w75 {width:75%;}
.w70 {width:70%;}
.w65 {width:65%;}
.w60 {width:60%;}
.w55 {width:55%;}
.w50 {width:50%;}
.w49 {width:49%;}
.w48 {width:48%;}
.w45 {width:45%;}
.w40 {width:40%;}
.w35 {width:35%;}
.w30 {width:30%;}
.w25 {width:25%;}
.w20 {width:20%;}
.w15 {width:15%;}
.w10 {width:10%;}
.w100px {width:100px;}
.w90px {width:90px;}
.w80px {width:80px;}
.w70px {width:70px;}
.w60px {width:60px;}
.w50px {width:50px;}
.w40px {width:40px;}
.w30px {width:30px;}
.w20px {width:20px;}
.w10px {width:10px;}

/*height*/
.mh0 {min-height:0 !important;}

/*margin*/
.m100 {margin:100px !important;}
.m90 {margin:90px !important;}
.m80 {margin:80px !important;}
.m70 {margin:70px !important;}
.m60 {margin:60px !important;}
.m50 {margin:50px !important;}
.m40 {margin:40px !important;}
.m30 {margin:30px !important;}
.m20 {margin:20px !important;}
.m10 {margin:10px !important;}
.m5 {margin:5px !important;}
.m0a {margin:0 auto;}
.ma0 {margin:auto 0;}
.ma {margin:auto;}

/*margin-top*/
.mt100 {margin-top:100px !important;}
.mt90 {margin-top:90px !important;}
.mt80 {margin-top:80px !important;}
.mt70 {margin-top:70px !important;}
.mt60 {margin-top:60px !important;}
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mt5 {margin-top:5px !important;}
.mt0 {margin-top:0 !important;}

/*margin-left*/
.ml100 {margin-left:100px !important;}
.ml90 {margin-left:90px !important;}
.ml80 {margin-left:80px !important;}
.ml70 {margin-left:70px !important;}
.ml60 {margin-left:60px !important;}
.ml50 {margin-left:50px !important;}
.ml40 {margin-left:40px !important;}
.ml30 {margin-left:30px !important;}
.ml20 {margin-left:20px !important;}
.ml10 {margin-left:10px !important;}
.ml5 {margin-left:5px !important;}
.ml0 {margin-left:0 !important;}

/*margin-right*/
.mr100 {margin-right:100px !important;}
.mr90 {margin-right:90px !important;}
.mr80 {margin-right:80px !important;}
.mr70 {margin-right:70px !important;}
.mr60 {margin-right:60px !important;}
.mr50 {margin-right:50px !important;}
.mr40 {margin-right:40px !important;}
.mr30 {margin-right:30px !important;}
.mr20 {margin-right:20px !important;}
.mr10 {margin-right:10px !important;}
.mr5 {margin-right:5px !important;}
.mr0 {margin-right:0 !important;}

/*margin-bottom*/
.mb100 {margin-bottom:100px !important;}
.mb90 {margin-bottom:90px !important;}
.mb80 {margin-bottom:80px !important;}
.mb70 {margin-bottom:70px !important;}
.mb60 {margin-bottom:60px !important;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb5 {margin-bottom:5px !important;}
.mb0 {margin-bottom:0 !important;}


/*float*/
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

/*text-align*/
.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.aj {text-align:justify !important;}

/*text-decoration*/
.tdo {text-decoration:overline;}
.tdl {text-decoration:line-through;}
.tdo {text-decoration:underline;}


@media (max-width:767px){
select{min-width:auto;}
/* Prevent Zoom in when foucing input */
input, select, textarea {font-size:15px !important;}

}