@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');

* {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
}

.wrap {
  max-width: 538px;
  /*background: url(../images/top_bg.jpg) top center no-repeat;*/
  /*padding: 15px 20px;*/
  margin: 0 auto;
  box-sizing: border-box;
}

.wrap .box_head {
  /* min-height: 70px;
  padding-top: 100px; 
  padding: 10px 0;*/
}

.box_head img{width: 100%}

.main_tit {
  position: relative;
  display: block;
  color: #fff !important;
  font-size: 20px !important;
  text-align: center;
  line-height: inherit !important;
}

.main_tit:before {
  content: '';
  position: absolute;
  width: 82px;
  height: 60px;
  top: -75px;
  left: 50%;
  margin-left: -41px;
  background: url(../images/top_icon.png) center center no-repeat;
}

.sub_tit {
  display: block;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.top_box {
  background-color: #fff;
  padding: 15px 20px;
  padding-top: 0;
}

.top_box li {
  position: relative;
  padding-left: 15px;
 /* line-height: 30px;*/
}


.top_box li:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  left: 0;
  top: 8px;
  border-radius: 50%;
  background-color: #5d7ce1;
}

/*
.top_box li:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  left: 2px;
  top: 14px;
  border-radius: 50%;
  background-color: #fff;
}
*/

.btm_guide{margin-bottom:10px; padding:0 20px; text-align:right; box-sizing: border-box;}
.btm_guide mark.must{width:15px;}

.btm_box {
  border-top: 1px solid #d4d7de;
  overflow: hidden;
  margin-right: -1px;
  width: 500px;
  margin: 0 auto;
}

.btm_box dl {
  position: relative;
  display: table;
  width: 100%;
}

.btm_box dt {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  min-height: 50px;
  color: #333;
  border-style: solid;
  border-color: #d4d7de;
  border-width: 0 1px 1px 0;
  background-color: #ebeff3;
  padding: 10px 15px;
  font-size: 15px;
}

.btm_box dt label{font-size: 15px;}

.btm_box dd {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  min-height: 50px;
  border-style: solid;
  border-color: #d4d7de;
  border-width: 0 0 1px 0;
  padding: 10px;
}

.btm_box dd input {
    float: right;
    width: 100%;
    vertical-align: middle;
}

.btm_box .birth input {
    float: left;
    width: 100%;
    margin-right: 5px;
}

.btm_box .birth mark {
    float: left;
}

.checked2 input
{
		width: 66% !important;
		vertical-align: baseline !important;
		float: left !important;
} 

.checked2 select
{
		margin: 0 0 0 5px;
		/*width: 34%;*/
}

/*
.btm_box .birth:after {
  content: '(예 : 20130130)';
  display: inline-block;
  color: #999;
  font-size: 12px;
  margin-left: 5px;
}

.btm_box .resid:after {
  content: '(예 : 1301309000000)';
  display: inline-block;
  color: #999;
  font-size: 12px;
}

.btm_box .checked:before {
  content: '';
  position: absolute;
  left: 4px;
  margin-top: 8px;
  width: 8px;
  height: 8px;
  background: url(../images/must.png) center center no-repeat;
}
*/
.comt1,
.comt2 {
    display: inline-block;
    font-size: 12px;
    color: #747474;
}

.btm_box .radio li {
  line-height: 25px;
}

.btm_box .radio li input{vertical-align: middle}


.submit a {
  display: block;
  width: 100%;
  max-width: 150px;
  color: #fff;
  text-align: center;
  border: none;
  background-color: #2b5db7;
  padding: 12px 0;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 20px;
  border-radius: 5px;
  font-size: 18px;
}


.submit a img{vertical-align: sub;margin-right: 3px;}

a._immBlockClose {
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(/Web-home/fnct/immigrationApi/JW_immigrationApi_basic/images/passport_close.png) center center no-repeat #1562a3;
    text-indent: -99999px;
    width: 51px;
    height: 51px;
}

.submit a:focus {
  outline-offset:2px;
}

mark.must {
    margin-top: 10px;
    margin-left: 2px;
    width: 8%;
    height: 8px;
    text-indent: -5000px;
    background: url(../images/must.png) center center no-repeat;
    overflow: hidden;
    padding: 0;
}

@media all and (max-width:400px) {	
    .wrap{padding: 15px 20px;}
    .h1{margin-top: 14px;}
	.noticebox{position:relative;}
	/*.chbox{line-height: 35px;}*/
	.chbox {text-align: left !important;position: inherit !important;}
	.chbox input{margin-bottom: 20px;}
	.chbox span{margin-right: 105px !important}
	.btm_box{width:100%}
	.box_head img{width:100%}
	.submit a{padding: 10px 0;max-width: 120px;}
	.checked2 input{width: 40% !important;}
	.top_box{padding: 0;padding-bottom: 10px;}
	.top_box li{padding-left: 10px;font-size: 13px;}
	.formNotice {
	height: 428px !important;
    width: 91% !important;
    padding: 20px 15px !important;
    top: 130px !important;
	}
	.formNotice .wrap > ul > li > strong{font-size: 9px !important;}
	/*.formNotice .wrap > ul > li.fr > strong{font-size: 10px !important;}*/
	.info_tb{width:100% !important}
	.info_tb th{font-size: 13px;}
	.info_tb td{padding: 5px 10px !important;font-size: 12px !important;}
}

