@import url(board.css);

/********** 색상 **********/
:root{
	--main-color:#04575f;
	--main-bg-color:#f0f1f6;
	--main-point-color:#07a04d;
	--main-color-white:#fff;
	--main-color-black:#111;
	--main-color-gray:#ccc;
	--main-color-lightgray:#666;
	--main-color-lightergray:#ededed;
	/*--main-color-green:#147b6a;*/
	--main-color-green:#04575f;
	--check-bg-color:#b3b9c6;
/*	--table-head-color:#147b6a;*/
	--table-head-color:#04575f;

	--ticket-type01:#078b97;/* 신청가능 */
	--ticket-type02:#5a6077;/* 신청대기 */
	--ticket-type03:#eb4f19;/* 추첨완료 */

	--cancel-btn:#e60a2f; /*취소 - 빨강*/
	--complete-color:#1785f2;/* 완료 - 파랑*/
}

/* 포인트컬러 */
.fontWt{color:var(--main-color-white);}
.fontGreen{color:var(--main-color);}
.fontGray{color:var(--main-color-lightgray);}
.fc01{color:var(--main-color-green);} /* 강조글자 : 초록 */
.fc02{color:var(--cancel-btn);} /* 강조글자 : 빨강 */



/* 버튼 */
.basicbtn{padding:8px 15px;display:flex; justify-content: center; align-items: center; border-radius:5px; transition:all 0.3s;}
.basicbtn:hover{opacity:0.8; text-decoration: none!important; cursor:pointer;}
.basicbtn.sm{padding:4px 8px;}
.basicbtn.lg{padding:15px;}

/* 버튼종류 */
.btn_type01{background:var(--main-color-green); color:var(--main-color-white);}/* 기본 초록색 */ 
.btn_type02{background:var(--main-color-white); color:var(--main-color-green); border:1px solid var(--main-color-green);}/* 테두리 초록색 */
.btn_type03{background:var(--main-color-lightgray); color:var(--main-color-white);}/* 회색 버튼*/
.btn_type04{background:var(--main-color-black); color:var(--main-color-white);}/* 까만 버튼*/
.btn_type05{background:var(--cancel-btn); color:var(--main-color-white);}/* 빨간 버튼 - 환불요청*/

.btn_cancel{background:var(--cancel-btn); color:var(--main-color-white);}


/* common */
body{font-size:15px; color:var(--main-color-black); background: var(--main-bg-color);}
#wrap{width: 100%; margin:0 auto; max-width:1650px; display:flex; justify-content: center; flex-direction: column; align-items: center; }
#wrap .layout{padding:50px 0; width: 100%;}
.conTit2{position:relative; padding-top:15px; font-size:1.429em;/*40px*/ font-weight:bold; margin-bottom:20px; text-align: center;}
.conTit2:before{position:absolute; content:''; top:0; left:50%; transform: translateX(-50%); width:14px; height:2px; background:var(--main-color-black);}
.conTit3{font-size:1.429em;/*20px*/ font-weight:normal; margin-bottom:20px; text-align: center;}
.hide{display:none;}
.pcNone{display:none;}
.mobNone{display:block;}
.w100{width:100%;}

/* input */
input, select{padding:8px 10px; border:1px solid var(--main-color-gray); border-radius: 5px; font-size:1em; font-family:'Noto Sans KR', sans-serif;}
select {padding:10px 20px 10px 10px ;-webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;  background:var(--main-color-white) url(../img/arrow_close.gif) no-repeat center right 10px; background-size:2%;}
select::-ms-expand{ display:none;/*for IE10,11*/}
.ipW100{width:100%;}
.termBx{overflow:hidden; border-radius:20px; border-radius: 10px; border:1px solid var(--main-color-gray); }
.termBx .termTop{display:flex; align-items: center; padding:15px; }
.termBx .termBot{background:var(--main-color-lightergray); padding:20px; }
.termBx input[type="checkbox"]{margin-right:5px; width:16px; height:16px; border-radius: 3px; background:var(--main-color-white); border:1px solid var(--main-color-gray);}
.termBx input[type="checkbox"]:before{display:none;}
.termBx input[type="checkbox"]:checked{background:var(--main-color-green); border:none;}
.termBx input[type="checkbox"]:checked:after{color:var(--main-color-white); font-size:1.1em;}
.termBx label{font-weight:500; font-size:1em;}
.termBx .termBot .termUl{display:flex; align-items: center;}
.termBx .termBot .termUl li{position:relative; padding-left:15px; margin-right:25px;}
.termBx .termBot .termUl li:before{position:absolute; left:0; content: "\e903"; font-family: 'icomoon'; color:var(--main-color-green); }
.termBx .termTextBx{height:130px; overflow-y:scroll; width:100%; resize: none; font-size:1em;}


