#sub{
	width:100%;
	overflow:hidden;
	min-width:1180px;
}

#sub .subtitleimg{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:-960px;
}

#sub .subtitleimg .bg{
	width:100%;
}

#sub .subtitleimg .bg img{
	width:100%;
}

#sub .subtitleimg .cont{
	width:1180px;
	position:absolute;
	left:50%;
	margin-left:-590px;
	top:50%;
	transform:translateY(-50%);
}

#sub .subtitleimg .cont .comName{
	text-align:center;
	font-family:'titillium web';
	font-size:48px;
	color:#fff;
	font-weight:200;
}

#sub .subtitleimg .cont .line{
	width:20px;
	height:1px;
	background:#fff;
	margin:10px auto 30px;
}

#sub .subtitleimg .cont .subjeect{
	font-size:30px;
	text-align:center;
	color:#fff;
	font-weight:300;
}



#sub .subTitleArea{
	width:1180px;
	margin:80px auto 0;
}


#sub .subTitleArea .subTitle{
	font-size:40px;
	text-align:center;
	letter-spacing:-0.7px;
}

#sub .subTitleArea .line{
	width:20px;
	height:1px;
	background:#222;
	margin:10px auto 20px;
}

#sub .subTitleArea .substance{
	font-size:18px;
	text-align:Center;
	color:#444;
	word-break:keep-all;
}

#sub .wiselaw .section{
	width:100%;
	height:100%;
	overflow:hidden;
}

#sub .wiselaw .subVisualArea{
	width:100%;
	position:relative;
}

#sub .wiselaw .subVisualArea .bg{
	width:100%;
}

#sub .wiselaw .subVisualArea .bg img{
	width:100%;
}

#sub .wiselaw .subVisualArea .cont{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
}

#sub .wiselaw .subVisualArea .cont .enTitle{
	text-align:Center;
	font-size:48px;
	font-family:'titillium web';
	color:#fff;
}

#sub .wiselaw .subVisualArea .cont .line{
	width:50px;
	height:1px;
	background:#fff;
	margin:20px auto 10px;
}

#sub .wiselaw .subVisualArea .cont .krTitle{
	font-size:36px;
	text-align:Center;
	color:#fff;
	font-weight:300;
}
#sub .wiselaw .subVisualArea .cont .krTitle span{
	font-weight:500;
}




#sub .wiselaw .whyCont{
	width:100%;
	display:inline-block;
	position:relative;
}

#sub .wiselaw .whyCont .textArea{
	width:50%;
	display:inline-block;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	padding:0px 50px;
}

#sub .wiselaw .whyCont .textArea .num{
	font-size:24px;
	font-family:'roboto','noto sans kr';
	color:#222;
}


#sub .wiselaw .whyCont .textArea .title{
	font-size:40px;
	font-family:'roboto','noto sans kr';
	color:#222;
	margin-top:5px;
	word-break:keep-all;
}

#sub .wiselaw .whyCont .textArea .dotList{
	width:100%;
	margin-top:20px;
}


#sub .wiselaw .whyCont .textArea .dotList li{
	width:10px;
	height:10px;
	border-radius:100%;
	background:#19154e;
	display:inline-block;
	margin-right:6px;
}


#sub .wiselaw .whyCont .textArea .subsList{
	width:100%;
	margin-top:25px;
	padding-left:20px;
	box-sizing:border-box;
}

#sub .wiselaw .whyCont .textArea .subsList li{
	width:100%;
	font-size:20px;
	color:#444;
	font-weight:300;
	list-style:disc;
	margin-top:10px;
	word-break:keep-all;
}


#sub .wiselaw .whyCont .textArea .subsList li span{
	font-weight:500;
	color:#19154e;
}






#sub .wiselaw .whyCont .thumArea{
	width:50%;
	display:inline-block;
	overflow:Hidden;
}

#sub .wiselaw .whyCont01 .thumArea{
	float:right;
}

#sub .wiselaw .whyCont02 .textArea{
	float:right;
}


#sub .wiselaw{
	width:100%;
}

#sub .wiselaw .greeting{
	width:1180px;
	position:relative;
	left:50%;
	margin-left:-590px;
	margin-top:150px;
}

#sub .wiselaw .greeting .bg{
	width:100%;
}

#sub .wiselaw .greeting .bg img{
	width:100%;
}

#sub .wiselaw .greeting .textbox{
	width:590px;
	position:absolute;
	right:0;
	background:#2d303f;
	padding:20px;
	box-sizing:border-box;
	bottom:-150px;
}


#sub .wiselaw .greeting .inner{
	width:100%;
	border:1px solid #e5e5e5;
	padding:80px 30px;
	box-sizing:border-box;
}


#sub .wiselaw .greeting .inner .logo_w{
	width:167px;
}

#sub .wiselaw .greeting .inner .logo_w img{
	width:100%;
}

#sub .wiselaw .greeting .inner .text{
	font-size:16px;
	color:#fff;
	margin-top:20px;
	word-break:keep-all;
}


#sub .wiselaw .lawyer{
	width:1180px;
	margin:160px auto 80px;
}


