@charset "utf-8";

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

body, html{ margin:0; padding:0; width:100%; height:auto; letter-spacing:-0.05em; font-family:'Spoqa Han Sans Neo','NanumBarunGothic', '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;}
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:'Spoqa Han Sans Neo','NanumBarunGothic','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:'Spoqa Han Sans Neo','NanumBarunGothic','Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none;-webkit-appearance: menulist;}
p {margin:0;padding:0;word-break:keep-all}
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 {outline:none !important;}

*, :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; }

#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{padding-top:172px;width: 100%; max-width:100%; margin: 0 auto; min-height:80vh;}
main#container.fixed{padding-top:0;}
main#container.fixed.hd_zindex{padding-top:52px !important;}

.content_wrap#content{ padding:0 !important; }
.page-content{}

.sec_con{width:100%;max-width:1260px;margin:0 auto;}
.sub_wrap{max-width:100%; width: 100%;margin: 0 auto; overflow: hidden;}
.sub_con{ max-width:1240px; width:100%; margin:0 auto;}

@media(max-width:1320px) {
	main#container{padding-top:133px;}
}
@media(max-width:510px) {
	main#container{padding-top:116px;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}


/************ 팝업레이어 *****************/
#hd_pop {
	z-index:1000;
	position:absolute;
	width: 100%;
	height: 100%;
	max-width:1360px;
	margin:0 auto;
}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:none;z-index:99999;}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;font-size: 12px;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}
@media (max-width: 1359.98px) {
	#hd_pop {
		position: absolute;
		z-index: 900;
		top: 230px;
		left: 15px;
		width: auto;
		height: auto;
	}
	#hd_pop .hd_pops {
		position: static;
		top: auto !important;
		left: auto !important;
		display: inline-block;
		vertical-align: top;
		max-width: 100%;
	}
	#hd_pop .hd_pops_con {
		width: auto !important;
		height: auto !important;
	}
}
@media (max-width: 991px) {
	#hd_pop {
		top: 110px;
	}
}
@media (max-width: 575px) {
	#hd_pop {
		left: 0;
	}

	.hd_pops{left:0px !important;top:0px !important;margin:20% 5% 0px;width:90%;}
	.hd_pops .hd_pops_con{width:100% !important;}
	.hd_pops img{width:100%;}
}

/************ 팝업레이어 끝 *****************/

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

/************ custom select box ***********/
.selectbox {    position: relative;    width: 100%;  /* 너비설정 */    border: 1px solid #333;  /* 테두리 설정 */    z-index: 1;}/* 가상 선택자를 활용 화살표 대체 */
.selectbox:before {    content: "";    position: absolute;    top: 50%;    right: 15px;    width: 0;    height: 0;    margin-top: -1px;    border-left: 5px solid transparent;    border-right: 5px solid transparent;    border-top: 5px solid #333;}
.selectbox label {    position: absolute;    top: 1px;  /* 위치정렬 */    left: 5px;  /* 위치정렬 */    padding: .8em .5em;  /* select의 여백 크기 만큼 */    color: #333;    z-index: -1;  /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */}
.selectbox select {    width: 100%;    height: auto;  /* 높이 초기화 */    line-height: normal;  /* line-height 초기화 */    font-family: inherit;  /* 폰트 상속 */    padding: .8em .5em;  /* 여백과 높이 결정 */    border: 0;    opacity: 0;  /* 숨기기 */    filter:alpha(opacity=0);  /* IE8 숨기기 */    -webkit-appearance: none; /* 네이티브 외형 감추기 */    -moz-appearance: none;    appearance: none;}