/* 헤더 */
#header{padding:0; background: var(--main-color);}
#header .layout h1{margin:25px  20px 25px 0;}
.conTit{font-size:2em;}
#header .layout{width:100%; max-width:1600px; margin:0 auto; display:flex; align-items: flex-end;  flex-direction: row; justify-content: space-between;}
#header .layout #nav{}
#header .layout #nav ul{display:flex;}
#header .layout #nav ul li{display: flex; align-items: stretch; margin-right:5px;}
#header .layout #nav ul li:last-child{margin-right:0;}
#header .layout #nav ul li a{align-items: center; border-radius:10px 10px 0 0; display:flex; padding:12px 40px; font-size:1.125em; color:var(--main-color-white); border:1px solid rgba(255,255,255,0.3); transition:all 0.3s;}
#header .layout #nav ul li.on a,
#header .layout #nav ul li:hover a{background:var(--main-bg-color); color:var(--main-color); font-weight:bold; border:1px solid var(--main-bg-color);}
#header .layout #nav ul li.special a{background:var(--ticket-type03);}
#header .layout #nav ul li.special:hover a,
#header .layout #nav ul li.special.on a{background: var(--main-bg-color); border:1px solid var(--ticket-type03); border-bottom:0; color:var(--ticket-type03);}

/*추첨제/선착순 구분 추가*/
#header .layout #nav ul li .t_nav_type{border:1px solid var(--main-color-white); color:var(--main-color-white); border-radius: 15px; padding:5px 10px; font-size:0.95em; margin:0 0 0 5px;}
#header .layout #nav ul li.on .t_nav_type,
#header .layout #nav ul li:hover .t_nav_type{border:1px solid var(--main-color); color:var(--main-color);} 

/* 로그인,로그아웃 추가 */
#header .layout .h_left{margin:0; display:flex; justify-content: space-between; align-items: center;}
#header .layout .h_left .logBtn{position:relative; font-size:0.9em; padding:8px 10px 8px 30px; color:var(--main-color-white); border:1px solid rgba(255,255,255,0.3); border-radius: 5px;}
#header .layout .h_left .logBtn:before{content:''; position:absolute; top:50%; left:10px; transform: translateY(-50%); background:url(../img/login.png) no-repeat; width:15px; height:15px;}
#header .layout .h_left .logoutBox span{color:var(--main-color-white); margin-right:5px;}
#header .layout .h_left .logoutBox span strong{text-decoration: underline; font-weight:normal; margin-right:3px;}
#header .layout .h_left .logoutBox .logBtn:before{background:url(../img/logout.png) no-repeat; width:18px;}
#header .layout .h_left .homeBtn{margin-left:8px; font-size:0.9em; padding:8px 10px; color:var(--main-color-white); border:1px solid rgba(255,255,255,0.3); border-radius: 5px;}


	
.conTit{padding-left:80px; position:relative; display:inline-block; font-weight:bold; letter-spacing: -0.1em; font-size:1.786em;}
.conTit:before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width: 74px; height: 52px; background:url(../img/title.png) no-repeat left center; background-size:contain;}

/* 푸터 */
#footer{width: 100%; padding:25px 0; border-top:1px solid var(--main-color-gray); line-height:120%;}
#footer p{color: var(--main-color-lightgray); text-align: center; font-size:0.929em;}

.twoBtn{display:flex; justify-content: space-between;}
.twoBtn a{width:50%!important; padding:20px 10px;}
.twoBtn a:first-child{border-radius: 0 0 0 15px;}
.twoBtn a:last-child{border-radius: 0 0 15px 0;}