#sub .wiselaw .lawyer .nameArea{
	width:100%;
}

#sub .wiselaw .lawyer .nameArea .subject{
	font-size:24px;
	display:inline-block;
	color:#222;
	font-weight:300;
}


#sub .wiselaw .lawyer .nameArea .name{
	font-size:36px;
	display:inline-block;
	color:#222;
	font-weight:bold;
	margin-left:10px;
}

#sub .wiselaw .lawyer .nameArea .enName{
	font-size:18px;
	display:inline-block;
	color:#777;
	font-family:'titillium web'
}

#sub .wiselaw .lawyer .career{
	width:100%;
	margin-top:10px;
}

#sub .wiselaw .lawyer .career li{
	width:49.5%;
	display:inline-block;
	margin:10px 0px;
}

#sub .wiselaw .lawyer .career li .ico{
	width:36px;
	display:inline-block;
	vertical-align:middle;
}

#sub .wiselaw .lawyer .career li .text{
	font-size:18px;
	display:inline-block;
	vertical-align:Middle;
	margin-left:10px;
}




#sub .wiselaw .slogan{
	width:100%;
	text-align:Center;
	margin-top:80px;
}


#sub .wiselaw .slogan .textmark{
	width:24px;
	display:inline-block;
	vertical-align:top;
}

#sub .wiselaw .slogan .text{
	font-size:24px;
	font-family:'nanum myeongjo';
	display:inline-block;
	vertical-align:top;
	margin:0px 10px;
}


#sub .wiselaw .posiArea{
	width:1180px;
	margin:80px auto 80px;
}

#sub .wiselaw .posiArea .title{
	font-size:24px;
	text-align:Center;
	letter-spacing:0.7px;
	color:#222;
}

#sub .wiselaw .posiArea .posiList{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
	margin-top:20px;
}

#sub .wiselaw .posiArea .posiList li{
	width:50%;
	display:inline-block;
	padding:50px 30px;
	float:left;
	border-right:1px solid #e5e5e5;
}


#sub .wiselaw .posiArea .posiList li:last-child{
	border-right:0px solid #e5e5e5;
}


#sub .wiselaw .posiArea .posiList li .ico{
	width:43px;
	margin:0 auto;
}
#sub .wiselaw .posiArea .posiList li .subs{
	text-align:Center;
	font-size:16px;
	margin-top:15px;
}


#sub .direction{
	width:100%;
	background:url(../images/sub/wiselaw/directionBG.jpg) center bottom repeat-x;
	padding-bottom:80px
}

#sub .direction .mapList{
	width:1180px;
	margin:50px auto 0;
}

#sub .direction .mapList dd{
	width:580px;
	height:380px;
	display:inline-block;
	margin-left:16px;
}

#sub .direction .mapList dd:first-child{
	margin-left:0px;
}

#sub .direction .infoList{
	width:1180px;
	margin:50px auto 0;
}

#sub .direction .infoList dd{
	width:580px;
	border-top:1px solid #02004b;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	box-sizing:Border-box;
	background:#fff;
	padding:20px;
	display:inline-block;
	margin-left:16px;
}

#sub .direction .infoList dd:first-child{
	margin-left:0px;
}

#sub .direction .infoList dd .subject{
	font-size:24px;
	font-weight:500;
}
#sub .direction .infoList dd ul{
	width:100%;
	padding:20px 0px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
}

#sub .direction .infoList dd ul:last-child{
	border-bottom:0px solid #e5e5e5;
}

#sub .direction .infoList dd ul li{
	width:100%;
	display:inline-block;
	margin-top:10px;
}

#sub .direction .infoList dd ul li:first-child{
	margin-top:0px;
}

#sub .direction .infoList dd ul li .ico{
	width:30px;
	display:inline-block;
	vertical-align:middle;
}

#sub .direction .infoList dd ul li .text{
	width:90%;
	display:inline-block;
	vertical-align:middle;
	padding-left:20px;
	box-sizing:border-box;
	font-size:16px;
	font-family:'roboto','noto sans kr';
	letter-spacing:-0.7px;
}

#sub .direction .infoList dd .subj{
	width:100%;
	margin-top:20px;
	font-size:20px;
}

#sub .direction .infoList dd ul li .busList{
	width:90%;
	display:inline-block;
	vertical-align:top;
	padding-left:20px;
	box-sizing:border-box;
}


#sub .direction .infoList dd ul li .busList div{
	width:100%;
	margin-top:5px;
	font-size:16px;
	font-family:'roboto','noto sans kr';
}

#sub .direction .infoList dd ul li .busList div:first-child{
	margin-top:0px;
}

#sub .direction .infoList dd ul li .busList div span{
	font-weight:800;
}




#sub .direction .infoList dd ul li .subwayList{
	width:90%;
	display:inline-block;
	vertical-align:middle;
	padding-left:20px;
	box-sizing:border-box;
}


#sub .direction .infoList dd ul li .subwayList div{
	width:100%;
	margin-top:5px;
	font-size:16px;
	font-family:'roboto','noto sans kr';
}

