@charset "utf-8";
/* 투어머치 전현진 2020-09-01 */

/* 문의하기 기본 */
	#custom_reg{position:relative; padding: 1rem 0 6rem;}
	#custom_reg #inputmember{text-align:left}
	#custom_reg #inputmember .memberinfo{overflow-y:auto;height:200px;line-height:24px;margin:10px 0;padding:15px;border:1px solid #ddd;background-color:#F2F4F4;font-size:14px;color:#666}
	#custom_reg #inputmember .memberinfo b{color:#212121}
	#custom_reg #inputmember .sungin{font-weight:bold;font-size:13px;}
	#custom_reg #inputmember .sungin span{display:block;margin-bottom:10px;}
	#custom_reg #inputmember .sungin label{margin-right:30px;font-weight:normal}
	#custom_reg #inputmember h4{font-weight:bold;color:#252B5F; line-height:20px;font-size:22px;color:#666; text-align: center; padding: 1rem;}
	#custom_reg #inputmember p{font-size:16px; text-align: center; padding: 2rem 1rem;}
	#custom_reg #inputmember .memTable{margin-top:10px;border-top:3px solid #a47e72}
	#custom_reg #inputmember .memTable dl{padding:10px 0;text-align:left;border-bottom:1px solid #dcdcdc}
	#custom_reg #inputmember .memTable dt{font-weight:normal;vertical-align:top}
	#custom_reg #inputmember .memTable input[type="text"]{padding:0 5px;height:36px;line-height:36px;margin:2px;border:1px solid #ccc;border-radius:3px;font-size:14px;}
    #custom_reg #inputmember .memTable dd textarea{padding:0 5px;height:100px; line-height: 1.4; margin:2px;border:1px solid #ccc;border-radius:3px;font-size:14px;}
	#custom_reg #inputmember .memTable label{margin-right:20px;}
	#custom_reg #inputmember .memTable textarea{width:100%;}
	#custom_reg #inputmember .memTable .zippop{display:inline-block;width:110px;height:36px;line-height:36px;background-color:#AD9A70;color:#fff;text-align:center;vertical-align:middle;border-radius:3px;font-size:14px;}
	#custom_reg #inputmember .memTable .type{display:inline-block;padding:3px 0;width:220px}
	#custom_reg #inputmember dl.infor{padding:10px;border-bottom:1px solid #dcdcdc}
	#custom_reg #inputmember dl.infor dt{margin-bottom:5px;font-weight:normal;color:#212121}
	#custom_reg #inputmember dl.infor dt b{color:#4e167e}
	#custom_reg #inputmember dl.infor dd label{font-weight:normal;font-size:12px}
	#custom_reg #inputmember dl.infor dd ul li{width:50%;height:24px;line-height:24px;}
	#custom_reg #inputmember dl.quizbox{padding:10px;border-bottom:1px solid #dcdcdc}
	#custom_reg #inputmember dl.quizbox dt{margin-bottom:10px;font-weight:bold;color:#AD9A70}
	#custom_reg #inputmember dl.quizbox dd label{font-weight:normal;font-size:14px}
	#custom_reg #inputmember dl.quizbox dd ul li{margin-top:5px;}
	#custom_reg #inputmember dl.quizbox dd ul li:first-child{margin-top:0px;}
	#custom_reg #inputmember dl.quizbox dd ul li em{display:block;padding-bottom:5px;font-weight:bold;color:#212121}
	#custom_reg #inputmember .btnarea{margin-top:30px;text-align:center}
	#custom_reg #inputmember .btnarea a{display:inline-block;margin:0 3px;width:120px;height:40px;line-height:40px;text-align:center;color:#fff;font-weight:bold;}
	#custom_reg #inputmember .btnarea a.ok{background-color:#AD9A70}
	#custom_reg #inputmember .btnarea a.cancel{background-color:#333}

	@media screen and (min-width:1240px) {
		#custom_reg #inputmember .sungin{margin-top:20px;text-align:right}
		#custom_reg #inputmember .sungin span{display:inline-block;margin-right:20px;margin-bottom:0px;}
		#custom_reg #inputmember .memTable dl.infor{display:table;width:100%;}
		#custom_reg #inputmember .memTable dl.infor dt{display:table-cell;width:150px;padding-left:30px;vertical-align:middle;}
		#custom_reg #inputmember .memTable dl.infor dd{display:table-cell;vertical-align:middle}
		#custom_reg #inputmember .memTable dl.quizbox{padding:20px 40px}
		#custom_reg #inputmember .memTable dl.quizbox dd ul li em{display:inline-block;margin-right: 30px;vertical-align:middle;}
		#custom_reg #inputmember .btnarea a{width:200px;height:60px;line-height:60px;}
	}


