@charset "utf-8";
@import url('/css/fonts.css');
@import url('/css/style.css?ver=20250825');

html{overflow:scroll;overflow-x:auto}
html{ width:100%;height:100%;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body{ width:100%;min-width:320px;margin:0px;padding:0px; font-family:'Pretendard Variable',sans-serif,'Noto Sans KR'; font-weight:400;font-size:15px;color:#333333;line-height:1.4;}
img{border:none;vertical-align:top}


h1, h2, h3, h4, h5, h6, em{margin:0;padding:0;font-weight:normal; font-style:normal}
p{margin:0;padding:0;}
ol, ul, dl, li, dt, dd{display:block;margin:0;padding:0;list-style:none}

textarea, button{margin:0;padding:0;border:none;resize:none; font-family:'Pretendard Variable',sans-serif,'Noto Sans KR'; font-weight:normal;}
input{margin:0;padding:0;border:none;font-family:'Pretendard Variable',sans-serif,'Noto Sans KR'; font-weight:normal;}
input[type=text],input[type=password],input[type=submit],input[type=button]{-webkit-appearance: none;-webkit-border-radius: 0;}
input[type=checkbox]{border:1px solid #666666;border-radius:0;}
input[type=radio]{border:1px solid #666666;}
input:focus,textarea:focus{outline-style:none;}


a{color:inherit;text-decoration:none;outline:none;select-dummy:expression(this.hideFocus=true);}
a:hover{color:inherit;text-decoration:none}
a:active{color:inherit;text-decoration:none}
a:visited{color:inherit;text-decoration:none}
address, em, strong{font-weight:normal}

table{border-collapse:collapse;border-spacing:0}
th{font-weight:normal;text-align:left}

.screen_out{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0}

.left{ float:left}
.right{ float:right}

:root{
--p-color1:#056f7b;
--p-color2:#3681c3; 
--p-color3:#005596; 	
	
--div-color3:#005596;		
--div-color3-hover:#B12327;			
--f-com:14px;	
--h-com:45px;

} 
.color{color:var(--p-color1) }

/*margin*/
.mt100{ margin-top:100px}
.mt90{ margin-top:90px}
.mt50{ margin-top:50px}
@media (max-width: 900px){
.mt100{ margin-top:55px}
.mt90{ margin-top:45px}
.mt50{ margin-top:25px}
}

.pb_40{ padding-bottom:40px;}
.pb_20{ padding-bottom:20px !important}
@media (max-width: 900px){
.pb_40{ padding-bottom:20px;}
.pb_20{ padding-bottom:10px !important}
}