#sub .direction .infoList dd ul li .subwayList div:first-child{
	margin-top:0px;
}
#sub .direction .infoList dd ul li .subwayList div .line3{
	width:30px;
	line-height:30px;
	color:#fff;
	text-align:Center;
	font-size:12px;
	font-family:'roboto';
	background:#fe831b;
	display:inline-block;
	vertical-align:middle;
	margin:0px 4px;
	border-radius:100%;
}




#sub .zg_ListArea{
	width:1180px;
	margin:80px auto 0;
	padding-bottom:80px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
}

#sub .zg_ListArea .title{
	font-size:36px;
	text-align:center;
	letter-spacing:-0.7px;
}

#sub .zg_ListArea .zg_List{
	width:100%;
	margin-top:50px;
}

#sub .zg_ListArea .zg_List dd{
	width:100%;
	display:inline-block;
}

#sub .zg_ListArea .zg_List dd:nth-child(2){
	width:100%;
	display:inline-block;
	text-align:right;
}

#sub .zg_ListArea .zg_List dd .thum{
	width:50%;
	display:inline-block;
	vertical-align:middle;
}

#sub .zg_ListArea .zg_List dd .thum img{
	width:100%;
}

#sub .zg_ListArea .zg_List dd .textArea{
	width:49.7%;
	display:inline-block;
	vertical-align:middle;
	padding-left:30px;
	box-sizing:border-box;
}

#sub .zg_ListArea .zg_List dd:nth-child(2n) .textArea{
	padding-left:0px;
	padding-right:30px;
}

#sub .zg_ListArea .zg_List dd .textArea .subject{
	font-size:40px;
	letter-spacing:-0.7px;
	word-break:keep-all;
}

#sub .zg_ListArea .zg_List dd .textArea .subj{
	font-size:22px;
	letter-spacing:-0.7px;
	color:#444;
	word-break:keep-all;
}

#sub .zg_ListArea .zg_List dd .textArea .substance{
	font-size:22px;
	letter-spacing:-0.7px;
	color:#19154e;
	word-break:keep-all;
	margin-top:10px;
	font-weight:300;
}

#sub .zg_ListArea .zg_List dd .textArea .substance span{
	font-weight:500;
	color:#19154e;
}


#sub .zg_ListArea .zg_List dd .textArea .substance .arlText{
	color:#6e2024
}


#sub .zg_ListArea .zg_List dd .textArea .textList{
	width:100%;
	margin-top:15px;
	padding-left:20px;
	box-sizing:border-box;
}

#sub .zg_ListArea .zg_List dd .textArea .textList li{
	width:100%;
	list-style:disc;
	margin:10px 0px;
	font-size:16px;
	font-weight:300;
	word-break:keep-all;
}


#sub .business{
	width:100%;
}



#sub .business .zg_ListArea .conCText{
	width:100%;
	text-align:Center;
	margin-top:50px;
}

#sub .business .zg_ListArea .mark{
	width:24px;
	display:inline-block;
	vertical-align:top;
}

#sub .business .zg_ListArea .text{
	font-size:18px;
	vertical-align:top;
	display:inline-block;
	font-family:'Nanum Myeongjo';
	font-weight:bold;
	padding:0px 10px;
	width:80%;
	word-break:keep-all;
	line-height:26px;
}





#sub .business .zg_ListArea .text{
	font-size:25px;
	vertical-align:top;
	display:inline-block;
	font-family:'Nanum Myeongjo';
	font-weight:bold;
	padding:0px 10px;
	line-height:30px;
}



#sub .qualification{
	width:1180px;
	margin:80px auto 0;
	background:#f7f7f7;
	padding:30px;
	box-sizing:border-box;
}

#sub .qualification .title{
	font-size:36px;
	text-align:center;
	letter-spacing:-0.7px;
}


#sub .qualification .qualificationList{
	width:100%;
	display:inline-block;
}

#sub .qualification .qualificationList li{
	width:48%;
	display:inline-block;
	margin-left:3.5%;
	margin-top:1em;
	border:1px solid #e5e5e5;
	padding:20px;
	background:#fff;
	box-sizing:border-box;
}

#sub .qualification .qualificationList li:nth-child(2n+1){
	margin-left:0%;
}

#sub .qualification .qualificationList li .checkIco{
	width:25px;
	display:inline-block;
	vertical-align:middle
}

#sub .qualification .qualificationList li .subs{
	font-size:18px;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	font-weight:300;
	letter-spacing:-0.7px;
}




#sub .business .virtue{
	width:1180px;
	margin:60px auto 0;
}

#sub .business .virtue .virtueList{
	display:inline-block;
}
#sub .business .virtue .virtueFourList li{
	width:280px;
	display:inline-block;
	margin-left:15px;
	min-height:280px;
	max-height:280px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	vertical-align:middle;
	margin-top:20px;
	position:relative;
	
}

#sub .business .virtue .virtueFourList li:nth-child(4n+1){
	margin-left:0px;
}


#sub .business .virtue .virtueFourList li:first-child{
	background:#02004b;
	border:0;
}




