@charset "utf-8";
/*common*/
	body{word-break:keep-all}
	.inp-latestbank{float:left}
	.inp-latestbank .ui-drop-pnl{width:100%}
	.inp-latestbank .bank{padding-left:10px}
	.txt_c{text-align:center !important}
	.brkWrd{display:block;word-wrap:break-word}
	.brkWrd td{word-wrap:break-word}
	.mgt-m50{margin-top:50px !important;}
	.ui-trcheck .tbl-write label{margin-left:0}	
	.inp-base + .inp-base{margin-left:3px}
	.ui-tab{margin-bottom:0}
	.ui-tab-pnl .tbl-wrap:last-of-type{margin-bottom:0 !important}
	.btn-wrap button{margin:0 10px}
	.ui-tab-btn{cursor:pointer}
	
	.con-mt-base{margin-top:35px !important}
	.con-mt-m25{margin-top:-25px !important}
	
	/*대표자주민번호 확인 버튼 추가*/	
	#ssn1,
	.inat5,
	#ssn2/*{float:left}*/
	#resntBtn{margin-left:0px}
	
	.inat5{display:inline-block; color:#444; font-size:15px; font-weight:300; line-height:1; margin:9px 5px;}

	/*에러박스*/
	.error-border-box .ui-select-btn,
	.error-border-box .inp-base{border:1px solid #e10808}
	.errorBox:before{content:'';clear:both;display:block;padding-top:5px	}
	
	/*입력값이 올바른 경우	*/	
	.confirmInfo:after{content:'';position:absolute;top:50%;right:12px;width:12px;height:10px;margin-top:-5px;background:url(/resources/images/foreign/infoMathing.png) 95% 50% no-repeat}
	.confirmInfo.type-direct:after{display:none}
	input.confirmInfo{background:url(/resources/images/foreign/infoMathing.png) 95% 50% no-repeat}
	
	/*토글버튼*/
	.btnToggle{position:relative;margin-bottom:0;padding-bottom:15px;border-bottom:1px solid #969696}
	.btnToggle:after{content:'';position:absolute;top:50%;right:15px;width:18px;height:10px;margin-top:-5px;background:url(/resources/images/foreign/icn.png) -30px 0 no-repeat}
	.btnToggle a{display:block;font-size:inherit;color:inherit}	
	.btnToggle.on{border-bottom:0}
	.btnToggle.on:after{background-position:-30px -15px}
	
	.tggLay{display:none}
	.tggLay.on{display:block}
	.infoTxt{line-height:34px;font-size:14px;color:#999}
	
	.dpNo{display:none}
	.dpNo.on{display:block}

	/*선택요소가 두 줄로 보여야 할때*/
	.rdi_wrap{	margin-bottom:10px}
	
/*팝업*/
	.ui-modal-cont .txt-system{margin-bottom:5px;font-size:20px;font-weight:300;line-height:24px;letter-spacing:-1.5px;}
	.ui-modal-wrap .ui-modal-footer{padding:35px 0}
	.ui-modal-cont{padding-left:25px;padding-right:25px}
	.ui-partial .text{padding:0}
	/*펍업 전체동의*/	
	.ui-modal-cont .pst-wrap .pst-rBtn{right:2px;margin-top:-11px}
	.ui-modal-cont .pst-wrap{margin-top:3px}
	.ui-modal-cont .tit-con{font-weight:normal;font-size:17px}
	.ui-modal-cont .tit-agree2{font-weight:normal;font-size:15px}	
	.ui-modal-cont .list-defi dl dd button{display:block;margin-top:5px}
	.ui-modal-cont .tbl-base thead th,
	.ui-modal-cont .tbl-write thead th{text-align:center}

/*외국인메인*/
	.base-content{float:left}
	.consumer-main-wrap.frg .visual-area{background:url(/resources/images/foreign/img_foreing_main.jpg) 0 0 no-repeat}
	.consumer-main-wrap.frg .cs-menu-box .box .tit{display:block;position:relative; height:99px; margin:0 0 21px; text-align:center; font-size:17px; font-weight:500; line-height:1; color:#000; letter-spacing:-1px;}
	.consumer-main-wrap.frg .cs-menu-box .box .tit:after{content:""; position:absolute; left:50%; bottom:0; width:54px;height:55px; margin-left:-27px;background:url(/resources/images/foreign/ico_illu_foreign.gif) no-repeat;}
	.consumer-main-wrap.frg .cs-menu-box .box .txt{display:block;}
	.consumer-main-wrap.frg .cs-menu-box .box:nth-child(1){margin:0;}
	.consumer-main-wrap.frg .cs-menu-box .box:nth-child(2) .tit:after{background-position:0 -55px;}
	.consumer-main-wrap.frg .cs-menu-box .box:nth-child(3) .tit:after{background-position:0 -110px;}
	.consumer-main-wrap.frg .cs-menu-box .box:nth-child(4) .tit:after{background-position:0 -165px;}
	.consumer-main-wrap.frg .cs-menu-box .box:nth-child(5) .tit:after{background-position:0 -220px;}
	
	.frg .content-f-wrap .con-list{width:285px}
	.frg .content-f-wrap .con-list .con2{height:135px;padding:27px 20px}
	.frg .content-f-wrap .con-list dt{font-size:17px}
	.frg .content-f-wrap .con-list .list-box.type1 li,
	.frg .content-f-wrap .con-list .list-box.type2 li{position:relative;margin:17px 0 0;padding:0 0 0 10px;border:0}
	.frg .content-f-wrap .con-list .list-box.type1 li:before,
	.frg .content-f-wrap .con-list .list-box.type2 li:before{content:'';position:absolute;top:50%;left:0;width:3px;height:3px;margin-top:-2px;border-radius:50%;background:#444}
	.frg .content-f-wrap .con-list .list-box.type2 li:first-child,
	.frg .content-f-wrap .con-list .list-box.type1 li:first-child{margin-top:0}
	.frg .content-f-wrap .con-list .list-box.type1 li a{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

	.frg .content-f-wrap .con-list .list-box.type3 li{padding:17px 0 0;border:0}
	.frg .content-f-wrap .con-list .list-box.type3 li:first-child{padding-top:0}	
	/*.frg .content-f-wrap .con-list .list-box.type3 li a{font-size:15px}*/
	/* 2018.11.27 홈페이지 css 변경되어 수정 */
	.frg .content-f-wrap .con-list .list-box.type3 li a{display:block; position:relative; width:100%; padding:0; font-size:15px; background:url(/resources/images/front/bl_list.gif) right 50% no-repeat; line-height:1;}
	
	.frg .content-f-wrap .con-list .list-box.type2 li a{display:block;position:relative;font-size:15px;color:#444}
	.frg .content-f-wrap .con-list .list-box.type2 li a:after{content:'';display:inline-block;width:11px;height:11px;margin-left:5px;background:url(/resources/images/foreign/bnt_outLink.gif) no-repeat}
	
	.frg .content-f-wrap .con-list .list-box.type2 li:nth-child(3),
	.frg .content-f-wrap .con-list .list-box.type2 li:nth-child(4){float:left;}
	.frg .content-f-wrap .con-list .list-box.type2 li:nth-child(3){width:55%}
	
/*검색옵션*/
	.ui-select{float:left}
	.scrWord{float:left;display:none;width:200px}
	.scrWord.on{display:inline-block}
	.dipInBl{float:left;width:200px;display:inline-block !important}
	.fr_optTerms.act{display:none}
	.fr_optTerms .tbl-write-ver tr:first-child th,
	.fr_optTerms .tbl-write-ver tr:first-child td,
	.tglLayer .tbl-write-ver tr:first-child th,
	.tglLayer .tbl-write-ver tr:first-child td{border-top:1px solid #e9e9e9}
  
    
/*데이터 없을 경우*/
	.tbl-write tbody .noDataList{}
	p.noDataList{padding:60px 0;border-top:1px solid #969696;border-bottom:1px solid #ccc;text-align:center;font-weight:300;font-size:25px}	

/*담당자 연락처*/
	.box-callcenter{height:auto	}
	.box-callcenter .info{position:relative;width:calc(100% - 206px);margin:28px 0 20px;padding:10px 37px}	
	.box-callcenter .info:after{content:'';display:block;clear:both;position:absolute;top:0;right:-1px;width:1px;height:100%;background:url(/resources/images/common/ico_bullet.png) no-repeat 0 -136px}
	.box-callcenter .num-callcenter{height:auto;margin:28px 0 20px;padding-bottom:15px}
	.box-callcenter .num-callcenter .title{padding-top:15px;line-height:1.3em}
	.box-callcenter .num-callcenter:after{height:100%}
	/*.ui-modal-cont .box-callcenter .info{padding-top:35px	}
	.ui-modal-cont .box-callcenter .num-callcenter:after{height:110px}
	.ui-modal-cont .box-callcenter .num-callcenter .title{padding-top:22px;}*/
	
	/*계좌번호 직접입력*/
	.owner{display:none}	
	.owner.on{display:block}
	
	/*직업입력 삭제*/
	.inp-latestbank.olSel{width:60%}
	.inp-latestbank.olSel .ui-drop{position:absolute;width:100%}
	.inp-latestbank.olSel .ui-drop{background-color:transparent}
	.inp-latestbank.olSel .ui-drop-box .opt .ctg {display:none}
	.inp-latestbank.olSel .ctg{display:none}
	
	.inp-date-wrap>input[disabled],
	.inp-date-wrap>input[readonly]{color:#999;border:1px solid #ccc;background-color:#f7f7f9}	

/*파일 첨부한 경우*/
	.added .ui-file{float:left;margin-right:15px}
	.ui-file .ui-file-wrap{margin-top:0}
	.ui-file-wrap{display:inline-block}
	.ui-file-wrap:last-child{height:auto}
	.ui-file .ui-file-txt{height:30px}
		
/*첨부파일 안내텍스트*/
	.ui-file .placeholder{display:inline-block;margin-left:10px;line-height:30px}
	.add-file-list ul li{line-height:30px	}
	
/*보험구청구 상태*/
	.tbl-wrap table .faulty{border-bottom:1px solid #e10808;text-decoration:none;color:#000}

/*리스트 메세지*/
	.tbl-wrap table .ttCl_1{color:#e10808}
	.tbl-wrap table .ttCl_2{color:#ff6201}
	.tbl-wrap table .ttCl_3{color:#1a72c9}
	.tbl-wrap table .ttCl_4{color:#bbb}
	.tbl-wrap table .ttCl_5{color:#009922}
	
/*게시판 제목 정렬*/
	.tbl-wrap .sort{display:block;position:relative}
	.tbl-wrap .sort:after{content:'';display:inline-block;width:9px;height:12px;margin-left:7px;background:url(/resources/images/foreign/icn.png) -50px 0 no-repeat}
	.tbl-wrap table td a{text-decoration:underline}
	.tbl-wrap.bbs td a{text-decoration:none}

/*게시판 상단 - thead 영역*/	
	thead .thGr_td{border-bottom:1px solid #e9e9e9;background:none}
	
/*게시판 옵션*/
	.tabRight{float:right}
	.txt-r .cmmnt{display:block}
	
/*서류미비 - 팝업*/
	.faulty .tit-desc{line-height:1.3em;letter-spacing:0}
	.faulty .info{width:600px}

/*계산 결과 box*/
	.accBox{padding:12px 0;border:1px solid #969696}
	.accBox dl{float:left;width:50%;padding:10px 25px 0 25px	}
	.accBox dl:first-of-type{position:relative}
	.accBox dl:first-of-type:after{content:'';display:block;clear:both;position:absolute;top:0;right:0;width:1px;background:url(/resources/images/common/ico_bullet.png) no-repeat 0 -136px;background-size:500px 500px}
	.accBox dt{float:left;position:relative}
	.accBox dd{float:right;font-weight:300;font-size:20px}
	.accBox dd b{line-height:25px;font-family:'Samsung LGothic M';font-size:25px	}
	.accBox dd span{font-family:'Samsung LGothic M';font-size:32px}
	
	/*한개 요소만 있을 경우*/
	.accBox .type_1{float:none;width:100%}
	.accBox .type_1 dt{position:relative;padding-left:35px;line-height:32px;font-weight:500;font-size:20px}
	.accBox .type_1 dt:before{content:'';position:absolute;top:50%;left:0;width:26px;height:26px;margin-top:-13px;background:url(/resources/images/foreign/icn.png) no-repeat}
	.type_1 dd{margin-top:50px;color:#ff6201}
	
	/*예상수령액 계산 결과*/
	#divExptRcpitCalcRslt{margin-top:35px}
	.supposiReceipt dl:first-of-type{height:135px}
	.supposiReceipt dl:first-of-type:after{height:135px}	
	.supposiReceipt dt,
	.supposiReceipt dd{font-size:20px}
	.supposiReceipt dt{position:relative;padding-left:35px;line-height:32px;font-weight:500}
	.supposiReceipt dt:before{content:'';position:absolute;top:50%;left:0;width:26px;height:26px;margin-top:-13px;background:url(/resources/images/foreign/icn.png) no-repeat}
	
	/*예상수령액*/
	.accBox .supposi dd{position:absolute;right:25px;bottom:5px;color:#ff6201}
	.desc-marketing li b{font-weight:600}
	/*지급보험금*/
	.accBox .clainPaid{margin-bottom:15px}
	
	/*보험료 계산 결고*/
	.premium dl:first-of-type{height:100px}
	.premium dl:first-of-type:after{height:100px}	
	.premium dt{line-height:26px;font-weight:500;font-size:15px}
	.premium dd{font-weight:300;font-size:17px	}
	
	/*총보험료*/
	.allPre dt{padding-left:40px;font-size:20px;font-weight:500}
	.allPre dt:before{content:'';position:absolute;top:50%;left:0;width:26px;height:26px;margin-top:-13px;background:url(/resources/images/foreign/icn.png) no-repeat	}
	.allPre dd{position:absolute;right:25px;bottom:10px;font-size:20px;color:#ff6201}
	.allPre dd span{line-height:32px}
	/*청약일자*/
	.subscribeDate{margin-top:15px}
	/*납부일*/
	.payDate dt{font-weight:500;font-size:17px}
	.payDate dd{float:right;margin-top:50px;font-weight:300}
	
/*옵션에 따른 출력*/
	.optView{display:none}
	.optView.on{display:block}
	
/*상단 옵션 체크 박스*/
	.optCheckBox{margin-bottom:-1px;padding:15px 0 15px 20px;border-top:1px solid #969696;border-bottom:1px solid #ccc}
	.optCheckBox + div .tbl-wrap{padding-top:1px;border-top:0}
	
/*약관내용*/
	.terms-box{font-size:15px}
	.terms-box b{display:block;margin-bottom:10px;line-height:21px;font-weight:500;letter-spacing:-1px;color:#676767}
	.terms-box{overflow:hidden}
	.terms-box ul{width:90%;margin:0 auto}
	.terms-box li{float:left;width:50%;margin-bottom:5px}

/*자세히 보기 버튼*/
	.btn-search.view{border:0;font-size:0}
	.btn-search.view:hover{background:none}	
	.btn-search.view:after{margin:0}
	
/*증명서발행-줄방뀜 방지*/
	#dataTable02 td a,
	#plcyNo{white-space:nowrap}	
	
/*하단 추가 정보*/
	ul.caution:before{display:none}

/*삭제 데이터*/
	.delData,
	tr.delData td{color:#ccc}

/*약관동의 제목에 버튼이 있을 경우*/
	.prov-agree	.pst-wrap button{position:relative;top:-3px;left:11px}
	
/*글자자르기*/
	.toElli{display:none;overflow:hidden;text-overflow:ellipsis;text-align:left}
	.toElli.wsNw{display:block;white-space:nowrap}
	.ui-modal-cont .toElli{width:420px;white-space:nowrap;display:block}
	.ui-modal-cont .toElli.w250{width:250px;}
	.ui-modal-cont .toElli.w180{width:180px;}
	.line2 td{width:50%}
	
	/*보험료 납입 글자 자르기*/
	#dataList #tbody02 td.txt-l em{display:block}

/*글자강조*/
	.fnEm{	color:#000;font-weight:600}
		
/*보험상품*/
	.tit-desc.fn-small,
	.tit-desc.fn-fr{line-height:1.5}
	
	.ductInsure .visual-section .insure-info{width:100%;border:0;background:no-repeat 100% 100%}
	.ductInsure.depart .visual-section .insure-info{background-image:url(/resources/images/foreign/ductInsure_depart.png)}
	.ductInsure.injury .visual-section .insure-info{background-image:url(/resources/images/foreign/ductInsure_injury.png)}
	.ductInsure.return .visual-section .insure-info{background-image:url(/resources/images/foreign/ductInsure_return.png)}
	.ductInsure .visual-section .insure-info p{height:230px;padding-top:50px}	
	
	.addExplain{position:relative;padding-left:10px}
	.addExplain:before{content:"·";position:absolute;left:0;top:-2px;font-weight:700;font-size:18px}
	.caution.mrTbl{margin-top:-25px}
	.caution.mrTbl button{margin-left:8px}

	.ductExplain .exTxt{position:relative;overflow:hidden;margin-bottom:35px;padding:0 0 35px 0;border-bottom:1px solid #e9e9e9;}
	.ductExplain .exTxt dt{margin:0 0 15px 0;font-size:23px;font-weight:500;letter-spacing:-1.5px;color:#000;}
	.ductExplain .exTxt dd{position:relative;margin:10px 0 0 11px;line-height:24px;letter-spacing:-0.35px;padding-left:10px;font-weight:300;}
	.ductExplain .exTxt dd:before{content:"·";position:absolute;left:0;top:-2px;font-weight:700;font-size:18px}
	.ductExplain .exTxt .nonBul:before,
	.dot-rounnd dl .nonBul:before{display:none}
	.ductExplain .exTxt .subTbl{margin:1.5rem 0 0 1.1rem}
	.ductExplain .exTxt .subTbl h2{margin-bottom:10px;font-size:20px}
	.ductExplain .exTxt .bul-num-circle li{text-indent:-18px}	
	/*순번있는 리스트*/
	ol.bulNum{list-style:none}
	ol.bulNum li{margin-left:1.1rem;text-indent:-1.1rem}
	
/*고용허가제란*/
	.ducImg{margin:15px 0 35px}
	.emLis h2{font-size:23px;font-weight:500;letter-spacing:-1.5px;line-height:1;color:#000}
	.emLis h3{font-weight:500;font-size:20px;color:#000;line-height:1}
	.emLis ul{	margin:15px 0 0 0;}
	.emLis li{position:relative;margin:0 0 0 11px;line-height:24px;letter-spacing:-0.35px;padding-left:10px;word-break:keep-all;font-weight:300;list-style:none}
	.emLis li:before{content:"";position:absolute;left:0;top:9px;width:3px;height:3px;background:#000;border-radius:50%}
	.emLis li p{margin-left:10px;text-indent:-8px	}	
	.rlSource{margin-top:35px;padding-top:10px;border-top:1px solid #ccc;text-align:right;font-size:14px;color:#666}
	.tbl-write label{margin-left:0} 

	.ducImg img{display:block}
	
	.infoTel span{display:block}
	.infoTel span em{display:inline-block;width:100px}
	
/*업무처리 이용안내*/
	.emLis .btnToon{margin:10px 0 35px 20px}
	.emLis .btnToon:before{display:none}
	.emLis .useProcessBtn{margin:0 0 0 105px}
	.useProcessBtn + ul li{margin-top:10px}
	.useProcessBtn + ul li:first-child{margin-top:0}
	.useProcessBtn:after{content:'';clear:both;display:block}
	.useProcessBtn li{float:left;width:156px;margin:0 20px 0 0;padding:0;text-align:center}
	.useProcessBtn li:before{display:none}	
	.ui-modal-cont.toon img{width:100%;min-height:100%}/*toon*/
	
/*국가별안내*/
	.natNoti{margin-top:-20px}
	.natNoti li{position:relative;float:left;width:calc(50% - 10px);margin-top:20px;padding-left:100px;border:1px solid #ccc;border-radius:1px;line-height:100px;list-style:none;font-weight:500;font-size:17px;}	
	.natNoti li:nth-child(2n){margin-left:20px	}
	.natNoti li:before{content:'';position:absolute;top:50%;left:20px;margin-top:-20px;width:60px;height:40px;background:url(/resources/images/foreign/icn_flag.png)}
	.natNoti .bn:before{background-position:-60px 0}
	.natNoti .km:before{	background-position:-120px 0}
	.natNoti .ch:before{background-position:-180px 0}
	.natNoti .pt:before{background-position:0 -40px}
	.natNoti .in:before{background-position:-60px -40px}
	.natNoti .ky:before{background-position:-120px -40px}
	.natNoti .lo:before{background-position:-180px -40px}
	.natNoti .mn:before{background-position:0 -80px}
	.natNoti .my:before{background-position:-60px -80px}
	.natNoti .ne:before{background-position:-120px -80px}
	.natNoti .ur:before{background-position:-180px -80px}
	.natNoti .tl:before{background-position:0 -120px}
	.natNoti .si:before{background-position:-60px -120px}
	.natNoti .th:before{background-position:-120px -120px}
	.natNoti .uz:before{background-position:-180px -120px}
	.natNoti .vi:before{background-position:0 -160px}
	.natNoti .en:before{background-position:-60px -160px}

	.natNoti .doc_1:before,
	.natNoti .doc_2:before,
	.natNoti .doc_3:before,
	.natNoti .doc_4:before{top:50%;left:30px;margin-top:-23px;width:40px;height:45px;background:url(/resources/images/foreign/img_info_doc.png);}
	.natNoti .doc_2:before{background-position:-40px 0}
	.natNoti .doc_3:before{background-position:-80px 0}
	.natNoti .doc_4:before{background-position:-120px 0}

	.natNoti li .btn-down{position:absolute;top:50%;right:20px;margin-top:-15px}

/*콜센터 안내*/
	td .faxNumT{display:-ms-inline-flexbox;display:inline-flex;width:70px;justify-content:space-between}
	.ie8 td .faxNumT,
	.ie9 td .faxNumT{display:inline-block}
	

/*업무담당자 관리*/
	.admMan .toElli{display:none;text-align:center;text-align:inherit}		
	.admMan td:nth-child(4){text-align:left}
	.admMan .toElli.wsNw{display:block}
	.admMan .tbl-write label{margin-left:0}
	.scrPny button{margin-left:2px;padding-top:9px;padding-bottom:9px;background:#767676;border:1px solid #767676;color:#fff}
	.scrPny button:hover{background:#444}
	.tbl-wrap + .bul-round.caution{padding-left:0}
	
/*검색영역 선택박스*/
	.tbl-wrap td #fr_srcOpt{width:150px}	
	.fn-color2{color:inherit !important}

/*wca - checkbox*/
	.tbl-write tr.focus label,
	.tbl-write label.focus{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px}
	.tbl-write tr.focus{text-decoration:underline}	
