@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
html, body,div,span,button,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,table,th,td,select,textarea,input {
    /*font-family: "Noto Sans KR", "Roboto", Malgun Gothic, 맑은고딕, 굴림, 돋움, Dotum, sans-serif, 나눔고딕, "Nanum Gothic";*/
    font-family: "Noto Sans KR", Malgun Gothic, 맑은고딕, 굴림, 돋움, Dotum,
        sans-serif, 나눔고딕, "Nanum Gothic";
    /*font-weight: 400;*/
    /*font-size:13px;*/
    /*font-size: 1em;*/
    font-size: 1rem;
    font-size: 14px;
}
table, body, div, span, button, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, table, th, td, select, textarea, input {
    font-size: inherit;
}

html {
	background:var(--background-color);
	color:var(--font-color);
}
html, body, div, span, button, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, table, th, td, select, textarea, input {
	color:var(--font-color);
}


/* Reset CSS  */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none;/**/ }
img, video { max-width:100%; border:0; vertical-align:middle; }
a { vertical-align:top; text-decoration:none; }
a:link { text-decoration:none;cursor:pointer;}
a:hover { text-decoration:none;cursor:pointer;}
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle;/*position: relative;top: 2px;*/ }
html {color:#876;}
/*body { font-size:1em;height:100%;}*//*background:#E8E8E8;color:#000000;font-size:0.8125em;*//*line-height:1;*/   /*background-color:#00a99d;*/
body { /*font-size:13px;*//*line-height:1;*/margin:0 auto;padding:0;}
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
* { margin:0; padding:0; border:0; outline:0;/*line-height:1.1em;*/ /*vertical-align:middle;*/ }	/*파이어폭스 때문에 margin:0; padding:0; 해줘야 leftmargin topmargin이 없어짐!!! */



/* Reset */
html,body{width:100%;height:100%;/*min-width:1194px;*/}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{text-decoration:none}
a:hover{/*color:#390;*/text-decoration:underline}
button *{position:relative}
button img{left:-3px;*left:auto}
/*html:first-child select{height:26px;padding-right:6px}*/
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
input::-ms-clear{display:none}




ul,
ol,
dl {
    list-style: none;
}
li {
    list-style: none;
}

body,
html,
svg {
    height: 100%;
}
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /* line-height: 1.1em; */
    /* vertical-align: middle; */
}
*,
:after,
:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
}
.align-middle {
    -ms-flex-align: center;
    align-items: center;
}
.align-stretch {
    -ms-flex-align: stretch;
    align-items: stretch;
}
h1,
h2,
h3,
h4,
h5 {
    color: #282a2d;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    line-height: 1.4em;
}
h1 {
    font-size: 3.5rem;
    line-height: 1.3em;
}
h2 {
    font-size: 2.5rem;
    letter-spacing: -1px;
    padding-bottom: 20px;
    padding-bottom: 1.25em;
}
h3 {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
}
img {
    max-width: 100%;
    vertical-align: bottom;
}
svg {
    width: 100%;
    overflow: hidden;
}
.common_win {
    /*
	overflow:visible;
	font-size: 1rem;
	line-height: 1;
	color: #3f4245;
	background: #f2f3f4;

    font-size: 1rem;
    line-height: 1;
    color: #3f4245;
    background: #f2f3f4;
	*/
}
a {
    text-decoration: none;
    color: #e5a00d;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: 0;
    word-wrap: break-word;
    vertical-align: middle;
}

div {
    vertical-align: middle;
}
input {
    vertical-align: middle;
}
select {
    vertical-align: middle;
}

