/* common */
html, body { letter-spacing:-0.5px; }
#wrap{width:100%; min-height:100%; overflow:hidden; }
#wrap .container, .container-lg, .container-md, .container-sm, .container-xl{max-width:1304px; !important;}
#nav-gp{background-color:#f8f9fa; width:100%;}
#nav-gp .navbar{padding:8px 0; !important;}
#visual-gp{background:url(../images/img_01.png) no-repeat top center , linear-gradient(to right, #672e9c, #972185); height:384px; width:100%;}
h1{font-size:38px; text-align:left; line-height:55px; font-weight:200; color:#fff;  padding:100px 15px 0 15px;}
h1 strong{ font-weight:600; }
h2{font-size:30px;  font-weight:300; line-height:40px; text-align:center; letter-spacing:-1px;}
h2 strong{ font-weight:600; }
h3{font-size:23px;  font-weight:300; line-height:35px;}
h3 strong{ font-weight:600; }
h3:after{content: ''; width: 70px; height: 1px; background-color: #ff5001; display: block; margin: 30px auto 0; text-align: center;}
#event h3:after{content:none;}


h4{font-size:19px; color:#000; font-weight:400; padding-bottom:10px;}
h4 strong{ font-weight:600; }
.br_960{display:block;}
.br_640{display:block;}

/**간격**/
.invite {padding:100px 0;}
.event {padding:100px 0;}
.warn {padding:100px 0;}
.download {padding:100px 0;}
.safeon{padding-top:50px;}
.safemode{padding:100px 0;}


/****/


.invite dd{font-size:20px; line-height:30px; text-align:center; padding-top:30px;}
.invite p{background:url(../images/img_03.png) no-repeat right 50px; font-size:16px; padding-top:70px; }
.invite p span{color: #ff5001; font-weight:bold;}

#event{background-color:#faf9f9; padding:100px 0;}
#event dt img{padding-bottom:5px;}
#event dd{padding:25px 0;}
#event .card-body{padding:0; }
#event .card-body dd{padding:0;}
#event .card{border:none; border-radius:10px;  box-sizing: border-box; box-shadow: 1px 1px 2px 2px  rgba(193,193,193,0.2); width:33%; }
#event .btn{background-color:#000; color:#fff; display:inline-block; padding:13px 45px; border-radius:50px; border:none; font-size:16px; margin:20px 0;}
#event p{font-size:15px; line-height:24px;}
.winner{ padding-left:40px; font-size:15px; line-height:20px; }
.winner strong{display:block; font-size:17px; padding-top:5px;}


.l-orange{background-color:#fab518; height:480px;}
.m-orange{background-color:#f49717; height:480px;}
.d-orange{background-color:#ef7718; height:480px;}
.event01{position:relative;}
.gift01{position: absolute; bottom:-7%; right:5%; }

.event01 .gift01{position: absolute; bottom:-7%; right:5%; }
.event02 .gift01{position: absolute; bottom:13%; right:2%; }
.event03 .gift01{position: absolute; bottom:12%; right:2%; }



.warn li{width:33%; text-align:center;}
.warn dd{text-align:left; padding-top:20px;}
.warn dd:first-child{padding-right:10px;}

.solution h2{text-align:left; }
.solution h2:after{content: ''; width: 70px; height: 1px; background-color: #ff5001; display: block; margin: 30px 0; text-align: left;}


.solution p{background:url(../images/img_19.png) no-repeat top center , linear-gradient(to right, #fe5900, #fd8501); height:658px; width:50%;}
.solution dl{padding:70px 0 70px 50px; width:50%;}
.solution dd{width:70%; }

.safeon h2 span{display:inline-block; vertical-align:bottom;}
.safeon-list:after{content: ''; display: block; clear: both;}
.safeon-list{}
.safeon-list li{float:left; width:25%; padding:0 30px; box-sizing: border-box; font-size:16px; line-height:25px; padding-top:30px; text-align:center; padding-bottom:10px;}
.safeon-list li img{display: block; margin:0 auto; padding-bottom:20px;}
.safeon-list li strong{color:#ef7718;}
.point{background:url(../images/img_38.png) no-repeat 40px 150px; }
.safeon .hr{margin:100px 0 0 0;}

.safemode{position: relative;}
.safemode p{background:url(../images/img_30.png) no-repeat top center; height:380px; width:50%;}
.safemode ul{ width:50%;}
.safemode ul:after{content: ''; display: block; clear: both;}

.safemode ul li{float:left; width:50%; text-align:center; padding-bottom:30px; }
.safemode ul li img{display: block; margin:0 auto; padding-bottom:20px;}
.safemode ul{padding-left:200px;}
.safemode p img{position: absolute; top:80px;}

.download{background-color:#f8f8f8;}
.table{background-color:#fff; border-top:6px solid #ff5001;}
.table span{color:#ff5001;}

footer{background-color:#000; color:#fff; }
footer li{display:inline-block; font-size:14px; font-weight:200;}
footer li a:hover{color:#fff;}
footer li a{color:#fff;}
footer li strong{ font-weight:500}
footer li:last-child:before{  content: '';     width: 1px;     height: 15px;    background-color: #ff5001;
    display: inline-block;    vertical-align: top;    margin: 5px 20px 0 0;}
footer li:first-child{margin-right:20px;}




@media only screen and (max-width: 1600px) { 
    
    .solution dl{padding:55px 30px;}   
    .solution dd{width:98%;}
    .safemode p img{top:150px;}
    .event01 .gift01{position: absolute; bottom:-7%; right:4%; }
    .event02 .gift01{bottom:12%; right:3%;}
    .event03 .gift01{bottom:12%; right:2%;} 
    
}


@media only screen and (max-width: 1420px) { 
    .safemode ul{padding-left:20px;}
    
}


@media only screen and (max-width: 1280px) { 

#wrap .container, .container-lg, .container-md, .container-sm, .container-xl{max-width:1280px; !important;} 
 
/**간격**/
.invite {padding:50px 0;}
#event {padding:50px 0;}
.warn {padding:50px 0;}
.download {padding:50px 0;}
.safeon{padding-top:50px;}
.safemode{padding:50px 0;}  
h2{font-size:25px;}   
      
    
}


@media only screen and (max-width: 960px) { 
    
h1{font-size:33px; line-height:45px; padding:120px 0 0 15px;}
.invite p{background:none;}    
#event .card  {width:100%;}
.l-orange{height:auto;}
.m-orange{height:auto;}
.d-orange{height:auto;}
.card-mo{margin-bottom:20px;}
.br_960{display:none;}
.invite p{padding-top:35px;}   
.event02 .gift01{bottom:14%;}  
.gift01{bottom:-40%;}  
.solution p{background:url(../images/img_19_mobile.png) no-repeat top center , linear-gradient(to right, #fe5900, #fd8501); height:300px; width:100%;}
.solution dl{width:100%; padding:55px 30px 0 30px;}
.solution h2{text-align:center;}
.safeon .hr{margin:50px 0 0 0;}  
.safeon-list li{width:50%;}
.solution h2:after{content: ''; width: 70px; height: 1px; background-color: #ff5001; display: block; margin: 20px auto ; text-align: center;}   
.point{background:url(../images/img_38.png) no-repeat 110px 150px; }  
.safemode p{width:100%;}
.safemode ul{ width:100%;}  
.safemode p img{top:520px; right:0;}
.warn li{width:100%; border:1px solid #faf9f9; border-radius:10px;  box-sizing: border-box; box-shadow: 1px 1px 2px 2px  rgba(193,193,193,0.2); margin-bottom:20px; padding: 0 0 30px 0;} 
.warn h2{padding-bottom:30px;}
    
}


@media only screen and (max-width: 840px) {   
#visual-gp{background:linear-gradient(to right, #672e9c, #972185); height:220px; width:100%;}    
h1{padding:45px 0; font-size:30px;}   
h3{font-size:20px; line-height:30px;}
.invite dd{font-size:16px; line-height:25px; padding-top:15px;}    
h3:after{content: ''; width: 70px; height: 1px; background-color: #ff5001; display: block; margin: 15px auto 0; text-align: center;}
.warn h2{padding:0 50px;}
.footer span:first-child{display:block; text-align:center;}
 .footer span:last-child{display:block; text-align:center;}       
}


@media only screen and (max-width: 720px) { 
.download{font-size:15px;}
.safemode p img{width:45%; }
.safemode p{height:200px; background:url(../images/img_30.png) no-repeat top left;}   
.safemode{padding:50px 0 0 0;}   
.event01 .gift01{bottom:-25%;} 
.event03 .gift01{bottom:0%; right:-3%;} 
.event03 .gift01 img{width:90%}   
.event02 .gift01{bottom:10%;}
.warn h2{padding:0 50px 30px 50px;}
footer li:last-child:before{ display:none;}
footer li:first-child{margin-right:0px;}
    
    
}


@media only screen and (max-width:640px) { 
.br_640{display:none;}
.event03 .gift01{bottom:5%; right:-5%;}
.event03 .gift01 img{width:86%} 
h1{font-size:27px; line-height:35px; padding:50px 0;}
h2{font-size:22px; line-height:30px;}
h3{font-size:18px;}
#event .btn{margin:10px 0;}
.winner{padding-left:20px;}
.gift01 img{width:75%;}
.event01 .gift01{right:-5%;} 
.event02 .gift01{right:-8%;} 
.event03 .gift01 img{width:70%}     
.event03 .gift01{right:-18%; bottom:8%;}
#event dd{padding:15px 0 25px 0;}   
.warn{padding:50px 0 0px 0;}    
.solution dd{font-size:16px;}
.safeon-list li{font-size:15px;}  
.safemode ul li{font-size:16px;}
.safeon h2 img{width:80%;}
.safeon h2 span{margin:0; padding:0; width:90px;}
.solution p{background:url(../images/img_19_mobile.png) no-repeat top right;  }
    
    
    
    
}



@media only screen and (max-width:540px) { 
.point{background:url(../images/img_38.png) no-repeat 15px 150px; } 
    h1{font-size:24px;}
   #event .btn{padding:10px 25px; font-size:15px;}
    .event03 .gift01{right:-28%;}
    .event03 .gift01 img{width:60%;}
    
}


@media only screen and (max-width:480px) { 
    h3{font-size:17px; line-height:25px;}
    .invite dd{font-size:16px;}
    .safeon-list li{width:100%;}  
    .safemode ul li{width:100%;}  
    .safemode p{display:none;}
    .point{background:url(../images/img_38.png) no-repeat 40% 150px; } 
    #visual-gp{height:240px;}
    .solution p{background:url(../images/img_19_mobile02.png) no-repeat top right; height:150px;  }
    .solution dl{padding:30px 30px 0 30px; }
    .safeon-list li{border:1px solid #faf9f9; border-radius:10px;  box-sizing: border-box; box-shadow: 1px 1px 2px 2px  rgba(193,193,193,0.2); margin-bottom:20px; padding: 20px;}
    .safeon h2{padding-bottom:20px;}   
    .event-date{width:10%;}
    .event-sub-t{width:70%; text-align:center;}
    .d-orange{height:270px;}
    
    
    /**배너없애는 경우
    .solution p{display:none;}
    .solution h2:before{content: ''; width: 70px; height: 1px; background-color: #ff5001; display: block; margin: 20px auto ; text-align: center;}
    .solution dl{padding:0 30px 0 30px;}
    .warn h2{padding:0 50px 0 50px;}
    **/
    
}


@media only screen and (max-width:400px) { 
     .event03 .gift01{right:-37%;}
    
}