@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
a{text-decoration: none;}
html {
  font-size: 14px;
}
body {
  width :100%;
  margin : 0 auto;
  position: relative;
}

ul li{
  list-style: none;
}
a:link{color:#333333;text-decoration:none;}
a:hover{color:white;text-decoration:none;}
a:active{color:#333333;text-decoration:none;}
a:visited{color:#333333;text-decoration:none;}
input[type="date"],input[type="time"]{
  appearance: none;
  -webkit-appearance: none;
}
.
/*main content part*/
bok_but_cost_list{
  float:left;
  width: 100%;
  margin:0 auto;
  background-color:#cccccc ;
}
bok_but_cost_list_txt{
  width:25%;
  font-size: 18px;
  margin-left: 5px;
  color:#444444;
}
.point_text{
  color:#f44336;
  font-weight: bold;
  font-size: 18px;
  margin-left: 5px;
}

li{float:left;width:20%;line-height:auto;}
table::after{
  clear:both;
  content: "";
  display: block;
}
table {
width: 100%; 
font-size:1em;
border-collapse: collapse;
word-break: keep-all;
}
.new_padd td{
  padding:10px 10px 10px 20px;
 

}
table td.main_content_tit { 
	width:30%;  
	font-size:1.0em;
	font-weight:600;
}
table td.main_content_text { 
	width:60%;  
	font-size:0.9em;
	text-align:left;
	table-layout:fixed;word-break:break-all;
  height: 104px;
  overflow-y: hidden;
}
table td.main_content { 
	width:7%;  
	text-align:right;
  padding: 0 15px 0 0;
}
table td.main_content >a{
	border:0px;
  padding:10%;
	font-size: 0.85em;
  border-radius: 3px;
	background-color: #093687;
  color:white;
}
.type_cnst{
  font-size: 11px;
  color: #a6a6a6;
}
.type_cnst_red{
  font-size: 11px;
  color: red;
}
.cnsttitle{
  font-size: 1.1em;
  margin-bottom: 6px;
  font-weight:600;
}
.bok_but:hover{
  background-color: #093687;
  color: white;
}

.main_box{
text-align: center;
border-bottom: 1px solid #cccccc;
padding: .7em 0 .7em 0; 
}

.main_content >button:hover{
  background-color: #093687;
  color:white;
  border: 1px solid #A6A6A6 ;
}
.main_content a.end_event {
	background:#a6a6a6;
}
.main_content a.my_event {
	background:#333333;
}


.fa-user:before {
  font-size: 50px;
}


/*mypage contents*/
.mypage_container{
  border: 0;
  margin:0 auto;
  width:100%;
  text-align: center;
}
.mypage_contents_list{
  display:inline-block;
  padding: 0;
  width:100%;
  font-size: 1.2em;
  text-align: center;
  margin:0 auto;
}

.mypage_contents_txt{
  padding-top:10px;
  padding-bottom:10px;
  display: inline-block;
  width:100%;
  background-color: #ffffff ;
  border: 1px solid #f4f4f4;
}
.mypage_contents_txt:nth-child(add){
  background-color: #f4f4f4;
}

.mypage_contents_txt>a{
  color:#333333;
  margin:0 auto;
  text-align: center;
  display: inline-block;
}

.mypage_contents_txt:hover{
  background-color: #093687;
  color:white;
  }


/*** mycoupon*************************/
.coupon_s1 .container h2{
  font-size: 1.2em;
  padding: 10px 0;
  line-height: 20px;
  border-bottom: 2px solid #c4c4c4;
  margin-bottom: 20px;
}
.c_mypage {
  overflow: hidden;
  padding: 0 10px;
}
.c_section {
  margin-bottom: 40px;
  overflow: hidden;
  margin-top: 10px;
  padding: 0 10px;
}
.c_mypage_list {
  margin-top: 10px;
  border-top: 1px solid #333;
}
.c_mypage_list_a{
 width:95%;
}
.c_mypage_list ul {
  overflow: hidden;
}
.c_mypage_list li {
  list-style: none;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.price{
  width:92%;
}
.c_mypage .mypage_list_top {
  overflow: hidden;
  border: 1px solid #ddd;
  padding: 20px 15px;
  text-align: center;
  box-sizing: border-box;
  background: #f5f5f5;
}
.c_mypage .mypage_list_top .price {
  font-size: 17px;
  color: #333;
  font-weight: 600;
}
.c_mypage .mypage_list_top li+ li {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 5px;
  width:100%;
  font-size: 13px;
}
.c_pagi {
  text-align: center;
  overflow: hidden;
  position: relative;
  clear: both;
  padding-top: 30px;
  height: 35px;
}
.c_pagi .nextprev {
  border-top: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
}
.c_pagi .number {
  float: left;
  border-left: 1px solid #ddd;
  margin: 0 5px;
  box-sizing: border-box;
}

.c_pagi .number .hit {
  color: #333;
  font-weight: 400;
  border: 1px solid #666;
}
.c_pagi .number a {
  line-height: 37px;
  color: #888;
  padding: 0 13px;
  font-size: 14px;
  border: 1px solid #ddd;
  border-left: 0 !important;
  background: #fff;
  height: 35px;
  position: relative;
  box-sizing: border-box;
}


/*foot css*/
.footer_box{
  max-width: 800px;
  position : fixed;
  bottom : 0;
  width:100%;
  height: 420px;
}

/*공지사항 슬라이드*/
.announce_list::before{
  clear: both;
  content: '';
  display: none;
}
.announce_list{
  width:100%;
  max-height:50px;
  padding-top: 15px;
  color:#333333;
  font-size:1.0em;
}
.announce_box{
  float:left;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: red;
  text-align: center;
  font-weight: bold;
}

.slide { width:100%;height:30px;overflow:hidden; padding:0; background:#fff; z-index:9999; line-height:30px; }
.slide ul{width:calc(100% * 3);display:flex;animation:slide 20s infinite; padding:0;} /* slide를 8초동안 진행하며 무한반복 함 */
.slide li{width:calc(100% / 3); height:50px;}
.slide li:nth-child(1){background:#ffffff}
.slide li:nth-child(2){background:#cccccc}
.slide li:nth-child(3){background:#ffffff}
/**.slide li:nth-child(4){background:#cccccc;}**/
@keyframes slide {
  0% {margin-left:0;} /* 0 ~ 10  : 정지 */
  10% {margin-left:0;} /* 10 ~ 25 : 변이 */
  25% {margin-left:-100%;} /* 25 ~ 35 : 정지 */
  35% {margin-left:-100%;} /* 35 ~ 50 : 변이 */
  50% {margin-left:-200%;}
  60% {margin-left:-200%;}
  75% {margin-left:-300%;}
  85% {margin-left:-300%;}
  100% {margin-left:0;}
}
.footer_contents_container{
  width:100%;
  line-height: auto;
  padding-top: 0;
  text-align: center;
  background-color:#093687 ;
  color:white;
}

.footer_contents_container ul{
    display: block;
    margin: 0px;
    width: 100%;
}
.footer_contents_row>li{	
  text-align: center;
  width:33%;   
  padding:1%;
  background:#093687;
  /**background-image: url("../img/foot_icon1.png");**/
  background-repeat: no-repeat;  
}
.footer_contents_row>li a:hover { background:#06245b; }
.footer_contents_row>li.action { background:#06245b; }
.footer_contents_row>li:last-child { width:34%; }
.footer_contents_row>li>img{
  display: inline-block;
  width:20px;
  height:20px;
  margin:0 auto;
}
.footer_contents_row>li>span{
  display: inline-block;
  width:100%;
  font-size:0.9em;
  padding-top:5px;
  color:white;
}
.speacial_li{
  position: relative;
}
.redNum{
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: red;
  top: 5px;
  right: 12px;
}
/**221221 푸터 채용탭 숫자 심아연/


/*list.php*/
.boklistwrap { 
  margin:0 auto; 
  width: 80%;
  height: 100vh;
  background: #fff;
  position: absolute;
  top: 0;
  z-index: 1000;
  right: -100%;
  transition: 0.8s;
}

.bok_search {
  padding:0;
  width: 100%;
  height: 100vh;
  margin:0 auto;
  margin-top: 5%;

}
.bgcolor:nth-child(odd){
  background-color: #f4f4f4;
}

.bgcolor:hover{
  background-color: #093687;
  color:white
} 
.bgcolor > a {
  padding:0;
  width: 100%;
  height: 48px;
  line-height: 48px;
  display: block;
  color: #093687;
  font-weight: 500;
  font-size: 1.2em;;
  text-align: center;
}
.bgcolor:hover a{
  color: #fff;
}



/*********************************************** 글쓰기 폼 CSS (/sub/write.php) ******************************************************/
.bformbox { position:relative; margin:20px auto; width:100%; }
.bformbox h2 { color:#3d3d3d; font-size:1.4em; line-height:1.5em; font-weight:400; padding-left:10px; border-bottom:2px solid #9f9f9f; font-weight: bold;}	33 67
.bformbox table { width:100%; border-collapse:collapse; border-spacing:0 5px; background:#fff; } 
.tbl_wform tbody tr.grays { background:#f4f4f4 }
.tbl_wform th { width:33%; padding-left:3%; color:#3d3d3d; font-size:1.0em; }
.tbl_wform th:nth-child{background-color: #f4f4f4;}
.tbl_wform td { width:67%; height:30px; padding:7px 10px; color:#666; line-height:1.4em; word-break:break-all}
.tbl_wform thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_wform td input { border:1px solid #d0cbcb; height:30px; line-height:30px; padding-left:5px; vertical-align:middle;}
.tbl_wform td input[type="text"],
.tbl_wform td input[type="date"],
.tbl_wform td input[type="time"]{width: 100%; border-radius: 5px;}
.for_br{border-radius: 5px;}
.frm_radio { margin: 0 !important; padding: 0 !important; }
.frm_radio input[type="radio"] { display: none; }
.frm_radio input[type="radio"]+label { background-color: #eee; text-align: center; margin: 0; width: 32%; line-height: 30px; border-radius: 3px; font-size: 13px; margin:3px 0; }
.frm_radio input[type="radio"]:checked+label { background-color: #093687; color: #fff; }
.frm_radio input[type="text"] { margin-top: 10px; }
.frm_radio2 { margin: 0 !important; padding: 0 !important; }
.frm_radio2 input[type="radio"] { display: none; }
.frm_radio2 input[type="radio"]+label { background-color: #eee; text-align: center; margin: 0; width: 30%; height: 100%; line-height: 30px; border-radius: 3px; }
.frm_radio2 input[type="radio"]:checked+label { background-color: #093687; color: #fff; }
.form_btn_box { position:relative; width:100%; text-align:center; margin:50px auto 20px; }
.bform_submit { width:90%; background:#093687; color:#fff; font-size:1.6em; font-weight:700; text-align:center; border-radius:3px; border:0px; }

.frm_check input[type="checkbox"]{ display: none; }
.frm_check input[type="checkbox"] + label{ background-color: #eee; text-align: center; margin: 0; width:100%; line-height: 30px; border-radius: 3px; }
.frm_check input[type="checkbox"]:checked+label { background-color: #093687; color: #fff; }


/*audience_form.php*/
th{
  text-align: center;
}

/*view.php*/
.consiqence_list_page{
  width:100%;
  padding:3% 3%;
}
.consiqence_tit{
  padding: 5px 0;
}
.consiqence_list_btn{
  margin:0 auto;
  width:94%;
  padding:2% 2% 0% 2%;
  border-bottom: 1px solid #9f9f9f;
  border-top: 1px solid #9f9f9f;
}
.consiqence_list_btn>li{
  display: block;
  line-height:auto;
}
.consiqence_list_btn>li>button{
  width: 100%;
  display: inline-block;
  background-color:#fff;
  text-align: center;
  color: #093687;
  border: 1px solid #093687;
}

.consiqence_list_btn>li>button:hover{
  background-color: #093687;
  color:white
}
.consiqence_contents::after{
  content: "";
  display: block;
  clear:both;
}
.consiqence_contents{
  width: 100%;
  padding: 0 3% 2% 3%;
  line-height: 15px;
  font-size: .9em;
  overflow: hidden;
}
.check{
  width:94%;
  margin:2% 3%;
  line-height:auto;
  background-color: #093687;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
  border:0 ;
}
.check2{
  width:94%;
  margin:0 3%;
  line-height:auto;
  color: #333333;
  font-size: 1.2em;
  text-align: center;
  border:0 ;
  background-color: #FEE500;

}
.bok_button{
  width:100%;
  height:auto;  
}
.bok_button>li{
  float: left;
  width:100%;
  line-height: 30px;
  border:0;
  text-align: center;
  font-size: 1em;
  margin-top: 5px;
  padding:5px 0;
  position:relative;
}
.bok_button>li>img{
  display: block;
  position:absolute;
  left:4%;
  height:40px;
  vertical-align:top;
  top:0;
  z-index:99;
}
.bok_button>li:nth-child(0){
  background-color: #093687;
  color:white;
  font-weight: 500;  
}
.bok_button>li:nth-child(1){
  background-color: #fae100;
  color:#381F1F;
  font-weight: 500; 
  width: 90%;
  float: initial;
  margin: 0 auto;
}
.bok_button>li:nth-child(3){
  color:red;
  font-size: .8em;
  margin-top: 20px;
}
.bok_button>li:nth-child(2){
  color:#381F1F;
  font-size: .93em;
  margin:0;
}
/*팝업창*/
.popup{
  display: none;
}
.bcakground{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background-color:black ;
  opacity: 0.7;
  z-index: 80;
}
.pop>h2{
  width:100%;
  line-height: 40px;
  border-bottom: 1px solid #c4c4c4;
}
.pop{
  position: absolute;
  top:10%;
  left:50%;
  transform:translateV(-50%);
  transform:translateX(-50%);
  min-width:360px;
  height:400px;
  background-color: white;
  z-index: 100;
}
.pop>input{
  box-sizing: border-box;
  width:100%;
  line-height: 30px;
  font-size: 0.8em;
  margin: 5px;
}

.pop_btn{
  width:100%;
  line-height: 30px;
  border: 0;
  background-color: #093687;
  color:#fff;
  margin-top: 10%;
  padding:5px 0px;
  text-align: center;
}

/*my_information.php*/
.myinfor{
  font-size: .8em;
  width:100%;
  height: 100%;
}
.myinfor_content>tr{
  padding:10px 0;
}
.myinfor_content>tr:nth-child(2n+1){
  background-color: #f4f4f4;
  padding: 10px 0;

}
.myinfo_tit{
  width:100%;
  padding:3px 0;
  margin-bottom: 10px;
  font-size: 1.2em;
  box-sizing: border-box;
}

.myinfor_button{
  width: 100%;
  line-height: auto;
  box-sizing: border-box;
}

.myinfor_button>input{
  float: left;
  width:50%;
  height: inherit;
  border: 0;
  margin-top:10px;
  padding:5px 0;
}


/*my_account.php*/
.account_wrap{
  width:90%;
  margin:0 auto;
  box-sizing: border-box;
}
.account_wrap>.row>h2{
  width:100%;
  font-size: 1.2em;
  padding: 10px 0;
  line-height: 20px;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom:20px;
}
.account_wrap>.row>input{
	line-height: 30px;
	border:1px solid #cccccc;
}
.account_wrap p.lines { width:100%; margin:10px auto; }
/*my_announce.php*/
.announce_wrap{
  width:100%;
  height:100vh;
}

/*** mypage *************************/
.mypage_wrap { position:relative; width:90%; margin:0 auto; }
.mypage_wrap>.row>h2,
.myp_tit_h2{ font-size: 1.2em; padding: 10px 0; line-height: 20px; border-bottom: 2px solid #c4c4c4; margin-bottom:20px; }
.mypage_wrap p.lines { width:100%; margin:10px auto; }

.open{
  display: block;
  width:100%;
  text-align: left;
  margin:0;
  padding:0;
}
.open>li{
  width:100%;
  border-bottom: 1px solid #c4c4c4;
}
.open>li>a{
  display: block;
  text-align: 0.8em;
  width: 100%;
  text-decoration: none;
  padding:5px 0;
  color:#c4c4c4;
}
.open>li>a:hover{
  background: #093687;
  color:white;
}
.sub{
  background-color: #fff;
  width:100%;  
}
.sub > li {
  display: none;
  height: auto;
  width:100%;
}

.sub > p {
  display: none;
  height: auto;
  width:100%;
}

.sub>li> a{
  width: 100%;
}
.gnb > li:hover>a{
  background-color: #844330;
  color:#fff;
}
.sub>li:hover{
  background-color: #555;
}
.sub>li:hover a{
  color:#fff
}
.contents{
  width:800px;
  margin-left: 200px;
  height: 650px;
  text-align: center;
  font-size: .8em;
  text-transform: uppercase;
  line-height: auto;
}
 
/***** 상세 페이지 *****************/
.bformbox { position:relative; margin:20px auto; width:100%; font-size:1.0em; }
.bformbox h2 { font-size:1.0em; line-height:34px; padding-left:10px; border-bottom:2px solid #9f9f9f; }
.bformbox .btnList { position:absolute; top:0px; right:10px; font-size: 0.9em;}
.delBtn { padding:0 15px; }
.process_text { font-size:1.0em; font-weight:600; color:red; }
.del_btns { /*width:60px; height:30px;*/ text-align:center; line-height:30px; color:#fff; background:#093687; border:0px; padding: 0 10px;}		
.renotice_btns {/* min-width:60px; */ padding:0 5px; height:30px; text-align:center; line-height:30px; color:#fff; background:#a6a6a6; border:0px; }
.view_contents { position:relative; width:100%; margin-bottom:30px; border-top:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f; }
.viewline1 { position:relative; width:100%; min-height:40px; color:#3d3d3d; line-height:30px; margin:0; padding:0; background:#f4f4f4 }
.viewline1 dt { position:absolute; width:25%; text-align:center; padding:5px 0; }
.viewline1 dd { position:relative; margin-left:30%; width:65%; padding:5px 0; font-size:0.9em; }
.viewline2 { position:relative; width:100%; min-height:40px; color:#3d3d3d; line-height:30px; margin:0; padding:0; }
.viewline2 dt { position:absolute; width:25%; text-align:center; padding:5px 0; }
.viewline2 dd { position:relative; margin-left:30%; width:65%; padding:5px 0; font-size:0.9em; }
.viewline3 { position:relative; width:100%; min-height:24px; color:#3d3d3d; line-height:22px; margin:0; padding:0; }
.viewline3 dt { position:absolute; width:25%; text-align:center; padding:1px 0; font-weight:600; }
.viewline3 dd { position:relative; margin-left:30%; width:65%; padding:1px 0; font-size:0.9em; }
.viewline4 { position:relative; width:100%; min-height:32px; color:#3d3d3d; line-height:30px; margin:0; padding:0; }
.viewline4 dt { position:absolute; width:20%; text-align:left; padding:1px 0 1px 5px; font-weight:600; }
.viewline4 dd { position:relative; margin-left:23%; width:74%; padding:1px 0; font-size:0.9em; }
.orderlist { position:relative; width:100%; min-height:35px; color:#3d3d3d; line-height:25px; margin:0; padding:0px 0; border-bottom:1px solid #e1e1e1; }
.orderlist dt { position:absolute; width:50%; left:5%; padding:5px 0; font-size:0.8em; }
.orderlist dd { position:relative; margin-left:50%; text-align:right; padding:3px 10px; }
.arrow_btns { width:60px; height:25px; font-size:0.9em; text-align:center; line-height:25px; color:#333; border:1px solid #ccc; background:transparent; }		
.arrow_btns2 { width:60px; height:25px; font-size:0.9em; text-align:center; line-height:25px; color:#fff; border:0px solid #ccc; background:#ccc; }	
.refuse_btns { width:60px; height:25px; font-size:0.9em; text-align:center; line-height:25px; color:#333; border:1px solid #ccc; background:transparent; }
.ordercont { position:relative; width:100%; min-height:30px; padding-left:5%; line-height:25px; margin:0; border-bottom:1px solid #333333; }
.price_proposal { position:relative; width:100%; margin:40px auto; }
.proposal_btn { height:40px; font-size:1.1em; text-align:center; line-height:30px; color:#fff; background:#093687; border:0px; padding:5 15px; }		
.form_submit_btn { font-size:1.1em; text-align:center; line-height:25px; color:#fff; background:#093687; border:0px; padding:5px 15px; }	
.ordercont span { color:#253d81; font-weight:500; font-size:0.9em; line-height:1.3em; }

.proposal_modal{ position:absolute; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0; left:0; display:none; z-index:9999; }
.explain_modal{ position:absolute; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0; left:0; display:none; z-index:9999; }
.modal_content{
	width:300px; height:350px;
	background:#fff; border-radius:10px;
	position:relative; top:10%; left:50%;
	margin-left:-150px;
	text-align:center;
	box-sizing:border-box; padding:0;
	line-height:23px; 
}
.modal_content p.closebtn { float:right; width:30px; height:30px; border-radius:15px; background:red; color:#fff; line-height:30px; font-size:1.5em; }
.proposal_top { width:100%; height:35px; text-align:center; background:#093687; color:#fff; font-size:1.1em; line-height:35px; margin-bottom:30px; }			
.submit_btns1 { padding:5px 20px; background:#093687; color:#fff; border:0px; font-size:1.1em; }
.submit_btns2 { padding:5px 0px; width:90%; text-align:center; background:#093687; color:#fff; border:0px; font-size:1.1em; }
.close_btns1 { padding:5px 20px; background:#a6a6a6; color:#fff; border:0px; font-size:1.1em; }
.btn_content { position:relative; width:100%; margin:30px auto; overflow:hidden; }
.price_input { border:1px solid #cccccc; padding:2px; color:#333333; font-weight:bold; width:100px; height:24px; }

.listBtn { width:45%; height:40px; line-height:30px;padding:5px 0px; background:#a6a6a6; font-size:1.1em; font-weight:normal; color:#fff; border:0px; text-align:center; }
.submitBtn { width:45%; height:40px; line-height:30px;padding:5px 0px; background:#093687; font-size:1.1em; font-weight:normal; color:#fff; border:0px; text-align:center; }

.profile_img_y { position:relative; width:100%; height:80px; margin:0 auto; border-bottom:1px solid #cccccc; overflow:hidden; }
.profile_img_y dt { position:absolute; top:10px; left:5px; max-width:60px; }
.profile_img_y dt img { width:100%; }
.profile_img_y dd { position:relative; margin-left:80px; vertical-align:top; font-size:0.9em; text-align:left; line-height:1.9em; }
.profile_memo { position:relative; width:100%; height:80px; margin:10px auto; border-bottom:1px solid #cccccc; overflow:hidden; }
.profile_memo dt { position:absolute; top:20px; left:5px; max-width:60px; }
.profile_memo dt span { margin-top:10px; font-weight:700; }
.profile_memo dd { position:relative; margin-left:80px; }
.profile_memo dd textarea {padding:2px 2px 3px; width:90%; height:60px; border:1px solid #cccccc; font-size:0.9em; line-height:1.5em; }

.account_modal{ position:absolute; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0; left:0; display:none; z-index:9999; }
.account_modal_content{
	width:300px; height:200px;
	background:#fff; border-radius:10px;
	position:relative; top:20%; left:50%;
	margin-left:-150px;
	text-align:center;
	box-sizing:border-box; padding:0;
	line-height:23px; 
}
.account_top { width:100%; height:35px; background:#093687; color:#fff; font-size:1.1em; line-height:35px; margin-bottom:10px; }			
.close_btns2 { padding:5px 20px; background:#a6a6a6; color:#fff; border:0px; font-size:1.1em; }

.account_list { position:relative; width:100%; height:35px; margin:0 auto; border-bottom:1px solid #f9f9f9; overflow:hidden; }
.account_list dt { position:absolute; top:0; left:5%; width:25%; height:25px; padding:5px 0; }
.account_list dd { position:relative; margin-left:30%; width:70%; height:25px; padding:5px 0; }
.account_input { padding:2px 5px; border:1px solid #cccccc; font-size:0.9em; line-height:23px; width:80%; }
.btn_content2 { position:relative; width:100%; margin:10px auto; overflow:hidden; }

.center{text-align: center;}
.price{width: 92% !important;}
.short_numb2{width: 50px;}
/* .pric2e{width: 80px;}
.numb{width: 110px;}
.name{width: 120px;}
.write{width: 80%;}
.short_numb{width: 40px;}
.short_numb2{width: 50px;}
select+input{margin-top:3px;} */

.my_event_title { position:relative; width:100%; text-align:center; padding-bottom:10px; margin:0 auto 10px; border-bottom:2px solid #cccccc; font-size:1.2em; line-height:25px; }
.my_order_title { width:100%;  padding-bottom:10px; margin:15px auto 0px; font-size:1.0em; font-weight:600; line-height:20px; }

/*** 알람설정 페이지 *************************/
.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #093687;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
  left: 40px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.albtn { position:relative; width:100%; margin-bottom:0px; text-align:right; line-height:26px; font-weight:700; color:#333333; }
.al_top_line { position:relative; width:100%; height:40px; margin:10px auto; overflow:hidden; }
.al_top_line dt { position:absolute; top:0; left:0; }
.al_top_line dd { position:relative; margin-left:40%;text-align:right; }
.select_allchk { display:inline-block;width:auto;padding:0 10px;height:30px;border:0;background:#093687;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
.frm_allcheck input[type="checkbox"]{ display: none; }
.frm_allcheck input[type="checkbox"] + label{ background-color: #093687; color:#ffffff; text-align: center; margin: 0; padding:0 20px; line-height: 30px; border-radius: 3px; cursor:pointer; }
.al_cont { position:relative; width:100%; margin:30px auto 0; padding:0; }
.al_list { position:relative; width:100%; margin:10px auto; overflow:hidden; }
.al_list ul { width:100%; margin:0; }
.al_list li { float:left; display:inline-block; width:30%; margin-right:3%; margin-bottom:3%; }
.btn_area { clear:both; position:relative; width:100%; text-align:center; }
.view_btn_area { clear:both; position:relative; width:100%; margin-bottom:5%; margin-top:15px; text-align:center; }
.btn_style22 { background-color: #093687; color:#ffffff; text-align: center; margin: 0; padding:0 20px; line-height: 30px; border-radius: 3px; cursor:pointer; border:0px; }


#lastPostsLoader { position:relative; width:100%; margin:0 auto; text-align:center; }
#lastPostsLoader img { width:auto; }

#ui-id-1 { background:#093687; color:#fff; width:50%; z-index:999999; height:300px; overflow-y:scroll; }
#ui-id-1 li { width:100%; }
#ua-id-1 { background:#093687; color:#fff; width:50%; z-index:999999; height:300px; overflow-y:scroll; }
#ua-id-1 li { width:100%; }
.ui-menu-item-wrapper { width:100%; }
.lawtary_top{ margin-bottom: 1%;display: flex; width: calc(100% - 40px); background:transparent; border:0; border-radius:5px;margin: 0 20px;}
.lawtary_top .ltT_img{float: left; width:50%; padding:2% 0; text-align: center;}
.lawtary_top .ltT_img img{max-width: 100%;width: 40px;}
.lawtary_top p{float: left; width: 100%; font-size: 1.0em; font-weight:700; padding:3% 0; color: #000; line-height:40px; }
.lawtary_top p.btnss { text-align:right; width:100%; padding-right:2%; }
.fa-angle-left { font-size:3.0em; font-weight:900; }

.ct_form_ck_wrap{padding-left: 0;}
.form-check-label.ct_label_tit{font-size:1.1em; font-weight:bold; margin-bottom: 3%;}
.ct_label_txt{margin-bottom: 8%;}

.view_small_font{
  font-size: .8em;
  text-align: center;
  margin-top: 3%;
}
@media (max-width:768px) {
	/* .btn_area { margin-bottom:50%; } */
	
}
@media (min-width:1200px) {
	.boklistwrap { width:30%; }
}

@media(max-width:360px) {
    .col-md-1{
        float:left;
        line-height: auto;
        padding-bottom: 5%;
        word-break : nowrap;
    }
	/* .btn_area { margin-bottom:40%; } */
  }

.mask { width:50%; }

#container.wrap_2{
  min-height: inherit;
}
#container.wrap_2 .row{
  --bs-gutter-x: inherit;
}

.albup_search { position:relative; width:96%; margin:0px auto 10px; padding:0; overflow:hidden; }
.albup_search ul { width:102%; }
.albup_search li { float:left; display:inline-block; width:23.5%; height:30px; margin-right:1%; margin-bottom:1%; border:1px solid #666; text-align:center; line-height:28px; cursor:pointer; }
.albup_search li:last-child { border:0px; margin-top:-1px; }
.albup_search li.on { color:#fff; background:#093687; }
.albup_search li.off { color:#fff; background:#8faadc; }
.albup_search li select { color:#fff; background:#b4c7e7; border:1px solid #093687; }




/*lawtary_view2*/
.v2tbl_wrap{
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-top:20px;
}
.v2tbl_tit{
  font-size:14px;
  font-weight: 700;
}
.v2tbl{
  text-align:center;
  margin-top: 5px;
  border-radius: 7px;
  overflow: hidden;

}
.v2tbl thead{
  color: #fff;
  background:#093687;
  font-size:12px;

}
.v2tbl thead th{
  padding: 8px 5px;
 
}
.v2tbl td{
font-size:12px;
padding: 8px 0px;
}
.v2tbl td.lefttd{
  text-align: left;
}
.v2_input{
  display: none;
}
.v2rdo{
  width: 18px;
  height: 18px;
  border-radius:50%;
  background: url('/theme/Bootstrap5_0.9.0.3/img/v2bchk.png') center center no-repeat;
  background-size:contain;
}
.v2_input:checked + .v2rdo{
  background: url('/theme/Bootstrap5_0.9.0.3/img/v2achk.png') no-repeat center center;
  background-size:contain;
}
.ansim_info{
  border: 1px solid #093687;
  padding: 10px;
  border-radius:7px;
  font-size: 12px;
  word-break: break-all;
}
.ansim_info a{
  text-decoration:underline;
  font-weight:bold;
  color: #093687;
}
.gt_cnsl{
  margin-top: 20px;
}
.gt_cnsl p.txts{
  display: block;
  font-size: 12px;
  width: 100%;
  min-height:60px;
  margin-top: 5px;
  border:1px solid #cccccc;
  padding:10px;
  border-radius:7px;
}
.v2btnwrap{
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  box-sizing: border-box;
}

.v2btnwrap a.submitBtn{
  color: #fff
}
/*lawtary_view2_rst*/
.v2r_section1{
  padding: 0 10px;
  box-sizing: border-box;
}
.v2r_info{
  font-size:12px;

}
.v2r_info span{
  font-size:14px;
  font-weight: 600;
}
.v2r_infotit{
  margin-bottom: 5px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
}
.copybtn{
  background:none;
  border: none;
  margin-left: 15px;
  background:#093687;
  color: #fff;
  border-radius:7px;
  padding: 3px 5px;
  font-size:10px;
  height: 21px;
  line-height: 15px;
}
.name_num{
  display: flex;
  width: 100%;
}
.name_num p:first-child{
  margin-right: 10px;
} 
.sr_v2rst{
  width: 100%;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow-x: scroll;
  align-items: center;
  padding: 10px;
  border: 1px solid #093687;
  border-radius: 7px;
}
.sr_v2rst img{
  display: block;
  width: 150px;
  margin-right: 10px;
}
.v2r_hitime{
  font-size: 12px;
}
.v2r_ny{
  border: 1px solid #000;
  width: 100%;
  min-height: 120px;
  padding: 10px;
  box-sizing: border-box;
}
.lwinfo{
  font-size: 12px;
  font-weight:600;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 5px;
  /*margin-bottom: 20px;*/
}
.gt_cnsl textarea{
  width: 100%;
  display: block;
  resize: none;
  min-height:120px;
  border: 1px solid #000;
  padding: 10px;
  box-sizing: border-box;
}
.v2r_input_tel{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.v2r_input_tel p{
    font-size: 12px;
  font-weight:600;
  margin-right: 5px;
}
.v2r_input_tel input{
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom:1px solid #000;
  width: 150px;
}
.v2r_input_tel input:focus{
    border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom:1px solid #000 !important;
  box-shadow: none !important;
}