@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0; font-size:16pt; font-family:'Pretendard', sans-serif;background:#fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, textarea, img {vertical-align:middle;font-size:1em;border:none; outline:none;}
input, button, textarea {margin:0;padding:0;font-family:'Pretendard', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

a {text-decoration:none;}

.blind {position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}

@charset "utf-8";@import "reset.css";
:root {--main-color:#2ca8e2; font-size: clamp(14px, 1.2vw, 18px);--subvisual-height: clamp(190px, 20vw, 291px); /*subvisual 높이*/
--subvisual-h2-size: clamp(2.5rem, 4vw, 2.8rem); /*subvisual h2 크기*/ }


/* Skip Nav */
.skip { overflow:hidden; width:100%; z-index:9999; height:0; font-size:0; line-height:0 } 
.skip a { display:block; overflow:hidden; width:1px; height:1px; margin:0 -1px -1px 0; text-align:center; font-size:0; line-height:0 } 
.skip a:focus,.skip a:hover,.skip a:active { position:absolute; top:0; left:0; width:240px; height:28px; margin:0; padding:8px 15px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f1f1f1; color:#656565; font-size:12px; font-weight:bold; line-height:1; z-index:99999 } 

.blind, .hidden, .hidd { position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; } 

html { overflow-y:scroll; } 
html, body { -webkit-font-smoothing: antialiased; /* 크롬, 사파리 */
 -moz-osx-font-smoothing: grayscale; /* 파이어폭스 */
 text-rendering: optimizeLegibility; /* 렌더링 힌트 */
 overflow-x: hidden; } 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,label { margin:0px; padding:0px; } 
input,div,dt,dd,li,th,td,textarea,select,option { font-family:'Pretendard', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Dotum', 'AppleGothic', 'sans-serif'; line-height: 1.6; text-decoration:none; color:#333; letter-spacing: -0.02rem; } 

input.textbox, textarea.textbox { margin:3px 0; padding:3px; } 
input, textarea, select { font-family: inherit; line-height: 1.375rem; border:1px solid #ddd; } 
input::-ms-input-placeholder { color:#9e9e9e; } 
input::-webkit-input-placeholder { color:#9e9e9e; } 
input::-moz-placeholder { color:#9e9e9e; } 
textarea::-webkit-input-placeholder { color:#9e9e9e; } 

select {border-radius:10px; min-width:100px; height:40px; }
input[type=text]::placeholder , input[type=password]::placeholder , input[type=number]::placeholder { color:#9e9e9e; } 
input[type=text], input[type=password] , input[type=number] { background:#fff; height:48px; text-indent:7px; border:1px solid #d5d7dd; border-radius:10px; transition:all .3s; } 
input[type=text]:hover, input[type=password]:hover,input[type=number]:hover, textarea:hover { border:1px solid #32798f; } 
input[type=submit] { cursor:pointer; background:#32798f; color:#fff; border:0; padding:9px 25px; font-weight:bold; border-radius:5px; transition:all .3s; } 
input[type=submit]:hover { background:#505c68; } 
textarea { border:1px solid #d5d7dd; border-radius:5px; padding:6px 0; text-indent:7px; transition:all .3s; } 
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } 
input[type=number] { -moz-appearance: textfield; } 


.fa, .fas { font-weight: 900; font-size: 1.1rem; margin: 0 7px 0 0; } 
i.fas.fa-check-circle { color: #3d6de4; }