@charset "utf-8";



.event_wrap {

    width: 100%;

    max-width: 1000px;

    margin: 0 auto;

}

.event_wrap .top_img img {

    width: 100%;

}

.event_wrap .top_img .top_img_m {

    display: none;

}

.event_wrap .container.event_bg {

    background: #8E5C39;

    padding: 70px;

    box-sizing: border-box;

}

.event_wrap .container .tit {

    text-align: center;

}

.event_wrap .container .tit>span {

    border-radius: 50px;

    background: #805130;

    padding: 9px 30px;

    color: #fff;

    color: #FFF;

    font-family: "one_R";

    font-size: 25px;

}

.event_wrap .container .tit_txt_01 {

    margin-top: 45px;

    color: #FFF;

    text-align: center;

    font-family: "one_L";

    font-size: 20px;

    line-height: 25px;

}

.event_wrap .container .tit_txt_01 .bold {

    font-family: "one_M";

}

.event_wrap .container .date_list {

    display: flex;

    gap: 15px;

}

.event_wrap .container .date_list .date {

    flex: 1;

    border-left: 1px solid rgba(255, 255, 255, 0.2);

    padding-left: 15px;

    box-sizing: border-box;

    margin-top: 50px;

}

.event_wrap .container .date_list .date .tit_s {

    color: #FFFAAF;

    font-family: "one_B";

    font-size: 20px;

    margin-bottom: 10px;

}

.event_wrap .container .date_list .date p {

    color: #FFF;

    font-family: "one_L";

    font-size: 16px;

    line-height: 30px; /* 187.5% */

}

.event_wrap .container .txt_02 {

    margin-top: 65px;

    color: #FFF;

    text-align: center;

    font-family: "one_L";

    font-size: 16px;

    opacity: 0.65;

}

.event_wrap .container .txt_02 .bold {

    font-family: "one_M";

}

.event_wrap .container .btn_area {

    margin-top: 75px;

    display: flex;

    justify-content: center;

    gap: 50px;

}

.event_wrap .btn_basic {

    border-radius: 10px;

    background: #652E06;

    width: 100%;

    height: 55px;

    color: #FFF;

    text-align: center;

    font-family: "one_R";

    font-size: 20px;

    border: 0;

}

.event_wrap .btn_area.two button {

    max-width: 300px;

}

.event_wrap .btn_area button {

    max-width: 500px;

}

.event_wrap .inp_txt_01 {

    margin-top: 45px;

    color: #FFF;

    text-align: left;

    font-family: "one_L";

    font-size: 16px;

    line-height: 25px;

}

.event_wrap .inp_area {

    margin-top: 50px;

}

.event_wrap .inp_area .inp {

    display: flex;

    gap: 20px;

    align-items: center;

    margin-bottom: 15px;

}

.event_wrap .inp_area .inp .tit {

    width: 130px;

    color: #fff;

    font-size: 16px;

    font-family: one_R;

    text-align: left;

}

.event_wrap .inp_area .inp input {

    width: 100%;

    height: 55px;

    background: #805130;

    border-radius: 5px;

    border: 0;

    padding: 0 10px ;

    color: #fff;

    font-size: 16px;

    box-sizing: border-box;

}

.event_wrap .inp_area .inp input::placeholder {

    color: #fff;

    font-family: one_L;

    opacity: 0.5;

}



/*** 상담 ***/

.event_wrap .counsel_area {

    background: #fff;

    border-radius: 10px;

    padding: 30px;

    box-sizing: border-box;

    text-align: left;

}

.event_wrap .counsel_area .tit_area .tit{

	color: #000;

    font-family: one_T;

    font-size: 20px;

    text-align: left;

}

.event_wrap .counsel_area .tit_area .tit_txt {

    color: #000;

    font-family: one_L;

    font-size: 14px;

    line-height: 16px;

}

.event_wrap .counsel_area .price_tab{

    display: flex;

    align-items: flex-start;

    gap: 10px;

    align-self: stretch;

    margin-top: 30px;

}

.event_wrap .counsel_area .price_tab li {

    flex: 1;

}

.event_wrap .counsel_area .price_tab li.on button {

    border: 2px solid #8E5C39;

    background: #EAE3DD;

}

.event_wrap .counsel_area .price_tab li button {

    height: 50px;

    width: 100%;

    border-radius: 10px;

    border: 1px solid #CACACA;

    background: #fff;

    color: #000;

    font-family: one_M;

    font-size: 14px;

}

.event_wrap .counsel_area .price_tab li button span.txt_s {

    font-size: 13px;

    color: #B75948;

    font-family: one_R;

    line-height: 12px;

    letter-spacing: -0.5px; 

}

.event_wrap .counsel_area .notice_box {

    background: #f9f9f9;

    padding: 15px 30px;

    box-sizing: border-box;

    border-radius: 10px;

    margin-top: 20px;

}

.event_wrap .notice_box .tit {

    font-family: one_B;

    text-align: left;

    margin-bottom: 10px;

}

