@import url('/sites/moj/style/css/style.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

* {font-family: 'Noto Sans' !important; font-size: 15px; font-weight: 300; letter-spacing: -0.5px; word-spacing: normal; color: #333;}

._contentBuilder ._obj._objHtml {word-break: keep-all;}

/******************************************************************************************* MAIN css ***/
/* Visual Area */
.multipleDiv .visual {
	min-height: 580px;
	background: url('../../images/main/mVisual_20190119.png') center top no-repeat;
	padding-top: 50px;
	box-sizing: border-box;
}
.multipleDiv .visual p {color: #333333; font-size: 18px; margin-top: 25px;}
.multipleDiv .visualText:before {
	content: '';
	display: block;
	width: 50px; height: 4px;
	background-color: #1d4899;
	margin-bottom: 25px;
}
#multipleDiv_corrections_eng_6 .multipleContentsDiv {max-width: 100%;}
.multipleDiv .visualText,
.multipleContentsDiv {
	max-width: 1200px; margin: 0 auto;
}
.multipleDiv .visualText img {max-width: 685px; width: 100%;}

/* 사이버본부장실 Area */
.boxLink {
	position: relative;
	max-width: 440px;
	height: 215px;
	background: url('../../images/main/mainimg_default8.png') left top no-repeat;
	padding: 30px 0 0 0;
	box-sizing: border-box;
}
.boxLink:before {
	content: ''; display: block;
	position: absolute; top: 10px; left: 10px;
	width: 94%; height: 90%;
	border: 1px solid rgba(255,255,255,0.4);
}
.boxLink h3 {
	color: #ffffff; font-size: 24px; font-weight: 500;
	position: absolute; left: 25px; top: 22px;
	line-height: 1.2; letter-spacing:-1px;
}
.boxLink a.btn {
	display: inline-block;
	color: #fff; font-size: 14px; text-align: center;
	background-color: #384b77;
	padding: 10px 26px;
	position: absolute; left: 25px; bottom: 30px;
}


/* 교정기관 안내 Area */
.boxLink2 li {border: 1px solid #d6d6d6; border-top: 0; box-sizing: border-box;}
.boxLink2 ul {border-top: 1px solid #d6d6d6;}
.boxLink2 a {position: relative; display: block; padding: 21px 30px 20px;}
.boxLink2 a h3 {
	color: #229aee; font-size: 16px; font-weight: 400; margin-bottom: 5px;
} 
.boxLink2 a p {color: #555555; font-size: 14px;}
.boxLink2 a:after {
	content: '';
	display: block; position: absolute; right: 30px; top: 20px;
	width: 75px; height: 75px;
	background: url('../../images/main/boxLink2_icon.png') left top no-repeat;
}
.boxLink2 li.radio a:after {background-position: -229px top;}
.boxLink2 li.promotion a:after {background-position: right top;}
.boxLink2 li.radio a h3 {color: #1d4899;}
.boxLink2 li.promotion a h3 {color: #179481;}

/* 주요서비스 바로가기 Area */
#multipleDiv_corrections_eng_15 .multipleContentsDiv {max-width: 100%;}
#menu1871_obj16 {overflow: hidden; background: url('../../images/main/slideLink_bg.png') left top repeat;}
.slideLink {overflow: hidden; float: right; position: relative; max-width: 720px; width: 100%;height: 345px;}
.slideLink h3 {
	color: #000000; font-size: 26px; font-weight: 400; letter-spacing: -1px;
	position: absolute; top: 50px; left: 0;
}
.slideLink strong {
	display: block;
	color: #000000; font-size: 26px; font-weight: 400; line-height: 1.2;
}
.slideLink h3 strong:after {
	content: ''; display: inline-block;
	width: 72px; height: 1px;
	background-color: #000;
	margin-left: 15px;
	vertical-align: middle;
}
.slideLink ul {
	overflow: hidden;
	position: absolute; top: 50px; right: 0;
	text-align: center;
}
.slideLink ul li {
	float: left; width: 25%; padding: 17px 0;
}
.slideLink ul li.s01 {margin-left: 25%;}
.slideLink ul li a {
	display: block;
	color: #333333; font-weight: 400;
}
.slideLink ul li a:before {
	content: '';
	display: block;
	width: 62px;
	height: 57px;
	background: url('../../images/main/slideLink.png') left center no-repeat;
	margin: 0 auto 10px;
}
.slideLink ul li.s01 a:before {background-position: 4px center;}
.slideLink ul li.s02 a:before {background-position: -123px center;}
.slideLink ul li.s03 a:before {background-position: -248px center;}
.slideLink ul li.s04 a:before {background-position: -376px center;}
.slideLink ul li.s05 a:before {background-position: -503px center;}
.slideLink ul li.s06 a:before {background-position: -633px center;}
.slideLink ul li.s07 a:before {background-position: -753px center; width: 65px;}
.slideLink button.slick-arrow {
	position: absolute;
	left: -40px;
	top: 55%;
	width: 36px;
	height: 36px;
	background: url('../../images/main/slideLink_arrow.png') left center no-repeat;
	text-indent: -5000px;
}
.slideLink button.slick-arrow.slick-next {right: -70px; left: auto; background-position: right center;}

/* 교정민원콜센터 Area */
.right_box {width: 100%; height: 345px; max-width: 440px; float: left;}
.callCenter {
	max-width: 440px; max-height: 130px;
	background: url('../../images/main/callCenter_bg.png') right top no-repeat;
	padding: 15px 20px; box-sizing: border-box;
}
.callCenter .title p {color: #fff; font-size: 24px; font-weight: 500;}
.callCenter .title p span.color-1 {color: #ffc949;}
.callCenter .title p span.color-2 {color: #7ad2ff;}
.callCenter .title p.num {text-align: right; font-size: 36px; font-weight: 700; line-height: 1;}
.callCenter .title p.num:before {
	content: '';
	display: inline-block; width: 32px; height: 32px;
	background: url('../../images/main/callCenter_icon.png') left top no-repeat;
}
.callCenter ul {overflow: hidden;}
.callCenter ul li {
	color: #fff; font-size: 14px;
	float: left; width: 50%;
}
.callCenter ul li:before {content:'ㆍ';}

/* 교정본부 SNS Area */
#menu1013_obj122 {max-width: 700px;}
.snsBox {overflow: hidden; position: relative; height: 322px;}
.snsBox h3 {color: #2c2c2c; font-size: 20px; font-weight: 500;}
.snsBox .btn {
	display: block;
	width: 37px; height: 37px;
	background: url('../../images/main/snsBtn.png') left top no-repeat;
	text-indent: -5000px;
	position: absolute;
	right: 87px; top: 0;
}
.snsBox > ul > li.blog > .btn {right: 44px; background-position: -43px top;}
.snsBox > ul > li.youtube > .btn {right: 0; background-position: right top;}
.snsBox > ul > li.faceB.active > .btn,
.snsBox > ul > li.faceB:hover > .btn {background-position: left bottom;}
.snsBox > ul > li.blog.active > .btn,
.snsBox > ul > li.blog:hover > .btn {background-position: -43px bottom;}
.snsBox > ul > li.youtube.active > .btn,
.snsBox > ul > li.youtube:hover > .btn {background-position: right bottom;}
.snsBox > ul > li {
	width: 36px;
	float: left;
	margin-left: 5px;
}
.snsBox > ul > li.active > .snsList {display: block;}
.snsList {
	display: none;
	width: 100%; height: 265px;
	position: absolute; top: 57px; left: 0;
	background-color: #f9f9f9; border: 1px solid #dfdfdf;
	box-sizing: border-box;
	padding: 20px 25px;
}
.snsList ul {	overflow-y: auto; max-height: 215px;}
.snsList ul li {position: relative; padding-left: 50px; padding-bottom: 15px;}
.snsList ul li:last-child:before{display: none;}
.snsList ul li:last-child {padding-bottom: 0;}
.snsList ul li:before {
	content: '';
	display: block; position: absolute; bottom: 0; left: 17px;
	width: 2px; height: 100%; background-color: #e1e1e1;
}
.snsList ul li:after {
	content: '';
	display: block; position: absolute; left: 0; top: 0;
	width: 42px; height: 42px;
	background: url('../../images/main/sns_faceB.png') left top no-repeat;
}
.snsList ul li a {display: block; font-size: 14px;}
.snsList ul li a strong {color: #3c5a99;}
.snsList ul li a span.date {color: #7c7c7c; font-size: 13px; margin-left: 20px;}
.snsList ul li a p {color: #555555; margin-top: 5px;}

/* 바로가기 4개 Area */
.lineLink ul {overflow: hidden;}
.lineLink ul > li {
	overflow: hidden; position: relative;
	float: left;
	max-width: 370px;
	width: 31%;
	margin-right: 3.5%;
	border: 1px solid #dfdfdf; box-sizing: border-box;
}
.lineLink ul > li.in03 {margin-right: 0;}
.lineLink ul > li:before {
	content: ''; display: block; width: 100%; height: 100%;
	position: absolute; left: 0; top: 0;
	background: url('../../images/main/lineLink_bg.png') right top no-repeat;
	transition: all 0.2s ease;
	backface-visibility: hidden;
	opacity: 0.5;
}
.lineLink ul > li.in02:before {background-position: right -90px;}
.lineLink ul > li.in03:before {background-position: right bottom;}
.lineLink ul > li:hover:before {
	opacity: 1;
	transform: scale3d(1.2,1.2,1);
}
.lineLink ul > li > a {
	display: block;
	position: relative; 
	color: #273142; font-size: 20px;  font-weight: 500; line-height: 1;
	padding: 22px 23px 23px; box-sizing: border-box;
}
.lineLink ul > li > a > strong {
	display: block;
	color: #273142; font-size: 20px; margin-top: 5px;
}


/******************************************************************************************* Contents css ***/
/* images */
.img_wrap	{display: table-cell; vertical-align: top;}
.img_wrap .img	{border: 10px solid transparent; border-image: url("../../images/contents/img_shadow.png") 10 round; text-align: center; display: inline-block;}
.img_wrap .img > img	{margin: -10px 0 0 -10px;}
.img_wrap .img .img_no	{color: #bdbdbd; font-weight: 200; position: relative; width: 350px; height: 210px; margin: -10px 0 0 -10px; background-color: #e1e1e1; box-sizing: border-box; padding-top: 70px;}
.img_wrap .img .img_no.h170		{height: 170px; width: 280px; padding-top: 50px;}
.img_wrap .img .img_no:before	{content: ""; display: block; background: url("../../images/contents/no_image.png") center top no-repeat; width: 74px; height: 40px; margin: 0 auto 15px auto;}
.img_wrap .img .img_whiteBg		{background-color: #FFF; border: 1px solid #ebebeb; box-sizing: border-box; text-align: center; margin: -10px 0 0 -10px; display: table; width: 180px;}
.img_wrap .img .img_whiteBg.w350		{width: 350px;}
.img_wrap .img .img_whiteBg p		{display: table-cell; vertical-align: middle; height: 180px;}
.img_wrap .img .img_whiteBg.w350 p	{height: 350px;}
.img_wrap .img .img_whiteBg p img		{padding: 20px 10px; max-width: 100%;}
/* tablet */
body.Tablet .img_wrap .img .img_no		{width: 250px;}
body.Tablet .img_wrap .img .img_whiteBg.w350	{width: 290px;}
body.Tablet .img_wrap.w100 .img img,
body.Mobile .img_wrap.w100 .img img	{max-width: 103%;}
/* mobile */
body.Mobile .img_wrap .img .img_no	{width: 250px;}
body.Mobile .img_wrap .img .img_whiteBg.w350	{width: auto;}
body.Mobile .img_wrap .img .img_whiteBg.w350 p		{height: auto;}

.img_pro		{overflow: hidden; display: block;}
.img_pro > li		{float: left; width: 33.3%; display: inline-table; vertical-align: top; box-sizing: border-box;}
.img_pro > li img	{max-width: 103%;}
/* mobile */
body.Mobile	.img_pro > li	{width: 50%; margin-bottom: 15px;}

/* imgBox - 사선*/
.imgLine {position: relative;}
.imgLine:before {content: ''; position: absolute; top: 10px; left: 10px;width: 100%; height: 100%; background: url("../../images/contents/img_line.png") left top repeat; z-index: -1;}
.imgLine img {width: 100%;}

/* Introduction > History > Photo */
.imgWrap	{overflow: hidden; vertical-align: top; width: 100%; word-break: keep-all;}
.imgWrap .imgBox	{float: left; width: 276px; border: 10px solid transparent; border-image: url("../../images/contents/img_shadow.png") 10 round; text-align: center; display: inline-block;}
.imgWrap .imgBox > img	{margin: -10px 0 0 -10px;}
.imgWrap .ul_1,
.imgWrap .rightArea {float: left; width: calc(100% - 330px); margin-left: 30px;}
.imgWrap .rightArea p {margin-bottom: 20px;}
.imgWrap .rightArea p:last-child {margin-bottom: 0;}
/*img350*/
.imgWrap.w350 .imgBox {width: 350px}
.imgWrap.w350 .ul_1,
.imgWrap.w350 .rightArea {width: calc(100% - 400px);}

@media all and (max-width: 530px) {
	.imgWrap .imgBox {float: none; margin:0 auto 10px;}
	.imgWrap .ul_1 {float: none; width: 100%; margin-left: 0;}
}
body.Tablet .imgWrap .imgBox,
body.Mobile .imgWrap .imgBox {float: none;}
body.Tablet .imgWrap .ul_1, body.Tablet .imgWrap .rightArea,
body.Mobile .imgWrap .ul_1, body.Mobile .imgWrap .rightArea{width: 100%; float: none; margin: 20px 0 0;}

/* Introduction > Organization > Local Correctional Institutions */
.localWrap ul {overflow: hidden;}
.localWrap ul li {float: left; width: 48%; position: relative; margin-right: 23px; margin-bottom: 20px;}
.localWrap ul li .title {width: 100%; height: 35px; position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; padding-top: 15px; background-color: rgba(0,0,0,0.6);}
.localWrap ul li:nth-child(2n) {margin-right: 0px;}

/* Inmate Treatment > Admission */
.step_1_1 .head_text	{text-align: center; margin-bottom: 30px;}
.step_1_1 .head_text p	{color: #053863; font-size: 16px;}
.step_1_1 .head_text p.h1	{color: #2460db; font-size: 28px; font-weight: 400;}
.step_1_1	> ol	{padding-left: 0 !important; overflow: hidden;}
.step_1_1	> ol > li	{position: relative; list-style: none !important; padding: 0 0 0 5px; margin: 0 0 20px 0 !important; float: left; width: 16.6%; box-sizing: border-box;}
.step_1_1	> ol > li > .title	{background-color: #f5f5f5; text-align: center; min-height: 120px; border-radius: 10px; display: table; width: 95%; box-sizing: border-box; padding: 25px 20px; position: relative; z-index: 2;}
.step_1_1	> ol > li > .title p	{position: relative; color: #333; font-size: 18px; line-height: 1.3; display: table-cell; vertical-align: top;}
.step_1_1	> ol > li > .title p span	{display: block; font-size: 15px; color: #333;}
.step_1_1	> ol > li > .title p:before	{content: "00"; display: block; font-style: italic; color: #333; font-size: 18px;}
.step_1_1	> ol > li:nth-child(1) > .title p:before	{content: "01";}
.step_1_1	> ol > li:nth-child(2) > .title p:before	{content: "02";}
.step_1_1	> ol > li:nth-child(3) > .title p:before	{content: "03";}
.step_1_1	> ol > li:nth-child(3) > .title.no2 p:before	{content: "03-1";}
.step_1_1	> ol > li:nth-child(4) > .title p:before	{content: "04";}
.step_1_1	> ol > li:nth-child(5) > .title p:before	{content: "05";}
.step_1_1	> ol > li:nth-child(6) > .title p:before	{content: "06";}
.step_1_1	> ol > li:nth-child(7) > .title p:before	{content: "07";}
.step_1_1	> ol > li:nth-child(8) > .title p:before	{content: "08";}
.step_1_1	> ol > li:nth-child(9) > .title p:before	{content: "09";}
.step_1_1	> ol > li:nth-child(10) > .title p:before	{content: "10";}
.step_1_1	> ol > li > .title p:after	{content: ""; position: absolute; top: 50%; right: -5%; background: url("../../images/contents/arrow.png") left top no-repeat; width: 10px; height: 6px; margin-top: -3px; transform: translateY(0px) rotate(-90deg);}
.step_1_1	> ol > li > ul,
.step_1_1	> ol > li > div.box {border: 1px solid #ebebeb; border-radius: 10px; padding: 90px 5px 15px 15px; margin: -85px 0px 30px 10px; text-align: left; box-sizing: border-box; min-height: 265px; background-color: #FFF;word-break: break-word;}
.step_1_1	> ol > li:first-child > ul	{border-color: #91afed;}
.step_1_1	> ol > li:first-child > .title	{background-color: #2460db;}
.step_1_1	> ol > li:last-child > ul,
.step_1_1	> ol > li:last-child > div.box {border-color: #92d0ed;}
.step_1_1	> ol > li:last-child > .title	{background-color: #25a1db;}
.step_1_1	> ol > li:nth-child(3) > ul:last-child	{border-color: #cad2d7; margin-bottom: 0;}
.step_1_1	> ol > li:nth-child(3) > .title.no2	{background-color: #51697c;}
.step_1_1	> ol > li:first-child > .title p,
.step_1_1	> ol > li:first-child > .title p span,
.step_1_1	> ol > li:first-child > .title p:before,
.step_1_1	> ol > li:last-child > .title p,
.step_1_1	> ol > li:last-child > .title p span,
.step_1_1	> ol > li:last-child > .title p:before,
.step_1_1	> ol > li:nth-child(3) > .title.no2 p,
.step_1_1	> ol > li:nth-child(3) > .title.no2 p span,
.step_1_1	> ol > li:nth-child(3) > .title.no2 p:before	{color: #FFF;}
.step_1_1	> ol > li:first-child > .title p:after		{background-position: right top;}
.step_1_1	> ol > li:nth-child(3) > .title.no2 p:after,
.step_1_1	> ol > li:last-child > .title p:after		{display: none;}
.step_1_1	> ol > li > ul		{overflow: hidden;}
.step_1_1	> ol > li > ul > li		{position: relative; padding: 0 5px 0 7px; box-sizing: border-box; margin: 2px 0 !important; letter-spacing: -1px;}
.step_1_1	> ol > li > ul > li:before	{content: ""; position: absolute; top: 10px; left: 0; background-color: #2460db; width: 2px; height: 2px;}
.step_1_1	> ol > li > ul.w2 > li		{float: left; width: 50%;}
.step_1_1	> ol > li > ul.w2 > li:last-child	{width: 100%;}
.step_1_1	> ol > li > ul > li	> ul > li	{position: relative; padding-left: 10px; color: #888; font-size:14px;}
.step_1_1	> ol > li > ul > li	> ul > li:before	{content: "-"; position: absolute; top: 0; left: 0;}
.step_1_1	> ol > li:nth-child(2):before,
.step_1_1	> ol > li:nth-child(2):after	{content: ""; position: absolute; bottom: -60px; left: 55%; border: 0.5px dashed #CCC; z-index: -1;}
.step_1_1	> ol > li:nth-child(2):before	{height: 100%;}
.step_1_1	> ol > li:nth-child(2):after	{width: 100%;}
/*tablet*/
body.Tablet .step_1_1 > ol > li	{width: 33.3%;}
body.Tablet .step_1_1 > ol > li:nth-child(3n+1)	{clear: both;}
@media screen and (max-width : 560px) {
  body.Tablet .step_1_1 > ol > li	{width: 50%;}
  body.Tablet .step_1_1 > ol > li:nth-child(3n+1)	{clear: none;}
  body.Tablet .step_1_1 > ol > li:nth-child(4)	{clear: both;}
  body.Tablet .step_1_1 > ol > li:nth-child(2):before, body.Tablet .step_1_1 > ol > li:nth-child(2):after	{bottom: -430px;}
  body.Tablet .step_1_1 > ol > li:nth-child(2):before	{height: 160%;}
  body.Tablet .step_1_1 > ol > li:nth-child(2):after	{width: 55%; left: 0;}
}
/*mobile*/
body.Mobile .step_1_1 > ol > li	{width: 100%;}
body.Mobile .step_1_1 > ol > li > ul,
body.Mobile .step_1_1 > ol > li > div.box {overflow: hidden; min-height: auto; margin-bottom: 10px;}
body.Mobile .step_1_1 > ol > li:nth-child(3) > .title,
body.Mobile .step_1_1 > ol > li:nth-child(3) > ul,
body.Mobile .step_1_1 > ol > li:nth-child(3) > div.box {float: left; width: 75%;}
body.Mobile .step_1_1 > ol > li:nth-child(2):before, body.Mobile .step_1_1 > ol > li:nth-child(2):after		{left: 90%; bottom: -100%;}
body.Mobile .step_1_1 > ol > li:nth-child(2):before		{height: 160%;}
body.Mobile .step_1_1 > ol > li:nth-child(2):after	{width: 90%; left: 0;}


/* Inmate Treatment > Prison Labor&Vocational Training */
.img_pro.part4 > li {width: 25%;}


/* Introduction > Organization > Central Organization */
.org_wrap	{position: relative;}
.org_wrap:after	{content: ""; background-color: #e5e5e5; z-index: 0; position: absolute; width: 2px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -1px;}
.org_wrap .h4,
.org_wrap .h5 	{display: table;  margin: 0 auto 30px auto; text-align: center; padding-left: 30px; position: relative; z-index: 1;}
.org_wrap .h5	{padding: 0 25px 0 0; margin-top: 30px;}
.org_wrap .h4 span,
.org_wrap .h5 span	{width: 214px; height: 186px; display: table-cell; vertical-align: middle; color: #FFF; font-size: 20px; font-weight: 400; padding-right: 30px; background: url("../../images/contents/org_top_bg.png") left top no-repeat; box-sizing: border-box;}
.org_wrap .h5 span	{background: url("../../images/contents/org_top_bg2.png") left top no-repeat; padding: 0 0 0 25px;}
.org_wrap .org_2depth	{position: relative; margin: 30px 0;}
.org_wrap .org_2depth > ul	{overflow: hidden; display: block; margin: 20px auto; text-align: center;}
.org_wrap .org_2depth > ul > li		{float: left; width: 25%; position: relative;}
.org_wrap .org_2depth > ul > li:after	{content: ""; background-color: #cccccc; z-index: 0; position: absolute; width: 100%; height: 1px; top: 30px; left: 20px; margin-top: -1px;}
.org_wrap .org_2depth > ul > li.left	{float: left;}
.org_wrap .org_2depth > ul > li.right	{float: right;}
.org_wrap .org_2depth > ul > li.center	{float: none; margin: 0 auto;}
.org_wrap .org_2depth > ul > li > p	{background-color: #ededed; border-radius: 50px; padding: 15px 10px; color: #054780; font-size: 18px; font-weight: 400; letter-spacing: -1px; margin: 0 20px; position: relative; z-index: 2;}
.org_wrap .org_2depth > ul > li > p.point	{background-color: #054780; color: #FFF;}
.org_wrap .org_2depth > ul > li.right > p	{margin: 0 0 0 40px;}
.org_wrap .org_2depth > ul > li.center > p	{margin: 0;}
.org_wrap .org_2depth > ul > li:last-child:after {display: none;}
.org_wrap .org_2depth > ul > li > .ul_2 {text-align: left; margin: 15px 35px;}
.org_wrap .org_3depth > ul > li > .ul_2 {text-align: left; margin: 15px 25px;}

.org_wrap .h5 + .org_2depth > ul {width: 46%;}
.org_wrap .h5 + .org_2depth > ul > li {width: 50%;}
.org_wrap .h5 + .org_2depth > ul > li:last-child:after {display: block; left: 0;}

.org_wrap .org_3depth	{position: relative; background-color: #FFF; z-index: 3;}
.org_wrap .org_3depth:after	{content: ""; background-color: #cccccc; z-index: 0; position: absolute; width: 80%; height: 1px; top: 0; left: 10%;}
.org_wrap .org_3depth.w4:after	{width: 75%; left: 12.5%;}
.org_wrap .org_3depth.w6:after	{width: 83.3%; left: 8.3%;}
.org_wrap .org_3depth.w7:after	{width: 85.8%; left: 7.2%;}
.org_wrap .org_3depth.w9:after	{width: 89%; left: 5.5%;}
.org_wrap .org_3depth > ul		{text-align: center; width: 100%; position: relative; z-index: 2;}
.org_wrap .org_3depth > ul > li		{display: inline-block; vertical-align: top; width: 20%;  margin-right: -3px;}
.org_wrap .org_3depth.w4 > ul > li		{width: 25%;}
.org_wrap .org_3depth.w6 > ul > li		{width: 16%;}
.org_wrap .org_3depth.w7 > ul > li		{width: 14.24%;}
.org_wrap .org_3depth.w9 > ul > li		{width: 11.12%;}
.org_wrap .org_3depth > ul > li	> dl	{padding-top: 30px; text-align: left; position: relative;}
.org_wrap .org_3depth > ul > li > dl:after,
.org_wrap .org_3depth > ul > li > p:after		{content: ""; background-color: #cccccc; z-index: -1; position: absolute; width: 1px; height: 100%; top: 0; left: 50%; margin-left: -1px;}
.org_wrap .org_3depth > ul > li > p:after	{top: -20px;}
.org_wrap .org_3depth > ul > li	> dl dt		{display: table; border: 13px solid #e5e5e5; border-radius: 100%; background-color: #FFF; width: 100%; max-width: 170px; height: 170px; text-align: center; margin: 0 auto; box-sizing: border-box;}
.org_wrap .org_3depth > ul > li	> dl dt span	{display: table-cell; vertical-align: middle; color: #2460db; font-size: 18px; height: 100%;}
.org_wrap .org_3depth > ul > li	> dl dd		{border: 2px solid #e5e5e5; padding: 15px; border-radius: 10px; background-color: #FFF; margin: 20px auto 0 auto; min-height: 120px; box-sizing: border-box; width: 90%; max-width: 170px; position: relative;}
.org_wrap .org_3depth > ul > li	> dl dd > ul > li	{position: relative; padding-left: 15px !important; margin: 5px 0 !important;}
.org_wrap .org_3depth > ul > li	> dl dd > ul > li:before 	{content: ""; position: absolute; top: 9px; left:0; width: 6px; height: 6px; background-color: #51697c; border-radius: 100%;}
.org_wrap .org_3depth > ul > li > p		{font-size: 16px; letter-spacing: -1px;padding: 15px 0; border-radius: 30px; background-color: #054780; color: #FFF; box-sizing: border-box; margin: 20px auto 0 auto; width: 90%; position: relative;}
.org_wrap .org_3depth.type2 > ul > li > dl > dd		{padding-bottom: 50px;}
.org_wrap .org_3depth.type2 > ul > li > dl > dd > p		{position:absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #333; padding: 10px 0; background-color: #f5f5f5;}
.org_wrap .org_3depth ul.ul_box {margin-top: 30px; position: relative;}
.org_wrap .org_3depth ul.ul_box:after		{content: ""; background-color: #cccccc; z-index: -1; position: absolute; width: 1px; height: 100%; top: -30px; left: 50%; margin-left: -1px;}
.org_wrap .org_3depth ul.ul_box > li {border: 2px solid #e5e5e5; padding: 12px 10px; border-radius: 10px; color: #666666; box-sizing: border-box; margin: 10px auto 0 auto; width: 90%; position: relative; background-color: #fff;}
.org_wrap .org_3depth > ul > li.lineHeight2 > p {line-height: 1; padding: 10px 0 11px;}

/* tablet */
body.Tablet .org_wrap .org_2depth {margin-bottom: 0;}
body.Tablet .org_wrap .org_2depth > ul	{width: 100%; margin-bottom: 0;}
body.Tablet .org_wrap .org_2depth > ul > li {width:50%; height: 160px;}
body.Tablet .org_wrap .org_2depth > ul > li > p {margin: 0 20px 0 0;}
body.Tablet .org_wrap .org_2depth > ul > li:nth-child(even) > p {margin: 0 0 0 20px;}
body.Tablet .org_wrap .org_2depth > ul > li:after {left: 0;}
body.Tablet .org_wrap .org_2depth > ul > li:last-child:after{display: block;}
body.Tablet .org_wrap .org_2depth > ul > li > .ul_2 {height: 80px;}
body.Tablet .org_wrap .org_3depth > ul > li	{width: 50%; float: left;}
body.Tablet .org_wrap .org_3depth:after,
body.Tablet .org_wrap .org_3depth.w4:after,
body.Tablet .org_wrap .org_3depth.w6:after	{width: 50%; left: 25%;}
body.Tablet .org_wrap .org_2depth > ul > li.right > p {margin: 0 0 0 20px;}
/* mobile */
body.Mobile .org_wrap:after,
body.Mobile .org_wrap .org_2depth > ul > li:after,
body.Mobile .org_wrap .org_3depth > ul > li > dl:after, body.Mobile .org_wrap .org_3depth > ul > li > p:after,
body.Mobile .org_wrap .h5 + .org_2depth > ul > li:last-child:after {display: none;}
body.Mobile .org_wrap .org_2depth > ul > li {width: 100%; float: none; margin-bottom: 20px;}
body.Mobile .org_wrap .org_2depth > ul > li:after {display: none;}
body.Mobile .org_wrap .org_2depth	{margin: 0;}
body.Mobile .org_wrap .org_2depth > ul	{width: 100%;}
body.Mobile .org_wrap .org_3depth > ul > li	{width: 100%; float: left;}
body.Mobile .org_wrap .org_2depth > ul > li > p	{font-size: 17px;}
body.Mobile .org_wrap .org_2depth > ul > li.right > p	{margin: 0 20px;}
body.Mobile .org_wrap .org_3depth:after	{display: none;}
body.Mobile .org_wrap .org_3depth > ul > li > dl dd	{max-width: 100%;}
body.Mobile .org_wrap .org_3depth > ul > li > dl dt		{max-width: 140px; height: 140px; border-width: 8px;}

.artclAtchImg {
    display: none;
}

/* 220921_인사말 */
.hqmName{display:block;width:100%;}
.greetingContent .hqmName > p{display:block;width:100%;margin-bottom:10px !important;color:#888;font-size:13px;line-height:1.2;text-align:right;}
.greetingContent .hqmName > p.name{color:#333;font-weight:500;font-size:17px;}