/* ----------------------------------------------------------------------------0823추가 */

    /* 비즈니스 체크박스 */
    .proposal_item>dt{font-size: 1rem; line-height: 2; font-weight: 600; font-family: 'Open Sans'; text-indent: 1rem;}
    .proposal_item>dd .check_list:after{display:block;content:"";clear:both;}
    .proposal_item>dd .check_list li{}
    .proposal_item>dd .check_list li:after{display:block;content:"";}
    .proposal_item>dd .check_list li .detail dd{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
    /* .proposal_item>dd .check_list li .detail dd:after{display:block;content:"";} */
    .proposal_item>dd .check_list li .checkbox_square{position:relative; width:20px;height:20px;box-sizing:border-box;border:1px solid #c8c8c8;background-color:#fafafa}
    .proposal_item>dd .check_list li .checkbox_square.on{display:block;content:"";background:url('/theme/wellige/img/ico_chackbox.png') no-repeat 50% 50%; background: #7C653C;}
    .proposal_item>dd .check_list li input[type="checkbox"]{width:1px;height:1px;overflow:hidden;position:absolute;}
    .proposal_item>dd .check_list li label.name{padding-left: 10px;}

    .item2>dd{padding-bottom:15px;}
    .item2>dd .check_list li{width:100%;background-color:#fff}
    .item2>dd .check_list li .detail{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 1rem; border:1px solid #e6e6e6;}
    .item2>dd .check_list li .detail:after{display:block;content:"";}
    .item2>dd .check_list li .detail dt{box-sizing:border-box;padding-left:28px;font-size:19px;color:#282828;background-color:#fafafa;border-right:1px solid #e6e6e6}


    /* 상담 게시글 */
    .board{padding-top: 3rem;}
    .board > div{border: 1px solid #e9e9e9; padding:1rem; display: flex; justify-content: space-between; height: 250px; gap: 1rem;}
    .board > div > .text1{width: 60%; display: flex; flex-direction: column;gap: 1rem; justify-content: flex-start; align-items: center; color: #383838; }
    .board > div > .img{width: 40%; height: 100%; overflow: hidden;}
    .board > div > .img img{width: 100%; height: 100%; object-fit: cover;}
    .board > h5{font-size: clamp(1.2rem, 2vw, 1.8rem); line-height: 2; font-weight: 600; vertical-align: text-bottom; text-indent: 1rem;}
    .board > div > ul.text1{}
    .board > div > ul.text1 li{display: flex; justify-content: space-between; align-items: center; transition: all .3s; width: 100%;}
    /* .board div ul li:hover{transform: translateY(-10px); color: #7C653C;} */
    .board > div > ul.text1 li span:first-child{line-height: 2; font-size: clamp(1rem, 2vw, 1.1rem); display: block; width: 90%;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .board > div > ul.text1 li span.date{width: 10%; min-width: 100px; text-align: center;}
    .board > div > ul.text1 li span em{}

    @media screen and (max-width: 1040px){
    .item2>dd .check_list li{height:auto !important;line-height:1.4 !important}
	.item2>dd .check_list li .detail{border-top:0}
	.item2>dd .check_list .list1 .detail{border-top:1px solid #e6e6e6}
	.item2>dd .check_list li .detail dt{float:none;width:100%;border-right:0;border-bottom:1px solid #e6e6e6;padding:9px 0 9px 20px;font-size:11px;}
	.item2>dd .check_list li .detail dd{ width: auto; height:48px;line-height:48px;}

    .board > div{flex-wrap: wrap;}
    .board > div > .img, .board > div > ul.text1{width: 100%;}
	/* #custom_reg{padding-bottom: 380px;} */

}
   @media screen and (max-width: 760px){
	.item2>dd .check_list li .detail dd{ flex: 0 0 50%;}
   }
   
  @media screen and (max-width: 600px){
	.item2>dd .check_list li .detail dd{ flex: 0 0 100%;}

  }