@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

*{margin:0; padding:0}
a{text-decoration:none}
li{list-style:none}
img{border:none}
address,em{font-style:normal}

h1,h2,h3,h4,h5,h6,p,div,section,td,th,label,adddress,a{font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; color:#000}

.mob_btn{display:none}
.gnb_close{display:none}
#header{position:fixed; z-index:99;top:0; width:100%; height:90px}
.header_wrap{position:relative; width:1100px; text-align:center; margin:0 auto;}
.gnb{position:absolute; right:0; top:35px}
.header_wrap .gnb>ul{overflow:hidden}
.header_wrap .gnb>ul>li{float:left;margin-left:70px}
.header_wrap .gnb>ul>li a{font-size:20px}
.sec_block{display:block}
.wrap{position:relative; width:100%;}
.section img{width:100%}
.logo{position:absolute; top:20px; left:0; width:130px; cursor:pointer}
.logo img{max-width:100%}
.form_wrap{position:relative; width:100%; background-color:#8040ca; padding:50px 0 100px 0}
.form_box{position:relative; margin:0 auto; width:500px;}
.input_box{ margin-bottom:20px; position:relative; width:100%}
.form_box label, .label{font-size:18px; color:#FFF;  margin-bottom:5px; position:relative}
/*label::after{position:absolute; content:"*"; color:#F00; right:-10px}*/
.input label::after, .check_box label::after{display:none}
.input label{margin-right:10px}
.form_box input[type="text"]{width:100%; padding:10px 0; border:1px solid #CCC; background-color:#fbfbfb;}
.input_box select{width:100%; padding:10px 0}
.input_box2 select{width:15%; padding:10px 0}
.input_box2 input[type="text"]{width:83%; position:absolute; bottom:0; right:0}
.check_box label{font-size:14px}
.check_box label span{cursor:pointer}
.modal{position:absolute; background-color:#FFF; border:5px solid #000; box-sizing:border-box; width:600px; z-index:9; padding:50px 20px; display:none}
.close_btn{position:absolute; right:10px; top:10px}
.close_btn i {font-size:18px; cursor:pointer}
.btn{position:relative; width:100%; border-radius:5px; background-color:rgba(255,255,255,0); font-size:25px; color:#FFF; padding:10px 0; text-align:center; margin-top:20px; transition:0.5s; border:none}
.footer{position:relative; width:100%; padding-top:50px; padding-bottom:250px; background-color:#000}
.footer p{width:1200px; margin:0 auto;  text-align:center; color:#FFF}
.section7{padding-bottom:100px}

.pc{display:block}
.mb{display:none}
.quick_bottom{position:fixed; bottom:0; width:100%; z-index:99; cursor:pointer}
.quick_right{position:fixed; right:20px; top:50%; transform:translateY(-50%)}
.quick_right>ul>li{width:60px; background-color:#000; transition:0.5s; text-align:center; padding:30px 0; cursor:pointer}
.quick_right>ul>li:first-child{border-radius:30px 30px 0 0; background-color:#f69b00; color:#FFF}
.quick_right>ul>li:last-child{border-radius:0 0 30px 30px; color:#FFF}

.quick_right>ul>li:hover{background-color:#af0000; color:#FFF}
.form_wrap h2{font-weight:800; font-size:45px; text-align:center; margin-bottom:30px; color:#2A2A2A}
.form_wrap h2 span{text-decoration:underline; color:#F00}

.gifts_popup{position:fixed; background-color:rgba(0,0,0,0.4); left:0; top:0; width:100%; height:100%; display:none}
.gifts_popup_box{width:800px; left:50%; top:40%; transform:translate(-50%,-50%); background-color:#FFFFFF; position:absolute; border-radius:15px; overflow:hidden}
.gifts_top{position:relative; width:100%; background-color:#4574fe;}
.gifts_top h2{font-size:25px; font-weight:bold; padding:15px; color:#FFF}
.gifts_top i{position:absolute; right:20px; top:20px; font-size:30px; color:#FFF; cursor:pointer}
.gifts_con{ overflow-y:scroll; height:350px; }
.gifts_con img{width:100%;}

.section8{padding-bottom:130px}

@media all and (max-width:1200px) {
.footer p{width:90%}
.header_wrap{width:100%; }
.gnb{right:20px}
.header_wrap .gnb>ul>li{margin-left:30px}
.header_wrap .gnb>ul>li a{font-size:16px}
.logo img{width:100px}
/**/
}
@media screen and (max-width: 830px){
.mb {display: block;}
.pc {display: none;}
.quick_right>ul>li{width:35px; padding:15px 0; font-size:10px}
.quick_right>ul>li:first-child{border-radius:15px 15px 0 0;}
.quick_right>ul>li:last-child{border-radius:0 0 15px 15px}
.modal{width:95%}

.gifts_popup_box{width:90%; left:5%; transform:translate(0,-50%)}
}

@media all and (max-width:700px) {
	.logo{top:20px}
	.logo img{width:100px}
	.header_wrap .gnb>ul>li{margin-left:15px}
	.header_wrap .gnb>ul>li a{font-size:14px}
	
}
@media all and (max-width:600px) {
	#header{height:60px}
	
	.logo{position:relative; top:10px}
.header_wrap .gnb>ul>li{margin-left:7px}
.header_wrap .gnb>ul>li a{font-size:12px; font-weight:bold}
.gnb{position:fixed; width:200px; background-color:#FFF; z-index:99; height:100%;right:-200px; top:0}
.header_wrap .gnb>ul{padding-top:30px}
.header_wrap .gnb>ul>li{float:none; padding:10px 0; border-bottom:1px solid #CCC; margin-left:0; text-align:left}
.header_wrap .gnb>ul>li>a{font-size:14px; padding-left:20px; box-sizing:border-box}
.form_box{width:90%}	
.footer{padding-bottom:150px}
.footer p br{display:none}
.form_wrap h2{font-size:30px; word-break:keep-all}
.form_wrap h2 img{width:90%; margin-left:5%}
.section8{padding-bottom:70px}
.gnb_close{display:block; position:absolute; right:10px; top:10px; cursor:pointer}
.gnb_close i{font-size:20px}
.mob_btn{display:block; position:absolute; right:20px; top:20px; cursor:pointer }
.mob_btn i {font-size:25px; top:10px}
}