@charset "UTF-8";

*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

html { overflow: hidden; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 62.5%;}

body { overflow: hidden; margin: 0; padding: 0; font-size: 1.6rem; line-height: 1.75; font-family:"Pretendard", sans-serif; font-weight: 300; color: #333; }

header, footer, main, section, article, nav, aside { display: block; }

ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6, p, form, figure, figcaption { margin: 0; padding: 0; }

fieldset, hr { display: block; margin: 0; padding: 0; border: 0 none; }

input, select { max-width: 100%; vertical-align: middle; }

input::placeholder , textarea::placeholder {color:#555; }

::-webkit-input-placeholder, :-ms-input-placeholder, ::-webkit-textarea-placeholder, :-ms-textarea-placeholder{ color: #555;}

input, select, button, textarea, optgroup { margin: 0; font-family: inherit; font-size: inherit; color: inherit; }

input[type="submit"] {
    font-family: xeicon !important;
}

input[type="checkbox"] {width: 16px; height: 16px; border:1px solid #eee; -webkit-appearance: checkbox;}

address, em, i { font-style: normal; }

strong { font-weight: 600; }

a { color: inherit; text-decoration: none; }

button { padding: 0; border: 0 none; background: none; cursor: pointer; outline:none; }

input, select, button { /*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ border-radius:0; -webkit-border-radius:0; }
select::-ms-expand, button::-ms-expand {display: none;}

img { width: 100%; border: 0 none; font-size: 0; vertical-align: middle; }

table { width: 100%; border-collapse: separate;border-spacing:0}

caption, legend, .sr-only, .hidden, .blind, .IR { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 none; clip: rect(0, 0, 0, 0); }

.clear:after{content: ''; display: block; clear: both;}

.txt-left { text-align: left !important; }

.txt-center { text-align: center !important; }

.txt-right { text-align: right !important; }

.float-left { float: left !important; }

.float-right { float: right !important; }


.skip-to { position: absolute; top: -99px; left: 0; z-index: 999; width: 100%; padding: 10px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }

.skip-to:hover, .skip-to:focus, .skip-to:active { display: block; top: 0; }

.sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); } /* screen reader only */

/*Skip To Content*/
#skipNav { position: absolute; left: 0; top: -1000px; width: 100%; height: 0px; z-index: 1000; line-height: 0px; font-size: 0px; }

#skipNav a { display: block; text-align: center; width: 100%; line-height: 0px; font-size: 0px; }

#skipNav a:focus, #skipNav a:hover, #skipNav a:active { position: absolute; left: 0px; top: 1000px; display: block; height: 48px; background: #20262c; font-size: 12px; font-weight: bold; line-height: 48px; color: #fff; }


/* SCROLL */
.scrollbox::-webkit-scrollbar { width: 8px; }
.scrollbox::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 8px; }
.scrollbox::-webkit-scrollbar-track { background-color: var(--main-bg); border-radius: 8px; box-shadow: inset 0px 0px 4px white; }

/* LAYOUT */
.main-wrap {max-width:1168px; margin:0 auto;}
.sub-wrap {max-width:1608px; margin:0 auto;}


/* FONTS */
h1 {font-size:48px; line-height: 56px; font-weight: 700;}
h2 {font-size: 40px; line-height: 54px; font-weight: 700;}
h3 {font-size: 32px; line-height: 44px; font-weight: 700;}
.title1 {font-size: 24px; line-height: 40px; font-weight: 700;}
.title2 {font-size: 20px; line-height: 32px; font-weight: 700;}
.title3 {font-size: 18px; line-height: 24px; font-weight: 700;}
.subhead1 {font-size: 16px; line-height: 24px; font-weight: 700;}
.subhead2 {font-size: 14px; line-height: 20px; font-weight: 700;}
.subhead3 {font-size: 12px; line-height: 18px; font-weight: 700;}
.body1 {font-size: 16px; line-height: 24px; font-weight: 400;}
.body2 {font-size: 14px; line-height: 22px; font-weight: 400;}
.body3 {font-size: 12px; line-height: 18px; font-weight: 400;}


/* BUTTONS */
/*
button {border-radius:8px; font-weight:700;}
.btn--primary {background: #0D4EA2; color:#fff;}
.btn--primary.hover:hover {border:1px solid #0D4EA2; background:#fff; color:#0D4EA2;}
.btn--secondary {border: 1px solid #E9F1FC; background:#fff; color:#0D4EA2;}
.btn--secondary.hover:hover { background:#0D4EA2; color:#fff;}
.btn--tertiary {background: #333; border:none; color:#fff;}
.btn--large {padding: 1.6rem 7.2rem; font-size: 1.6rem; line-height: 2.4rem; }
.btn--medium {padding: 1.2rem 2.4rem; font-size: 1.4rem; line-height: 2.4rem;}
.btn--small {padding: 0.4rem 1.6rem; font-size: 1.2rem; line-height: 1.8rem;}
.btn--disabled {border:1px solid #eee; font-weight:500; color:#ccc; cursor:unset;}
*/

/*
.radio { margin: 16px 16px 16px 0 ; display: inline-block; cursor: pointer; }
.radio input { display: none; }
.radio input + span { display: block; position:relative; font-size: 16px; font-weight: 400; line-height: 20px; }
.radio input + span:not(:empty) { padding-left: 30px; }
.radio input + span:before, .radio input + span:after { content: ''; width: 22px; height: 22px; display: block; border-radius: 50%; left: 0; top: 0; position: absolute; }
.radio input + span:before { background: #d1d7e3; transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2); } 
.radio input + span:after { background: #fff; transform: scale(0.78); transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4); }
.radio input:checked + span:before {transform: scale(1.04); background: #E5006E; }
.radio input:checked + span:after { transform: scale(0.4); transition: transform 0.3s ease; }
.radio:hover input + span:before { transform: scale(0.92); }
.radio:hover input + span:after { transform: scale(0.74); }
.radio:hover input:checked + span:after { transform: scale(0.4); }
*/




input[type=checkbox] {
    cursor: pointer;
}



/* 레이아웃 */

.container {padding-right:5px; padding-left:5px; margin-right:auto; margin-left:auto;}
.container:before, .container:after {display:table; content:"";}
.container:after {clear:both;}
.container:before, .container:after {display:table; content:"";}
.container:after {clear:both;}
.row {margin-right:-5px; margin-left:0px; margin-top:-5px;}
.row:before, .row:after {display:table; content:"";}
.row:after {clear:both;}
.row:before, .row:after {display:table; content:"";}
.row:after {clear:both;}