@charset "utf-8";

a:focus,
button:focus,
input:focus {
  outline: -webkit-focus-ring-color auto 5px;
}

#progress {
	height: 3px;
    background: rgb(30, 56, 110);
    position: absolute;
	bottom: -3px;
	z-index: 99;
}

/* top 메뉴 fixed */
.topMenu.fixed {
    position: fixed;
    top: 0;
    width: 100%;
}
#progress.fixed {
    position: fixed;
    top: 61px;
}

.w1200 {max-width: 1200px; margin: 0 auto;}
body.main .w1200 {max-width: 1220px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
body.main.Tablet .w1200, body.main.Mobile .w1200 {padding: 0;}

a.nw:after {
	content: ''; display: inline-block;
	width: 14px; height: 14px; margin-left: 5px;
	background: url('/sites/moj/images/nw_icon.png') right center no-repeat;
}
#menuUItab .div_4 > .ul_4 > li > a.nw:after {
  position: absolute; right: 12px; top: 16px;
}

/**[Layout]********************************************************/
#_wrap #_wrapHeader {height: 150px;}    
#_wrap #_wrapHeader #_header {
    position: relative;
    transition: all 0.3s ease;
    z-index: 3;
}
#_wrap #_wrapArticle {
    padding: 0;
    position: relative;
  	z-index: 1;
}
body.main #_wrap #_wrapArticle	{
  /*padding: 30px 0; */
  background:#f7f3f7 url("/sites/immigration_eng/images/newmain/bg_img.png") center 0 no-repeat;
}
/* 20220316_홍보배너영역임시안보이게처리
body.main #_wrap #_wrapArticle:after{content:'';display:block;width:100%;height:83px;background-color:#fff;}*/
body.main #_wrap #_wrapArticle #_container	{
	max-width: 1220px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	/*overflow: hidden;*/
  	box-sizing: border-box;
}
#_wrap #_wrapFooter	{position: relative; /*margin-top:85px;*/ z-index: 2;}
#_wrap #_wrapFooter #_footer {
    position: relative;
}
#_wrap #_wrapFooter #_jumpWrap .w1200 {max-width: 1200px; padding: 0;}
#topBtn {display: none;}
#topBtn button{
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 64px;
	height: 64px;
	background: url('../images/topBtn.png') center top no-repeat;
	border: 0;
	text-indent: -5000px;
	z-index: 101;
}

/* newMain_Responsive */
@media screen and (min-width: 320px) and (max-width: 820px) {
	#_wrap #_wrapFooter{margin-top:0;}
}


/**[Header]********************************************************/
.search_lang.nice-select .list .option {color: #fff; padding: 3px 0;}
.search_lang.nice-select .list {
    top: 26px;
    background-color: #8697a4;
    color: #fff;
    border: 0;
    border-radius: 0 0 15px 15px;
}
.search_lang.nice-select .option:hover, .search_lang.nice-select .option.focus, .search_lang.nice-select .option.selected.focus {
    background-color: #577388;
}
.search_go {
	color: #fff; font-size: 12px;
	padding: 6px 12px 6px 7px; border: 0; border-radius: 0 100px 100px 0;
    background-color: #8697a4;
}

/* header - logo Area */
.logoWrap {display: inline-block; margin: 11px 0 6px; width: 100%;}
#_logo {float: left;}
#_logo a {
    display: block;
    width: 350px;
    height: 65px;
    background: url('../images/logo.png') left top no-repeat;
    background-size: 100%;
    text-indent: -5000px;
}

