@media screen and (max-width: 1024px) {
	#login-wrap{/*border: 1px solid #d1d1d1;*/border: 0;}
	.login-banner img{width: 100%;}
	.m-h-bt{display: block;position: fixed;top: 15px;right: 2%;z-index: 95;text-align: right;}
	.m-h-bt li{display: inline-block;}
	.m-h-bt li img{height: 42px;}
	.sp-nav{display: block;width:50px;float:right;position:absolute;cursor:pointer;height:30px;left: 2%;top: 25px;}
	.sp-nav span{display:block;background:#6a86eb;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.5s;}
	.sp-nav span:nth-of-type(1){top:0px}
	.sp-nav span:nth-of-type(2){top:10px}
	.sp-nav span:nth-of-type(3){top:20px}
	.sp-nav-se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp-nav-se span:nth-of-type(2){width:0}
	.sp-nav-se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.contents-box.contents3{border: 5px solid #6a86eb;width: calc(90% - 10px);margin-top: 10%;}
	#gnb{display: none;}
	#header h1{padding-left: 0;margin-left: 55px;background: none;float: none;}
	#header h1 img{width: 39%;}
	#header{padding: 10px 0;width: 100%;position: fixed;top: 0;left: 0;background: rgba(255, 255, 255, 0.5);z-index: 990;}
	#container{margin-top: 70px;}
	.width-auto{max-width: 1000px;width: auto;}
	
	.main-tab > ul > li a{display: block;}
	.main-tab > ul > li img{width: 100%;}
	.main-tab > ul{width: 1000px;margin: 0 auto;}
	#footer{width: 92%;padding: 0 4%;}
	#footer-button{display: table;width: 100%;position: fixed;left: 0;bottom: 0;z-index: 50;}
	#footer-button li{display: table-cell;width: 50%;}
	#footer-button li a{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 18px;color: #fff;text-align: center;font-weight: bold;}
	#footer-button li a.n1{background: #0e216a;}
	#footer-button li a.n2{background: #5cd3ff;}
	#footer-button.x1 li{width: 100%;}
	#footer-button.x1 li a{height:  auto;line-height: normal;}
	#footer-button.x1 li img{width: 100%;}
	.contents-box{border: 0;margin: 0 auto;}
	.mobile-contents{padding: 7%;}
	.mobile-contents .txt{font-size: 16px;}
	.mobile-title{font-size: 24px;}
	.mobile-contents h2{font-size: 18px;}
	.name-phonenum li input{height: 30px;}
	::-webkit-input-placeholder{color:#9b9b9b;font-size:16px;}
	:-moz-placeholder{color:#9b9b9b;font-size:16px;}
	::moz-placeholder{color:#9b9b9b;font-size:16px;}
	:-ms-input-placeholder{color:#9b9b9b;font-size:16px;}
	.name-phonenum li div a{font-size: 16px;line-height: 30px;height: 32px;}
	.login-button a{padding: 0 30px;font-size: 20px;line-height: 40px;}
	.name-phonenum li{margin-top: 15px;}
	.name-phonenum li div{margin-bottom: 10px;}
	.mobile-contents .txt{margin-top: 15px;}
	.contents3 h1{font-size: 24px;}
	.name-phonenum li div.input-four input{padding: 0 5px;font-size: 15px;vertical-align: 4px;width: calc(25% - 26px);}
	.t2-menu > li.td span:last-child{display: none;}
	.owl-controls{display: none !important;}
	.sub4-2-pink{padding: 20% 0;}
	.reden{display: block;}
	.reden a{padding: 8px 20px;position: absolute;right: 167px;top: 17px;background: #ff2b6c;border-radius: 48px;color: #fff;}
	.main-slidec{margin-top: 0;}
}
@media screen and (max-width: 980px) {
	.main-slideb{margin-top: 40px;}
	.main-banner.t4{margin-top: 40px;}
	.sub4-2-pink{margin-top: 40px;}
	#wrap{min-width: 100%;}
	.m-img{display: block;}
	.pc-img{display: none;}
	.video-box1{padding: 30% 0 15%;}
	.video-box1 h2 span{font-size: 20px;margin-bottom: 10px;}
	.video-box1 h2{font-size: 28px;width: 90%;margin: 0 auto;}
	.video1{width: calc(90% - 34px);margin-top: 90px;}
	.video1 .icon1{height: 45px;left: -40px;top: -62px;overflow: hidden;}
	/*.video1 .icon1 img{height: 100%;}*/
	.video_container a > img{width: 100%;}
	.video1 .icon2{left: 7px;top: -71px;}
	.video1 .icon3{right: 5px;width: 200px;}
	.video1 .icon3 img{width: 100%;}
	.vb-button img{width: 80%;margin: 0 auto;}
	.video1 .show-btn{width: 50px;height: 50px;top: calc(50% - 25px);left: calc(50% - 25px);}
	.video1 .show-btn i{line-height: 50px;}
	.video1 .show-btn i img{width: 40%;}
	.main-banner-pink{margin-top: 80px;background: #ffbaca;padding: 15% 0 10%;}
	.main-banner-pink .title .line1{font-size: 20px;line-height: 24px;}
	.main-banner-pink .title .line2{font-size: 24px;margin: 15px 0 10px;}
	.main-banner-pink .title{font-size: 30px;top: 100px;position: static;}
	.main-banner-pink .txt{position: static;margin-top: 50px;font-size: 24px;line-height: 34px;}
	.main-banner-pink .vb-button{position: static;margin-top: 40px !important;}
	.main-banner-pink .video2{margin: 0 auto;position: relative;background: url(../images/mbanner4.png) no-repeat center top;width: 98%;height: auto;padding: 14.6% 0 12%;background-size: 100% auto;top: auto;left: auto;}
	.main-banner-pink > img{width: 100%;}
	.main-banner-pink .video2 > a{width: 83%;margin: 0 auto;margin-left: 4.7%;}
	.main-banner-pink .video2 > a > img{width: 100%;}
	.main-banner-pink .show-btn{width: 50px;height: 50px;top: calc(50% - 25px);left: calc(50% - 25px);}
	.main-banner-pink .show-btn img{width: 100%;}
	.main-banner-pink .show-btn i{line-height: 50px;padding-left: 0;}
	.main-banner-pink .v-icon{right: 16%;bottom: 0%;width: 12%;}
	.main-banner-pink .v-icon img{width: 100%;}
	.main-banner .vb-button2{position: static;}
	.main-banner .vb-button2 img{width: 80%;}
	#main-bg2{margin-top: 0;}
	.mff1-rt{text-align: center;}
	.mff1-rt a{position: static;margin-top: 10px;}
	.mff1-lf{width: 100%;float: none;margin-top: 20px;}
	.mff1-rt{float: none;}
	.t2-menu > li.th{display: none;}
	.t2-menu > li.td{border: 0;}
	.t2-menu > li.td span{vertical-align: middle;}
	.t2-menu > li.td span:last-child a{margin-top: 0;}
	.main-slideb .owl-prev{background: url(../images/mmsb_prev.png) no-repeat left top;width: 40px;height: 40px;background-size: 40px;left: 2%;}
	.main-slideb .owl-next{background: url(../images/mmsb_next.png) no-repeat left top;width: 40px;height: 40px;background-size: 40px;right: 2%;}
	.main-slide .owl-prev{background: url(../images/mmsa_prev.png) no-repeat left top;width: 40px;height: 40px;background-size: 40px;left: 2%;}
	.main-slide .owl-next{background: url(../images/mmsa_next.png) no-repeat left top;width: 40px;height: 40px;background-size: 40px;right: 2%;}
	.main-slidec .owl-prev{background: url(../images/mmsa_prev.png) no-repeat left top;width: 40px;height: 40px;background-size: 40px;left: 2%;}
	.main-slidec .owl-next{background: url(../images/mmsa_next.png) no-repeat left top;width: 40px;height: 40px;background-size: 40px;right: 2%;}
	.t2-banner h2 img{width: 80%;}
	._video{margin: 0 auto;margin-top: 100px;width: 90%;}
	.vimg_box img{width: 100%;}
	.t2-banner{padding: 100px 0;}
	.main-banner.position-button .vb-button{bottom: 2%;}
	.main-banner.position-button .vb-button img{width: 70%;}
	.main-banner.position-button.t4 .vb-button{bottom: 5%;}
	.sub4-2-pink-box > li{float: none;display: inline-block;background-size: 18% auto !important;padding: 10% 0 0 14%;width: 82%;height: auto;margin-top: 10%;}
	.sub4-2-pink-box{width: 90%;margin: 0 auto;text-align: center;margin-top: 30px;}
	.svideo img{width: 100%;}
	.main-banner-blue iframe{width: 90%;height: auto;margin: 0 auto;}
	.t2-1-top{margin-top: 30px}
	.mff1-rt a img{width: 98%;max-width: 328px;}
	.kakao img{width: 98%;max-width: 329px;}
	.video1 iframe{width: 98%;height: auto;margin: 0 auto;}
	.t2-banner iframe{width: 90%;height: auto;margin: 0 auto;}/*2020-0909*/
	.svideo .iframe{top: 7%;left: 4%;width: 81%;height: 83%;}
	.svideo .iframe iframe{width: 100%;height: 100%;}
	.login-error{width: 80%;padding: 10%;}
	#login-wrap{padding: 10%;}
	.contents-box{max-width: 100%;}
	.check-area{padding: 0;border: 0;}
	.checkbox label{font-size: 15px;background-size: 20px 20px;background-position: left center;height: 22px;line-height: 22px;}
	.check-area-floor2 li a{font-size: 15px;line-height: 22px;}
	.check-area-floor2 li{padding: 3px 0;}
	.check-area-floor1{padding-bottom: 6px;}
	.checkbox input:checked +label::before{width: 20px;height: 20px;background-size: 20px 20px;}
	.main-banner-pink .video2 .v-dio{width: 83.5%;margin-left: 4.5%}
	.m-gnb-depth1 a{font-size: 18px;}
	.m-gnb-depth1 > li > a:after{top: 2px}
	.m-gnb-depth2 > li > a:after{top: 2px}
	.m-gnb-depth1 a{font-size: 14px;}
	.m-gnb-depth1 > li{padding: 2% 5% 0;}
	.m-gnb-depth2 > li{padding: 1px 0;}
	.m-gnb-depth2 > li > a:after{background-size: 100% auto;width: 12px;}
	.m-link{padding: 4% 5%;}
	.m-gnb-depth2{padding: 2px 0 5px;}
	.main-slideb .owl-dots{bottom: 3%;}
	.main-slidec .owl-dots{bottom: 3%;}
	.t4banner3 h2 img{width: 90%;}
	.t4banner3 ul li{text-align: center;float: none !important;margin-bottom: 30px;}
	.t4banner3 ul li img{width: 90%;}
	.t4banner3{padding: 15% 0;}
	a.login-go{font-size: 20px;padding: 15px 5% 10px;font-size: 16px;}
	a.login-go img{vertical-align: 0px;width: 10px;}
	.main-tab > ul{width: 90%;margin: 0;margin-left: 5%;}
	.main-tab > ul > li{width:48.5%;}
	.main-tab > ul > li:first-child{width:51.5%;}
}
@media screen and (max-width: 767px) {
	.t2-menu{padding: 0;width: 100%;}
	.t2-menu > li.td span ul li{padding: 0 3%;display: inline-block;float: none;}
	.t2-menu > li.td a{margin-left: 0;font-size: 13px;vertical-align: middle;white-space:nowrap;}
	.t2-menu > li.td{padding: 0 0;border-bottom: 1px solid #d1d1d1;display: table;width: 100%;position:relative;}
	.t2-menu > li.td span{display: table-cell;text-align: center;padding: 10px 2%;position: static;vertical-align: middle;height: 28px;	}
	.t2-menu > li.td span ul li a{font-size: 13px;}
	.t2-menu > li.td span ul{width: 100%;top: 53px;text-align: center;}
	/*.t2-menu > li.td span:first-child ul{width: 240px;}*/
	.t2-menu > li.td span ul li:before{top: 7px;height: 10px;left: 0px;}
	#header h1 img{width: 40%;}
	.t2-menu > li.td a i{display: none;}
	.t2-menu > li.td a br{display: block;}
	#header h1{padding-left: 0;}
	.sp-nav{width: 40px;height: 20px;}
	.sp-nav span{width: 25px;}
	.m-h-bt li img{height: 35px;}
	.m-h-bt{top: 22px;}
	.reden a{font-size: 12px;right: 113px;padding: 5px 8px;top: 26px;}
}
@media screen and (max-width: 550px) {
	.join-pwn li{padding: 0 6px;}
	.join-pwn a{font-size: 14px;}
	.back img{width: 40px;}
	.close img{width: 20px;}
	.m-link{width: 90%;}
	.m-link li{width: calc(60% / 2);max-width: 131px;margin-right: 0;}
	.m-link li img{width: 90%;}
	#m-gnb > ul:last-child li{width: 100%;max-width: 100%;}
	#m-gnb > ul:last-child li img{width: 60%;}
	.t2-menu > li.td span{padding: 10px 1%;}
	.main-slideb{margin-top: 30px;}
	.main-banner.t4{margin-top: 30px;}
	.sub4-2-pink{margin-top: 30px;}
}

/* 20.07.29 수정 */
@media screen and (max-width: 1024px) {    
    #login-wrap{ padding-top: 80px!important; }
    .name-phonenum li input { height: 42px; }
    .name-phonenum li div a { height: 44px; line-height: 44px; }
    .id-pw li{ margin-top: 15px; }
    .join-pwn { margin: 30px auto 20px; }
    .contents-box.contents3{ margin-top: 20px; }

}
@media screen and (max-width: 1000px) {    
    .csWrap{ width: 100%; padding: 0 7%; box-sizing: border-box; }
}
@media screen and (max-width: 980px) {    
    .logoutBtn{ margin-left: 5%; }
    .loginCommonTop #header{ border-bottom: 1px solid #ccc!important; }
    .check-area{ border: 1px solid #d1d1d1; padding: 15px; }
}

@media screen and (max-width: 767px) {
    .logoutBtn{ margin: 6% 0 70px 5%; }
    .logoutBtn button{ height: 56px; line-height: 50px; border: 3px solid #6a86eb; }
    .login-banner img{ width: 90px !important; }
    .contents-box.contents5 .mobile-contents{ padding-left: 7%; padding-right: 7%; }
    .login-box { padding: 0  7%; margin-top: 20px; }
    .contents-box{ padding-top: 0!important; }
    .mobile-contents{ padding-top: 5px; }
    .agree h3{ padding-top: 20px; }
    .contents-box.contents3{ padding-top: 40px!important; }
}
@media screen and (max-width: 550px){
    #m-gnb > ul:last-child li img { width: 73%!important; }
    #m-gnb > ul:last-child li { width: 80%!important; max-width: 80%!important; }
    .m-link01 li img { width: 73%!important; }
    .m-link01 li { width: 80%!important; max-width: 80%!important; }
    .logoutBtn button{ height: 42px; line-height: 36px; border: 3px solid #6a86eb; font-size: 16px; width: 160px;  }
    .csSec > ul li{ width: 100%; border: none!important; border: 1px solid #ccc!important; border-bottom: none!important;}
    .csSec > ul li:last-child{ border-bottom: 1px solid #ccc!important; }
}
@media screen and (max-width: 450px){
    .logoutBtn button{  width: 130px; font-size: 14px;  }
    .login-banner{ padding: 0 7%; }
    .login-banner img{ right: 25px; }
    #login-wrap h2{ padding: 20px 0 30px; font-size: 1.2em; }
    .contents3 p{ margin-top: 0; }
    .contents3 .login-button{ margin-top: 40px; }
    .loginError p{ margin-top: 25px; }
	.mb2-footer-floor2 > li{margin: 0 3px;}
}
@media screen and (max-width: 360px){
    #login-wrap .agree h2{ font-size: 1em; }

}