@charset "utf-8";

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

body, html{ margin:0; padding:0; width:100%; height:auto; font-family:'Nunito Sans','Pretendard','Noto Sans KR', "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:'Nunito Sans','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:'Nunito Sans','Pretendard', 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;transition:0.4s;}
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;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{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%; }



.box-sizing{box-sizing:border-box;}

.cursorPointer{cursor:pointer;}

.align-middle{vertical-align:middle !important;}

.fontNormal{font-weight:normal;}
.fontBold{font-weight:bold;}
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font18{font-size:18px !important;}
.font24{font-size:24px !important;}
.fontRed{color:#a94442;}

.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}

.border0{border:0px !important;}


.error{color:red;}
.success{color:#3c763d;}
.info{color:#343dca;}

.floatL {float:left;}
.floatR {float:right;}
.clear {clear:both;}

.noCount {height:40px; text-align:center;}

a.btn-primary,a.btn-success,a.btn-warning,a.btn-danger{color:#fff !important;}


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

/* general.css */
main#container{width: 100%; max-width:100%; margin: 0 auto; min-height:80vh;overflow: hidden;}
.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;}

.hide {display: none !important;}



/*******************************************************
*/
/* Margin
 *******************************************************/

/* Margin Top */
body .mt-1{margin-top:1rem !important;}        /* 16px */
body .mt-2{margin-top:1.5rem !important;}      /* 24px */
body .mt-3{margin-top:2rem !important;}        /* 32px */
body .mt-4{margin-top:2.5rem !important;}      /* 40px */
body .mt-5{margin-top:3rem !important;}        /* 48px */
body .mt-6{margin-top:3.5rem !important;}      /* 56px */
body .mt-7{margin-top:4rem !important;}        /* 64px */
body .mt-8{margin-top:4.5rem !important;}      /* 72px */
body .mt-9{margin-top:5rem !important;}        /* 80px */
body .mt-10{margin-top:5.5rem !important;}     /* 88px */

/* Margin Bottom */
body .mb-1{margin-bottom:1rem !important;}     /* 16px */
body .mb-2{margin-bottom:1.5rem !important;}   /* 24px */
body .mb-3{margin-bottom:2rem !important;}     /* 32px */
body .mb-4{margin-bottom:2.5rem !important;}   /* 40px */
body .mb-5{margin-bottom:3rem !important;}     /* 48px */
body .mb-6{margin-bottom:3.5rem !important;}   /* 56px */
body .mb-7{margin-bottom:4rem !important;}     /* 64px */
body .mb-8{margin-bottom:4.5rem !important;}   /* 72px */
body .mb-9{margin-bottom:5rem !important;}     /* 80px */
body .mb-10{margin-bottom:5.5rem !important;}  /* 88px */


@media (max-width: 1200px) {
	body .mt-1{margin-top:1rem !important;}
	body .mt-2{margin-top:1.2rem !important;}
	body .mt-3{margin-top:1.5rem !important;}
	body .mt-4{margin-top:2rem !important;}
	body .mt-5{margin-top:2.5rem !important;}
	body .mt-6{margin-top:3rem !important;}
	body .mt-7{margin-top:3.5rem !important;}
	body .mt-8{margin-top:4rem !important;}
	body .mt-9{margin-top:4.5rem !important;}
	body .mt-10{margin-top:5rem !important;}

	body .mb-1{margin-bottom:1rem !important;}
	body .mb-2{margin-bottom:1.2rem !important;}
	body .mb-3{margin-bottom:1.5rem !important;}
	body .mb-4{margin-bottom:2rem !important;}
	body .mb-5{margin-bottom:2.5rem !important;}
	body .mb-6{margin-bottom:3rem !important;}
	body .mb-7{margin-bottom:3.5rem !important;}
	body .mb-8{margin-bottom:4rem !important;}
	body .mb-9{margin-bottom:4.5rem !important;}
	body .mb-10{margin-bottom:5rem !important;}
}

@media (max-width: 1024px) {
	body .mt-1{margin-top:0.9rem !important;}
	body .mt-2{margin-top:1.1rem !important;}
	body .mt-3{margin-top:1.3rem !important;}
	body .mt-4{margin-top:1.7rem !important;}
	body .mt-5{margin-top:2rem !important;}
	body .mt-6{margin-top:2.5rem !important;}
	body .mt-7{margin-top:3rem !important;}
	body .mt-8{margin-top:3.5rem !important;}
	body .mt-9{margin-top:4rem !important;}
	body .mt-10{margin-top:4.5rem !important;}

	body .mb-1{margin-bottom:0.9rem !important;}
	body .mb-2{margin-bottom:1.1rem !important;}
	body .mb-3{margin-bottom:1.3rem !important;}
	body .mb-4{margin-bottom:1.7rem !important;}
	body .mb-5{margin-bottom:2rem !important;}
	body .mb-6{margin-bottom:2.5rem !important;}
	body .mb-7{margin-bottom:3rem !important;}
	body .mb-8{margin-bottom:3.5rem !important;}
	body .mb-9{margin-bottom:4rem !important;}
	body .mb-10{margin-bottom:4.5rem !important;}
}

@media (max-width: 768px) {
	/*body .mt-1{margin-top:0.7rem !important;}*/
	body .mt-2{margin-top:0.9rem !important;}
	body .mt-3{margin-top:1.1rem !important;}
	body .mt-4{margin-top:1.3rem !important;}
	body .mt-5{margin-top:1.5rem !important;}
	body .mt-6{margin-top:2rem !important;}
	body .mt-7{margin-top:2.5rem !important;}
	body .mt-8{margin-top:3rem !important;}
	body .mt-9{margin-top:3.5rem !important;}
	body .mt-10{margin-top:4rem !important;}

	/*body .mb-1{margin-bottom:0.7rem !important;}*/
	body .mb-2{margin-bottom:0.9rem !important;}
	body .mb-3{margin-bottom:1.1rem !important;}
	body .mb-4{margin-bottom:1.3rem !important;}
	body .mb-5{margin-bottom:1.5rem !important;}
	body .mb-6{margin-bottom:2rem !important;}
	body .mb-7{margin-bottom:2.5rem !important;}
	body .mb-8{margin-bottom:3rem !important;}
	body .mb-9{margin-bottom:3.5rem !important;}
	body .mb-10{margin-bottom:4rem !important;}
}

@media (max-width: 480px) {
	/*body .mt-1{margin-top:0.6rem !important;}*/
	/*body .mt-2{margin-top:0.7rem !important;}*/
	/*body .mt-3{margin-top:0.8rem !important;}*/
	body .mt-4{margin-top:0.9rem !important;}
	body .mt-5{margin-top:1rem !important;}
	body .mt-6{margin-top:1.3rem !important;}
	body .mt-7{margin-top:1.6rem !important;}
	body .mt-8{margin-top:1.9rem !important;}
	body .mt-9{margin-top:2.2rem !important;}
	body .mt-10{margin-top:2.5rem !important;}

	body .mb-1{margin-bottom:0.6rem !important;}
	body .mb-2{margin-bottom:0.7rem !important;}
	body .mb-3{margin-bottom:0.8rem !important;}
	body .mb-4{margin-bottom:0.9rem !important;}
	body .mb-5{margin-bottom:1rem !important;}
	body .mb-6{margin-bottom:1.3rem !important;}
	body .mb-7{margin-bottom:1.6rem !important;}
	body .mb-8{margin-bottom:1.9rem !important;}
	body .mb-9{margin-bottom:2.2rem !important;}
	body .mb-10{margin-bottom:2.5rem !important;}
}