#sub .business .virtue .virtueThreeList li{
	width:380px;
	display:inline-block;
	margin-left:15px;
	min-height:280px;
	max-height:280px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	vertical-align:middle;
	margin-top:20px;
	position:relative;
	
}

#sub .business .virtue .virtueThreeList li:nth-child(3n+1){
	margin-left:0px;
}








#sub .business .virtue .virtueList li .subject{
	width:100%;
	text-align:Center;
	color:#fff;
	font-size:28px;
	line-height:280px;
}


#sub .business .virtue .virtueList li .cont{
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	padding:0px 20px;
	box-sizing:border-box;
}

#sub .business .virtue .virtueList li .cont .num{
	width:100px;
	border:1px solid #02004b;
	text-align:center;
	color:#02004b;
	font-family:'roboto';
	padding:10px 0px;
	border-radius:50px;
	margin:0 auto;
	font-size:14px;
}

#sub .business .virtue .virtueList li .cont .ico{
	width:60px;
	margin:20px auto 0;
}

#sub .business .virtue .virtueList li .cont .substance{
	text-align:Center;
	font-size:18px;
	color:#777;
	word-break:keep-all;
	margin-top:15px;
}



#sub .business .compare{
	width:1180px;
	margin:80px auto 0;
	padding-bottom:80px;
	border-bottom:1px solid #e5e5e5;
}

#sub .business .compare .compareList{
	width:100%;
	display:inline-block;
}


#sub .business .compare .compareList dd{
	width:550px;
	display:inline-block;
	vertical-align:middle;
}

#sub .business .compare .compareList dd .subject{
	text-align:center;
	font-size:30px;
}

#sub .business .compare .compareList dd .contList{
	width:100%;
	background:#f7f7f7;
	padding:0px;
	height:300px;
	box-sizing:border-box;
	margin-top:10px;
	position:relative;
}

#sub .business .compare .compareList dd .contList ul{
	padding:20px 20px 20px 50px;
	box-sizing:border-box;
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

#sub .business .compare .compareList dd .contList li{
	width:100%;
	font-size:18px;
	color:#444;
	list-style:disc;
	margin-bottom:10px;
	word-break:keep-all;
}



#sub .business .compare .compareList .vs{
	display:inline-block;
	vertical-align:middle;
	width:70px;
	text-align:center;
	font-family:'nanum myeongjo';
	font-weight:bold;
	font-size:36px;
	margin-top:40px;
	color:#6e2024;
}




#sub .business .process{
	width:1180px;
	margin:80px auto 80px;
}

#sub .business .process .title{
	font-size:36px;
	text-align:center;
	letter-spacing:-0.7px;
}


#sub .business .process .processList{
	width:100%;
	display:inline-block;
	text-align:Center;
	margin-top:30px;
}

#sub .business .process .processList .cont{
	width:14%;
	display:inline-block;
	vertical-align:middle;
}

#sub .business .process .processList .arrow{
	width:2%;
	display:inline-block;
	vertical-align:middle;
}



#sub .business .process .processList .cont .ico{
	width:30px;
	margin:0 auto;
}

#sub .business .process .processList .cont .ico img{
	width:100%;
}

#sub .business .process .processList .cont .subject{
	text-align:Center;
	font-size:18px;
	margin-top:10px;
}


#sub .business .process .processList .cont .subject span{
	font-size:14px;
	color:#777;
}






#sub .business .process .detailList{
	width:100%;
	margin-top:20px;
}

#sub .business .process .detailList li{
	width:380px;
	display:inline-block;
	margin-left:15px;
	vertical-align:top;
	margin-top:30px;
}

#sub .business .process .detailList li:nth-child(3n+1){
	margin-left:0px;
}




#sub .business .process .detailList li .thum{
	width:100%;
}

#sub .business .process .detailList li .thum img{
	width:100%;
}
#sub .business .process .detailList li .subject{
	font-size:24px;
	color:#222;
	margin-top:15px;
}

#sub .business .process .detailList li .substance{
	font-size:18px;
	color:#777;
	margin-top:5px;
	word-break:keep-all;
}



#sub .business .process .detailTextList{
	width:100%;
	margin-top:30px;
}

#sub .business .process .detailTextList li{
	width:380px;
	display:Inline-block;
	min-height:380px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	position:relative;
	vertical-align:middle;
	margin-left:15px;
	margin-top:20px;
}

#sub .business .process .detailTextList li:nth-child(3n+1){
	margin-left:0px;
}


#sub .business .process .detailTextList .subjectBox{
	background:#02004b;
}
#sub .business .process .detailTextList .subjectBox .subject{
	color:#fff;
	line-height:380px;
	text-align:Center;
	font-size:24px;
	letter-spacing:-0.7px;
	border:0;
}

#sub .business .process .detailTextList li .cont{
	width:100%;
	padding:0px 25px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	box-sizing:border-box;
}
#sub .business .process .detailTextList li .cont .subject{
	font-size:24px;
	text-align:center;
	color:#222;
}
#sub .business .process .detailTextList li .cont .thum{
	width:53px;
	margin:30px auto 30px;
}

