#legalBanner{display:flex;align-items:center;justify-content:center;width:100%;height:100px;background:url('//llcri.com//img/mobile/sub_topbg.jpg') no-repeat center center;background-size:cover;font-size:23px;font-weight:500;font-family:'Noto Sans KR';color:white;}

#legalDiv{font-family:'Noto Sans KR';box-sizing:border-box;}
#legalDiv div{box-sizing:border-box;font-family:'Noto Sans KR';}
#legalDiv .legalCont01{}
#legalDiv .legalCont02{display:none;}

#legalDiv.on .legalCont01{display:none;}
#legalDiv.on .legalCont02{display:block;}

#legalDiv .introNav{display:flex;align-items:center;justify-content:center;margin:20px auto 0px auto;position:relative;width:100%;max-width:1200px;border:none;border-bottom:1px solid #2d1504;}

#legalDiv .introNav:after{display:block;position:absolute;content:"";top:20%;left:50%;width:1px;height:60%; background-color:#25397a;}

#legalDiv .introNav > a{display:flex;align-items:center;justify-content:center;width:50%;height:50px;line-height:50px;font-size:20px;text-decoration: none;font-weight:normal;letter-spacing: -0.04em;border-bottom:5px solid white;color: #909090;font-family:'Noto Sans KR';}

#legalDiv .introNav > a:hover{text-decoration:none;opacity:0.9}
#legalDiv .introNav > a#legalNav01{border-color:#4e4e4e;color:#4e4e4e;}
#legalDiv.on .introNav > a#legalNav01{border-color:white;color: #909090;}
#legalDiv.on .introNav > a#legalNav02{border-color:#4e4e4e;color:#4e4e4e;}


#legalDiv .contCon .texter{position:relative;width:100%;font-size:18px;line-height:32px;text-align:center;padding-top:1px;font-family:'Noto Sans KR';}

#legalDiv .contCon .texter2:after{}
#legalDiv .contCon .texter > div{margin-bottom:35px;}
#legalDiv .contCon .texter > div:last-child{margin-bottom:0px;}

#legalDiv .contCon .texter span.intro_notice{color:#72afdd;}


#legalDiv .contCon.imageCon {width:100%;max-width:1200px;margin:30px auto 30px auto;display:flex;align-items:center;border-bottom:1px solid rgba(149,149,149,0.23);padding-bottom:30px;}

#legalDiv .contCon.imageCon:last-child{border-bottom:none;}

#legalDiv .imageCon .texter{padding-top:0px;width:calc(100% - 195px);border-left:0px;text-align:left;font-family:'Noto Sans KR';}

#legalDiv .imageCon .texter:after{display:none;}
#legalDiv .imageCon .texter .stitle{color:#25397a;height:40px;line-height:34px;letter-spacing: -0.04em;font-size:20px;font-weight:500;font-family:'Noto Sans KR';}

#legalDiv .imageCon .texter .stext{font-size:17px;line-height:32px;font-family:'Noto Sans KR';font-weight:normal;color:#454545}


#legalDiv .imageCon .texter > div{margin-bottom:0px;}
#legalDiv .imageCon .texter > div:last-child{margin-bottom:0px;}

#legalDiv .contCon .texter .text-center{width:100%;text-align:center;font-family:'Noto Sans KR';font-weight:400;}

#legalDiv .imageCon .texter .stext .intro_notice{font-family:'Noto Sans KR';font-weight:600;color:#454545;font-size:17px;}


#legalDiv .contCon .texter0{position:relative;width:100%;font-size:18px;line-height:32px;padding-top:1px;text-align:left;}
#legalDiv .imageCon .texter .stext_new{font-size:18px;line-height:32px;font-family:'Noto Sans KR';font-weight:600;margin-top: 35px;margin-bottom: 20px;color:#454545}
#legalDiv .imageCon .texter .stext_new1{display: table-cell;width: 200px;text-align: left;font-size:18px;line-height:32px;font-family:'Noto Sans KR';font-weight:500;margin-top: 15px;margin-bottom: 10px;color:#454545}

#legalDiv .imageCon .texter .stext_new1.stext_new3{width: 100%;}

#legalDiv .imageCon .texter .privacy_table ul {border-top: solid 2px #9c9c9c;border-bottom: 0px;margin-top: 15px;}
#legalDiv .imageCon .texter .privacy_table li {width: 100%;padding-top:10px;padding-bottom:10px;border-bottom: solid 1px #d4d4d4;}
#legalDiv .imageCon .texter .privacy_table dl {margin-top: 0px;display: table;}
#legalDiv .imageCon .texter .privacy_table1 ul {border-top: solid 2px #9c9c9c;border-bottom: 0px;margin-top: 15px;float: left; width: 50%;}
#legalDiv .imageCon .texter .privacy_table1 li {padding-top:10px;padding-bottom:10px;width: 100%;border-bottom: solid 1px #d4d4d4;}
#legalDiv .imageCon .texter .privacy_table1 dl {margin-top: 0.5em;margin-bottom:0.5em;;display: table;}
#legalDiv .contCon .texter1{position:relative;width:100%;font-size:17px;line-height:35px;padding-top:1px;}
#legalDiv .imageCon .texter2 {margin-left: 20px;position:relative;width:100%;font-size:14px;line-height:30px;padding-top:1px;}
#legalDiv .contCon .texter3{position:relative;width:100%;font-size:16px;line-height:32px;padding-top:1px;}
#legalDiv .imageCon .texter .stitle1{padding-bottom: 10px;font-size:21px;color:#25397a;font-family:'Noto Sans KR', sans-serif;font-weight:500;letter-spacing: -0.04em;}
#legalDiv .contCon .texter4{position:relative;width:100%;font-size:17px;line-height:32px;padding-top:1px;}

