*{margin:0; padding:0;}
a:hover{text-decoration:none; color:#333;}
a:active{text-decoration:none; color:#333;}
a:link{text-decoration:none; color:#333;}
a:visited{text-decoration:none; color:#333;}
 ul{list-style:none;}

body{font-size:14px; font-family:'Nanum Gothic'; line-height:1.3em; color:#333;font-weight:600;}
#wrap{width:100%;}

/*header*/
#header{width:100%;height:140px;background:#fff;opacity:0.9;letter-spacing:-0.1em;position:absolute;z-index:999;}
#header::after{content:'';display:table;clear:both;}
/*슬라이드 비주얼*/
#slider{width:100%; height:auto; position:relative; }
#slider .simg{height:100%; }
#slider .box{position:absolute;}

#slider .s1{ background:url(../images/bg.jpg) no-repeat 0 0;  background-size:100%;}
#slider .s2{ background:url(../images/bg2.jpg) no-repeat 0 0; background-size:100%;}
#slider .s3{ background:url(../images/bg3.jpg) no-repeat 0 0; background-size:100%;}


#slider .slidesjs-pagination{ width:100%; padding-left: 50%; margin-left:-104px; position:absolute; bottom:15%; z-index:888;} 
#slider .slidesjs-pagination li{ float:left; margin-left:12px;}
#slider .slidesjs-pagination li a{ display:block; width:42px; height:7px; text-indent:-9999px; background:url(../images/slidebtn.png) no-repeat;}
#slider .slidesjs-pagination li .active{ background:url(../images/slidebtn2.png) no-repeat;}




.nav{height:100%; font-size:0;}

.logo{float:left;margin-top:54px;}
.logo:after{content:""; clear:both; display:inline-block;}
/*회원가입*/
.login{float:right; margin-top:15px;}
.login li{float:left;}
.login li a{display:inline-block;font-size:15px;margin-left:22px;}

/*gnb*/
.lnbwrap{ position:relative;}
.gnb{width:67%;padding-top:15px;float:left;margin-left:129px;}
.gnb>li{display:inline-block;position:relative;}
.gnb>li>a{display:block;font-size:20px;text-align:center;padding-bottom:20px;text-align:center;height:80px;line-height:70px;padding:0 36px;}
.gnb>li>a>span{display:block;font-size:20px;text-align:center;padding-bottom:20px;text-align:center;height:80px;line-height:70px;position:relative;}
.gnb>li.on a span:after{content: "";
    width: 100%;
    height: 5px;
    background: #6e47a1;
    display: block;
	
    position: absolute;
    left: 0;
	top:83px;
    transition: all 0.5s;
	transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;}

.gnb>li>a>span:after{content: "";
    width: 0;
    height: 5px;
    background: #6e47a1;
    display: block;
	
    position: absolute;
    left: 0;
	top:83px;
    transition: all 0.5s;
	transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.gnb> li> a>span:hover:after { width:100%;}


.hidden-lg{display:none;}


/*lnb*/
#header>.lnbwrap_1{background:#fff;height:250px;width:100%;z-index:-999; display:none;   box-shadow: 0 0 10px rgba(0,0,0,0.2); opacity:1 !important;background:url(../images/gnbimg3.png) no-repeat;}
.lnbwrap_2{margin-left:32.5%;height:100%;padding-top:12px;}
.lnbwrap{float:left;height:100%;text-align:center;}
.lnbwrap .lnb{width:100%;float:left;}
#lnbwrap01{width:210px;}
#lnbwrap02{width:159px;}
#lnbwrap03{width:142px;}
#lnbwrap04{width:142px;height:100px;}
#lnbwrap05{width:142px;}
.lnbwrap .lnb li{padding:20px 0;}
.lnbwrap .lnb li a:hover{color:#6e47a1;font-weight:600;}
.lnbimg{float:left;}

/*section*/
.section{width:100%;height:800px;background:url(../images/bg_2.jpg) no-repeat;position:relative;background-size:100%;background-position-y:bottom;}
.section::after{content:'';display:table;clear:both;}
.section_1{width:100%; max-width:1200px;height:auto;margin:0 auto;position:relative;}
.section_1::after{content:'';display:table;clear:both;}
.section span{font-size:25px; font-weight:600;}
.section h4{position:absolute;top:150px;right:115px;}

/*more*/
.section p a{position:absolute; left:50%; font-size:25px; margin-left:-103px;top:700px;padding:14px 72px;border:1px solid #333;font-weight:600;}

/*visual*/
.visual{display:none;}
.visual::after{content:'';display:table;clear:both;}
.visual .m_visual_2{float:right;}

/*section2 공지사항*/
.section2{width:100%; font-size:0;}
.section2::after{content:'';display:table;clear:both; }
.section2_1{width:100%;max-width:1200px;margin:0 auto;position:relative;padding-top:150px;}

.section2_1 .notice{width:497px; float:left;}
.content_title06{float:left;margin-bottom:20px;letter-spacing:-0.03em;font-weight:600;}
.section2_1 .notice .notice_list{width:100%; font-size:17px; }
.section2_1 .notice .notice_list td:nth-child(2){padding:20px 0 0 0;text-align:right;}
.section2_1 .notice .notice_list td a{display:block; }
.section2_1 .notice .notice_list {border-top:3px solid #333;}
.link{float:right;}
.section2_1 .m_notice{display:none;}

/*퀵슬롯*/
.section2_1 .qbox{background:url(../images/qbox.gif)no-repeat; display:inline-block;height:280px; width:320px;text-align:center;font-weight:600;margin-left:35px;}
.section2_1 .qbox ul li a{transition:all 1s;}
.section2_1 .qbox .qbox_1{position:relative;}
.section2_1 .qbox .qbox_1 li{float:left;}
.section2_1 .qbox .qbox_1 li:nth-child(1){padding:15px 22px 10px 43px;}
.section2_1 .qbox .qbox_1 li:nth-child(2){padding:22px 10px 15px 58px;}
.section2_1 .qbox .qbox_1 li:nth-child(1) p{margin-top:5px;}
.section2_1 .qbox .qbox_2 li{float:left;}
.section2_1 .qbox .qbox_2 li:nth-child(1){padding:15px 22px 10px 43px;}
.section2_1 .qbox .qbox_2 li:nth-child(2){padding:22px 10px 15px 53px;}
.section2_1 .qbox .qbox_2 li:nth-child(1) p{margin-top:10px;}
.section2_1 .qbox .qbox_2 li:nth-child(2) p{margin-top:4px;}
.section2_1 .qbox p{font-size:15px;}


/*배너*/
.section2_1 .Rbanner{float:right;}
.section2_1 .Rbanner img{display:block;}
.section2_1 .Rbanner::after{content:'';display:table;clear:both;}

.section3{height:auto;margin-top: 33px;}
.section3::after{content:'';display:table;clear:both;}
.section3_1{width:100%;max-width:1200px;margin:0 auto;position:relative;}
/*팝업존*/
#popup_zone{width: 497px; height:  240px; position:relative;float:left;}
#popup_zone .simg{height:240px; }
#popup_zone .box{position:absolute;}

#popup_zone .s1{ background:url(../images/Lpopupz.gif) no-repeat 0 0;  background-size:cover;}
#popup_zone .s2{ background:url(../images/Lpopupz.gif) no-repeat 0 0; background-size:cover;}
#popup_zone .s3{ background:url(../images/Lpopupz.gif) no-repeat 0 0; background-size:cover;}


#popup_zone .slidesjs-pagination{ position:absolute; top:10px;right:10px; z-index:888;} 
#popup_zone .slidesjs-pagination li{ float:left; margin-left:6px;}
#popup_zone .slidesjs-pagination li a{ display:block; width:15px; height:15px; text-indent:-9999px; background:url(../images/popbtn2.png) no-repeat;}
#popup_zone .slidesjs-pagination li .active{ background:url(../images/popbtn.png) no-repeat;}

/*적용사례*/
.section3 .list{float:left; width:670px;    margin-left: 33px;}
.section3 .listbox{padding-top:20px;margin-top:40px;border-top:3px solid #333;}
.section3 .listbox li{float:left;}
.section3 .listbox li:nth-child(2){margin:0 calc(6.2%/3);}
.section3 .listbox li p{text-align:center; font-size:15px;margin-top:10px;max-width: 88%;text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;overflow: hidden;vertical-align: top;}

/*특허*/
.section4{width:100%; background:url(../images/rewardbg.png) no-repeat;height:auto;background-size:cover;padding-bottom:100px;}
.section4 .reward{margin-top:93px; }
.section4 .reward h3{font-size:25px; letter-spacing:-0.03em; font-weight:600;}
.reward ul{margin-top:70px;}
.reward ul li{display:inline-block;margin:0 calc(4.3%/4);}

/*footer*/
.footer{width:100%; height:200px; background-color:#7f7f7f;font-weight:300;}
.footer .copy{padding-top:50px; line-height:26.5px;}
.footer .copy p{font-size:15px; color:#eee; display:inline-block;}
.footer .copy .flogo{float:right; padding-top:30px; }

.grid {position: relative;margin: 0 auto;padding-top: 147px;max-width: 977px;list-style: none;text-align: center;}

/* Common style */
.grid figure {position: relative;float: left;overflow: hidden;/*margin: 10px 1%;*/min-width: 320px;max-width: 732px;max-height: 220px;width: 100%;background: #3085a3;text-align: center;cursor: pointer;}

.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}

.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {position: absolute;top: -13px;left: -16px;width: 38%;height: 111%;}
.m_right {left:64.5% !important;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}

.grid figure h2 {word-spacing: -0.15em;font-weight: 300;}

.grid figure h2 span {font-weight: 800;color:#fff;line-height:1em;}

.grid figure h2,
.grid figure p {margin: 0;}

.grid figure p {letter-spacing: 1px;font-size: 68.5%;}


/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {

}

figure.effect-layla img {
	height: 100%;
	width: 100%;
}

figure.effect-layla figcaption {
	padding: 0;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 35%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}


figure.effect-layla p {
	padding: 0.5em 3em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	color:#fff;
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.grid figure:first-of-type{float:left;}

/* 반응형 */



@media (max-width:1200px) {
	#header{width:100%;height:auto;position:relative;opacity:1;position:fixed;}
	#slider{padding-top:8.4%;}
	#slider .s1{ background:url(../images/m_bg.jpg) no-repeat 0 0;  background-size:100%;}
	#slider .s2{ background:url(../images/m_bg2.jpg) no-repeat 0 0; background-size:100%;}
	#slider .s3{ background:url(../images/m_bg3.jpg) no-repeat 0 0; background-size:100%;}
	
	.nav, .w1200{width:100% !important;height:auto;}
	.gnb{display:none !important;}
	.login{display:none !important;}
	.logo {width:100%;text-align:left;margin:0;padding:20px 0 20px 0;text-align:center;}
	
	
	.section_1{width:100%;margin:0;}
	.grid{display:none;}
	.visual{margin:0 auto;width:86%;display:block;}
	
	.visual .m_visual_2{float:none;}
	.visual img{width:100%;height:auto;}
	.section p a{display:none;}
	.section{width:100%;height:auto;}
	.section h4{text-align:center;position:relative;top:0; left:0;padding:30px;}
	
	.section2{width:100%;height:auto;}
	.section2_1{width:86%;margin:0 auto;padding-top:40px;}
	.section2_1 .notice{width:100%;height:100%;margin-bottom:40px;}
	.section2_1 .qbox{margin-left:0;vertical-align: top;}
	.section2_1 .Rbanner{float:right;}
	
	.section3{width:100%;margin:0;}
	.section3_1{width:86%;margin:0 auto;}
	.section3 .list{width:100%;margin:0;}
	.section3 .listbox li {width:31%;text-align:center;}
	.section3 .listbox li img{width:100%;}
	.section3 .listbox li:nth-child(2){margin:0 calc(10.2%/3);}
	.section3 .listbox li p{font-size:100%;}
	#popup_zone{width:100%;height:100%;margin:40px 0 40px 0;}
	#popup_zone .simg{height:100%; }
	
	.section4{width:100%;background-size: cover;}	
	.section4 .reward{width:86% !important;padding:0;box-sizing:border-box;}	
	.section4 .reward ul li img{ width:100%;}
	.section4 .reward ul li{width:22%; margin:0 calc(5%/4);}	
	
	.footer{width:100%;text-align:center;vertical-align:middle;height:100% !important;}
	.footer .copy{width:100%;padding:10px;box-sizing:border-box;height:}
	.footer .copy p{font-size:13px;}
	.footer .copy .flogo{float:none; padding:10px; }
	
	/*모바일 메뉴*/
	.hidden-lg{display:block !important;}
	.dg-hd-mo-menu-panel {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: fixed;
  z-index: 9999;
  top: 0;
  height: 100%;
  width: 80%;
  background-color: #fff;
}

/*햄버거 메뉴*/
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: inline-block;
  float: left;
  cursor: pointer;
  padding: 25px 31px;
  position: absolute;
  z-index: 2;
  top: 10px;
  width: 30px;
  height: 20.18181818px;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span,
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:before,
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  width: 32px;
  height: 3px;
  background-color: #979797;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span {
  position: relative;
  display: inline-block;
  float: left;
  margin-top: 9.09090909px;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:before,
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:after {
  content: "";
  position: absolute;
  left: 0;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:before {
  top: -9.09090909px;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:after {
  top: 9.09090909px;
}
/*햄버거 메뉴 활성화 시*/
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span{
  background: transparent;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:before,
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:after {
  top: 0;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:after {
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -ms-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}

/*메뉴 패널 안쪽부분*/
.mo-menu-title{
  background: #fff;
  height:160px;
  color:#fff;
  font-size:16px;
  padding: 18px 20px 0 50px;
  text-align: left;
}
.mo-menu-title .dg-white{
  border:1px solid #333;
  border-radius:10px;
  display:inline-block;
  width:48%;
  height:21%;
  text-align:center;
  line-height:2em;
  -webkit-tap-highlight-color: transparent;
  
}
.mo-menu-title a:nth-of-type(2){


  
}
.mo-menu-title .dg-logo{
	
	display:block;
	margin-bottom:40px;
}
.mo-menu-title .dg-logo img{
	
	
}
.dg-hd-mo-menu-panel > ul {
  width:100%;
  z-index: 1;
  height: auto;
  text-align: left;
}

.dg-hd-mo-menu-panel > ul > li{
  clear: both;
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
}

.dg-hd-mo-menu-panel > ul > li.menu-label > a{
  font-size: 18px;
  padding: 20px 0 20px 50px;
  color: #444;
  width: calc(84.6% - 60px);
  display: inline-block;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

.dg-hd-mo-menu-panel > ul > li.menu-arrow-active-li{
  border-bottom: 2px solid #ffc000;
}
.dg-hd-mo-menu-panel > ul > li.menu-arrow-active-li-next-li{
 /* border-top: 1px solid #dcdcdc;*/
}

/*1차 메뉴의 - + 부분*/
.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow{
  height: 57px;
  width: 60px;
  display: inline-block;
  float: right;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow::before,
.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow::after{
  width: 25px;
  height: 2px;
  background: #535353;
  content: "";
  display: inline-block;
  position:absolute;
  left:17.5px;
  top: calc(50% - 1px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow::after{
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow.menu-arrow-active::before,
.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow.menu-arrow-active::after{
  background: #ffc000;
}
.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow.menu-arrow-active::after{
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -ms-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}

.dg-hd-mo-menu-panel .sub-menu{
  display: none;
  width: 100%;
  padding:0 10.133%;
}

.dg-hd-mo-menu-panel .sub-menu-on{
  display: block;
}
.dg-hd-mo-menu-panel .sub-menu li{
  float: left;
  height:45px;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
.dg-hd-mo-menu-panel .sub-menu li:first-of-type{
  margin: 20px 0 0 0;
}
.dg-hd-mo-menu-panel .sub-menu li:last-of-type{
  border-bottom: none;
  margin: 0 0 20px 0;
}

.dg-hd-mo-menu-panel .sub-menu li a{
  display: block;
  height: 47%;
  padding:11px 0px 15px 8px;
  font-weight:100;
  color: #666666;
  font-size:16px !important;
  -webkit-tap-highlight-color: transparent;
}

.dg-hd-mo-menu-panel {
  right: -100%;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn {
  right: 126%;
}
.dg-hd-mo-menu-panel.mo-menu-active {
  right: 0;
  overflow: scroll;
}
.dg-hd-mo-menu-panel.mo-menu-active .dg-hd-mo-menu-btn {
  right: 0%;
  margin-left: -70px;
  z-index: 999;
  margin-top: -4px;
}

.dg-hd-mo-menu-panel.mo-menu-active .dg-hd-mo-menu-btn span:before,
.dg-hd-mo-menu-panel.mo-menu-active .dg-hd-mo-menu-btn span:after{
  background: #979797;
}

.dg-hd-mo-menu-panel-overlay{
  position: fixed;
  top: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.dg-white{
 color:#fff;
}

.dg-point{
color:#6e47a1 !important;

}
/*모바일 메뉴 끝*/	
.join01_wrap{width:90%!important;}
}

@media (max-width:900px){
	#header{width:100%;height:auto;position:fixed;}
	.nav,.w1200{height:auto; width:100% !important;}
	.section_1{width:100%;}
	.visual{text-align:center;position:relative;top:0;left:0;}
	.section4{width:100%;height:100%;padding:0 !important;}
	.section4::after{content:'';display:table;clear:both;}
	.section4 .reward ul{width:100%; margin:30px auto;text-align:center;}
	.section4 .reward ul li{width:41%;padding:20px;text-align:center;box-sizing:border-box;}
	.section4 .reward ul li{ margin:0 calc(9%/4);}
	.section4 .reward ul li img{ width:100%;}
}

@media (max-width:744px) {
	.qnrwrap{margin:0 auto;width:320px;}
	.qnrwrap::after{content:'';display:table;clear:both;}
	.section2_1 .Rbanner{float:none;}
}
@media (max-width:600px) {
	#wrap #slider .s1,#wrap #slider .s2,#wrap #slider .s3{background-size:100% 110%;}
	#slider{display:none !important;}
	.nav{height:auto;}
	.logo {width:100%;margin:0;padding:20px 0 20px 0;text-align:center;}
	.logo img{width:40%;}
	#slider .slidesjs-pagination{ width:100%; padding-left: 50%; margin-left:-88px; position:absolute; bottom:5%; z-index:888;} 
	.visual{padding-top:12%;}
	.section h4{display:none !important;}
	.section2_1 .Rbanner{float:none;}
	.section4 .reward ul{width:100%; margin:30px auto;text-align:center;}
	.section4 .reward ul li{width:45%;padding:20px;text-align:center;box-sizing:border-box;}
	.section4 .reward ul li{ margin:0 calc(9%/4);}
	.section4 .reward ul li img{ width:100%;}
	.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn {top:0;}
}


@media (max-width:480px) {
	.section3{width:90% !important;margin:0 auto; margin-top:40px;}
	.mo-menu-title .dg-logo img{width:80%;}
	.visual{padding-top:16%;}
	.nav{width:100% !important;}
	.logo img{width:40%;}
	.footer .copy p{font-size:13px !important;font-weight:100 !important;}
	.section4 .reward ul li{width:44%;padding:20px;text-align:center;box-sizing:border-box;}
	.section2_1{width:100%;padding:0;}
	.section3_1{width:100%;}
	.section4 .reward{width:90% !important;}
	#popup_zone{margin-bottom:40px !important;margin:0;}
	.section2_1 .notice {display:none;}	
	.section2_1 .m_notice{display:block;}
	.dg-hd-mo-menu-panel > ul > li.menu-label > a {    width: calc(79.6% - 60px);padding: 20px 0 20px 20px;}
	.mo-menu-title {    padding: 18px 20px 0 20px;}
	
}
@media (min-width:321px)and (max-width:479px){
	.visual{width:320px;}
}

@media (max-width:320px){
	.visual{padding-top:20%;width:100%;}
	
}