.wrap{min-width:1500px}

.inner{max-width:1500px;margin:0 auto}
.inner2{max-width:1700px;margin:0 auto}
.inner3{max-width:1200px;margin:0 auto}
.inner4{max-width:1350px;margin:0 auto}

@media print {
@page { margin: 0 30px; size: A4 portrait; }
  *{    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;}
	iframe{ -webkit-print-color-adjust:exact; }


} 

/* view & write */

.item{border-bottom:2px solid #000;margin-bottom:70px;padding-bottom:15px;margin-top:100px;display:flex;justify-content:space-between;align-items:flex-end}	
.item  h3{font-size:2.6em;position:relative;}
.item  h3::after{position:absolute;right:-10px;top:-7px;background:#e91e2f; width:10px;height:10px;content:'';}
.item  h5{font-weight:400;font-size:1.1em}
.item  span{background:#888;border-radius:8px;padding:5px 10px;color:#fff;margin-right:5px}

.titlogo{ display: flex; align-items: flex-end;/*  justify-content: center; */}
.titlogo img{width:60px}
.titlogo span{font-size: 2em;
    display: inline-block;
    line-height: 1.1;
    margin-left: -18px;
    margin-bottom: 13px;
    background-color: #fff;
	font-weight:600
	}




.titicon{font-size:1.8em;font-weight:600;}
.titicon i{color:#e91e2f;margin-right:10px}
.titicon span{font-size:18px;font-weight:400}
.count {font-size:1.6em;font-weight:600}
.count span{font-size:25px;color:#203864;font-weight:700}

.write .titicon{margin:60px 0 20px 0;}

.infobox{padding:30px;border:5px solid #ddd;border-radius:30px;margin:20px 0 60px 0;font-size:1.2em;line-height:1.5}
.infobox dl{display:flex;align-item:center;margin-bottom:30px}
.infobox dl:last-child{margin-bottom:0}
.infobox dt{font-weight:700;margin-right:20px;width:100px}
.infobox dd{color:#444;flex:1}
/* .wide dl{line-height:60px;} */
.wide dt{width:200px}



hr{height:30px}
.imgbox{display:flex;flex-wrap:wrap;gap:4%;}
.past{   
	width: 48%;
/*     line-height: 0; */
    height: 400px;
    overflow: hidden;
    position: relative;
	}
.past:nth-child(3){margin-top:4%}
.past:nth-child(4){margin-top:4%}

.past img{
min-height: 100%;
    min-width: 100%;
    max-width: 150%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.write textarea{width:100%;height:300px;font-size:20px;border:5px solid #ddd;padding:20px;box-sizing:border-box}





.page     {text-align:center;  width:100%; margin:30px 0; display:inline-block;}
.page   ul { width:100%; text-align:center; }
.page   li { display:inline-block;  font-weight:500;  }
 

.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
    background-color:#fff;  width:31px; line-height:31px; height:31px;  ; text-align:Center;font-size:.95em;border-radius:50%;
   }


.page a.ov  {border:1px solid #666; background-color:#000;   color:#fff !important;}








/* button */



 .btnwrap {

	margin:50px 0;
	padding: 1em 0;
	border: none;
  box-sizing:border-box;
  width:270px;
	display: inline-block;
  font-size: 23px;
  font-weight:600;
  position: relative;
	cursor: pointer;
}
  .btnwrap::before,
 .btnwrap::after {
   box-sizing:border-box;
}
/*　buttonK　*/
.buttonK {
  border:3px solid #203864;
  background-color: transparent;
  color: #fff;
  transition: .6s all;
  position: relative;
  z-index:9999
}
.buttonK::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color:#203864;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s all;
  transform-origin: 50% 100%;
  z-index:-1;
}
.buttonK::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s all;
  transform: scale(0,1);
  transform-origin: 0 0;
  opacity: 0;
  z-index:-1;
}
.buttonK:hover {
  color: #203864;
}
.buttonK:hover::after {
  transform: scale(1,1);
  opacity: 1;
}



.latest_no{position:relative;height:80px;}
.latest{position:relative;height:auto;}
.arrow{
position:absolute;
top:50%;right:0;
/* border:2px solid #ddd;
padding:8px 20px;
border-radius:20px */

}

.arrow-btn {
  position: relative;
  display: inline-block;
  border-radius: 0;
  color: #555 !important;
  font-weight: 500 !important;
  font-size:20px;
  text-decoration: none;
  transition: 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  padding-right: 44px;
  padding-top:4px;
  border:2px solid #999;
padding:14px 72px 14px 31px;
border-radius:36px
}

/* .arrow-btn span{color:#555}
.arrow-btn span:hover{color:navy} */
.arrow-btn:hover {
  transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    color:#203864 !important;
	  font-weight: 700 !important;
	  border:2px solid #203864
}

.arrow-btn:hover:after {
  transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateX(15px);
  opacity: 0;

}
.arrow-btn:hover:before {
  transition: 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateX(0);
  opacity: 1;
    font-weight:700 !important;

}
.arrow-btn:before, .arrow-btn:after {
  content: "⟶";
  position: absolute;
  right: 26px;
  top: 18%;

  font-weight: 400 !important;
font-size:27px;
}
.arrow-btn:before {
  transform: translateX(-15px);
  opacity: 0;
}
.arrow-btn:after {
  transform: none;
}







/* search & table */

.sub .main_tit{text-align:center;margin:3% 0}
.sub .main_tit span{
font-weight:400; font-size:25px; text-align:Center; line-height:1; width:100%; display:inline-block;  
}
.sub .main_tit h3{position:relative;display:inline-block;font-size:3em; line-height:1.2;font-weight:600;}
.sub .main_tit h3::after{position:absolute;right:-20px;top:-7px;background:red; width:10px;height:10px;content:'';}




.sub .detail_search{
  width:100%;
  margin:0 auto;

}
.sub .ds_all{width:100%;}
.sub .gray_bg{background:#f9f9f9;padding:25px 0}
.sub .ds_body{border:5px solid #ddd}

.sub .tabbox{display:flex;gap:30px;align-items:center;border-bottom:1px solid #ddd;box-sizing:border-box;padding:15px 10px;background:#fff;  }
.sub .bd_bottom{border-bottom:none}

/* .tabbox:nth-child(even){background:#f9f9f9;} */
.sub .tabbox .tit{width:10%;font-size:1.2em;font-weight:600; box-sizing:border-box;border-right:2px solid #444;color:#111}
.sub .tabbox .none{visibility:hidden}
/* .tabbox .tit p{display:inline-block;font-size:1em;border:1px solid navy;border-radius:10px; padding:5px; box-sizing:border-box} */
.sub .tabbox .tab{width:90%;display:flex;gap:10px;}
.sub .tabbox .tab li a{font-size:1em;border:1px solid #bbb;border-radius:5px; padding:10px; box-sizing:border-box;display:inline-block;color:#000}
.sub .tabbox .tab li a.ov{background:#203864;border:1px solid #203864;color:#fff;font-weight:600}
.sub .tabbox input, .sub .tabbox select{width:150px;border:1px solid #bbb;box-sizing:border-box;font-size: 1em;    border-radius: 5px;    padding: 10px;color:#555}
.sub .input2{width:200px}


.sub .bd_none{border:none !important}

.business .tabbox .tit{width:35%;border-right:none;font-size:1.1em}
.business .tabbox .tab{width:65%;}
.business .tabbox .tab li{width:100%;    font-size: .9em;}
.business .address  .tab li{width:auto}
.business .tabbox input, .business .tabbox select{width:100%}
.sub .flex_no{display:block !important;}
.sub .flex_no input{margin-bottom:5px}

		

.sub .table_bg{margin:20px 0}
.sub .latest{height:150px}
.sub  table{margin:0 auto;width:100%;box-shadow:0 4px 8px rgb(0 90 212 / 10%);}
.sub  table tr{font-size:1.1em;border:1px solid #eee;font-weight:500}
.sub table th{padding:17px 10px;       border-top: 2px solid #203864;border-bottom:2px solid #203864;}
.sub table td{padding: 20px 10px;text-align:center;color:#000}
.sub  tr:nth-child(even){background:#f9f9f9}


.btn{margin-bottom:60px}
.thank{font-size:22px;margin-top:25px;text-align:center;color:#444;line-height:1.3;font-weight:500}
.gray{color:#333;font-weight:700}
.blue{color:#203864;font-weight:700}
.red{border-bottom:3px solid #888;font-weight:500;}


.finish {
  border:3px solid #333;
}
.finish::before {
  background-color:#333;

}

.finish:hover {
  color: #333;
}

.thank b{font-weight:700}
.redbtn{color:#9b000d;font-weight:700}
.tipbtn{  border:3px solid #9b000d;}
.tipbtn::before{  background-color:#9b000d;}
.tipbtn:hover{  color: #9b000d;}

.printbtn{  border:3px solid #818181;}
.printbtn::before{  background-color:#818181;}
.printbtn:hover{  color: #818181;}

.file4{display:flex}
.file4 input{flex:1;font-size:1em}
.gray_bd{border:5px solid #ddd;padding:20px}

.nospace{    display: flex;
    flex-direction: column;
    min-height: 100vh;}

.nospace .nospace_in{flex-grow: 1;}


.sub_tit h3{font-size:3.2em;text-align:center;line-height:1.2}
.sub_tit span{font-weight:400; font-size:25px; text-align:Center; line-height:1; width:100%; display:inline-block; }
.login_box {width:450px; margin:0 auto; padding-top:30px;border-radius:15px ;padding:57px;border:5px solid #eee}
.login_box input[type="text"]	{font-size:1.1em; color: #555; border:none; background-color:#f1f1f1; margin-bottom:15px; padding:15px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.login_box input[type="password"]	{font-size:1.1em; color: #555; border:none; background-color:#f1f1f1; margin-bottom:15px; padding:15px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.login_box input::placeholder {color:#999}
.login_box a.login_btn {width:100%; background-color:#203864; display:inline-block; color:#fff; text-align:center;padding:14px 0;font-size:1.3em }
.login_box ul {width:100%; text-align:center; padding-top:20px}
.login_box ul li {display:inline-block; font-size:0.9rem; color:#666; padding:0 10px}
.login_box ul li a{font-size:1.1em}

.id_find{font-size:1.2em}
.id_find span{color:#203864}

/* join */
.join_wrap{width:100%;}
.join_wrap .join_box{border:2px solid #ddd;padding:30px;display:inline-block;font-size:2em}

.join_end .join_box{border:5px solid #ddd;padding:60px 30px;font-size:1.9em;text-align:center}
.join_end .join_box p{font-size:27px;font-weight:500;color:#222}
.join_end .join_box p:last-child{font-size:22px;color:#333;}



/*글쓰기테이블*/

.join_wrap h4{font-size:1.5em;margin-bottom:10px;color:#444;font-weight:600}
table.join   {width:100%;  border:5px solid #eee   }
table.join  th {font-size:1.1em; font-weight:500;  width:120px; vertical-align:middle; text-align:left; padding:20px 10px;;  background-color:#f9f9f9 ; border-bottom:1px solid #ddd; color:#444}
table.join  td {font-size:1em; padding:9px; color:#555; border-bottom:1px solid #ddd}
 

table.join  td select  {vertical-align:middle; color:#666; border:1px solid #ddd; height:35px;  font-size:0.93rem;  box-sizing:border-box; padding:0 5px;  }
.size_40 {width:40%}

table.join  td  input[type="text"]	{font-size:1em; color: #555; height:35px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
table.join  td  input[type="password"]	{font-size:1em; color: #555; height:35px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
table.join  td  input[type="date"]	{font-size:1em; color: #555; height:35px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:200px; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}

table.join  td  input[type="file"]	{width:300px;   font-size:.95rem}
table.join td.tel  input[type="text"] {width:90px}
table.join td.adress  input[type="text"] {width:70%}
table.join td.adress p {padding-top:5px}
table.join  td  input {vertical-align:middle}
table.join .table_info {width:100%; margin-top:10px;  font-size:0.93rem; line-height:1.3em; color:#666}
 

table.join  td img {vertical-align:middle;}
table.join  b  {font-weight:600; color:#333;   }
table.join  td textarea {width:100%; border:1px solid #ddd; color:#666; font-size:0.97rem; line-height:1.3em; min-height:130px;  box-sizing:border-box; padding:7px;}

table.join td .check_wrap {display:inline-block;   line-height:25px; padding-right:5px;   }
table.join td .check_wrap input  {vertical-align:middle }

table.join td input::placeholder {color:#999}
 
   
.join input[type="text"]	{font-size:0.90em; color: #555; height:35px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}

.join td p.td_info {font-size:0.93rem; color:#666; line-height:1.3em;}

.s_btn {padding:0 13px; line-height:33px; box-sizing:border-box; background-color:#fff;  border-radius:3px;  border:1px solid #999; color:#555 !important; font-size:.9rem;  font-weight:500; text-align:center; display:inline-block; vertical-align:middle  }


.btn_wrap {width:100%; text-align:center; display:inline-block; margin-top:40px}

.basic_btn {width:170px; line-height:45px;  background-color:#fff; border:1px solid #333; color:#333 !important; font-size:1.03rem; border-radius:3px; font-weight:600; text-align:center; display:inline-block;transition: background-color 0.3s ease-in; }
.basic_btn2 {width:170px;  line-height:45px; background-color:#fff; border:1px solid #333; color:#333 !important; font-size:1.03rem; border-radius:3px; font-weight:600; text-align:center; display:inline-block; transition: background-color 0.3s ease-in;}


.color_blue {background-color:#203864; color:#fff !important; border:1px solid #203864 }
a.color_blue:hover {background-color:#fff; border:1px solid #203864; color:#203864 !important } 

.color_gray {background-color:#333; color:#fff !important; border:1px solid #333 }
a.color_gray:hover {background-color:#fff; border:1px solid #333; color:#333 !important } 





.sub .reset{
    margin-top: 30px;
    padding: 10px 17px;
    border-radius: 10px;
    display: inline-block;
box-sizing:border-box;
    border: 1px solid #333;
}





.table { width: 100%; display:table; border-top:3px solid #203864}

.row {display: table-row;background: #fff; }
/* .row.header {font-weight:600; color: #fff; background:#203864;} */

.cell { padding:15px 12px; display: table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #ddd; color:#666; font-size:1.2em}
.cell a {color:#333 !important}

.row.header .cell { color: #333;font-weight:600}

.tit  {width:70%; text-align:left; font-weight:600; line-height:1.3}
.tit a:hover {text-decoration:underline}
.tit span {font-weight:500; padding:2px 5px; font-size:.95em; margin-right:5px; background-color:#f9f9f9; border:1px solid #333;  color:#333}
.tit span.red { background-color:#0799d3;  border:1px solid #0799d3; color:#fff }
 


.cell.no {width:50px; }
.cell.date {white-space:nowrap;}
.cell.hit {white-space:nowrap;}
.cell.name {white-space:nowrap;}

.none_list  {width:100%;  background-color:#f9f9f9; padding:10px; box-sizing:border-box; font-size:1em; display:flex; justify-content:center;  }
 
 


 
/*서치*/
 						
.search     {margin:25px 0 100px 0;  width:100%; display:flex; justify-content:center;align-items:center }
.search  input  {width:30%;  margin:0 10px; border:none;border-bottom:2px solid #777;font-size:1.1em; color:#555;padding:15px 10px;box-sizing:border-box;}
.search  input:focus {outline:none;}
.search  select  { font-size:1.1em; color:#555; border:none;border-bottom:2px solid #777;  vertical-align:middle; width:100px; padding:15px 10px;box-sizing:border-box;font-weight:600}
.search a {font-size:2em; font-weight:500;margin-left:10px;color:#555}




/*뷰페이지*/
 
  
p.view_title {font-size:1.3em;  line-height:1.3;  font-weight:600; color:#000; width:100%; padding:20px 2%; box-sizing:border-box; display:inline-block; text-align:Center;   border-top:3px solid #203864;border-bottom:1px solid #555  }
p.view_info {font-size:1em; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:13px; padding-top:13px; display:inline-block; box-sizing:border-box; }


p.view_info span::after {width:1px; height:12px; vertical-align:middle;  content:''; display:inline-block; background-color:#888;  margin:0 10px}
p.view_info span:last-child::after {display:none}
p.view_info a {color:#015bac !important}
p.view_info a:hover {text-decoration:underline }
p.view_info span.file a {display:inline-block; border:1px solid #015bac; padding:0 10px; border-radius:2px }

div.view_content {width:100%; display:inline-block;  border-bottom:1px solid #ddd; padding:20px 0;}
 
/* div.reple {width:100%; display:flex; border-bottom:1px solid #ddd;  padding:15px 0; font-size:1em; color:#666;  background-color:#fff; box-sizing:border-box;}
div.reple  b {color:#333; font-weight:600;   width:90px}
div.reple  p {width:calc(100% - 90px);} */

.list_next  {width:100%;   padding:8px 0; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0; font-size:1em} 
.list_next p { width:100%; display:flex; font-size:1em; line-height:1; color:#999; margin:8px 0; }
.list_next p:last-child {text-align:left;   }
.list_next b {font-weight:600; color:#333; width:90px; }
.list_next a {width:calc(100% - 90px); white-space: nowrap; overflow:hidden;  text-overflow: ellipsis; }




.mypage_tab {width:100%; display:flex; margin-bottom:30px;}
.mypage_tab li {display:inline-block; line-height:45px; flex:1 }
.mypage_tab li a {width:100%; display:inline-block; text-align:center; background-color:#f1f1f1; border-top:2px solid #ddd; border-bottom:1px solid #ddd;color:#777;font-size:1.2em;padding:15px 0}
.mypage_tab li.ov a {width:100%; display:inline-block; text-align:center; background-color:#fff; border-top:3px solid #203864; color:#203864; font-weight:600; border-bottom:1px solid #fff}

.mytable{margin:0 !important;padding:0 !important}
.mytable tr{font-size:1em !important}
.mytable td{word-break:break-all;padding:8px 0 !important}


.xi-caret-up{color:#e91e2f;}
.xi-caret-down{color:#203864;}



 .markbox{    display: flex;    justify-content: space-between;align-items:center}
.mark{display:flex;gap:15px;justify-content:end}
.mark p{font-size:1.2em;font-weight:500;position:relative;margin-left:20px}
.mark p:before{top:6px;left:-16px;position:absolute;content:'';background:#86a6c7;width:11px;height:11px;}
.mark p:last-child:before{background:#ff9494}
.sell_mark{background:#edf4fb;font-weight:500;}
.buy_mark{background:#ffeaea;font-weight:500;}




.delete_btn{border:1px solid #333; color:#333 !important; padding:7px 15px; border-radius:3px; display:inline-block;font-size:1em}

.unit{font-size: .85em;    color: #203864;}
.unit_price{font-size: .95em;    color: #e91e2f;font-weight:700}




/* pop btn */
.gray_btn{background:#555 !important;border:1px solid #555 !important;margin-right:10px;}
.estate     {margin:20px 0;  width:100%; display:inline-block;}
.estate  span {font-size: 1.1em}
.estate input  {width:40%;border:1px solid #ddd; margin:0 5px; color:#666;font-size: 1.1em;height:30px}

.estate_tb table  {width:100%;table-layout: fixed; border-collapse: collapse;/* min-width:500px */}
.estate_tb th:first-child{width: 10%}
.estate_tb th:nth-child(3){width: 25%}
.estate_tb th   { padding:11px;font-size:1em; line-height:1.3em; font-weight:600; color:#fff;background-color:#777; }
.estate_tb td   {padding:8px; vertical-align:middle; line-height:1.3em; color:#555; border:1px solid #ddd;  font-weight:400;text-align: center;}

  .estate_tb input[type=text]{
    color: #555;
    height: 25px;
    border: 1px solid #ddd;
    width: 70%;
}

.estate_tb tr:nth-child(even){background: #f9f9f9;}

@media all and (max-width:499px) {
.estate_tb th:first-child{width: 15%}
.estate_tb th:nth-child(3){width: 30%}
.estate_tb button:last-child{margin-top:10px;}

.pop_view .tabbox{display:block;}
.pop_view .business .tabbox .tit{width:100%;}
.pop_view .business .tabbox .tab{width:100%}
.pop_view .business .tabbox .tab iframe{height:200px;}
}



@media all and (min-width:650px) {
.pop_modify input[type=file]{width:80%}
.pop_modify br.m_show{display:none}
}

@media all and (max-width:649px) {
.pop_modify .tabbox{display:block;}
.pop_modify .business .tabbox .tit{width:100%;}
.pop_modify .business .tabbox .tab{width:100%}
.pop_modify .business .tabbox .tab iframe{height:200px;}
.pop_modify br.m_show{display:none}
}
@media all and (max-width:450px) {
.pop_modify br.m_show{display:block}
}



.printpage .infobox{display:flex;flex-wrap:wrap;gap:20px;margin:10px 0 20px 0 }
.printpage .infobox dl{width:30%;margin-bottom:0}
.printpage .info_address dl{width:48%}
.printpage .info_contact dl{width:48%}
.printpage .info_img{display:block}
.printpage .info_business{display:block}
.printpage .info_business dl{width:auto;margin-bottom:30px;}






/* 가이드 */
.guide_body hr{margin:20px 0}
.guide_body hr.small{margin:7px 0}
.intro{font-size:1.4em;line-height:1.5}


.group{}
.groupbox{text-align:center}
.groupbox img{width:65%;vertical-align:bottom}
.groupbox:first-child img{width:250px}
.grouptext{display:flex;gap:30px;width:80%;margin:0 auto;}
.grouptext li{padding:10px;background:#777;color:#fff;flex:1;border-radius:10px;text-align:center;font-size:1.2em;font-weight:600;    display: flex;    align-items: center;    justify-content: center;}


.nine{display:flex;flex-wrap:wrap;gap:20px}
.nine .con{width:calc(50% - 55px);box-shadow:5px 5px 8px 0px rgb(0,0,0,.1);padding:20px;border:1px solid #eee}
.nine .head{display:flex;align-items:center;gap:20px;border-bottom:1px solid #203864;margin-bottom:15px;}
.nine .num{font-size:3em;font-weight:700;    font-style: italic}
.nine h4{font-size:1.8em;font-weight:700;}
.nine p{font-size:1.2em}

.guide_body{margin:50px 0;}
.guide_body > div{border-top:2px solid #ddd; border-bottom:2px solid #ddd;display:flex;padding:20px;gap:5%;align-items:center}
.guide_body > div:first-child{border-top:1px solid #000;}
.guide_body .head{}
.guide_body .head .num{font-size:2em;font-weight:700;    font-style: italic;margin-right:20px;}
.guide_body .head h4{font-size:1.8em;font-weight:700;margin-bottom:20px;display:flex;align-items:center;border-bottom:2px solid #203864;}
.guide_body .body_img{width:50%}
.guide_body .body_img img{width:100%}
.guide_body .body_text{width:50%;/* display:flex;    flex-direction: column;justify-content:center */padding:20px}
.guide_body .body_text p{font-size:1.1em;line-height:1.5}
.guide_body .body_text b{font-size:1.2em;}


.guide_body .box{background:#f7f7f7; padding:20px;font-size:1.2em;margin-bottom:30px;}
.guide_body .redbox{border: 2px solid #203864; border-radius:20px;padding:10px 30px;font-size:1.2em;box-shadow:5px 5px 8px 0px rgb(0,0,0,.1);margin-bottom:10px;display:inline-block;font-weight:500}
.guide_body .body_text p.greenbox{background:#d1e9cb;border-radius:20px;padding:15px 30px;box-shadow:5px 5px 8px 0px rgb(0,0,0,.1);margin-bottom:10px;font-size:1.2em;font-weight:500}
.guide_body .tip{font-size:1.3em;font-weight:500;line-height:1.5}






/* popup  */

 .container{
  width:100%;

}

.popup-wrap{
  background-color:rgba(0,0,0,.3);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  padding:15px;
  z-index:999999;
}
.popup{
  background-color:#ffffff;
  border-radius:10px;
  overflow:hidden;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
  padding:20px ; 
position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-x: auto;
    max-width: 700px;
}

.popup-head{
  width:100%;
  display:flex;
  justify-content:end;
}

.close{
  cursor:pointer;
  font-size:2.4em
}


.popup-body{
  width:100%;
  background-color:#ffffff;
}

.popup-body h4{font-size: 2em;    margin-bottom: 25px;}
.popup-body i{color:#1f1866}

.pop_login{padding:25px;background:#f1f1f1;width:85%;margin:0 auto;box-sizing: border-box;}

.pop_login p:nth-child(1){font-size:1.6em;font-weight:600;color:#1f1866}
.pop_login p:nth-child(2){font-size:1.4em}
.pop_login p:nth-child(3){font-size:1.3em}
.pop_login p:nth-child(2) span{font-weight:600}