@charset "utf-8";

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

body, html{ margin:0; padding:0; width:100%; height:auto; font-family:Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',  Roboto, 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', "Helvetica Neue",Helvetica,Arial,sans-serif !important;background-color:#111;}


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 {word-break: keep-all;margin-top:0;margin-bottom:0;}
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:Preten dard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', Roboto, 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', "Helvetica Neue",Helvetica,Arial,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;color:#495057;}
hr {display:none;}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#111;text-decoration:none; /*cursor: pointer;*/transition:all 0.3s;}
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;}
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;}

*, :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_my .sub_con{position:relative;}
#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; }

.pd-20{padding:20px;}
.pd-30{padding:30px;}


.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*********************/

main#container{width: 100%; max-width:100%; margin: 0 auto; min-height:80vh;transition: all .4s ease;}
.content_wrap#content{ padding:0 !important; }

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

.swiper-button-next, .swiper-button-prev{margin-top:0 !important;}

.ellipse-1{overflow: hidden;text-overflow: ellipsis;height: 20px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipse-2{overflow: hidden;text-overflow: ellipsis;height: 42px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipse-3{overflow: hidden;text-overflow: ellipsis;height: 62px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.hide {display: none !important;}
.alt-text {width: 0;height: 0;padding: 0;line-height: 0;text-indent: -999px;overflow: hidden;position: relative;display: block;}

/* input */
.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;}
input.form-control {display: block;width: 100%;height: calc(1.5em + 1rem + 2px);border-radius:0;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;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;}

.check-box{display:flex;align-items:center;}
.form_check{width:20px;height:20px;}


/* 버튼 */
.btn_wrap {margin-top:50px;}
.btn_wrap .btn {width: 100%;max-width:160px;border-radius: 0;height: 50px;display: inline-flex;align-items: center;justify-content: center;}
.btn_wrap .btn_confirm{transition:0.3s;}
.btn_wrap .btn_confirm:hover{background:#111;}
.btn:focus, .btn.focus{box-shadow:none !important;}
@media(max-width:768px) {  .btn_wrap .btn{max-width:140px;}  }

.hidden-xs{display:block;}
.visible-xs{display:none;}
@media(max-width:768px) {
	.hidden-xs{display:none;}
	.visible-xs{display:block;}
}