@charset "utf-8";

@import url('../../../../font/com/pretendard.css');

/* --------------------------초기화------------------------- */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	color: #222;
	font-family: 'Pretendard',"맑은고딕",'MalgunGothic', sans-serif;
	position: relative;
	background-color: #F7F9FC;
	font-size:16px;
	word-break:break-all;
}

a {
    color: #222;
    text-decoration: none;
    cursor: pointer;
}

ol, ul {
	list-style: none;
}



/**rest**/
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:normal}
ul,ol{list-style:none}
i,em,address,optgroup{font-style:inherit;font-weight:inherit}
b,strong{/*font-weight:inherit*/}
a{background-color:transparent;font-size:inherit;font-style:inherit;font-weight:inherit;text-decoration:none}
/* img{border-style:none;max-width:100%;height:auto;vertical-align:middle} */
table{width:100%; border-collapse:collapse;border-spacing:0}
::-ms-clear{display:none}
:invalid{-webkit-box-shadow:none;box-shadow:none}
:-moz-submit-invalid{box-shadow:none}
:-moz-ui-invalid{box-shadow:none}
button,input,optgroup,textarea{/*width:100%;*/font-family:inherit;/*font-size:100%;*/line-height:normal;margin:0; border:none; background:none;outline:none;border-radius:0;color:inherit; /*text-align:left;-webkit-appearance:unset;-moz-appearance:none*/}
button::-webkit-input-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder, optgroup::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#ccc}
button::-moz-placeholder, input::-moz-placeholder, select::-moz-placeholder, optgroup::-moz-placeholder, textarea::-moz-placeholder{color:#ccc}
button:-ms-input-placeholder, input:-ms-input-placeholder, select:-ms-input-placeholder, optgroup:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#ccc}
button::-ms-input-placeholder, input::-ms-input-placeholder, select::-ms-input-placeholder, optgroup::-ms-input-placeholder, textarea::-ms-input-placeholder{color:#ccc}
button::placeholder,input::placeholder,select::placeholder,optgroup::placeholder,textarea::placeholder{color:#ccc}
i{background-repeat:no-repeat;background-size:contain;background-position:center;}
button{cursor:pointer}
button,input{overflow:visible;line-height:normal}
button,select{text-transform:none;appearance:none;/*-webkit-appearance:none*/}
button{transition:all .25s; position:relative; line-height:1.2}
button:active{top:1px}
input[type="text"][disabled],input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="email"][disabled],input[type="password"][disabled],textarea[disabled]{background-color:#f6f6f6}
button[disabled],html input[disabled]{cursor:default}
input[type="radio"]+label:before,input[type="radio"]+label:after{border-radius:50%}
input[type="checkbox"],input[type="radio"]{/*opacity:0;*/-webkit-box-sizing:border-box;box-sizing:border-box;padding:0; flex-shrink:0}
select::-ms-expand{display:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
/* button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0} 
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}*/
progress{vertical-align:baseline}
textarea{overflow:auto;resize:none}
[type="checkbox"],[type="radio"]{padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template,[hidden]{display:none}
fieldset {border: none;}
/*:focus {outline:1px solid #007BF5}*/
:focus {outline:1px solid #007BF5}
:focus:not(:focus-visible) {outline: 0;}

/* --------------------------디자인시스템------------------------- */

input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	border: 1px solid #aaa;
	transition: 0.2s all linear;
	outline: none;
	margin-right: 5px;
	position: relative;
	cursor: pointer;
}

input[type=radio]:checked {
	border: 5px solid #279E77;
	background-color: #ffffff;
}

::selection {
	background-color: #2C3C73;
	color: #fff;
}

::-webkit-scrollbar{
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb{
	height: 17%;
	background: #b0d6ff;
	border-radius: 10px;
}

::-webkit-scrollbar-track{
	background-color: transparent;
}

input[type=text], input[type=email], input[type=password], input[type=date], input[type=number] {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	height: 30px;
	font-family: 'Pretendard Regular';
	padding: 0px 10px;
}

input[type=date] {font-size: .825rem}

input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus, input[type=date]:focus, input[type=number]:focus {
	outline: 2px solid #007BF5;
}

input[type=text]:read-only, textarea:read-only, input[type=email]:read-only, input[type=password]:read-only {
	border: 1px solid #d9d9d9;
	background-color: #ddd;
}

input[type=text]:read-only:focus, textarea:read-only:focus, input[type=email]:read-only:focus, input[type=password]:read-only:focus {
	outline: none;
}

textarea {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	font-family: 'Pretendard Regular';
	padding: 10px 10px;
	resize: none;
}

select {
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	height: 30px;
	padding: 0px 30px 0 10px;
	background:url('../../../../images/ygpa/com/cmm/selectDownArrowGray.png') no-repeat right 10px center #ffffff;
	background-size:10px 5px
}



/* 반응형 */
/* 모바일  세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) {
	html { width: 100vw; overflow-x: hidden; }
	body { width: 100vw; overflow-x: hidden; }
}