/*============== ^ ======== style.css ======== ^ ==============*/


.table_line.table2 colgroup{display: none;}
.mypage select {margin: 0px;}

.mypage .manage_step {color:#ec0928 !important; font-size: 14px;}
.mypage .manage_step span {display: inline-block;}
.mypage .manage_step span + span {margin-left: 20px;}


.mypage .table_line select {margin: 0 10px;}
.mypage.realty01 .section1 .bbs_search {background: #fff; padding: 0; flex-direction: row; justify-content: flex-end;margin-bottom: 0;}
.mypage.realty01.manager .section1 .bbs_search {background: #fff; padding: 0; flex-direction: row; justify-content: space-between;margin-bottom: 0;}

.mypage .board-write td {font-size: 15px; }
.mypage table.list tbody td{font-size: 15px; padding: 16px 20px;}

.mypage .tab_btn{margin-bottom:80px;}
.mypage .tab_btn ul{grid-template-columns:repeat(3,1fr);}

.mypage.com .tab_btn ul{grid-template-columns:repeat(3,1fr);}


/* mypag01 */
.mypage01 a.pdf_view{ display: block; background: #626a9f; color: #fff; width: 100px; height: 35px; line-height: 35px; margin: 0 auto; border-radius: 8px; font-size: 13px; text-align: center;}


/* mypag0201 */
.mypage0201 .board-write td .money_1,
.mypage0201 .board-write td .money_2,
.mypage0201 .board-write td .money_3,
.mypage0201 .board-write td .money_4{display: inline-flex;align-items: center;}
.mypage0201 .board-write td .money_3 + .money_3{margin-left:90px;}

.mypage0201 .board-write td .money_2{margin-left:40px;}
.mypage0201 .board-write td .money_1 span,
.mypage0201 .board-write td .money_2 span{margin:0 5px;}
.mypage0201 .board-write td .money_4 .input { margin: 0 10px;}

.mypage0201 .board-write td .radio_3 { display: inline-block;}
.mypage0201 .board-write td .radio_3 + .radio_3 { margin-left: 20px; }

.mypage0201 .img_file {width: 100%; display: flex; justify-content: flex-start; margin-top: 15px; }
.mypage0201 .img_file .img_box,
.mypage0201 .img_file .img_box img{width: 120px;}
.mypage0201 .img_file .img_box + .img_box { margin-left: 20px; }


/*mypage0202*/
.mypage0202.realty01 .li_right {position: relative; width: 240px;}
.mypage0202.realty01 .li_right:after { content: ''; display: block; width: 1px; height: 80px; background: #ddd; position: absolute; top: calc(50% - 40px); left:0px;}
.mypage0202.realty01 .li_right .cRed.pt10{display: block; text-align: center; width: 110px; margin-top: 5px; line-height: 15px;}
.mypage0202.realty01 .li_right .cGrey.pt10 {color: #8e8e8e; margin-top: 3px; text-align: center; display: block; font-weight: 400; font-size: 14px; font-family: 'Nanum Gothic';}
.mypage0202.realty01 .li_right .cGrey.pt10 b {display: block;}
.mypage0202.realty01 .contract_btn  {width: 110px; height: 35px; border-radius: 50px; background: #333; color: #fff; display: block; line-height:34px; margin-top: 5px; font-size: 13px;}

/*
.mypage0202.realty01 .counsel_btn.ing{display: block; line-height: normal; font-size: 14px; padding: 10px 20px; border: #76b11b 1px solid; color: #76b11b; border-radius: 5px; width: fit-content; margin:0 auto 5px;}
.mypage0202.realty01 .counsel_btn.end{display: block; line-height: normal; font-size: 14px; padding: 10px 20px; border: #999 1px solid; color: #cf1313; border-radius: 5px; width: fit-content; margin:0 auto 5px;}
*/
.mypage0202 .answer{position: relative; padding: 30px; background: #f7f7f7; margin-top: 30px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; padding-left: 120px;}
.mypage0202 .answer::before {content: ''; display: block; width: 25px; height: 13px; background: url(../images/answer_ico.png)no-repeat; position: absolute;
    top: calc(50% - 6.5px); left: 30px;}

.mypage0204 .review_list.mylist .itm {flex-direction: row;}
.mypage0204 .review_list.mylist .itm a { display: inline-flex; width: calc(100% - 350px);}
.mypage0204 .review_list.mylist .itm .mark{display: flex; flex-direction: column; align-items: center; width: 120px; margin-left: 30px;}
.mypage0204 .review_list.mylist .itm .mark a { display: block; padding: 0; width: 110px;}
.mypage0204 .review_list.mylist .li_right { display: inline-block;}
.mypage0204 .review_list.mylist .li_right { display: inline-flex; align-items: center; justify-content: center; width: 350px; padding: 35px 0; position: relative;}
.mypage0204 .review_list.mylist .li_right .counsel_btn{width: 100px; display: block; line-height: normal; font-size: 13px; padding: 8px 15px; background: #f0f0f0; color: #333; border-radius: 5px; 
margin:0 auto 5px; width: fit-content; text-align: center;}

.mypage0204 .review_list.mylist .mark p { width: 110px; height: 35px; line-height: 34px; border-radius: 50px; font-size: 13px; font-weight: 500; display: flex; justify-content: center;}
.mypage0204 .review_list.mylist .mark p.wait { border: #ddaf3c 1px solid; color: #ddaf3c;}
.mypage0204 .review_list.mylist .mark p.ing { border: #6e9d25 1px solid; color: #6e9d25;}
.mypage0204 .review_list.mylist .mark p.end { border: #626a9f 1px solid; color: #626a9f;}


/*mypage0203*/
.mypage0203.realty01 ul li .li_realty .li_right ul li.btn2 a.end{background: #999 url(../images/realty_btn_next.png) center right 30px no-repeat; border: 1px #999 solid; cursor: default;}
.mypage0203.realty02 .section1 .con1 ul li.btn1 a.on{background:url(../images/heart_ico_on.png) center right 30px no-repeat;}

/*mypage0204*/
.mypage0204 .review_list{border-top: #000 2px solid;}
.mypage0204 .review_list + .review_list {margin-top: 50px;}
.mypage0204 .review_list .itm{ border-bottom: #ccc 1px solid; width: 100%; display: flex; flex-direction: column; }
.mypage0204 .review_list .itm a {display: flex; align-items: center; padding: 30px 0;}
.mypage0204 .review_list .itm .thumb{ display: block; width: 120px; height: 80px; border-radius: 10px; overflow: hidden;}
.mypage0204 .review_list .itm .thumb img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.mypage0204 .review_list .itm .desc{ display: block; width: calc(100% - 120px); vertical-align: top; padding-left: 60px;}
.mypage0204 .review_list .itm .desc .hd{ font-size: 22px; color: #333; font-weight: 600; display: flex; align-items: center; margin-bottom: 10px;}
.mypage0204 .review_list .itm .desc .hd .weight_300 { font-weight: 400; font-size: 14px; color: #76b119; font-family: 'Nanum Gothic'; letter-spacing: 0em; margin-left: 10px; }
.mypage0204 .review_list .itm .desc .li_detail ul{display:flex;}
.mypage0204 .review_list .itm .desc .li_detail ul li{position:relative; padding: 0 20px; color:#666; font-weight:500;}
.mypage0204 .review_list .itm .desc .li_detail ul li i{font-weight:400; font-family: 'Nanum Gothic';}
.mypage0204 .review_list .itm .desc .li_detail ul li:first-child{padding: 0 20px 0 0;}
.mypage0204 .review_list .itm .desc .li_detail ul li:last-child{padding: 0 0 0 20px;}
.mypage0204 .review_list .itm .desc .li_detail ul li:after{position:absolute;display:block; content:'';top:50%; right:0px; transform:translateY(-50%); width:1px; height:12px; background:#666;}
.mypage0204 .review_list .itm .desc .li_detail ul li:last-child:after{display:none;}
.mypage0204 .review_list .ask{ position:relative; padding: 30px 20px; border-top: #ddd 1px solid; padding-left: 80px; padding-right: 120px; color: #666; background: #fff;}
.mypage0204 .review_list .answer { position:relative; padding: 30px 20px; border-top: #ddd 1px solid; padding-left: 120px; color: #666; background: #f7f7f7;}
.mypage0204 .review_list .ask::before { content: ''; display: block; width: 14px; height: 15px; background: url(../images/ask_ico.png)no-repeat; position: absolute; top: calc(50% - 7.5px); left:30px;}
.mypage0204 .review_list .answer::before{ content: ''; display: block; width: 25px; height: 13px; background: url(../images/answer_ico.png)no-repeat; position: absolute; top: calc(50% - 6.5px); left:30px;}
.mypage0204 .review_list .ask a { display: block; border: 1px solid #333; width: 60px; height: 30px;  line-height: 30px; padding: 0; text-align: center; border-radius: 5px; font-size: 13px;
    position: absolute; top: calc(50% - 15px); right: 30px;}
.mypage0204 .review_list .itm p:last-child{padding-bottom: 30px;}
.mypage0204 .review_list .itm .mark a{display: block; padding: 0;}


.mypage0204 table.list
.mypage0204 table.list thead th { padding: 20px 0px; font-size: 15px;}
.mypage0204 table.list tbody th { background-color: #f9f9f9; padding: 20px 20px; text-align: left; color: #000; font-weight: 500; border-bottom: #ccc 1px solid; font-size: 15px;}
.mypage0204 table.list tbody td {text-align: left;}
.mypage0204 table.list tbody td a {display: block;}
.mypage0204 table.list .mark p {width: 60px; height: 30px; border-radius: 5px; font-size: 13px; font-weight: 400; display: flex; align-items: center; justify-content: center; color: #ffffff; 
margin: 0 auto;}
.mypage0204 table.list .mark p.wait {background: #ddaf3c;}
.mypage0204 table.list .mark p.ing {background: #6e9d25;}
.mypage0204 table.list .mark p.end {background: #626a9f;}
.mypage0204 .review_list .answer.write {display: flex; align-items: center; justify-content: flex-end; background: #f9f9f9; position:relative; padding: 30px 20px; border-top: 0px; border-bottom: #ddd 1px solid; padding-left: 120px; color: #666;}


/*my_ask_list*/

.my_ask .mark .answer_n {background: #fff; color: #eb5959; font-weight: 500;}
.my_ask .mark .answer_y {background: #fff; color: #76b119; font-weight: 500;}

.my_ask .board-write tr:first-child td { border-top:none;}
.my_ask .board-write th {text-align: left;}
.my_ask .board-write td { text-align:left;}

.my_ask .write_btn a { width: 180px; height: 50px; border-radius: 25px; color: #fff; background: #76b119 url(../images/realty_btn_pencil.png) center right 30px no-repeat; display: block;
    line-height: 50px; padding-left: 30px; font-family: 'NanumSquareAcr', sans-serif; float: right;}

.my_ask .click_write_wrap .answer_check.answer_y {color:#76b11b;}
.my_ask .board-view .answer {border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; background: #f7f7f7;}
.my_ask .board-view .answer td.view_td {display: block; position:relative; margin-top: 40px; padding: 30px 50px;}
.my_ask .board-view .answer td.view_td::before { content: ''; display: block; width: 55px; height: 15px; background: url(../images/ask_view_answer.png)no-repeat; position: absolute; top: -10px; 
left:50px;}
.my_ask .board-view .answer td.view_td .date {position: absolute; right: 50px; top: calc(50% - 11px); color: #8e8e8e;}

.my_ask .answer {border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; background: #f7f7f7; display: block; position:relative; margin-top: 40px; padding: 30px 50px; }
.my_ask .answer::before { content: ''; display: block; width: 55px; height: 15px; background: url(../images/ask_view_answer.png)no-repeat; position: relative; margin-bottom: 20px;}
.my_ask .answer p {font-weight: 300;}
.my_ask .answer .date {position: absolute; right: 50px; top: calc(50% - 11px); color: #8e8e8e;}
.my_ask .board-write {border-bottom: 0px #ccc solid;}

/*delete_mem_input*/

.delete_mem_input .grey-txt {margin-bottom: 20px; font-weight: 300;}


.mypage.com.mypage01 .section1 .sec_tit {background: #fff; background-size: auto; border-top: 0px solid #fff; padding: 0px;}
.mypage.com.mypage01.realty01 .section1 .bbs_search_in { padding-right: 0;}

.mypage.com.mypage0201 .table_line select.sale.select { width: 120px; margin: 0;}
.mypage.com.mypage0201 .table_line select.sale.select + select.sale.select {margin-left:10px;}
.mypage.com.mypage0201.realty01 ul li .li_realty h3 .weight_300 { font-size: 14px;}

@media screen and (max-width: 1300px){
	.mypage.realty01.manager .section1 .bbs_search{flex-direction: column; align-items: flex-end;}
	.mypage.com.mypage01.realty01 .section1 .bbs_search_in { margin-top: 20px; }
	.mypage .manage_step {margin: 0 auto;}

	.mypage0202.realty01 ul li .li_photo {width: 200px;}
	.mypage0202.realty01 ul li .li_realty .li_left { width: 100%; word-break: keep-all;}
	.mypage0202.mypage0204.realty01 .li_right {width: 240px; justify-content: flex-end;}


	.mypage0204 .review_list.mylist .itm .desc { padding-left: 60px;}
	.mypage0204 .review_list.mylist .itm a { width: calc(100% - 240px);}

	.my_ask table.list .mark{font-size: 14px !important;}

	.mypage.com.mypage0201.realty01 ul li .li_realty h3 .weight_300 {margin-left:0px; display:block;}
}

@media screen and (max-width: 1110px){
	.realty01 ul li .li_realty {align-items: flex-start;}
	.mypage.realty01 .section1 .bbs_search {align-items: flex-end;}
	.mypage.realty01.manager .section1 .bbs_search { flex-direction: column;}

	.mypage0201 .board-write td .money_1,
	.mypage0201 .board-write td .money_2,
	.mypage0201 .board-write td .money_3,
	.mypage0201 .board-write td .money_4{display: flex;}
	.mypage0201 .board-write td .money_2 {margin-top:10px; margin-left: 0px;}
	.mypage0201 .board-write td .money_4 {margin-top:10px; margin-left: 0px;}
	.mypage0201 .board-write td .money_3 + .money_3{margin-top:10px; margin-left: 0px;}

	.mypage0202.realty01 .li_right {width: 100%; margin-top: 30px; display:flex; justify-content: center; align-items: center; flex-direction: column;}
	.mypage0202.realty01 .li_right:after{display:none;}
	.mypage0202.realty01 .li_right .cGrey.pt10 b { display: inline-block;}

	.mypage0202.realty01 .counsel_btn.ing,
	.mypage0202.realty01 .counsel_btn.end{display: inline-block; margin: 0;}
	.mypage0202.realty01 .li_right .cGrey.pt10,
	.mypage0202.realty01 .li_right .cRed.pt10{display: inline-block; margin-top: 0; margin-left: 10px;}
	.mypage0202.realty01 .li_right .cRed.pt10{width: auto;}
	.mypage0202.realty01 .li_right .cRed.pt10 br {display:none;}
	
	.mypage0204 .review_list.mylist .itm { flex-direction: column;}
	.mypage0204 .review_list.mylist .itm a {width: 100%;}
	.mypage0204 .review_list.mylist .li_right { width: 100%; justify-content: flex-start; flex-direction: row; padding:0 0 30px; padding-left: 180px; margin-top: 0px;}
	.mypage0204 .review_list.mylist .li_right .date{display: flex; align-items: center; justify-content: flex-start;}
	.mypage0204 .review_list.mylist .itm .mark{display: flex; margin-left: 30px; flex-direction: row; width: auto;}
	.mypage0204 .review_list.mylist .itm .mark p {margin-left: 0px; width: 100px;}
	.mypage0204 .review_list.mylist .contract_btn {margin-top: 0; margin-left: 10px;}
	.mypage0204 .review_list.mylist  table.list tbody td.mark{display: table-cell;}
	.mypage0204 .review_list.mylist  .itm .mark a{width: 100px; margin-left: 0px;}

	.mypage.com.mypage01.realty01 .section1 .bbs_search { flex-direction: column;}

.mypage.realty01 ul li .li_realty .li_right ul li.btn3 {margin-top: 0; margin-left: 10px;}
}

@media screen and (max-width: 800px){
/*realty01*/

	.realty01 .section1 .bbs_search {margin-bottom: 40px;}
	.realty01 .section1 .notice_chk { margin-bottom: 10px;}

/*n_join_02*/
/*	.member table.board-write tbody tr th:nth-child(3) { padding-top: 30px;}*/


	.mypage0201.n_join colgroup{display: none;}
	.my_ask  colgroup{display: none;}
	.my_ask .board-write th{display: none;}

/*mypage0202*/
	.mypage0204 .review_list.mylist .section1 > ul > li a {flex-flow: column nowrap;}
	.mypage0204 .review_list.mylist ul li .li_realty .li_left { width: 600px;}
	.mypage0204 .review_list.mylist .li_right {padding-left: 140px;}
	.mypage0204 .review_list.mylist .itm .thumb {display:none;}
	.mypage0204 .review_list.mylist .itm .desc {padding-left: 0; width: 100%;}
	.mypage0204 .review_list.mylist .li_right { padding-left: 0; justify-content: center;}


	.mypage0204 .review_list .itm .desc { padding-left: 20px;}
	.mypage0204 .review_list .itm .desc .li_detail ul li:first-child{padding: 0 12px 0 0;}
	.mypage0204 .review_list .itm .desc .li_detail ul li{padding:0 15px;}
	.mypage0204 .review_list .itm .desc .li_detail ul li:last-child{padding: 0 0 0 15px;}

	.mypage0204 .review_list .itm a{flex-direction: column;}
	.mypage0204 .review_list .itm .thumb {margin-bottom:30px;}
	.mypage0204 .review_list .itm .desc {width: 100%; padding-left: 0px;  display: flex; flex-direction: column; align-items: center;}
	.mypage0204 .review_list .itm .desc .hd{flex-direction: column;}
	.mypage0204 .review_list .itm .desc .signal_wrap{margin-right: 0; margin-bottom:10px;}
	.mypage0204 .review_list .itm p.ask, .mypage0204 .review_list .itm p.answer {padding: 20px; padding-left: 80px; padding-right: 120px;}
	.mypage0204 .review_list .itm p.ask::before,
	.mypage0204 .review_list .itm p.answer::before {left:20px;}


	.my_ask .board-view .answer td.view_td .date {position: revert;margin-top: 20px;}

	.my_ask .write_btn  {margin-top: 20px;}
	.my_ask div.paging2.top_high{margin:110px 0 0 0;}


/*mypage_com > member_info*/
	.mypage.com.mypage01 table.list thead, .mypage.com.mypage01 .table_line colgroup { display: none;}
	.mypage.com.mypage01 table.list tbody tr{border-bottom:1px solid #999; padding:30px 0; display: flex; flex-direction: row; align-items: center;}
	.mypage.com.mypage01 table.list tbody tr td { width: 100%; border: none; padding: 0 !important; text-align: left !important; margin-top: 8px;}
	.mypage.com.mypage01 table.list .w_cell { display: none;}
	.mypage.com.mypage01 .table_line select { margin: 0px;}


	.mypage.realty01 ul li .li_realty { margin-left: 0;}
}

@media screen and (max-width: 640px){
	.mypage0201 .board-write td .money_4{display: block;}

	.mypage0204 .review_list.mylist ul li .li_realty .li_left { width: 480px;}
	.mypage0204 .review_list.mylist .itm a {flex-direction: column;}
	.mypage0204 .review_list.mylist .li_right { padding-left: 0; justify-content: center; flex-direction: column; align-items: center;}
	.mypage0204 .review_list.mylist .itm .mark{margin-top: 10px; margin-left: 0; }
	.mypage0204 .review_list.mylist .itm .mark p {margin-top: 0px; margin-left: 0;}
	.mypage0204 .review_list.mylist .itm .mark a{margin-left: 0;}
	.mypage0204 table.list tbody th{display: none;}
	.mypage0204 .review_list .answer::before { position: relative; top: 0; left: 0; margin-bottom:20px;}
	.mypage0204 .review_list .answer.write { padding: 30px 20px; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	.mypage0204 .review_list .answer a {width:100%;}
}


@media screen and (max-width: 500px){
	.mypage.realty01.manager .section1 .bbs_search {align-items: center;}
	.mypage.com.mypage01.realty01 .section1 .bbs_search_in {width: 80%; margin-bottom: 20px;}
	.mypage .manage_step {display:none;}
	
	.mypage0201 .img_file { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px;}
	.mypage0201 .img_file .img_box, .mypage0201 .img_file .img_box img {width: 100%;}
	.mypage0201 .img_file .img_box + .img_box {margin-left: 0;}


/*realty02*/
	.realty02 .realty_right .li_tit { display: flex; align-items: center; flex-direction: column;}
	.realty02 .realty_right h3 { margin-left: 0px; margin-top: 10px;}

	.mypage0202.realty01 ul li .li_realty .li_left { width: 360px;}

	.mypage0204 .review_list .itm .desc .li_detail ul{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;}
	.mypage0204 .review_list .itm .desc .li_detail ul li{padding:0 !important;margin-bottom:5px;}
	.mypage0204 .review_list .itm .desc .li_detail ul li:after{display:none;}
	
	.mypage01 a.pdf_view {width: 80px; height: 30px; line-height: 30px; font-size: 12px; }
	.mypage.com.mypage01 table.list tbody tr { padding: 20px 0;}
	.mypage.com.mypage01.realty01 .section1 .bbs_search { margin-bottom: 20px; flex-direction: column-reverse; align-items: center;}
	.mypage.com.mypage01.member .phone_btn {width: 100%; margin: 0; margin-bottom: 0px;}


/*realty01*/
	.realty01 .section1 .bbs_search_in { padding: 0px; float: none; width: 100%;}
	.realty01 .section1 .bbs_search_in .select { position:relative; margin-bottom:5px; width:100% !important; left: 0; background-size: auto;}
	.realty01 .section1 .bbs_search_in input[type=text] { width: 100% !important; margin-bottom: 5px; }
	.realty01 .section1 .bbs_search_in .btn_search { position:relative; display:block; margin:5px auto 0; background: #333; padding: 0; text-align: center;}


	.member .bbs_search_in .select { position:relative; margin-bottom:5px; width:100% !important; left: 0; background-size: 13px;}

	.mypage.realty01 .section1 .bbs_search { justify-content: center; margin-bottom: 0 !important; }
	
	.mypage0201 .board-write td .money_1,
	.mypage0201 .board-write td .money_2,
	.mypage0201 .board-write td .money_3 {display: block;}


	.mypage0204 .review_list .itm p.ask, .mypage0204 .review_list .itm p.answer {padding: 20px;}
	.mypage0204 .review_list .itm p.ask::before,
	.mypage0204 .review_list .itm p.answer::before {left: 0; position: relative; margin-bottom: 10px;}
	
	.mypage0204 .review_list .ask a {position: relative; top: 0; left: 0; margin-top: 20px; }


	.mypage.com.mypage0201.realty01 ul li .li_realty h3 .weight_300 {text-align: center;}

	.my_ask .write_btn {margin-top: 20px;}
	.my_ask .write_btn a {float: none; margin: 0 auto;}
	.my_ask div.paging2.top_high{margin: 40px 0 0 0;}

}

@media screen and (max-width: 450px){
.mypage.com.mypage01 table.list tbody tr td .email {float: left;}


.mypage0202.realty01 ul li .li_realty .li_left {width: 300px;}

.my_ask .write_btn a { width: 160px; line-height: 45px; height: 45px;}
}

@media screen and (max-width: 320px){
.mypage0202.realty01 ul li .li_realty .li_left {width: 270px;}
}



/* guide ���߿� style.css�� ����(������)*/
/* style.css 531 */
.guide01 .main_sch_box input:focus{outline:none;}
.guide01 .mobile_box{display:none;}

@media screen and (max-width: 1500px){
	.guide01 .guide_side .side_menu{width:300px;}
	.guide01 .side_map_list{padding:15px 20px; height:calc(100vh - 200px);}
	.guide01 .main_sch_box{height:120px;}
	.guide01 .main_sch_box input{width:195px; height:50px; padding:0 15px;}
	.guide01 .main_sch_box a{width:50px; height:50px;}
	.guide01 .guide_menu {top:35px; right:-520px;}
	.guide01 .guide_menu ul {height:50px; width:500px;  line-height:50px;}
	.guide01 .side_popup{width:300px;}
}

/* @media screen and (max-width: 1110px){
	.guide01 .section1 {top:80px;}
	.guide01 .con_menu{overflow:auto;}
	.guide01 .guide_side .side_menu{width:250px;}
	.guide01 .side_map_list{padding:15px 20px; height:calc(100vh - 180px);}
	.guide01 .main_sch_box{height:100px;}
	.guide01 .main_sch_box input{width:155px; height:45px; padding:0 10px; font-size:14px;}
	.guide01 .main_sch_box a{width:45px; height:45px;}
	.guide01 .guide_menu {top:25px;right:-300px;}
	.guide01 .guide_menu ul {width:280px;  line-height:45px; display:grid; grid-template-columns: 1fr 1fr; height:auto;}
	.guide01 .guide_menu ul li:nth-child(1){border-radius:10px 0 0 0;}
	.guide01 .guide_menu ul li:nth-child(2){border-radius:0 10px 0 0;}
	.guide01 .guide_menu ul li:nth-child(3){border-radius:0 0 0 10px;}
	.guide01 .guide_menu ul li:nth-child(4){border-radius:0 0 10px 0;}
	.guide01 .side_popup{width:250px;}
} */

@media screen and (max-width: 1110px){
	.guide01 .pc{display:none;}
	.guide01 .mobile_box{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:flex; flex-flow:column nowrap; width:max-content; align-items:center;}
	.guide01 .section1{background:#f0f2f5; top:0; height:100%;}
	.guide01 .mobile_box p{font-size:20px; text-align:center; font-family:'NanumSquareAcr'; margin-top:30px; font-weight:600;}
	.guide01 .mobile_box h2{font-size:30px; text-align:center; background:linear-gradient(to top, #c4d4ec 50%, transparent 50%); margin-top:10px;}

	.panel ul li.pc{display:none;}
	.notice_popup{display: none;}
}

@media screen and (max-width: 640px){
	.guide01 .mobile_box img{width:80%;}
	.guide01 .mobile_box p{font-size:18px;}
	.guide01 .mobile_box h2{font-size:28px;}
}

@media screen and (max-width: 360px){
	.guide01 .mobile_box img{width:60%;}
	.guide01 .mobile_box p{font-size:16px;}
	.guide01 .mobile_box h2{font-size:26px;}
}

@media screen and (max-width: 300px){
	.guide01 .mobile_box img{width:50%;}
	.guide01 .mobile_box p{font-size:14px;}
	.guide01 .mobile_box h2{font-size:24px;}
}

/* guide */
.build_inner{position:relative;}
.bd_box{position:absolute; bottom:100%; left:50%; transform:translateX(-50%); z-index:10;}
.bd_box .bd_tit{font-size:10px; width:max-content; background:#fff; border-radius:20px; position:relative; left:50%; transform:translateX(-50%); box-shadow: 0 0 0 0.5px #005cb9; display:none; z-index:10;}
.bd_box .bd_tit a{display:block; width:100%; height:100%; padding:0 10px; }
.bd_box .bd_tit::after{position:absolute; top:100%; left:50%; transform:translateX(-50%); content:""; width:0; height:0; border:3px solid transparent; border-top:3px solid #005cb9;}
.bd_box .bd_tit .bd_add{position:absolute; top:-5px; right:-5px;box-shadow: 0 0 0 0.5px #005cb9; border-radius:10px; width:15px; height:10px; background:#fff; line-height:5px; font-weight:800; color:#247bd3;}
.bd_box .bd_tit .bd_add .z10px { font-size:10px; zoom:0.6;}
.bd_box .bd_con{display:none;}
.bd_box .bd_con ul{width:99px; max-height:80px; background:#fff; overflow:auto; position:relative; left:50%; transform:translateX(-50%); border:1px solid #ededed; margin-bottom:8px; box-shadow:0 2px 4px 0 rgb(0 0 0 / 40%);}
.bd_box .bd_con ul li{border-bottom:1px solid #ededed;  text-align:left; font-size: 10px; }
.bd_box .bd_con ul li:last-child{border:none;}
.bd_box .bd_con ul li a{display:block; width:100%; height:100%; padding:2px 6px;}
.bd_box .bd_con ul li a:hover{color:#005cb9;}
.bd_box .bd_con ul li a .z10px{font-size: 10px; zoom: 0.8;}

/* 스크롤바 가로 사이즈 */
.guide01 .bd_con ul::-webkit-scrollbar {width: 6px;}
/* 스크롤바 막대기 */
.guide01 .bd_con ul::-webkit-scrollbar-thumb {border-radius: 20px; background-color:rgba(0, 0, 0, 0.4); border-radius:3px;}

.bulid-name{width:max-content; position:absolute; top:100%; left:50%; transform:translateX(-50%); font-size:10px; zoom:0.7; z-index:1;}