.logoWrap .rightArea {float: right;}
.top_direct2 {margin-top: 18px; display: inline-block;}
body.Tablet .top_direct2,
body.Mobile .top_direct2 {display: none;}
.topDir {overflow: hidden; margin-bottom: 5px; text-align: right;}
.topDir > ul > li {display: inline-block;}
.topDir > ul > li:after {content: ''; display: inline-block; width:1px; height: 9px; margin: 0 10px; background-color: #bbb;}
.topDir > ul > li > a {color: #8c8c8c; font-size: 13px; }
body.Tablet .topDir > ul > li > a, body.Mobile .topDir > ul > li > a {color: #fff;}
.topDir > ul > li.taegugki > a img {vertical-align: middle; margin-right: 4px;}
body.Desktop .topDir > ul > li:nth-last-child(2):after,
body.Desktop .topDir > ul > li.siteMap,
.topDir > ul > li.siteMap:after {display: none;}

.search_btn_mobile {display: none !important;}
.searchWrap .rec, .searchWrap ul {overflow: hidden;}
.searchWrap .rec {float: left; margin: 7px 0 0 10px;}
.searchWrap .rec h2 {
    color: #fff;
    font-size: 13px;
    font-weight: 200;
    float: left;
    padding: 2px 9px;
    background-color: #28a2e7;
    text-align: center;
    border-radius: 4px;
    margin-right: 10px;
}
.searchWrap .rec > ul > li {float: left;}
.searchWrap .rec > ul > li > a {
    color: #b6b6b6;
    font-size: 13px;
    font-weight: 200;
}
.searchWrap .rec > ul > li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 9px;
    background-color: #bbbbbb;
    margin: 0 5px;
}
.searchWrap ul li:last-child:after {display: none;}

.searchForm {
    float: right;
    position: relative;
    border: 2px solid #27a1e8;
    border-radius: 25px;
    padding: 3px 40px 3px 3px;
    width: 428px;
	background-color: #fff;
}
.searchForm .search_btn {
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    width: 18px;
    height: 18px;
    background: url('../images/select_top_btn.png') left top no-repeat;
    text-indent: -5000px;
}
.searchForm input[type="text"] {border: 0; width: 70%; color: #8d8d8d; font-size: 13px;}

.nice-select.search_top {
    background: none;
    border: 0;
    margin-right: 10px;
}
.nice-select.search_top .current {
    font-size: 14px;
    color: #27a1e8;
    padding: 0 15px 0 10px;
}
.nice-select.search_top:after {
    content: '';
    background: url('../images/sel_arrow_search_top.png') no-repeat center center;
    display: block;
    width: 7px;
    height: 5px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 11px;
    transition: all 0.15s ease-in-out;
}

.top_direct {float: right;}
.top_direct ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}



/**[주메뉴]********************************************************/
.topMenu {
    position: relative;
    width: 100%;
    height: 60px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff;
    z-index: 100;
    overflow: hidden;
    /*transition: all 0.3s ease;*/
}
.topMenu._on {
    border-bottom: 1px solid #28a2e7;
}
.topMenu:after {
    content: '';
    display: block;
    width: 100%;
    max-width: 1402px;
    height: 0;
    background: url('../images/gnb_bg.png') right bottom no-repeat;
    z-index: -1;
    margin : 0 auto;
    transition: height 0.2s ease-in-out 0.4s;
}
.topMenu._on:after {
    height: 100%;
}
.topMenu._on:before {
    content: '';
    display: block;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
}

.top_div {
    position: relative;
    width: 100%;
}
.menuUItop{
    float: left;
    z-index: 100;
    width: 87.5%;
    max-height: 60px;
}
.menuUItop .top_div {
    margin: 0;
    padding: 0;
}
.menuUItop ul.ul_1{
	display: table;
    width: 100%;
}

.menuUItop ul.ul_1 li.li_1.eQ05 {background: none;}
.menuUItop ul.ul_1 li.li_1.eQ05:after {display: none;}
.menuUItop ul.ul_1 li.li_1 {
    position: relative;
	display: table-cell;
	width:calc(100% / 4);/* 2204220_GNB변경에 따른 추가 */
    background: url('../images/li_1_line.png') right center no-repeat;
    border-bottom: 0px;
}
.menuUItop ul.ul_1 li.li_1:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #28a2e7;
    transition: width 0.2s ease-in-out;
}
.menuUItop ul.ul_1 li.li_1.on:before {
    width: 100%;
}
.menuUItop ul.ul_1 li.li_1 a.a_1 {
    display: block;
    width: 100%;
    color: #37424c;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 16px 0;
    box-sizing: border-box;
}
/*
.menuUItop li.eQ01 {border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; width: 155px;}
.menuUItop ul.ul_1 li.li_1.eQ01 a.a_1 {position: relative;color: #28a2e7; padding-right: 25px;}
.menuUItop li.eQ01 a.a_1:after {
    content: '';
    display: block;
	position: absolute;
	top: 14px;
	right: 10px;
    width: 30px;
    height: 31px;
    background: url('../images/menu_online_icon.png') left center no-repeat;
}
*/

.topMenu .allMenuBtn {
    float: right;
    display: block;
    color: #fff;
    text-align: center;
    width: 12.5%;
    height: 60px;
    line-height: 60px;
    background: url('../images/allMenuBtn_bg.png') center center no-repeat;
}
.topMenu .allMenuBtn:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url('../images/allMenuBtn_icon.png') left bottom no-repeat;
    margin-right: 10px;
    vertical-align: middle;
}


/* top 2차메뉴 */
.menuUItop ul.ul_1 li.li_1:after {
    content: "";
    position: absolute;
    top: 88px;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #e7e7e7;
    min-height: 280px;
}

.menuUItop ul.ul_1 li.li_1 .div_2 {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 101;
    margin: 25px 0;
    padding: 0 20px;
}
.menuUItop .div_2 .ul_2 li.li_2 {
    margin-bottom: 8px;
    line-height: 1.3;
}
.menuUItop .div_2 .ul_2 li a:hover,
.menuUItop .div_2 .ul_2 li a._active {
    color: #1489eb;
    font-weight: 500;
}
.menuUItop .div_2 .ul_2 li a {
    color: #7b7b7b;
    font-size: 14px;
}

