@import url(common.css);

/* main */
.main {position:relative; width:100%; height:100%; min-height:768px; max-height:100%; overflow:hidden; background:url("/common/images/icon/main_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.main .txtArea {position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; -webkit-transform:translate(0,-50%); transform:translate(0,-50%);}
.main .txtArea .tit {position:relative; top:100px; opacity:0; font-size:38px;}
.main .txtArea .tit span {display:inline-block; font-weight:bold; font-size:48px; margin-top:15px;}
.main .txtArea .txt {position:relative; top:100px; opacity:0; padding:0 15px; font-size:16px; color:#aaa; line-height:26px; margin-top:50px;}
.main .txtArea .txt.end {display:block; !important;}
.main .txtArea .txt p {margin-top:15px;}
.main .txtArea .txt p:first-child {margin-top:0;}
.main .txtArea .moreBt {position:relative; top:100px; opacity:0; display:none;}
.main .txtArea .date {position:relative; top:100px; opacity:0; font-weight:bold; font-size:16px; color:#ccc; line-height:26px; margin-top:70px;}
.main .txtArea .date span {font-weight:normal; }
.main .start {position:absolute; bottom:-100px; left:50%; opacity:0; height:23vh; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}
.main .start:before {content:''; position:absolute; bottom:0; left:50%; width:1px; height:100%; background:rgba(255,255,255,0.1);}
.main .start a {position:relative; display:block; width:80px; height:80px; font-weight:bold; font-size:16px; color:#fff; text-align:center; background:#00aad2; border-radius:40px;}
.main .start a span {position:absolute; top:50%; left:0; width:100%; height:auto; -webkit-transform:translate(0,-50%); transform:translate(0,-50%);}

/* survey */
.survey {position:relative; width:100%; height:100%; min-height:718px; max-height:100%; padding:90px 30px 30px; box-sizing:border-box; background:#fff;}
.survey .imgArea {float:left; position:relative; width:50%; height:100%; box-sizing:border-box; overflow:hidden;}
.survey .imgArea .bg {position:absolute; top:-100%; left:0; width:100%; height:100%;}
.survey .imgArea .bg:first-child {top:0;}
.survey .imgArea .bg.bg1_1 {background:url("/common/images/icon/survey1_bg1.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg1_2 {background:url("/common/images/icon/survey1_bg2.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg1_3 {background:url("/common/images/icon/survey1_bg3.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg1_3.v2 {background:url("/common/images/icon/survey1_bg3_2.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg1_4 {background:url("/common/images/icon/survey1_bg4.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg1_5 {background:url("/common/images/icon/survey1_bg5.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg1_6 {background:url("/common/images/icon/survey1_bg6.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg1_7 {background:url("/common/images/icon/survey1_bg7.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg1_8 {background:url("/common/images/icon/survey1_bg8.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg2_1 {background:url("/common/images/icon/survey2_bg1.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg2_2 {background:url("/common/images/icon/survey2_bg2.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg2_3 {background:url("/common/images/icon/survey2_bg3.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg2_4 {background:url("/common/images/icon/survey2_bg4.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg2_5 {background:url("/common/images/icon/survey2_bg5.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg2_6 {background:url("/common/images/icon/survey2_bg6.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg2_7 {background:url("/common/images/icon/survey2_bg7.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg2_8 {background:url("/common/images/icon/survey2_bg8.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg2_9 {background:url("/common/images/icon/survey2_bg9.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg.bg3 {background:url("/common/images/icon/survey3_bg1.jpg") no-repeat 50% 50%; background-size:cover;}
.survey .imgArea .bg .txtArea {position:absolute; top:50%; left:0; width:100%; padding:0 50px; box-sizing:border-box; color:#fff; text-align:center; -webkit-transform:translate(0,-50%); transform:translate(0,-50%);}
.survey .imgArea .bg .txtArea .num {font-weight:bold; font-size:28px;}
.survey .imgArea .bg .txtArea .tit {font-weight:bold; font-size:54px; line-height:60px; margin-top:15px;}
.survey .surveyArea {float:right; position:relative; width:50%; height:100%; padding-left:30px; box-sizing:border-box; overflow:hidden;}
.survey .surveyArea input[type="hidden"] {position:absolute; top:-9999px; left:-9999px;}
.survey .surveyArea .qArea {position:absolute; top:100%; left:0; width:100%; height:100%; text-align:center; background:#fff;}
.survey .surveyArea .qArea:nth-of-type(1) {top:0;}
.survey .surveyArea .qArea .table {display:table; table-layout:fixed; width:100%; height:100%;}
.survey .surveyArea .qArea .table .table-cell {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.survey .surveyArea .qArea .conDiv {position:absolute; top:50%; left:0; width:100%; height:100%; padding:0 0 0 30px; box-sizing:border-box; -webkit-transform:translate(0,-50%); transform:translate(0,-50%);}
.survey .surveyArea .qArea .conDiv .txtArea {display:none; width:100%; height:calc(50% - 25px);}
.survey .surveyArea .qArea .conDiv .txtArea:first-child {display:block;}
.survey .surveyArea .qArea.havThr .conDiv .txtArea.sec {display:block;}
.survey .surveyArea .qArea .conDiv .btnArea {display:none;}
.survey .surveyArea .qArea .conDiv .btnArea > .prevNext {display:none;}
.survey .surveyArea .qTxt {font-size:22px; color:#333; line-height:28px; margin-top:10px;}
.survey .surveyArea .pcTxt {font-size:16px; color:#c2c2c2; line-height:1.5; margin-top:5px;}
.survey .surveyArea .mobileTxt {display:none;}
.survey .surveyArea .scoreArea {position:relative; overflow:hidden; font-weight:bold; font-size:18px; color:#bbb; margin-top:45px;}
.survey .surveyArea .scoreArea span {display:inline-block; vertical-align:middle; margin-top:9px; margin-left:30px;}
.survey .surveyArea .scoreArea span:first-child {margin-left:0; margin-right:30px;}
.survey .surveyArea .scoreArea .radio {margin:8px;}
.survey .surveyArea .scoreArea label {padding-left:14px; vertical-align:middle;}
.survey .surveyArea .mobileScore {display:none; text-align:center; margin-top:30px;}
.survey .surveyArea .mobileScore .score {display:inline-block; vertical-align:top; width:63px; font-size:25px; color:#00aad2;}
.survey .surveyArea .mobileScore .minus {display:inline-block; vertical-align:top; width:25px; height:25px; background:url("/common/images/btn/m_score_minus.png") no-repeat 50% 50%; background-size:100%;}
.survey .surveyArea .mobileScore .plus {display:inline-block; vertical-align:top; width:25px; height:25px; background:url("/common/images/btn/m_score_plus.png") no-repeat 50% 50%; background-size:100%;}
.survey .surveyArea .checkArea {margin-top:20px;}
.survey .surveyArea .checkArea.type2 {display:inline-block; max-width:100%; width:573px; text-align:left;}
.survey .surveyArea .checkArea .input {padding:3px 15px 0;}
.survey .surveyArea .checkArea .check, .survey .surveyArea .checkArea .radio {margin:10px 15px;}
.survey .indiArea {position:absolute; top:50%; left:50px; width:16px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); margin-top:35px;}
.survey .indiArea a {display:block; width:16px; height:16px; background:url("/common/images/icon/indi.png") no-repeat 50% 50%; background-size:100% auto; margin-top:14px;}
.survey .indiArea a:first-child {margin-top:0;}
.survey .indiArea a.on {background:url("/common/images/icon/indi_on.png") no-repeat 50% 50%; background-size:100% auto;}

/* 2019-02-11 추가 */
.survey .surveyArea .scoreArea .inputs {position:absolute; bottom:-100px; left:0; display:none;}
.survey .surveyArea .scoreArea .btns {position:relative; display:inline-block; vertical-align:top; padding:20px 0 23px;}
.survey .surveyArea .scoreArea .btns:after {content:''; display:block; clear:both;}
.survey .surveyArea .scoreArea .btns > .bad {position:absolute; top:0; left:0; margin:0; font-size:16px;}
.survey .surveyArea .scoreArea .btns > .good {position:absolute; top:0; right:0; margin:0; font-size:16px;}
.survey .surveyArea .scoreArea .btns a {float:left; position:relative; display:inline-block; width:36px; height:22px; border-left:1px solid #d4d4d4; background:#c2c2c2;}
.survey .surveyArea .scoreArea .btns a.fir {border-radius:20px 0 0 20px; border-left:0;}
.survey .surveyArea .scoreArea .btns a.last {border-radius:0 20px 20px 0;}
.survey .surveyArea .scoreArea .btns a span {display:none; position:absolute; bottom:-23px; right:-6px; margin:0; font-weight:bold; font-size:16px; color:#00aad2; z-index:2;}
.survey .surveyArea .scoreArea .btns a.last span {right:0;}
.survey .surveyArea .scoreArea .btns:before {content:'0'; position:absolute; bottom:1px; left:0; font-weight:normal; font-size:16px; color:#ccc;}
.survey .surveyArea .scoreArea .btns:after {content:'10'; position:absolute; bottom:1px; right:0; font-weight:normal; font-size:16px; color:#ccc;}
.survey .surveyArea .scoreArea .btns a.on {background:#00aad2; border-left:1px solid #5fc5dd;}
.survey .surveyArea .scoreArea .btns a.selected span {display:block;}

/* 2019-02-15 추가 */
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(1).on {background:#bc4948; border-left:0;}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(1).on span {color:#bc4948}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(2).on {background:#bc4948; border-left:1px solid #f0f0f0;}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(2).on span {color:#bc4948}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(3).on {background:#bc4948; border-left:1px solid #f0f0f0;}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(3).on span {color:#bc4948}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(4).on {background:#bc4948; border-left:1px solid #f0f0f0;}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(4).on span {color:#bc4948}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(5).on {background:#bc4948; border-left:1px solid #f0f0f0;}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(5).on span {color:#bc4948}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(6).on {background:#bc4948; border-left:1px solid #f0f0f0;}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(6).on span {color:#bc4948}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(7).on {background:#e2c939; border-left:1px solid #f0f0f0;}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(7).on span {color:#e2c939}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(8).on {background:#e2c939; border-left:1px solid #f0f0f0;}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(8).on span {color:#e2c939}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(9).on {background:#74c750; border-left:1px solid #f0f0f0;}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(9).on span {color:#74c750}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(10).on {background:#74c750; border-left:1px solid #f0f0f0;}
.survey .surveyArea .qArea.fir .scoreArea .btns a:nth-of-type(10).on span {color:#74c750}


/* complete */
.complete {position:relative; width:100%; height:100%; max-height:100%; min-height:718px; overflow:hidden; background:url("/common/images/icon/complete_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.complete .txtArea {position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; -webkit-transform:translate(0,-50%); transform:translate(0,-50%);}
.complete .txtArea .tit {position:relative; top:100px; opacity:0; font-weight:bold; font-size:38px; line-height:48px;}
.complete .txtArea .txt {position:relative; top:100px; opacity:0; font-size:16px; color:#aaa; line-height:26px; margin-top:30px;}
.complete .txtArea .eCode {position:relative; top:100px; opacity:0; font-size:18px; color:#fff; margin-top:80px;}
.complete .txtArea .eCode span {font-weight:bold;}
.complete .txtArea .couponArea {position:relative; top:100px; opacity:0; overflow:hidden; text-align:center; margin-top:30px;}
.complete .txtArea .couponArea .cpBox {display:inline-block; vertical-align:top; width:470px; height:234px; margin-left:40px;}
.complete .txtArea .couponArea .cpBox:first-child {margin-left:0;}
.complete .txtArea .couponArea .cpBox .top {position:relative; height:134px; background:url("/common/images/icon/coupon_top_bg.png") no-repeat 0 0;}
.complete .txtArea .couponArea .cpBox .top .left {position:absolute; top:50%; left:30px; text-align:left; -webkit-transform:translate(0,-50%); transform:translate(0,-50%);}
.complete .txtArea .couponArea .cpBox .top .left .txt1 {font-weight:bold; font-size:36px; color:#fff;}
.complete .txtArea .couponArea .cpBox .top .left .txt1 span {font-size:64px;}
.complete .txtArea .couponArea .cpBox .top .left .txt2 {font-weight:bold; font-size:18px; color:#fff;}
.complete .txtArea .couponArea .cpBox .top .right {position:absolute; top:50%; right:30px; text-align:right; -webkit-transform:translate(0,-50%); transform:translate(0,-50%);}
.complete .txtArea .couponArea .cpBox .top .right .txt1 {font-weight:bold; font-size:22px; color:#fff; line-height:30px;}
.complete .txtArea .couponArea .cpBox .top .right .txt2 {font-size:14px; color:#ccc; margin-top:18px;}
.complete .txtArea .couponArea .cpBox .bottom {position:relative; height:100px; padding-top:14px; box-sizing:border-box; font-size:12px; color:#888; text-align:left; background:url("/common/images/icon/coupon_bottom_bg.png") no-repeat 0 0;}
.complete .txtArea .couponArea .cpBox .bottom > div {padding:0 30px; background:#f7f3f2;}
.complete .txtArea .couponArea .cpBox .bottom .mobileBtn {display:none;}
.complete .txtArea .couponArea .cpBox .bottom .txt2 {display:none;}
.complete .txtArea .couponArea .cpBox .bottom ul {}
.complete .txtArea .couponArea .cpBox .bottom ul li {position:relative; padding-left:10px; font-size:12px; color:#888; line-height:16px; margin-top:10px}
.complete .txtArea .couponArea .cpBox .bottom ul li:before {content:''; position:absolute; top:7px; left:0; width:2px; height:2px; background:#888;}
.complete .txtArea .couponArea .cpBox .bottom ul li:first-child {margin-top:0;}

/* 에러페이지 */
.errorWrap {display:table; table-layout:fixed; width:100%; height:100%;}
.errorWrap .errorCon {display:table-cell; width:100%; height:100%; min-height:670px; vertical-align:middle; text-align:center;}
.errorWrap .errorCon .errorBox {position:relative; width:825px; max-width:90%; padding:95px 15px; margin:0 auto; border:1px solid #e0e0e0; box-sizing:border-box;}
.errorWrap .errorCon .errorBox .tit {font-size:32px; color:#000; line-height:1.3; margin-top:50px;}
.errorWrap .errorCon .errorBox .txt1 {font-size:20px; color:#aaa; margin-top:20px;}
.errorWrap .errorCon .errorBox .txt2 {font-size:20px; color:#666; line-height:1.5; margin-top:30px;}
.errorWrap .errorCon .errorBox .txt2 a {font-size:20px; color:#448aff; vertical-align:top; text-decoration:underline;}
.errorWrap .errorCon .errorBox .btn {margin-top:72px;}
.errorWrap .errorCon .errorBox .btn a {display:inline-block; padding:12px 0; margin:3px; width:142px; font-size:16px;}
.errorWrap .errorCon .errorBox .btn .prevBtn {color:#666; background:#fff; border:1px solid #e0e0e0; border-radius:4px;}
.errorWrap .errorCon .errorBox .btn .mainBtn {color:#fff; background:#448aff; border:1px solid #448aff; border-radius:4px;}

/* 미디어쿼리 시작 */
@media all and (max-width:1400px) {/* 작은 웹, 태블릿가로 */
	/* main */
	.main .txtArea .txt {margin-top:40px;}
	.main .txtArea .date {margin-top:60px;}
	.main .start {height:160px;}

	/* survey */
	.survey {padding:60px 20px 20px;}
	.survey .imgArea .bg .txtArea .num {font-size:18px;}
	.survey .imgArea .bg .txtArea .tit {font-size:40px; margin-top:5px;}
	.survey .surveyArea .q img {height:21px;}
	.survey .surveyArea .qTxt {font-size:18px; line-height:26px; margin-top:10px;}
	.survey .surveyArea .scoreArea {font-size:14px; margin-top:20px;}
	.survey .surveyArea .scoreArea span {margin-top:5px; margin-left:15px;}
	.survey .surveyArea .scoreArea span:first-child {margin-right:15px;}
	.survey .surveyArea .scoreArea .radio {margin:6px;}
	.survey .surveyArea .scoreArea label {padding-left:10px;}
	.survey .surveyArea .qArea .conDiv {padding:0 0 0 20px;}
	.survey .surveyArea .qArea .conDiv .txtArea {height:calc(50% - 20px);}
	.survey .surveyArea .checkArea {text-align:left;}
	.survey .surveyArea .checkArea.yesNo {text-align:center;}
	.survey .surveyArea .checkArea .input {padding:3px 0 0;}
	.survey .surveyArea .checkArea .check, .survey .surveyArea .checkArea .radio {width:50%; margin:8px 0;}
	.survey .surveyArea .checkArea.yesNo .check, .survey .surveyArea .checkArea.yesNo .radio {width:auto; margin:8px 10px;}
	.survey .surveyArea .pcTxt {font-size:14px; margin-top:5px;}
	.survey .indiArea {left:30px;}
	.survey .indiArea a {width:14px; height:14px;}

	/* 2019-02-11 추가 */
	.survey .surveyArea .scoreArea .btns > .bad {font-size:14px;}
	.survey .surveyArea .scoreArea .btns > .good {font-size:14px;}
	.survey .surveyArea .scoreArea .btns a {width:30px; height:26px;}
	.survey .surveyArea .scoreArea .btns a span {right:-5px; font-size:14px;}
	.survey .surveyArea .scoreArea .btns:before {font-size:14px;}
	.survey .surveyArea .scoreArea .btns:after {font-size:14px;}

	/* complete */
	.complete .txtArea .txt {margin-top:20px;}
	.complete .txtArea .eCode {margin-top:70px;}
}

@media all and (max-width:1023px) {/* 태블릿 세로 */
	/* complete */
	.complete .txtArea .couponArea {padding:0 30px;}
	.complete .txtArea .couponArea .cpBox {float:none; margin:5px 0;}
}

@media all and (max-width:758px) {/* 모바일 */
	/* main */
	.main {min-height:450px; background:url("/common/images/icon/main_bg.jpg") no-repeat 60% 50%; background-size:cover;}
	.main .txtArea .tit {font-size:28px; line-height:33px;}
	.main .txtArea .tit span {font-size:28px; margin-top:0;}
	.main .txtArea .txt {display:none; font-size:14px; line-height:20px;}
	.main .txtArea .moreBt {display:inline-block; padding-right:19px; font-weight:bold; font-size:14px; color:#ccc; background:url("/common/images/icon/main_more.png") no-repeat 100% 50%; background-size:14px auto; margin-top:25px;}
	.main .txtArea .moreBt.on {background:url("/common/images/icon/main_more_on.png") no-repeat 100% 50%; background-size:14px auto;}
	.main .txtArea .date {font-size:14px; line-height:21px; margin-top:50px;}
	.main .start {width:100%; height:auto;}
	.main .start a {width:auto; height:40px; border-radius:0; font-size:14px;}

	/* survey */
	.survey {padding:40px 0 0; min-height:450px;}
	.survey .imgArea {float:none; width:auto; height:45%; margin:0 15px;}
	.survey .imgArea .bg.bg1_1 {background:url("/common/images/icon/m_survey1_bg1.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg1_2 {background:url("/common/images/icon/m_survey1_bg2.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg1_3 {background:url("/common/images/icon/m_survey1_bg3.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg1_3.v2 {background:url("/common/images/icon/m_survey1_bg3_2.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg1_4 {background:url("/common/images/icon/m_survey1_bg4.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg1_5 {background:url("/common/images/icon/m_survey1_bg5.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg1_6 {background:url("/common/images/icon/m_survey1_bg6.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg1_7 {background:url("/common/images/icon/m_survey1_bg7.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg1_8 {background:url("/common/images/icon/m_survey1_bg8.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg2_1 {background:url("/common/images/icon/m_survey2_bg1.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg2_2 {background:url("/common/images/icon/m_survey2_bg2.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg2_3 {background:url("/common/images/icon/m_survey2_bg3.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg2_4 {background:url("/common/images/icon/m_survey2_bg4.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg2_5 {background:url("/common/images/icon/m_survey2_bg5.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg2_6 {background:url("/common/images/icon/m_survey2_bg6.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg2_7 {background:url("/common/images/icon/m_survey2_bg7.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg2_8 {background:url("/common/images/icon/m_survey2_bg8.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg2_9 {background:url("/common/images/icon/m_survey2_bg9.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg.bg3 {background:url("/common/images/icon/m_survey3_bg1.jpg") no-repeat 50% 50%; background-size:cover;}
	.survey .imgArea .bg .txtArea {height:100%; top:0; -webkit-transform:translate(0,0); transform:translate(0,0);}
	.survey .imgArea .bg .txtArea .num {position:absolute; bottom:15px; left:0; width:100%; font-size:12px;}
	.survey .imgArea .bg .txtArea .tit {position:absolute; top:50%; left:0; width:100%; margin-top:0; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); font-size:22px; line-height:24px;}
	.survey .surveyArea {float:none; width:100%; height:55%; padding:0 0 40px;}
	.survey .surveyArea .qArea {display:none; top:0 !important; left:0;}
	.survey .surveyArea .qArea.on {display:block;}
	.survey .surveyArea .qArea .conDiv .txtArea {position:absolute; top:0; left:0; width:100%; height:100%; padding:0 15px 40px; box-sizing:border-box;}
	.survey .surveyArea .qArea .conDiv .btnArea {display:block; position:absolute; bottom:0; left:0; width:100%;}
	.survey .surveyArea .qArea .conDiv .btnArea .prevNext {display:block;}
	.survey .surveyArea .qArea .conDiv .btnArea > .submitBt {display:none;}
	.survey .surveyArea .qArea .conDiv .btnArea a {width:50%; margin:0;}
	/*.survey .surveyArea .qArea .conDiv .btnArea a.submit {width:100%;}*/
	.survey .surveyArea .q img {height:13px;}
	.survey .surveyArea .qTxt {font-size:16px; line-height:21px; margin-top:5px;}
	.survey .surveyArea .pcTxt {display:none;}
	.survey .surveyArea .mobileTxt {display:block; font-size:12px; color:#c2c2c2; line-height:15px; margin-top:10px;}
	.survey .surveyArea .qArea .conDiv {padding:0;}
	.survey .surveyArea .qArea .conDiv .btnArea {display:block !important;}
	.survey .surveyArea .qArea .txtArea {display:none !important;}
	.survey .surveyArea .qArea .txtArea:first-child {display:none !important;}
	.survey .surveyArea .qArea .txtArea.on {display:block !important;}
	.survey .surveyArea .qArea .txtArea .table .table-cell {padding:0 10px;}
	.survey .surveyArea .scoreArea {display:none;}
	.survey .surveyArea .mobileScore {display:block; margin-top:25px;}
	.survey .surveyArea .checkArea {text-align:left; margin-top:15px;}
	.survey .surveyArea .checkArea.yesNo {text-align:center;}
	.survey .surveyArea .checkArea .input {padding:3px 0 0;}
	.survey .surveyArea .checkArea .check, .survey .surveyArea .checkArea .radio {margin:5px 0; width:50%;}
	.survey .indiArea {left:0; width:7px; margin-top:0;}
	.survey .indiArea a {position:relative; width:7px; height:4px; background:none !important; margin-top:15px;}
	.survey .indiArea a:after {content:''; position:absolute; top:50%; left:0; width:100%; height:2px; margin-top:1px; background:#b2b2b2;}
	.survey .indiArea a.on:after {content:''; position:absolute; top:0; left:0; width:100%; height:4px; margin-top:0; background:#666;}

	/* 2019-02-11 추가 */
	.survey .surveyArea .mobileScore select {width:120px; height:40px; padding:5px 10px; font-weight:normal; font-size:19px; color:#444; background:#ebe9e8 url("/common/images/icon/m_sel_icon.png") no-repeat right 10px top 50%; background-size:10px auto; border:0;}

	/* complete */
	.complete {display:table; width:100%; table-layout:fixed; min-height:0; max-height:none; background:#000 url("/common/images/icon/complete_bg.jpg") no-repeat 60% 50%; background-size:cover;}
	.complete .txtArea {position:relative; top:0; display:table-cell; height:auto; min-height:100%; box-sizing:border-box; vertical-align:middle; padding:25px 0; -webkit-transform:translate(0,0); transform:translate(0,0);}
	.complete .txtArea .tit {font-size:28px; line-height:33px;}
	.complete .txtArea .txt {font-size:14px; line-height:20px; margin-top:20px;}
	.complete .txtArea .eCode {font-size:14px; margin-top:20px;}
	.complete .txtArea .couponArea {width:250px; padding:0; margin:15px auto 0; overflow-y:auto;}
	.complete .txtArea .couponArea .cpBox {width:250px; height:auto;}
	.complete .txtArea .couponArea .cpBox .top {height:81px; background:url("/common/images/icon/m_coupon_top_bg.png") no-repeat 50% 0; background-size:100% auto;}
	.complete .txtArea .couponArea .cpBox .top .left {left:15px; max-width:35%;}
	.complete .txtArea .couponArea .cpBox .top .left .txt1 {font-size:20px;}
	.complete .txtArea .couponArea .cpBox .top .left .txt1 span {font-size:33px;}
	.complete .txtArea .couponArea .cpBox .top .left .txt2 {font-size:13px;}
	.complete .txtArea .couponArea .cpBox .top .right {right:15px; max-width:56%;}
	.complete .txtArea .couponArea .cpBox .top .right .txt1 {font-size:13px; line-height:1.5;}
	.complete .txtArea .couponArea .cpBox .top .right .txt2 {display:none;}
	.complete .txtArea .couponArea .cpBox .bottom {height:auto; padding-top:24px; background:url("/common/images/icon/m_coupon_bottom_bg.png") no-repeat 50% 0; background-size:100% auto;}
	.complete .txtArea .couponArea .cpBox .bottom > div {display:none; padding:15px 15px 20px;}
	.complete .txtArea .couponArea .cpBox .bottom .mobileBtn {display:block; position:absolute; top:4px; left:50%; padding-right:16px; font-weight:bold; font-size:13px; color:#666; background:url("/common/images/icon/m_more_icon.png") no-repeat 100% 50%; background-size:auto 7px; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}
	.complete .txtArea .couponArea .cpBox .bottom .mobileBtn.on {background:url("/common/images/icon/m_more_icon_on.png") no-repeat 100% 50%; background-size:auto 7px;}
	.complete .txtArea .couponArea .cpBox .bottom .txt2 {display:block; font-weight:bold; font-size:14px; color:#888; margin-bottom:15px;}
	.complete .txtArea .couponArea .cpBox .bottom ul li {font-size:13px; margin-top:5px;}

	/* 에러페이지 */
	.errorWrap .errorCon {padding:15px 0;}
	.errorWrap .errorCon .errorBox {padding:40px 15px;}
	.errorWrap .errorCon .errorBox .icon img {height:49px;}
	.errorWrap .errorCon .errorBox .tit {font-size:18px; margin-top:20px;}
	.errorWrap .errorCon .errorBox .txt1 {font-size:14px; line-height:1.3; margin-top:10px;}
	.errorWrap .errorCon .errorBox .txt2 {font-size:14px; line-height:1.3; margin-top:20px;}
	.errorWrap .errorCon .errorBox .txt2 a {font-size:14px;}
	.errorWrap .errorCon .errorBox .btn {margin-top:20px;}
	.errorWrap .errorCon .errorBox .btn a {padding:6px 0; width:100px; font-size:12px;}
}

@media all and (max-width:450px) {
	
}

@media all and (max-width:350px) {
	/* survey */
	.survey .imgArea {height:40%;}
	.survey .surveyArea {height:60%;}
}