@media only screen and (min-width:768px){
	.stop{width:100%;height:100%;overflow:hidden}
	.bg{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:100;background:#000;opacity:.4;}
	.layer{position:fixed;top:50%;margin-top:0;left:50%;margin-left:-377px;width:755px;display:none;max-height:100%;z-index:1000}
	.layer2{position:fixed;top:0;margin-top:0;left:0;margin-left:0px;display:none;max-height:100%;min-width:300px;max-width:100%;z-index:1000}
	.mini{width:440px;margin-left:-220px;} 
	.middle{width: 520px;margin-left: 0px;}/*2016-11-24 추가*/
	
	/*공지팝업 start*/
	.popup{position:relative;width:100%;height:100%;z-index:101;border:1px solid #898989;background:#fff;}
	.popupGonggi{position:relative;width:100%;z-index:101;border:1px solid #898989;background:#fff;}
	.popupGonggi header{padding:12px 22px;background:#184f8c;overflow:hidden;}
	.popupGonggi header h2{font-size:22px;font-weight:600;color:#fff;}
	.popupGonggi header img{cursor:pointer;width:24px;height:24px;}
	/*.popupGonggi .gonggi{padding:3px 3px; }*/
	.popupGonggi .gonggi img{max-width: 100%;}
	/*공지팝업 end*/
	
	.popup header{padding:12px 22px;background:#184f8c;overflow:hidden;}
	.popup header h2{font-size:22px;font-weight:600;color:#fff;}
	.popup header img{cursor:pointer;width:24px;height:24px;}

	.popup .body{padding:26px 22px;}
	.popup .body .text{margin:10px 0 30px;padding:0 10px;font-size:16px;font-weight:600;color:#555;}
	.popup .body .red{color:#ff4800;text-align:center;margin-top:20px;margin-bottom:0;}
	.layer .popup .body{max-height:700px;overflow-y:auto;}

    .popup .body2{padding:3px 3px;}
    
    
    .layer2 .popup .body2{max-height:800px;overflow-y:auto;}

	.alert{width:374px;margin-left:-187px;top:50%;margin-top:-103px;}
	.alert .popup{border:none;}
	.alert .popup header{padding:14px 28px;background:#e6e6e6;}
	.alert .popup header h2{font-size:20px;color:#000;}
	.alert .body{padding:16px 0 60px;height:156px;width:374px;display:table-cell;vertical-align:middle;}
	.alert .body article{font-size:16px;text-align:center;}

	.popup iframe{width: 100%;height: 700px;position: relative;z-index: 99;}
	.popup .close{cursor:pointer;width:24px;height:24px;position: absolute;z-index: 1000;right: 10px;top: 10px;background:#bbb}

	.popup .loading{margin-top:30px}
	.popup .loading:before{content:' ';background:url(../img/common/loading.gif) no-repeat 50% 50%;width:58px;height:58px;display:inline-block;vertical-align:middle;margin-right: 12px}
	.popup .loading span{display:inline-block;vertical-align:middle;line-height: 32px}

	div.survey_submit{padding:18px 22px;border-bottom: 1px solid #eaeaea;margin-bottom: 12px}
	span.survey_submit{display:block;font-size:14px;line-height:24px;color:#000;}
	span.survey_submit + img{margin-top:16px}

	.survey{margin-bottom:30px;}
	.survey li{overflow: hidden;counter-increment:counter;padding:16px 0;border-bottom:1px solid #eaeaea;font-size:14px;line-height:18px;color:#000}
	.survey li:last-child{border: none;}
	.survey li:before{content: counter(counter) '. ';float:left;display:block;height:100%}
	.survey li div{margin-left:18px;margin-bottom: 10px}
	.survey label{display: block !important;margin:6px 0 0 0 !important;}
	.survey label:last-of-type{float: left}
	.survey label + input[type='text']{float: right;width: 92%;margin-top: 2px}

	.survey_icon{display:block;width:53px;height:62px;margin:auto;background:url(../img/sub/survey_icon.png);margin-bottom:12px}
}

@media only screen and (max-width:767px){
	.stop{width:100%;height:100%;overflow:hidden}
	.bg{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:100;background:#000;opacity:.4;}
	.layer{position:fixed;/*2016-11-24 수정*/top:0;left:0;width:100%;height:100%;display:none;margin:0 !important}
	.popup{position:relative;width:100%;min-height:100%;z-index:101;background:#fff;}
	
	.layer2{position:fixed;/*2016-11-24 수정*/top:0;left:0;width:100%;height:100%;display:none;margin:0 !important}
	
	
	.popup header{
		background: rgb(24,79,140); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(24,79,140,1) 58%, rgba(123,170,50,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(24,79,140,1) 58%,rgba(123,170,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(24,79,140,1) 58%,rgba(123,170,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		padding:17px 15px;
		overflow:hidden;
	}
	.popup header h2{font-size:20px;font-weight:600;color:#fff;}
	.popup header img{cursor:pointer;width:18px;height:18px;}
	
	
		/*공지팝업 start*/
	.popup{position:relative;width:100%;height:100%;z-index:101;border:1px solid #898989;background:#fff;}
	.popupGonggi{position:relative;width:100%;z-index:101;border:1px solid #898989;background:#fff;}
	.popupGonggi header{
		background: rgb(24,79,140); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(24,79,140,1) 58%, rgba(123,170,50,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(24,79,140,1) 58%,rgba(123,170,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(24,79,140,1) 58%,rgba(123,170,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		padding:17px 15px;
		overflow:hidden;
	}
	.popupGonggi header h2{font-size:20px;font-weight:600;color:#fff;}
	.popupGonggi header img{cursor:pointer;width:18px;height:18px;}
	/*.popupGonggi .gonggi{padding:3px 3px; }*/
	.popupGonggi .gonggi img{max-width: 100%;}
	/*공지팝업 end*/
	
	

	.popup .body{padding:12px 15px;height: calc(100vh - 57px);overflow-y: auto;/*2016-11-24 추가*/}
	.popup .body .text{margin:10px 0 20px;padding:0 10px;font-size:14px;font-weight:600;color:#555;}
	.popup .body .red{color:#ff4800;text-align:center;margin-top:20px;margin-bottom:0;}

	.alert{width:340px;height:auto;top:50%;left:50%;margin-left:-170px !important;top:50%;margin-top:-103px !important;}
	.alert .popup{border:none;}
	.alert .popup header{padding:14px 28px;background:#e6e6e6;}
	.alert .popup header h2{font-size:20px;color:#000;}
	.alert .body{padding:16px 0 60px;height:156px;width:374px;display:table-cell;vertical-align:middle;}
	.alert .body article{font-size:16px;text-align:center;}

	.popup iframe{width: 100%;height: 100vh;}
	.popup .close{cursor:pointer;width:18px;height:18px;position: absolute;z-index: 1000;right: 10px;top: 10px;background:#bbb}

	.popup .loading{margin-top:30px}
	.popup .loading:before{content:' ';background:url(../img/common/loading.gif) no-repeat 50% 50%;width:58px;height:58px;display:inline-block;vertical-align:middle;margin-right: 12px}
	.popup .loading span{display:inline-block;vertical-align:middle;line-height: 32px}

	div.survey_submit{padding:12px 13px;border-bottom: 1px solid #eaeaea;margin-bottom: 12px}
	span.survey_submit{display:block;font-size:12px;line-height:18px;color:#000;}
	span.survey_submit + img{margin-top:10px;width:120px;height:20px}

	.survey{margin-bottom:30px;}
	.survey li{overflow: hidden;counter-increment:counter;padding:16px 0;border-bottom:1px solid #eaeaea;font-size:12px;line-height:16px;color:#000}
	.survey li:last-child{border: none;}
	.survey li:before{content: counter(counter) '. ';float:left;display:block;height:100%}
	.survey li div{margin-left:12px;margin-bottom: 10px}
	.survey label{display: block !important;margin:4px 0 0 0 !important;}
	.survey label:last-of-type{float: left}
	.survey label + input[type='text']{float: right;width: 80%;margin-top: 2px}

	.survey_icon{display:block;width:42px;height:49px;margin:auto;background:url(../img/sub/survey_icon.png);background-size:100%;margin-bottom:12px;margin-top:6px}
}