#legalDiv .contCon.imageCon .texter3{text-align:left;font-size:16px;letter-spacing: -0.04em;}

.mobile_legal_padding{padding:0px 15px;}
#legalDiv .contCon .texter > div br {display:inline;}
#legalDiv .imageCon .texter .privacy_table dl{margin-top:0.5em;margin-bottom:0.5em;}

#legalDiv .imageCon .texter .privacy_table > div.dl{margin-top:0.5em;margin-bottom:0.5em;}


#legalDiv .contCon.imageCon.no-bottom-border{border-bottom:0px;}
#legalDiv .imageCon .texter .privacyGroup{width:100%;display:flex;justify-content:space-between;}
#legalDiv .imageCon .texter .privacyCont{width:49%;padding-top:5px;margin-top:15px;border-bottom:1px solid #ccc;}
#legalDiv .imageCon .texter .privacyCont .head{height:40px;line-height:40px;width:100%;font-size:18px;color:#454545;font-weight:500;}
#legalDiv .imageCon .texter .privacyCont .text{width:100%;}
#legalDiv .imageCon .texter .privacyCont ul{border-top:2px solid #aaa;padding:0px;margin:0px;}
#legalDiv .imageCon .texter .privacyCont ul li{padding:5px 0px;display:flex;align-items:center;list-style-type:none;border-bottom:1px solid #ccc;}
#legalDiv .imageCon .texter .privacyCont ul li:last-child{border-bottom:0px;}
#legalDiv .imageCon .texter .privacyCont ul li .stitle{width:100px;height:40px;line-height:40px;padding:0px;margin:0px;font-size:18px;color:#454545;}
#legalDiv .imageCon .texter .privacyCont ul li .stext{width:calc(100% - 100px);height:40px;line-height:40px;}

@media all and ( max-width: 780px ){
	#legalBanner{width:100vw;}

	#legalDiv {}
	#legalDiv div{box-sizing:border-box;}
	#legalDiv .introNav{border:1px solid #2d1504;margin-top:20px;}
	
	#legalDiv .introNav:after{display:none;}
	#legalDiv .introNav > a:first-child{border-right:1px solid #2d1504;}
	
	#legalDiv .introNav > a{font-size:14px;border-bottom:0px;background-color:white;border-bottom:0px; color:#909090;height:45px;line-height:45px;}

	#legalDiv .introNav > a:hover{text-decoration:none;opacity:0.9}
	#legalDiv .introNav > a#legalNav01{background-color:#495164;color:white;}
	#legalDiv.on .introNav > a#legalNav01{background-color:white;color: #909090;}
	#legalDiv.on .introNav > a#legalNav02{background-color:#495164;color:white;}

	#legalDiv .contCon{letter-spacing:-0.03em;word-spacing:0.15em;text-align:justify;}
	
	#legalDiv .legalCont01, #legalDiv .legalCont02{padding:10px 0px;}
	#legalDiv #legalCon.texter{padding:0px;}
	#legalDiv .contCon.imageCon{margin:5px auto;padding:15px;background-color: #ffffff;}
	#legalDiv .texter{padding:0px;}
	#legalDiv .contCon .texter0{font-size:15px;line-height:23px;}
	#legalDiv .imageCon .texter .stitle1{font-size:17px;line-height:25px;}

	#legalDiv .imageCon .texter .stext_new{font-size:16px;line-height:23px;margin-top:20px;margin-bottom:15px;}
	#legalDiv .imageCon .texter .privacy_table ul{margin-top:10px;border-bottom:0px;}
	#legalDiv .imageCon .texter .privacy_table dl{display:block;margin-top:10px;}
	#legalDiv .imageCon .texter .privacy_table li{border-bottom:0px;padding-bottom:10px;}
	#legalDiv .imageCon .texter .stext_new1 { display:block;font-size:16px;line-height:23px;margin-top:0px;margin-bottom:10px;}
	#legalDiv .contCon .texter4 {display:block;padding-left:5px;font-size:15px;line-height:22px;}

	#legalDiv .imageCon .texter{font-size:15px;line-height:22px;}
	#legalDiv .imageCon .texter .stext_new1{margin-bottom:5px;}
	#legalDiv .imageCon .texter > div {font-size:15px;line-height:22px;}
	#legalDiv .contCon .texter1 {font-size:15px;line-height:22px;}
	#legalDiv .imageCon .texter .privacy_table1 ul{float:none;width:100%;border-bottom:0px;border-top:0px;}
	#legalDiv .imageCon .texter .privacy_table1 dl{display:flex;align-items:center;margin-top:10px;}
	#legalDiv .imageCon .texter .privacy_table1 li{border-bottom:0px;padding-top:0px;padding-bottom:0px;}
	#legalDiv .imageCon .texter .privacy_table1 .stext_new1{font-size:15px;min-width:80px}
	#legalDiv .imageCon .texter .privacy_table1 dl{margin-top:0px;font-size:15px;}
	#legalDiv .imageCon .texter .privacy_table1 dl .texter{width:100%;min-width:calc(100% - 80px);}
	#legalDiv .contCon.imageCon .texter3{font-size:15px; line-height:23px;}
	#legalDiv .contCon.imageCon.imageCon3 .texter3 > div{margin-bottom:10px;}
	#legalDiv .contCon.imageCon.imageCon3 .texter3 > div:last-child{margin-bottom:0px;}



	#legalDiv .imageCon .texter .privacyGroup{width:100%;display:block;}
	#legalDiv .imageCon .texter .privacyCont{width:100%;display:block;border-top:0px;}
	#legalDiv .imageCon .texter .privacyCont .head{margin-bottom:3px;width:100%;font-size:17px;}
	#legalDiv .imageCon .texter .privacyCont .text{border-top:2px solid #aaa;width:100%;}
	#legalDiv .imageCon .texter .privacyCont{margin-bottom:15px;}
	#legalDiv .imageCon .texter .privacyCont ul li .stitle{width:80px;height:35px;line-height:35px;font-size:15px;}
	#legalDiv .imageCon .texter .privacyCont ul li .stext{width:calc(100% - 80px);height:35px;line-height:35px;font-size:14px;}

}