#sub .business .process .detailTextList li .cont .substance{
	font-size:18px;
	color:#777;
	text-align:Center;
	word-break:keep-all;
	letter-spacing:-0.7px;
	font-weight:300;
}




#sub .business .credit{
	width:1180px;
	margin:80px auto 80px;
}

#sub .business .credit .title{
	font-size:36px;
	text-align:center;
	letter-spacing:-0.7px;
}


#sub .business .credit .creditList{
	width:100%;
	margin-top:30px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
}

#sub .business .credit .creditList li{
	width:50%;
	display:Inline-block;
	float:left;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:40px;
	box-sizing:border-box;
	min-height:350px;
}

#sub .business .credit .creditList li:nth-child(2n){
	border-right:0px solid #e5e5e5;
}

#sub .business .credit .creditList li:nth-child(3),
#sub .business .credit .creditList li:nth-child(4){
	border-bottom:0px solid #e5e5e5;
}


#sub .business .credit .creditList li .subject{
	font-size:24px;
	text-align:Center;
	color:#222;
}

#sub .business .credit .creditList li .ico{
	width:80px;
	margin:30px auto 30px;
}

#sub .business .credit .creditList li .substance{
	font-size:18px;
	color:#666;
	text-align:center;
	font-weight:300;
	word-break:keep-all;
	word-break:keep-all;
}


#sub .business .credit .creditList li .substance span{
	color:#19154e;
	font-weight:500;
}


#sub .business .fullThumArea{
	width:1180px;
	margin:0 auto 0;
}

#sub .business .fullThumArea .fullThum{
	width:100%;
}

#sub .business .fullThumArea .fullThum img{
	width:100%;
}


#sub .business .fullThumArea .textArea{
	font-size:20px;
	color:#222;
	font-weight:300;
	margin-top:20px;
	word-break:keep-all;
}


#sub .business .fullThumArea .textArea span{
	font-weight:500;
}






#sub .business .illegalList{
	width:1180px;
	margin:80px auto 80px;
}

#sub .business .illegalList dd{
	width:100%;
	margin-top:50px;
}

#sub .business .illegalList dd:first-child{
	margin-top:0px;
}

#sub .business .illegalList dd .subject{
	font-size:20px;
	font-family:'roboto','noto sans kr';
	font-weight:500;
	letter-spacing:-0.7px;
}

#sub .business .illegalList dd .subjLine{
	width:100%;
	margin-top:10px;
}

#sub .business .illegalList dd .subjLine .ico{
	width:26px;
	display:Inline-block;
	vertical-align:top;
	margin-top:3px;
}
#sub .business .illegalList dd .subjLine .ico img{ 
	width:100%;
}

#sub .business .illegalList dd .subjLine .text{
	font-size:18px;
	font-weight:300;
	display:Inline-block;
	width:95%;
	word-break:keep-all;
	padding-left:10px;
	box-sizing:border-box;
}

#sub .business .illegalList dd .subjLine .text b{
	color:#19154e;
}

#sub .business .illegalList dd .greyListBox{
	width:100%;
	margin-top:20px;
	background:#f7f7f7;
	padding:20px;
	box-sizing:border-box;
}


#sub .business .illegalList dd .greyListBox .subj{
	font-size:22px;
	font-weight:bold;
	letter-spacing:-0.7px;
	color:#19154e
}

#sub .business .illegalList dd .greyListBox .greyList{
	width:100%;
	padding-left:20px;
	margin-top:10px;
	box-sizing:border-box;
}

#sub .business .illegalList dd .greyListBox .greyList li{
	width:100%;
	list-style:disc;
	font-size:16px;
	margin:5px 0px;
	font-weight:300;
	color:#666;
}




#sub .business .illegalList dd .greyListBox .objectList{
	width:100%;
	margin-top:10px;
}

#sub .business .illegalList dd .greyListBox .objectList li{
	width:48%;
	display:inline-block;
	margin-left:3.5%;
	margin-top:1em;
	border:1px solid #e5e5e5;
	padding:20px;
	background:#fff;
	box-sizing:border-box;
}


#sub .business .illegalList dd .greyListBox .objectList li:nth-child(2n+1){
	margin-left:0%;
}

#sub .business .illegalList dd .greyListBox .objectList li .checkIco{
	width:25px;
	display:inline-block;
	vertical-align:middle
}

#sub .business .illegalList dd .greyListBox .objectList li .subs{
	font-size:16px;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	font-weight:300;
	letter-spacing:-0.7px;
}







#sub .boardArea{
	width:100%;
	margin:80px 0px;
}



#sub .boardArea .banner{
	width:1180px;
	margin: 0 auto;
}


#sub .boardArea .banner .bg{
	width:100%;
}

#sub .boardArea .banner .bg img{
	width:100%;
}


#sub .boardArea .banner .cont{
	width:100%;
}

#sub .boardArea .banner {
	position: relative;
}

#sub .boardArea .banner .cont .subject{
	font-size:30px;
	text-align:center;
}
#sub .boardArea .banner .cont .substance{
	font-size:22px;
	text-align:center;
}


.onlineBTN{
	width:1180px;
	margin:30px auto 0;
	padding:30px;
	background: linear-gradient(90deg, rgba(0,209,53,1) 0%, rgba(1,199,60,1) 100%);
}