/* 메인 */
.searchBx{display:flex; justify-content: space-between; padding:15px 20px; margin-bottom:30px; background:var(--main-color-white);}
.searchBx .s_left{display:flex; align-items: center;}
.searchBx .s_left label{margin-right:20px; font-size:1.067em;}
.searchBx .s_left .basicbtn{margin-left:5px;}
.searchBx .s_right{display:flex; align-items: center;}
.searchBx .s_right .f5_info{color:var(--main-color-lightgray); margin-right:5px;}
.searchBx .s_right .basicbtn span{margin-right:3px;}


/* 탭 */
.container{width:100%; display:flex; flex-direction: column;}
.container .tabBx{margin-bottom:20px; border-bottom:1px solid var(--main-color-gray);}
.container .tabBx li{display:inline-block; padding:0 5px 15px 5px; margin-right:50px; font-size:1.067em;}
.container .tabBx li.on{position:relative; font-weight:bold; color:var(--main-color-green);}
.container .tabBx li.on:after{position:absolute; content:''; bottom:0; left:0; width:100%; height:2px; background:var(--main-color-green);}
.container .tabBx li:hover{cursor: pointer;}
.container .t_Box{}
.container .t_Box > ul{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 15px;}
.container .t_Box > ul > li{display: flex; align-items: stretch; flex-direction: column; 
	padding:20px 0 150px;
	 position:relative;background:var(--main-color-white);}
.container .t_Box > ul > li .t_state{position:absolute; top:0; right:10px; padding:10px 15px; border-radius:0 0 10px 10px;}
.container .t_Box > ul > li.ticket_type01 .t_state{background:var(--ticket-type01); color:var(--main-color-white);}
.container .t_Box > ul > li.ticket_type02 .t_state{background:var(--ticket-type02); color:var(--main-color-white);}
.container .t_Box > ul > li.ticket_type03 .t_state{background:var(--ticket-type03); color:var(--main-color-white);}
.container .t_Box > ul > li.ticket_type04 .t_state{background:var(--main-color-white); color:var(--main-color-lightgray); border:1px solid var(--main-color-gray); border-top:1px solid var(--main-color-white);}
.container .t_Box > ul > li .t_info{padding:0 20px;}
.container .t_Box > ul > li .t_info .bookmark{width: 30px; height: 30px; border-radius: 50%; border:1px solid var(--main-color-gray); margin-bottom:20px; background:url(../img/bookmark.jpg) no-repeat center;}
.container .t_Box > ul > li .t_info .bookmark.on{background:url(../img/bookmark_on.jpg) no-repeat center; border:1px solid var(--main-color-black);}
.container .t_Box > ul > li .t_info .top{margin-bottom:30px;}
.container .t_Box > ul > li .t_info .top .pkl{margin-bottom:10px; font-size:1.4em; line-height: 1.4em; font-weight:bold; height:62px; overflow-y: auto;}
.container .t_Box > ul > li .t_info .top .pk_location{position:relative; padding:5px 0 5px 20px; color:var(--main-color-lightgray);}
.container .t_Box > ul > li .t_info .top .pk_location:after{position:absolute; bottom:0; left:0; width:0; height:1px; background:var(--main-color-gray);content:''; transition:all 0.3s;}
.container .t_Box > ul > li .t_info .top .pk_location:before{position:absolute; left:0; content:'\e948'; font-family: 'icomoon'; color:var(--main-color-lightgray); font-size:1.1em; opacity:0.8;}
.container .t_Box > ul > li .t_info .top .pk_location:hover:after{width:100%;}
.container .t_Box > ul > li .t_info .mid{display:flex; flex-direction: column;}
.container .t_Box > ul > li .t_info .mid li{display:flex; justify-content: space-between; margin-bottom:12px;}
.container .t_Box > ul > li .t_info .mid strong{position:relative; display:inline-block; padding-left:7px;}
.container .t_Box > ul > li .t_info .mid strong:before{position:absolute; content:''; left:0; top:7px; width:3px; height:3px; border-radius: 50%; background:var(--main-color-black);}
.container .t_Box > ul > li .t_info .mid .txt{width:calc(100% - 110px); min-width:65px; color:var(--main-color-lightgray); }
.container .t_Box > ul > li .t_info .mid .txt span.date_2{display:inline-block; margin-bottom:10px; }
.container .t_Box > ul > li .t_info .bot{padding: 10px 0; border:1px dashed var(--main-color-gray);
width:calc(100% - 40px); 	position:absolute; bottom:65px;
}
.container .t_Box > ul > li .t_info .bot ul{display:flex; justify-content: center;}
.container .t_Box > ul > li .t_info .bot ul li{width: 50%;padding:0 10px;}
.container .t_Box > ul > li .t_info .bot ul li:first-child{border-right:1px dashed var(--main-color-gray);}
.container .t_Box > ul > li .t_info .bot ul li p{text-align: center;}
.container .t_Box > ul > li .t_info .bot ul li .tit{margin-bottom:10px;}
.container .t_Box > ul > li .t_info .bot ul li .txt strong{font-size:2em;}
.container .t_info + button{padding:15px 10px; width:100%; display:flex; font-size:1em;
	position: absolute; bottom: 0;
	 color:var(--main-color-white); align-items: center; justify-content: center;}