/* 220420_GNB수정 */
.menuUItop .div_2 .ul_2 li.li_2.li_2_3372{width:70%;}
body.Tablet .menuUItop .div_2 .ul_2 li.li_2.li_2_3372,
body.Mobile .menuUItop .div_2 .ul_2 li.li_2.li_2_3372{width:100%;}/* 220420_태블릿모바일화면일때 */


/**[모바일 - 메뉴열기/닫기]********************************************************/
#mMenu{display: none;}


/**[Footer]********************************************************/
#_jumpWrap {width: 100%; background-color: #45535f; border-bottom: 1px solid #677785;}
#_jumpWrap .sitelink {display: inline-block; width: 100%; margin-bottom: -7px;}
#_jumpWrap .sitelink > li:first-child {border-left: 1px solid #6a757f;}
#_jumpWrap .sitelink > li {position: relative; float: left; width: 25%; box-sizing: border-box; border-right: 1px solid #6a757f;}
#_jumpWrap .sitelink > li > button {height: 44px; position: relative; color: #c2d6e6; font-size: 14px; font-weight: 400; text-align: left; width: 100%; padding: 11px 15px 12px 20px; background-color: #45535f; border-bottom: 1px solid #677785;}
#_jumpWrap .sitelink > li > button:after {
    content: '';
    display: block;
    width: 14px;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 18px;
    background: url('../images/sitelink_arrow.png') left top no-repeat;
    transition: all 0.3s ease;
}
#_jumpWrap .sitelink > li._on > button {background-color: #444;}
#_jumpWrap .sitelink > li._on > button:after {transform: rotate(180deg);}
#_jumpWrap .list {
    display: none;
    width: 100%;
    max-height: 235px;
    overflow-y: auto;
    position: absolute;
    top: -235px;
    background-color: #535353;
    box-sizing: border-box;
    padding: 10px 10px 10px 20px;
}
#_jumpWrap .sitelink > li._on .list {
    display: block;
}
#_jumpWrap .list dt:first-child {border-top: 0; padding-top: 0; margin-top: 10px;}
#_jumpWrap .list dt {
    color: #b7e3fe;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 10px;
    border-top: 1px solid #818181;
    padding-top: 20px;
}
#_jumpWrap .list dd {margin: 5px 0;}
#_jumpWrap .list a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}


#_footer {background-color: #566877;}
#_footer a {color: #bdc4d2; font-size: 14px;}
#_footer ul {overflow: hidden;}
#_footer li {float: left;}

#_footer ._directWrap {overflow: hidden; padding: 12px 0;}
#_footer ._direct {float: left;}
#_footer ._direct li {margin-right: 15px; height: 28px;}
#_footer ._direct li.em a {display: inline-block; color: #fff;}
#_footer ._direct li.em a:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin-top: 4px;
}
#_footer ._direct_sns {
	position: absolute; top: 35px; right: 0;
}
#_footer ._direct_sns li {margin-left: 5px;}
#_footer ._direct_sns li a {
    display: block;
    width: 33px;
    height: 33px;
    background: url('../images/direct_sns_icon.png') left top no-repeat;
    text-indent: -5000px;
}
#_footer ._direct_sns li a.snsT {background-position: -38px top;}
#_footer ._direct_sns li a.snsY {background-position: -76px top;}
#_footer ._direct_sns li a.snsB {background-position: right top;}
._addressWrap {position: relative; border-top: 1px solid #4c5b69; padding: 35px 0 70px;}
._addressWrap ._info span {display:inline-block; color: #dbebf7; font-size: 16px; font-weight: 400; margin-bottom: 10px;}
._addressWrap ._info ._address {margin: 7px 0;}
._addressWrap ._info .front{ padding-left: 7px; margin-right: 1em; position: relative;}
._addressWrap ._info .front:before{
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #28a2e7;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1px;
}
._addressWrap ._info ._address:before {
    content: '';
    display: block;
    float: left;
    width: 16px;
    height: 20px;
    background: url('../images/address_icon.png') left top no-repeat;
    margin: 3px 6px 0 0;
}
._addressWrap ._copyright {color: #c4c4c4; font-size: 12px; font-weight: 200;}


.menuUItop ul.ul_1 li.li_1.eQ06	{display: none;}

/* newMain_Responsive */
@media screen and (min-width: 860px) and (max-width: 1200px){
	/*  20220316_홍보배너영역임시안보이게처리
  body.main #_wrap #_wrapArticle:after{content:'';display:block;width:100%;height:127px;margin-top:-82px;background-color:#fff;}*/
}
@media screen and (min-width: 320px) and (max-width: 860px){
	/*  20220316_홍보배너영역임시안보이게처리
  body.main #_wrap #_wrapArticle:after{content:'';display:block;width:100%;height:127px;margin-top: -120px;background-color:#fff;}*/
}