/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-35681
* CODE : Dev - EV00018311 , Prod - EV00005811
* FILE : /kr/event/2023/06/07_dios_cook_ex/eventMainDiosCookEx.jsp
* DESC : DIOS 쿠킹가전 체험단 신청 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/05/10				신우용				Created
* 2023/07/18				신우용				Modify(당첨자팝업)
************************************************************************************
**/

/* 이벤트 기본 설정 */
.mdevice {
	--width: 720;
}
.evt-func {
	position: relative;
}

.form-wrap .forms .tit.wide{
	display:flex;
	width:100%;
	padding-right:0;
	justify-content: space-between;
}
.form-wrap .forms .tit .txt-count{
	display: inline-block;
    font-size: 16px;
    line-height: 26px;
}
.form-wrap .forms .conts.wide{
	width:100%;
}

.layer-pop button:focus{
	outline: 1px auto #000;
	outline-offset: 1px;
}

.tb-col table tr:first-child .tb-col table tr:first-child td, .tb-col table tr:first-child .tb-col table tr:first-child th{
	border-top: 1px solid #666;
}

.mob-only{display:block;}
.process-info .tit{margin:24px 0 12px;font-size: 16px; font-weight: 700; line-height: 26px;}
.process-info .tit:first-of-type{margin-top:0;}
.process-info .bullet-list{margin-top:12px;}
.process-table th{color:#000;font-weight:700;}

.process-info .img-responsive img{max-width:100%;}

.bullet-list .b-txt.mark {
    padding-left: 18px;
}
.bullet-list .b-txt.mark:before {
    content: '※';
	position: absolute;
	top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
}
.number-list{color: #000;font-size: 14px;line-height: 24px;counter-reset:list-number;}
.number-list li{counter-increment:list-number;padding-left: 11px;}
.number-list li:before{
	content:counter(list-number)")";
	margin-left: -18px;
    margin-right: 4px;
}  

.number-list .tb-col{margin-top:24px;margin-left: -20px;}
.number-list .tb-col table th, .number-list .tb-col table td{border-color:#ddd !important;padding: 12px;font-size:14px;color:#000;}
.tb-col table tr:first-child .tb-col table tr:first-child td, .tb-col table tr:first-child .tb-col table tr:first-child th{
	border-top: 1px solid #666 !important;
}
.number-list .tb-col table th{font-weight:700;}


@media screen and (max-width: 767px){
	.form-wrap .forms .tit .txt-count{
		font-size: 14px;
		line-height: 22px;
	}

	.mob-only{display:none;}
	.process-info .tit{font-size: 14px;}
	.tb-col.process-table > table > tbody > tr {display:block;}
	.tb-col.process-table > table > tbody > tr > th {display:block;padding:10px 15px;color:#000;}
	.tb-col.process-table > table > tbody > tr > td {display:block;padding: 18px 16px;}
	.number-list{font-size: 13px;line-height: 21px;}
	.number-list .tb-col {margin-left: -20px;}
	.number-list .tb-col table th, .number-list .tb-col table td {
	    padding:10px;
	    font-size: 13px;
	}
}