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

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


html{}
body{background:#fff;}
#container{
	position:relative;
	min-width:320px;
	margin:auto;
	overflow:hidden;
}
	#head{
		clear:both;
		z-index:30;
		position:relative;
		height:0;
	}
	#wrap{
		clear:both;
		z-index:10;
		position:relative;
	}
		#body{}
	#foot{display:none;
		clear:both;
		z-index:20;
		position:relative;
		height:0;
	}


/* Contents ◆◆◆ */

/*20190517 추가 */
#title{display:block;
	padding:.5em 1em;
	margin:0;
	font-weight:normal;
	font-family:"Noto Sans KR","본고딕",NotoSans,"Noto Sans", "Apple SD Gothic Neo", "Open Sans", "Microsoft JhengHei", "Meiryo", "맑은 고딕","Malgun Gothic", "돋움",Dotum, Helvetica,"Helvetica Neue", Arial,sans-serif";
}
.popupm{margin:1em;}
/* 우편번호조회 20181012 */
.pop1zipcode2{
	font-size:13px;
	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;}


/* 본문메뉴1.드롭다운.갭0.활성배경 20180903 */
.cnb1{display:block;position:relative;
	margin:0 auto 1.375em;
	font-size:16px;
	line-height:1.375;
	overflow:hidden;
}
.cnb1>.note{display:block;
	height:21px;
	margin:0;padding:10px 30px 10px 10px;
	border:3px solid #555;
	background:#fff;
	color:#222;font-weight:bold;text-align:left;
	text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb1>.toggle{display:block;
	position:absolute;left:0;top:0;
	width:100%;
	height:44px;
	margin:0;padding:0;border:0;background:url(../../img/inc/b.png);color:#000;text-align:left;text-decoration:none !important;
	overflow:hidden;text-indent:-9999px;
}
.cnb1>.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;
	margin:-2px 15px;
	border:6px solid transparent;border-top-color:#000;border-bottom:0;
	overflow:hidden;text-indent:100%;
}
.cnb1>.toggle.on>.ic1{
	border-bottom:6px solid #000;border-top:0;
}
.cnb1 ul{list-style:none;margin:0;padding:1px 0 0 1px;overflow:hidden;}
.cnb1>.toggle~ul{border:0;}
.cnb1 li{float:left;width:100%;margin:0;padding:0;}
.cnb1 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cnb1 li>a{display:block;
	position:relative;
	min-height:1.375em;
	margin:-1px 0 0 -1px;padding:9px;
	border:1px solid #ccc;
	background:#f7f7f7;
	color:#555;
	text-decoration:none !important;
}
.cnb1 li>a:hover,
.cnb1 li>a:focus{z-index:10;position:relative;
	border:1px solid #f15c30;
	color:#000;
}
.cnb1 li.on>a{z-index:5;position:relative;
	border:1px solid #f15c30;
	background-color:#f15c30;
	color:#fff;
	cursor:default;
}


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


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


/* ☆ 자동균등폭 .mj-menu-even-width 20160531 */
.mj-menu-even-width ul{opacity:0;} /* 변이 모습 감춤. makeEvenWidthMenus(); 실행 후 opacity:1; */

/* ☆(100/(column1~12))% */
[class*='cnb'] .col-1 > li{width:100%;text-align:left;}
[class*='cnb'] .col-2 > li{width:50%;}
[class*='cnb'] .col-3 > li{width:33.33333%;}
[class*='cnb'] .col-4 > li{width:25%;}
[class*='cnb'] .col-5 > li{width:20%;}
[class*='cnb'] .col-6 > li{width:16.66666%;}
[class*='cnb'] .col-7 > li{width:14.28571%;}
[class*='cnb'] .col-8 > li{width:12.5%;}
[class*='cnb'] .col-9 > li{width:11.11111%;}
[class*='cnb'] .col-10 > li{width:10%;}
[class*='cnb'] .col-11 > li{width:9.09091%;}
[class*='cnb'] .col-12 > li{width:8.33333%;}


/* 본문메뉴1.갭0.불릿. 20180903 */
.cnb1{}
.cnb1>.note{display:none;}
.cnb1>.toggle{display:none;}
.cnb1 ul{display:block !important; /* ☆ */
	position:relative;
	margin:0 -1px -1px 0; /* 우측오차1px보정 */
	padding:1px;
	border:0;
	background:#fff url(../../img/inc/b.000000.opacity.10.pattern4slash1.png);
	overflow:visible;
}
.cnb1 ul:before,
.cnb1 ul:after{content:'';display:table;} /* [IE8+] */
.cnb1 ul:after{clear:both;}
.cnb1 li{width:auto;text-align:left;}
.cnb1 li>a{
	padding:18px 43px 18px 18px;
	border-color:#d7d7d7; /* #666 */
	background:#fff;
}
.cnb1 li.on>a{
	padding:18px 43px 18px 18px;
	border:1px solid #f15c30;
	background:#f15c30;
	color:#fff;
	font-weight:500;
	cursor:default;
}
.cnb1 li>a:after{content:'';display:block;
	position:absolute;right:0;top:50%;
	width:20px;height:20px;
	margin:-10px 10px;
	background:url(../../img/inc/cnb1bg1.png) no-repeat;
}
.cnb1 li.on>a:after{background-image:url(../../img/inc/cnb1bg1on.png);}


} /* /(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 ◇◆◇◆◇◆◇◆◇◆◇◆ */