#webAcc{box-sizing:border-box;position:relative;margin:0px auto;width:100vw;max-width:1200px;height:0px;z-index:10000;font-family:'Noto Sans KR';}
#webAcc div{box-sizing:border-box;font-family:'Noto Sans KR';}
#webAcc .webAccCont{display:none;position:absolute;bottom:calc(100% + 10px);left:0px;padding:20px 25px 15px 25px;width:415px;border:4px solid #262c36;background-color:white;}
#webAcc .webAccCont.on{display:block;}
#webAcc .webAccCont .webAccTitle{font-size:24px;color:#262c36;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #ccc;font-family:'Noto Sans KR';text-align:left;}

#webAcc .webAccCont .webAccBody{margin-bottom:15px;line-height:22px;font-size:14px;letter-spacing:-0.06em;font-family:'Noto Sans KR';}
#webAcc .webAccCont .webAccClose{text-align:left;font-family:'Noto Sans KR';}
#webAcc .webAccCont .webAccClose button{border:0px;background-color:white;font-size:18px;color:#262c36;}
#webAcc .webAccCont .webAccBody > div{font-size:14px;color:#777;text-align:left;font-family:'Noto Sans KR';}
#webAcc .webAccCont .webAccBody .webAccPc{display:block;font-family:'Noto Sans KR';}
#webAcc .webAccCont .webAccBody .webAccMobile{display:none;font-family:'Noto Sans KR';}

@media all and ( max-width: 780px ){
	
	.mobile_web_access{padding:10px 0px;display:flex;align-items:center;}
	.mobile_web_access a{display:block;margin-right:10px;width:100px;font-size:13px;text-align:center;height:30px;line-height:30px;border:1px solid white;color:white;text-decoration:none;}
	
	#webAcc .webAccCont{bottom:calc(100% + 10px);left:calc(5% - 20px);padding:20px 15px 15px 15px;width:90%;}
	#webAcc .webAccCont .webAccTitle{font-size:20px;margin-bottom:15px;}
	#webAcc .webAccCont .webAccBody{margin-bottom:10px;color:#777;text-align:justify;}
	#webAcc .webAccCont .webAccClose{text-align:left;padding:0px;}
	#webAcc .webAccCont .webAccClose button{font-size:15px;padding:0px;}
	
	#lawliberty_footer{padding:0px 20px;}/*대문 간격*/
	#webAcc .webAccCont .webAccBody > div{font-size:13px;}
	#webAcc .webAccCont .webAccBody .webAccPc{display:none;}
	#webAcc .webAccCont .webAccBody .webAccMobile{display:block;}

}	

#loading{position:fixed;top:0px;left:0px;width:100vw;height:100vh; background-color:rgba(0,0,0,0.3);z-index:0;display:none;align-items:center;justify-content:center;z-index:10000;}
#loading.on{}

#loading .loader_icon{
  width: 48px;
  height: 48px;
  border: 3px solid #FFF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

#loading .loader_icon::after {
	content: '';  
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	background: #FF3D00;
	width: 16px;
	height: 16px;
	transform: translate(-50%, 50%);
	border-radius: 50%;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

@keyframes round {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}