@charset "utf-8";
/* 반응형 공통 */
/* 모바일에서만 노출 */
.mob {
	display: none !important ;
}

/* 반응형 공통 */
@media all and (max-width: 1024px){
	input[type="password"],
	input[type="text"],
	input[type="email"],
	input[type="tel"]
	input{
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0
	}
	body{
		font-size:14px;
	}
	iframe{
		display: block;
	}
	img{
		max-width:100%;
	}
	#denallGnb{
		display:none !important;
	}
	/* header */
	#denallHeader{
		width: 100%;
   		min-width: 360px;
	}
	#denallHeader .mainHeader{
		border:0;
		height:48px;
		padding:0 20px;
	}
	/* container */
	#wrap .container{
		width:100%;
		min-width:360px;
		padding:94px 20px;
		box-sizing: border-box;
	}
	/* sub */
	.integ-step01-box01{
		width:100%;
	}
	#cancel-contents .pop_cont{
		box-sizing: border-box;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	/* header */
	.html_global #denallHeader .mini_gnb_list {
		font-size: 13px;
	}
	/* footer */
	#denallFoot .footer_menu{
		width:100%;
		min-width:768px !important;
		height:100px;
		box-sizing:border-box;
		padding:0;
	}
	#denallFoot .l-inner{
		width:100%;
		min-width: 768px !important;
		padding:0 20px;
		margin-top:9px;
	}
	#denallFoot .inner_footer_fnb_list li{
		margin-right:24px;
	}
	#denallFoot .inner_footer_fnb{
		width:100%;
	}
	#denallFoot .inner_footer_fnb_list .box{
		width:75px;
		box-sizing:border-box;
		padding: 0 !important;
		text-align:center;
	}
	#denallFoot .inner_footer_fnb + a{
		right:100px !important;
		width:120px !important;
		background-color:#ff6600 !important;
	}
	#denallFoot .inner_footer_fnb + a > div{
		margin:6px 0px !important;
		text-align:center;
		font-size:12px !important;
	}
	#denallFoot .footer_menu .sns{
		right:28px;
	}
	#denallFoot .denall_footer_info{
		min-width:100%;
	}
	#denallFoot .family_site_select{
		position:absolute;
		left:20px;
		top:43px;
		width:212px;
		height:29px;
	}
	#denallFoot .inner_footer.l-inner{
		padding:20px;
		margin-top:0;
	}
	#denallFoot .l-inner .footer-logo{
		margin-top:0;
	}
	#denallFoot .l-inner table tr td{
		display:table-row;
	}
	#denallFoot .denall_footer_info_copyright{
		margin:18px 0 0 0;
	}
	.certification_mark{
		text-align:left !important;
	}

	/* popup */
	#termsPop.modal{
		width:638px !important;
	}

	#staffModal.modal{
		width:638px !important;
	}

}

/* 모바일 */
@media all and (max-width: 767px) {
	/* 모바일에서만 노출 */
	.mob {
		display: flex !important ;
	}
	/* 모바일 이상에서 노출 */
	.mob_none {
		display: none !important ;
	}

	/* header */
	.html_global #denallHeader .mini_gnb_list {
		font-size: 13px;
	}
	/* footer */
	#denallFoot{
		padding-bottom:70px;
	}
	#denallFoot .footer_menu{
		padding:0;
		min-width:360px !important;
		width:100%;
	}
	#denallFoot .l-inner{
		width:100%;
		min-width:360px !important;
		padding:0;
		display: flex;
    	flex-direction: column;
	}
	#denallFoot .inner_footer_fnb_list{
		flex-direction: column;
		text-align:left;
		align-items:start;
	}
	#denallFoot .l-inner table tr td{
		display:table-row;
		width:100% !important;
	}
	#denallFoot .inner_footer_fnb_list li:not(.box){
		float:none;
		margin:0;
		min-width:360px;
		max-width:100%;
		width:100%;
		padding:0 20px;
		height: 48px;
		line-height: 48px;
		border-bottom:1px solid #dcdcdc;
		box-sizing: border-box;
	}
	#denallFoot .inner_footer_fnb_list .box{
		min-width:75px;
		width:75px;
		box-sizing: border-box;
		margin: 16px 0 16px 20px;
    	text-align: center;
    	padding: 0 !important;
	}
	#denallFoot .denall_footer_info{
		min-width:320px;
		max-width:100%;
		width:100%;
	}
	#denallFoot .inner_footer_fnb{
		min-width:360px;
		width:100%;
	}
	#denallFoot .inner_footer_fnb + a{
		position:absolute !important;
		width:120px !important;
		top:256px !important;
		left:152px !important;
	}
	#denallFoot .inner_footer_fnb + a > div{
		font-size:12px !important;
	}
	#denallFoot .footer_menu .sns{
		position:absolute !important;
		top:256px !important;
		left:280px !important;
		width: max-content;
	}
	#denallFoot .footer_menu .sns_item{
		margin:0 4px 0 0;
	}
	#denallFoot .family_site_select{
		margin-left:20px;
		padding-bottom:16px;
	}
	#denallFoot .inner_footer.l-inner{
		padding:0 20px;
	}
	#denallFoot .l-inner .footer-logo{
		margin-top:23px;
		margin-right:0;
	}
	#denallFoot .denall_footer_info{
		margin-top:24px;
		line-height:17px;
	}
	#denallFoot .denall_footer_info .division{
		font-size:11px;
	}
	#denallFoot .denall_footer_info .division strong{
		font-size:11px;
	}
	#denallFoot .denall_footer_info_copyright{
		font-size:11px;
		margin:10px 0 12px 0;
		letter-spacing: -0.6px;
		word-break: break-word;
	}
	.certification_wrap{
		margin-top:0;
	}
	.certification_mark{
		text-align: left !important;
	}
	/* popup */
	.blocker{
		/*top:50px;
		height: calc(100% - 50px);	*/
	}
	#termsPop.modal{
		width:100% !important;
		vertical-align: top;
    	height: 100%;
    	font-size:14px;
	}
	.pop_head{
		height:76px;
		line-height: 76px;
		margin: 0px 20px 0px 20px;
		font-size:22px;
	}
	.btn_close{
		right:20px;
	}
	#termsPop .pop_cont{
		box-sizing: border-box;
		padding:30px 20px 30px;
	}
	.pop_wrap {
		width:100% !important;
		vertical-align: top;
		height: 100svh;
		font-size:14px;
	}
}