*{
	box-sizing: border-box;
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
html, body{padding:0; margin:0; font-size:1.05em; line-height:1.4; word-break: keep-all;}
img{max-width: 100%; object-fit: cover;}
span, h1, h2, h3, ul, li, dl, dt, dd{padding: 0; margin: 0; list-style:none;}
input, textarea, button {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
input[type="checkbox"]{width: 16px;height: 16px;border: 2px solid #333;padding: 2px;background-clip: content-box; vertical-align: middle;}
input[type="checkbox"]:checked {background-color: #333;}
select{
-webkit-appearance: none;
-moz-appearance: none; 
appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
background-image: url('/design/images/event/arrow_drop_down.svg');
background-repeat:no-repeat;
background-position: 100% 50%;
background-color:#fff; color:#222;
background-size:18px;
}
select::-ms-expand{ 
	display:none; /* 화살표 없애기 for IE10, 11*/
}

.inner{width:86%;max-width: 900px;margin:0 auto;}
.inner::after {content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0;}
.clear::after {content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0;}
.dis_flex{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.wrap-top{
	background-image: url('/design/images/event/event_221202_top_bg.png');
	background-color: #091c4d;
	background-size: cover;
	background-position: top center;
	text-align:center;
	padding:5vw 0;
}
.wrap-con{
	background-image: url('/design/images/event/event_221202_content_bg.png');
	background-color: #00001a;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align:center;
	padding: 8vw 0;
}
.wrap-con > div{color:#fff;}
.wrap-con .con{text-align: left; max-width:890px; margin:0 auto 5vw;}
.wrap-con .con:last-child{margin-bottom: 0;}
.wrap-con h1{font-family: 'Song Myung', serif;color:#cea66b;font-size: 230%;font-weight:400;margin:10px 0;}
.wrap-con span{display: block; margin:10px 0;}
.wrap-visual{line-height: 0;}
.wrap-visual .visual-01{background-color:#00001a;}
.wrap-visual .visual-02{background-color:#f6eadc;}
.benefit{
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.benefit > li{
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction:column;
	width:30%;
}
.benefit > li > div{text-align: center;}
.benefit .num{
	background:#c49859; font-size: 150%; font-weight: 300; padding:5px;
	border-radius: 10px 10px 0 0; text-shadow: 0px 0px 3px #af884f;            
}
.benefit .num strong{font-family: 'Song Myung', serif; font-size:115%;}
.benefit .box{
	flex: 1;
	background:#192b59;
	padding:1em;
	border-radius: 0 0 10px 10px;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction:column;
}
.benefit .box h3{font-weight:500;}
.benefit .box .ico{margin: 1em;}
.wrap-form{background:#f6eadc;padding: 8vw 0;text-align: center;}
.wrap-form h1{font-family: 'Song Myung', serif;color:#00001a;font-size: 200%;font-weight: 600;margin:10px auto;text-align: center;line-height: 1.14;}
.wrap-form .form-info ul{display: inline-block;}
.wrap-form .form-info li{
	padding:10px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.wrap-form .form-info .label{background:#192b59; color:#fff; padding:5px 10px; border-radius: 50px; font-size:90%; margin-right:10px;}
.wrap-form .form-info strong{font-size:120%;}
.wrap-form .form-table{
	display:inline-block;
	margin-top: 50px;
	width: 580px;
	max-width: 100%;
	border-top:2px solid #af884f;
	border-bottom:0px solid #af884f;
}
.wrap-form .form-table dl{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: stretch;
	align-content: center;
}
.wrap-form .form-table dt,
.wrap-form .form-table dd{padding:10px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.wrap-form .form-table dt{padding: 14px 20px 0px;font-weight:500;text-align:right;width:150px;max-width:30%;}
.wrap-form .form-table dd{flex:1; text-align:left; font-size:82%;}
.wrap-form .form-table dd input,
.wrap-form .form-table dd textarea{border:1px solid #c8c8c8; height:32px; padding:5px; font-size: inherit;}
.wrap-form .form-table dd select{border:1px solid #c8c8c8;height:32px;padding:5px;min-width: 110px;border-radius: 0; position: relative;top: -0px; margin-left:3px;}
.wrap-form .form-table dd input[type=text],
.wrap-form .form-table dd input[type=email],
.wrap-form .form-table dd input[type=tel]{width:100%; max-width:220px;}
.wrap-form .form-table dd input.email{max-width: 100px;width: 44%;}
.wrap-form .form-table dd textarea{width:100%; min-height:120px;}
.wrap-form .form-table .agreement{text-align: right;padding: 15px 0;}
.wrap-form .form-table .agreement textarea{width:100%; border:0; overflow-y: scroll; padding: 15px; font-size:0.75em; line-height: 1.5; min-height:120px;}
.wrap-form .form-table .agreement label{font-size:smaller;}
.wrap-form .form-table .agreement label input[type="checkbox"]{margin-bottom: 0;vertical-align: -3px;}
.wrap-form .form-table .btn-area{border-top:2px solid #af884f;padding-top: 50px;}
.wrap-form .form-table .btn-area button{
	background: #192b59;
	border: 0;
	padding: 15px;
	width: 250px;
	max-width: 80%;
	font-size: 160%;
	letter-spacing: 3px;
	color: #fff;
	font-weight: 600;
	border-radius: 50px;
	cursor: pointer;
}
@media screen and (max-width:780px){
	.benefit > li{width:100%; margin-bottom:5vw;}
	.benefit .box{
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction:row;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.benefit .box .ico{width: 30%;max-width: 70px;}
	.benefit .box h3{flex: 1;text-align:left;padding-right: 5vw; padding-left:2vw;}
}
@media screen and (max-width:600px){
	.wrap-form .form-table dt{width:100px; padding-left: 0;}
	.wrap-form .form-table dd{padding-right:0;}
	.wrap-form .form-table dd select{display: block; margin-top:5px; width:100%; max-width:220px; margin-left:0;}
}
@media screen and (max-width:450px){ 
	.wrap-form .form-info li{
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction:column;
	}
	.wrap-form .form-info .label{margin-right: 0; margin-bottom: 5px;}
}
@media screen and (max-width:320px){
	.wrap-con h1,
	.wrap-form h1{font-size:150%;}
	.benefit .box{
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction:column;
	}
	.benefit .box h3{text-align:Center; font-size:100%;}
	.wrap-form .form-table dt{font-size:.75em;width: 60px;padding-left: 0;padding-right: 0;}	
}


/* 230115 법률 화상상담 무료 이용 이벤트 */
.event_202301 .inner{width: 86%;max-width: 1000px;} 
.wrap-top.event_202301{background-image: none;background-color: #363d97;padding: 0;}
.wrap-top.event_202301 .visual{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		border: 0px solid #000;
}
.wrap-top.event_202301 .visual > div{border: 0px solid red;flex: 1;}
.wrap-top.event_202301 .visual .txt{padding: 5vw 0 6vw 0; text-align: left;padding-right: 50px;}
.wrap-top.event_202301 .visual .txt-mobile{display: none;width: 90%; margin-top:7vw;}
.wrap-top.event_202301 .visual .img{margin-bottom: -7px; max-width: 460px;}
.wrap-con.event_202301{background-image: none;background-color: #e8edff;padding: 7vw 0;}        
.wrap-con.event_202301 .con{margin:0; max-width:100%;}
.wrap-con.event_202301 span{line-height:1.5em; font-size: large; color:#222;}
.wrap-con.event_202301 .benefit{margin-top: 8vw;}
.wrap-con.event_202301 .benefit > li{border:5px solid #4a38c2;background: #fff;border-radius: 10pt;box-sizing: border-box;}
.wrap-con.event_202301 .benefit .box{background: transparent;border-radius: 0;padding: 1.5em;flex: 0;}
.wrap-con.event_202301 .benefit .box .ico{margin: 1.5em auto -0.75em;width:60%;max-width: 100px;}
.wrap-con.event_202301 .benefit .box .ico img{}
.wrap-con.event_202301 .benefit .num{
	display: inline-block; padding: 10px 20px 5px;
	font-family: GmarketSansMedium; color: #222; font-weight: 400; font-size: x-large; line-height: 100%;
	background-color: #ffce3b; border-radius: 50pt; text-shadow: none;
}
.wrap-con.event_202301 .benefit .num strong{font-family: GmarketSansMedium; font-size: 100%; font-weight: 700;}
.wrap-con.event_202301 .benefit .box.txt{background: #4a38c2;border-radius: 0px;flex: 1;}
.wrap-con.event_202301 .benefit .box.txt *{word-break: keep-all;}
.wrap-con.event_202301 .benefit .box.txt h1{display:block;font-family: GmarketSansMedium;font-size: 130%;font-weight:bold;line-height: 125%;letter-spacing:-.5px;color:#fff;}
.wrap-con.event_202301 .benefit .box.txt span{display: block;line-height: 125%;color: rgba(255, 255, 255, 0.5);font-size: 16px;}
.wrap-form.event_202301{background-color:#f7f7f7;padding: 7vw 0;}
.wrap-form.event_202301 h1{font-family: GmarketSansMedium;font-size: 200%;font-weight: 700;margin-bottom: 30px;color: #363d97;}
.wrap-form.event_202301 .form-info .label{background-color: #363d97;}
.wrap-form.event_202301 .form-table{width: 670px; border-top: 2px solid #363d97;}
.wrap-form.event_202301 .form-table dt, 
.wrap-form.event_202301 .form-table dd{border-bottom:1px solid #dadada;}
.wrap-form.event_202301 .form-table .btn-area{border-top: 2px solid #363d97;}
@media screen and (max-width:780px){
	.wrap-top.event_202301 .visual{
		flex-direction: column;
		align-items: center;
	}
	.wrap-top.event_202301 .visual .txt{display: none;}
	.wrap-top.event_202301 .visual .txt-mobile{display: block;}
	.wrap-top.event_202301 .visual .img{width: 80%;max-width: 350px;margin-top:5vw;}
	.wrap-con.event_202301 .benefit{max-width:500px;margin-left: auto;margin-right: auto;}
	.wrap-con.event_202301 .benefit .num{font-size: large;}
	.wrap-con.event_202301 .benefit .box .ico{max-width: 100px;margin-top: 15px;}
	.wrap-form.event_202301 h1{font-size: 150%;line-height: 1.5;}
}