@charset "euc-kr";

#sub_default{line-height:145%;}

/* ¼­ºê°øÅë */
.box_info{z-index:1; position:relative; padding:35px 30px 37px 42px; margin:0 0 30px; box-sizing:border-box; word-break:keep-all; letter-spacing:-0.5px; background:url(/images/common/bg_pattern.gif) repeat;}
.box_info:before{z-index:-1; content:''; display:block; position:absolute; top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px); background:#fff;}

.dot > li + li{margin-top:5px;}
.dot .dash{margin-top:5px; font-size:15px;}
.dash li + li {margin-top:5px;}

@media all and (max-width:1024px) {
	.box_info{padding:35px;}
}
@media all and (max-width:568px) {
	.box_info{padding:27px 30px;}
}
@media all and (max-width:380px) {
	.box_info{padding:22px 25px; margin:0 0 27px;}
	.box_info:before{top:8px; left:8px; width:calc(100% - 16px); height:calc(100% - 16px);}
}

/* È¸ÀÇ·Ï°³¿ä */
.proc {display:inline-block; overflow:hidden; width:100%; padding:57px 4%;}
.proc li{position:relative; display:table; float:left; width:20%; padding:20px 2% 0 2%; color:#fff; text-align:center; box-sizing:border-box;}
.proc li:nth-child(-n + 4){padding-top:0;}
.proc li:nth-child(-n + 8){width:25%;}
.proc li div{position:relative; display:table-cell; vertical-align:middle; width:220px; height:75px; margin:0 auto; border-radius:10px; color:#fff; font-size:15px; font-weight:400; background:#3f77b0;}
.proc li div:before{position:absolute; top:50%; left:-14%; content:''; display:inline-block; vertical-align:middle; width:13px; height:21px; margin:-11px 0 0 0; background:url(/images/minutes/pages/ico_arrow1.jpg) no-repeat 50% 0;}
.proc li:nth-child(4n + 1) div:before{display:none;}
.proc li:last-child div:before{display:block;}
.proc li div span{display:block; padding-top:7px; margin-top:5px; border-top:1px dashed rgba(255,255,255,0.5); line-height:120%; font-size:90%; font-weight:200;}


.box_law {overflow:hidden; width:100%; font-weight:400; line-height:170%;}
.box_law li{float:left;width: 18%; padding:0; margin:0;}
.box_law li + li{margin:0 0 0 2%;}
.box_law a{position:relative; display:block;height: 220px;padding: 24px 18px 0 12%; font-size:15px; box-sizing:border-box;}
.box_law a:after{content:''; display:block; position:absolute;bottom: 30px; right:40px; width:34px; height:8px; margin:-3px 0 0 0; transition:0.25s ease-in-out; background:url(/images/minutes/pages/ico_arrow2.jpg) no-repeat 100% 0;}
.box_law a:hover:after{right:30px;}

@media all and (max-width:1200px) {
	.box_law a{word-break:break-all;}
}
@media all and (max-width:768px) {
	.proc {padding:45px 3%;}

	.box_law li{width:49%;}
	.box_law li + li{margin:0 0 17px;}
	.box_law li:nth-child(even){margin-left:2%;}
	.box_law a{height:130px; padding:35px 35px 0 35px;}
	.box_law a:after{bottom:37px;}
}
@media all and (max-width:568px) {
	.proc{padding:40px 4%;}
	.proc li,
	.proc li:nth-child(-n + 8){width:100%;}
	.proc li:nth-child(-n + 4){padding-top:20px;}
	.proc li div{width:70%; height:65px; font-size:14px;}
	.proc li div:before{left:-10%;}
	.proc li:nth-child(3n + 1) div:before{display:block;}
	.proc li:nth-child(odd) div:before{display:none;}

	.box_law a{height:160px; padding:30px 30px 0 30px;}
	.box_law li + li{margin:0 0 10px;}
	.box_law a:after{bottom:34px; right:30px;}
}
@media all and (max-width:380px) {
	.proc {padding:35px 4%;}
	.proc li div{height:62px; font-size:13px;}
	.proc li div:before{left:-12%;}

	.box_law a{height:155px; padding:25px 25px 0 25px; font-size:14px;}
	.box_law li + li{margin:0 0 8px;}
	.box_law a:after{bottom:30px;}
}


#sub_mark ul li{text-align:center;}