.container .t_info + .boxButton.type01{background:var(--ticket-type01);}
.container .t_info + .boxButton.type03{background:var(--ticket-type03);}


/* 팝업  */
.popBg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:100;}
.popBox{position:absolute; top:50%; left:50%; padding-bottom:80px; transform: translate(-50%, -50%); max-width:calc(100% - 20px); max-height:90%; min-width:520px; background: var(--main-color-white); border-radius:15px;} 
.popBox .popTit{width: 100%; font-size:1.600em; padding:25px 0; text-align: center; border-bottom:1px solid var(--main-color-gray);}
.popBox .popTxt{max-height:60vh; overflow-y:auto; padding:20px;}
.popBox .btnWrap{position:absolute; bottom:0;}

/* 추첨 결과 팝업 */
.resultPop{}
.resultPop .popBox{display: flex; flex-direction: column; align-items: center;}
.resultPop .resultInfo{display:flex;  justify-content: center; margin-bottom:20px;}
.resultPop .resultInfo .ico{padding-top: 90px; text-align:center; width:130px; height:130px; border-radius:50%; border:1px solid var(--main-color-gray); margin-bottom:15px;}
.resultPop .resultInfo .rs_info1 .ico{background:url(../img/result_ico1.jpg) no-repeat  50% 25px;}
.resultPop .resultInfo .rs_info2 .ico{background:url(../img/result_ico2.jpg) no-repeat  50% 25px;}
.resultPop .resultInfo .rs_info3 .ico{background:url(../img/result_ico3.jpg) no-repeat  50% 25px;}
.resultPop .resultInfo li{margin-right:20px;}
.resultPop .resultInfo li:last-child{margin-right:0;}
.resultPop .resultInfo li .tac strong{font-size:2.267em;}
.resultPop .popBox .popTxt{display:flex; flex-direction: column; align-items: center;} 
.btnWrap{width:100%;}

/* 신청 결과 팝업 */
.applyPop .termBx{margin-bottom:20px;}
.applyPop h3{font-size:1.3em; margin-bottom:10px;}

.carSelect{max-height:163px; overflow-y: auto; border-radius:20px; border-radius: 10px; border:1px solid var(--main-color-gray); padding:5px 20px;}
.carSelect .radioWrap{padding-bottom:15px; margin-top:15px; border-bottom:1px dashed var(--main-color-gray);}
.carSelect .radioWrap:last-child{border-bottom:0;}
.caution{margin-top:15px; padding:5px 0 5px 30px; background:url(../img/caution.gif) no-repeat 0 4px ;}

