@charset "utf-8";
/* CSS Document */

/* 팝업 레이아웃 */
.popUpWrap_01 {position:fixed; top:calc(50% - 185px); left:calc(50% - 150px); background-color:#fff; z-index:30000; width:300px; border:1px solid #bbb;}
.popUpWrap_01 .btnCloseBox {position:absolute; bottom:-1px; right:-30px; width:30px; height:30px; background-color:#444444; text-align:center; cursor:pointer; padding-top:3px;}
.popUpWrap_01 .btnCloseBox button {vertical-align: middle}
.popUpWrap_01 .contentsBox {padding:20px; height:300px; overflow-y:auto; overflow-x:hidden;}
.popUpWrap_01 .contentsBox p {font-size:14px; line-height:1.4;}
.popUpWrap_01 .contentsBox > a {text-decoration: none;}
.popUpWrap_01 .bottomBox {padding:5px 15px 5px 20px; display:table; width:100%;position:absolute;bottom:0}
.popUpWrap_01 .bottomBox:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.popUpWrap_01 .bottomBox .logoBox {display:table-cell; width:50%;}
.popUpWrap_01 .bottomBox .checkBox {display:table-cell; width:50%; vertical-align:middle; text-align:right;}
.popUpWrap_01 .bottomBox .checkBox label {font-size:11px; font-weight:500;}

.btnCloseBox button {font-size:0}
#mobileClose {display:none;}
@media all and (max-width:850px){	
	.popUpWrap_01 {width:100% !important;top:0 !important;left:0 !important;outline: 2000px solid rgba(0,0,0,0.5);}
	.popUpWrap_01 .btnCloseBox {display:none;}
	#mobileClose {display:inline-block;}
	.popUpWrap_01 .bottomBox {border:1px solid #eee}
	.popUpWrap_01 .bottomBox .logoBox {display:none;}
	.popUpWrap_01 .bottomBox .checkBox {width:100%;}
	.img_css {width:100%;}
}

/* 설문조사 팝업 레이아웃 */
.popUpWrap_02 {position:fixed; top:calc(25% - 185px); left:calc(15% - 150px); background-color:#fff; z-index:30000; width:450px; border:1px solid #bbb;}
.popUpWrap_02 .btnCloseBox {position:absolute; bottom:-1px; right:-30px; width:30px; height:30px; background-color:#444444; text-align:center; cursor:pointer; padding-top:3px;}
.popUpWrap_02 .btnCloseBox button {vertical-align: middle}
.popUpWrap_02 .contentsBox {padding:20px; height:300px; overflow-y:auto; overflow-x:hidden;}
.popUpWrap_02 .contentsBox p {font-size:14px; line-height:1.4;}
.popUpWrap_02 .contentsBox > a {text-decoration: none;}
.popUpWrap_02 .bottomBox {padding:5px 15px 5px 20px; display:table; width:100%;position:absolute;bottom:0}
.popUpWrap_02 .bottomBox:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.popUpWrap_02 .bottomBox .logoBox {display:table-cell; width:50%;}
.popUpWrap_02 .bottomBox .checkBox {display:table-cell; width:50%; vertical-align:middle; text-align:right;}
.popUpWrap_02 .bottomBox .checkBox label {font-size:11px; font-weight:500;}

.btnCloseBox button {font-size:0}
#mobileClose {display:none;}
@media all and (max-width:850px){	
	.popUpWrap_02 {width:100% !important;top:0 !important;left:0 !important;outline: 2000px solid rgba(0,0,0,0.5);}
	.popUpWrap_02 .btnCloseBox {display:none;}
	#mobileClose {display:inline-block;}
	.popUpWrap_02 .bottomBox {border:1px solid #eee}
	.popUpWrap_02 .bottomBox .logoBox {display:none;}
	.popUpWrap_02 .bottomBox .checkBox {width:100%;}
	.img_css {width:100%;}
}

.closeMsg{font-size: 11px; font-weight: 500;}
 


/** 설문조사 팝업 **/
.popUp-survey-01 {width:450px; padding:30px 25px 20px;}
.popUp-survey-01 .survey-logo-top {text-align:right; margin-bottom:10px;}

.popUp-survey-01 .btn-box { text-align:center; padding:18px 10px 0;}
.btn-survey-01 {padding:12px 25px 10px; background-color:#aaa; color:#fff; font-size:14px;}
.btn-survey-01:hover {background-color:#8dc541;}

.popUp-survey-01 .survey-content {width:100%; background-color:#055ca9; padding:10px; position:relative; overflow:hidden;}
.popUp-survey-01 .survey-content:before {content:''; width:100%; height:100%; position:absolute; right:-50%; top:0; background-color:#8dc541; z-index:1; transform:skewX(-15deg);}
.popUp-survey-01 .survey-content .inner-box {background-color:#fff; position:relative; z-index:500;}
.popUp-survey-01 .survey-content .top-letter-box {width:100%; padding:35px 25px 0; }
.popUp-survey-01 .survey-content .top-letter-box h2 {font-size:22px; color:#055ca9;}
.popUp-survey-01 .survey-content .top-letter-box h1 {font-size:28px; color:#055ca9; font-weight:bold; margin-bottom:10px;}
.popUp-survey-01 .survey-content .top-letter-box .nor-para {font-size:13px; color:#888; margin-bottom:20px; letter-spacing:-0em;}
.popUp-survey-01 .survey-content .top-letter-box .line-mi-gray {width:100%; height:3px; background-color:#eeeeee;}
.popUp-survey-01 .survey-content .question-box {width:100%; padding:25px 25px 25px 30px; height:300px; overflow-y:scroll; }
.popUp-survey-01 .survey-content .question-b {margin-top:25px;}
.popUp-survey-01 .survey-content .question-b:first-of-type {margin-top:0px;}
.popUp-survey-01 .survey-content .question-b .subject {margin-bottom:8px; font-size:15px; font-weight:bold; color:#444;}
.popUp-survey-01 .survey-content .question-b ul {padding-left:15px;}
.popUp-survey-01 .survey-content .question-b ul li {margin-top:5px;}
.popUp-survey-01 .survey-content .question-b ul li:first-of-chlid {margin-top:0px;}
.popUp-survey-01 .survey-content .question-b ul li label {font-size:14px; color:#666; vertical-align:middle;}
.popUp-survey-01 .survey-content .question-b ul li input {vertical-align:middle; width:11px; height:11px;}

.popUp-survey-01 .survey-content .result-box {text-align:center; min-height:350px; padding:90px 40px 20px; line-height:1.4;}
.popUp-survey-01 .survey-content .result-box h2 {font-weight:bold; font-size:24px; color:#055ca9; margin-bottom:20px;}
.popUp-survey-01 .survey-content .result-box h5 {font-size:15px; color:#666; line-height:1.5;}


@media all and (max-width:450px){	
	.popUp-survey-01 {width:100%; padding:15px 15px 15px;}
	
	.popUp-survey-01 .btn-box {padding:10px 10px 0;}
	.btn-survey-01 {padding:10px 20px 8px; font-size:13px;}
	
	.popUp-survey-01 .survey-content {padding:6px;}
	.popUp-survey-01 .survey-content .top-letter-box {width:100%; padding:20px 20px 0; }
	.popUp-survey-01 .survey-content .top-letter-box h2 {font-size:16px;}
	.popUp-survey-01 .survey-content .top-letter-box h1 {font-size:18px; margin-bottom:5px;}
	.popUp-survey-01 .survey-content .top-letter-box .nor-para {font-size:12px; margin-bottom:15px;}
	.popUp-survey-01 .survey-content .question-box {padding:15px 20px 15px 20x; height:240px;}
	.popUp-survey-01 .survey-content .question-b {margin-top:15px;}
	.popUp-survey-01 .survey-content .question-b .subject {margin-bottom:8px; font-size:13px; font-weight:bold; color:#444;}
	.popUp-survey-01 .survey-content .question-b ul {padding-left:15px;}
	.popUp-survey-01 .survey-content .question-b ul li {margin-top:3px;}
	.popUp-survey-01 .survey-content .question-b ul li label {font-size:13px;}
	.popUp-survey-01 .survey-content .question-b ul li input {width:9px; height:9px;}
	
	.popUp-survey-01 .survey-content .result-box {padding:100px 20px 20px;}
	.popUp-survey-01 .survey-content .result-box h2 {font-size:20px; }
	.popUp-survey-01 .survey-content .result-box h5 {font-size:14px;}
}