/* custom_section */
.custom_page_top {height:80px;} 
.tiny_pop_wrap {display:none;}


/* Layout Style - EXCEPTION(1600) */
@media screen and (max-width: 1600px){

}

/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px){

	/* custom_section */
	.custom_page_top {height:70px;} 

}

/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px){

	/* custom_section */

}

/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px){
	
	/* custom_section */
	.custom_page_top {height:60px;} 

}

/* Layout Style - EXCEPTION(480) */
@media screen and (max-width: 480px){

}


/* custom_section */
.custom_page_top {height:80px;} 
.custom_section {width:100%; padding:100px 0; background:url('../images/main/db_bg.jpg') center no-repeat; background-size:cover;}
.custom_title {text-align:center; font-size:4.6rem; color:#fff; letter-spacing:-0.2rem; margin:10px 0 40px 0; line-height:1.2;}
.custom_section .small_tit{font-size:17px; color:#b8b8b8; line-height:40px; letter-spacing: 300; text-align: center;}
.custom_title > span {font-family:'Montserrat';}
.custom_box {width:560px; border:6px solid #009ace; box-sizing:border-box; background:#fff; padding:38px 40px 50px; text-align:center; float:left;}
.custom_box > dl {color:#009ace; font-family:'Montserrat','Noto Sans KR', sans-serif;}
.custom_box > dl > dt {font-size:6rem; border-bottom:1px solid #b2b2b2; margin:0 0 44px 0; padding:0 0 24px 0;}
.custom_box > dl > dt > span { display:block; font-size:2.6rem; margin:0 0 14px 0;} 
.custom_box > dl > dt > strong {display:block; font-size:6rem; text-transform:uppercase;}
.custom_box > dl > dd {font-size:4rem; font-family:'NanumBarunGothic'; letter-spacing:-0.17rem; padding:14px 0 0 0;}
.custom_box > dl > dd > span {position:relative;}
.custom_box > dl > dd > span::after {content:"(댓글이벤트 참여시)"; display:block; font-size:1.8rem; color:#999; position:absolute; top:-22px; left:0; white-space:nowrap;}

.custom_box > dl > dd > strong {font-weight:500; font-family:'Montserrat'; font-size:7rem; display:inline-block; vertical-align:middle; margin:-0.8rem 0 0 0;}
.custom_write {width:525px; float:right}
.custom_write > li {}
.custom_write > li:not(:last-child) {margin-bottom:10px;}
.custom_write > li > select {width:100%; height:70px; box-sizing:border-box; border:1px solid #ddd; padding:0 0 0 18px; background:#fff url('../images/main/arrow.png') right 20px center no-repeat;}
.custom_write > li > input[type="text"] {width:100%; height:70px; box-sizing:border-box; border:1px solid #ddd; padding:0 18px;}
.custom_agreebox {overflow:hidden; width:470px; margin:15px auto 6px auto; padding-top:12px;}
.agree {display:none;}
.agree + label {float:left; cursor:pointer; display:inline-block; line-height:30px; font-size:1.8rem; color:#fff; }
.agree + label > span {display:inline-block; vertical-align:top; width:30px; height:30px; margin:0 6px 0 0; background:url('../images/main/check_icon.png') center no-repeat; background-size:contain;}
.agree:checked + label {}
.agree:checked + label > span {background:url('../images/main/check_icon_on.png') center no-repeat; background-size:contain;}
.custom_agreebox > a {display:block; float:right; line-height:30px; font-size:1.8rem; color:#999;}
.custom_agree_cnts {width:485px; height:0; overflow:hidden; margin:0 auto; border:1px solid transparent; box-sizing:border-box; background:transparent; padding:0 19px 0 19px;}
.custom_agree_cnts > dl {}
.custom_agree_cnts > dl > dt {font-size:1.8rem; color:#fff; margin:0 0 12px 2.7rem;}
.custom_agree_cnts > dl > dt > span {display:inline-block; margin:0 0 0 -2.7rem;}
.custom_agree_cnts > dl > dd {box-sizing:border-box; border:1px solid #ddd; background:#f4f4f4; font-size:1.6rem; color:#999; line-height:1.2; padding:16px; margin:0 0 18px 0;}
.custom_agree_cnts.on {height:264px; padding:35px 19px 0 19px; border:1px solid #ddd; background:#fff; overflow-y:auto;}
.custom_apply_btn {display:block;width:486px; height:60px; line-height:60px; background:#009ace; text-align:center; color:#fff; font-size:2.2rem; margin:28px auto 0 auto; border:0; cursor:pointer;}

.footer {width:100%; padding:84px 0 76px; background-color:#009ace; background-size:cover; text-align:center;}
.footer_txt {font-size:1.8rem; color:#fff; line-height:1.6;}
.footer_txt > span {}
.footer_copy {margin:30px 0 0 0;}
.footer_copy > li {display:inline-block; vertical-align:top; font-size:1.8rem;}
.footer_copy > li:first-child {margin:0 10px 0 0;}
.footer_copy > li > p {color:#fff;}
.footer_copy > li > a {color:#fff;}
.footer_txt_m {display:none;}
.footer_txt_m > p {color:#fff; text-transform:uppercase; display:inline-block; vertical-align:top; line-height:1.6; font-size:3vw; margin:0 1%;}

/* Layout Style - EXCEPTION(1600) */
@media screen and (max-width: 1600px){

}

/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px){

	/* custom_section */
	.custom_page_top {height:70px;} 
	.custom_title {margin:0 0 30px 0;}
	.custom_section {padding:60px 0;}
	.custom_apply_btn {height:50px; line-height:50px;}
	.custom_box{margin:0 auto; float:none;}
    .custom_write{margin:0 auto; float:none; margin-top:20px;}
    
    .footer {padding:54px 0 50px;}

}

/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px){

	/* custom_section */
	.custom_box {width:100%; margin:0 auto 30px auto; padding:30px 30px 32px;}
	.custom_write {width:100%;}
	.custom_write > li > select {height:44px;}
	.custom_write > li > input[type="text"] {height:44px;}
	.custom_agreebox {width:100%;}
	.custom_agree_cnts {width:100%;}
	.custom_agree_cnts.on {width:100%;}
	.custom_apply_btn {width:100%;}
}

/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px){
	
	/* custom_section */
	.custom_page_top {height:60px;} 
	.custom_section {padding:10% 0;}
	.custom_title {text-align:center; font-size:5.4vw; color:#fff; letter-spacing:-0.1vw; margin:0 0 5% 0; line-height:1.2;}
	.custom_box {border-width:5px; margin: 0 0 5% 0;}
	.custom_box > dl > dt {font-size:7vw; margin: 0 0 8% 0; padding:0 0 4% 0;}
	.custom_box > dl > dt > span {font-size:3.1vw;}
	.custom_box > dl > dt > strong {font-size:8vw;}
	.custom_box > dl > dd {font-size:6vw;}
	.custom_box > dl > dd > span::after {font-size:3vw; top:-4vw; }
	.custom_box > dl > dd > strong {font-size:8vw;}
	.agree + label {line-height:24px;}
	.agree + label > span {width:24px; height:24px;}
	.custom_agreebox > a {line-height:24px;}
    .custom_agree_cnts > dl > dt > span {margin:0 0 0 -2.2rem;}
    
    .footer {padding:10% 0; font-family:'Montserrat','Noto Sans KR';}
	.footer_txt {display:none;}
	.footer_txt_m {display:block;}
	.footer_txt_m > p.footer_email_m {text-transform:none;}
	.footer_copy {margin:3% 0 0 0;}
	.footer_copy > li {font-size:2.7vw;}
	.footer_copy > li:first-child {margin:0 1% 0 0;}
	.footer_txt_m_blank {padding:1% 0; display:block;}
    
    .bottom_floating {display:block}
}


/* 할인 팝업 */
.tiny_pop_wrap {position:fixed; top:130px; left:50%; margin:0 0 0 -560px; width:152px; height:152px; border-radius:152px; text-align:center; background:#009ace; z-index:1;
}
.tiny_pop {display:block; width:100%; height:100%;}
.tiny_pop_txtwrap {position:absolute; top:50%; left:50%; width:100%; margin:4px 0 0 0;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.tiny_pop_txt {font-size:2.2rem; color:#fff; font-family:'NanumBarunGothic'; line-height:1.3; margin:0 0 14px 0;}
.tiny_pop_txt > span {display:block; color:#f5d390;}
.tiny_pop_link {font-size:1.6rem; color:#fff; font-family:'NanumBarunGothic'; display:inline-block; vertical-align:top;  }
.tiny_pop_link > span {display:inline-block; vertical-align:top; width:100%; height:1px; background:#fff; padding:0 7px 0 7px; box-sizing:border-box; margin:4px 0 0 2px; position:relative;}
.tiny_pop_link > span::after {content:""; display:block; width:1px; height:9px; background:#fff; position:absolute; bottom:-1px; right:2px; 
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
} 
.tiny_pop_close {position:absolute; top:7px; right:7px; display:block; width:28px; height:28px; border-radius:28px; background:#000; cursor:pointer;}
.tiny_pop_close > span {position:absolute; top:50%; left:50%; display:block; width:100%; height:100%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.tiny_pop_close > span::after {content:""; display:block; width:1px; height:14px; background:#fff; position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%, -50%) rotate(45deg);
-moz-transform:translate(-50%, -50%) rotate(45deg);
-o-transform:translate(-50%, -50%) rotate(45deg);
transform:translate(-50%, -50%) rotate(45deg);
}
.tiny_pop_close > span::before {content:""; display:block; width:1px; height:14px; background:#fff; position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%, -50%) rotate(-45deg);
-moz-transform:translate(-50%, -50%) rotate(-45deg);
-o-transform:translate(-50%, -50%) rotate(-45deg);
transform:translate(-50%, -50%) rotate(-45deg);
}

.tiny_pop_wrap.off {display:none;}

/* Layout Style - Mobile(720) */


@media screen and (max-width: 1280px){
	.tiny_pop_wrap {top:120px; margin:0 0 0 0; left:50px;
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);

	}
}

@media screen and (max-width: 1024px){
	.tiny_pop_wrap {top:90px; left:30px;}
}

@media screen and (max-width: 720px){
	.top_scroll {width:0; height:0; overflow:hidden;}
	.tiny_pop_wrap {top:30px; margin:60px 0 0 0; left:5%;  width:32vw; height:32vw;	}
	.tiny_pop_txtwrap {margin:4% 0 0 0;}
	.tiny_pop_txt {font-size:4.6vw; margin:0 0 9% 0;}
	.tiny_pop_link {font-size:3.2vw;}
	.tiny_pop_link > span { height:1px; background:#fff; padding:0 1.2vw 0 1.2vw; box-sizing:border-box; margin:1.2vw 0 0 0.6vw; position:relative;} 
	.tiny_pop_link > span::after {content:""; display:block; width:1px; height:2vw; background:#fff; position:absolute; bottom:-1px; right:2px; 
	} 
	.tiny_pop_close {width:6.4vw; height:6.4vw; border-radius:6.4vw; top:1vw; right:1vw;}
	.tiny_pop_close > span {}
	.tiny_pop_close > span::after {width:0.2vw; height:3vw;}
	.tiny_pop_close > span::before {width:0.2vw; height:3vw;}

}