/* Reset */
html,body{width:100%;height:100%;}
html>/**/body { overflow-y:scroll; }

body,div,table,th,td,h1,h2,h3,h4,h5,form,fieldset,p,button,legend,pre,code,blockquote,input,textarea,button,select,ul,li,ol,dd,dl,dt
{margin:0;padding:0; font-family:'Noto Sans KR',Gulim,'굴림','돋움','맑은 고딕',Dotum,'굴림',tahoma,Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif; font-size:12px; color:#6c6c6c;}
img,fieldset,iframe,input,button{border:0 none;}
img{max-width: inherit;}
input,select,textarea,button{vertical-align:middle;}
dl,ul,ol,menu,li{list-style:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
legend{*width:0; position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
caption {padding:0; height:0; font-size:0; line-height:0; overflow:hidden;}
hr{display:none}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal}
iframe{vertical-align:top}
a{color:#6c6c6c;text-decoration:none;}
a:hover{color:#6c6c6c;text-decoration:none;}
/* Reset */


/* Common */
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.clear{clear:both}
.f_l{float:left}
.f_r{float:right}
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.show{display:block}
.hide{display:none}
.tbl, .tbl table {border-collapse:collapse; border-spacing:0} /* 테이블 초기화 */
.common_flex{display:flex;}
/* Common */


/* Font-style */
.font_10 { font-size:10px;}
.font_11 { font-size:11px;}
.font_12 { font-size:12px;}
.font_13 { font-size:13px;}
.font_14 { font-size:14px;}
.font_15 { font-size:15px;}
.font_16 { font-size:16px;}
.font_17 { font-size:17px;}
.font_18 { font-size:18px;}
.font_19 { font-size:19px;}
.font_20 { font-size:20px;}
.font_21 { font-size:21px;}
.font_22 { font-size:22px;}
.font_23 { font-size:23px;}
.font_24 { font-size:24px;}
.font_25 { font-size:25px;}
.font_26 { font-size:26px;}
.font_27 { font-size:27px;}
.font_28 { font-size:28px;}
.font_30{font-size:30px}
.font_32{font-size:32px}
.font_35{font-size:35px}
.font_38{font-size:38px}

.font_dotum{font-family:'돋움',Dotum,'맑은 고딕','굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_tahoma{font-family:Tahoma,'돋움',Dotum,'맑은 고딕','굴림',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_gulim{font-family:'굴림',Gulim,'돋움',Dotum,'맑은 고딕',tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_malgun{font-family:'맑은 고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}
.noto_font{font-family:'Noto Sans KR', sans-serif;}
/* Font-style */


/* Wys2 reset */
#ct{font-size:17px; font-family:'Noto Sans KR','Malgun Gothic','굴림','돋움','맑은고딕',Dotum,tahoma,Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif; color: #303038; letter-spacing: -0.3px; line-height: 1.7;}
#ct *{font-size: inherit; font-family: inherit; color: #303038;}
#ct p, #ct div{font-size:inherit;}
#ct{word-break: break-word; word-wrap: break-word;}
#ct table{border-collapse: separate}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item; list-style:disc}
#ct ol{padding-left:20px; display:block}
#ct ol li{list-style:decimal;  display:list-item}
#ct hr{display:block}
#ct blockquote{margin:12px 0 12px 40px;}
#ct img {max-width:100%; height:auto; }


.ct{font-size:15px; }
.ct *{font-size: inherit; font-family:inherit;}
.ct{word-break:break-all; text-align:justify; font-family:'Noto Sans KR', sans-serif; line-height: normal;}
.ct table{border-collapse: separate}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item; list-style:disc}
.ct ol{padding-left:20px; display:block}
.ct ol li{list-style:decimal;  display:list-item}
.ct hr{display:block}
.ct blockquote{margin:12px 0 12px 40px;}
.ct p, .ct div{font-size:inherit}
/* Wys2 reset */



/* basic layout */
#wrap {width:100%; min-width:1300px; overflow:hidden;}
#top {width:100%;}
#header {width:100%;}
#container {width:100%;}
#footer {width:100%;}

#top_c {width:1000px; margin:0 auto;}
#header_c {width:1000px; margin:0 auto;}
#container_c {width:1000px; margin:0 auto;}
#footer_c {width:1000px; margin:0 auto;}
/* basic layout */

#container_typed {}


/* basic_sub layout */
#container_s_side {width:200px; float:left;}
#container_s_center {width:780px; float:right;}
/* basic_sub layout */


.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.ellipsis_line1 {white-space: nowrap; overflow: hidden; word-break: break-all; text-overflow: ellipsis;}
.ellipsis_line2 {overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis_line3 {overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis_line4 {overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ellipsis_line5 {overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.ellipsis_line_1 {overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ellipsis_line_2 {overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis_line_3 {overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis_line_4 {overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ellipsis_line_5 {overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.ellipsis_line_x{overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box !important; /* number of lines to show */  -webkit-box-orient: vertical;}

/* 본고딕 */
.noto100 {font-family: 'Noto Sans KR' !important; font-weight:100 !important;}
.noto100 a{font-family: 'Noto Sans KR' !important; font-weight:100 !important;}
.noto100 a:hover{font-family: 'Noto Sans KR' !important; font-weight:100 !important;}

.noto300 {font-family: 'Noto Sans KR' !important; font-weight:300 !important;}
.noto300 a{font-family: 'Noto Sans KR' !important; font-weight:300 !important;}
.noto300 a:hover{font-family: 'Noto Sans KR' !important; font-weight:300 !important;}

.noto400 {font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.noto400 a{font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.noto400 a:hover{font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.noto500{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.noto500 a{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.noto500 a:hover{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}

.noto700 {font-family: 'Noto Sans KR' !important; font-weight:700 !important;}
.noto700 a{font-family: 'Noto Sans KR' !important; font-weight:700 !important;}
.noto700 a:hover{font-family: 'Noto Sans KR' !important; font-weight:700 !important;}

.noto900 {font-family: 'Noto Sans KR' !important; font-weight:900 !important;}
.noto900 a{font-family: 'Noto Sans KR' !important; font-weight:900 !important;}
.noto900 a:hover{font-family: 'Noto Sans KR' !important; font-weight:900 !important;}

.font_dotum{font-family:'돋움',Dotum,'맑은 고딕','굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_tahoma{font-family:Tahoma,'돋움',Dotum,'맑은 고딕','굴림',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_gulim{font-family:'굴림',Gulim,'돋움',Dotum,'맑은 고딕',tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_malgun{font-family:'맑은 고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}
.font_nanum{font-family:'나눔고딕','나눔 고딕',Nanum Gothic,NanumGothic,nanum gothic,nanumgothic,'맑은 고딕','고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}
.font_verdana{font-family:verdana}

.input_style input[type=text],.input_style input[type=file],.input_style input[type=password]{
border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:28px; line-height:27px;}
.input_style select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px;}
.input_style_inquiry select {font-weight:bold; padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; font-size:14px; font-family:'돋움'; background:#f0f6ff; border:1px solid #cccccc}
.input_style textarea{
border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px;}




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


/* 모달 팝업 관련 CSS */
/* PC의 경우 모달 세로 사이즈가 해상도 보다 클 경우 스크롤바를 만들기 위한 소스*/
.blocker {
overflow: auto !important;
}

/* class="blocker" */
.happy_modal_bg_color_1 {
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.05) !important;
}

.happy_modal_bg_color_2 {
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.1) !important;
}

.happy_modal_bg_color_3 {
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.5) !important;
}

.happy_modal_bg_color_4 {
background-color:rgb(255,255,255);
background-color:rgba(255,255,255,0.5) !important;
}

.happy_modal_bg_color_5 {
background-color:rgb(255,255,255);
background-color:rgba(255,255,255,0.02) !important;
}
/* class="blocker" */



/* class="blocker" */
.happy_modal_left_class {
text-align:left !important;
}

.happy_modal_center_class {
text-align:center !important;
}

.happy_modal_right_class {
text-align:right !important;
}
/* class="blocker" */



/* class="modal" */
.happy_modal_top_class {
vertical-align: top !important;
}

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

.happy_modal_bottom_class {
vertical-align: bottom !important;
}
/* class="modal" */
/* 모달 팝업 관련 CSS */

/* 댓글삭제팝업 */
.custom_blocker{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	padding: 0;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
	text-align: center;
}
.custom_middle_class{
	opacity: 1;
	display: flex;
	position: relative;
	z-index: 2;
	box-sizing: border-box;     height: 100%; justify-content: center;
	align-items: center;
}
.custom_happy_modal_popup_wrap{
	width:300px;
	border: 1px solid #e9e9e9;
	z-index: 110;
	border-radius: 7px;
	overflow: hidden;
	padding: 25px;
	background: #fff;
}
.custom_happy_modal_popup_header{
	display: table;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #eaeaea;
}
.custom_happy_modal_popup_title{
	display: table-cell;
	vertical-align: top;
	text-align: left
}
.custom_happy_modal_popup_close {
	display: table-cell;
	vertical-align: top;
	text-align: right;
}
.custom_happy_modal_popup_contents{
	height: 120px
}
.custom_happy_modal_popup_btn{
	text-align: center;
	}


	
/* 모달 공용 */
.modal_style{
	display:none;
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:1009;
	transition:opacity 0.3s;
	opacity:0;
}
.modal_style .modal_bgc_close{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	z-index:888;
}
.modal_content{
	position:relative;
	z-index:999;
	width:580px;
	overflow:hidden;
	box-sizing:border-box;
	background-color:rgba(255,255,255,1);
	border-radius:15px;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	padding:40px;
}
.modal_content .modal_title{
	font-size:25px;
	color:#111111;
	letter-spacing:-1px;
	line-height:1;
	padding-bottom:30px;
	border-bottom:1px solid #e5e5e5;
}
.modal_content .modal_close_btn{
	position:absolute;
	color:#777777;
	right:32px;
	top:32px;
	cursor:pointer
}
.modal_content .modal_search_content{
	display:flex;
	flex-flow:column;
	gap:15px;
	padding-top:25px;
}
.modal_content .modal_search_content .modal_search_title{
	color:#333333;
	font-size:16px;
	letter-spacing:-1px;
	line-height:1;
	display:flex;
	align-items:center;
	gap:10px;
}
.modal_content .modal_search_content .modal_search_title i{
	margin-top:1px;
	color:var( --main-color-10 );
}
.modal_content .modal_search_content .modal_category_select{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:15px;
}
.modal_content .modal_search_content .modal_category_select .category_select_box{width:100%;}
.modal_content .modal_search_btn{
	padding-top:30px;
}
.modal_content .modal_search_btn button{
	font-size:19px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
}
.layer_wrap *::-webkit-scrollbar{width:5px;}
.layer_wrap *::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2); border-radius:0px; transition:all 0.5s;}
.layer_wrap *::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.2); border-radius:0px; transition:all 0.5s;}
.layer_wrap *::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.1); border-radius:0;}
.modal_form_box .inquiry_info{
	display:flex;
	align-items:center;
	gap:30px;
	width:100%;
}
.modal_form_box .inquiry_info .inquiry_info_img{
	min-width:167px;
	max-width:167px;
	border-radius:5px;
	overflow:hidden;
}
.modal_form_box .inquiry_info ul{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.modal_form_box .inquiry_info ul li{
	font-size:16px;
	color:#999;
	letter-spacing:-1px;
	width:100%;
	display:flex;
}
.modal_form_box .inquiry_info ul li .inquiry_info_title{
	min-width:100px;
	max-width:100px;
	color:#333;
}
.inquiry_form.h_form ul li > input{
	width:100% !important;
}
.inquiry_form.h_form ul li div.input_year{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:5px;
}
.inquiry_form.h_form ul li div.input_year > span input{
	width:100%;
}
.inquiry_form.h_form  ul{
	display:flex;
	gap:10px;
	padding-top:20px;
	align-items:center;
}
.inquiry_form.h_form  ul li:first-child{
	max-width:80px;
}
.inquiry_form.h_form  ul li{
	width:100%;
	font-size:16px;
	color:#333333;
}
.inquiry_form.h_form  ul li input.join_input_a_01{
	width:calc(100% - 128px) !important;
}
.inquiry_form.h_form  ul li input.join_input_a_03{
	margin-top:5px;
}

/* 모달 공용 */