.event_wrap .notice_box li {

    list-style: disc;

    margin-left: 15px;

    margin-bottom: 5px;

}

.event_wrap .notice_box .tel_txt {

    color: #B75948;

    font-family: one_B;

}

.event_wrap .counsel_area .mst_list_area {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 30px;

}

.event_wrap .counsel_area .mst_list_area .mst_list {

   width: calc(50% - 5px);

   flex: 0 0 auto;

}

.event_wrap .counsel_area .box_line {

    border: 1px solid #CACACA;

    border-radius: 10px;

    padding: 20px;

    box-sizing: border-box;

}

.event_wrap .sale_area .box_line>.flexBox {
	align-items: center;
}


.event_wrap .mst_photo img {

    width: 90px;

}

.event_wrap .mst_box .mst_info {

    left: 120px;

}

.event_wrap .price_icon {

    margin-top: 5px;

}

.event_wrap .price_icon span {

    display: inline-block;

    padding: 0px 7px;

    box-sizing: border-box;

    border-radius: 30px;

    font-size: 11px;

    letter-spacing: -0.5px;

    margin-right: 3px;

    margin-top: 2px;

    background: #f5f5f5;

}

.event_wrap .mst_list_area .mst_comment {
   overflow: hidden;
   text-overflow: ellipsis; 
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}
.event_wrap .mst_list_area .btn_bott {

    margin-top: 15px;

}

.event_wrap .mst_photo {

    width: 110px;

    height: 100px;

    border-radius: 30px;

    position: relative;

}

.event_wrap .sale_area .flexBox .box_item:first-child {

    width: 110px;

    margin-right: 25px;

}

.event_wrap .sale_area .mst_name .num {

    font-family: one_T;

    font-size: 18px;

    margin-top: 10px;

}

.event_wrap .mst_name .item {

    display: inline-block;

    padding-left: 10px;

    border-left: 1px solid #ababab;

    font-size: 16px;

    font-family: one_R;

    color: #ababab;

    line-height: 15px;

}

.event_wrap .sale_area .tit_02 {

    text-align: left;

    font-size: 18px;

    font-family: one_T;

    font-weight: normal;

}

.event_wrap .counsel_info {

    margin-top: 5px;

}

.event_wrap .counsel_info li {

    list-style: disc;

    margin-left: 15px;

    font-size: 13px;

}

.event_wrap .counsel_info li span {     

    font-family: one_B;

}

.event_wrap .agree_cont.agree_box {
	height: 170px;
    overflow-y: auto;
    padding: 15px;
    box-sizing: border-box;
	background: #F9F9F9;
	margin-top:10px;
	border-radius:10px;
	font-size: 13px;
    line-height: 20px;
}
.event_wrap .agree_cont p, .event_wrap .agree_cont div  {
   font-size: 13px;
   line-height: 20px;
}




/*****************************************************************

media screen and (max-width: 1100px)

******************************************************************/

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

    .event_wrap .counsel_area .mst_list_area .mst_list {

        width: 100%;

    }

	.event_wrap .container.event_bg {
        padding: 30px 20px;
    }



}

/*****************************************************************

media screen and (max-width: 700px)

******************************************************************/

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


    .event_wrap .container .tit>span {

        font-size: 18px;

    }

    .event_wrap .container .tit_txt_01 {

        font-size: 16px;

        word-wrap:break-word;

        white-space: normal;

        word-break:keep-all;

    }

    .event_wrap .container .date_list .date {

        margin-top: 35px;

    }

    .event_wrap .container .date_list .date .tit_s {

        font-size: 18px;

    }

    .event_wrap .container .date_list .date p {

        font-size: 13px;

    }

    .event_wrap .container .txt_02 {

        margin-top: 45px;

        font-size: 14px;

        word-wrap:break-word;

        white-space: normal;

        word-break:keep-all;

    }

    .event_wrap .container .btn_area {

        margin-top: 50px;

        gap: 30px;

    }

    .event_wrap .btn_basic {

        height: 45px;

        font-size: 18px;

    }

    .event_wrap .inp_area {

        margin-top: 35px;

    }

    .event_wrap .inp_area .inp {

        gap: 15px;

    }

    .event_wrap .inp_area .inp .tit {

        width: 110px;

        font-size: 14px;

    }

    .event_wrap .inp_area .inp input {

        height: 45px;

        font-size: 14px;

    }

    /*** 상담 ***/

    .event_wrap .counsel_area {

        padding: 20px;

    }

    .event_wrap .counsel_area .tit_area .tit{

        font-size: 18px;

    }

    .event_wrap .counsel_area .tit_area .tit_txt {

        font-size: 12px;

    }

    .event_wrap .counsel_area .notice_box {

        padding: 15px ;

    }

    .event_wrap .notice_box .tit {

        margin-bottom: 5px;

    }

    .event_wrap .notice_box li {

        margin-left: 10px;

        margin-bottom: 3px;

    }

    .event_wrap  .info_inp .inp_01 {

        margin-top: 25px;

    }

    .event_wrap .price_choice .btn_select .price {

        font-size: 15px;

    }

    .event_wrap .price_choice .btn_select .price s.line_txt {

        font-size: 12px;

    }

	.event_wrap .sale_area .box_line .m_100 {
		display: block;
	}
	 .event_wrap .sale_area .flexBox .box_item:first-child {
       /* width: 80px;
        margin-right: 15px;
*/
		margin-right: 0px;
    }

	.event_wrap .m_100 .box_item {
		width: 100% !important;
		margin-right:0 !important;
	}
	.event_wrap .m_100 .box_item .mst_name {
		text-align:center;
		margin:5px auto 0;
		padding-bottom:10px;
		border-bottom: 1px solid #cacaca;
		width:80%;
	}
	.event_wrap .counsel_info {
		width:210px;
		margin: 10px auto 0;
		
	}
	.event_wrap .sale_area .tit_02 {
		font-size: 16px;
	}


}