.onlineBTN a{
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: white;
}

.onlineBTN span{
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
	line-height:30px;
	font-weight:500;
}

.onlineBTN .cafeShortcuts {
	height: 58px;
	margin-top: 25px;
	display: inline-block;
	border: 2px solid white;
	border-radius: 50px;
	padding: 10px 20px;
	font-size: 22px;
	text-align: center;
	margin-left: 10px;
	font-weight:500;
}

.onlineBTN .cafeShortcuts:first-child {
	margin-left: 0;
}

.onlineBTN .cafeShortcuts > a {
	width: 100%;
	display: block;
	color: white;
	font-size: 18px;
}
 
.onlineBTN .naverCafe {
	width: 100px;
	display: inline-block;
	margin-right: 10px;
}

.onlineBTN .naverCafe img {
	width: 100%;
	vertical-align: middle;
}

.onlineBTN2 {
	display: flex;
	justify-content: space-between;
}

.onlineBTN2 span{
	color: white;
}





#sub .boardArea .banner .cont .buttonList{
	width:100%;
	text-align:center;
	margin-top:30px;
}

#sub .boardArea .banner .cont .buttonList li{
	width:180px;
	display:inline-block;
	border:1px solid #fff;
	text-align:center;
	color:#fff;
	color:#fff;
	padding:15px 0px;
	font-size:16px;
	margin:0px 3px;
}


#sub .boardArea .banner .cont .buttonList li a{
	color:#fff;
}

#sub .boardArea .banner .cont .buttonList li:hover{
	background:#fff;
	color:#222;
}


#sub .boardArea .banner .cont .buttonList li:hover a{
	color:#222;
}

#sub .boardArea .arlText{
	width:100%;
	padding:0 0 50px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	text-align:center;
}


#sub .boardArea .arlText .mark{
	width:24px;
	display:inline-block;
	vertical-align:top;
}

#sub .boardArea .arlText .text{
	display:inline-block;
	vertical-align:top;
	font-family:'nanum myeongjo';
	margin:0px 10px;
	font-size:24px;
	line-height:36px;
}


#sub .boardArea .process{
	width:1180px;
	margin:80px auto 0;
}


#sub .boardArea .process li{
	display:inline-block;
	vertical-align:middle;
	margin-left:12px;
}

#sub .boardArea .process li:First-child{
	margin-left:0px;
}

#sub .boardArea .process .textBox{
	width:260px;
	display:inline-block;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:20px;
}

#sub .boardArea .process .textBox .num{
	width:40px;
	border:1px solid #19154e;
	color:#19154e;
	margin:0px auto 0;
	padding:8px 0px;
	text-align:center;
	font-family:'roboto';
	border-radius:50px;
}


#sub .boardArea .process .textBox .ico{
	width:45px;
	margin:20px auto 0;
}
#sub .boardArea .process .textBox .subject{
	font-size:18px;
	margin-top:20px;
	font-weight:500;
	color:#222;
	text-align:center;
}


#sub .boardArea .process .textBox .substance{
	font-size:15px;
	margin-top:5px;
	font-weight:300;
	color:#444;
	text-align:center;
	word-break:keep-all;
}



#sub .boardArea .process .arrow{
	width:15px;
}

#sub .boardArea .process .arrow img{
	width:100%;
}



#sub .boardArea .bestSuccess{
	width:100%;
	background:#f7f7f7;
	margin-top:80px;
	padding:80px 0px;
}


#sub .boardArea .bestSuccess .inner{
	width:1180px;
	position:relative;
	left:50%;
	margin-left:-590px;
}

#sub .boardArea .bestSuccess .inner .title{
	width:100%;
	text-align:center;
	font-size:24px;
}


#sub .boardArea .bestSuccess .inner .successList{
	width:100%;
	margin-top:20px;
}

#sub .boardArea .bestSuccess .inner .successList li{
	width:280px;
	display:inline-block;
	margin:0px 10px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	background:#fff;
	padding:15px;
}


#sub .boardArea .bestSuccess .inner .successList li .subject{
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	letter-spacing:-0.7px;
	color:#19154e;
}
#sub .boardArea .bestSuccess .inner .successList li .category{
	font-size:15px;
	color:#777;
}


#sub .boardArea .bestSuccess .inner .successList li .contents{
	font-size:15px;
	color:#777;
	padding:20px 0px 0px;
	border-top:1px dashed #e5e5e5;
	margin-top:20px;
	word-break:keep-all;
}

#sub .boardArea .bestSuccess .inner .successList li .opArea{
	width:100%;
	margin-top:15px;
	display:Inline-block;
}


#sub .boardArea .bestSuccess .inner .successList li .opArea .name{
	font-size:14px;
	color:#777;
	display:inline-block;
	margin-top:5px;
}

#sub .boardArea .bestSuccess .inner .successList li .opArea .arrow{
	float:right;
	display:inline-block;
}





#sub .boardArea .board{
	width:1180px;
	margin:80px auto 80px;
}








.counsel{
   width:100%;
}

