@charset "utf-8";

/*
	Plani CSS style
	- 파일명 : common.css
	- 작성자 : MX-P 이헌희
	- 최초작성일 : 2022.09.22
	※ 속성 초기화 영역 및 box-sizing 임의 수정 금지
*/

/* 속성 초기화 및 box-sizing 정의 */
*,
*:before,
*:after{box-sizing:border-box !important}
html,body,
header,main,aside,footer,
nav,section,article,div,figure,figcaption,
h1,h2,h3,h4,h5,h6,p,strong,b,em,i,ol,ul,li,dl,dt,dd,address{all:unset;min-width:0;min-height:0;scroll-behavior:smooth;word-wrap:break-word;word-break:keep-all}
/* html,body */
html{overflow:hidden;overflow-y:auto;font-size:10px;width:100%;height:100%;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}
body{color:#333;font-size:1.8rem;font-family:"NotoSansKR"}
/* display:block */
html,body,header,main,section,aside,footer,nav,section,article,div,figure,figcaption,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,address,form,legend,fieldset,input,select,label,textarea{display:block}
/* display:inline-block */
a,button,label,select,input{display:inline-block}
/* cursor:pointer */
a,button,label,select,option{cursor:pointer;transition:.25s background-color, .25s color, .25s border}
/* link */
a,button,label{text-decoration:none;font-family:"NotoSansKR"}
a:link,a:visited,a:hover,a:focus{color:inherit}
/* link_target="_blank" */
a[target="_blank"]>.xi-external-link{position:relative;top:.1rem;padding-left:.5rem}
/* 전화번호 링크 */
@media(min-width:1280px) {
	a[href*="tel:"]{cursor:text}
}
button{margin:0;padding:0;background-color:transparent;border:0;color:inherit;font-size:inherit;font-weight:inherit}
/* 테이블 요소 */
table{border-spacing:0}
table,th,td{margin:0;padding:0;font-weight:500}
/* input 요소 */
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],select{padding-left:1.4rem;min-width:12.8rem;height:4.6rem;background-color:#fff;border:1px solid #bfbfbf;color:#484848;font-size:1.6rem;line-height:1}
input[type="text"]:disabled,input[type="password"]:disabled,select:disabled,
input[type="text"][readonly],input[type="password"][readonly],select[readonly],textarea[readonly]{background-color:#fbfbfb}
select{position:relative;padding-right:2.8rem;min-width:12.8rem;background:#fff url(../images/common/select_arr.svg) right 1.4rem center no-repeat;line-height:4.4rem;appearance:none;-webkit-appearance:none;-moz-appearance:none}
textarea{padding:1.4rem;width:100%;min-height:5rem;resize:vertical;border:1px solid #d8d8d8;border-radius:.5rem;line-height:2rem}
input::-webkit-input-placeholder{color:#bbb}
input::-moz-placeholder{color:#bbb}
input:-ms-input-placeholder{color:#bbb}
input::-ms-input-placeholder{color:#bbb}
/* img */
img{max-width:100%;height:auto;border:0;vertical-align:top}
/* fieldset 내 반응형 테이블 동작 */
fieldset{min-inline-size:unset}

/* hover & focus */
input[type="text"]:hover,input[type="password"]:hover,input[type="email"]:hover,input[type="tel"]:hover,select:hover,textarea:hover,
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus,textarea:focus{border-color:#606060}
input:hover::-webkit-input-placeholder,input:focus::-webkit-input-placeholder{color:#212121}
input:hover::-moz-placeholder,input:focus::-moz-placeholder{color:#212121}
input:hover:-ms-input-placeholder,input:focus:-ms-input-placeholder{color:#212121}
input:hover::-ms-input-placeholder,input:focus::-ms-input-placeholder{color:#212121}

/* 숨김요소 */
legend,caption,.hide{overflow:hidden;position:fixed;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0}

/* 스킵 네비게이션 */
#skip{position:relative;z-index:9999}
#skip a{position:absolute;top:-40px;left:0;padding:5px 0;width:100%;background-color:#42aa48;font-size:16px;line-height:30px;color:#fff;text-align:center;transition:0.4s}
#skip a:hover,#skip a:focus,#skip a:active{top:0;text-decoration:none}

/* 스크롤 커스텀_webkit 기반 브라우저에서만 동작 */
/* 사용 시 주석 해제 후 사용
::-webkit-scrollbar{width:8px;height:8px;background-color:transparent} 스크롤바의 width
::-webkit-scrollbar-track{background-color:transparent} 스크롤바의 전체 배경색
::-webkit-scrollbar-thumb{background:#42aa48} 스크롤바 색
::-webkit-scrollbar-button{display:none} 위 아래 버튼 없애기
*/

/* 프린트 기능 */
@media print{
    body{-webkit-print-color-adjust:exact !important}
}

/* 반응형 */
@media(max-width:1339px){
	html{font-size:9px}
}
@media(max-width:1023px){
	html{font-size:8px} 
}
@media(max-width:767px){
	html{font-size:7px}
}