/* layout */
body, html{width:100%; height:100%;}
#wrap{width:100%;}
#board_header{margin-bottom:50px; width:100%; height:100px; background:#888;}
#board_footer{margin-top:50px; width:100%; height:100px; background:#888;}
#contents{width:100%;}

#skip{}
#skip a{display:block; position:absolute; top:0; width:0; height:0; margin-top:-1px; text-align:center; white-space:nowrap; overflow:hidden; text-decoration:none;}
#skip a:focus, #skip a:active{position:relative; top:0; left:0;  width:100%; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#fff; background-color:#333; z-index:100;}

.in_ContLayer{width:auto; max-width:865px; min-width:320px; margin:0 auto;}
.community_Area{padding:0 2%; width:100%;}

tr.board_type1 .board_font1{color:#299DC7 !important; font-weight:600 !important;}
tr.board_type1 > td:nth-child(2){font-weight:600;}

 table.boardTable{width:100%; border-top:4px solid #1b387e; border-collapse:collapse; border-spacing:0;}
 table.boardTable th{padding:16px 0; font-size:18px; color:#333; background-color:#f4f7fa; border-bottom:1px solid #ddd;}
 table.boardTable tbody{text-align:center; background:#fff;}
 table.boardTable tr{border-bottom:1px solid #ddd;}
 table.boardTable tr td{padding:16px 5px; font-family: "Nanum Gothic", sans-serif; font-size:16px; color:#333; line-height:1.4;}
 table.boardTable tr td > a{font-family: "Nanum Gothic", sans-serif; font-size:16px; color:#333; line-height:1.4;}
 table.boardTable tr td > a:hover,
 table.boardTable tr td > a:active,
 table.boardTable tr td > a:focus{color:#333; text-decoration:underline; text-underline-position: under;}
 table.boardTable tr td span{display:inline-block; margin:0 0 0 10px; width:13px; height:14px; font-size:0; vertical-align:top;}
 table.boardTable tr td.left{padding: 16px 20px; text-align:left; word-break: keep-all;}

@media screen and (max-width:768px){
	table.boardTable th{padding:14px 5px; font-size:16px;}
	table.boardTable tr td{padding:14px 5px; font-size:14px;}
	table.boardTable tr td.left{padding:14px 7px;}
	table.boardTable tr td > a{font-size:14px;}
}


.btn_R_Area{width:100%; text-align:right; font-size:0;}
a.btnStyle{display:inline-block;}
a.btnStyle.write{margin-top:20px; padding: 11px 0 11px 49px; width:120px; font-size:14px; color:#fefefe; font-weight:600; text-align:left; 
background:#7EC346 url("../images/board/bt-ico01.png") no-repeat 28px center;}
a.btnStyle.commentBt{float:right; padding: 11px 0 11px 49px; width:120px; font-size:14px; color:#fefefe; font-weight:600; text-align:left; 
background:#666 url("../images/board/bt-ico01.png") no-repeat 26px center;}
a.btnStyle02{display:inline-block; margin-top:20px; margin-left:5px; padding:0 0 0 37px; width:85px; height:35px; font-size:13px; color:#fefefe; font-weight:600; line-height:35px; text-align:left;}
a.btnStyle02.list01{background:#7EC346 url("../images/board/bt-ico03.png") no-repeat 16px center;}
a.btnStyle02.list02{background:#999 url("../images/board/bt-ico04.png") no-repeat 16px center;}
a.btnStyle02.list03{background:#999 url("../images/board/bt-ico05.png") no-repeat 16px center;}
a.btnStyle02.list04{background:#7EC346 url("../images/board/bt-ico06.png") no-repeat 16px center;}
a.btnStyle02.list05{background:#999 url("../images/board/bt-ico07.png") no-repeat 16px center;}
a.btnStyle02.list06{background:#999 url("../images/board/bt-ico08.png") no-repeat 16px center;}

@media screen and (max-width:640px){
	a.btnStyle.write{padding: 11px 0 11px 42px; width: 100px; font-size: 12px; background: #7EC346 url("../images/board/bt-ico01.png") no-repeat 22px center;}
}


.paging_Layer{margin-top:60px; width:100%; text-align:center;}
.paging_Layer span{display: flex; justify-content: center;}
.paging_Layer span > a{display:inline-block; width:30px; height:30px; margin: 0 5px; padding-right: 1px; font-family: "Nanum Gothic", sans-serif; 
font-size:14px; color:#333; font-weight:600; line-height:28px;}
.paging_Layer span > a.p_arr,
.paging_Layer span > a.n_arr{font-size: 12px; border: 1px solid #ddd;}
.paging_Layer span > a.on,
.paging_Layer span > a:hover,
.paging_Layer span > a:active,
.paging_Layer span > a:focus{color: #fff; background-color: #1b387e;}
.paging_Layer span > a.num_arr.on,
.paging_Layer span > a.num_arr:hover,
.paging_Layer span > a.num_arr:active,
.paging_Layer span > a.num_arr:focus{border: 1px solid #1b387e;}

@media screen and (max-width:480px){
	.paging_Layer{margin-top: 50px;}
	.paging_Layer span > a{width: 26px; height: 26px; margin: 0 4px; font-size:12px; line-height:24px;}
	.paging_Layer span > a.p_arr,
	.paging_Layer span > a.n_arr{font-size: 10px;}
}

 .search-Box{display: flex; align-items: center; justify-content: center; margin: 60px auto 0;}
 .search-Box:after{display:block;content:'';clear:both;}
 .search-Box > div{float:left;}
 .search-Box select{padding: 0 10px; width:120px; height: 50px; font-family: "Nanum Gothic", sans-serif; font-size: 16px; color:#333; border:1px solid #ddd; appearance: none; 
 background: url('../images/ico/option_arr_2.png') right 10px center no-repeat; background-size: 12px;}
  .search-Box select:focus{outline: none;}
 .search-Box > div.c{margin:0 10px;}
 .search-Box:after{display:block;content:'';clear:both;}
 .search-Box > div{float:left;}
 .inputType{position:relative;}
 .inputType > input{padding: 0 10px; width:245px; font-size:16px; color:#333; line-height: 48px; border:1px solid #ddd;}
 .inputType > input:focus{outline: none;}
 .inputType > label{position:absolute; top:0; left:-99999px; font-size:0; text-indent:-9999px;}
button.buttonStyle.search{display:block; padding:0 0 0 35px; width:80px; height:50px; font-size:16px; color:#fff; text-align:left;
background:#666 url("../images/board/bt-ico02.png") no-repeat 18px 52%;}
button.buttonStyle{display:inline-block; cursor:pointer;}

@media screen and (max-width:640px){
 .search-Box{width: 100%;}
 .search-Box select{width: 100px; height: 40px; font-size: 12px;}
 .search-Box > div.c{margin: 0 5px; width: calc(100% - 170px); font-size: 12px;}
 .search-Box > div.c input{width: 100%;}
 .inputType > input{padding: 0 6px; font-size: 12px; line-height: 38px;}
 button.buttonStyle.search{width: 60px; height:40px; padding: 0 0 0 26px; font-size: 12px; background:#666 url("../images/board/bt-ico02.png") no-repeat 11px 52%;}
}

@media screen and (max-width:480px){
 .search-Box{margin: 50px auto 0;}
}

 .view-inner{width:100%; border-top:4px solid #1b387e;}
 .v-title{padding: 20px 20px 18px; width:100%; font-size:18px; color:#333; font-weight:700; border-bottom:1px solid #ddd; background:#f4f7fa;}
 .v-info{padding: 20px; width:100%; background:#fff; border-bottom:1px solid #ddd;}
 .v-info:after{display:block;content:'';clear:both;}
 .v-info > div{float:left;}
 .v-info > div span{font-family: "Nanum Gothic", sans-serif; font-size:16px; color:#666;}
 .v-info > div strong{font-size:14px; color:#333;}
 .v-info > div.d{padding-left:30px;}
 .v-info > div.r{float:right;}
 .v-file{position:relative; width:100%; border-bottom:1px solid #ddd; background:#fff url("../images/board/ico_file_off.png") 98% 50% no-repeat;}
 .v-file.on{background:#fff url("../images/board/ico_file_on.png") 98% 50% no-repeat;}
 .v-file > p{padding: 20px; width:100%; font-family: "Nanum Gothic", sans-serif; font-size:14px; color:#333; font-weight:600; cursor:pointer;}
 .v-file > p > b{display:inline-block; padding:0 3px; font-size:14px; color:#299DC7;}
 .file-list{display:none; position:absolute; top:56px; left:0; padding:22px 20px 18px; width:100%; border-bottom:1px solid #ddd; background-color:#f4f7fa;}
 .file-list a{position: relative; top: -4px; display:inline-block; font-family: "Nanum Gothic", sans-serif; font-size:14px; color:#666; text-indent:5px; vertical-align:middle;}
 .file-list a:hover{color:#299DC7; text-decoration:underline; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

 .v_cont{padding:40px 20px 40px 20px; width:100%; font-size:16px; color:#333; line-height:1.8; border-bottom:1px solid #ddd;}
 .text_area{padding:40px 20px 40px 20px; width:100%; font-size:16px; color:#333; line-height:1.8; border-bottom:1px solid #ddd;}

@media screen and (max-width:768px){
	.v-title{padding: 14px; font-size: 16px;}
	.v-info{padding: 14px;}
	.v-info > div span{font-size: 14px;}
	 .v-info > div.d{padding-left:20px;}
	 .v-info > div.r{display:none;}
	 .v-file{background: #fff url("http://hoimang.15440835.com/layout/css/../images/board/ico_file_off.png") 96% 50% no-repeat;}
	 .v-file.on{background: #fff url("http://hoimang.15440835.com/layout/css/../images/board/ico_file_on.png") 96% 50% no-repeat;}
	 .v-file > p{padding: 14px; font-size: 12px;}
	 .file-list{top: 44px; padding: 16px 14px 12px;}
	 .file-list a{font-size: 12px;}
}

 .comment-box{width:100%;}
 .comment-box .cm_title{padding:0 0 20px 0; font-size:13px; color:#333; border-bottom:1px solid #ddd;}
 .comment-box .cm_title > b{color:#299DC7;}
 .comment-box .comment{padding:16px 18px; width:100%; border-bottom:1px solid #ddd;}
 .comment-box .cm_info{padding:0 0 12px 0; width:100%; font-size:13px; color:#999;;}
 .comment-box .cm_info strong{font-size:13px; color:#333; font-weight:600;}
 .comment-box .cm_info b{display:inline-block; padding:0 2%;}
 .comment-box .cm_info a.cm_del{display:inline-block; margin:0 0 0 8px; vertical-align:top; cursor:pointer;}
 .comment-box .cm_info input.cm_input{margin:0 0 0 2%; padding:0 8px; width:150px; height:30px; font-size:13px; color:#333; line-height:30px; border:1px solid #ddd;}
 .comment-box .cm_contents{width:100%; font-size:13px; color:#666; line-height:1.8em;}

 .cm_comment{padding:22px 20px; width:100%; border:1px solid #bbb;}
 .cm_table_info{width:100%;}
 .cm_table_info:after{display:block; content:''; clear:both;}
 .cm_table_info > li{float:left;}
 .cm_table_info > li:last-child{padding-left:30px;}
 .cm_name{display:inline-block; padding-top:6px; padding-right:10px; font-size:13px; color:#666;}


 .cm_inputType{font-family: "Nanum Gothic", sans-serif; padding:7px;  height:40px; font-size:14px; color:#333; border:1px solid #ddd;}
  input:read-only{ color:#333; background:#eee;}
 .cm_inputType2{padding:7px; width:80px; height:40px; font-size:14px; color:#333; border:1px solid #ddd;}
 .cm_inputType3{padding:7px; width:240px; height:40px; font-size:14px; color:#333; border:1px solid #ddd;}
 .textarea {font-family: "나눔고딕"; font-size:13px; color:#333; }
 .cm_comment .textarea{margin:20px 0; padding:12px; width:100%; height:83px; font-size:13px; color:#333; line-height:1.6em; word-break:break-all; border:1px solid #ddd; resize:none;}
 .cm_comment .spamcode{width:100%; font-size:0;}
 .cm_comment .spamcode:after{display:block; content:''; clear:both;}
 .cm_comment .spamcode input#special{margin:0 10px 0 5px; vertical-align:top;}
 .spamcode > label > img{vertical-align:top;}

.m_block{display:inline;}
.m_block02{display:inline;}
.m_block02 > label{vertical-align:top;}
@media all and (max-width:680px){
	.m_block02{display:block; padding:0 0 10px 0;}
	.cm_inputType3{padding:7px; width:40% !important; height:30px; font-size:13px; color:#333; border:1px solid #ddd;}
}
@media all and (max-width:500px){
.m_block{display:block; padding:4% 0 0 0;}
	.comment-box .cm_info input.cm_input{margin:0 0 0 0;}
}

 .page_Btn{width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
 .page_Btn .p_btn{width:100%;}
 .page_Btn .p_btn:after{display:block; content:''; clear:both;}
 .page_Btn .p_btn .title{float:left; padding:15px 20px; font-size:13px; color:#666;}
 .page_Btn .p_btn .title > b{display:inline-block; padding:0 10px; font-size:13px; color:#666;}
 .page_Btn .p_btn a{display:block; float:left; padding:15px 20px; width:610px; font-size:13px; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 .page_Btn .p_btn .day{float:right; padding:15px 20px; font-size:13px; color:#666; text-align:right;}
 .page_Btn .p_btn.p{border-top:1px solid #ddd;}

 .hybrid_boardArea{width:100%;}
 .hybrid_TableWrite{width:100%; border-top:1px solid #ddd; border-collapse: collapse; margin-bottom: 60px;}
 .hybrid_TableWrite:last-of-type{margin-bottom: 0;}
 .hybrid_TableWrite th{font-family: "Nanum Gothic", sans-serif; padding:10px 20px; border-bottom:1px solid #ddd; font-size:16px; color:#333; background-color: #f9f9f9;}
 .hybrid_TableWrite td{font-family: "Nanum Gothic", sans-serif; padding:10px 15px; height:60px; border-bottom:1px solid #ddd; font-size:14px; color:#333; line-height:1.8 }
 .hybrid_TableWrite td label{margin-right:10px; display:inline-block;}
 .hybrid_TableWrite td dl{display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #ddd;}
 .hybrid_TableWrite td dl:first-child{padding-top: 0;}
 .hybrid_TableWrite td dl:last-child{padding-bottom: 0; border-bottom: 0;}
 .hybrid_TableWrite td dl dt{width: calc(100% - 400px); padding-right: 20px; color: #333; font-weight: 600; font-size: 14px; word-break: keep-all;}
 .hybrid_TableWrite td dl dd{width: 400px;}
 .hybrid_TableWrite td dl dd input{width: 100%; cursor: pointer;}
 .hybrid_TableWrite td .lb_box{display: flex; flex-flow: row wrap;}
 .hybrid_TableWrite td .lb_box .box{margin-right: 20px;}
 .hybrid_TableWrite label{cursor:pointer;}
 .hybrid_TableWrite label input{position: relative; top: 2px; margin-right: 2px; cursor:pointer;}
 .hybrid_TableWrite td img.ico{display: inline-block; position: relative; top: 1px;}
 .hybrid_TableWrite td a.txt{display: inline-block; position: relative; top: -1px; color: #333; font-weight: 600; font-size: 14px;}
 .hybrid_TableWrite .b_select{margin-left:10px; width:150px; height:30px; color:#999;}
 .hybrid_TableWrite .b_select2{width:80px; height:30px; color:#999;}
 .hybrid_TableWrite .textarea{padding:8px;font-family: "나눔고딕"; font-size:12px; width:100%; height:300px; font-size:13px; color:#333; line-height:1.6em; word-break:break-all; border:1px solid #ddd; resize:none;}
 .hybrid_TableWrite label img{vertical-align:top;}
 .hybrid_TableWrite #b_special{margin:0 10px 0 0; vertical-align:top;}

 .hybrid_TableWrite .info{ font-size:12px; color:#1A7E00;} /* 테이블 입력폼 안내문구 */



p.ps{margin-top: 60px; color: #ff0000; font-size: 18px; line-height: 1.6; text-align: center; word-break: keep-all;}

.btn_C_Area{position:relative; width:100%; text-align:center; margin-top: 60px;}
button.buttonStyle.write_ok{width:200px; margin: 0 5px; font-size:18px; color:#fff; line-height: 50px; text-align:center; background-color: #1b387e; border: 1px solid #1b387e;}
button.buttonStyle.cancel{width:200px; margin: 0 5px; font-size:18px; color:#1b387e; font-weight: 700; line-height: 50px; text-align:center; border: 1px solid #1b387e;}
button.buttonStyle.back{width:200px; margin: 0 5px; font-size:18px; color:#1b387e; font-weight: 700; line-height: 50px; text-align:center; border: 1px solid #1b387e;}


@media all and (max-width:1260px){
 .hybrid_TableWrite td dl dt{width: calc(100% - 300px);}
 .hybrid_TableWrite td dl dd{width: 300px;}
}

@media all and (max-width:1024px){
	.dis_none{display:none !important;}
	table.boardTable th:nth-child(5),
	table.boardTable th:nth-child(6){width: 16% !important;}
}

@media all and (max-width:768px){
 .hybrid_TableWrite th{font-size: 14px;}
 .hybrid_TableWrite td{padding: 10px;}
 .hybrid_TableWrite td dl{display: block; padding: 15px 0;}
 .hybrid_TableWrite td dl:first-child{padding-top: 5px;}
 .hybrid_TableWrite td dl:last-child{padding-bottom: 5px;}
 .hybrid_TableWrite td dl dt{width: 100%; margin-bottom: 5px; padding-right: 0;}
 .hybrid_TableWrite td dl dd{width: 100%;}
 .hybrid_TableWrite td .lb_box{display: flex; flex-flow: row wrap; margin-bottom: -2%;}
 .hybrid_TableWrite td .lb_box .box:nth-child(n){width: 32%; margin-right: 2%; margin-bottom: 2%;}
 .hybrid_TableWrite td .lb_box .box:nth-child(3n){margin-right: 0;}

 p.ps{font-size: 16px;}

 button.buttonStyle.write_ok{font-size:16px;}
 button.buttonStyle.cancel{font-size:16px;}
 button.buttonStyle.back{font-size:16px;}

 .page_Btn .p_btn .title{padding:15px 1%; width:18%;}
 .page_Btn .p_btn .title > b{padding:0;}
 .page_Btn .p_btn a{padding:15px 10px; width:60%;}
 .page_Btn .p_btn .day{width:20%; padding:15px 1%;}
}

@media all and (max-width:480px){
 .cm_table_info > li{width:50%;}
 .cm_table_info > li:last-child{padding-left:0;}
 .cm_inputType{width:85px; height: 35px; font-size: 12px;}
 .cm_inputType2{width:60px;}

 .hybrid_TableWrite th{padding: 10px; font-size: 12px;}
 .hybrid_TableWrite td{height: auto;}
 .hybrid_TableWrite td dl dt{font-size: 12px;}
 .hybrid_TableWrite td dl dd input{padding: 5px;}
 .hybrid_TableWrite td a.txt{font-size: 12px;}
 .hybrid_TableWrite td .lb_box .box:nth-child(n){width: 49%; margin-right: 2%;}
 .hybrid_TableWrite td .lb_box .box:nth-child(2n){margin-right: 0;}
 .hybrid_TableWrite label{font-size: 12px;}
 .hybrid_TableWrite label input{top: 3px;}
 .hybrid_TableWrite #b_select{margin-left:1%; width:46%;}

 p.ps{margin-top: 50px; font-size: 14px;}

 .btn_C_Area{margin-top: 50px;}
 button.buttonStyle.write_ok{width:120px; font-size:14px; line-height: 40px;}
 button.buttonStyle.cancel{width:120px; font-size:14px; line-height: 40px;}
 button.buttonStyle.back{width:120px; font-size:14px; line-height: 40px;}
}



/* login */
.member_loginArea{width:100%;}
.member_loginArea.bb{margin-bottom: 80px; padding-bottom: 80px; border-bottom: 4px solid #ddd;}
#contents .member-Box{width:100%; max-width:530px; margin:0 auto;}
#contents .member-Box .subTitle{padding-bottom:40px; width:100%; text-align:center; word-break: keep-all;}
#contents .member-Box .subTitle span{font-size:26px; color:#333; line-height:1.6; font-weight: 900;}

#contents .loginTab-Type{width:100%; position:relative;}
#contents .loginTab-Type:after{content:""; display:block; clear:both;}
#contents .tab-navi{margin-bottom:40px; width:100%;}
#contents .tab-navi:after{content:""; display:block; clear:both;}
#contents .tab_login{float:left; width:50%; height:50px; border:1px solid #ddd; border-bottom:1px solid #1b387e; background-color:#f5f5f5; cursor:pointer; position:relative;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;}
#contents .tab_login>span{position:absolute; top:50%; left:0; display:block; width:100%; height:auto; font-family: "Nanum Gothic", sans-serif; font-size:14px; font-weight: 600; color:#333; text-align:center;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#contents .tab_login.on{border:1px solid #1b387e; border-bottom:1px solid #fff; background-color:#FFF;}

#contents .tab-Area{width:100%; }

#contents .input-p{margin-bottom:10px; width:100%; position:relative;}
#contents .input-p2{position:relative;}
#contents .input-p>label{position:absolute; top:50%; left:18px; width:100%; height:auto; font-size:16px; color:#666;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#contents .input-p2>label{position:absolute; top:50%; left:24px; height:auto; font-size:13px; color:#999;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#contents .input-p>input{font-family: "Nanum Gothic", sans-serif; padding:18px; width:100%; font-size:14px; color:#666; border:1px solid #ddd; background-color:#FFF;}
#contents .input-p>input::placeholder{color:#666;}
#contents .idSave{margin-top:15px; width:100%;}
#contents .idSave>input{display:inline-block; vertical-align: middle;}
#contents .idSave>label{display:inline-block; vertical-align: middle; padding-left:6px; font-size:14px; color:#666;}

#contents .loginBtn{margin-top:30px; width:100%;}
#contents .loginBtn>button{width:100%; height:55px; font-size:18px; color:#fff; font-weight:400; background:#1b387e; border:none;}

#contents .login-btn{margin-top: 30px; padding-top:30px; width:100%; text-align:center; border-top:1px solid #ddd;}
#contents .login-btn>a{font-size:16px; color:#666; text-decoration:none;}
#contents .login-btn>a:hover{color:#333;}
#contents .login-btn>span{display:inline-block; padding:0 10px; font-size:14px; color:#ddd;}

#contents .find_result{padding:50px 0; width:100%; border:1px solid #ddd;}
#contents .find_result>p{width:100%; font-size:18px; color:#333; text-align:center;}
#contents .new_pass{margin:30px 0; width:100%;}
#contents .find-Btn{margin:30px 0;text-align:center;}

#contents .nonMember-Type{margin:50px auto 50px; padding:50px 0; width:100%; text-align:center; border-top:1px solid #333; border-bottom:1px solid #333;}
#contents .nonM_Title{padding:0 0 20px 0; width:100%; font-size:28px; color:#575a5d; font-weight:400;}
#contents .p_txt15{padding:0 0 50px 0; width:100%; font-size:15px; color:#666;}

@media all and (max-width:1024px){
	.member_loginArea.bb{margin-bottom: 60px; padding-bottom: 60px;}
}

@media all and (max-width:768px){
	#contents .member-Box .subTitle span{font-size: 24px;}
}

@media all and (max-width:480px){
	.member_loginArea.bb{margin-bottom: 50px; padding-bottom: 50px;}
	#contents .member-Box .subTitle span{font-size: 20px; line-height: 1.4;}
	#contents .input-p>input{padding: 14px;}
	#contents .loginBtn>button{height: 50px; font-size: 16px;}
}

/* 이용약관 */
#contents .hy_join_Area{width:100%;}
#contents .hy_joinTab{margin:0 0 40px 0; width:100%;}
#contents .hy_joinTab:after{display:block;content:'';clear:both;}
#contents .hy_joinTab > li{float:left; width:33.33%; text-align:center;}
#contents .hy_joinTab > li > span{display: block; padding: 65px 0 0 0; width: 100%; height: 100px; font-size: 13px; color: #333; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; cursor: default;}
#contents .hy_joinTab > li > span.on{width:100%; border-top:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #333; border-right:1px solid #333 !important; background-color:#fff;}
#contents .hy_joinTab > li > span.ico_1{background:#f5f5f5 url("../images/board/ico_joinStep01.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_2{background:#f5f5f5 url("../images/board/ico_joinStep02.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_3{background:#f5f5f5 url("../images/board/ico_joinStep03.png") center 22px no-repeat; border-right:1px solid #ddd;}
#contents .hy_joinTab > li > span.ico_1.on{background:#fff url("../images/board/ico_joinStep01_on.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_2.on{background:#fff url("../images/board/ico_joinStep02_on.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_3.on{background:#fff url("../images/board/ico_joinStep03_on.png") center 22px no-repeat; border-right:1px solid #ddd;}
#contents .hy_editBox{width:100%;}
#contents .hy_editBox h3.h3_JoinTitle{padding:0 0 10px 0; width:100%; font-size:17px; color:#333; font-weight:600;}
#contents .hy_editBox .hy_edit_inner{padding:10px; width:100%; height:202px; font-size:14px; color:#666; line-height:24px; overflow-y:auto; border:1px solid #ddd; background-color:#fff;}
#contents .hy_Agree_Div{padding:20px 0 0 0; width:100%; text-align:center;}
#contents .hy_Agree_Div span{display:inline-block; padding-left:15px;}
#contents .hy_Agree_Div span label{padding:0 0 0 4px; font-size:15px; color:#666; vertical-align:top; cursor:pointer;}
#contents .hy_allAgree{margin-top:50px; padding:20px; width:100%; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#contents .hy_allAgree > input{display:inline-block; vertical-align:-2px;}
#contents .hy_allAgree > label,
#contents .hy_allAgree > label strong{font-size:15px; color:#666;}

.hy_Btn_C{width:100%; text-align:center; font-size:0;}
.hy_Btn_C > button{cursor:pointer;}
button.by_ButtonStyle.ok{padding:0 0 0 56px; width:120px; height:35px; font-size:13px; color:#fff; font-weight:600; text-align:left; background:#299DC7 url("../images/board/bt-ico06.png") no-repeat 36px center;}
button.by_ButtonStyle.cancel{padding:0 0 0 56px; margin-left:10px; width:120px; height:35px; font-size:13px; color:#fff; font-weight:600; text-align:left; background:#999 url("../images/board/bt-ico08.png") no-repeat 36px center;}
.hy_joinInfo{margin:0 0 10px 0; font-size:13px; color:#666;}

.hy_join_Area b.name-point{padding:0 4px 0 0; font-size:16px; color:#299DC7; font-weight:300;}
.hy_join_Area .hybrid_TableWrite span.j_text{display:inline-block; padding:0 0 0 14px; font-size:13px; color:#666;}
.hy_join_Area select.j_select{width:150px; height:30px; font-size:13px; color:#999;}
.hy_join_Area select.j_select2{width:80px; height:30px; font-size:13px; color:#999;}
.hy_join_Area .j_InputB{display:inline-block; margin:0 0 0 4px; width:92px; height:30px; font-size:13px; color:#333; text-align:center; line-height:30px; background:#fff; border:1px solid #bbb; cursor:pointer;}

span.span_block{display:block;}

.hy_join_finish{margin-bottom:30px; padding:4% 0; width:100%; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.hy_join_finish .p_f24Type{padding-bottom:3%; font-size:24px; color:#333; font-weight:600; line-height:28px;}
.hy_join_finish .p_f14Type{font-size:14px; color:#666; line-height:24px;}

@media all and (max-width:680px){
	.hy_join_Area select.j_select{width:46%;}
}


/* 리스트갤러리형 */
/* photo_List */
.photo_ListArea{width:100%;}
.hy_photo_List{width:100%;}
.hy_photo_List:after{content:""; display:block; clear:both;}

.hy_photo_List>li{float:left; margin:0 0.5% 2% 0.5%; width:24%; /*lbjtree  max-width:205px;*/}
.hy_photo_List>li>a{position: relative; overflow: hidden; display:block; width:100%; padding-bottom: 75%; border: 1px solid #ddd;}
.hy_photo_List>li>a img{display: block; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; width:100%; height: auto !important; margin: auto;}
.hy_photo_List>li span{display:block;}
.hy_photo_List>li>.photo_Txt{padding:10px 0 0 0; width:100%;}
.hy_photo_List>li>.photo_Txt>span{padding-right:10px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hy_photo_List>li>.photo_Txt>.title{padding:0 0 5px 0; width:100%; font-family: "Noto Sans Korean"; font-size:16px; color:#333;}
.hy_photo_List>li>.photo_Txt>.title a{font-family: "Noto Sans Korean"; font-size:16px; color:#333;}
.hy_photo_List>li>.photo_Txt>.day{width:100%; font-family: "Noto Sans Korean"; font-size:16px; color:#999;}
.hy_photo_List>li:hover>.photo_Txt{text-decoration:underline;}

@media screen and (max-width:1040px){
	.hy_photo_List>li{width: 32.33333%;}
}

@media screen and (max-width:640px){
	.hy_photo_List>li{margin:0 1% 6% 1%; width:48%; max-width:100%;}
	.hy_photo_List>li>.photo_Txt{padding:5px 0 0 0;}
	.hy_photo_List>li>.photo_Txt>.title{font-size:14px;}
	.hy_photo_List>li>.photo_Txt>.title a{font-size:14px;}
	.hy_photo_List>li>.photo_Txt>.day{font-size:14px;}
	.hy_join_Area .hybrid_TableWrite span.j_text{display:block; padding:8px 0 4px 0;}
}


/* FAQ */
.hy_faqType{width:100%; border-top:2px solid #333;}
.hy_faqType > dt{padding: 20px 25px 20px 55px; width:100%; font-size:16px; color:#333; background-color:#fff; border-bottom:1px solid #ddd;
background-image:url("../images/board/faq_ico_off.png"), url("../images/board/faq_ico_q.png");
background-repeat:no-repeat, no-repeat;
background-position:98% 50%, 2% 52%;
cursor:pointer; font-family: "Noto Sans Korean";}
.hy_faqType > dd{display:none; padding: 20px 25px 20px 55px; font-size:14px; color:#666; line-height:1.7; background:#f6f6f6 url("../images/board/faq_ico_a.png") no-repeat 2% 20px; border-bottom:1px solid #ddd; font-family: "Noto Sans Korean";}

@media screen and (max-width:840px){
	.hy_faqType > dt{padding: 15px 25px 15px 45px; font-size: 14px;}
	.hy_faqType > dd{padding: 15px 25px 15px 45px; font-size: 12px; background: #f6f6f6 url("../images/board/faq_ico_a.png") no-repeat 2% 15px;}
}
@media screen and (max-width:640px){
	.hy_faqType > dt{padding: 15px 25px 15px 35px;}
	.hy_faqType > dd{padding: 15px 25px 15px 35px;}
}


/* 이벤트형갤러리 */
/* 가로 */
.event_hori_Area{width:100%; border-top:1px solid #ddd;}
.event_hori_Area > li{width:100%; background:#fff; border-bottom:1px solid #ddd;}
.event_hori_Area > li:hover,
.event_hori_Area > li:active,
.event_hori_Area > li:focus{background:#f5f5f5;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.event_hori_Area > li > a:after{display:block; content:''; clear:both;}
.event_hori_Area > li > a{display:block; padding:20px 0;}
.event_hori_Area > li > a > div.img{float:left; width:32.5%;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.event_hori_Area > li > a > div.img img{width:100%;}
.event_hori_Area > li > a > div.event_Txt{float:right; padding:18px 0 0 0; width:64%;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.event_hori_Area > li > a > div.event_Txt .title{width:100%; font-size:16px; color:#333; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.event_hori_Area > li > a > div.event_Txt .cont{margin:18px 0; font-size:13px; color:#666; line-height:1.6em; width:100%; height:60px; overflow:hidden;}
.event_hori_Area > li > a > div.event_Txt .day{font-size:13px; color:#999;}
/* 세로 */
.event_verti_Area{margin-right:-3%; width:103%;}
.event_verti_Area:after{content:""; display:block; clear:both;}
.event_verti_Area>li{float:left; margin:0 3% 36px 0%; width:30.33%; max-width:270px; background:#fff;}
.event_verti_Area>li>a{display:block; width:100%;}
.event_verti_Area>li>a img{width:100%; height:auto;}
.event_verti_Area>li span{display:block;}
.event_verti_Area>li>.photo_Txt{padding:16px 0 0 0; width:100%;}
.event_verti_Area>li>.photo_Txt>span{padding-right:10px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.event_verti_Area>li>.photo_Txt>.title{width:100%; font-size:16px; color:#333; font-weight:600;}
.event_verti_Area>li>.photo_Txt>.cont{margin:16px 0; width:100%; height:40px; font-size:13px; color:#666; line-height:1.6em; overflow:hidden;}
.event_verti_Area>li>.photo_Txt>.day{width:100%; font-size:13px; color:#999;}
.event_verti_Area>li:hover>.photo_Txt>.title,
.event_verti_Area>li:active>.photo_Txt>.title,
.event_verti_Area>li:focus>.photo_Txt>.title,
.event_verti_Area>li:hover>.photo_Txt>.cont,
.event_verti_Area>li:active>.photo_Txt>.cont,
.event_verti_Area>li:focus>.photo_Txt>.cont{text-decoration:underline;}

@media all and (max-width:865px){
	.event_hori_Area > li > a > div.img{float:none; width:100%;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;}
	.event_hori_Area > li > a > div.event_Txt{float:none; width:100%;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;}
}
@media all and (max-width:640px){
	.hy_faqType > dt{padding:12px 20px 12px 35px;}
	.hy_faqType > dd{padding:12px 10% 12px 35px;}
	.event_verti_Area{margin-right:0; width:100%;}
	.event_verti_Area>li{float:none; margin:0 0 4% 0; width:100%; max-width:100%;}
}



/* 개발자추가 (2018.07.20) */
#contents .hy_InputB{text-align:center; padding:10px; height:40px; color:#000; font-size:13px; background-color:#ddd; cursor:pointer;}

/* 게시판 비밀번호 */
table.pds_pass_table {  clear:both; width:200px; margin:0px; padding:0px; border-collapse: collapse; border:1px solid #000000;}
table.pds_pass_table caption  { margin: 0; padding: 0; }
table.pds_pass_table th {  vertical-align:middle; font-size:13px; text-align:center; background-color:#333333; color:#FFFFFF; padding:2px;}
table.pds_pass_table td {  vertical-align:middle; font-size:13px; text-align:center; background-color:#FFFFFF; padding:10px;}
table.pds_pass_table td .hy_Input{padding:10px; width:100%; height:30px; max-width:250px; border:1px solid #ddd;}

/* 스팸방지 코드 */
.spam_code { font-size:20px; font-weight:bold; text-align:center; padding:4px 10px 4px 10px; margin-right:8px; background-color:#000000; color:#ffffff;  display:inline-block;}
/* 댓글수 */
.tail_count { font-size:12px; color:#aaa; }
/* 필수입력 */
.fil { font-size:12px; color:#ff0000; }
/* 설명글 */
.doc { font-size:12px; color:#888888; }



/* 달력 */
 table.t_calendar{width:270px; border-collapse:collapse; border-spacing:0; margin:auto; border:1px }
 table.t_calendar th{padding:4px; font-size:13px; font-weight:300; color:#333; text-align:center; background-color:#ffffff; }
 table.t_calendar td{padding:4px; font-size:13px; color:#333; text-align:center;}
 table.t_calendar td b {font-size:13px;}

.calendar_yymm { width:270px; min-height:40px; padding:10px 0; border-bottom:2px solid #313131; margin:auto;}
.calendar_yymm li { float:left; }
.calendar_yymm .prev { width:35px; text-align:center; padding-top:4px;}
.calendar_yymm .yymm { width:200px; text-align:center; color:#000000; font-size:16px; font-weight:600;}
.calendar_yymm .next { width:35px; text-align:center; padding-top:4px;}

.calendar_bottom { width:270px; height:32px; padding-top:10px; border-top:2px solid #313131; margin-top:5px; margin:auto;}
.calendar_bottom li { float:left; }
.calendar_bottom .today { width:200px; text-align:left; }
.calendar_bottom .today a { color:#000000; font-size:14px; font-weight:600; line-height:17px; }
.calendar_bottom .close { width:70px; text-align:right; padding-top:4px; }
/* 달력 끝*/


/* 탭메뉴 ----------------------------------------------------------------------------------------------------- */
.dg_wrap{position:relative; margin-bottom:100px; display:block}
.dg_wrap:hover:after{}

.dg_wrap .dg_btn{position:absolute; top:3px;  line-height:1; color:#333; font-weight:900;  font-size:45px;  cursor:pointer;}
.dg_wrap .dg_btn.dg-prev{left:-40px}
.dg_wrap .dg_btn.dg-next{right:-40px}

.dg_tabs{position:relative; width:100%; padding: 10px; overflow:hidden; border: 2px solid #ddd;}
.dg_tabs .dg_tab{}
.dg_tabs .dg_tab li{width:auto; margin-right:5px;}
.dg_tabs .dg_tab li:last-child{margin-right:0;}
.dg_tabs .dg_tab li a{display:block; font-size:21px; color:#666; font-weight:400; padding:10px 20px;}
.dg_tabs .dg_tab li.on2 a,
.dg_tabs .dg_tab li:hover a{background:#1B387E; color:#fff;}

@media screen and (max-width:768px) {
	.dg_wrap{margin-bottom:50px; }
	.dg_wrap .dg_btn{font-size:30px; top:4px;}
	.dg_wrap .dg_btn.dg-prev{left:-30px}
	.dg_wrap .dg_btn.dg-next{right:-30px}
	.dg_tabs .dg_tab li a{font-size:16px;}
}

@media screen and (max-width:480px) {
	.dg_tabs{padding: 8px;}
	.dg_tabs .dg_tab li a{padding: 8px 16px; font-size: 14px;}
}
/* 탭메뉴 끝 ----------------------------------------------------------------------------------------------------- */

/* 대관신청 가운데 정렬 */
.menu_tab_area 	{ border:2px solid #ddd;  margin-bottom:60px;}
.menu_tab 	{ margin:20px;  text-align:center;}
.menu_tab a	{ font-size:21px; margin:3px; padding:10px 20px;  background-color:#ffffff;  color:#666; }
.menu_tab a.on { background-color:#1B387E;  color:#fff;}
.menu_tab a:hover { background-color:#1B387E;  color:#fff;}




/* --------------------------------------------------------------------------------------------------------------------
일정관리 달력 스타일 ( calendar_area )
-------------------------------------------------------------------------------------------------------------------- */
.calendar_area{}
.calendar_top{border-top:0px solid #393939; margin-bottom:30px;}

.ctb01{position:relative; margin-bottom:30px;}
.ctb01 .arr{position:absolute; top:50%; transform:translateY(-50%);
  font-size:20px; color:#333; font-weight:700;
}
.ctb01 .arr em{position:relative; top: 2px;}
.ctb01 .arr.left{left:0;}
.ctb01 .arr.right{right:0;}
.ctb01 .arr.left em{margin-right:10px;}
.ctb01 .arr.right em{margin-left:10px;}
.ctb01 h2{display:block; text-align:center; font-size:28px; color:#333; font-weight:900;}
.ctb01 h2 span{color:#1B387E;}

.ctb02{border:2px solid #ddd; padding:10px;}
.ctb02 ul{text-align:center; font-size:0;}
.ctb02 ul li{display:inline-block; width:8.33%;}
.ctb02 ul li a{display:block; font-family: "Nanum Gothic", sans-serif; font-size:16px; color:#333; font-weight:600; padding:0 12px; line-height:40px;}
.ctb02 ul li a.on{background:#1B387E; color:#fff;}

.ctb03{margin-top:20px;}
.ctb03 li{float:left; margin-right:10px;}
.ctb03 li:last-child{margin-right:0;}
.ctb03 li a{display:block; width:50px; height:50px; border:1px solid #ddd;
  background-repeat:no-repeat;
  background-position:50% 50%;
}
.ctb03 li a.on{border-color:#1B387E;}
.ctb03 li:nth-child(1) a{background-image:url('../images/ico/cal_ico02_off.png');}
.ctb03 li:nth-child(2) a{background-image:url('../images/ico/cal_ico01_off.png');}
.ctb03 li:nth-child(1) a.on{background-image:url('../images/ico/cal_ico02_on.png');}
.ctb03 li:nth-child(2) a.on{background-image:url('../images/ico/cal_ico01_on.png');}

/* calendar_modal */
.modal_box{position: fixed; z-index:1001; background:#fff; width:600px; height:490px; top: 50%; left: 50%;
  transform:translate(-50%,-50%); border:2px solid #1B387E; z-index:9999; display:none;
  box-shadow: 6px 6px 6px -2px rgba(0,0,0,0.2);
 }
.modal_box .mb_top{position:relative; background:#1B387E; text-align:center; height:90px; display:table; width:100%;}
.modal_box .mb_top .close{position:absolute; top:15px; right:20px; cursor:pointer;}
.modal_box .mb_top h2{color:#fff; font-size:28px; font-weight:500; line-height:1; margin-bottom:5px; padding-top:15px;}
.modal_box .mb_top p{color:#80a0bc; font-size:18px; font-weight:400;}

.modal_box .mb_bot{padding:20px; overflow:auto;
  height : -webkit-calc(100% - 90px);
  height :    -moz-calc(100% - 90px);
  height :         calc(100% - 90px);
}
.modal_box .mb_bot dl{padding:10px 0; border-bottom:1px solid #ddd;}
.modal_box .mb_bot dl:after{clear:both; display:block; content:"";}
.modal_box .mb_bot dl:last-child{border-bottom:none;}
.modal_box .mb_bot dl dt{float:left; width:140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modal_box .mb_bot dl dt .db{border:2px solid #ddd; display:table; text-align:center; font-size:0;
  width:60px; height:60px;
}
.modal_box .mb_bot dl dt .db h2{font-size:14px; color:#666; font-weight:400; line-height:1; padding-top:4px;}
.modal_box .mb_bot dl dt .db .line{display:inline-block; width:20px; height:2px; background:#ddd;
  margin:5px 0 2px 0;}
.modal_box .mb_bot dl dt .db p{font-size:16px; color:#1B387E; line-height:1;  padding-top:4px;}
.modal_box .mb_bot dl dt span{height:60px; line-height:60px; width:20px; text-align:center;}

.modal_box .mb_bot dl dd{float:left; padding:4px 15px;
  width : -webkit-calc(100% - 140px);
  width :    -moz-calc(100% - 140px);
  width :         calc(100% - 140px);
}
.modal_box .mb_bot dl dd h2,
.modal_box .mb_bot dl dd p{font-size:16px; color:#333; margin-bottom:3px;}
.modal_box .mb_bot dl dd h2{font-weight:500;}
.modal_box .mb_bot dl dd p{font-weight:400;}

/* calendar_style01 */
.calendar_style01{}
.cs01_box{}
.cs01_box .left_cal{float:left; width:300px;}
.cs01_box .left_cal .top{height:50px; line-height:50px; background:#004078;
  position:relative;
}
.cs01_box .left_cal .top h2{font-size:20px; color:#fff; padding:0 0 0 25px;}
.cs01_box .left_cal .top span{font-size:14px; color:#fff; opacity:0.5; line-height:1;
  position:absolute; right:18px; bottom:18px;
}
.mini_calendar{background:#f5f5f5; border:1px solid #ddd; border-top:none; padding:15px;}
.mini_calendar table{border-collapse:separate; border-spacing:0; width:100%; table-layout:fixed;}
.mini_calendar table tr{}
.mini_calendar table tr th,
.mini_calendar table tr td{font-size:14px; color:#666; font-weight:400;}
.mini_calendar table tr th{padding:6px 0 10px 0;}
.mini_calendar table tr td{text-align:center; padding:6px 0;}
.mini_calendar table tr td:first-child{color:#c63e3e;}
.mini_calendar table tr td:last-child{color:#3e62b4;}
.mini_calendar table tr td .day{display:inline-block; width:28px; height:28px; line-height:28px;
  background:transparent;
}
.mini_calendar table tr td.over .day{background:#ddd;}
.cs01_box{margin:0 0 50px 0;}
.cs01_box:last-child{margin:0;}
.cs01_box .right_list{float:left; padding:0 0 0 30px;
  width : -webkit-calc(100% - 300px);
  width :    -moz-calc(100% - 300px);
  width :         calc(100% - 300px);
}
.cs01_box .list_area{border-top:1px solid #333;}
.cs01_box .list_area dl{border-bottom:1px solid #ddd; padding:0 15px;}
.cs01_box .list_area dl:after{clear:both; display:block; content:"";}
.cs01_box .list_area dl:nth-child(2n){background:#f5f5f5;}
.cs01_box .list_area dl dt,
.cs01_box .list_area dl dd{float:left; font-size:16px; padding:18px 0;}
.cs01_box .list_area dl dt{width:190px; color:#333;}
.cs01_box .list_area dl dd{color:#333;
  width : -webkit-calc(100% - 190px);
  width :    -moz-calc(100% - 190px);
  width :         calc(100% - 190px);
}
.cs01_box .list_area dl dd span{font-size:13px; color:#666; font-weight:300;}

/* calendar_style02 */
.calendar_style02{}
.calendar_style02 table{width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd; border-spacing:0;}
.calendar_style02 table thead{border:1px solid #ddd;}
.calendar_style02 table th{height:40px; font-family: "Nanum Gothic", sans-serif; font-size:16px; color:#fff; text-align:center; border-right:1px solid #ddd; 
border-bottom:1px solid #ddd; background-color:#1B387E;}
.calendar_style02 table td{padding: 8px; border-right:1px solid #ddd;border-bottom:1px solid #ddd; font-family: "Nanum Gothic", sans-serif; vertical-align:top; background:#fff;}
.calendar_style02 table td.today{background-color:#fefce6;}
.calendar_style02 table td > div{min-height: 120px;}
.calendar_style02 table td > div p.day{font-size:14px; text-align:left; font-weight: 700;}
.calendar_style02 table td > div p.doc{margin: 4px 0; font-size:14px; color:#333; font-weight: 700; padding:6px; cursor:pointer; background:#f3f3f3;}
.calendar_style02 table td > div p.imp{color:#333; font-weight:600; font-size:14px; padding:8px 0;}
.calendar_style02 table td:first-child > div p.day {color:#ff0000;}
/*.calendar_style02 table td:first-child > div p.doc{color:#ff0000 !important}*/
.calendar_style02 table td:last-child > div p.day {color:#3e62b4;}

/***::: responsive :::***/
@media screen and (max-width:1024px) {
  .ctb02 ul li{padding:5px 0; width:16.66%;}
  .cs01_box .left_cal{float:none; width:100%; padding:0 15%;}
  .cs01_box .right_list{float:none; width:100%; padding:0; margin-top:20px;}
  .calendar_style02 table td > div p.doc{font-size: 12px;}
}

@media screen and (max-width:768px) {
  .modal_box{width:94%;}
  .modal_box .mb_top{height:70px;}
  .modal_box .mb_top h2{font-size:22px;}
  .modal_box .mb_top p{font-size:15px;}
  .modal_box .mb_bot{padding:13px;
	height : -webkit-calc(100% - 70px);
	height :    -moz-calc(100% - 70px);
	height :         calc(100% - 70px);
  }
  .modal_box .mb_bot dl dd h2,
  .modal_box .mb_bot dl dd p{font-size:14px;}


  .cs01_box{margin:0 0 7% 0;}
  .calendar_top{margin-bottom:20px;}

  .ctb01{margin-bottom: 20px;}
  .ctb01 h2{font-size:22px;}
  .ctb01 .arr{font-size:16px;}
  .ctb01 .arr em img{width:20px;}

  .ctb02{padding:5px;}
  .ctb02 ul li a{font-size:14px; height:33px; line-height:33px;}

  .ctb03{margin-top:15px;}
  .ctb03 li a{width:40px; height:40px; background-size:63%;}

  .calendar_style02 table th{font-size: 14px;}
  .calendar_style02 table td > div p.day{font-size: 12px;}
  .calendar_style02 table td > div p.doc{font-size: 12px;}
  .calendar_style02 table td > div p.imp{font-size:12px;}

  .mini_calendar{padding:8px;}
  .mini_calendar table tr th{padding:3px 0 5px 0;}
  .mini_calendar table tr td{padding:3px 0;}

  .cs01_box .list_area dl{padding:0 10px;}
  .cs01_box .list_area dl dt,
  .cs01_box .list_area dl dd{font-size:14px; padding:15px 0;}
  .cs01_box .list_area dl dt{width:170px;}
  .cs01_box .list_area dl dd{
	width : -webkit-calc(100% - 170px);
	width :    -moz-calc(100% - 170px);
	width :         calc(100% - 170px);
  }
}

@media screen and (max-width:480px) {
  .modal_box .mb_top{height:60px;}
  .modal_box .mb_top h2{font-size:18px; margin-bottom:2px;}
  .modal_box .mb_top p{font-size:13px;}
  .modal_box .mb_bot{padding:8px;}
  .modal_box .mb_bot dl{padding:7px 0;}
  .modal_box .mb_bot dl dt{float:none; width:100%;}
  .modal_box .mb_bot dl dd{float:none; width:100%; text-align:center;}

  .ctb01 h2{font-size:18px;}
  .ctb01 .arr{font-size:14px;}
  .ctb01 .arr em{top: 0;}
  .ctb01 .arr em img{width:14px;}

  .ctb02 ul li{padding:3px 0; width:25%;}
  .ctb02 ul li a{font-size:14px; height:30px; line-height:30px;}

  .ctb03{margin-top:10px;}
  .ctb03 li a{width:35px; height:35px;}

  .cs01_box .left_cal{padding:0 10%;}
  .cs01_box .left_cal .top{height:40px; line-height:40px;}
  .cs01_box .left_cal .top h2{font-size:16px; padding:0 0 0 15px;}
  .cs01_box .left_cal .top span{font-size:13px; bottom:12px; right:12px;}
  .mini_calendar{padding:5px;}
  .mini_calendar table tr th, .mini_calendar table tr td{font-size:12px;}
  .mini_calendar table tr td .day{width:24px; height:24px; line-height:24px;}

  .cs01_box .list_area dl{padding:10px 7px;}
  .cs01_box .list_area dl dt,
  .cs01_box .list_area dl dd{float:none; font-size:13px; padding:0;}
  .cs01_box .list_area dl dt{width:100%; margin-bottom:7px;}
  .cs01_box .list_area dl dd{width:100%;}

  .calendar_style02 table th{height: 34px; font-size:12px;}
  .calendar_style02 table td{padding: 4px;}
  .calendar_style02 table td > div{min-height:60px;}
  .calendar_style02 table td > div p.day{font-size:10px;}
  .calendar_style02 table td > div p.doc{font-size:10px; padding:2px;}
  .calendar_style02 table td > div p.imp{font-size:10px; padding:6px 0;}
}

/* --------------------------------------------------------------------------------------------------------------------
일정관리 달력 스타일--- 끝---
-------------------------------------------------------------------------------------------------------------------- */

/* 컨텐츠 제목 */
.sub_title { font-size:28px; font-weight:600; color:#333; text-align:center;  }

/* form */
.input		{ font-family:나눔고딕; font-size:13px; color:#333333; border:1px solid #ccc; background-color:#ffffff; padding:7px; height:36px; margin:2px; ime-mode:active; }
.input_price{ font-size:14px; color:#333333; text-align:right; font-weight:normal;  line-height:10pt;  border:1px solid #ccc; background-color:#ffffff; padding:7px; margin:2px; }	/* 일반숫자형 */
.textarea	{ font-family:나눔고딕; font-size:13px; color:#333333; line-height:1.7; vertical-align:middle; ime-mode:active; border:1px solid #ccc; background-color:#ffffff; padding:7px; margin:2px;}
.select		{ font-family:나눔고딕; font-size:13px; color:#333333; text-align:left; border:1px solid #ccc; background-color:#ffffff; padding:7px; height:36px; margin:2px;}



/* 파일다운로드 */
.file_download{margin:10px 0;}


/* ---------------------------------------------------------------------------------------------------
	공용시설 예약
--------------------------------------------------------------------------------------------------- */
.rev_time{margin:4px 0; font-family: "Nanum Gothic", sans-serif; font-weight: 600; font-size:14px; background:#fff;}
.rev_time.block{padding: 10px 8px; background:#999; color:#fff;}
.rev_time a{display: block; padding: 10px 8px; font-family: "Nanum Gothic", sans-serif; color:#333; font-weight: 600; font-size:14px;}
.rev_time br{display: none;}
/* hover */
.rev_time a:hover{color: #fff; background-color: #1B387E;}

@media screen and (max-width:768px) {
	.rev_time{font-size: 12px;}
	.rev_time.block{padding: 8px 6px;}
	.rev_time a{padding: 8px 6px; font-size: 12px;}
}

@media screen and (max-width:480px) {
	.rev_time{font-size: 10px;}
	.rev_time.block{padding: 4px 2px;}
	.rev_time a{padding: 4px 2px; font-size: 10px;}
	.rev_time br{display: block;}
}

/* 소셜 로그인 */
.naver_P{width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:400; border:none; background:url('../images/board/btn_naver_login.png')no-repeat 0 0; text-align:center;}
.kakao_P{width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:400; border:none; background:url('../images/board/btn_kakao_login.png')no-repeat 0 0; text-align:center;}



/* 게시판 폰트 */
.text_area i,
.text_area b,
.text_area p,
.text_area strong,
.text_area a,
.text_area span,
.text_area h2{line-height:1.7; font-family: "나눔고딕" , "Nanum Gothic" ,"돋움", dotum, sans-serif;}
.v_cont i,
.v_cont b,
.v_cont p,
.v_cont strong,
.v_cont a,
.v_cont span,
.v_cont h2{ line-height:1.7; font-family: "나눔고딕" , "Nanum Gothic" ,"돋움", dotum, sans-serif; }
.hy_faqType i,
.hy_faqType b,
.hy_faqType p,
.hy_faqType strong,
.hy_faqType a,
.hy_faqType span,
.hy_faqType h2{line-height:1.7; font-family: "나눔고딕" , "Nanum Gothic" ,"돋움", dotum, sans-serif; }



	.height_1	{height:1px; width:100%; clear:both;}
	.height_2	{height:2px; width:100%; clear:both;}
	.height_3	{height:3px; width:100%; clear:both;}
	.height_4	{height:4px; width:100%; clear:both;}
	.height_5	{height:5px; width:100%; clear:both;}
	.height_6	{height:6px; width:100%; clear:both;}
	.height_7	{height:7px; width:100%; clear:both;}
	.height_8	{height:8px; width:100%; clear:both;}
	.height_9	{height:9px; width:100%; clear:both;}
	.height_10	{height:10px; width:100%; clear:both;}
	.height_11	{height:11px; width:100%; clear:both;}
	.height_12	{height:12px; width:100%; clear:both;}
	.height_13	{height:13px; width:100%; clear:both;}
	.height_14	{height:14px; width:100%; clear:both;}
	.height_15	{height:15px; width:100%; clear:both;}
	.height_16	{height:16px; width:100%; clear:both;}
	.height_17	{height:17px; width:100%; clear:both;}
	.height_18	{height:18px; width:100%; clear:both;}
	.height_19	{height:19px; width:100%; clear:both;}
	.height_20	{height:20px; width:100%; clear:both;}
	.height_21	{height:21px; width:100%; clear:both;}
	.height_22	{height:22px; width:100%; clear:both;}
	.height_23	{height:23px; width:100%; clear:both;}
	.height_24	{height:24px; width:100%; clear:both;}
	.height_25	{height:25px; width:100%; clear:both;}
	.height_26	{height:26px; width:100%; clear:both;}
	.height_27	{height:27px; width:100%; clear:both;}
	.height_28	{height:28px; width:100%; clear:both;}
	.height_29	{height:29px; width:100%; clear:both;}
	.height_30	{height:30px; width:100%; clear:both;}
	.height_31	{height:31px; width:100%; clear:both;}
	.height_32	{height:32px; width:100%; clear:both;}
	.height_33	{height:33px; width:100%; clear:both;}
	.height_34	{height:34px; width:100%; clear:both;}
	.height_35	{height:35px; width:100%; clear:both;}
	.height_36	{height:36px; width:100%; clear:both;}
	.height_37	{height:37px; width:100%; clear:both;}
	.height_38	{height:38px; width:100%; clear:both;}
	.height_39	{height:39px; width:100%; clear:both;}
	.height_40	{height:40px; width:100%; clear:both;}
	.height_50	{height:50px; width:100%; clear:both;}
	.height_60	{height:60px; width:100%; clear:both;}
	.height_70	{height:70px; width:100%; clear:both;}
	.height_80	{height:80px; width:100%; clear:both;}
	.height_90	{height:90px; width:100%; clear:both;}
	.height_100 {height:100px; width:100%; clear:both;}