.counsel .toggleLine{
   width:100%;
}


.wiselawCounsel .toggleLine{
   width:100%;
   background:#ffba00;
   display:Inline-block;
}


.wiseanCounsel .toggleLine{
   width:100%;
   background:#19154e;
   display:Inline-block;
}



.counsel .toggleLine .subjectLine{
   padding-left:10px;
   box-sizing:border-box;
   display:inline-block;
   margin-top:14px;
}

.counsel .toggleLine .subjectLine{
   box-sizing:border-box;
   display:inline-block;
}

.counsel .toggleLine .subjectLine .subject{
   font-size:24px;
   display:inline-block;
   color:#fff;
   padding:0px 10px;
   box-sizing:border-box;
   vertical-align:middle;
}

.counsel .toggleLine .subjectLine .substance{
   padding:0px 20px;
   font-size:16px;
   vertical-align:middle;
   color:#fff;
   box-sizing:border-box;
   border-left:1px solid #fff;
   display:inline-block;
}

.counsel .toggleLine span{
   float:Right;
   display:Inline-block;
   display:inline-block;
}


.counsel .toggleLine .close{
   width:56px;
   padding:22px;
   border-left:1px solid #e5e5e5;
}

.counsel .toggleLine .close img{
   width:100%;
}


.counsel .toggleLine .view{
   width:161px;
   border-left:1px solid #fff;
   padding:20px;
}

.counsel .toggleLine .view img{
   width:100%;
}


.counsel .formArea{
   width:100%;
   background:#f7f7f7;
   padding:0px 20px 50px 20px;
   box-sizing:border-box;
   
}

.counsel .formArea .infoArea{
   padding:50px 0px;
   box-sizing:border-box;
   border-bottom:1px solid #e5e5e5;
}

.counsel .formArea .infoArea li{
   width:100%;
   margin-top:10px;
}


.counsel .formArea .infoArea li:first-child{
   margin-top:0px;
}


.counsel .formArea .infoArea li label{
   width:15%;
   display:inline-block;
   vertical-align:middle;
   font-size:16px;
   color:#444
}

.counsel .formArea .infoArea li .w50{
   width:520px;
   display:inline-block;
   vertical-align:middle;
   padding:10px;
   background:#fff;
   border:1px solid #e5e5e5;
   box-sizing:border-box;
   font-size:16px;
}


.counsel .formArea .infoArea li .triple{
   width:171px;
   display:Inline-block;
   vertical-align:middle;
   padding:10px;
   background:#fff;
   border:1px solid #e5e5e5;
   box-sizing:border-box;
   font-size:16px;
}


.counsel .contArea{
   width:100%;
   padding:50px 0px;
   box-sizing:border-box;
}


.counsel .contArea li{
   width:100%;
   margin-bottom:10px;
}

.counsel .contArea li label{
   width:15%;
   font-size:16px;
   color:#444;
   display:inline-block;
   vertical-align:middle;
}


.counsel .contArea li .w100{
   width:84%;
   border:1px solid #e5e5e5;
   padding:10px;
   box-sizing:border-box;
   background:#fff;
   display:inline-block;
   vertical-align:middle;
   font-size:16px;
}


.counsel .contArea li textarea{
   border:1px solid #e5e5e5;
   padding:10px;
   box-sizing:border-box;
    font-size:16px;
}


.counsel .btn_confirm{
   text-align:center;
}


.ing{
   display:inline-block;
   padding:5px 10px;
   background:#f7f7f7;
   font-size:15px;
}

.done{
   display:inline-block;
   padding:5px 10px;
   background:#222;
   color:#fff;
   font-size:15px;
   font-weight:normal;
}




.termBox{
   width:1180px;
   margin:50px auto 80px;
}

.termBox textarea{
   width:100%;
   border:1px solid #e5e5e5;
   padding:20px;
   box-sizing:border-box;
}






#sub .document{
	width:100%;
}

#sub .document .docIntro{
	width:1180px;
	margin:50px auto 0;
	position:Relative;
	left:50%;
	margin-left:-590px;
}

#sub .document .docIntro .thum{
	width:100%;
}

#sub .document .docIntro .thum img{
	width:100%;
}


#sub .document .docIntro .introCont{
	width:50%;
	right:0;
	bottom:0;
	padding:50px;
	box-sizing:border-box;
	background:#fff;
	position:absolute;
}



#sub .document .docIntro .introCont .text{
	font-size:18px;
	color:#444;
	letter-spacing:-0.7px;
	word-break:keep-all;
}

#sub .document .docIntro .introCont .text span{
	color:#6e2024;
}


#sub .document .introText{
	width:1180px;
	margin:50px auto 0;
	text-align:center;
	font-size:20px;
	text-align:center;
	color:#222;
}

#sub .document .introText span{
	color:#6e2024;
}

#sub .document .what{
	width:1180px;
	margin:160px auto 0;
	padding-bottom:80px;
	border-bottom:1px solid #e5e5e5;
}

#sub .document .what .titleArea{
	width:100%;
}

#sub .document .what .titleArea .title{
	width:100%;
	font-size:30px;
	text-align:center;
	font-weight:300;
}

