@charset "UTF-8"; /*@charset "euc-kr"; */

@font-face {
	font-family:"Do Hyeon";
	font-style:normal;
	font-weight:400;
	src:url("../font/BMDOHYEON.eot");
	src:local(※),
		url("../font/BMDOHYEON.eot?#iefix") format("embedded-opentype"),
		url("../font/BMDOHYEON.woff") format("woff");
}
html {font-size:10px; }

.orange {color:#fb8e00 !important;}
.light_orange {color:#fb9f31 !important;}


/* section 공통 */
.section {position:relative; font-size:1.6rem; padding:6.0rem 0; margin-top:7rem; letter-spacing:-0.7px;}
.section h2, .tit {font-family:'Do Hyeon', sans-serif; font-size:2.4rem; line-height:3.4rem; letter-spacing:-0.7px; padding:0px 3.0rem 2.5rem;}
.pizzaa_ep .img_area {text-align:center; margin:0 auto;}
.pizzaa_ep .img_area img {width:100%; max-width:45.0rem; vertical-align:middle;}
.pizzaa_ep .txt_area {font-family:'NotoSans', sans-serif; font-weight:400; font-size:1.7rem; line-height:2.9rem; letter-spacing:-1px; padding:0 2.0rem 0 3.0rem;}
.pizzaa_ep .txt_area strong {color:#000;}
.bg_gray_step {position:relative;}
	.bg_gray_step.step_3.small {margin-top:5.0rem;}
.bg_gray_step.img_area img {width:100%}
.bg_gray_step .bg_gray_step_dls {width:100%; height:100%; position:absolute; left:0; top:0;}
	.bg_gray_step.step_3.small .bg_gray_step_dls::after {content:''; display:block; position:absolute; width:4.5rem; height:5.6rem; transform:translatex(-50%); left:50%; top:-5.2rem;  background:url('/images/graystep_row3_char.png') no-repeat; background-size:4.5rem;}
.bg_gray_step.step_3 dl {height:36%;}
	.bg_gray_step.step_3 dl:nth-child(2) {height:27%}
	.bg_gray_step.step_3 dl:last-child {height:34%}
	.bg_gray_step.step_3 dl:nth-child(2), .bg_gray_step.step_3 dl:last-child {padding-top:3.0rem;}
.bg_gray_step.step_3.small dl {height:39%;}
	.bg_gray_step.step_3.small dl:first-child {height:26.5%}
	.bg_gray_step.step_3.small dl:nth-child(2) {height:32%}
.bg_gray_step dl dt, .bg_gray_box dl dt {font-family:'Do Hyeon', sans-serif; font-size:1.7rem; line-height:2.6rem; letter-spacing:-0.7px; padding-top:2.5rem; padding-bottom:1.5rem;}
.bg_gray_step.step_3.small dl dt {font-size:1.6rem; line-height:2.3rem;padding-top:2.2rem;}
.num_circle {width:1.6rem; height:1.6rem; text-align:center; line-height:1.8rem; font-size:1.3rem; color:#fb8200; border:2px solid #fb8200; display:inline-block; border-radius:50%; vertical-align:2px;}
.bg_gray_step dd {line-height:2.4rem;}
.bg_gray_step dd .img_area {padding:2.0rem 2.0rem 0;}
.bg_gray_step dd .img_area img {width:100%;}
.bg_gray_box {background-color:#F2F2F3; border-radius:5px; padding:2.0rem;}


/* section01 */
.section01 h2 {padding:0; position:absolute; right:3.8rem; bottom:12.5rem; font-size: 1.8rem; line-height: 2.3rem; font-family:'NotoSans', sans-serif; letter-spacing:-1px; font-weight:400; }
.section01 {padding:0; margin-top:0; font-size:10px;}

/* section02 */
.section02 {padding-bottom:2.0rem; background:url('/images/pizzaa_ep_s2.png') no-repeat right bottom; background-size:15.0rem; margin-top:3.5rem;}

/* section03 */
.section03 .img_area {padding:0 3rem;}

/* section04 */
.section04 {background:url('/images/pizzaa_ep_s4.png') no-repeat 95% bottom; background-size:15.0rem; padding-bottom:1.0rem; margin-bottom:14.0rem;}

/* section05 */
.section05 {background-color:#ffe35c; color:#333 !important; padding:9.5rem 0;}
.section05 h2, .section05 .txt_area strong {color:#333;}
.section05 .txt_area strong {font-weight:700;} 

/* section06 */
.section06 h3 {font-family:'Do Hyeon', sans-serif; font-size:1.8rem; line-height:3.2rem; letter-spacing:-0.7px; margin-bottom:2.0rem;}
.section06 .subsection {padding:2.0rem 3.0rem 4.0rem;}
.section06 .illust {position:relative; margin:8.0rem 0; }
.section06 .illust .txt_area .tit {font-size:1.6rem; line-height:2.5rem; padding:0;}
.section06 .illust .txt_area dl:first-child {position:absolute; left:14%; top:7%;}
.section06 .illust .txt_area dl:nth-child(2) {width:100%; position:absolute; left:50%; transform:translatex(-50%); top:38%; line-height:2.6rem;}
	.section06 .illust .txt_area dl:nth-child(2) .tit { font-size:2.3rem; line-height:3.0rem;}
	.section06 .illust .txt_area dl:nth-child(2) dd {margin-top:0.7rem; font-size:1.5rem; line-height:2.4rem;}
.section06 .illust .txt_area dl:last-child {position:absolute; right:14%; bottom:5%;}
.section06 .txt_area {margin:4.0rem 0 2.0rem; letter-spacing:-1.2px;}

/* section07 */
.section07 {margin-top:3.0rem; padding-bottom:15.0rem;}
.section07 .btn_pizzaa img {max-width:500px; width:90%;}
.section07 .img_area {padding: 0 3.0rem;}
.section07 .tit.last {margin-top:5.0rem; font-size:1.8rem; line-height:3.2rem; letter-spacing:-0.7px;}


/* fixed_footer */
.btop {bottom:7rem; }

.fixed_footer { z-index:102;}
.fixed_footer .cont {max-width:768px; width:100%; margin:0 auto; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:0 0 7px 3px rgba(0,0,0,0.1);  background-color:#ffffea; position:relative;}

.fixed_footer.spread .cont {background:#fff}
.fixed_footer .btn {max-width:none; height:5.5rem; line-height:5.5rem; background-color:#FFDC00; color:#333; border-radius:3rem; box-shadow:none; font-size:1.7rem;}
.fixed_footer .btn02 {font-weight:600; display:block;  padding:2.2rem 2rem; padding-right:2.7rem; position:relative; font-size:1.7rem; }
.fixed_footer .btn02 img {width:1.5rem; position:absolute; right:2rem; top:3rem; transform:rotate(0deg);}
.fixed_footer .btn02 .btn_show_counsel {background:}
.fixed_footer .hidden_cont { padding:0 1.5rem 1.5rem; display:none;}
.fixed_footer .hidden_cont ul { border-top:1px solid #333; margin-top:5px; padding:2rem 1rem 3rem;}
.fixed_footer .hidden_cont ul li {text-align:left; font-size:1.7rem; line-height:3rem; margin-bottom:1rem;  }
.fixed_footer .hidden_cont ul li .num {margin-right:1rem; width:3rem; height:3rem; text-indent:3px; text-align:center; font-size:16px; background: #e6e6e6; border-radius:50%; display:inline-block; position:relative; }


.fixed_footer .input_area::after {content:''; display:block; clear:both;}
.fixed_footer select {width:7rem; height:3.7rem; display:block; float:left; padding:0 0.7rem; margin-right:0.5rem; font-size: 1.6rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('/images/ico_fold_spread_lightblk02.png') no-repeat 93% 1.5rem; background-size:1.3rem; border:1px solid #333; border-radius:1rem;}
.fixed_footer input[type="tel"] {width:calc(100% - 9.2rem); padding:0.58rem; font-size:1.6rem; display:block;float:left; border-radius:1rem; border-color:#333; line-height:2.4rem;}
.fixed_footer .desc {padding:0 1rem;}
.fixed_footer .txt {text-align:left; color:#BBBBBB; font-size:1.3rem; margin:2rem 0 3rem; }
.fixed_footer .txt::after {content:''; display:block; clear:both; }
.fixed_footer .txt div:first-child {width:73%;}
.fixed_footer .txt div:last-child {width:27%;}
.fixed_footer .btn_agree {padding:0.2rem 0.4rem; border-radius:1rem; color:#BBBBBB; font-size:1.3rem;}

.agree_layer {position:absolute; left:0; top:0; max-width:768px; margin-top:0; padding-bottom:5rem; display:none;}
.agree_layer .boxCon {font-size:1.2rem; text-align:left; line-height:2rem; height:33rem; overflow-y:scroll; }
.agree_layer h2 {font-size:1.7rem; margin:1.5rem 0 1rem 0; font-weight:600;}
.agree_layer h3 {font-size:1.4rem;}
.agree_layer .close {width:1.4rem; right:1.5rem; top:1.5rem;}
.agree_layer .close img {width:100%;}



/* complete */
.pizzaa_ep .complete {font-family:'NotoSans', sans-serif; font-size:1.7rem; letter-spacing:-1px; padding:4rem 3rem 10rem; margin-top:0;}
.pizzaa_ep .complete .tit {font-family:'NotoSans', sans-serif; font-size:2.6rem; font-weight:700; padding:0;}
.pizzaa_ep .complete .tit02 {font-family:'NotoSans', sans-serif;  font-weight:700; padding:0; }
.pizzaa_ep .complete p {margin:1.5rem 0 2rem; line-height:2.6rem;}
.pizzaa_ep .complete .recomm_area {border-top: 1px solid #bfd970; line-height: 2.5rem;}
.pizzaa_ep .complete .recomm_area .tit {color:#60b044; font-size:1.9rem; margin:3rem 0 0.5rem; letter-spacing:-0.1rem;}
.pizzaa_ep .complete .recomm_area .banner {text-align:center}
.pizzaa_ep .complete .recomm_area .banner a {display:block; overflow:hidden; border-radius:5px;}
.pizzaa_ep .complete .recomm_area .banner img {width:100%; vertical-align:top}


@media all and (min-width:320px) {
	html {font-size:9px;}

}

@media all and (min-width:360px) {
	html {font-size:10px;}

}

@media all and (min-width:380px) {
	html {font-size:11px; }
	.section01 h2 {right:4.0rem; bottom:12.0rem;}
	.section06 .illust .txt_area dl:first-child {left:16%}
	.section06 .illust .txt_area dl:last-child {right:16%}

	.bg_gray_step dl dt {padding-top:3.0rem;}
	.bg_gray_step.step_3.small dl dt {padding-top:2.5rem;}
}


@media all and (min-width:512px) and (max-width:767px) {
	html {font-size:14px; }
	.section01 h2 {right:4.2rem; bottom:13.0rem; }
	.section06 .illust .txt_area dl:first-child {left:17%}
	.section06 .illust .txt_area dl:last-child {right:17%}
	.section06 .illust .txt_area .tit {font-size:1.5rem;}
	.bg_gray_step.step_3.small dl dt {padding-top:3.0rem;}
}


@media all and (min-width:768px) {
	html {font-size:16px; }
	.section01 h2 {right:6.5rem; bottom:15.5rem; font-size: 2rem; line-height: 2.6rem;}
}

@media all and (orientation:landscape) { /* 가로 공통 */
	html {font-size:11px;}
}

@media all and (orientation:landscape) and (min-width:320px){ /* 키패드 올라왔을 때 */
	html {font-size:9px}
}

@media all and (orientation:landscape) and (min-width:360px) {
	html {font-size:10px;}

}
@media all and (orientation:landscape) and (min-width:380px) {
	html {font-size:11px; }
}

@media all and (orientation:landscape) and (min-width:768px) {
	html {font-size:16px; }
}
@media all and (orientation:landscape) and (min-width:1024px) { /* 패드 가로 */
	html {font-size:18px}
	.section01 h2 {right:4.0rem; bottom:14.5rem; font-size: 2rem; line-height: 2.6rem;}
}

@media all and (orientation:landscape) and (min-height:760px) { /* 패드 가로 */
	.hidden_cont {max-height:none}
}