@charset "utf-8";
:root { --main-color:#3572EF; --border-color:#e5e7eb; --border-hover-color:#0994c8; --btn-bg-color:#0994c8; --box-shadow:.125rem .1875rem .4375rem -0.125rem rgba(0, 0, 0, 0.1); } 
:focus { outline:.0625rem dashed #333; } 

/* CSS Document */
 * { box-sizing: border-box; } 
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,hgroup,menu,nav,section,summary,audio,video { margin:0; padding:0; border:0; font-size:inherit; font-family:inherit; vertical-align:baseline; } 

html { overflow-y:scroll; } 
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:0rem; padding:0rem; } 
body,input,div,dt,dd,li,th,td,textarea,p,select,option,span { font-family:'Pretendard', 'AppleGothic', 'sans-serif'; font-size: 1rem; font-weight: 400; text-decoration:none; color:#333; } 
strong { font-weight:bold; } 

/* link */
a { color:#222; text-decoration:none; transition:all .3s; } 

address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; } 
dl, dt, dd, ul, ol, li { list-style-type:none; list-style-image:none; } 
fieldset,legend { border-bottom:0rem; border-left:0rem; border-top:0rem; border-right:0rem; } 
input, select, textarea, label { vertical-align:middle; font-family:'Pretendard'; font-size:.9375rem; } 
img { border-bottom:medium none; border-left:medium none; border-top:medium none; border-right:medium none; vertical-align:top; } 
caption { position:absolute; padding-bottom:0rem; margin:0rem; padding-left:0rem; width:0rem; padding-right:0rem; height:0rem; font-size:0rem; overflow:hidden; padding-top:0rem; } 
br { letter-spacing:0rem; } 
fieldset { border:0; } 
hr { display:none; } 
button { border:0; cursor:pointer; overflow:visible; background:none; } 
table { border-collapse: collapse; border-spacing:0; } 
table.separate { border-collapse: separate; } 
table.separate td { border-left: 0 !important; } 
table.separate th, table.separate td { border-left: 0; } 

/* 기타태그*/
big, s, small, strike, tt, center, header, nav, article, footer, address , aside ,menu ,section, i { display:block; } 
comment { display:none; } 
legend { position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-624.9375rem; overflow:hidden; } 
fieldset { border:none; } 

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

input.textbox, textarea.textbox { margin:.1875rem 0; padding:.1875rem; } 
input, textarea, select { font-family:inherit; line-height:1.375rem; padding:.1875rem; /*margin:.0625rem 0; */ } 
input::-ms-input-placeholder { color:#ddd; } 
input::-webkit-input-placeholder { color:#ddd; } 
input::-moz-placeholder { color:#ddd; } 
textarea::-webkit-input-placeholder { color:#ddd; } 

input[type=text]::placeholder { color:#777 } 
input[type=text], input[type=password] { background:#fff; width:15.625rem; height: 2.5rem; padding:.125rem 0; color:#454545; text-indent:.4375rem; border:.0625rem solid #a7a9ac; border-radius:.3125rem; transition:all .3s; } 
input[type=number]{ background:#fff; width:6.25rem; height: 2.5rem; padding:.125rem 0; color:#454545; text-indent:.4375rem; border:.0625rem solid #a7a9ac; border-radius:.3125rem; transition:all .3s; } 
input[type=text]:hover, input[type=password]:hover ,input[type=number]:hover, textarea:hover { border:.0625rem solid #32798f; } 
input[type=submit] { cursor:pointer; background: radial-gradient(120% 120% at 0% 0%, rgba(37, 161, 233, .25) 0%, rgba(35, 129, 132, .0) 50%), linear-gradient(135deg, #006a67, #092c2b);color:#fff; border:0; padding:.5625rem 1.5625rem; font-weight:bold; border-radius:.3125rem; transition:all .3s; } 
input[type=submit]:hover { background:#505c68; } 
textarea { border:.0625rem solid #a7a9ac; border-radius:.3125rem; padding:.375rem; transition:all .3s; } 
input[type=number] { -moz-appearance: textfield; /* Firefox */}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; /* Chrome, Safari, Edge */
 margin: 0; } 

/* ========== CHECKBOX (label 안에 input) ========== */
/* 진짜 체크박스 숨김 */
label > input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; } 
/* 체크박스를 '포함하는' 라벨에만 스타일 적용 */
label:has(> input[type="checkbox"]) { display: inline-flex; align-items: center; position: relative; cursor: pointer; user-select: none; padding-left: 1.75rem; /* 가짜 박스 자리 */
 font-size: 15.2px; line-height: 1.4; margin-right: .75rem; } 
/* 가짜 박스도 '체크박스를 포함하는 라벨'에만 */
label:has(> input[type="checkbox"])::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem; border-radius: .3125rem; border: .0625rem solid #c8cad2; background: #fff url('../images/common/check_icon.png') no-repeat 0 0; box-sizing: border-box; transition: border-color .12s ease, background-color .12s ease; } 
/* 체크됨 */
label:has(> input[type="checkbox"]:checked)::before { border-color: #4876ef; background-color: #4876ef; background-position: -1.125rem 0; /* 스프라이트 좌표(필요시 조정) */ } 
/* 포커스/비활성 */
label:has(> input[type="checkbox"]:focus)::before { outline: .125rem dashed #333; outline-offset: .125rem; } 
label:has(> input[type="checkbox"]:disabled) { opacity: .5; cursor: not-allowed; } 

/* ========== RADIO (input 다음 형제 label) ========== */
/* 진짜 라디오 숨김 */
input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } 
/* 라디오 전용 라벨(체크박스 라벨과 전혀 겹치지 않음) */
input[type="radio"] + label { font-size: 15.2px; display: inline-block; min-height: 1.5rem; padding-left: 1.75rem; /* 아이콘 자리 */
 line-height: 1.5rem; background: url('../images/common/radio_btn.png') no-repeat 0 50%; cursor: pointer; user-select: none; margin-right: .75rem; } 
/* 체크됨 */
input[type="radio"]:checked + label { background-image: url('../images/common/radio_btn_check.png'); } 
/* 포커스/비활성 */
input[type="radio"]:focus + label, input[type="radio"]:focus-visible + label { outline: .125rem dashed #333; outline-offset: .125rem; } 
input[type="radio"]:disabled + label { opacity: .5; cursor: not-allowed; } 
label+input, label+select { margin-left: .625rem; } 
select { width:6.25rem; height:2.5rem; /*background:url('/images/common/btn_arr_down.gif') no-repeat 85% 50% #fff; background-size:.625rem; */border:.0625rem solid #a7a9ac; border-radius:.3125rem; transition:all .3s; /*-webkit-appearance:none; -moz-appearance:none; appearance:none; */ } 
select:hover, select:focus { border:.0625rem solid #32798f; } 
input::placeholder { color:#686868; } 
label.blind { position: absolute; width: .0625rem; height: .0625rem; margin: -0.0625rem; overflow: hidden; clip: rect(0, 0, 0, 0); } 

/*사파리기본스타일 제거*/
input, textarea, button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } 
input[type='radio'] { appearance:auto; } 



/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Thin.eot');
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Thin.woff2') format('woff2'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Thin.woff') format('woff'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-ExtraLight.eot');
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Light.eot');
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Light.woff2') format('woff2'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Light.woff') format('woff'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Regular.eot');
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Regular.woff2') format('woff2'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Regular.woff') format('woff'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Medium.eot');
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Medium.woff2') format('woff2'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Medium.woff') format('woff'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Bold.eot');
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Bold.woff2') format('woff2'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Bold.woff') format('woff'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-SemiBold.eot');
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-SemiBold.woff2') format('woff2'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-SemiBold.woff') format('woff'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-ExtraBold.eot');
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Black.eot');
    src: url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Black.woff2') format('woff2'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Black.woff') format('woff'),
        url('https://cdn.mongcomms.co.kr:/fonts/Pretendard/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}


/* Montserrat */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('https://cdn.mongcomms.co.kr/fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'),
        url('https://cdn.mongcomms.co.kr/fonts/Montserrat/Montserrat-Medium.woff') format('woff'),
        url('https://cdn.mongcomms.co.kr/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-display: swap;
}