@charset "utf-8";

/*******************************************************
*/
/* reset.css
 *******************************************************/
body, html{ margin:0; padding:0; width:100%; height:auto;}
main#content,#main_container{width: 100%;height: 100%;padding: 0;margin: 0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}
h1, body h2, h3, h4, h5, h6 {word-break: keep-all;margin-top:0;margin-bottom:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {display:none !important;position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0;font-size:1rem;}
textarea, select,button {font-size:1rem;}
button, input[type=submit] {cursor:pointer}
input[type=text], input[type=password], input[type=image], button {font-size:1em;-webkit-appearance:none}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
body p {margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding:0;word-break:keep-all;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
hr {display:none;}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none !important; cursor: pointer;}
a:hover, a:active, a:focus {text-decoration: none}
body ul,li,dl,dt,dd,ol{padding:0;margin:0;list-style:none;}
ul{list-style:none;}
img{vertical-align:top;max-width: 100%;height: auto; -webkit-perspective: 1;display:block;}
button{background:none; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer;}
em, address {font-style: normal}
table {width: 100%;table-layout: auto;border-collapse: collapse;border-spacing:0;}
input[type="checkbox"]{cursor: pointer;}
*, :after, :before {outline:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }




/***********scrollbar***********/
body::-webkit-scrollbar {
	width: 5px;
	background-color:transparent;
	position:fixed;
	z-index:999999;
} /* this targets the default scrollbar (compulsory) */
body::-webkit-scrollbar-track{
	background-color:#666;
}
body::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius:20px;
} /* this will style the thumb, ignoring the track */


/*******************************************************
*/
/* custom.css
 *******************************************************/

#container div, #container li, #container header, #container section, #container h1,
#container h2, #container h3, #container h4, #container h5, #container h6, #container p,
#container small, #container aside, #container legend, #container form{ box-sizing:border-box; }

main#container{width: 100%; max-width:100%; margin: 0 auto; min-height:60vh;overflow: hidden;}
.content_wrap#content{ padding:0 !important; }
#sub_container {overflow: hidden;}

.flex{display:flex;display:-ms-flexbox;display:-moz-flexbox;}
.flex-wrap{display:flex;display:-ms-flexbox;display:-moz-flexbox;flex-flow:row wrap;}
.flex-center{display:flex;display:-ms-flexbox;display:-moz-flexbox;justify-content:center;align-items:center;}

.desktop{display:block;}
.mobile{display:none;}
.hide {display: none !important;}
.bold{font-weight:700;}
.alt-text {width: 0;height: 0;padding: 0;line-height: 0;text-indent: -999px;overflow: hidden;position: relative;display: block;}
.no-register{width:100%;text-align: center;padding:1rem 0;margin:1rem auto;}
.bg-image{background-position: center;background-repeat: no-repeat;background-size: cover;}
.transition-300{transition:0.3s;}


/* Display */
.d-none { display: none; }
.d-block { display: block; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.d-grid { display: grid; }
.d-inline-grid { display: inline-grid; }
.d-table { display: table; }
.d-table-cell { display: table-cell; }
.d-table-row { display: table-row; }

/* Flex 관련 */
.flex-row { flex-direction: row; }
.flex-column { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-1 { flex: 1; }
.flex-auto { flex: auto; }
.flex-grow-0 { flex-grow: 0; }
.flex-grow-1 { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-shrink-1 { flex-shrink: 1; }

/* Grid 관련 */
.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }

.pdh-05{ padding-right:5px; padding-left:5px; }
.pdh-10{ padding-right:10px; padding-left:10px; }
.pdh-15{ padding-right:15px; padding-left:15px; }
.pdh-20{ padding-right:20px; padding-left:20px; }
.pdh-25{ padding-right:25px; padding-left:25px; }
.pdh-30{ padding-right:30px; padding-left:30px; }
.pdh-35{ padding-right:35px; padding-left:35px; }
.pdh-40{ padding-right:40px; padding-left:40px; }


.col-01{ width:8.333333333333333% }
.col-02{ width:16.66666666666667%; }
.col-20{ width:20%; }
.col-03{ width:25%; }
.col-04{ width:33.33333333333333%; }
.col-05{ width:41.66666666666667%; }
.col-06{ width:50%; }
.col-07{ width:58.33333333333333%; }
.col-08{ width:66.66666666666667%; }
.col-09{ width:75%; }
.col-80{ width:80%; }
.col-10{ width:83.33333333333333%; }
.col-11{ width:91.66666666666667%; }
.col-12{ width:100%; }