/*****************************************************************

media screen and (max-width: 500px)

******************************************************************/

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

   .event_wrap .top_img .top_img_m {

        display: block;

    }

    .event_wrap .top_img .top_img_w {

        display: none;

    }

    .event_wrap .container.event_bg {

        padding: 30px 15px 10px;

    }

	.event_wrap .counsel_area {
		/*border-radius:0;*/
		/*border-top: 1px solid #CACACA;*/
	}
    .event_wrap .container .tit>span {

        font-size: 16px;

    }

    .event_wrap .container .tit_txt_01 {

        font-size: 14px;

        margin-top: 30px;

    }

    .event_wrap .container .date_list {

        flex-wrap: wrap;

        margin-top: 20px;

     }

    .event_wrap .container .date_list .date {

        margin-top: 0px;

        width: calc(50% - 8px);

        flex: unset;

    }

    .event_wrap .container .date_list .date .tit_s {

        font-size: 14px;

    }

    .event_wrap .container .date_list .date p {

        font-size: 12px;

        line-height: 22px;

    }

    .event_wrap .container .txt_02 {

        margin-top: 30px;

        font-size: 11px;

    }

    .event_wrap .container .btn_area {

        margin-top: 30px;

        gap: 15px;

    }

    .event_wrap .btn_basic {

        font-size: 15px;

    }

    .event_wrap .inp_txt_01 {

        margin-top: 30px;

        font-size: 13px;

    }

    .event_wrap .inp_area {

        margin-top: 20px;

    }

    .event_wrap .inp_area .inp {

       display: block;

       margin-bottom: 25px;

    }

    .event_wrap .inp_area .inp .tit {

        width: 100%;

        font-size: 12px;

        margin-bottom: 7px;

    }

    .event_wrap .inp_area .inp input {

        font-size: 12px;

    }

    /*** 상담 ***/

    .event_wrap .counsel_area {

        padding: 20px 10px;

    }

    .event_wrap .counsel_area .tit_area .tit{

        font-size: 16px;

    }

    .event_wrap .counsel_area .notice_box {

        padding: 10px ;

    }

     .event_wrap .notice_box li {

        font-size: 12px;

    }

    .event_wrap .counsel_area .price_tab {

        gap: 5px;

        margin-top: 20px;

    }

    .event_wrap .counsel_area .price_tab li button span.txt_s {

        font-size: 11px;

    }

	.event_wrap .counsel_area .box_line {
		padding: 10px;
	}
    .mst_list_area .mst_box .mst_photo {

        width: 80px;

        height: 75px;

    }

    .event_wrap .mst_photo {

        width: 80px;

        height: 75px;

    }

    .event_wrap .mst_photo img {

        width: 70px;

    }

    .event_wrap .mst_box .mst_info {

        left: 90px;

        top:5px;

    }

    .event_wrap .mst_list_area .hash_tag {

        margin-top: 15px;

    }

    .event_wrap .sale_area .price_choice .btn_select {

        width: 100%;

    }

    .event_wrap .sale_area .price_choice .btn_select.mg {

        margin-left: 0px;

        margin-top: 10px;

    }

    .event_wrap .sale_area .inp_01 span.txt_s {

        display: block;

        font-size: 11px;

        margin: -5px 0 10px 0;

    }

   
    .event_wrap .sale_area .mst_name .num{

        font-size: 16px;

        margin-top: 5px;

    }

    .event_wrap .mst_name .item {

        font-size: 14px;

    }

    .event_wrap .sale_area .flexBox .box_item:last-child {

        flex:1;

        width: unset;

        margin-left: 0;

    }

	.box_white_03.pd {
        padding: 0px;
		border:0;
		border-radius:0;
    }
	.event_wrap .agree_cont.agree_box {
		font-size: 12px;
	}
	.event_wrap .agree_cont p, .event_wrap .agree_cont div  {
	   font-size: 12px;
	}
 

}