@charset "utf-8";

@media (min-width:1024px){
.gnb{padding-left: 0; text-align: center;}
}

/*board.css*/
.area_search_wrap{margin-bottom:40px; padding:20px 50px 30px; background-color:#fff;}
.area_search_wrap .area_search{margin-bottom:0;}
.area_search{max-width:780px; margin:0 auto 60px;}
.search_field{display:block; position:relative;}
.search_field .search_label{display:block; width:100%; border-radius:3px;}
.search_field .search_input{display:inline-block; width:100%; height:63px; margin:0; line-height:1.75; padding:4px 44px 4px 12px; color:#222222; border-width:0 0 2px 0; border-color:#2162A7; font-size:18px; text-overflow:ellipsis; background:transparent; vertical-align:text-top;}
.search_field .search_input:focus{border-width:0 0 2px 0 !important; border-color:#2162A7 !important;}
.search_field .search_button{display:block; position:absolute; top:50%; right:0; margin-top:-17px; width:32px; height:32px; padding:0; background:transparent;}
.search_field .search_button:after{opacity:.7; content:""; display:block; width:100%; height:100%; background:url(/images/common/icon_search.svg) no-repeat 50% 50%;}
.search_field_select{padding-left:180px;}
.search_field_select .selectic{position:absolute; bottom:0; left:0; width:160px; height:100%;}
.search_field_select .search_slt{width:100%; height:100%; padding:0 34px 0 14px; text-align: left; border: 1px solid #ddd;  -webkit-transition: border-color 300ms; transition: border-color 300ms; color:#777; background:transparent;}
.search_field_select .selectic:after{opacity:.6; content:""; display:block; position:absolute; top:50%; right:8px; z-index:-1; width:32px; height:32px; margin-top: -13px; background:url(/images/common/icon_arw.svg) no-repeat 50% 50%; transform:rotate(90deg);}
.search_field_select .search_slt:hover{border-color: #2162A7;}

input[type=text], input[type=tel], input[type=email], input[type=password], input[type=url], input[type=submit], input[type=button], textarea, select{border-color:#eaeaea;}
.button_area .button{font-size: 14px; font-weight: 600;}
.button.white{color: #999;}

.tbl_remark{padding: 14px 0; font-size: 13px; text-align: right; color: #999;}
/* .bbsList.left td,
.bbsList.left tbody th{text-align: left;}
.bbsList{border-top-width:1px;}
.bbsList td,
.bbsList th{vertical-align: middle;}
.bbsList tr:hover td,
.bbsList tr:focus td,
.bbsList tr:active td{background-color: #fff;}
.bbsList th{padding: 22px 16px; background-color: #FBFCFD; word-break:keep-all;}
.bbsList td{padding: 20px 16px; color: #666;}
.bbsList td .cat{font-size: 13px;}
.bbsList td .cat_notice{color: #333; font-weight: 700;}
.bbsList th:before{content:none;}
.bbsList.page{margin-top:20px;} */
.bbsList th:before {content: none;}
.bbsList.th_line th, .bbsList.th_line tr td {border-right: 1px solid #ddd;}
.bbsList.th_line th:last-child, .bbsList.th_line tr td:last-child {border-right: 0;}
.bbsList tr:hover td,
.bbsList tr:focus td,
.bbsList tr:active td{background-color: transparent;}

.all_check_box{padding: 20px; border: 2px solid #ddd; font-size: 16px; text-align: center; }
.all_check_box .designChk input[type="checkbox"] + label{font-weight: 700;}
.all_check_box .designChk input[type="checkbox"] + label:before{top: 4px; background-image:url(/images/board/icon_chk_pack_color.svg);}
.all_check_box .designChk input[type="checkbox"]:checked + label{color:#1270A9;}

.searchBbs{padding-bottom: 10px; text-align: center;}
.searchBbs .search input[type=text],
.searchBbs .search input[type=button],
.searchBbs .search input[type=submit],
.searchBbs .search select{min-width:120px; height: 45px; border-radius:3px;}
.searchBbs .search input[type=text],
.searchBbs .search input[type=button],
.searchBbs .search input[type=submit]{border-radius:3px 0 0 3px;}
.searchBbs .search .button{background-image:none; border-radius:0 3px 3px 0; margin-left: 0;}
.pagination .page_number.current{color:#1270A9;}
.pagination .page_number.current:after{border:1px solid #1270A9;}
.pagination .page-item.active a{color:#1270A9;}
.pagination .page-item.active:after{border:1px solid #1270A9;}
.commentArea .input_writer{background-color: #f4f9f8;}


.bbsViewWrap{margin-top: 30px;}
.bbsViewWrap .commentArea .input_writer{background-color: #fff;}
.bbsTblView th{padding: 22px 16px; background-color: #fafafa; border-color:#ececec;}
.bbsTblView td{padding: 20px 16px; border-color:#ececec;}

.page_title + .bbsView .bbsView_header{padding-top: 24px; border-top:1px solid #222;}
.page_title + .bbsView .bbsView_body .view_info{border-top-color:#eee;}
.header_state .cat_notice{border-color:#1270A9; color:#1270A9;}

.view_course_slider{padding: 10px 10px; border:1px solid #ccc; background-color: #fff;}
.view_course_slider .ctrl_prev{left: -1px;}
.view_course_slider .ctrl_next{right: -1px;}



/*member.css*/
.join_box_scroll ul li{margin-bottom: 20px; font-size: 14px;} /*임시*/
.btn_login{border:0;}
.joinArea{padding: 0;}
.joinArea .forgetmenot{margin-top: 10px;}
.joinArea .box h3{font-weight: 700;}
.list_user_button{width:101%; font-size: 0;}
.list_user_button > li{display: inline-block; width: 32.333%; margin:0 1% 0 0; font-size: 1rem; text-align: center; vertical-align: top;}
.list_user_button > li a{display: block; width: 100%; height: 100%; padding: 12px 10px; border:1px solid #999999; color: #999; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.list_user_button > li:hover a{border-color:#333; color:#333; box-shadow:10px 10px 20px rgba(0,0,0,.05);}


/* **************************************** *
 * 1400px
 * **************************************** */
@media (max-width:1400px){
	.area_search_wrap{margin-bottom:30px; padding:18px 30px 28px;}
	.area_search{margin-bottom:30px;}
	.search_field .search_button{width:28px; height:28px; margin-top:-13px;}

	.page_title h3{font-size: 30px;}
}


/* **************************************** *
 * 1024px : mobile
 * **************************************** */
@media (max-width:1024px){
	#content{padding: 80px 0 60px;}
	.area_lnb ul li{padding: 0 5px;}

	.page_title{margin-bottom: 30px;}
	.page_title h3{font-size: 28px;}
	.page_title h3 .tag{font-size: 16px;}

	.cont_title{margin-top: 80px; margin-bottom: 16px;}
	.cont_title h4{padding-left: 14px; font-size: 18px;}
	.cont_title h4:before{top: 6px; height: 16px;}

	.tab > li{width: 25%; max-width:none;}
	.tab > li > a{padding: 16px 0;}

	.def_box{padding: 30px 40px; margin-bottom: 30px;}
	.bbsList th,
	.bbsTblView th{padding:20px 12px;}
	.bbsList td,
	.bbsTblView td{padding:18px 12px;}

	.button_area .button{font-size: 13px;}
	.searchBbs .search input[type=text],
	.searchBbs .search input[type=button],
	.searchBbs .search input[type=submit],
	.searchBbs .search select{height: 40px;}

	.page_title + .bbsView .bbsView_header{padding-top: 18px;}

	ul.community{min-width:auto; width: 150px; height:54px; line-height:54px;}
}

/* **************************************** *
 * 767px
 * **************************************** */
@media (max-width:767px){
	.cont_box{padding: 16px;}
	.area_lnb ul li{width: 33.33%; padding:0 4px;}
	.area_lnb ul li > a{padding:12px 10px;}
	.tab > li{font-size: 13px;}

	.desc_box{padding: 20px; margin: 10px 0;}
	.depth_list > li .desc_box{margin-bottom: 20px;}
	.dot_list > li{margin-top: 6px;}
	.bar_list > li{font-size: 13px;}
	.bar_list > li span{padding: 2px 10px;}

	.tbl_remark{font-size: 12px;}

	.bbsList th,
	.bbsTblView th{padding:16px 8px;}
	.bbsList td,
	.bbsTblView td{padding:12px 8px;}
	.bbsList td .cat{font-size: 12px;}

	ul.community > li .more_btn{margin-top: 20px;}

	.area_tab{margin: 40px auto 16px;}
	.tab > li{width: 33.33%;}
	.tab > li > a{padding: 14px 0;}

	.def_box{padding: 20px 30px; margin-bottom: 20px;}
	.def_wrap > li{margin-bottom: 40px;}
	.def_wrap .tit{padding: 12px 0; font-size: 15px;}
	.bul_list > li{margin-top: 8px;}


	.bbsList td[data-tbl="write"],
	.bbsList td[data-tbl="date"]{border-bottom:0;}

	.page_title + .bbsView .bbsView_header{padding-top: 16px;}

	.join_box_scroll ul li{margin-bottom: 14px; font-size: 13px;} /*임시*/
}

/* **************************************** *
 * 576px
 * **************************************** */
@media (max-width:576px){

	.area_search_wrap{margin-bottom:20px; padding:10px 18px 18px;}
	.search_field .search_button{width:22px; height:22px; margin-top:-11px;}
	.search_field .search_input{height:45px; padding:4px 32px 4px 10px; font-size:15px;}
	.search_field_select{padding-left:0;}
	.search_field_select .selectic{position:relative; top:auto; bottom:auto; left:auto; right:auto; width:100%; height:45px;}
	.search_field_select .selectic:after{width: 24px; height: 24px; margin-top: -10px;}
	.search_field_select .inputric{position:relative;}

	.bbsTblView.w100 tr{margin-top: 20px;}
	.page_title h3{font-size: 26px;}
	.cont_title{margin-top: 60px; margin-bottom: 12px;}
	.cont_title h4{padding-left: 12px; font-size: 16px;}
	.cont_title h4:before{top: 5px; height: 14px;}

	.list_user_button > li{width: 49%; margin-bottom: 1%;}
	.list_user_button > li:first-child{width: 99%;}

	.def_wrap > li{margin-bottom: 30px;}

	.page_title + .bbsView .bbsView_header{padding-top: 12px;}

}