@charset "utf-8";
/**
 * @File Name : popup.css
 * @Description : Layout[popup] | Contents[popup]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.07.04 | 문영신 | 최초 등록
 * 2018.07.18 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.07.04
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ Layout[Popup] ◇◆◇◆◇◆◇◆◇◆ */

html{}
body{background:#fff;font-size:13px;}
#container{position:relative;width:100%;min-width:320px;margin:0 auto;background:#fff;overflow:hidden;}
	#head{z-index:30;clear:both;position:relative;height:0;}
	#wrap{z-index:10;clear:both;position:relative;min-height:0;}
		#body{}
	#foot{display:none;z-index:20;clear:both;position:relative;height:0;}
	.body_content{/* width:460px; */width:1000px;
			 /*height:356px;*/
			 height:auto;}
	@media all and (max-width:768px){
		.body_content{width:100%;}
	}


/* Contents ◆◆◆ */

/* 우편번호조회 20160122 */
.pop1zipcode2{letter-spacing:-1px;}
.pop1zipcode2 .tabs{width:100%;padding:0 0 6px 0;overflow:hidden;}
.pop1zipcode2 .tabs .tab>a{float:left;position:relative;width:50%;text-decoration:none;}
*+html .pop1zipcode2 .tabs .tab>a{margin:0 -1px 0 0;}
.pop1zipcode2 .tabs .tab a{display:block;height:3em;background:#eaecee;color:#000;font-weight:bold;font-size:1.077em;line-height:3;text-align:center;}
.pop1zipcode2 .tabs .tab.on a{background:#04b;color:#fff;}
.pop1zipcode2 .tabs .tab.on a .deco{float:left;position:absolute;left:50%;bottom:-12px;width:0;height:0;margin:0 -5px;border:6px solid transparent;border-top-color:#04b;overflow:hidden;text-indent:100%;}
.pop1zipcode2 .cont{padding:0 1em;}
.pop1zipcode2 .search{position:relative;padding:0 20% 0 0;overflow:hidden;}
.pop1zipcode2 .search input.text1{float:left;width:100%;}
.pop1zipcode2 .search button.submit{float:left;
	width:25%; /* =20*(80/100) */
	margin-right:-30%;
	margin-left:-4px;
}
.pop1zipcode2 .help{position:relative;padding:0 0 0 20px;}
.pop1zipcode2 .help .ic1{display:inline-block;width:1em;height:1em;margin-left:-20px;
	border-radius:50%;
	background:#579 url(../../img/lib/ic40w1info1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.pop1zipcode2 .result{padding:0 15px;line-height:1.5;}
.pop1zipcode2 .result .h3{}
.pop1zipcode2 .result .thead .tr{padding:0 0 0 71px;border-top:1px solid #777;background:#f5f7f9;overflow:hidden;}
.pop1zipcode2 .result .thead .th{float:left;padding:10px 0;text-align:center;}
.pop1zipcode2 .result .thead .th.th1{width:70px;margin:0 0 0 -71px;}
.pop1zipcode2 .result .thead .th.th2{float:left;width:100%;margin:0 -1px 0 0;border-left:1px solid #e5e7e9;}
.pop1zipcode2 .result .success{width:100%;max-height:200px;margin:0 0 20px 0;border-top:1px solid #e5e7e9;border-bottom:1px solid #e5e7e9;overflow-y:auto;}
.pop1zipcode2 .result .success .tbody{list-style:none;margin:0;padding:0;overflow:hidden;}
.pop1zipcode2 .result .success .tbody .tr{margin:0;padding:0 0 0 71px;border-bottom:1px solid #e5e7e9;background:#fff;color:#678;overflow:hidden;}
*+html .pop1zipcode2 .result .success .tbody .tr{margin-bottom:-3px;}
.pop1zipcode2 .result .success .tbody .td{float:left;padding:7px 0;text-align:center;}
.pop1zipcode2 .result .success .tbody .td.td1{width:70px;margin:0 0 0 -71px;}
.pop1zipcode2 .result .success .tbody .td.td2{float:left;margin:0;padding:7px;border-left:1px solid #e5e7e9;font-size:.923em;text-align:left;}
.pop1zipcode2 .result .success .tbody .td.td1 a{color:#234;text-decoration:underline;}
.pop1zipcode2 .result .fail{width:100%;max-height:200px;margin:0 0 20px 0;border-top:1px solid #e5e7e9;border-bottom:1px solid #e5e7e9;overflow-y:auto;}
.pop1zipcode2 .result .fail .tbody{list-style:none;margin:0;padding:0;overflow:hidden;}
.pop1zipcode2 .result .fail .tbody .tr{margin:0;padding:0;border-bottom:1px solid #e5e7e9;background:#fff;color:#678;overflow:hidden;}
*+html .pop1zipcode2 .result .fail .tbody .tr{margin-bottom:-3px;}
.pop1zipcode2 .result .fail .tbody .td{display:block;padding:7px 2em;font-size:.923em;text-align:center;}



/* 동영상 홍보 */
.pop-cont.vod-wr {position:relative;background:#f0f0f0;}
.pop-cont. vod-wr .vod {width:100%;height:209px;}
.pop-cont. vod-wr .vod video {background:#000}
.pop-cont. vod-wr .vod-cap {padding:15px 20px; }
.pop-cont. vod-wr .vod-cap p {margin:7px 0;font-size:13px;line-height:15px;}
.pop-cont. vod-wr .vod-cap .hb1 {margin:15px 0}
@media all and (min-width:600px){
	.pop-cont. vod-wr .vod {width:100%;height:314px;}
	.pop-cont. vod-wr .vod-cap p {margin:8px 0;font-size:14px;line-height:14px;}

	/*.vod-wr {padding-left:300px;}
	.vod-wr .vod {position:absolute;top:0;left:0;width:300px;height:255px;overflow:hidden;}
	.vod-wr .vod video {position:absolute;top:0;left:0;width:100%;height:100%;}
	.vod-wr .vod-cap {overflow-y:auto;height:255px;padding:0 0 0 15px}
	*/
}


/* ETC */

 
/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){ /* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */



/* 컨텐츠 새창팝업 */
.cont-popup .pop-head {position:relative;background:#005aab;color:#fff;padding:0 20px;}
.cont-popup .pop-head .tit {line-height:1;font-size:18px;letter-spacing:-0.075em;margin:0;padding:17px 65px 15px 0}
.cont-popup .pop-head .btn-close {position:absolute;top:0;right:0;width:60px;height:100%;background:rgba(0,0,0,0.25);border:0;padding:0;margin:0}
.cont-popup .pop-head .btn-close:before, .cont-popup .pop-head .btn-close:after {position:absolute;top:50%;left:50%;margin-top:-15px;content:"";display:block;width:1px;height:30px;background:#fff;}
.cont-popup .pop-head .btn-close:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.cont-popup .pop-head .btn-close:after {transform:rotate(45deg);-ms-transform:rotate(45deg)}