/* 결과(finalPop) */
.finalTxt{display:flex; flex-direction: column; align-items: center; }
.finalTxt > ul{display:flex; width: 100%;     justify-content: space-between;}
.finalTxt > ul > li{width:calc(50% - 10px); display:flex; flex-direction: column;}
.finalTxt > ul > li[class*="final_type"] .tit{position:relative; padding-top:110px; text-align: center; margin-bottom:15px; font-size:1.25em; font-weight:bold;}
.finalTxt > ul > li[class*="final_type"] .tit:before{position:absolute; content:''; top:0; left:50%; transform: translateX(-50%); width: 100px; height: 100px; border-radius:50%; border:1px solid var(--main-color-gray);}
.finalTxt > ul > .final_type1 .tit:before{background:url(../img/result_ico4.jpg) no-repeat center;}
.finalTxt > ul > .final_type2 .tit:before{background:url(../img/result_ico5.jpg) no-repeat center;}
.finalTxt > ul > li[class*="final_type"] .final_list{text-align: center; font-size: 15px; font-weight: bold;}
.finalTxt > ul > li[class*="final_type"] .final_list li{position:relative; margin-bottom:8px; /* padding-left:7px; */}
/* .finalTxt > ul > li[class*="final_type"] .final_list li:before{position: absolute; content: ''; left: 0; top: 8px; width: 3px; height: 3px; border-radius: 50%; background: var(--main-color-black);}
.finalTxt  .basicbtn{margin-top:20px; display:inline-block; } */

/* 결제 팝업 */
.inputBx{margin-bottom:20px;}
.inputBx:last-child{margin-bottom:0;}
.inputBx label{display:block; margin-bottom:5px;}
.inputBx textarea{width:100%; border:1px solid var(--main-color-gray); resize: none;  border-radius: 5px; padding:10px;}
/* 결과 페이지 */
.cont_payResult{margin:30px 0; padding:150px 30px 50px; display:flex; align-items: center; flex-direction: column; background:var(--main-color-white) url(../img/result_ico6.jpg) no-repeat 50% 50px ;}
.cont_payResult .payBx{display:flex; align-items: center; flex-direction:column;}
.cont_payResult .payBx p{font-size:1.5em; margin-bottom:15px;}
.cont_payResult .payBx a{display:inline-block;}

