﻿/*myprogram layout*/
#my_programCon{padding:0px;}

#mypgCon{margin:10px auto;width:100%;max-width:1140px;}
#mypgCon a{text-decoration:none;}
#mypgSide{padding-top:30px;margin-right:20px;width:180px;min-width:180px;}
#mypgMain{width:calc(100% - 200px);padding-top:20px;}

#mypgSide ul{width:100%;margin:0px;padding:0px;}
#mypgSide ul li{margin:0px;padding:0px;list-style-type:none;text-align:left;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#mypgSide ul li a{display:block;width:100%;line-height:20px;padding:10px 8px;background-color:#ffffff;color:black;font-size:14px;}
#mypgSide ul li a.on{background-color:#444;color:white;}
#mypgSide ul li.title a{text-align:center;}

#mypgSide ul li.title{border-bottom:1px solid #ccc;}
#mypgSide ul li.title a{padding:13px 0px;background-color:#111;color:white;font-size:16px;}
#mypgCon #nav_title .container{padding-top:15px;}

#mypgHead{width:100%;padding:0px;margin-bottom:25px;}
#mypgHead ul{padding:0px;margin:0px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
#mypgHead ul li{padding:0px;margin:0px;list-style-type:none;}
#mypgHead ul li a{display:inline-block;line-height:20px;margin:5px;padding:10px 10px;background-color:#eee;color:black;border:1px solid #ccc;border-radius:10px;font-size:16px;letter-spacing:-0.05em;}

#mypgHead ul li.on a{background-color:#115BC2;color:white;border:1px solid #999;text-decoration:none;}


#mypgHeadMd{width:100%;padding:0px;margin-bottom:25px;}
#mypgHeadMd ul{padding:0px;margin:0px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
#mypgHeadMd ul li{padding:0px;margin:0px;width:14.2%;padding-left:2px;padding-right:2px;list-style-type:none;}
#mypgHeadMd ul li a{display:inline-block;width:100%;line-height:20px;margin:5px;padding:10px 0px;background-color:#eee;color:black;border:1px solid #ccc;border-radius:10px;font-size:13px;letter-spacing:-0.05em;text-align:center;}
#mypgHeadMd ul li a.on{background-color:#115BC2;color:white;border:1px solid #999;text-decoration:none;}



#mypgBody{width:100%;padding:20px 0px 10px 0px;; border:0px solid #ccc;}
#mypgBody .swiper-container{width:100%;padding-bottom:40px;}
#mypgBody .swiper-slide{min-height:450px;}
#mypgBody .swiper-slide .wr_content table {margin:0px auto;}
#mypgBody .swiper-pagination-bullet{width:15px;height:15px;}
#mypgBody .swiper-pagination-bullet-active{background-color:#333;}

#mainCont #mypgMain  .mainBody .mCont{padding:0px;}
#mainCont #mypgMain .container{padding-left:0px;padding-right:0px;}


/***************************
//관리자 프로그램을 정의한다
**************************/
#mypgMd{display:flex;width:100%;max-width:1140px;margin:10px auto 20px auto;}
#mypgMdList{width:180px;min-width:180px;padding:30px 0px 0px 0px;margin-right:15px;}

#mypgMdList .consult_menu{padding:10px 5px;border:1px solid #ccc;}
#mypgMdList div.listCon{margin-top:10px;width:100%;height:50vh;overflow:auto;}


#mypgMdCont{width:calc(100% - 195px);border:0px solid #ccc;}

#mypgMdStx{}
#mypgMdList ul{width:100%;}
#mypgMdList ul li{width:100%;text-align:left;}
#mypgShuffle{border-top:2px solid #aaa;margin-top:15px;}
#mypgShuffle li{border-bottom:1px solid #ccc;}
#mypgShuffle li a{display:inline-block;width:100%;padding:5px 0px;font-size:14px;}



/*아이프레임을 정의한다*/
/*#mypgMdCon{padding:15px;}*/
#mypgMdCon iframe{width:930px;min-width:930px;border:none;margin-bottom:30px;}



#mdTabCon button.on{background-color:#555;color:white;}
#mdContCon .mdContent{display:none;}
#mdContCon .mdContent.on{display:block;}

.mbTitle{margin:20px 0;text-align:center;font-size:20px;font-weight:bold;}

#mp_consult .nav-tabs {
    border-bottom: 1px solid #aaa;
}
#mp_nav{padding-top:30px;display:flex;justify-content: space-between;align-items:center;}
#mp_nav li{width:25%;padding:0px 1px;}
#mp_nav li a{display:block;width:100%;height:45px;line-height:45px;text-align:center;border:1px solid #ccc;}
#mp_nav li a.on{background-color:#005fc5;color:white;}

#mp_consult .nav-link.active{ border-color: #aaaaaa #aaaaaa #fff;}
#mp_consult .nav-link{padding-left:20px;padding-right:20px;}


/*게시판*/
#mp_consult #bo_w .btn_submit{    padding: .375rem .75rem;}
#mp_consult .write_div{margin-bottom:10px;border-bottom:1px solid #ccc;}
#mp_consult .write_div .subtitle{margin-bottom:5px;font-size:16px;font-weight:bold;}
#mp_consult .write_div .wr_content2{width:100%;height:100px;}

.conTitle{font-size:18px;font-weight:bold;margin-bottom:5px;}
.conBody{margin-bottom:20px;border:1px solid #ccc;padding:10px;width:100%;font-size:13px;}


.cwr_subject{border:1px solid #ccc;padding:10px;margin:10px 0px; background-color:#f4f4f4;}
.source_content{width:100%;margin-bottom:15px;padding:15px;border:1px solid #ccc;}
.source_content .title{font-size:18px;font-weight:bold;margin-bottom:10px;}
.source_content .wr_contents{font-size:13px;} 



.tableCon{padding-bottom:80px;width:100%;max-width:1140px;overflow:auto;}
		
.table_list{position: relative;width:100%;border-collapse: collapse;}
.table_list td, .table_list th{padding:3px;border:1px solid #aaa;line-height:21px;font-family:'Tahoma';font-size:12px;text-align:center;}
.table_list tr.head td, .table_list tr.head th{background-color:#7D7D7D;color:white;text-align:center;}
.table_list th {
	position: sticky;
	top: 0; /* Don't forget this, required for the stickiness */
}
.table_list.table_list02 td, .table_list.table_list02 th{font-size:14px;}
#pgBody .table_list02 img{width:25vw;max-width:150px;}

@media (max-width: 890px) {
	.table_list {
		width: 890px;
		table-layout: fixed;
	}
	.table_list.table_list02 {
		width: 100%;
		table-layout: auto;
	}
	.table_list.table_list02 td, .table_list.table_list02 th{font-size:12px;}

}

