/* all */
.clear:after {content: ""; display: block; clear: both;}
.inner {width: 900px; margin: 0 auto;}
img{width: 100%;}
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&display=swap'); */

body{ font-family: "Noto Sans KR", sans-serif; margin: 0; background: #121212;}
html{font-family: "Noto Sans KR", sans-serif; scroll-behavior: smooth; word-break: keep-all}
body, h1, h2, h3, h4, h5, h6, input, textarea, select, p {
	font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.5px;-webkit-user-select: none;
 -moz-user-select: none;
 -ms-use-select: none;
 user-select: none;
}
div {box-sizing: border-box;}
.mo-br{display: none;}
.pc-br{display: block;}

/*header*/
header{width: 100%; box-sizing: border-box; color:#fff;  }
header .logo {width: 100%; box-sizing: border-box; padding:5% 0;}
header .logo .logo-video__content {width: 20%;}
header .title {width: 100%;}
header .title ul {width: 100%; box-sizing: border-box;}
header .title ul li {width: 100%; box-sizing: border-box;}
header .title ul li.sub-title p {display: inline-block; font-size: 1.9rem; padding: 3px 10px; background: rgba(255,255,255,0.1); border-radius: 3px;}
header .title ul li.main-title h1 {width: 100%; box-sizing: border-box; padding:3% 0;}
header .title ul li.main-title h1 img {width: 70%;}
header .title ul li.date-info {width: 100%;}
header .title ul li.date-info ul {width: 100%;}
header .title ul li.date-info ul li {width: 100%; padding: 4px 0 ;}
header .title ul li.date-info ul li:nth-child(1) {background: url('../images/date_icon.png') no-repeat left; background-size: 2%;}
header .title ul li.date-info ul li:nth-child(2) {background: url('../images/place_icon.png') no-repeat left; background-size: 2%;}
header .title ul li.date-info ul li p {font-size: 1.5rem; padding-left: 25px;}
header .title ul li.date-info ul li a {font-size: 1.5rem; padding: 2px 6px; background: rgba(255,255,255,0.2); color: #fff; border-radius: 3px;}
header .title ul li.regi-btn {width: 100%; box-sizing: border-box; font-size: 1.5rem; margin-top: 3%; transition: 0.3s all}
header .title ul li.regi-btn a { display: inline-block; box-sizing:border-box; color:#fff; background-image : linear-gradient( 90deg , #20dc86, #0092f4); padding: 2% 6%; border-radius: 40px;text-align: center}
header .title ul li.regi-btn a img {width:10%;}
header .title ul li.regi-btn span {width: 100%; display: block; margin-top: 3%; border-left: 3px solid #fff; padding-left: 10px;}

header .bg-video {width: 100%; height: 640px; position: absolute; top: 0; left: 0; z-index: -1; overflow: hidden; background: #252525; text-align: center;}
header .bg-video .bg-video__content {height: 100%; width: 100%;}
.hero-pc {object-fit: cover; object-position: center}
.hero-ta,.hero-mo {display: none;}

/*intro*/
#intro {width: 100%; box-sizing: border-box; padding: 100px 0; position: relative; height: 450px;}
#intro  .intro-box{width: 100%; max-width: 900px; box-sizing: border-box; background: #fff; border-radius: 20px; padding: 40px; position: absolute; top: 10%; z-index: 888; left: 50%; transform: translateX(-50%);}
#intro  .intro-box h2{width: 100%; font-size: 3.2rem; line-height: 1.5; padding-bottom: 30px;}
#intro  .intro-box h2 b{font-weight: bold;}
#intro  .intro-box p{width: 100%; font-size: 1.6rem; line-height: 1.6}

/*section-title*/
.section-title{width: 100%;}
.section-title h3{width: 100%; font-size: 3.2rem; color:#fff; font-weight: normal; line-height: 1.5; padding-bottom: 30px;}

/*insight*/
#insight {width: 100%; box-sizing: border-box; padding: 100px 0;}
#insight .insight-box {width: 100%; box-sizing: border-box;}
#insight .insight-box ul {width: 100%; box-sizing: border-box; display: flex; gap:20px;}
#insight .insight-box ul li.insight-box-detail {height: 280px; margin: 10px 0; padding: 30px;}
#insight .insight-box ul li.insight-box-w {flex-direction: column; width: 55%; box-sizing: border-box; border-radius:20px; transition:all 0.3s;}
#insight .insight-box ul li.insight-box-g {flex-direction: column;width: 45%; box-sizing: border-box; border-radius:20px; transition:all 0.3s;}
#insight .insight-box ul li.insight-box-g:hover {box-shadow: 0px 0px 10px #3deb9b;}
#insight .insight-box ul:nth-child(1) li.insight-box-w {background:  url('../images/box_icon_01.png') no-repeat, #f3f3f3; background-size: 30%; background-position: bottom 6% right 4%;}
#insight .insight-box ul:nth-child(1) li.insight-box-w:hover {background:  url('../images/box_icon_01.png') no-repeat, #3deb9b; box-shadow: 0px 0px 10px #3deb9b;  background-size: 30%; background-position: bottom 6% right 4%;}
#insight .insight-box ul:nth-child(1) li.insight-box-g {background:  url('../images/box_icon_02.png') no-repeat, #3deb9b; background-size: 37%; background-position: bottom -6% right 4%;}
#insight .insight-box ul:nth-child(1) li.insight-box-g:hover {background:  url('../images/box_icon_02.png') no-repeat, #f3f3f3; box-shadow: 0px 0px 10px #f3f3f3; background-size: 37%; background-position: bottom -6% right 4%; }
#insight .insight-box ul:nth-child(2) li.insight-box-g {background:  url('../images/box_icon_03.png') no-repeat, #3deb9b; background-size: 38%; background-position: bottom 6% right 4%;}
#insight .insight-box ul:nth-child(2) li.insight-box-g:hover {background:  url('../images/box_icon_03.png') no-repeat, #f3f3f3; box-shadow: 0px 0px 10px #f3f3f3; background-size: 38%; background-position: bottom 6% right 4%;}
#insight .insight-box ul:nth-child(2) li.insight-box-w {background:  url('../images/box_icon_04.png') no-repeat, #f3f3f3; background-size: 40%; background-position: bottom -6% right -4%;}
#insight .insight-box ul:nth-child(2) li.insight-box-w:hover {background:  url('../images/box_icon_04.png') no-repeat, #3deb9b; box-shadow: 0px 0px 10px #3deb9b; background-size: 40%; background-position: bottom -6% right -4%;}
#insight .insight-box ul li.insight-box-detail h4 {font-size: 2.2rem; line-height: 1.5; padding-bottom: 10px;}
#insight .insight-box ul li.insight-box-detail p {font-size: 1.5rem; line-height: 1.5;}

/*agenda*/
#agenda {width: 100%; box-sizing: border-box; background: url('../images/agenda-bg.png') no-repeat; background-size: cover; padding: 100px 0;}
#agenda .section-title {text-align: center;}
#agenda .timeline{width: 100%;}
#agenda .timeline ul{width: 100%;}
#agenda .timeline ul li{width: 100%; background: rgba(0,0,0,0.2); border-radius: 20px; margin: 4px 0;  color:#fff; display: flex; transition: all 0.3s;}
#agenda .timeline ul li:hover{background: rgba(0,0,0,0.4); }
#agenda .timeline ul li.session {background: url('../images/agenda_gradient.png') no-repeat right, rgba(0,0,0,0.2);transition: all 0.3s; background-size: contain}
#agenda .timeline ul li.session .agenda-title {padding: 12px 0;}
#agenda .timeline ul li.session:hover {background: url('../images/agenda_gradient.png') no-repeat right, rgba(0,0,0,0.4)}
#agenda .timeline ul li .agenda-text-section {width: 70%; padding: 25px;}
#agenda .timeline ul li .agenda-text-section p.time{font-size: 1.5rem; color:rgba(255,255,255,0.7)}
#agenda .timeline ul li .agenda-text-section p.agenda-title{font-size: 1.8rem; font-weight: bold; padding-top: 12px;}
#agenda .timeline ul li .agenda-text-section p.speaker{font-size: 1.5rem; color:#20dc86}
#agenda .timeline ul li .agenda-logo-section {width: 30%; padding: 25px; text-align:center; align-content: center; box-sizing: border-box;}
#agenda .timeline ul li .agenda-logo-section img {width: 80%; }
#agenda .timeline ul li:nth-child(5) .agenda-logo-section img{width: 65%; }
#agenda .timeline ul span {display: block; color:#fff; font-size: 1.5rem; text-align: left; padding-top: 5px;}


/* register */
#register {width: 100%; background-size: cover; padding: 100px 0;}
#register .inner{background-color: #fff; box-sizing: border-box; display: flex; flex-direction: column; width: 760px; margin: 0 auto; padding: 50px;  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); border-radius: 30px;}
#register .inner h3{text-align: center; font-size: 3.2rem;}
#register .inner p{font-size: 1.6rem; color: #252526; font-weight: bold;}
#register .inner p span{color: #da54d8;}
#register .info{width: 100%; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px;}
#register .info ul li {width: 100%; display: flex; gap: 0 20px; padding-bottom: 20px;}
#register .info  .reg__frm {width: 100%;}
#register .info ul li input[type="text"]{ border-radius: 4px; font-size: 15px; width: 100%; border: 1px solid #e8e8e8; padding:10px; box-sizing: border-box;}
#register .info ul li p{padding-bottom: 10px;}

.rgt_wrap ul li.regi-btn {width: 100%; box-sizing: border-box; font-size: 1.5rem; margin-top: 3%; display: block; text-align: center;}
.rgt_wrap ul li.regi-btn a { display: inline-block; box-sizing:border-box; color:#fff; background-image : linear-gradient( 90deg , #20dc86, #0092f4); padding: 3% 8%; border-radius: 40px;}
.rgt_wrap ul li.regi-btn a img {width:10%;}
.rgt_wrap ul li.regi-btn span {width: 100%; display: block; margin-top: 3%; border-left: 3px solid #fff; padding-left: 10px;}


.survey{ border-bottom: 1px solid #e8e8e8;}
.survey ul li{padding-top: 40px;}
.survey_list  input[type="text"]{ border-radius: 4px; font-size: 15px;  border: 1px solid #e8e8e8; padding:5px; box-sizing: border-box; vertical-align: middle;}
.survey label {font-size: 1.6rem; color: #252526;vertical-align: middle; display: inline-block; margin-right: 15px;}
.survey label input[type="radio"]{ vertical-align: middle; margin-right: 5px; width: 15px; height: 15px;  padding-left: 20px;}
textarea#que_7{box-sizing: border-box; width: 100%; border-radius: 4px; font-size: 15px;  border: 1px solid #e8e8e8;padding: 10px; height: 80px; margin-top: 10px;}

.privacy {padding: 40px 0px;}
.privacy .tit{font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8;}
.privacy .tit p{padding-top: 10px; font-weight: normal;}
.privacy .tit label{font-size: 2rem; font-weight: bold;}
.privacy .tit label span{color: #da54d8;}
input[type="checkbox"] {
    position: absolute;
    left: -9999px; /* 화면 밖으로 숨김 */
}

.privacy .tit input + label{display: flex; align-items: center; font-size: 2rem; font-weight: bold; gap: 0 10px;}
.privacy .tit input + label::before{content: ""; display: block; width: 22px; height: 22px; background: url(../images/checkbox_02.png) no-repeat; background-size: contain;}
.privacy .tit input[type="checkbox"]:checked+ label::before{background: url(../images/checkbox_check_02.png) no-repeat;  background-size: contain;}

.privacy__area ul li{border-bottom: 1px solid #e8e8e8; padding: 20px 0px;}
.privacy__area .privacy__head {display: flex; justify-content: space-between;}
.privacy__area .privacy__head p{font-size:15px ;}
.privacy__area .privacy__box p, .privacy__area .privacy__box span {font-weight: normal !important}

.blind{visibility: hidden; overflow: hidden;}
.toggle__btn{  cursor: pointer; display: block;  width: 24px; height: 24px;  background: url(../images/toggle.png) no-repeat; background-size: contain; }
.toggle__con{display: none;}

#register .rgt_btn{width: 30%; margin: 0 auto; background-image:linear-gradient( 90deg , #20dc86, #0092f4) ;border-radius: 40px; padding: 3% 6%; text-align: center;}
#register .rgt_btn button {color:#fff; font-size: 1.6rem; text-align: center}
#register .rgt_btn button img {width: 10%;}


footer{width: 100%; background-color: #252526; }
footer .inner{padding:  20px 0; display: flex; justify-content: space-between; align-items: center}
footer .footer_logo{width:150px ;}
footer p{text-align: right; color: #efefef; font-size: 14px;}

.succsess {margin-bottom: 40px;}
.succsess  p{font-size: 3.2rem; text-align: center; font-weight: 400;}
.succsess  p span{font-weight: bold;}


/* survey */ 
.survey_body {background:#000; width: 100%; }
.survey_text h2{font-size: 3rem; margin-bottom: 20px;}
.survey_text p{font-size: 2rem; }
.mo__br{display: none;}
#survey_wrap{width: 720px;  margin: 0 auto;  }
.survey_visual{padding:40px  20px; box-sizing: border-box; width: 100%; background: url(../images/main_background_survey.jpg)no-repeat center; background-position: top; background-size: cover;  }
.survey_visual .area{display: flex; flex-direction: column; align-items: center; width: 100%;}
.survey_visual h1{width: 50px; margin-bottom: 40px;}
.survey_visual .main_title{text-align: center; padding-bottom: 20px;}
.survey_visual .main_title h2{font-size: 32px; font-weight: bold;}
.survey_visual .main_title p{font-size:20px ;}
.survey_info {background: #fff; border-radius: 14px; margin:70px 0 100px 0;}
.survey_info article{ box-sizing: border-box; border-bottom: 1px solid #eee;}
.survey_info article:nth-child(5){border: none;}
.survey_info .area{width: 100%;  padding: 50px;  text-align: center; }
.survey_info .area .txt{padding: 0 20px; margin-bottom: 40px; text-align: center;  display: flex; flex-direction: column; align-items: center;}  
.survey_info .area .txt p{font-size: 16px; font-weight: 400; text-align: center; line-height: 160%; margin-bottom: 40px;}
.survey_info .area .txt div{  width:100px ; height: 2px; background:linear-gradient(270deg, #0092f4 -12.86%, #d054ce 105%) !important;  }


.survey_info .rgt_wrap{width: 100%;}
.survey_info .inner{background-color: #fff; box-sizing: border-box; display: flex; flex-direction: column; width: 760px; margin: 0 auto; padding: 50px;  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); border-radius: 30px;}
.survey_info p{font-size: 16px; color: #252526; text-align: left; font-weight: bold;}
.survey_info p span{color: #da54d8; }

.survey_info p.session-partner {border-left: 3px solid #000; padding-left: 9px;  }

.survey_info .info ul{display:flex; flex-wrap:wrap; gap:20px; width:100%;}
.survey_info .info ul li {width:100%; display: flex; gap: 0 20px; padding-bottom: 20px;}
.survey_info .info ul li .reg__frm {width:100%;}
.survey_info .info ul li input[type="text"]{ border-radius: 4px; font-size: 15px; width: 100%; border: 1px solid #e8e8e8; padding:12px; box-sizing: border-box;}

.satisfaction {padding: 30px 0;}
.satisfaction ul li {width: 100%; display: flex; flex-wrap: wrap; padding-top: 10px;}
.satisfaction ul li p {width:25% }
.satisfaction ul li .survey_list {width:75% }

#survey_wrap .rgt_btn{width: 30%; margin: 0 auto; background-image:linear-gradient( 90deg , #20dc86, #0092f4) ;border-radius: 40px; padding: 3% 6%; text-align: center; }
#survey_wrap .rgt_btn a {font-size: 1.6rem;  color:#fff;  text-decoration: none;}
#survey_wrap .rgt_btn img {width: 10%;}

/* 2024.07.12 modify */
.info ul{display:flex; flex-wrap:wrap; gap:20px; width:100%;}


.survey_info .survey{border: 0;}
.survey_info .survey_list { display: flex;  align-items: flex-start;}
.survey_info .survey textarea{box-sizing: border-box; width: 100%; border-radius: 4px; font-size: 15px;  border: 1px solid #e8e8e8;padding: 10px; height: 80px; margin-top: 0px;}

.survey_info .privacy{padding-bottom: 40px;}
.desc__right{text-align: right; padding-right: 20px; float: right;}

/* survey success*/ 
body.success-page {margin: 0;padding: 0;height: 100vh;display: flex;flex-direction: column;}
header .success-bg-video {height: 100vh}
.success-main {flex: 1;display: flex;flex-direction: column;}

.success-main header#success {flex: 1; display: flex; align-items: center; justify-content: center;}
.success-main header#success .title ul li.main-title h1 img {width: 88%;}
.success-main header#success .title ul li.main-title h1 {padding: 4% 0}
.success-main header#success .title ul li.date-info {padding-bottom: 7%}
.success-main header#success .title ul li.date-info ul li p {font-size: 2rem;}
.success-main header#success .title ul li.success-text {width: 100%;}
.success-main header#success .title ul li.success-text h2 {font-size: 3.7rem; margin: 0% 0 2% 0; line-height: 1.5 }
.success-main header#success .title ul li.success-text p {font-size: 2.5rem}

.success-main {height: 100vh;}


.survey_visual_success{width: 100%; height: 90vh;  padding: 60px 20px;  background: url(../images/con_background_survey.jpg)no-repeat center; background-position: top; background-size: cover;}
.survey_visual_success h1 {width: 120px;}
.survey_visual_success .area{display: flex; flex-direction: column; align-items: center; text-align: center;}
.survey_visual_success .main_title h2{font-size: 20px; font-weight: bold; padding-bottom: 10px;}
.survey_visual_success .main_title p{font-size: 20px; padding-bottom: 50px; }
.survey_visual_success .main_title{padding-top: 60px; }


.survey-success-text h2 {font-size: 3.5rem; padding-bottom: 20px;}
.survey-success-text p {font-size: 2rem;}

    /* 반응형 */
@media only screen and (max-width: 1100px){
    .inner {margin: 0 auto; width: 100%; padding: 0 4%; }
    
    header .logo img {width: 18%}
    header .title ul li.sub-title p {font-size: 2.0rem;}
    header .title ul li.date-info ul li p {font-size: 1.8rem;}
    header .title ul li.regi-btn {font-size: 1.8rem;}
    header .bg-video {height: auto;}
    .hero-pc,.hero-mo {display: none;}
    .hero-ta {display: block;}
    
    
    #intro .intro-box h2 {font-size: 3.6rem;}
    #intro .intro-box p {font-size: 1.8rem;}
    
    .section-title h3 {font-size: 3.6rem;}
    
    #insight {padding:15% 0 10% 0;}
    #insight .insight-box ul li.insight-box-detail {height: 300px;}
    #insight .insight-box ul li.insight-box-detail h4 {font-size: 3.0rem;}
    #insight .insight-box ul li.insight-box-detail p {font-size: 1.8rem;}

    #agenda{padding: 80px 0;}
    #agenda .timeline ul li .agenda-text-section p.time,#agenda .timeline ul li .agenda-text-section p.speaker {font-size: 1.8rem;}
    #agenda .timeline ul li .agenda-text-section p.agenda-title {font-size: 2.0rem;}
    
    #register .info ul li p, #register .inner p, .survey label {font-size: 1.8rem;}
    .rgt_wrap ul li.regi-btn{font-size: 1.8rem;}
    .rgt_wrap ul li.regi-btn a {padding: 3% 7%;}
    
    
    
    footer .inner {width: 100%; padding: 2% 4%;}
    
    header .success-bg-video {height: 100vh}
    header .success-bg-video .bg-video__content {width: auto;}
    
}

@media only screen and (max-width: 980px){
   
    
    header .bg-video .bg-video__content {height: 100%; width: 100%;}
    
    header .success-bg-video {height: 100vh}
    header .success-bg-video .bg-video__content {width: auto;}
    #intro .intro-box {width: 92%;}
    
    #agenda .timeline ul li .agenda-logo-section img {width: 100%}
    #agenda .timeline ul li:nth-child(5) .agenda-logo-section img {width: 75%;}
    
   
    .mo-br{display: block;}
    .pc-br{display: none;}
    
    #survey_wrap {width:  100%;  margin: 0 auto;  }
    .survey_info {width: 92%; margin: 70px auto;}
   
}

@media only screen and (max-width: 760px){
    
    header {padding: 0 0 50px 0;}
    
    #intro .intro-box{top:0%; padding: 5% 3%}
    
    .section-title h3 {padding-bottom: 2%;}
    
    #insight {padding: 3% 0 70px 0;}
    #insight .insight-box ul li.insight-box-detail {height: 270px; padding: 3%;}
    #insight .insight-box ul:nth-child(1) li.insight-box-w {background-size: 32%}
    #insight .insight-box ul:nth-child(1) li.insight-box-w:hover {background-size: 32%}
    #insight .insight-box ul:nth-child(1) li.insight-box-g {background-size: 47%}
    #insight .insight-box ul:nth-child(1) li.insight-box-g:hover {background-size: 47%}
    #insight .insight-box ul:nth-child(2) li.insight-box-g {background-size: 45%;}
    #insight .insight-box ul:nth-child(2) li.insight-box-w {background-size: 45%;}
    #insight .insight-box ul:nth-child(2) li.insight-box-g:hover {background-size: 45%;}
    #insight .insight-box ul:nth-child(2) li.insight-box-w:hover {background-size: 45%;}

    #agenda {padding: 70px 0;}
    
    #register {padding: 70px 0;}
    #register .inner{width: 90%; margin: 0 auto; padding: 50px;}
    
    .survey_info {margin: 0 auto 70px auto;}
    .survey_info .area {padding: 30px;}
    .survey_visual h1{margin-bottom: 20px;}
    .survey_visual {padding: 20px;}
    
    .success-main header#success {display: block;}
}

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

    .section-title h3 { font-size: 3.3rem; padding-bottom: 5%;}
    
    header {padding: 0 0 120px 0;}
    header .logo {padding: 6% 0;}
    header .logo .logo-video__content {width: 25%;}
    header .title ul li.main-title h1 {padding: 5% 0;}
    header .title ul li.main-title h1 img{width: 75%;}
    header .title ul li.sub-title p {font-size: 1.8rem;}
    header .title ul li.date-info ul li:nth-child(1) {background-size: 3%}
    header .title ul li.date-info ul li:nth-child(2) {background-size: 3%}
    header .title ul li.date-info ul li p {font-size: 1.6rem;}
    header .title ul li.regi-btn{margin-top: 5%;}
    header .title ul li.regi-btn span {font-size: 1.6rem;}

    #intro {height: 250px}
    #intro .intro-box {top:-30%}
    #intro .intro-box h2 {font-size: 3.3rem; padding-bottom: 3%;}
    #intro .intro-box p {font-size: 1.6rem;}
    
    #insight{padding: 20% 0 50px 0;}
    #insight .insight-box ul li.insight-box-detail {height: 240px;}
    
    #agenda {padding: 50px 0;}
    #agenda .timeline ul li .agenda-text-section p.time, #agenda .timeline ul li .agenda-text-section p.speaker {font-size: 1.4rem;}
    #agenda .timeline ul li .agenda-text-section p.agenda-title {font-size: 1.8rem;}
    
    #register {padding: 50px 0;}
    #register .inner {padding: 7% 4%;}
    #register .info ul li{flex-direction: column; padding-bottom: 0px;}
    #register .info  .reg__frm {padding-bottom: 10px;}
    
    .survey_info {margin: 50px auto 70px auto}
    
    .survey label{display: block;}
    .survey_list{flex-direction: column; gap: 10px 0;}
    /*.survey ul li:nth-child(3) .survey_list label {width: 100%;}*/
    .satisfaction ul li {width: 100%; display: block; }
    .satisfaction ul li p {width:100% }
    .satisfaction ul li .survey_list {width:100% }
    
    #register .rgt_btn{width: 36%;}
    #register .rgt_btn button {font-size: 1.8rem;}
    .survey_text h2 {font-size: 2.5rem}
    .survey_text p {font-size: 1.7rem}
    #survey_wrap .rgt_btn {width: 50%; padding:5% 7%;}
    
    .desc__right{text-align: left; padding-right: 0px; padding-bottom: 10px; float: left;}
    


    footer .footer_logo{width:130px ;}
    footer p{ color: #efefef; font-size: 1.4rem;}
    
    .Agenda .area p.desc{text-align: center;}

}
@media only screen and (max-width: 480px){
    
    header {padding-bottom: 8%;}
    header .logo {padding: 6% 0 8% 0}
    header .logo .logo-video__content {width: 32%;}
    header .title ul li.main-title h1 img{width: 80%;}
    header .title ul li.sub-title p {font-size: 1.6rem;}
    header .title ul li.date-info ul li p {padding-left: 17 px;}
    header .title ul li.regi-btn a {padding: 4% 9%}
    header .title ul li.regi-btn span {margin-top: 5%;}
    header .title ul li.date-info ul li:nth-child(1) {background-size: 5%}
    header .title ul li.date-info ul li:nth-child(2) {background-size: 5%}
    header .bg-video .bg-video__content {height: 100%; width: auto;}
    .hero-pc,.hero-ta {display: none;}
    .hero-mo {display: block;}
    
    
    
    #intro {height: auto; padding: 0px}
    #intro .intro-box{padding: 6% 8% 6% 6%; position: relative; width: 100%;}
    #intro .intro-box h2{font-size: 2.8rem;}
    
    #insight {padding: 50px 0;}
    #insight .insight-box ul{display: block;}
    #insight .insight-box ul li.insight-box-detail {padding: 6%;}
    #insight .insight-box ul li.insight-box-w {display:block; width: 100%;}
    #insight .insight-box ul li.insight-box-g {display:block; width: 100%;}
    #insight .insight-box ul:nth-child(1) li.insight-box-w {background:  url('../images/box_icon_01.png') no-repeat, #f3f3f3; background-size: 32%; background-position: bottom 6% right 4%;}
    #insight .insight-box ul:nth-child(1) li.insight-box-w:hover {background:  url('../images/box_icon_01.png') no-repeat, #f3f3f3; background-size: 32%; background-position: bottom 6% right 4%;}
    #insight .insight-box ul:nth-child(1) li.insight-box-g {background:  url('../images/box_icon_02.png') no-repeat, #3deb9b; background-size: 47%; background-position: bottom -6% right 4%;}
    #insight .insight-box ul:nth-child(1) li.insight-box-g:hover {background:  url('../images/box_icon_02.png') no-repeat, #3deb9b; background-size: 47%; background-position: bottom -6% right 4%;}
    #insight .insight-box ul:nth-child(2) li.insight-box-g {background:  url('../images/box_icon_03.png') no-repeat, #f3f3f3; background-size: 45%; background-position: bottom 6% right 4%;}
    #insight .insight-box ul:nth-child(2) li.insight-box-w {background:  url('../images/box_icon_04.png') no-repeat, #3deb9b; background-size: 45%; background-position: bottom -6% right -4%;}
    #insight .insight-box ul li.insight-box-detail h4 {font-size: 2.5rem;}
    #insight .insight-box ul li.insight-box-detail p {font-size: 1.6rem;}
    
    .section-title h3 {font-size: 2.5rem}

    #agenda .timeline ul li {display: block;}
    #agenda .timeline ul li .agenda-text-section {display:block;width: 100%; padding: 6%;}
    #agenda .timeline ul li .agenda-text-section p.agenda-title {font-size: 1.6rem;}
    #agenda .timeline ul li .agenda-logo-section {display:block;width: 100%; text-align: left; padding: 0 6% 6% 6%;}
    #agenda .timeline ul li .agenda-logo-section img {width: 30%; }
    #agenda .timeline ul li:nth-child(5) .agenda-logo-section img {width: 25%}
    #agenda .timeline ul span {font-size: 1.4rem; text-align:left;}
    
    #register .inner {width: 88%; padding: 8% 6%}
    
    .survey_info {margin: 150px auto 70px auto}
    .survey_info .info ul li{width:100%;}
    .rgt_wrap ul li.regi-btn a {padding: 5% 11%}
    #register .rgt_btn{width: 55%; padding: 6% 5%}
    
    .success-main header#success .title ul li.main-title h1 {padding: 6% 0;}
    .success-main header#success .title ul li.main-title h1 img {width: 100%;}
    .success-main header#success .title ul li.date-info ul li p {font-size: 1.6rem;}
    
    
    footer .inner {display: block; padding: 4% 6%;}
    footer .footer_logo {display: block; width: 100%; padding-bottom: 10px;}
    footer .footer_logo img {width: 30%;}
    footer p {display: block; width: 100%; text-align: left;}
}