input[type="text"],
input[type="password"] {
    /*height: 23px;*/
    border: 1px solid #ccc;
}
input[type="radio"],
input[type="checkbox"] {
    /*height: 23px;*/
    vertical-align: middle;
}
input[type="text"],
input[type="password"],
select,
button {
    border-radius: 0.25em 0.25em 0.25em 0.25em;
    border: 1px solid #ccc; /**/
    padding: 2px 4px 2px 4px;

    padding: 0.125em 0.25em 0.125em 0.25em;
    padding: 0em 0.625em;
    min-height:30px;
}
select {
    /*
    padding: 4px 4px 4px 4px;
    padding: 0.25em 0.25em 0.25em 0.25em;
    */
}
input[type="text"]:focus,
input[type="password"]:focus {
    border: 1px solid #66afe9;
    box-shadow: 0 0 8px #66afe9;
}
select:focus {
    border: 1px solid #66afe9;
    box-shadow: 0 0 8px #66afe9;
}
button:focus {
    border: 1px solid #66afe9;
    box-shadow: 0 0 8px #66afe9;
}
textarea {
    padding: 4px;
    border-radius: 4px 4px 4px 4px;
    padding: 0.25em;
    border-radius: 0.25em 0.25em 0.25em 0.25em;
    border: 1px solid #ccc;
    overflow: auto;
    text-size-adjust: none;
}
textarea:focus {
    border: 1px solid #66afe9;
    box-shadow: 0 0 8px #66afe9;
}

.button, .rbox-widget button.rbox-btn, .submit, button {
    border-radius: 1000px;
    padding: 15px 36px 17px;
    color: #fff;
    display: inline-block;
    font-family: plexeina-bold, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background: #e5a00d;
    outline: 0;
    border: 0;
    opacity: 1;
    line-height: 1;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.align-center-middle {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.container {
    margin: 0 auto 100px;
    max-width: 1800px;
    margin: 0 auto 6.25em;
    max-width: 112.5em;
    -webkit-box-shadow: 0 0 120px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 120px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 7.5em 0 rgba(0, 0, 0, 0.06);
    position: relative;
}

.grid-x {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.cell {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
}

.grid-x > .small-1 {
    width: 8.33333%;
}
.grid-x > .small-2 {
    width: 16.66667%;
}
.grid-x > .small-3 {
    width: 25%;
}
.grid-x > .small-4 {
    width: 33.33333%;
}
.grid-x > .small-5 {
    width: 41.66667%;
}
.grid-x > .small-6 {
    width: 50%;
}
.grid-x > .small-7 {
    width: 58.33333%;
}
.grid-x > .small-8 {
    width: 66.66667%;
}
.grid-x > .small-9 {
    width: 75%;
}
.grid-x > .small-10 {
    width: 83.33333%;
}
.grid-x > .small-11 {
    width: 91.66667%;
}
.grid-x > .small-12 {
    width: 100%;
}
@media print, screen and (min-width: 40.063em) {
    .grid-x > .medium-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
    }
    .grid-x > .medium-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    .grid-x > .medium-1 {
        width: 8.33333%;
    }
    .grid-x > .medium-2 {
        width: 16.66667%;
    }
    .grid-x > .medium-3 {
        width: 25%;
    }
    .grid-x > .medium-4 {
        width: 33.33333%;
    }
    .grid-x > .medium-5 {
        width: 41.66667%;
    }
    .grid-x > .medium-6 {
        width: 50%;
    }
    .grid-x > .medium-7 {
        width: 58.33333%;
    }
    .grid-x > .medium-8 {
        width: 66.66667%;
    }
    .grid-x > .medium-9 {
        width: 75%;
    }
    .grid-x > .medium-10 {
        width: 83.33333%;
    }
    .grid-x > .medium-11 {
        width: 91.66667%;
    }
    .grid-x > .medium-12 {
        width: 100%;
    }
}
@media print, screen and (min-width: 64.063em) {
    .grid-x > .large-auto {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
    }
    .grid-x > .large-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }
    .grid-x > .large-1 {
        width: 8.33333%;
    }
    .grid-x > .large-2 {
        width: 16.66667%;
    }
    .grid-x > .large-3 {
        width: 25%;
    }
    .grid-x > .large-4 {
        width: 33.33333%;
    }
    .grid-x > .large-5 {
        width: 41.66667%;
    }
    .grid-x > .large-6 {
        width: 50%;
    }
    .grid-x > .large-7 {
        width: 58.33333%;
    }
    .grid-x > .large-8 {
        width: 66.66667%;
    }
    .grid-x > .large-9 {
        width: 75%;
    }
    .grid-x > .large-10 {
        width: 83.33333%;
    }
    .grid-x > .large-11 {
        width: 91.66667%;
    }
    .grid-x > .large-12 {
        width: 100%;
    }
}