/* formNotice */
.alignR {text-align: right;}
.h1{font-size: 14.5px;color: #333}
.formNotice {border: 1px solid #d9dee2; background-color: #ebeff3; position: relative; padding: 40px 0 40px 10px; display: table; width: 93%; box-sizing:border-box; margin-bottom: 60px;height: 335px;text-align: left;}
body.Mobile .formNotice {padding: 15px;}
.formNotice .iconBox:before		{content: ""; position: absolute; top: 0; left: 0; background: url('/sites/moj/images/contents/textBox_icon.png') -280px top no-repeat; width: 70px; height: 70px;}
.formNotice .iconBox	{position: relative;  padding-left: 100px; min-height: 70px; padding-top: 10px; margin-bottom: 10px;}
body.Mobile .formNotice .iconBox:before {display: none;}
.formNotice .wrap .title {color: #555; font-size: 15px; margin-top: 25px; font-weight: 400;}
.formNotice .wrap > ul > li	{line-height: 27px;}
.formNotice .wrap > ul > li > strong {color: #555;font-size: 13px;}
 /*.formNotice .wrap > ul > li > ul.ul_2	{margin-top: 7px;}*/
.formNotice .wrap > ul > li > ul.ul_2 li {color: #555;font-size: 14px;margin-left: 15px;}
.formNotice .wrap > ul > li > ul.ul_2 li strong	{color: #444; font-weight: 400;}
.formNotice .bg_w {background-color: #fff; text-align: center; padding: 20px; box-sizing: border-box; margin-top: 30px;}
.formNotice .bg_w > p {color: #000000; margin-bottom: 20px;}
.formNotice .bg_w .radioBtn {font-size: 13px;}
.formNotice .bg_w .radioBtn #disagree {margin-left: 20px;}
.chbox{margin-top: 15px;font-size: 12px;text-align: center;position: relative;}
.chbox input{vertical-align: sub;width: 16px;height: 16px;}
.chbox span{background: #abafb8; padding: 7px 8px;margin-right: 10px;color: #fff;font-size: 13px;border-radius: 3px;cursor: pointer;}
.chbox span a{color: #fff;font-size: 15px;}

.chbox .modalLink, .chbox .modalLink2{
    background: #797676;
    padding: 6px;
    margin-right: 10px;
    color: rgb(255, 255, 255);
    font-size: 13px;
    border-radius: 3px;
    cursor: pointer;
}
.chbox .modalLink:focus, .chbox .modalLink2:focus{outline-offset:2px;}/* 20230217_웹접근성수정 */
#modalLayer{display:none; position:absolute;top: -389px;left: 20px;height: 376px;}
#modalLayer2{display:none; position:absolute;top: -389px;left: 20px;height: 376px;}
/*#modalLayer .modalContent{width:500px; height:314px; padding:20px; border: 1px solid #d4d7de;position:fixed; left:50%; top:50%; z-index:11; background:#ebeff3;}*/
#modalLayer .modalContent button{position:absolute; right:3px; top:3px; cursor:pointer;width: 20px; height:20px; border:none;background: none; }
#modalLayer2 .modalContent2 button{position:absolute; right:3px; top:3px; cursor:pointer;width: 20px; height:20px; border:none;background: none; }
#modalLayer .modalContent button img{width:100%;margin-left: -4px; outline-offset: 2px;}
#modalLayer2 .modalContent2 button img{width:100%;margin-left: -4px;outline-offset: 2px;}


/* 여권번호실명확인 레이어팝업 (20190220 고석만) */
.btm_table dd input { float:none }
.btm_table dt.radio { position: relative; }
.btm_table dt.radio mark.must { position:absolute; right:5%; top:5%; }
.btm_box dd label { color:#505050 }

/***** 동의서 수정 ***/

.agree{
     background: #f7f9fa;
    border: 1px solid #e6eaed;
    padding: 20px 30px;
    margin-bottom: 45px;
}

.agree img{float: left; margin-right: 25px;margin-top: 7px;}


.h2{color: #555;line-height: 20px;font-weight: 400}
.h3{color: #333;font-size: 17px;font-weight: 400;}
.info_tb{margin-bottom: 20px; border-top: 1px solid #1b386e;margin-top: 8px;width: 95%;}
.info_tb th{border-left: 1px solid #dadce0;border-right: 1px solid #dadce0;padding:5px 20px;background: #f2f4f6;color: #1b386e;font-weight: 400;border-bottom: 1px solid #dadce0;text-align: center;}
.info_tb th:first-child{width: 35%;}
.info_tb td{border-left: 1px solid #dadce0;border-right: 1px solid #dadce0;padding:10px 20px;background: #fff;font-size: 13px;color: #555;font-weight: 400;border-bottom: 1px solid #dadce0;}
.info_tb td:first-child{text-align:left;padding: 20px 100px;}

.agr{
    margin-top: 25px;
    text-align: center;
    border-width: 1px 0 1px 0;
    border-color: #b8c2cc;
    border-style: solid;
    padding: 30px 0;
    margin-bottom: 70px;
}
.agr p{color: #555; font-weight: 400;}

.radioBtn {margin-top: 10px;}
.radioBtn input{margin-right: 3px;}
.radioBtn label{font-weight: 400;color: #555;margin-right:15px}