@charset "utf-8";


@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Light'), local('Noto Sans Light'), local('Noto Sans Light');
    src: url(../font/NotoSans-Light.eot);
    src: url(../font/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSans-Light.woff) format('woff'),
    url(../font/NotoSans-Light.otf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Regular'), local('Noto Sans Regular'), local('Noto Sans Regular');
    src: url(../font/NotoSans-Regular.eot);
    src: url(../font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSans-Regular.woff) format('woff'),
    url(../font/NotoSans-Regular.otf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Medium'), local('Noto Sans Medium'), local('Noto Sans Medium');
    src: url(../font/NotoSans-Medium.eot);
    src: url(../font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSans-Medium.woff) format('woff'),
    url(../font/NotoSans-Medium.otf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Bold'), local('Noto Sans Bold'), local('Noto Sans Bold');
    src: url(../font/NotoSans-Bold.eot);
    src: url(../font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSans-Bold.woff) format('woff'),
    url(../font/NotoSans-Bold.otf) format('truetype');
}


#body{text-align:center; width:95%; background: url(../img/main/topBg.gif) repeat-x 0 0; font-family: 'Noto Sans';}
body{text-align:center; width:100%; font-family: 'Noto Sans';}

/* reset */
* html body {font-size:14px;}
body{font-size:14px; font-family:'Noto Sans';  font-weight: 300;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
ol, ul{ list-style:none;}
address, caption, cite, code, dfn, em, label{ font-style: normal; font-weight:normal;}
img{ border:none;vertical-align:top;}
caption{ display: none; clear:both; table-layout:fixed; border-collapse:collapse;}
fieldset{ border: none; margin: 0; padding: 0;}
input{ vertical-align:middle; color: #4d4d4d; box-sizing: border-box; padding:0 10px; font-weight:300; font-size:16px;}
select, input, textarea{font-family:'Noto Sans';  vertical-align:middle; color:#555;}
select{ height: 20px;}
textarea{color: #777; border: 1px solid #d2d5d6; }
a {text-decoration:none;}
.checkbox, .radio{ margin-right: 3px;}
table{border-spacing:0px;}

/* form */
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {color:#424242;}
input[type="checkbox"] + label span {display:inline-block; width:24px; height:24px; margin:-2px 6px 0 0; vertical-align:middle;  cursor:pointer; border:1px solid #111; }
input[type="checkbox"]:checked + label span { background:url(/eminwon/frgnrWorker/images/ico_chk.png) left top no-repeat; }
input[type="radio"] {display:none;}
input[type="radio"] + label {color:#424242;}
input[type="radio"] + label span {display:inline-block; width:24px; height:24px; margin:-2px 10px 0 0; vertical-align:middle; cursor:pointer; border:1px solid #9F9F9F;}
input[type="radio"]:checked + label span {background:url(/eminwon/frgnrWorker/images/ico_chk.png) left top no-repeat;}

select {
    height:40px;
    padding:10px;
    font-size:14px;
    border:1px solid #9F9F9F;
    background:url(/eminwon/frgnrWorker/images/ico_arrow_select.png) no-repeat;
    background-position: right 10px center;
    background-color:#fff;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
}
select::-ms-expand {display:none;}

.floatDiv{}
.floatDiv:after{ content: ""; display: block; clear: both;}
.fl{ float: left;}
.fr{ float: right;}

.toggler { position: absolute; top:733px; right:0; z-index: 1000;}
#button {text-decoration: none;}
#effect {position: relative; }

.top{ width:1000px; padding:0; margin:20px auto 35px; }
.con{ width: 1000px; margin:0 auto; position: relative; }
.left{ width:1000px; padding:0; margin:20px auto 50px; text-align: left; overflow: hidden; }
.right{ position: relative; width:600px; padding:0; margin:20px auto 50px; z-index: 2000; }
	
	/*	start:2011.06.22 add	*/
	.announce{ float: left; width: 50%;}
	.range{ float: left; margin-left: 2%; width: 48%;}
	.announce h2, .range h2{ background: url(../img/main/bullet.gif) no-repeat 0 45%; padding-left: 20px; font-size: 14px; margin: 0 0 8px 7px;}
	
	.announce p, .range p { font-size: 12px; margin: 10px 0; line-height: 1.5;}
	.range table{margin:15px 0 0 10px; empty-cells:show; border-collapse:collapse; border-style:none; border-width:0; font-size:12px;}
	.range table thead th, .range table thead td, .range table tbody th, .range table tbody td{border-style:none; border:0; border-width:0;  text-align: left; color: #5F5F5F;}
	.range table thead th, .range table thead td{color:#818181; padding: 8px 5px;}
	.range table td strong{ background: url(../img/main/dot3.gif) no-repeat 0 2px; padding-left: 12px;}
	
	.boxStyle{ position: relative;}
	.boxStyle .btmRound{ position: absolute; background: url(../img/main/box1Round.gif) no-repeat; width: 6px; height: 6px; bottom: 0;}
	.boxStyle .btmRound.rgt{ background-position: 100% 0; right: 0;}
	.boxStyle .btmRound.rgtTop{ background: url(../img/main/box1RoundTop.gif) no-repeat 100% 0 !important; top: -2px; right: 0; width: 6px; height: 6px;}
	.boxStyle .btmRound.lftTop{ background: url(../img/main/box1RoundTop.gif) no-repeat 0 0  !important; top: -2px; width: 6px; height: 6px;}
	.boxStyle .box1{ margin-right: 2px; background: #ffffff; border: 1px solid #e3e5e6; position: relative; bottom: 2px; padding: 10px;}
	.boxStyle .box1.login{ padding: 5px;}
	.boxStyle .box1.login h2{ margin: 0 0 10px; position: relative; left: 3px; top: 0px; padding: 0; font-size: 12px; background: url(../img/main/login_h2.gif) no-repeat 0 0; width: 200px; height: 28px; line-height: 2.3; color: #ffffff; text-align: center;}
	
	.inputData {
	        border: 1px solid #E4E6E8;
	        font-size: 12px;
	        height: 16px !important;
	        margin-bottom: 1px;
	        padding: 1px 5px 0;
	}
	
	.toggler table{ margin-top: -10px;}
	.toggler table th{ background: url(../img/main/dot4.gif) no-repeat 8px 7px; padding-left: 18px; font-size: 11px; color: #5F5F5F; }
	.toggler table th label{ cursor: pointer;}
	


/*TEXT*/
.txtRed{color:#FF2020;}
.txtBlue{color:#4B84F5;}
.txtGray{color:#999;}
.tal{text-align: left !important;}
.tac{text-align: center !important;}

/*ETC*/
.wdt_full {width:100% !important;}
.wdt_221 {width:221px !important;}
.wdt_400 {width:400px !important;}
.mb_10{margin-bottom: 10px !important;}
.mb_20{margin-bottom: 20px !important;}
.mt_10{margin-top: 10px !important;}
.mt_5{margin-top: 5px !important;}
.pr_5{padding-right: 5px !important;}
.pr_10{padding-right: 10px !important;}
.pd_20{padding:20px !important;}
.hidden {visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; background: none; font-size: 0; line-height: 0;}
.hide {visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; background: none; font-size: 0; line-height: 0;}
.app_num{ font-size: 14px; text-align: left !important; position: relative; top: 8px;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ce{ text-align: center !important;}
.lft{ text-align: left !important;}
.rgt{ text-align: right !important;}
.blue{ color: #1E386F !important;}
.red{ color: red}
.pointer{ cursor: pointer;}
.green{ color: green;}
.strong{ font-weight: bold !important;}
.vmid{ vertical-align: middle;}
.vbtm{ vertical-align: bottom;}
.p12{ font-size: 14px;}
.link{text-decoration: underline;}

/*공통*/
.bgTypeA{background: #f5f7fa;}
.bgTypeB{background: #fff;}
.wrap{width: 1134px;}
.wrap .container {width:100%;}


/* MAIN */
.wrap.main .header h1{position:relative; font-size:38px; padding:20px 0; font-weight: 300;}
.wrap.main .header h1 .logo{position:absolute; top:50%; left:20px; margin-top:-28px;}
.topArea {width:100%; background:#e7faff;}
.topArea .infoBox{display:flex; flex-wrap: nowrap; height:100px; background:#4E6DBA url(/eminwon/frgnrWorker/images/bg_main_info.png) -105px top; background-repeat: no-repeat;}
.topArea .infoBox em.tit{position: relative; width:290px;font-size: 24px; font-weight: 300; color:#fff; padding:20px 0 0 80px; line-height: 28px;}
.topArea .infoBox em.tit::before{content: ''; position: absolute; top:18px; left:75px; width:50px; height:56px; background: url(/eminwon/frgnrWorker/images/ico_info.png) left center no-repeat;}
.topArea .infoBox ul{width:100%; margin:25px 0 0 45px; text-align: left;}
.topArea .infoBox ul li{display:inline-block; font-size: 17px; color:#fff;  font-weight: 100;}
.topArea .infoBox ul li:nth-child(odd){width:500px;}
.topArea .infoBox ul li em{font-weight: 300;}
.topArea .infoBox ul li::before{content: '·';}

.midArea {width:100%; background:#fff;}
.midArea .cntWrap{width:1000px; margin:30px auto;}
.midArea h2{font-size:32px; padding:20px 0; font-weight: 300;}
.midArea .guideBox {display: flex; flex-wrap: nowrap;  justify-content: space-between;}
.midArea .guideBox .mainGuide{width:788px; background: #F5F7FA; padding:28px 30px; box-sizing: border-box;}
.midArea .guideBox .mainGuide ul li{position: relative; width:100%; height:140px; padding:0 0 0 130px; box-sizing: border-box; text-align: left; font-size: 16px; line-height: 22px;}
.midArea .guideBox .mainGuide ul li div{display: inline-flex; flex-wrap: wrap; align-items:center; border-bottom: 1px solid #d1d1d1; height:140px; box-sizing: border-box;}
.midArea .guideBox .mainGuide ul li:last-child div{border-bottom:none;}
.midArea .guideBox .mainGuide ul li div em{font-weight: 400;}
.midArea .guideBox .mainGuide ul li div .txtSmall{font-size: 15px; display: inline-block; margin-top:5px;}
.midArea .guideBox .mainGuide ul li::before{content: ''; position:absolute; top:15px; left:0; width:110px; height:110px;}
.midArea .guideBox .mainGuide ul li:nth-child(1)::before{ background: url(/eminwon/frgnrWorker/images/ico_guide01.png) left top no-repeat; background-size: 110px;}
.midArea .guideBox .mainGuide ul li:nth-child(2)::before{ background: url(/eminwon/frgnrWorker/images/ico_guide02.png) left top no-repeat; background-size: 110px;}
.midArea .guideBox .mainGuide ul li:nth-child(3)::before{ background: url(/eminwon/frgnrWorker/images/ico_guide03.png) left top no-repeat; background-size: 110px;}
.midArea .guideBox .mainGuide ul li:nth-child(4)::before{ background: url(/eminwon/frgnrWorker/images/ico_guide04.png) left top no-repeat; background-size: 110px;}
.midArea .guideBox .mainGuide ul li:nth-child(5)::before{ background: url(/eminwon/frgnrWorker/images/ico_guide05.png) left top no-repeat; background-size: 110px;}

.midArea .guideBox .mainQuickMenu{width:176px; background: #FFFFFF; border: 4px solid #848484; box-sizing: border-box;}
.midArea .guideBox .mainQuickMenu h3{width:100%; background: #848484; color:#fff; font-size: 22px; font-weight: 300; line-height: 24px; padding:8px 0 10px 0;}
.midArea .guideBox .mainQuickMenu ul{margin:7px 7px 0 7px;}
.midArea .guideBox .mainQuickMenu ul li{flex-wrap: nowrap; width:100%; margin-top:5px; box-sizing: border-box; border-bottom: 1px solid #7d7d7d; padding-bottom:5px;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(1) a{padding-top:76px;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(2) a{padding-top:72px;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(3) a{padding-top:72px;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(4) a{padding-top:72px;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(5) a{padding-top:72px;}
.midArea .guideBox .mainQuickMenu ul li:last-child{border-bottom:none; padding-bottom:0;}
.midArea .guideBox .mainQuickMenu ul li a{position: relative; display:block; height:125px; box-sizing: border-box; font-size: 20px; color:#000;}
.midArea .guideBox .mainQuickMenu ul li a::before{content: ''; position:absolute; top:20px; left:50%; margin-left:-35px; width:70px; height:52px;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(1) a:hover{background:#FFF4D9;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(2) a:hover{background:#E1EBFF;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(3) a:hover{background:#FFEEEE;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(4) a:hover{background:#F2F0FF;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(5) a:hover{background:#D7FBF9;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(1) a::before{ background: url(/eminwon/frgnrWorker/images/ico_quick_personal.png) center center no-repeat;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(2) a::before{ background: url(/eminwon/frgnrWorker/images/ico_quick_travel.png) center center no-repeat;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(3) a::before{ background: url(/eminwon/frgnrWorker/images/ico_quick_travel-join.png) center center no-repeat;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(4) a::before{ background: url(/eminwon/frgnrWorker/images/ico_quick_travelorg.png) center center no-repeat;}
.midArea .guideBox .mainQuickMenu ul li:nth-child(5) a::before{ background: url(/eminwon/frgnrWorker/images/ico_quick_travelorg-join.png) center center no-repeat;}

.midArea02 {width:100%; background:#F5F7FA;}
.midArea02 .cntWrap{width:1000px; margin:30px auto; padding:70px 0;}
.midArea02 .boardBox{position: relative; width:100%; background: #fff;  border: 1px solid #ddd; box-sizing: border-box;}
.midArea02 .boardBox h3{position: relative; margin:25px 20px 0 20px; font-size: 22px; font-weight: 300; text-align: left; border-bottom: 1px solid #ddd; padding: 0 0 10px 10px;}
.midArea02 .boardBox h3::before{content: ''; position: absolute; bottom:-1px; left:0; width:110px; height:4px; background: #4B84F5;}
.midArea02 .boardBox .btnMore{position: absolute; top:25px; right:20px; border:1px solid #212121; padding:5px 14px; font-size: 12px; color:#383838;}
.midArea02 .boardBox .btnMore::before{content: ''; display:inline-block; width:6px; height:7px;  background: url(/eminwon/frgnrWorker/images/ico_more.png) center center no-repeat;}
.midArea02 .boardBox .mainTbl{margin:0 30px;}
.midArea02 .boardBox .mainTbl table{width:100%; border-collapse:collapse;}
.midArea02 .boardBox .mainTbl table tr{ border-bottom: 1px solid #ddd; }
.midArea02 .boardBox .mainTbl table tr:last-child{border-bottom: none;}
.midArea02 .boardBox .mainTbl table tr td{padding:22px 10px; font-size: 16px;}

.bottomArea {width:100%; background:#fff;}
.bottomArea .cntWrap{width:1000px; margin:30px auto; padding:50px 0;}
.bottomArea .areaFlex{width:100%; display: flex; flex-wrap: wrap; background: #fff; border: 1px solid #ddd;}

#contentBody  .areaFlex{width:100%; display: flex; flex-wrap: wrap; background: #fff; border: 1px solid #ddd;}
#contentBody  .areaFlex h3{position: relative; font-size: 20px; font-weight: 300; text-align: left; border-bottom: 1px solid #ddd; padding: 0 0 10px 10px;}
#contentBody  .areaFlex h3::before{content: ''; position: absolute; bottom:-1px; left:0; width:220px; height:4px; background: #4B84F5;}

#contentBody  .areaFlex .boxRange{position: relative; width:calc(50% - 1px); border-right:1px solid #ddd; padding:25px; box-sizing: border-box;}
#contentBody  .areaFlex .boxRange ul{display: flex; flex-wrap: wrap; margin-top:20px;}
#contentBody  .areaFlex .boxRange ul li{position:relative; text-align: left; padding:0 10px; box-sizing: border-box; margin-bottom: 10px; background: url(/eminwon/frgnrWorker/images/ico_dot.png) left 10px no-repeat;}
#contentBody  .areaFlex .boxRange ul li:nth-child(odd) {width:260px;}
#contentBody  .areaFlex .boxRange ul li:nth-child(even) {width:calc(100% - 260px);}
#contentBody  .areaFlex .boxRange ul li span{display:inline-block; padding:3px 8px 4px 8px; margin-left:3px; font-size:16px;}
#contentBody  .areaFlex .boxRange ul li span:hover{background:rgba(75, 132, 245, 0.2); border-radius:25px; cursor: pointer;} 

.tipBox:hover .tooltip{visibility: visible;}
.tooltip dl dt{color: #4B84F5;}
.tooltip dl dd{color: #000;}
.tooltip {position: absolute; top:115%; left:20%; visibility: hidden; z-index: 1; width: 100%; padding: 15px 20px; background: #fff; color: #333; border-radius: 10px; font-size: 13px; box-shadow: 0 0 10px rgba(56, 54, 54, 0.3);}
.tooltip::after {content: " "; position: absolute; top:-10px; left:10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; transform: rotate(180deg);}


#message{z-index:1;}
#contentBody  .areaFlex .boxQuestion{width:50%; padding:25px 30px 0 30px; box-sizing: border-box;}
#contentBody  .areaFlex .boxQuestion ul{-moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px; width: 440px; margin:25px 0 10px 0;} 
#contentBody  .areaFlex .boxQuestion ul li{width: 100%; text-align: left; margin-bottom: 15px; font-size: 16px; display: inline-block;}
#contentBody  .areaFlex .boxQuestion ul li dl{display: flex; flex-wrap: wrap; align-items: flex-start;} 
#contentBody  .areaFlex .boxQuestion ul li dl dt{width:72px; margin-right:10px; text-align:center; border: 1px solid #383838;}

/* MAIN - LOGIN */	
.loginBox {position:relative; padding:40px 60px; background: #4B84F5; box-sizing: border-box;}
.loginBox .btnFold{position: absolute; top:50%; left:-30px; width:30px; height:94px; margin-top:-47px; background:#4B84F5 url(/eminwon/frgnrWorker/images/ico_login_arrow.png) center center no-repeat;  font-size:0;}
.loginBox h3{font-size:16px; color:#fff; margin:0; text-align: left; font-weight: 300; margin-bottom: 10px;}
.loginBox .login{display: flex; flex-wrap: nowrap; justify-content: space-between;}
.loginBox .login .inputWrap{width:270px;}
.loginBox .login .inputWrap input{width:100%; height:40px; border:none;}
.loginBox .login .inputWrap input + input {margin-top:5px;}
.loginBox .login a{width:90px; height:85px; line-height: 85px; text-align:center; display:inline-block; font-size: 14px; color:#fff; background: #02DCD0; margin-left:5px;}
.loginBox .util{display: flex; flex-wrap: nowrap; justify-content: space-between; color:#fff; font-size: 12px; margin-top: 10px;}
.loginBox .util ul li{display: inline-block;}
.loginBox .util ul li::after{content: ''; display: inline-block; width:1px; height:8px; background: #fff; margin: 0 10px;}
.loginBox .util ul li:last-child::after{content:none;}
.loginBox .util ul li a{color:#fff; font-size: 12px;}
.loginBox .util	input[type="checkbox"] + label {color:#fff;}
.loginBox .util input[type="checkbox"] + label span {display:inline-block; width:16px; height:16px; margin:-2px 6px 0 0; border:1px solid #fff; background: #fff;}
.loginBox .util input[type="checkbox"]:checked + label span {background:#fff url(/eminwon/frgnrWorker/images/ico_chk.png) left top no-repeat; background-size: 16px; }
	


/* 출국신고서 */
.wrap.dprtWrite .header{width:100%; height:75px; padding:0 38px; box-sizing: border-box;  display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center; background: #fff;}
.wrap.dprtWrite .header .searchWrap a{display:inline-block; border-radius: 20px; font-size: 14px; text-align: center; line-height: 40px;}
.wrap.dprtWrite .header .searchWrap a.btnHistory{position: relative; height: 40px; padding:0 50px 0 30px; background: #4B84F5; border: 1px solid #4B84F5; color:#fff;}
.wrap.dprtWrite .header .searchWrap a.btnHistory::before{content: ''; position:absolute; top:12px; right:20px; display:inline-block; width:16px; height:16px; background: url(/eminwon/frgnrWorker/images/ico_search_top.png) center center no-repeat; }
.wrap.dprtWrite .header .searchWrap a.btnHelp{height:40px; padding:0 30px; border:1px solid #000;  color:#000; margin-left:10px;}
.wrap.dprtWrite .cntWrap{width:1024px; margin:0 auto; padding:0;}
.noticeBox{text-align: center; font-size: 16px; color:#383838; margin:50px 0 40px 0;}
.wrap.dprtWrite .finBox{width:100%; border: 1px solid #383838; background: #fff; padding:30px; text-align: center; font-size:16px; box-sizing: border-box;}
.wrap.dprtWrite .finBox .finDate{margin-top:10px;}
.wrap.dprtWrite .finBox .to{font-size:14px; margin-top:50px;}
.wrap.dprtWrite .btnBox{margin:50px 0;}
.wrap.dprtWrite .btnBox a{display: inline-block; width:230px; height:76px; line-height: 76px; font-size: 20px; text-align: center; color:#fff;}
.wrap.dprtWrite .btnBox a small{font-size: 14px; padding-left:5px; font-weight: 100;}
.wrap.dprtWrite .btnBox a.btnCancel{background: #C4C4C4; margin-right:10px;}
.wrap.dprtWrite .btnBox a.btnApply{background: #4B84F5;}

.applyTbl + .applyTbl {position: relative;}
.portLst{position: absolute; width:300px; background: #fff; border:1px solid #383838; -moz-box-shadow: 2px 2px 10px silver; -webkit-box-shadow: 2px 2px 10px silver; box-shadow:2px 2px 10px silver;}
.portLst .inner{height:300px; overflow-y: auto;}
.portLst .inner ul{padding:20px 10px;}
.portLst .inner ul li{position: relative; font-size: 16px; padding:4px 20px 5px 40px; margin:5px; text-align: left;}
.portLst .inner ul li:hover{background:#DBEEF4; border-radius:25px; cursor: pointer;}
.portLst .inner ul li::before{content: ''; position: absolute; top:7px; left:10px; width:21px; height:19px; display: inline-block;}
.portLst .inner ul li.airport::before{background: url(/eminwon/frgnrWorker/images/ico_airport.png) center center no-repeat;}
.portLst .inner ul li.harbor::before{background: url(/eminwon/frgnrWorker/images/ico_harbor.png) center center no-repeat;}
.portLst .inner ul li a{color:#383838;}

#agree_div{margin:50px 0 20px 0;}
#agree_div .agreeBox{margin-bottom:30px;}
#agree_div .agreeBox h1{text-align: left; font-size: 16px; font-weight: 300; margin-bottom: 5px;}
#agree_div .agreeBox .text textarea{padding:20px; width:100%; box-sizing: border-box;}
#agree_div .agreeBox .chk{margin-top:10px; text-align: right; }

/* 출국신고서 리스트*/
.wrap.dprtLst .header{width:100%; height:75px; padding:0 38px; box-sizing: border-box;  display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center; background: #fff;}
.wrap.dprtLst .cntWrap{width:1024px; margin:0 auto; padding:0;}
.wrap.dprtLst .btnWrite {display: inline-block; height:40px; padding:0 20px; text-align: center; box-sizing: border-box; line-height: 40px; font-size:14px; color:#fff; background: #4B84F5;}


.basicTbl table{width:100%; table-layout: fixed; border-collapse:collapse; margin:20px 0 40px 0;}
.basicTbl table tr{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.basicTbl table tr th{padding:10px; background: #DBEEF4; font-size: 14px; font-weight: 300; text-align: center; color:#383838;}
.basicTbl table tr td{padding:10px 15px;text-align: left; background: #fff; }
.basicTbl table a{color:#4B84F5;}
.basicTbl table input{height:40px; background: #FFFFFF; border: 1px solid #9F9F9F; font-size:14px;}
.basicTbl table .txt{margin-top:10px;}
.basicTbl table .txt em{font-weight: 400;}
.basicTbl .btnSearch {position: relative; display: inline-block; height:40px; padding:0 20px 0 40px; margin-left: 4px; box-sizing: border-box; line-height: 40px; font-size:14px; color:#fff; background: #6D6D6D; vertical-align: middle;}
.basicTbl .btnSearch::before{content: ''; position:absolute; top:11px; left:15px; display:inline-block; width:16px; height:16px; background: url(/eminwon/frgnrWorker/images/ico_search_top.png) center center no-repeat; }
.basicTbl table tr td .departure .date{position: relative; margin-right:15px;}
.basicTbl table tr td .departure .date input{width:128px; padding:0 0 0 45px; border: 1px solid #383838;}
.basicTbl table tr td .departure .date .btnCal{position: absolute; top:0; left:15px; display: inline-block; width:22px; height:22px;}

.pagingBottom{width:100%; position: relative; text-align: center;}
.pagingBottom .total{position: absolute; top:0; left:0; text-align: left;}
.paging{}

/* 자진등록시스템 */
.wrap.log.selfNotify .header{width:100%; height:75px; padding:0 38px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center; background: #fff;}
.wrap.log.selfNotify .header .searchWrap input[type=text]{width: 320px; height: 42px; padding: 0 15px; border: 0; color: #555; background: #e9e9e9;} 
.wrap.log.selfNotify .cntWrap{width:1024px; margin:0 auto; padding:0;}       
#contentBody .title{margin: 70px 0; text-align: center; color:#383838;}
#contentBody .title h2{font-size: 50px;}
#contentBody .title span{font-size: 20px;}
#contentBody {width:100%;}
#contentBody  .quickMenu{width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:50px;}
#contentBody  .quickMenu li{width:330px; height: 106px; background: #fff; border: 1px solid #ddd;}
#contentBody  .quickMenu li:nth-child(1){border:1px solid #4B84F5; background: #4B84F5;}
#contentBody  .quickMenu li:nth-child(3){margin-right:0;}
#contentBody  .quickMenu li a{display: flex; flex-wrap: wrap; justify-content: center; align-items:center; text-align:left; position:relative; width:100%; height:106px; padding:0 10px; box-sizing: border-box; font-size: 18px; color:#383838;}
#contentBody  .quickMenu li:nth-child(1) a{color:#fff;}
#contentBody  .quickMenu li a::before{content: ''; width:40px; height:40px; padding-right:15px;}
#contentBody  .quickMenu li:nth-child(1) a::before{background: url(/eminwon/frgnrWorker/images/ico_quickmenu01.png) left center no-repeat;}
#contentBody  .quickMenu li:nth-child(2) a::before{background: url(/eminwon/frgnrWorker/images/ico_quickmenu02.png) left center no-repeat;}
#contentBody  .quickMenu li:nth-child(3) a::before{background: url(/eminwon/frgnrWorker/images/ico_quickmenu03.png) left center no-repeat;}
#contentBody .cnt .quickMenu li a::after{content: ''; position: absolute; right:20px; bottom:20px; margin-left:-78px; width:256px; height:10px; background: url(/eminwon/frgnrWorker/images/ico_arrow_gray.png) no-repeat;}
#contentBody .cnt .quickMenu li:nth-child(1) a::after{content: ''; position: absolute; right:20px; bottom:20px; width:256px; height:10px; background: url(/eminwon/frgnrWorker/images/ico_arrow_white.png) no-repeat;}

#contentBody  .boxTxt {margin:30px 0;}
#contentBody  .boxExcept{width:100%; background: #fff; border: 1px solid #ddd; padding:15px 0;}
#contentBody  .boxExcept h3{font-size: 24px; font-weight: 400; margin-bottom:10px; }

#contentBody .conLft{width:100%;}
#contentBody .conLft h2{ font-size: 16px; color: #3e7cb0}
#contentBody .conLft h2 span{ color: #333; font-size: 12px;}
#contentBody .conRgt{ text-align: left; vertical-align: top; padding-top: 20px;}
#contentBody .conRgt li{ margin: 5px 0}
#contentBody .conRgt #button{ padding: 0;}
.bl_box{ margin: 5px 0 20px; padding: 20px 10px; border: 2px solid #3e7cb0; padding:10px; font-size: 12px; color: #5F5F5F}
#contentBody .conLft .bl_box ul{ margin: 10px 15px; list-style:square;  list-style-position: outside; font-size: 12px; color: #5F5F5F}
#contentBody .conLft .bl_box ul li{ margin: 5px 0; line-height: 1.5}
#contentBody .conLft .bl_box ul li .bl{ color: #3e7cb0; text-decoration: underline;}
#contentBody .conLft .floatDiv{ list-style: none !important; margin: 0 !important;}
#contentBody .conLft .floatDiv li{ margin:1px !important;; text-align: center; padding: 5px 0; font-weight: bold; background: #e4e4e4; cursor: pointer;}
#contentBody .conLft .floatDiv li:hover{ background: #73b2e4; color: #fff;}
#contentBody .conLft .floatDiv li.w28{ width: 28%;}
#contentBody .conLft .floatDiv li.w42{ width: 42%;}
#contentBody .conLft .floatDiv li.w32{ width: 32.7%;}
#contentBody .conLft .floatDiv li.w49{ width: 49.2%;}

/* 자진등록 */
.wrap.selfWrite .header{width:100%; height:75px; padding:0 38px; box-sizing: border-box;  display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center; background: #fff;}
.wrap.selfWrite .cntWrap{width:1024px; margin:0 auto; padding:0;}
.wrap.selfWrite .btnBox{margin:50px 0;}
.wrap.selfWrite .btnBox a{display: inline-block; width:230px; height:76px; line-height: 76px; font-size: 20px; text-align: center; color:#fff;}
.wrap.selfWrite .btnBox a small{font-size: 14px; padding-left:5px; font-weight: 100;}
.wrap.selfWrite .btnBox a.btnClose{background: #C4C4C4; margin-right:10px;}
.wrap.selfWrite .btnBox a.btnSave{background: #003478;}

/* 대행사 회원가입 */
.wrap.join .header{width:100%; height:75px; padding:0 38px; box-sizing: border-box;  display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center; background: #fff;}
.wrap.join .cntWrap{width:1024px; margin:0 auto; padding:0;}     
.wrap.join .btnBox{margin:50px 0;}
.wrap.join .btnBox a{display: inline-block; width:230px; height:76px; line-height: 76px; font-size: 20px; text-align: center; color:#fff;}
.wrap.join .btnBox a small{font-size: 14px; padding-left:5px; font-weight: 100;}
.wrap.join .btnBox a.btnClose{background: #C4C4C4; margin-right:10px;}
.wrap.join .btnBox a.btnApply{background: #003478;}

/* 선사입국 축산관계자 명단 제출*/
.wrap.shipLst{width:1200px;}
.wrap.shipLst .header{width:100%; height:90px; padding:15px 38px; box-sizing: border-box;  display: flex; flex-wrap: wrap; justify-content: space-between; align-items:flex-end; background: #053768;}
.wrap.shipLst .header h1{font-size:28px; color:#fff; font-weight: 300;}
.wrap.shipLst .header .menu li{display: inline-block; margin-left:10px;}
.wrap.shipLst .header .menu li a{font-size:14px; color:#fff; }

.wrap.shipLst .cntWrap{width:100%; margin:0 auto; padding:15px 38px; box-sizing: border-box; }
.wrap.shipLst .cntWrap .infoTop{display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center; margin:30px 0 15px 0;}
.wrap.shipLst .cntWrap .infoTop h2{font-size:18px; font-weight: 300;}
.wrap.shipLst .cntWrap .infoTop .btn a{position: relative; display: inline-block; width:132px; padding:0 0 0 20px; box-sizing: border-box; font-size:14px; border-radius: 5px; line-height: 34px;}
.wrap.shipLst .cntWrap .infoTop .btn a.btnDownload{background:#095b2b; border:1px solid #095b2b; color:#fff;}
.wrap.shipLst .cntWrap .infoTop .btn a.btnDownload::before{content: ''; position:absolute; top:10px; left:13px; display:inline-block; width:14px; height:14px; background: url(/eminwon/frgnrWorker/images/ico_download.png) center center no-repeat; }
.wrap.shipLst .cntWrap .infoTop .btn a.btnUpload{border:1px solid #383838; color:#383838}
.wrap.shipLst .cntWrap .infoTop .btn a.btnUpload::before{content: ''; position:absolute; top:11px; left:13px; display:inline-block; width:14px; height:14px; background: url(/eminwon/frgnrWorker/images/ico_upload.png) center center no-repeat; }
.wrap.shipLst .cntWrap .infoTop .btn a + a {margin-left:5px;}

.wrap.shipLst .cntWrap .searchBox{margin:40px 0; display: flex; flex-wrap: nowrap; align-items: center;}
.wrap.shipLst .cntWrap .searchBox .btnDownload02 {display: inline-block; padding:0 20px; line-height:30px; box-sizing: border-box; border-radius: 5px; background:#4B84F5; text-align: center; font-size:14px; color:#fff;}
.wrap.shipLst .cntWrap .searchBox .txt{font-size: 14px;}
.wrap.shipLst .cntWrap .searchBox .term{margin-left:10px;}
.wrap.shipLst .cntWrap .searchBox .date{position: relative;}
.wrap.shipLst .cntWrap .searchBox .date input{width:150px; padding:0 0 0 45px; font-size: 14px;}
.wrap.shipLst .cntWrap .searchBox .date input + .ui-datepicker-trigger{position: absolute; top:0; left:15px; display: inline-block; width:22px; height:22px;}
.wrap.shipLst .cntWrap .searchBox .btnSearch {display: inline-block; width:105px; line-height:30px; box-sizing: border-box; border-radius: 5px; background:#053768; margin:0 10px; text-align: center; font-size:14px; color:#fff;}
.wrap.shipLst .cntWrap .searchBox .empty{display: inline-block; width:12px; text-align: center;}
.wrap.shipLst .cntWrap input{height:30px; background: #fff; border:1px solid #c8c8c8; border-radius: 5px; padding:0 10px;}
.wrap.shipLst .cntWrap .totalBox{margin:10px 0; display: flex; flex-wrap: nowrap; align-items: center;}
.wrap.shipLst .cntWrap .totalBox .notice{font-size: 12px; margin-left:30px; color:#999;}

.basicTbl02 table{width:100%; table-layout: fixed; border-collapse:collapse;}
.basicTbl02 table tr{border-top: 1px solid #999b9a; border-bottom: 1px solid #999b9a;}
.basicTbl02 table tr th{padding:10px; background: #e4e9ec; font-size: 14px; font-weight: 300; text-align: center; color:#383838; border-left: 1px solid #999b9a; border-right: 1px solid #999b9a;}
.basicTbl02 table tr td{padding:10px;text-align: left; background: #fff; border-left: 1px solid #999b9a; border-right: 1px solid #999b9a; }
.basicTbl02 table a{color:#4B84F5;}
.basicTbl02 table .txt{margin-top:10px;}
.basicTbl02 table .txt em{font-weight: 400;}
.basicTbl02 table .empty{display: inline-block; width:12px; text-align: center;}
.fileBox{display: flex; flex-wrap: nowrap;}
.fileBox label {position:relative; display:inline-block; background: #f4f4f4; border:1px solid #c8c8c8; box-sizing: border-box; border-radius: 5px; width:115px; height:30px; line-height:30px; text-align: center; cursor:pointer; vertical-align:middle; overflow:hidden;}
.fileBox label input.file_hidden {position:absolute; width:0; overflow:hidden;
    height:0 !important;
    background: none !important;
    border-radius: none !important;
    border: none !important;
    padding:0 !important;
}
.fileBox input[type=text] {vertical-align:middle; display:inline-block; width:180px; height:30px; margin-left:5px; line-height:30px; font-size:14px; color:#d5d5d5; padding:0; border:none !important; }
.basicTbl02 .btnExcelRead {display: inline-block; width:135px; line-height:30px; box-sizing: border-box; margin-left:10px; border-radius: 5px; background:#053768; text-align: center; font-size:14px; color:#fff;}
.basicTbl02 .btnLst {display: inline-block; padding:0 20px; line-height:30px; box-sizing: border-box; border-radius: 5px; background:#4B84F5; text-align: center; font-size:14px; color:#fff;}
.basicTbl02 table .time input{width:115px;}
.basicTbl02 table .harbor select{width:100%;}
.basicTbl02 table .contry select{width:100%;}
.basicTbl02 table select {
    height:30px;
    padding:0 5px;
    font-size:14px;
    border:1px solid #c8c8c8;
    border-radius: 5px;
    background:url(/eminwon/frgnrWorker/images/ico_arrow_select02.png) no-repeat;
    background-position: right 10px center;
    background-color:#fff;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
}


/* TABLE */
.applyTbl {width:100%;}
.applyTbl h3{position: relative; font-size:22px; color:#000; padding-left:14px; font-weight: 300; text-align: left;}
.applyTbl h3::before{content: ''; position: absolute; left:0; top:6px; width:2px; height:26px; background: #000;}
.applyTbl h3 .info{position: absolute; right:0; bottom:0; font-size:14px; color:#4B84F5;}
.applyTbl table{width:100%; table-layout: fixed; border-collapse:collapse; margin:20px 0 40px 0;}
.applyTbl table tr th{padding:10px 4px; border: 1px solid #383838; background: #DBEEF4; font-size: 16px; font-weight: 300;}
.applyTbl table tr th.bgblue{background: #CDE4FF;}
.applyTbl table tr th label{font-size: 16px; font-weight: 300;}
.applyTbl table tr th span{font-weight:100; display: block;}
.applyTbl table tr td{padding:15px 20px; border: 1px solid #383838; text-align: left; background: #fff;}
.applyTbl table tr td input{height:40px; background: #FFFFFF; border: 1px solid #9F9F9F; color:#9f9f9f;}
.applyTbl table tr td .country .btnViewPop{width:calc(100% - 280px); display: inline-block; text-align: center;}
.applyTbl table tr td .country .btnViewPop img{vertical-align: middle;}
.applyTbl table tr td .country > input{width:170px;}
.applyTbl table tr td .country .code{position: relative; width:100px; display: inline-block;}
.applyTbl table tr td .country .code input {width:100px; height:40px; padding:0; text-align: center; background: #f4f4f4; border: 1px solid #9F9F9F;}
.applyTbl table tr td .country .code .flag{position:absolute; left:15px; top:5px; display: inline-block; width:30px; height:30px; font-size: 0;}
.applyTbl table tr td .btnSearchApply {position: relative; display: inline-block; height:40px; padding:0 20px 0 40px; margin-left: 4px; box-sizing: border-box; line-height: 40px; font-size:16px; color:#fff; background: #6D6D6D; vertical-align: middle;}
.applyTbl table tr td .btnSearchApply::before{content: ''; position:absolute; top:11px; left:15px; display:inline-block; width:16px; height:16px; background: url(/eminwon/frgnrWorker/images/ico_search_top.png) center center no-repeat; }
.applyTbl table tr td .btnDefault {position: relative; display: inline-block; height:40px; padding:0 20px; margin-left: 4px; box-sizing: border-box; line-height: 40px; font-size:16px; color:#fff; background: #6D6D6D; vertical-align: middle;}
.applyTbl table tr td .empty{display: inline-block; width:12px; text-align: center;}
.applyTbl table tr td .social input{width:calc((100% - 119px)/2);}
.applyTbl table tr td .passport input{width:calc(100% - 100px);}
.applyTbl table tr td .phone select{width:84px;}
.applyTbl table tr td .phone input{width:calc((100% - 40px)/3);}
.applyTbl table tr td .gender .radioWrap {width:45%; display: inline-block; font-size:16px;}
.applyTbl table tr td .gender em{font-size: 16px; font-weight: 300;}
.applyTbl table tr td .gender em small{font-size: 12px; font-weight: 100;}
.applyTbl table tr td .address .inputWrap:nth-child(1) input{width:221px;}
.applyTbl table tr td .address .inputWrap:nth-child(2) {margin-top:10px;}
.applyTbl table tr td .address .inputWrap:nth-child(2) input{width:389px;}
.applyTbl table tr td .address .inputWrap:nth-child(2) input + input{margin-left:6px;}
.applyTbl table tr td .occupation{display: flex; flex-wrap: wrap;}
.applyTbl table tr td .occupation input[type="checkbox"] + label {position: relative;}
.applyTbl table tr td .occupation input[type="checkbox"] + label span {border: 1px solid #9f9f9f;}
.applyTbl table tr td .occupation > span{width:33.3%; margin:20px 0;}
.applyTbl table tr td .occupation span em.txt{position: absolute; top: -5px; left: 40px; width: 250px; display: inline-block; font-size:16px; font-weight: 300;}
.applyTbl table tr td .occupation span em.txt small{display: block; font-size:12px; font-weight: 100;}
.applyTbl table tr td .occupation.line{border:1px solid #E6E6E6; border-radius: 10px; padding:0 20px;}
.applyTbl table tr td .occupation.pd{padding:0 20px;}
.applyTbl table tr td .occupation.pd > span{width:50%; margin:20px 0;}
.applyTbl table tr td .occupation.pd span em.txt{position: absolute; top: -5px; left: 40px; width: 350px; display: inline-block; font-size:16px; font-weight: 300;}
.applyTbl table tr td .occupation.pd.hgt_01{height:110px;}
.applyTbl table tr td .visit {display: flex; flex-wrap: wrap; justify-content: space-between;}
.applyTbl table tr td .visit .inputWrap{width:50%; margin:10px 0;}
.applyTbl table tr td .visit .inputWrap input {width:250px;}
.applyTbl table tr td .visit .inputWrap input.read {width:132px; background: #F4F4F4;}
.applyTbl table tr td .visit .inputWrap em.num{font-size: 18px; font-weight: 300; padding-right: 5px;}
.applyTbl table tr td .visit .btnViewPop {width: 40px; display: inline-block; text-align: center;}
.applyTbl table tr td .visit .btnViewPop img {vertical-align: middle;}
.applyTbl table tr td .departure .date{position: relative; margin-right:15px;}
.applyTbl table tr td .departure .date input{width:128px; padding:0 0 0 45px; border: 1px solid #383838;}
.applyTbl table tr td .departure .date .btnCal{position: absolute; top:0; left:15px; display: inline-block; width:22px; height:22px;}
.applyTbl table tr td .departure select{width:80px;}
.applyTbl table tr td .departure em{padding:0 4px; font-size:16px; font-weight: 300;}
.applyTbl table tr td .departure_port > input {width:calc(100% - 133px);}
.applyTbl table tr td .departure_port .btnViewPop {width: 40px; display: inline-block; text-align: center;}
.applyTbl table tr td .departure_port .btnViewPop img {vertical-align: middle;}
.applyTbl table tr td .departure_port .code {position: relative; width: 85px; display: inline-block;}
.applyTbl table tr td .departure_port .code input {width: 85px; height: 40px; padding: 0; text-align: center; background: #f4f4f4; border: 1px solid #9F9F9F;}
.applyTbl table tr td .departure_port .code .flag {position: absolute; left: 5px; top: 5px; display: inline-block; width: 30px; height: 30px; font-size: 0;}
.applyTbl table tr td .traveler em{padding-left:20px; color:#9F9F9F; font-size: 16px; font-weight: 100;}
.applyTbl table tr td .traveler em small{font-size: 12px;}
.applyTbl table tr td .socialNum > input{width:117px;}
.applyTbl table tr td .socialNum > input + span + input{width:170px;}
.applyTbl table tr td .socialNum .agreeWrap{margin-left: 10px; position: relative;}
.applyTbl table tr td .socialNum .agreeWrap input[type="checkbox"] + label {vertical-align: top; margin:0 6px 0 0;}
.applyTbl table tr td .socialNum .agreeWrap input[type="checkbox"] + label span {width:18px; height:18px; border: 1px solid #9f9f9f; background-size: 18px 18px;}
.applyTbl table tr td .socialNum .agreeWrap em.txt{position: absolute; top:-7px; left:26px; width: 300px; display: inline-block; font-size:14px; font-weight: 300;}
.applyTbl table tr td .socialNum .agreeWrap em.txt small{display: block; font-size:12px; font-weight: 300; color:#FF5858; margin-top:5px;}
.applyTbl table tr td .household .agreeWrap {margin-top:10px;}
.applyTbl table tr td .household .agreeWrap input[type="checkbox"] + label span {width:18px; height:18px; border: 1px solid #9f9f9f;  background-size: 18px 18px;}
.applyTbl table tr td .household .agreeWrap input[type="checkbox"] + label {font-size: 16px; font-weight: 300;}
.applyTbl table tr td .householdSocial input{width:calc((100% - 20px)/2);}

/* BUTTON */
.btnGray {display: inline-block; height:40px; padding:0 20px; text-align: center; box-sizing: border-box; line-height: 40px; font-size:14px; color:#fff; background: #999;}
.btnBlue {display: inline-block; height:40px; padding:0 20px; text-align: center; box-sizing: border-box; line-height: 40px; font-size:14px; color:#fff; background: #4B84F5;}
.btnGraySm {display: inline-block; height:28px; padding:0 14px; text-align: center; box-sizing: border-box; line-height: 28px; font-size:14px; color:#fff; background: #C4C4C4;}


.sub_bg{ background: #fff;}
.sub_wrap{ width: 890px; margin: 0 auto;}
.sub_wrap.w990{width: 990px !important}
.sub_wrap .sub_header{ padding: 10px 0; background: url(../img/title_line.gif) no-repeat 0 100%; height: 35px;}
.sub_wrap .sub_header .fr{ padding-top: 13px;}

.sub_wrap .sub_grid, .sub_grid{ background: #B3B3B3; margin: 10px 0;}
.sub_wrap .sub_grid table th, .sub_wrap .sub_grid table td, .sub_grid table th, .sub_grid table td{ padding: 5px; font-size: 12px;}
.sub_wrap .sub_grid table th, .sub_grid table th{ text-align: center; color: #1E386F; background: #E8EEF7; font-weight: normal;}
.sub_grid table th label{color: #1E386F; cursor: pointer;}
.sub_grid table th.tableG2{ background: #F3F3F3;}
.sub_grid table .tableW{ background: #EBF9E3}
.sub_wrap h2{ color: #1E386F; background: #E8EEF7; font-size: 18px;}
.sub_wrap .sub_grid table td, .sub_grid table td{text-align: left; background: #fff}
.sub_wrap .sub_grid table td img, .sub_grid table td img{ vertical-align: middle;}
.sub_wrap .sub_grid table td input[type=checkbox]{ margin: 0 3px 5px 0; border: 0 !important;}
.sub_wrap .sub_grid table td input[type=radio]{ border: 0 !important;}
.sub_wrap .sub_grid table th.bg_red{ background: #EED2EE;}
.sub_wrap .sub_button table { width:100%; border:1px;}


/* 팝업 */
.popWrap.checkUser{}
.checkUser{width:100%;}
.checkUser h1{ margin: 0 !important; padding-bottom:1px; text-align: left;}
.checkUser .popHeader{position:relative; height:60px; background: #053769; }
.checkUser .popHeader h2{color:#fff; line-height:60px; font-size:20px; font-weight:300;}
.checkUser .popHeader .btnClose{position: absolute; top:16px; right:20px; width:24px; height:24px; background: url(/eminwon/frgnrWorker/images/ico_close.png) left top no-repeat; font-size:0; }

.popWrap.ship{}
.ship .popHeader{position:relative; height:50px; background: #053769; }
.ship .popHeader h2{padding:0 30px; color:#fff; line-height:50px; font-size:16px; font-weight:300; text-align:left;}

.popCnt{width:100%; padding:50px; box-sizing:border-box;}
.popCnt .formBox{display:flex; flex-wrap: nowrap;}
.popCnt .formBox .formWrap{width:calc(100% - 155px);}
.popCnt .inputWrap{display:flex; flex-wrap: nowrap; align-items: center;}
.popCnt .inputWrap + .inputWrap {margin-top:10px;}
.popCnt .inputWrap label{width:100px; font-size:16px; font-weight: 300; color:#383838; text-align: left;}
.popCnt .inputWrap p{width:calc(100% - 100px); display:flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.popCnt .inputWrap p input{width:100%; height:40px; background: #FFFFFF; border: 1px solid #9F9F9F;}
.popCnt .formBox .formWrap p input.onlynum{width:calc((100% - 24px)/2);}
.popCnt .formBox .formWrap p span{ width:20px;}
.popCnt .formBox .btnWrap a{position: relative; display:block; width:155px; height:90px; padding-top:50px; box-sizing: border-box; margin-left:15px; background: #4B84F5; font-size: 16px; color:#fff; border-radius: 10px;}
.popCnt .formBox .btnWrap a::before{content: ''; position: absolute; width:33px; height:33px; top:17px; left:50%; margin-left:-17px; background: url(/eminwon/frgnrWorker/images/ico_search.png) left top no-repeat;}
.popCnt .popTbl th {font-weight:300; text-align:left;}
.popCnt .popTbl td{padding:10px;  text-align:left;}
.popCnt .popTbl td input[type=text]{width:100%; height:50px; border: 1px solid #9F9F9F; padding:0 10px;}
.popCnt .popTbl td input.onlynum{width:45%; height:50px; border: 1px solid #9F9F9F; padding:0 10px;}
.popCnt .noData{display:flex; flex-wrap: wrap;}
.popCnt .noData .submit{position:relative; width:100%; font-size: 18px; box-sizing:border-box; padding-top:70px;}
.popCnt .noData .submit::before{content:''; position:absolute; top:0; left:50%; margin-left:-35px; display: block; width:70px; height:70px; background: url(/eminwon/frgnrWorker/images/ico_submit.png) center center no-repeat;}
.popCnt .noData .null{position:relative; width:100%; font-size: 18px; box-sizing:border-box; padding-top:70px;}
.popCnt .noData .null::before{content:''; position:absolute; top:0; left:50%; margin-left:-35px; display: block; width:70px; height:70px; background: url(/eminwon/frgnrWorker/images/ico_null.png) center center no-repeat;}
.popCnt .btnBox{margin:50px 0;}
.popCnt .btnBox a{display: inline-block; width:230px; height:76px; line-height: 76px; font-size: 20px; text-align: center; color:#fff;}
.popCnt .btnBox a small{font-size: 14px; padding-left:5px; font-weight: 100;}
.popCnt .btnBox a.btnClose{background: #C4C4C4; margin-right:10px;}
.popCnt .btnBox a.btnSearch{background: #4B84F5;}
.popCnt .searchBox {padding:10px 0; text-align: center; background: #f4f4f4;}
.popCnt .searchBox select{width:100px;}
.popCnt .searchBox input{height:40px; background: #FFFFFF; border: 1px solid #9F9F9F; font-size:14px;}
.popCnt .searchBox .btnSearch {position: relative; display: inline-block; height:40px; padding:0 20px 0 40px; margin-left: 4px; box-sizing: border-box; line-height: 40px; font-size:14px; color:#fff; background: #6D6D6D; vertical-align: middle;}
.popCnt .searchBox .btnSearch::before{content: ''; position:absolute; top:11px; left:15px; display:inline-block; width:16px; height:16px; background: url(/eminwon/frgnrWorker/images/ico_search_top.png) center center no-repeat; }
.popCnt .btnOk {display: inline-block; height:40px; padding:0 20px; margin-left: 4px; box-sizing: border-box; line-height: 40px; font-size:14px; color:#fff; background: #6D6D6D; vertical-align: middle;}
.popCnt #helpText {font-size: 12px; font-weight: 300; color: #FF5858;}

.popCntB{width:100%; padding:20px 30px; box-sizing:border-box;}
.popCntB .btnBox{margin-top:20px; text-align: center;}
.popCntB .btnBox a{display:inline-block; width:80px; line-height: 34px; border-radius: 5px; text-align: center; font-size: 12px;}
.popCntB .btnBox a.btnOk{background: #053768; border: 1px solid #053768; color:#fff;}
.popCntB .btnBox a.btnCancel{border: 1px solid #383838; color:#383838; margin-left:5px;}

.popTbl02 table{width:100%; table-layout: fixed; border-collapse:collapse; margin:20px 0 40px 0;}
.popTbl02 table tr{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.popTbl02 table tr th{padding:10px; background: #f4f4f4; font-size: 14px; font-weight: 300; text-align: center; color:#383838;}
.popTbl02 table tr td{padding:10px 15px;text-align: left; background: #fff; }
.popTbl02 table a{color:#4B84F5;}
.popTbl02 table input{height:40px; background: #FFFFFF; border: 1px solid #9F9F9F; font-size:14px;}
.popTbl02 table .txt{margin-top:10px;}
.popTbl02 table .txt em{font-weight: 400;}
.popTbl02 table tr td .ico{width:21px; height:19px; display: inline-block; vertical-align: middle;}
.popTbl02 table tr td .harbor{background: url(/eminwon/frgnrWorker/images/ico_harbor.png) center center no-repeat;}
.popTbl02 table tr td .airport{background: url(/eminwon/frgnrWorker/images/ico_airport.png) center center no-repeat;}

.popTbl03 table{width:100%; table-layout: fixed; border-collapse:collapse;}
.popTbl03 table tr{border-top: 1px solid #999b9a; border-bottom: 1px solid #999b9a;}
.popTbl03 table tr th{padding:10px; background: #e4e9ec; font-size: 12px; font-weight: 300; text-align: center; color:#383838; border-left: 1px solid #999b9a; border-right: 1px solid #999b9a;}
.popTbl03 table tr td{padding:10px;text-align: left; background: #fff; border-left: 1px solid #999b9a; border-right: 1px solid #999b9a; font-size:12px;}
.popTbl03 table tr td input{height:30px; background: #fff; border:1px solid #c8c8c8; border-radius: 5px; padding:0 10px; font-size:12px;}


.pageNavBox {margin:10px 0; padding:0 20px;}
.pageNavBox font{padding:0 7px;}


.sub_grid2{ width: 990px; background: #fff; height: 150px;}
.sub_grid2 table { border-collapse:collapse;  table-layout: fixed; margin: -1px 0 0 0; width: 100%;}
.sub_grid2 table tbody td{ border: 1px solid #B3B3B3; border-collapse:collapse;}
.sub_grid2 table .col1{width:155px !important;}
.sub_grid2 table .col2{width:185px !important;}
.sub_grid2 table .col3{width:145px !important;}
.sub_grid2 table .col4{width:125px !important;}
.sub_grid2 table .col5{width:120px !important;}
.sub_grid2 table .col6{width:180px !important;}

.sub_wrap3{ width:590px; margin: 0 auto; align:left;}
.sub_wrap3 .sub_grid3, .sub_grid3{ background: #B3B3B3; margin: 10px 0;}
.sub_wrap3 .sub_grid3 table th, .sub_wrap3 .sub_grid3 table td, .sub_grid3 table th, .sub_grid3 table td{ padding: 2px; font-size: 12px;}
.sub_wrap3 .sub_grid3 table th, .sub_grid3 table th{ text-align: center; color: #1E386F; background: #E8EEF7; font-weight: normal;}
.sub_grid3 table th label{color: #1E386F; cursor: pointer;}
.sub_wrap3 h2{ color: #1E386F; background: #E8EEF7; font-size: 18px;}
.sub_wrap3 .sub_grid3 table td, .sub_grid3 table td{text-align: left; background: #fff}


.sub_grid4 table th, .sub_grid4 table td, .sub_grid4 table th, .sub_grid4 table td{ padding: 2px; font-size: 12px;}
.sub_grid4 table th, .sub_grid4 table th{ text-align: center; color: #1E386F; background: #E8EEF7; font-weight: normal;}
.sub_grid4 table th label{color: #1E386F; cursor: pointer;}
.sub_grid4 h2{ color: #1E386F; background: #E8EEF7; font-size: 18px;}
.sub_grid4 table td, .sub_grid4 table td{text-align: left; background: #fff}