/* 에러페이지 - 공통으로 쓰는 거*/
.errorWrap{width:100%;height:100vh; display:flex; justify-content: center; align-items: center;}
.errorBx{max-width:1000px; width:100%; border-radius: 10px; padding:100px 60px; display:flex; justify-content: center; align-items: center; background:#fff; box-shadow: 10px 10px 30px rgba(0,0,0,0.1);}
.errorBx img{width:auto; max-width: 152px; margin-right:70px;}
.errorBx .errorTxt .bot {display:flex; justify-content: flex-start;}
.errorBx .errorTxt .bot a{width:50%;}
.errorBx .errorTxt,
.errorBx .errorTxt .top,
.errorBx .errorTxt .mid{margin-bottom:30px;}
.errorBx .errorTxt .top .errorNumb{font-size:6em; line-height: 1em; font-weight:bold;}
.errorBx .errorTxt .top .errorTit{margin-top:10px; font-size:1.8em;}
.errorBx .errorTxt .mid{color:var(--main-color-gray); font-size:1em; line-height:1.5em;}

.popBox div[class*="ip_"] ul{width:100%; display:flex; justify-content: space-between;}
.popTit2{font-size:1.3em; margin-bottom:15px; background:var(--main-color-white);}
/*.popTit2 + .conBx{margin-bottom:30px;}*/
.ip_two ul li{width:calc(50% - 5px);}
.ip_three ul li{width:calc(33.333% - 5px);}
.popBox div[class*="ip_"] ul li input{width:100%;}
.input_group{display:flex; align-items: center; justify-content: space-between;}
.input_group input{width:calc(100% - 20px)!important;}
.input_group span{width:15px;}
.form_info{margin-top:10px;}
.highlight{font-weight:bold; margin-bottom:5px;}

/* 모달창 두개 배치하는 레이아웃 */
.itemBx{display:flex;}
.itemBx .items{margin-right:40px; width:100%; min-width:290px;}
.itemBx .items:last-child{margin-right:0;}
.nobd{border:0; padding:0; margin-top:10px;}

.md_infoBx{display:flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding:10px; border-radius: 5px; margin-bottom:20px; border: 1px dashed var(--main-color-gray);}
.md_infoBx span{width:100%; word-break: break-all;}
.md_infoBx span strong{display:block; width:100%;}
.md_infoBx .basicbtn{margin-top:5px;}

@media screen and (max-width: 1660px){
	#header .layout,
	#wrap{max-width:calc(100% - 20px);}
	.container .t_Box > ul{grid-template-columns:1fr 1fr 1fr 1fr;}

}


@media screen and (max-width: 1024px){
	.container .t_Box > ul{grid-template-columns:1fr 1fr 1fr;}

	#header .layout #nav ul li a{padding:15px 30px;}	
	
	/* 에러페이지 - 공통으로 쓰는 거*/
	.errorBx{max-width:calc(100% - 40px);}

	/*추첨제/선착순 구분 추가*/
	#header .layout .h_left{margin:10px 0;}
	#header .layout h1{margin:20px 20px 20px 0;}
	#header .layout{align-items: center; flex-direction: column; justify-content: space-between;}
	#header .layout #nav,
	#header .layout #nav ul{width:100%;}
	#header .layout #nav ul{justify-content: space-between;}
	#header .layout #nav ul li{width:25%;}
	#header .layout #nav ul li a{width: 100%; padding:10px 0; justify-content: center; font-size:1em;}


}



@media screen and (max-width: 768px){
	.pcNone{display:block;}
	.mobNone{display:none;}
	body{font-size:14px;}
	.basicbtn{padding:12px 10px;}


	.conTit{font-size:1.5em; padding-left:50px;}
	.conTit:before{width: 44px;	height: 34px;}

	#wrap .layout{padding:30px 0;}
	.container .t_Box > ul{grid-template-columns:1fr 1fr; gap: 15px;}
	.searchBx{flex-direction: column; align-items: center; margin-bottom:30px;}
	.searchBx .s_left{justify-content: space-between; width: 100%; margin-bottom:15px;}
	.searchBx .s_left label{width:15%; margin-right:0;}
	.searchBx .s_left input{width:55%;}
	.searchBx .s_left .basicbtn{width:30%;}
	.container .tabBx{display:flex;}
	.container .tabBx li{width: 20%; padding:0 0 15px; margin-right: 0; text-align: center;}
	.container .t_Box > ul{gap:10px;}
	.container .t_Box > ul > li{padding:10px 0 140px;}
	.container .t_Box > ul > li .t_state{padding:10px 20px;}
	.container .t_Box > ul > li .t_info{padding:0 15px;}
	.container .t_Box > ul > li .t_info .bookmark,
	.container .t_Box > ul > li .t_info .top{margin-bottom:15px;}
	.container .t_Box > ul > li .t_info .top .pkl{font-size:1.3em; margin-bottom:15px;}
	.container .t_Box > ul > li .t_info .mid li{flex-direction: column;}
	.container .t_Box > ul > li .t_info .mid strong{margin-bottom:6px;}
	.container .t_Box > ul > li .t_info .mid .txt{width:100%;}
	.container .t_Box > ul > li .t_info .bot ul li{padding:0;}
	.container .t_Box > ul > li .t_info .bot ul li .txt strong{font-size:1.3em;}

	.popBox{border-radius: 10px;}
	.popBox .popTit{font-size:1.3em; padding:15px;}
	.popBox .popTxt{padding:15px; width:100%;}

	.popTit2 + .conBx{margin-bottom:30px;}

	.btnWrap{margin-top:20px;}
	.popBox .btnWrap{margin-top:0;}
	.applyPop h3{font-size:1.2em;}
	.twoBtn a:first-child{border-radius: 0 0 0 10px;}
	.twoBtn a:last-child{border-radius: 0 0 10px 0;}
	/* 결과(finalPop) */
	.finalTxt > p .font_lg{font-size:1.125em;}


	/* 추첨 결과 팝업 */
	.resultPop .resultInfo{margin:30px 0;}
	.resultPop .resultInfo{width:calc(100% - 20px); justify-content: space-between;}
	.resultPop .resultInfo li{width:33.3333%; margin:0; border-right:1px dashed var(--main-color-gray);}
	.resultPop .resultInfo li:last-child{border-right:0;}
	.resultPop .resultInfo .ico{width:auto; height:auto; padding:70px 0 0 0; border:0; border-radius: 0;}
	.resultPop .resultInfo .rs_info1 .ico{background:url(../img/result_ico1.jpg) no-repeat top center;}
	.resultPop .resultInfo .rs_info2 .ico{background:url(../img/result_ico2.jpg) no-repeat top center;}
	.resultPop .resultInfo .rs_info3 .ico{background:url(../img/result_ico3.jpg) no-repeat top center;}


	/* 결과(finalPop) */
	.finalTxt > ul{flex-direction: column; flex-direction: column;}
	.finalTxt > ul > li{width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom: 1px dashed var(--main-color-gray);}
	.finalTxt > ul > li:last-child{border-bottom:0; margin-bottom:0; padding-bottom:0;}
	.finalTxt > ul > li[class*="final_type"] .tit{padding:0;}
	.finalTxt > ul > li[class*="final_type"] .tit:before{display:none;}


	/* 모달창 두개 배치하는 레이아웃 */
	.popBox{width:100%; max-height: calc(100% - 40px); min-width:auto;}
	.itemBx{flex-direction: column;}
	.itemBx .items{margin:0; min-width:100%;}
	
	
	/* 에러페이지 - 공통으로 쓰는 거*/
	.errorBx{padding:60px 20px;flex-direction: column;}
	.errorBx img{width:30%; margin-right:0; margin-bottom:20px;}
	.errorTxt{width:100%;}
	.errorTxt div,
	.errorTxt div p{text-align: center;}
	.errorBx .errorTxt .bot{justify-content: center;}
	.errorBx .errorTxt .top .errorNumb{font-size:5em;}
	.errorBx .errorTxt .top .errorTit{font-size:1.4em;}
	.errorBx .errorTxt, .errorBx .errorTxt .top, .errorBx .errorTxt .mid{margin-bottom:20px;}

	/*추첨제/선착순 구분 추가*/
	#header .layout #nav ul li a{padding:8px 4px; white-space: nowrap;}
	#header .layout #nav ul li .t_nav_type{padding:5px;}

} 

@media screen and (max-width: 425px){
	#header .layout,
	#wrap{max-width:calc(100% - 10px);}
	.searchBx{padding:15px 10px;}
	.searchBx .s_left{margin-bottom:10px;}
	.searchBx .s_left label{display:none;}
	.searchBx .s_left input{width:68%;}
	.container .tabBx{overflow-x: scroll;}
	.container .tabBx li{min-width:70px;}
	.container .t_Box > ul{grid-template-columns:1fr; gap:20px;}
	.container .t_Box > ul > li .t_info .mid{margin-bottom:0;}
	.container .t_Box > ul > li{padding:15px 0 120px;}
	
	.container .t_Box > ul > li .t_info .top .pkl{font-size:1.3em; margin-bottom:15px; height:unset;}
	.container .t_Box > ul > li .t_info .mid li{flex-direction: row;}
	.container .t_Box > ul > li .t_info .mid strong{margin-bottom:6px; width: 150px;}
	.container .t_Box > ul > li .t_info .mid .txt{width:100%;}
	
	.container .t_Box > ul > li .t_info .bot ul li{padding:0; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px;}
	.container .t_Box > ul > li .t_info .bot ul li .txt strong{font-size:1.3em;}
	.container .t_Box > ul > li .t_info .bot ul li .tit{margin-bottom: unset;}
	
	
	/* 에러페이지 - 공통으로 쓰는 거*/
	.errorBx{width:calc(100% - 10px); padding:40px 10px;flex-direction: column;}
	.errorBx img{width:40%; margin-bottom:15px;}
	.errorBx .errorTxt .top .errorNumb{font-size:3em;}
	.errorBx .errorTxt .top .errorTit{font-size:1.2em;}
	.errorBx .errorTxt, .errorBx .errorTxt .top, .errorBx .errorTxt .mid{margin-bottom:15px;}

	/*추첨제/선착순 구분 추가*/
	#header .layout #nav ul li a{flex-direction: column;}
	#header .layout #nav ul li .t_nav_type{ margin-top:5px; }

}

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