.clear_pc{clear: both;}

select::-ms-expand {
    display: none;
}
input[type='submit'] {border-radius: 0;-webkit-appearance:none;}



/******폰트컬러*********/
.fc_black{color: #000000 !important;}
.fc_orange{color: #ff9900 !important;}
.fc_gray{color: #cccccc !important;}
.fc_darkred{color: #330000 !important;}


#sub0201_list{padding-bottom: 180px;}
#sub0201_view{}


/**sub 페이지 Pagination**/
.pagination {display: flex; align-items: center; justify-content: center; margin: 20px auto; overflow: hidden;}
.pagination a {float: left; padding: 8px 14px; text-decoration: none; border: 1px solid #dddddd; color: #444444; margin: 0 3px;}
.pagination a.active {background-color: #FFF; color: #365ec3; border: 1px solid #365ec3;}
.pagination a:hover:not(.active) {background-color: #ddd;}

/**sub 페이지 상단 타이틀**/
.comsub_title{position: relative; background: url("../../img/sub02/sub02_01_img1.png") no-repeat; background-position: center; background-size: 100%; min-height: 185px; border-bottom: 2px solid #666666; box-sizing: border-box;}
.comsub_title h2{font-size: 30px; color: #000000; font-weight: bold; padding-top: 70px;}
.comsub_title p{font-size: 14px; color: #999999; font-weight: 400; padding : 25px 0;}
.comsub_title .share_btn{position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}
.comsub_title .share_btn a{display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #edf0f4; text-align: center; padding-top: 6px;}
.comsub_title .share_btn a:nth-child(1){margin-right: 15px;}

/**sub 페이지 상단 네비게이션**/
.pro_online_view .comsub_nav{padding: 45px 0px 15px 0;}
.class_view .comsub_nav{padding: 45px 0px 15px 0;}
.comsub_nav{padding: 45px 0px 30px 0;}
.comsub_nav form{width: 100%;}
.comsub_nav ul{display: flex; align-items: center; width: 100%; justify-content: space-between;}

.comsub_subtitle{}
.comsub_subtitle span{position: absolute; bottom: 0px; left: 0; display: inline-block; width: 23px; border-bottom: 3px solid #000;}
.comsub_subtitle h3{position: relative; font-size: 22px; color: #000000; font-weight: bold; padding-left: 35px; line-height: 1;}

.element_wr{float: left;}
.element_wr select{width: 170px; height: 40px; border: 1px solid #d5dbde; border-radius: 0px; padding-left: 20px; outline: none;  margin: 0 10px 0 0; background: url("../../img/icon/select_arrow.png") no-repeat; background-position: right 17px top 17px;-moz-appearance: none;  -moz-appearance: none; -webkit-appearance: none; appearance: none;}
.element_wr input[type='text']{width: 350px; height: 40px; border: 1px solid #d5dbde; border-radius: 0px; padding-left: 20px;  margin: 0 10px 0 0;}
.element_wr input[type='submit']{width: 56px; height: 40px; border: 1px solid #1c54a7; background: #1c54a7; color: #FFF; border-radius: 0px;  margin: 0 ;}

/**sub 페이지 리스트 총 갯수**/
.total_info{}
.total_info h6{font-size: 15px; color: #999; font-weight: 300; line-height: 1; padding-bottom: 13px;}
.total_info h6 span{  color: #0065cd; }
.total_info2 h6{font-size: 15px; color: #999; font-weight: 300; line-height: 1; padding-bottom: 13px;}
.total_info2 h6 span{  color: #096; }


/**sub 페이지 하단 버튼**/
.link_btn{text-align: center; padding: 20px 0 90px;}
.link_btn a.btn02{display: inline-block; width: 115px; height: 50px; border: 1px solid #e3e3e3; line-height: 50px; color: #464646; font-size: 16px; border-radius: 25px;}

.btn_default{display: block;  width: 150px; height: 50px; border: 1px solid #333333; background: #FFF; line-height: 50px; color: #333333; font-size: 16px; border-radius: 25px; text-align: center; margin: 0 auto;}
.btn_orange{display: block;  width: 150px; height: 50px; border: 1px solid #ff9900; background: #ff9900; line-height: 50px; color: #FFF; font-size: 16px; border-radius: 25px; text-align: center; margin: 0 auto;}
.btn_orange_default{display: block;  width: 150px; height: 50px; border: 1px solid #ff9900; background: #FFF; line-height: 50px; color: #ff9900; font-size: 16px; border-radius: 25px; text-align: center; margin: 0 auto;}
.btn_gray{display: block;  width: 150px; height: 50px; border: 1px solid #999999; background: #999999; line-height: 50px; color: #FFF; font-size: 16px; border-radius: 25px; text-align: center; margin: 0 auto;}

.bt_list {display: flex; align-items: center; justify-content: center; margin: 20px auto; overflow: hidden; }
.bt_list a {float: left; padding: 15px 60px; text-decoration: none; border: 1px solid #dddddd; color: #444444; margin: 0 3px;}
.bt_list a.active {background-color: #FFF; color: #365ec3; border: 1px solid #365ec3;}
.bt_list a:hover:not(.active) {background-color: #f8f6f7;}



@media screen and (max-width: 1200px) {	
	.comsub_title{background-size: 130% 130%; background-position: 100% 63%;}
}

@media screen and (max-width: 980px) {
.comsub_nav{padding: 45px 0 15px 0;}
}

@media screen and (max-width: 860px) {
	.comsub_subtitle{text-align: left;}
	.comsub_subtitle h3 {display: inline-block; text-align: center;}
	.comsub_nav ul{display: inherit;}
	.comsub_nav ul li:nth-child(2) {
		margin: 20px 0 0;
		float: inherit;
		min-width: inherit;
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.clear_pc{clear: inherit;}
	.clear_mobile{clear: both;}

	.element_wr input[type='text']{width: 350px;}
	.element_wr select{width: 170px;}


}

@media screen and (max-width: 640px) {

	.comsub_title{padding-bottom: 70px; background-size: 300% 100%; background-position: 80% 50%;}
	.comsub_title .share_btn{top: inherit; bottom: 0; right: 0;}


	.select_element{width: 100%; margin: 3px 0;}
	.input_element{width: 70%;margin: 3px 0;}
	.submit_element{width: 30%; margin: 3px 0;}
	.element_wr select {width: 100%;}
	.element_wr input[type='text'] {width: 100%;}
	.element_wr input[type='submit']{width: 100%;}

	.pagination {display: flex; justify-content: center;}
	.pagination a {padding: 2px 4px;}

	.clear_pc{clear: inherit;}
	.clear_mobile{clear: both;}

}