#sub .document .what .titleArea .subs{
	width:100%;
	font-size:16px;
	text-align:center;
	font-weight:300;
	margin-top:20px;
}




#sub .document .what .whatList{
	width:100%;
	padding:30px;
	background:#f7f7f7;
	margin-top:30px;
}


#sub .document .what .whatList li{
	width:356px;
	display:Inline-block;
	margin-left:20px;
	position:relative;
}

#sub .document .what .whatList li:first-child{
	margin-left:0px;
}

#sub .document .what .whatList li .bg{
	width:100%;
}

#sub .document .what .whatList li .bg img{
	width:100%;
}

#sub .document .what .whatList li .cont{
	width:100%;
	position:absolute;
	text-align:center;
	padding:0px 20px;
	top:50%;
	transform:translateY(-50%);
	z-index:9;
	font-family:'noto serif kr';
	font-size:18px;
}


#sub .document .pDoc{
	width:1180px;
	margin:80px auto 0;
}


#sub .document .pDoc .titleArea{
	width:100%;
}


#sub .document .pDoc .titleArea .title{
	width:100%;
	font-size:30px;
	text-align:center;
	font-weight:300;
}

#sub .document .pDoc .titleArea .subs{
	width:100%;
	font-size:20px;
	text-align:center;
	font-weight:300;
	margin-top:20px;
}
#sub .document .pDoc .titleArea .subs span{
	color:#6e2024;
	font-weight:500;
}



#sub .document .pDoc .pDocList{
	width:100%;
	text-align:center;
	margin-top:30px;
}


#sub .document .pDoc .pDocList li{
	width:250px;
	height:250px;
	background:rgba(229,229,229,0.5);
	display:inline-block;
	border-radius:100%;
	margin:0px -15px;
	position:Relative;
}


#sub .document .pDoc .pDocList li .cont{
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}


#sub .document .pDoc .pDocList li .cont .ico{
	width:57px;
	margin:0 auto;
}

#sub .document .pDoc .pDocList li .cont .ico img{
	width:100%;
}


#sub .document .pDoc .pDocList li .cont .subject{
	font-size:18px;
	color:#222;
	margin-top:10px;
	word-break:keep-all;
	min-height:52px;
}

#sub .document .pDoc .pDocList li .cont .subs{
	font-size:15px;
	color:#777;
	margin-top:10px;
	word-break:keep-all;
}




#sub .document .docArea{
	width:1180px;
	margin:160px auto 80px;
}


#sub .document .docArea .titleArea{
	width:100%;
}


#sub .document .docArea .titleArea .title{
	width:100%;
	font-size:30px;
	text-align:center;
	font-weight:300;
}

#sub .document .docArea .titleArea .subs{
	width:100%;
	font-size:16px;
	text-align:center;
	font-weight:300;
	margin-top:20px;
}



#sub .document .docArea .docList{
	width:100%;
	margin-top:30px;
}

#sub .document .docArea .docList dd{
	width:100%;
	padding:30px 20px;
	border-bottom:1px solid #e5e5e5;
	cursor:pointer;
}

#sub .document .docArea .docList dd:first-child{
	border-top:1px solid #222;
}
#sub .document .docArea .docList dd:hover{
	background:#f8fcff;
}

#sub .document .docArea .docList dd .icon{
	width:30px;
	display:inline-block;
}


#sub .document .docArea .docList dd .icon img{
	width:100%;
}

#sub .document .docArea .docList dd .subject{
	display:inline-block;
	font-size:18px;
	margin-left:15px;
}



#sub .document .docArea .docList dd .boxList{
	width:100%;
	padding-top:10px;
	display:inline-block;
}




#sub .document .docArea .docList dd .boxList li{
	width:366px;
	display:inline-block;
	float:left;
	margin-left:20px;
	margin-top:20px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	min-height:300px;
	padding:30px;
	position:relative;
}

#sub .document .docArea .docList dd .boxList li:nth-child(3n+1){
	margin-left:0px;
}

#sub .document .docArea .docList dd .boxList li:hover{
	border:1px solid #222;
}

#sub .document .docArea .docList dd .boxList li .subject{
	text-align:left;
	font-size:18px;
	color:#222;
	margin-left:0;
}


#sub .document .docArea .docList dd .boxList li .substance{
	text-align:left;
	font-size:15px;
	color:#777;
	margin-top:10px;
	letter-spacing:-0.7px;
	word-break:keep-all;
}




#sub .document .docArea .docList dd .boxList li .linkC{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	color:#3861e5;
	font-size:18px;
}



#sub .document .docArea .docList dd .boxList li .linkArea{
	position:absolute;
	bottom:30px;
}


#sub .document .docArea .docList dd .boxList li .linkArea .site{
	font-size:18px;
	font-weight:bold;
}

#sub .document .docArea .docList dd .boxList li .linkArea .url{
	font-size:16px;
	color:#3861e5;
	font-family:'roboto';
	margin-top:10px;
}




#sub .document .docArea .docList dd .ectTitle{
	font-size:18px;
	margin-top:30px;
}