@charset "utf-8";

/*********************reset.css*********************/

body, html{ margin:0; padding:0; width:100%; height:auto; font-family:'Outfit','Pretendard','Noto Sans KR','GmarketSans', "Helvetica Neue",Helvetica,Arial,sans-serif !important;}

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, h2, h3, h4, h5, h6 {font-size:1em; word-break: keep-all;margin-top:0;margin-bottom:0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0;font-size:1em;font-family:'Pretendard','Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
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, select,button {font-size:1em;font-family:'Pretendard','Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:keep-all;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-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}
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;}
button{background:none; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer;}
em, address {font-style: normal}
table{border-spacing:0; border-collapse: separate;}
input[type="checkbox"]{cursor: pointer;}
input:focus, select:focus, option:focus, textarea:focus, button:focus{outline: none;}


*, :after, :before {
	outline:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;
}

/***********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; }

#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;
}

.pdh-05{ padding-right:05px; padding-left:05px; }
.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%; }



/*********************setting.css*********************/

/* general.css */
main#container{width: 100%; max-width:100%; margin: 0 auto; min-height:80vh;}
.content_wrap#content{ padding:0 !important; }

.control-label {display: inline-block;width: auto;margin-right: 0.25rem;font-size:14px;font-weight:500;color:#515151;white-space: nowrap;padding-right:8px;}
.form-control {display: block;width: 100%;height: calc(1.5em + 1rem + 2px);padding: 0.5rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.125rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-btn{transition: 0.2s all;padding: 8px 35px;height: auto;background: #222;color: #fff;box-shadow: none;border: none;font-size: 15px;text-shadow: none;}
.form-btn:hover{background:#035ca0;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#000 !important;border-color:#000 !important;}


.paging_wrap {display: flex;justify-content: center;align-items: center;}