@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: -1px; word-spacing: normal; color: #333;}

.PZwindow {
	border:1px solid #999;
	background-color:#fff;
    position:absolute !important;
	 /* position:fixed !important;*/
    z-index:99999;
	cursor:move;
}

.PZwindow * { 
	font-family: "NotoKR", "Noto Sans", "Malgun Gothic", "맑은고딕", "돋음" !important;
	font-size:1em; 
	line-height:1.5; 
	color:#666;
	/*letter-spacing:-0.07em; */
}
.PZwindow .PZwrap { 
	/*min-width:373px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd;*/
	overflow:hidden; 
}
.PZwindow .nomoreOpen { border-right:1px solid #333; overflow:hidden; }
.PZwindow .nomoreOpen form label { font-size:14px; color:#fff; }
.PZwindow .nomoreOpen form a.PZwindowClose { margin-top:5px; }
.reptxt,.longdesc { width:0; height:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
.PZwindow .btn { padding:10px 20px; display:inline-block; font-weight:bold; color:#fff !important; text-decoration:none; background:url(/sites/moj/images/contents/button_type_02.png) left top repeat; }
.PZwindow .ul_2 { margin-top: 10px; overflow: hidden; }
.PZwindow .ul_2 li { padding-left: 8px; color: #fff; position:relative; }
.PZwindow .ul_2 li::before { content:'·'; position:absolute; top:-1px; left:0; }

body.Mobile	{min-width: 320px;}
.mTitle	{font-size: 20px; color: #474747; font-weight: 400; margin-bottom: 10px;}

.director_wrap	{background: url("../../images/director_bg.jpg") center top no-repeat; background-size: cover; border: 1px solid #d3dde7; word-break: keep-all; text-align: left;}
.director_wrap .wrap	{background: url("../../images/2021director_p.png") right bottom no-repeat; min-height: 328px; padding: 20px; box-sizing: border-box; position: relative;}
.director_wrap h2	{color: #252525; font-size: 20px; font-weight: 400; margin-bottom: 10px; text-transform: uppercase;}
.director_wrap p	{font-size: 14px; color: #6a6a6a; margin-bottom: 10px; font-weight: 200;}
.director_wrap ul	{position: absolute; bottom: 20px; left: 20px;}
.director_wrap ul li	{margin: 4px 0; position: relative;}
.director_wrap ul li a 	{background-color: rgba(22,116,203,0.9); color: #FFF; padding: 3px 7px; font-size: 13px; display: inline-block; min-width: 130px;}
.director_wrap ul li a:after		{content: ""; position: absolute; width: 4px; height: 7px; background: url("../../images/arrow.png") left top no-repeat; top: 10px; right: 7px;}

.quick_01	{background-color: #e6edf3; padding: 15px 20px; min-height: 275px; box-sizing: border-box;}
.quick_01 h2	{font-size: 18px; color: #373737; margin-bottom: 15px; text-align: left; font-weight: 500;}
.quick_01 ul	{overflow: hidden; text-align: center;}
.quick_01 ul li	{width: 49%; display: inline-table; vertical-align: top; text-align: center; word-break: keep-all; margin: 10px 0;}
.quick_01 ul li a	{display: table-cell; vertical-align: top; color: #6f6f6f; font-size: 14px; position: relative; padding: 0 10px; line-height: 1.3;}
.quick_01 ul li a:before	{content: ""; display: block; margin: 0 auto; width: 55px; height: 55px; background: url("../../images/quick_01_icon.png") left top no-repeat;}
.quick_01 ul li a:hover	{color: #213952;}
.quick_01 ul li.icon01 a:before	{background-position: -4px top;}
.quick_01 ul li.icon02 a:before	{background-position: -68px top;}
.quick_01 ul li.icon03 a:before	{background-position: -135px top;}
.quick_01 ul li.icon04 a:before	{background-position: -198px top;}

/*#menu1439_obj55	{overflow: visible; z-index: 999;}*/
.orgSearch	{background: url("../../images/orgSearch_bg.jpg") right bottom no-repeat; background-size: cover; min-height: 275px; padding: 15px 20px; box-sizing: border-box; text-align: center;}
.orgSearch h2	{color: #FFF; font-size: 18px; margin-bottom: 15px; text-align: left;}
.orgSearch > ul > li button	{background-color: rgba(5,71,128,0.6); height: 40px; padding: 0 35px 0 15px; text-align: left; color: #FFF; font-size: 14px; width: 100%; box-sizing: border-box; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.orgSearch > ul > li:nth-child(2) button	{background-color: rgba(75,109,179,0.7);}
.orgSearch > ul > li:nth-child(3) button	{background-color: rgba(81,105,124,0.7);}
.orgSearch > ul > li button:after	{content: ""; background: url("../../images/orgSearch_arrow.png") left top no-repeat; width: 17px; height: 11px; position: absolute; top: 15px; right: 15px; transition: all 0.5s ease;}
.orgSearch > ul > li.on button:after	{transform: translateY(0px) rotate(-180deg);}
.orgSearch > ul > li > ul	{/*height: 62px;*/ height: 102px; background-color: #FFF; overflow: hidden; padding: 10px 15px; display: none; transition: all 0.2s ease;}
.orgSearch > ul > li.on > ul	{display: block;}
.orgSearch > ul > li > ul > li	{text-align: left; float: left; width: 50%;}
.orgSearch > ul > li > ul > li.w100 {width: 100%;}
.orgSearch > ul > li > ul > li a	{color: #494949; font-size: 14px; display: block; padding: 5px 10px 5px 15px; background: url("../../images/orgSearch_b.png") left 12px no-repeat;} 

.quick_02 ul	{overflow: hidden; border: 1px solid #c7c7c7; padding: 20px 15px 10px 15px; text-align: center;}
.quick_02 ul li	{display: inline-table; text-align: center; width: 19%; vertical-align: top; word-break: keep-all; box-sizing: border-box;}
.quick_02 ul li a	{display: table-cell; height: 110px; color: #4a4a4a; font-size: 13px; vertical-align: top; line-height: 1.2; padding: 0 7px;}
.quick_02 ul li a:hover	{text-decoration: underline;}
.quick_02 ul li a:before	{content: ""; background: url("../../images/quick_02_icon.png") left -7px no-repeat; width: 50px; height: 50px; display: block; margin: 0 auto;}
.quick_02.type2 ul li a:before		{background: url("../../images/quick_02_icon_2.png") left -7px no-repeat;}
.quick_02 ul li a.icon01:before	{background-position: -14px -4px;}
.quick_02 ul li a.icon02:before	{background-position: -135px -5px;}
.quick_02 ul li a.icon03:before	{background-position: -257px -4px;}
.quick_02 ul li a.icon04:before	{background-position: -375px -4px;}
.quick_02 ul li a.icon05:before	{background-position: -494px -4px;}
.quick_02 ul li a.icon06:before	{background-position: -14px -62px;}
.quick_02 ul li a.icon07:before	{background-position: -135px -62px;}
.quick_02 ul li a.icon08:before	{background-position: -257px -62px;}
.quick_02 ul li a.icon09:before	{background-position: -375px -62px;}
.quick_02 ul li a.icon10:before	{background-position: -494px -62px;}

.quick_02 ul li:hover a:before {
	animation-name: icon_animation;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@keyframes icon_animation {
  50% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.quick_03		{border: 1px solid #c7c7c7; overflow: hidden; min-height: 275px; box-sizing: border-box;}
.quick_03 h2		{font-size: 18px; color: #373737; border-bottom: 1px solid #c7c7c7; padding: 15px 20px;}
.quick_03 ul li	{float: left; width: 33.3%; vertical-align: top; box-sizing: border-box; padding-right: 3%; box-sizing: border-box; padding: 15px;}
.quick_03 ul li a	{position: relative; word-break: keep-all; text-align: center;}
.quick_03 ul li a:before	{content: ""; display: block; margin: 0 auto 15px auto; background: url("../../images/quick_03_icon.png") left top no-repeat; width: 110px; height: 110px;}
.quick_03 ul li a.icon01:before	{background-position: left top;}
.quick_03 ul li a.icon02:before	{background-position: -110px top;}
.quick_03 ul li a.icon03:before	{background-position: -220px top;}
.quick_03 ul li a p		{font-size: 16px; color: #1674cb; line-height: 1.2; letter-spacing: -1px;}
/* tablet */
body.Tablet .quick_03		{min-height: auto;}
/* mobile */
body.Mobile .quick_03		{min-height: auto;}

.quick_04 ul	{overflow: hidden; border-top: 1px solid #dce0e0; border-left: 1px solid #dce0e0; width: 100%; box-sizing: border-box;}
.quick_04 ul li	{border-right: 1px solid #dce0e0; border-bottom: 1px solid #dce0e0; box-sizing: border-box; float: left; width: 25%; text-align: center; background-color: #f5f9f9; display: inline-table; vertical-align: middle; table-layout: fixed;}
.quick_04 ul li a {color: #505050; font-size: 14px; display: table-cell; padding: 0 10px; height: 98px; vertical-align: middle;}
.quick_04 ul li p	{margin-top: 5px; line-height: 1.2;}
.quick_04 ul li img	{max-width: 100%;}

/******************************************************************************************************************************************* contents *****/
.greetingWrap2.eng  .greetingImg2 {float: right;}
.greetingWrap2.eng .note {font-size: 16px;}
.greetingWrap2.eng .quote {font-size: 24px; text-align: center; margin-bottom: 20px;}
.greetingWrap2.eng .right {float: left;}
.greetingWrap2.eng .nameTag {font-style: italic;}
.greetingWrap2.eng .imgWrap .imgBox {margin-bottom: 40px;}
.greetingWrap2.eng .clear {clear: both;}
.imgWrap	{overflow: hidden; display: table-cell; vertical-align: top;}
.imgWrap .imgArea {float: left;}
.imgWrap .imgBox	{border: 10px solid transparent; border-image: url("../../images/contents/img_shadow.png") 10 round; text-align: center; margin-right: 40px;}
.imgWrap .imgBox > img	{margin: -10px 0 0 -10px;}
.imgWrap .ul_1,
.imgWrap .rightArea {display: table-cell;}
.imgWrap .rightArea dl {margin-bottom: 50px;}
body.Tablet .imgWrap .imgBox {margin-bottom: 20px;}
body.Tablet .imgWrap .imgBox > img,
body.Mobile .imgWrap .imgBox > img {width: 100%;}
body.Tablet .imgWrap .ul_1,
body.Tablet .imgWrap .rightArea {display: block; clear: both;}

#_moj_introduction ._prFlList ._prFlLi .artclInfo				{width: 100%; float: none;}
#_moj_introduction ._prFlList ._prFlLi .artclInfo dl dt			{width: auto; min-width: 63px;}
._moj_intView ._prFlDetail dt								{padding: 12px 5px;}
._moj_intView ._prFlDetail dd ul li							{display: table; width: 100%;}
._moj_intView ._prFlDetail dd ul li span				{width: 20%; float: none; display: table-cell; vertical-align: middle; padding: 0 5px; min-width: 90px;}
._moj_intView ._prFlDetail dd ul li p						{width: 80%;  float: none; display: table-cell; vertical-align: middle;}

.intro_text			{}
.intro_text	p		{margin-bottom: 25px;}
.intro_text .title			{position: relative; text-align: center; color: #2c2f35; font-size: 24px;}
.intro_text .title:before,
.intro_text .title:after	{color: #e5e5e5; font-size: 60px; font-weight: 300; display: inline-block; line-height: 0.4; vertical-align: bottom;}
.intro_text .title:before	{content:'“'; margin-right: 10px;}
.intro_text .title:after	{content: '”'; line-height: 0.3; margin-left: 10px;}
.intro_text .title strong		{color: #2460db; font-size: 24px;}

.moj_vision_wrap .head p				{font-weight: 300; padding: 0 70px;}
.moj_vision_wrap > ul:before,
.moj_vision_wrap > ul:after				{content: ""; position: absolute; background-color: #e5e5e5; z-index: 1; top: 0; left: 50%; height: 80%; width: 2px;}
.moj_vision_wrap > ul:before		{transform: translateX(-145px) rotate(-132deg);}
.moj_vision_wrap > ul:after				{transform: translateX(145px) rotate(132deg);}
.moj_vision_wrap > ul > li					{width: 210px; height: 210px; max-width: 210px;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(1)		{top: 55px; right: 0;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(2)		{top: 50%; right: 10%; bottom: auto; left: auto;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(3)		{bottom: 0; left: 50%; margin-left: -100px !important; top: auto;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(4)		{top: 50%; left: 10%;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(5)		{top: 55px; left: 0;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(1):before	{top: 50%; left: 0; margin: -8px 0 0 -8px;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(2):before	{top: 11%; left: 14%;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(3):before	{top: -9px; left: 50%; right: auto; margin: 0 0 0 -13px;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(4):before	{top: 11%; right: 9%; left: auto;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(5):before	{top: 50%; left: auto; right: 0; margin: -8px -8px 0 0;}
/**/
body.Tablet .moj_vision_wrap > ul:before,
body.Tablet .moj_vision_wrap > ul:after	{display: none;}
body.Mobile .moj_vision_wrap .head p		{font-size: 14px; padding: 0 50px;}
body.Mobile .moj_vision_wrap > ul:before,
body.Mobile .moj_vision_wrap > ul:after	{display: none;}

.moj_org_wrap .org_2depth > ul{width:60%;;}
.moj_org_wrap .org_3depth.w2:after				{width: 52%; left: 24%;}
.moj_org_wrap .org_3depth > ul > li:nth-child(1)		{padding-right: 2%;}
.moj_org_wrap .org_3depth > ul > li:nth-child(2)		{padding-left: 2%;}
.moj_org_wrap .org_3depth > ul > li:nth-child(2) > p		{background-color: #25a1db;}
.moj_org_wrap .org_3depth > ul > li > p span			{color: #FFF; display: table-cell; vertical-align: middle; height: 52px;}
.moj_org_wrap .org_3depth > ul > li > ul 					{position: relative;}
.moj_org_wrap .org_3depth > ul > li > ul:before			{content: ""; position: absolute; top: -20px; left: 50%; background-color: #CCC; width: 1px; height: 100%; z-index: 1;}
.moj_org_wrap .org_3depth > ul > li > ul > li				{background-color: #FFF; border: 2px solid #e5e5e5; border-radius: 10px; margin-top: 20px !important; padding: 15px; position: relative; z-index: 2;}
.moj_org_wrap .org_3depth > ul > li > ul > li > p		{color: #054780; width: 100%; text-align: left; padding: 0;}
.moj_org_wrap .org_3depth > ul > li:nth-child(2) > ul > li > p		{color: #25a1db;}
.moj_org_wrap .org_3depth > ul > li > ul > li > p:after		{display: none;}
.moj_org_wrap .org_3depth > ul > li > ul > li > ul			{width: 100%;}
/* tablet */
body.Tablet .moj_org_wrap .org_3depth.w2:after				{width: 52%; left: 24%;}
body.Tablet .moj_org_wrap .org_3depth > ul > li			{width: 48%;}
/* mobile */
body.Mobile .moj_org_wrap .org_2depth > ul > li.right{float:none; width:100%; margin-bottom:15px;}
body.Mobile .moj_org_wrap .org_2depth > ul > li.right > p{margin:0;}
body.Mobile .moj_org_wrap .org_2depth > ul > li:after{display:none;}
body.Mobile .moj_org_wrap .org_3depth > ul > li:nth-child(1),
body.Mobile .moj_org_wrap .org_3depth > ul > li:nth-child(2)		{padding: 0;}
body.Mobile .moj_org_wrap .org_3depth > ul > li:nth-child(1) > p			{margin: 0;}

.step_2_1	{text-align: center; overflow: hidden; position: relative;}
.step_2_1 > ol	{display: initial !important; padding-left: 0 !important;}
.step_2_1 > ol > li		{display: inline-table !important; vertical-align: top; position: relative; box-sizing: border-box; padding: 0 3.5% !important; margin-top: 15px !important; max-width: 185px;}
.step_2_1.num > ol > li:after {content: '';display: block; position: absolute; top: 88px; right: -5%;width: 30px; height: 20px;	background: url('/sites/moj/images/contents/step_2_arrow.png') -20px center no-repeat; 	z-index: 4;}
body.Desktop .step_2_1.num > ol > li:nth-child(4n+4):after,
.step_2_1.num > ol > li:last-child:after	{display: none;}
.step_2_1 > ol > li > p {display: inline-table; vertical-align: top; width: 185px; border: 10px solid #e5e5e5; border-radius: 100%; box-sizing: border-box; position: relative;}
.step_2_1.num > ol > li > p:before,
.step_2_2 > ol > li > div:before	{content: '01'; display: block; position: absolute; top: 20px; left: 20px; color: #e5e5e5; font-size: 48px; font-weight: 500; z-index: 4; line-height: 1.1; -webkit-margin-before: -10px; -webkit-margin-start: -10px; letter-spacing: -0.08em;}
.step_2_1.num > ol > li:nth-child(2) > p:before,
.step_2_2 > ol > li:nth-child(2) > div:before	{content: '02';}
.step_2_1.num > ol > li:nth-child(3) > p:before,
.step_2_2 > ol > li:nth-child(3) > div:before	{content: '03';}
.step_2_1.num > ol > li:nth-child(4) > p:before,
.step_2_2 > ol > li:nth-child(4) > div:before	{content: '04';}
.step_2_1.num > ol > li:nth-child(5) > p:before,
.step_2_2 > ol > li:nth-child(5) > div:before	{content: '05';}
.step_2_1.num > ol > li:nth-child(6) > p:before,
.step_2_2 > ol > li:nth-child(6) > div:before	{content: '06';}
.step_2_1.num > ol > li:nth-child(7) > p:before,
.step_2_2 > ol > li:nth-child(7) > div:before	{content: '07';}
.step_2_1.num > ol > li:nth-child(8) > p:before,
.step_2_2 > ol > li:nth-child(8) > div:before	{content: '08';}
.step_2_1.num > ol > li:nth-child(9) > p:before,
.step_2_2 > ol > li:nth-child(9) > div:before	{content: '09';}
.step_2_1.num > ol > li:nth-child(10) > p:before,
.step_2_2 > ol > li:nth-child(10) > div:before	{content: '10';}
.step_2_1 > ol > li > p:after,
.step_2_2 > ol > li > div:after	{content: ''; display: block;	position: absolute; top: 35px; left: 135px;	width: 12px; height: 33px; background-color: #e5e5e5; transform: skewX(-45deg); z-index: 4; -webkit-margin-before: -10px; -webkit-margin-start: -10px;}
.step_2_1 > ol > li > p span	{display: table-cell; vertical-align: middle; height: 165px; background-color: #FFF; border-radius: 100%; color: #a0a0a0; font-size: 20px; position: relative; box-sizing: border-box; padding-top: 10px; word-break: keep-all;}
.step_2_1 > ol > li > p span em		{color: #a0a0a0; font-size: 16px; display: block;}
.step_2_1.num > ol > li > p span:before,
.step_2_1.num > ol > li > p span:after		{content: ""; position: absolute; top: 80px; width: 16px; height: 16px; background-color: #e5e5e5; border: 3px solid #fff; border-radius: 100%; box-sizing: border-box; z-index: 4;}
.step_2_1.num > ol > li > p span:before		{left: -16px;}
.step_2_1.num > ol > li > p span:after		{right: -16px;}
.step_2_1 > ol > li:first-child > p span:before,
.step_2_1 > ol > li:last-child > p span:after{display: none;}
.step_2_1 > ol > li .list	{background-color: #FFF; border: 2px solid #e5e5e5; border-radius: 10px; padding: 15px; margin-top: 20px; margin-left: -10%; text-align: left; position: relative; width: 120%; box-sizing: border-box; word-break: keep-all; min-height: 150px;}
.step_2_1 > ol.h90 > li .list		{min-height: 90px;}
.step_2_1 > ol > li .list:before	{content: ""; position: absolute; top: -23px; left: 50%; margin-left: -1px; width: 2px; height: 100%; z-index: -1; background-color: #e5e5e5;}
.step_2_1 > ol > li .list .title	{color: #054780; font-size: 18px; margin-bottom: 10px; font-weight: 400;}
.step_2_1 > ol > li .list > ul > li,
.step_2_2 > ol > li > div > ul > li		{position: relative; padding-left: 15px !important; margin: 5px 0 !important;}
.step_2_1 > ol > li .list > ul > li:before,
.step_2_2 > ol > li > div > ul > li:before 	{content: ""; position: absolute; top: 9px; left:0; width: 6px; height: 6px; background-color: #51697c; border-radius: 100%;}
.step_2_1 > ol > li .list > ul > li > ul > li,
.step_2_2 > ol > li > div > ul > li > ul > li	{position: relative; padding-left: 10px; margin: 5px 0 !important;}
.step_2_1 > ol > li .list > ul > li > ul > li:before,
.step_2_2 > ol > li > div > ul > li > ul > li:before	{content: "-"; position: absolute; top: 0; left:0;}
.step_2_1.orgType:before	{content: ""; position: absolute; top: 0; left: 12.5%; width: 75%; height: 2px; background-color: #e5e5e5;}
.step_2_1.orgType > ol	{overflow: hidden;}
.step_2_1.orgType > ol > li		{float: left; position: relative; margin-top: 0 !important; padding: 50px 3.5% 0 3.5% !important; max-width: 28%; width: 25%;}
.step_2_1.orgType > ol > li:before	{content: ""; position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background-color: #e5e5e5; margin-left: -1px;}
.step_2_1.orgType > ol > li:after,
.step_2_1.orgType > ol > li > p span:after	{display: none;}
.step_2_1.orgType > ol > li .list	{min-height: 190px;}
.step_2_1.orgType > ol > li > p span:before		{top: -13px; left: 50%; margin-left: -8px;}
.step_2_1.orgType > ol > li:first-child > p span:before	{display: block;}
/* tablet */
body.Tablet .step_2_1 > ol > li .list	{width: 100%; margin-left: 0;}
body.Tablet .step_2_1 > ol > li > p		{width: 165px;}
body.Tablet .step_2_1 > ol > li > p:before	{font-size: 40px;}
body.Tablet .step_2_1 > ol > li > p:after	{left: 125px; height: 23px;}
body.Tablet .step_2_1 > ol > li > p span	{height: 145px;}
body.Tablet .step_2_1.num > ol > li > p span:before, body.Tablet .step_2_1 > ol > li > p span:after	{top: 70px;}
body.Tablet .step_2_1.num > ol > li:after	{top: 78px;}
body.Tablet .step_2_1.orgType > ol > li 	{width: 33.3%; max-width: 33.3%;}
body.Tablet .step_2_1.orgType > ol > li > p span:before		{top: -13px;}
body.Tablet .step_2_1.orgType:before	{left: 16.7%; width: 66.5%;}
@media screen and (max-width : 730px) {
  body.Tablet .step_2_1.orgType > ol > li	{width: 49%; max-width: 49%; float: none;}
  body.Tablet .step_2_1.orgType:before	{left: 25.5%; width: 49%;}
}
/* mobile */
body.Mobile .step_2_1 > ol > li		{display: list-item !important; padding: 0 0 55px 0 !important; max-width: 100%;}
body.Mobile .step_2_1 > ol > li:after		{right: auto; left: 50%; transform: translateY(0px) rotate(-270deg); margin-left: -15px; top: auto; bottom: 10px;}
body.Mobile .step_2_1 > ol > li .list	{padding: 5px 10px; width: 100%; margin-left: 0; min-height: auto;}
body.Mobile .step_2_1 > ol > li > p		{width: 165px;}
body.Mobile .step_2_1 > ol > li > p:before	{font-size: 40px;}
body.Mobile .step_2_1 > ol > li > p:after	{left: 125px; height: 23px;}
body.Mobile .step_2_1 > ol > li > p span	{height: 145px; word-break: keep-all;}
body.Mobile .step_2_1.num > ol > li > p span:before, body.Mobile .step_2_1.num > ol > li > p span:after	{top: 70px;}
body.Mobile .step_2_1.orgType > ol > li		{float: none; padding: 0 0 30px 0 !important; width: 100%; max-width: 100%;}
body.Mobile .step_2_1.orgType > ol > li > p span:before, body.Mobile .step_2_1.orgType > ol > li > p span:after	{top: -13px;}
body.Mobile .step_2_1.orgType:before,
body.Mobile .step_2_1.orgType > ol > li:nth-child(4n+4):after	{display: none;}
body.Mobile .step_2_1 > ol > li:last-child	{padding: 0 !important;}

.step_2_2	{overflow: hidden; word-break: keep-all; text-align: left;}
.step_2_2 > ol	{padding-left: 0 !important; width: 104%;}
.step_2_2 > ol > li		{float:left; position: relative; box-sizing: border-box; margin-right: 4%; margin-bottom: 50px !important; width: 29.3%; min-height: 260px; border: 5px solid #e5e5e5; border-radius: 50px; list-style: none !important;}
.step_2_2.h160 > ol > li		{min-height: 160px;}
.step_2_2 > ol > li:before	{content: ""; position: absolute; top: 50%; right: -45px; background: url('/sites/moj/images/contents/step_2_arrow.png') left center no-repeat; width: 50px; height: 20px; z-index: 5; margin-top: -10px;}
.step_2_2 > ol > li:after	{content: ""; position: absolute; top: 50%; left: -10px; width: 16px; height: 16px; background-color: #e5e5e5; border: 3px solid #fff; border-radius: 100%; box-sizing: border-box; z-index: 4; margin-top: -8px;}
.step_2_2 > ol > li > div	{position: relative; padding: 40px 20px 10px 40px; overflow: hidden; vertical-align: top; border-radius: 40px;}
.step_2_2 > ol > li > div:before	{left: 0; top: 10px; -webkit-margin-before: 0; -webkit-margin-start: -2px; z-index: 0;}
.step_2_2 > ol > li > div:after	{left: auto; right: 5%; top: 15px; -webkit-margin-before:0; -webkit-margin-start: 0;}
.step_2_2 > ol > li > div .title {font-size: 20px; color: #2460db; margin-bottom: 10px; z-index: 1; position: relative; font-weight: 400;}
/* desktop */
body.Desktop .step_2_2 > ol > li:nth-child(6n+4), body.Desktop .step_2_2 > ol > li:nth-child(6n+5), body.Desktop .step_2_2 > ol > li:nth-child(6n+6)  {float: right;}
body.Desktop .step_2_2 > ol > li:nth-child(6n+4):before, body.Desktop .step_2_2 > ol > li:nth-child(6n+5):before, body.Desktop .step_2_2 > ol > li:nth-child(6n+6):before		{transform: translateY(0px) rotate(-180deg); left: -45px;}
body.Desktop .step_2_2 > ol > li:nth-child(6n+4):after, body.Desktop .step_2_2 > ol > li:nth-child(6n+5):after, body.Desktop .step_2_2 > ol > li:nth-child(6n+6):after		{left: auto; right: -10px;}
body.Desktop .step_2_2 > ol > li:nth-child(3n+3):before 	{transform: translateY(0px) rotate(-270deg); margin-left: -25px;left: 50%;top: auto;bottom: -40px;}
body.Desktop .step_2_2 > ol > li:nth-child(9n+9)	{margin-right: 0;}
body.Desktop .step_2_2 > ol > li:last-child:before,
body.Desktop .step_2_2 > ol > li:nth-child(3n+1):after	{display: none;}
body.Desktop .step_2_2 > ol > li:nth-child(3n+1)	{clear: both;}
/* tablet */
body.Tablet .step_2_2 > ol	{width: 107.5%;}
body.Tablet .step_2_2 > ol > li	{width: 43%; margin-right: 7%;}
body.Tablet .step_2_2 > ol > li:nth-child(4n+3), body.Tablet .step_2_2 > ol > li:nth-child(4n+4)  {float: right;}
body.Tablet .step_2_2 > ol > li:nth-child(4n+3):before, body.Tablet .step_2_2 > ol > li:nth-child(4n+4):before		{transform: translateY(0px) rotate(-180deg); left: -45px;}
body.Tablet .step_2_2 > ol > li:nth-child(4n+3):after, body.Tablet .step_2_2 > ol > li:nth-child(4n+4):after		{left: auto; right: -10px;}
body.Tablet .step_2_2 > ol > li:nth-child(2n+2):before 	{transform: translateY(0px) rotate(-270deg); margin-left: -25px;left: 50%;top: auto;bottom: -30px;}
body.Tablet .step_2_2 > ol > li:last-child:before,
body.Tablet .step_2_2 > ol > li:nth-child(2n+1):after	{display: none;}
body.Tablet .step_2_2 > ol > li:nth-child(2n+1)	{clear: both;}
body.Tablet .step_2_2 > ol > li:last-child	{margin-right: 7%;}
body.Tablet .step_2_2 > ol > li > div:after		{right: 3%;}
body.Tablet .step_2_2 > ol > li > div	{position: relative; padding: 40px 20px 10px 40px; overflow: hidden; vertical-align: top; border-radius: 40px;}
body.Tablet .step_2_2 > ol > li > div:before	{left: 0; top: 10px; -webkit-margin-before: 0; -webkit-margin-start: -2px; z-index: 0;}
body.Tablet .step_2_2 > ol > li > div:after	{left: auto; right: 5%; top: 15px; -webkit-margin-before:0; -webkit-margin-start: 0;}
body.Tablet .step_2_2 > ol > li > div .title {font-size: 20px; color: #2460db; margin-bottom: 10px; z-index: 1; position: relative; font-weight: 400;}
/* mobile */
body.Mobile .step_2_2 > ol	{width: 100%;}
body.Mobile .step_2_2 > ol > li		{width: 100%; margin-right: 0; min-height: auto; margin-bottom: 60px !important;}
body.Mobile .step_2_2 > ol > li:before	{top: auto; bottom: -40px; right: auto; left: 50%; margin-left: -25px; transform:translateY(0px) rotate(-270deg);}
body.Mobile .step_2_2 > ol > li:after	{top: -10px; left: 50%; margin-left: -8px;}
body.Mobile .step_2_2 > ol > li:first-child:after,
body.Mobile .step_2_2 > ol > li:last-child:before	{display: none;}
body.Mobile .step_2_2 > ol > li > div	{padding: 40px 30px 30px;}
body.Mobile .step_2_2 > ol > li > div	{position: relative; padding: 40px 20px 10px 40px; overflow: hidden; vertical-align: top; border-radius: 40px;}
body.Mobile .step_2_2 > ol > li > div:before	{left: 0; top: 10px; -webkit-margin-before: 0; -webkit-margin-start: -2px; z-index: 0;}
body.Mobile .step_2_2 > ol > li > div:after	{left: auto; right: 5%; top: 15px; -webkit-margin-before:0; -webkit-margin-start: 0;}
body.Mobile .step_2_2 > ol > li > div .title {font-size: 20px; color: #2460db; margin-bottom: 10px; z-index: 1; position: relative; font-weight: 400;}

.step_1_1		{overflow: hidden;}
.step_1_1 > ol	{padding-left: 0 !important; overflow: hidden; width: 106%; word-break: keep-all;}
.step_1_1 > ol > li	{position: relative; list-style: none !important; padding: 0 6% 0 0; margin: 0 0 80px 0 !important; float: left; width: 33.3%; box-sizing: border-box;}
.step_1_1 > ol > li:after		{content: ""; position: absolute; top: 60px; right: 10px; background: url("../../images/arrow_2.png") right top no-repeat; width: 45px; height: 9px;}
.step_1_1 > ol > li > .title	{background-color: #51697c; text-align: center; min-height: 120px; border-radius: 10px; display: table; width: 95%; box-sizing: border-box; padding: 25px 40px; position: relative; z-index: 2;}
.step_1_1 > ol > li:nth-child(even) > .title		{background-color: #4c93b4;}
.step_1_1 > ol > li > .title p	{position: relative; color: #FFF; font-size: 18px; display: table-cell; vertical-align: middle; font-style: italic;}
.step_1_1 > ol > li > p		{border: 1px solid #a8b4bd; border-radius: 10px; padding: 100px 5px 5px; margin: -85px 0px 0 10px; text-align: center; box-sizing: border-box; min-height: 145px; background-color: #FFF; }
.step_1_1 > ol > li:nth-child(even) > p		{border-color: #4c93b4;}
.step_1_1 > ol > li:last-child:after		{display: none;}
/*desktop*/
body.Desktop .step_1_1 > ol > li:nth-child(3n+1)		{clear: both;}
body.Desktop .step_1_1 > ol > li:nth-child(6n+4),
body.Desktop .step_1_1 > ol > li:nth-child(6n+5),
body.Desktop .step_1_1 > ol > li:nth-child(6n+6)		{float: right;}
body.Desktop .step_1_1 > ol > li:nth-child(3n+3):after				{transform: translateY(0px) rotate(-270deg); margin-left: -55px;left: 50%;top: auto;bottom: -35px;}
body.Desktop .step_1_1 > ol > li:nth-child(6n+4):after,
body.Desktop .step_1_1 > ol > li:nth-child(6n+5):after,
body.Desktop .step_1_1 > ol > li:nth-child(6n+6):after				{transform: translateX(-2px) rotate(-180deg); left: -58px; right: auto;}
/*tablet*/
body.Tablet .step_1_1 > ol > li	{width: 50%; margin: 0 0 50px 0 !important;}
body.Tablet .step_1_1 > ol > li:after		{width: 25px;}
body.Tablet .step_1_1 > ol > li:nth-child(2n+1)		{clear: both;}
body.Tablet .step_1_1 > ol > li:nth-child(4n+3),
body.Tablet .step_1_1 > ol > li:nth-child(4n+4)		{float: right;}
body.Tablet .step_1_1 > ol > li:nth-child(2n+2):after		{transform: translateY(0px) rotate(-270deg); margin-left: -30px;left: 50%;top: auto;bottom: -25px;}
body.Tablet .step_1_1 > ol > li:nth-child(4n+3):after		{transform: translateX(-2px) rotate(-180deg); left: -33px; right: auto;}
/*mobile*/
body.Mobile .step_1_1 > ol			{width: 100%;}
body.Mobile .step_1_1 > ol > li	{width: 100%; padding: 0; margin: 0 0 65px 0 !important;}
body.Mobile .step_1_1 > ol > li:last-child			{margin: 0 !important;}
body.Mobile .step_1_1 > ol > li:after		{transform: translateY(0px) rotate(-270deg); margin-left: -15px;left: 50%;top: auto;bottom: -35px;}
body.Mobile .step_1_1 > ol > li > ul	{min-height: auto; margin-bottom: 10px;}

/* vision */
.moj_vision_wrap {margin-bottom: 10px;}
.moj_vision_wrap:before {height: 80%;}
.moj_vision_wrap li div {position: relative;}
.moj_vision_wrap li div:before {
	content: ''; position: absolute; width: 112px; height: 115px; background: url('../../images/vision_list_circle.png') left top no-repeat;
}
.moj_vision_wrap li.li01 div:before {bottom: -20px; right: -19px;transform: rotate(-90deg);}
.moj_vision_wrap li.li02 div:before {top: 13px;right: -39px;transform: rotate(-152deg);}
.moj_vision_wrap li.li03 div:before {bottom: -45px;left: 19.5%;transform: rotate(-45deg);}
.moj_vision_wrap li.li04 div:before {top: 15px;left: -40px;transform: rotate(61deg);}
.moj_vision_wrap li.li05 div:before {bottom: -20px;left: -19px;}
.moj_vision_wrap > ul > li > div > dl dd {font-size: 13px;}

/* 간격 */
.marB20 {margin-bottom: 20px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB50 {margin-bottom: 50px !important;}

/* 찾아오시는 길 */
.mapApi {border: 1px solid #d9dee2; border-bottom: 0; height: 475px; box-sizing: border-box;}
.map_info {border: 1px solid #d9dee2;background-color: #f7f7f7; position: relative; box-sizing:border-box; padding: 17px 40px; }
.map_info ul {overflow: hidden;}
.map_info ul li {
	overflow: hidden; position: relative;
	float: left; width: 50%; min-height: 70px;
	padding-top: 23px; padding-left: 95px; box-sizing: border-box;
}
.map_info ul li dl {float: left; display: table; line-height: 1.9;}
.map_info ul li dl dt,
.map_info ul li dl dd {display: table-cell; padding-right: 10px; box-sizing: border-box;}
.map_info ul li dl dt {position: relative;}
.map_info ul li dl dt:after {content: ':'; margin-right: 3px; position: absolute; top: 0; right: 0;}
.map_info ul li:before {
	content: '';position: absolute; top: 0; left: 0;
	width: 70px; height: 70px;
	background: url('/sites/moj/images/contents/map_info.png') left top no-repeat;
}
.map_info ul li.numb:before {background-position: right top;}

body.Mobile .map_info ul li {float: none; width: 100%;}
body.Mobile .map_info ul li dl {display: block;}
body.Mobile .map_info ul li dl dt, body.Mobile .map_info ul li dl dd {display: inline-block;}
body.Mobile .map_info ul li {padding-left: 0;}
body.Mobile .map_info ul li:before {display: none; }
body.Mobile .mapTab ul li {width: 100%; float: none;}
body.Mobile .mapWrap.serveral .mapApi{float: left; width: 40.8%; height: 320px; border-bottom: 1px solid #d9dee2;}

/* 찾아오시는 길 2 */
.mapWrap.several {overflow: hidden;}
.mapWrap.several .mapApi {float: left; width: 40.8%; height: 550px; border-bottom: 1px solid #d9dee2;}
.mapWrap.several .mapEdit {float: right; width: 56.4%;}
.several .mapContent {overflow-y: auto; overflow-x: hidden; max-height: 378px; background: url('/sites/moj/images/contents/map_bg.png') right bottom no-repeat;}
.mapTab {border-bottom: 2px solid #00498d; margin-bottom: 25px;}
.mapTab ul {overflow: hidden; margin-bottom: 5px;}
.mapTab ul li {float: left; width: 32.2%; margin-right: 1.7%; margin-bottom: 20px;}
.mapTab ul li:nth-child(3n) {margin-right: 0;}
.mapTab ul li button {color: #666666; text-align: center; width: 100%; height: 50px;  border: 1px solid #dddddd; box-sizing: border-box; padding: 0 10px;}
.mapTab ul li button:hover,
.mapTab ul li button.on {color: #fff; background: url('/sites/moj/images/contents/map_btn.png') left top repeat-x; border: 0;}
.mapWrap.several .subway, .mapWrap.several  .bus, .mapWrap.several  .car {margin-bottom: 30px;}
.mapWrap.several .objHeading_h4 + p.marB30 {padding-left: 25px;}
.mapWrap.several .title,
.mapWrap.several .map_info ul li dl dt,
.mapWrap.several #mapContent .objHeading_h3.block {float: none; width: 100%; background: none; height: auto; box-shadow: none;
	text-align: left; font-size: 16px !important; color: #2460db; padding: 0 0 0 25px; background: url('/sites/moj/images/contents/objHeading_h4.png') left 4px no-repeat;
}
.mapWrap.several .title:before {display: none; }
.mapWrap.several .substance {float: none; width: 100%; border-top: 0; padding-left: 25px;}
.mapWrap.several .substance ul li {border: 0; padding: 12px 0;}

.mapWrap.several  #mapContent .objHeading_h3.block {display: block;}
.mapWrap.several  #mapContent .objHeading_h3.block + p.marB50 {padding-left: 25px;}
.mapWrap.several  #mapContent .objHeading_h3 {display: none;}
.mapWrap.several  #mapContent .map_info {border: 0; background-color: transparent; padding: 0; }
.mapWrap.several  #mapContent .map_info ul li {float: none; width: 100%; padding: 0;}
.mapWrap.several  #mapContent .map_info ul li.addr {margin-bottom: 30px;}
.mapWrap.several  #mapContent .map_info:before,
.mapWrap.several  #mapContent .map_info ul li:before,
.mapWrap.several  #mapContent .map_info ul li dl dt:after {display: none;}
.mapWrap.several  #mapContent .map_info ul li dl {line-height: 1.6;}
.mapWrap.several  #mapContent .map_info ul li dl dt,
.mapWrap.several  #mapContent .map_info ul li dl dd {display: block;}
.mapWrap.several  #mapContent .map_info ul li dl dd {padding-left: 25px;}

.mapWrap.several  #mapContent .marB50 {margin-bottom: 30px !important;}

body.Mobile .mapWrap.several  .title {width: 100%; margin-bottom: 0;}

body.Tablet .mapWrap.several  .bus .substance ul li,
body.Mobile .mapWrap.several  .bus .substance ul li {padding: 12px 0; border-bottom:0;}
body.Tablet .mapWrap.several  .bus .substance ul li dl,
body.Mobile .mapWrap.several  .bus .substance ul li dl {padding: 0;border-bottom: 0;}

body.Tablet .mapWrap.several  .mapApi,
body.Mobile .mapWrap.several  .mapApi {margin-bottom: 30px; height: 320px;}
body.Tablet .mapWrap.several  .mapApi,
body.Tablet .mapWrap.several  .mapEdit,
body.Mobile .mapWrap.several  .mapApi,
body.Mobile .mapWrap.several  .mapEdit {float: none; width: 100%;}

/* 온라인서비스 */
.olsWrap{display:inline-block;position:relative;max-width:283px;width:100%;padding-bottom:30px;border-left:1px solid #ededed;border-right:1px solid #ededed;vertical-align:top;box-sizing:border-box;}
.olsWrap h2{margin-bottom:23px;padding-top:29px;text-align:center;font-size:19px;font-weight:600;color:#222;}
.olsWrap .olsCont{margin-right:21px;}
.olsWrap ul{overflow:hidden;}
.olsWrap li{float:left;width:calc(50% - 15px);margin-left:15px;margin-top:26px;}
.olsWrap li:nth-child(3), .olsWrap li:nth-child(4){margin-top:25px !important;}
.olsWrap li span:first-child{display:block;width:95px;height:92px;margin:0 auto;text-align:center;border-radius:19px 17px;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.05);}
.olsWrap li .icoBox01{background:#fff url("/sites/immigration_eng/images/newmain/ico_qk01.png") no-repeat;}
.olsWrap li .icoBox02{background:#fff url("/sites/immigration_eng/images/newmain/ico_qk02.png") no-repeat;}
.olsWrap li .icoBox03{background:#fff url("/sites/immigration_eng/images/newmain/ico_qk03.png") no-repeat;}
.olsWrap li .icoBox04{background:#fff url("/sites/immigration_eng/images/newmain/ico_qk04.png") no-repeat;}
.olsWrap li .txt{display:block;width:100%;margin-top:7px;font-size:14px;line-height:1.4;color:#262626;text-align:center;}

/* 페이스북 */
._facdBkWrap{display:inline-block;vertical-align:top;}
._facdBkWrap .sns_wrap{position:relative;display:block;max-width:318px;width:100%;margin-left:21px;padding-top:29px;padding-bottom:30px;}
._facdBkWrap .sns_wrap .mTitle{display:block;height:40px;margin-bottom:0;padding-left:15px;background:#00357e;font-size:18px;font-weight:600;color:#fff;line-height:40px;border-radius:11px 11px 0 0;}
._facdBkWrap .sns_txt{display:block;height:291px;overflow-y:auto;background:#f6f6f6;}
._facdBkWrap .sns_txt li{display:block;margin-left:9px;padding:9px 0 8px 0;}
._facdBkWrap .sns_txt li > a{}
._facdBkWrap .sns_txt li > a > strong,
._facdBkWrap .sns_txt li > a > span{display:block;}
._facdBkWrap .sns_txt li > a > strong{position:relative;top:0;left:0;padding-left:61px;padding-right:15px;padding-bottom:10px;background:url("/sites/immigration_eng/images/newmain/bi.png") 20px 0 no-repeat;font-size:14px;font-weight:500;color:#262626;}
._facdBkWrap .sns_txt li > a > strong:before{content:'';position:absolute;top:9px;left:0;display:block;width:7px;height:7px;border:4px solid #3281d7;border-radius:50% 50%;}
._facdBkWrap .sns_txt li > a > span.date{padding-right:15px;color:#666;font-size:12px;text-align:right;}
._facdBkWrap .sns_txt li > a > span.txt{margin-top:9px;padding-right:15px;}
._facdBkWrap .btnMore{position:absolute;top:0;right:0;text-indent:-9999em;}
._facdBkWrap .btnMore:before{content:'';position:absolute;top:40px;right:19px;width:3px;height:13px;background:#fff;}
._facdBkWrap .btnMore:after{content:'';position:absolute;top:45px;right:14px;width:13px;height:3px;background:#fff;}

.visasContentWrap{clear:both;position:relative;display:block;max-width:1200px;width:100%;margin:0 auto 0;padding:25px 31px 27px 31px;background:#fff;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.05);box-sizing:border-box;border-radius:24px 24px;}
.visasContentWrap .visaBox{overflow:hidden;}
.visasContentWrap .visaBox .contTit{display:block;width:auto;padding-left:21px;color:#272727;font-size:24px;font-weight:900;line-height:1.2;}
.visasContentWrap .visaBox ul{overflow:hidden;display:block;width:100%;margin-top:21px;}
.visasContentWrap .visaBox ul li{float:left;display:block;width:calc(100% / 9);}
.visasContentWrap .visaBox ul li a{display:block;}
.visasContentWrap .visaBox ul li span{}
.visasContentWrap .visaBox ul li span:first-child{display:block;width:85px;height:85px;margin:0 auto;border-radius:50% 50%;}
.visasContentWrap .visaBox ul li span.imgBox01{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_visa01.png") 0 -5px no-repeat;}
.visasContentWrap .visaBox ul li span.imgBox02{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_visa02.png") 0 -5px no-repeat;}
.visasContentWrap .visaBox ul li span.imgBox03{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_visa03.png") 0 -5px no-repeat;}
.visasContentWrap .visaBox ul li span.imgBox04{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_visa04.png") 0 -5px no-repeat;}
.visasContentWrap .visaBox ul li span.imgBox05{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_visa05.png") 0 -5px no-repeat;}
.visasContentWrap .visaBox ul li span.imgBox06{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_visa06.png") 0 -5px no-repeat;}
.visasContentWrap .visaBox ul li span.imgBox07{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_visa07.png") 0 -5px no-repeat;}
.visasContentWrap .visaBox ul li span.imgBox08{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_visa08.png") 0 -5px no-repeat;}
.visasContentWrap .visaBox ul li span.imgBox09{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_visa09.png") 0 -5px no-repeat;}
.visasContentWrap .visaBox ul li span.txtBox{display:block;width:100%;margin-top:7px;color:#4d4d4d;font-size:15px;text-align:center;}


.infoContentWrap{clear:both;position:relative;display:block;max-width:1200px;width:100%;margin:31px auto 0;padding:25px 31px 27px 31px;background:#fff;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.05);box-sizing:border-box;border-radius:24px 24px;}
.infoContentWrap .infoBox{overflow:hidden;}
.infoContentWrap .infoBox .infoTit{display:block;width:auto;padding-left:21px;color:#272727;font-size:24px;font-weight:900;line-height:1.2;}
.infoContentWrap .infoBox ul{overflow:hidden;display:block;width:100%;margin-top:21px;}
.infoContentWrap .infoBox ul li{float:left;display:block;width:calc(100% / 9);}
.infoContentWrap .infoBox ul li a{display:block;}
.infoContentWrap .infoBox ul li span{}
.infoContentWrap .infoBox ul li span:first-child{display:block;width:85px;height:85px;margin:0 auto;border-radius:50% 50%;}
.infoContentWrap .infoBox ul li span.imgBox01{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_inof01.png") 0 -5px no-repeat;}
.infoContentWrap .infoBox ul li span.imgBox02{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_inof02.png") 0 -5px no-repeat;}
.infoContentWrap .infoBox ul li span.imgBox03{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_inof03.png") 0 -5px no-repeat;}
.infoContentWrap .infoBox ul li span.imgBox04{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_inof04.png") 0 -5px no-repeat;}
.infoContentWrap .infoBox ul li span.imgBox05{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_inof05.png") 0 -5px no-repeat;}
.infoContentWrap .infoBox ul li span.imgBox06{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_inof06.png") 0 -5px no-repeat;}
.infoContentWrap .infoBox ul li span.imgBox07{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_inof07.png") 0 -5px no-repeat;}
.infoContentWrap .infoBox ul li span.imgBox08{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_inof08.png") 0 -5px no-repeat;}
.infoContentWrap .infoBox ul li span.imgBox09{background:#faf4f5 url("/sites/immigration_eng/images/newmain/ico_inof09.png") 0 -5px no-repeat;}
.infoContentWrap .infoBox ul li span.txtBox{display:block;width:100%;margin-top:7px;color:#4d4d4d;font-size:15px;text-align:center;}

.bottomContWrap{/*overflow:hidden;*/position:relative;display:block;max-width:1200px;width:100%;margin:31px auto 0;}
.bottomContWrap:after{content:'';display:block;clear:both;}
.quckContentWrap{/*position:absolute;top:0;left:0;*/float:left;max-width:545px;background:#fff;border-radius:24px 24px;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.05);}
.quckContentWrap ul{overflow:hidden;padding:18px 0 19px 9px;}
.quckContentWrap li{float:left;max-width:245px;width:50%;height:76px;margin-left:15px;text-align:center;line-height:76px;background:#f2f2f2;border-radius:21px 21px;}
.quckContentWrap li:nth-child(3),
.quckContentWrap li:nth-child(4){margin-top:15px !important;}
.quckContentWrap li img{vertical-align:middle;}

.lastContentWrap{float:right;}
.lastContentWrap > div{float:left;width:205px;height:200px;margin-left:10px;text-align:center;border-radius:26px 25px;}
.lastContentWrap > div a{display:block;}
.lastContentWrap > div.lastC01{background:#a1e2e2;}
.lastContentWrap > div.lastC02{background:#f4cdcd;}
.lastContentWrap > div.lastC03{background:#cad7f2;}
.lastContentWrap > div span:first-child{display:block;width:87px;height:87px;margin:38px auto 0;}
.lastContentWrap > div span:last-child{display:block;margin-top:14px;color:#141414;font-size:17px;}

._imgSldWBnrWrap{clear:both;position:relative;width:100%;background-color:#fff;}
._imgSldWBnrWrap ._imgSldWBnr{position:relative;max-width:1200px;margin:0 auto;}

/* banner hidden */
#menu1798_obj46 {display: none;}
.artclAtchImg {display: none;}

/* s: newMain */
#menu1798_obj227 {width: 1200px; height: auto; margin: 0px;}
#menu1798_obj228 {overflow:visible;float: left;position:relative;width: 45.75%; height: 390px; margin:21px 0px 0 0; background-color:#fff;border-radius:0 0 0 25px;}
#menu1798_obj228:before{content:"";position:absolute;top:-21px;left:0;display:block;width:31px;height:21px;background:url("/sites/immigration_eng/images/newmain/box_top.png") 0 0 no-repeat;}
#menu1798_obj229 {float:left;width: 23.75%; height: auto; margin:21px 0 0 0;background-color:#fff;}
#menu1798_obj230 {float: left;width: 30.5%;margin: 21px 0 30px 0;background-color: #fff;border-radius: 0 25px 25px 0;}
#menu1798_obj231 {width: 100%; height: auto; margin: 0px;}
#menu1798_obj233 {width: auto; height: auto; margin: 0px; padding-bottom:60px;}
#menu1798_obj233:after{content:"";display:block;clear:both;}
#menu1798_obj234 {position:absolute;left:0;bottom:-71px;width: auto; height: auto; margin: 0px; display:none;}/* 홍보배너영역임시안보이게 처리 */

@media all and (min-width: 820px) and (max-width: 1200px)  {
  #menu1798_obj227{max-width:100%;width:100%;}	
  #menu1798_obj228{width:100%;max-width:100%;background-color:#fff;border-radius:0 25px 0 0;}
  #menu1798_obj229,
  #menu1798_obj230{width:50%;float:left;margin:0 0;background-color:#fff;}
  #menu1798_obj229{border-radius:0 0 0 25px;}
  #menu1798_obj230{border-radius:0 0 25px 0;}
  #menu1798_obj231{clear:both;padding-top:25px;}

  .moj_visual .bx-wrapper .bx-viewport ul li{overflow:hidden;}	 
  .visasContentWrap .visaBox ul,
  .infoContentWrap .infoBox{padding:15px 0;}
  
  .visasContentWrap .visaBox{overflow-x:auto;}
  .visasContentWrap .visaBox .contTit,
  .visasContentWrap .visaBox ul{float:none;}
  .visasContentWrap .visaBox .contTit{width:auto;}
  .visasContentWrap .visaBox .contTit > br{display:none;}
  .visasContentWrap .visaBox ul{width:1200px;}
  
  .infoContentWrap{width:100%;margin-top:25px;}
  .infoContentWrap .infoBox{overflow-x:auto;}
  .infoContentWrap .infoBox .infoTit,
  .infoContentWrap .infoBox ul{float:none;}
  .infoContentWrap .infoBox .infoTit{width:auto;}
  .infoContentWrap .infoBox .infoTit > br{display:none;}
  .infoContentWrap .infoBox ul{width:1200px;}

  .olsWrap{max-width:100%;border-right:0;}
  ._facdBkWrap .sns_wrap{max-width:88%;}  

  .quckContentWrap,
  .lastContentWrap{max-width:50%;width:100%;}
  .lastContentWrap > div{width:calc(100% / 3 - 10px);}
  
  .quckContentWrap ul{padding:18px 15px 19px 0;}
  .quckContentWrap li{width:calc(50% - 15px);}
}
@media all and (min-width: 320px) and (max-width: 820px) {
  #menu1798_obj228{width:100%;max-width:100%;background-color:#fff;border-radius:25px 25px 0 0;}
  #menu1798_obj228:before{display:none;}
  #menu1798_obj229,
  #menu1798_obj230{float:none !important;width:100%;margin:0 0 !important;background-color:#fff;}
  #menu1798_obj230{border-radius:0 0 25px 25px;}
  #menu1798_obj231{margin-top:35px;}
  #menu1798_obj233{padding-bottom:6px;}
  #menu1798_obj234{bottom:-92px;}
  
  .olsWrap{max-width:calc(100% - 20px);border:0;}
  .olsWrap h2{margin-bottom:15px;padding-top:0;}
  /*.olsWrap li{width:calc(100% / 4 - 15px);}
  .olsWrap li:nth-child(3), .olsWrap li:nth-child(4){margin-top:0 !important;}*/
  ._facdBkWrap .sns_wrap{max-width:calc(100% - 40px);}
  ._facdBkWrap .sns_txt{height:auto;min-height:auto;padding-bottom:25px;}
  
  .visasContentWrap .visaBox{overflow-x:auto;}
  .visasContentWrap .visaBox .contTit,
  .visasContentWrap .visaBox ul{float:none;}
  .visasContentWrap .visaBox .contTit{width:auto;}
  .visasContentWrap .visaBox .contTit > br{display:none;}
  .visasContentWrap .visaBox ul{width:1200px;}
  
  .infoContentWrap{width:100%;margin-top:25px;}
  .infoContentWrap .infoBox{overflow-x:auto;}
  .infoContentWrap .infoBox .infoTit,
  .infoContentWrap .infoBox ul{float:none;}
  .infoContentWrap .infoBox .infoTit{width:auto;}
  .infoContentWrap .infoBox .infoTit > br{display:none;}
  .infoContentWrap .infoBox ul{width:1200px;}

  .quckContentWrap{float:none;max-width:100%;width:100%;margin-bottom:25px;}
  .lastContentWrap{overflow:hidden;float:none;max-width:100%;width:100%;margin-bottom:25px;}
  .lastContentWrap > div{width: calc(100% / 3 - 10px);height:auto;}  
  .lastContentWrap > div a{padding:10% 0;}
  .lastContentWrap > div span:first-child{margin:0 auto;padding:3px;}
  
  .quckContentWrap{text-align:center;}
  .quckContentWrap li{float:none;display:inline-block;margin-top:5px !important;}
  .quckContentWrap li:nth-child(3), 
  .quckContentWrap li:nth-child(4){margin-top:5px !important;}
  .quckContentWrap li:first-child{margin-top:0 !important;}
}
@media all and (min-width: 320px) and (max-width: 500px) {
  .visasContentWrap .visaBox,
  .infoContentWrap .infoBox{overflow-x:auto;}
  .visasContentWrap .visaBox .contTit, .visasContentWrap .visaBox ul, 
  .infoContentWrap .infoBox .infoTit, .infoContentWrap .infoBox ul{width:1200px;}
  .visasContentWrap,
  .infoContentWrap{padding:17px 31px 13px 31px;}
  
  .quckContentWrap{text-align:center;}
  .quckContentWrap li{float:none;display:inline-block;width:100%;margin-top:5px !important;}
  .quckContentWrap li:nth-child(3), 
  .quckContentWrap li:nth-child(4){margin-top:5px !important;}
  .quckContentWrap li:first-child{margin-top:0 !important;}
  
  .lastContentWrap > div span:last-child{display:none;}
  
  #menu1798_obj233{padding-bottom:15px;}
  #menu1798_obj234{position:static;}
  }
@media screen and (min-width: 860px) and (max-width: 1200px) {
 	#menu1798_obj227{width:100%;}
	#menu1798_obj234{position:static;}
}
@media all and (min-width: 320px) and (max-width: 820px){
	#menu1798_obj227{width:100%;}
	#menu1798_obj231{margin-top:25px;}
}
/* e: newMain */