@charset "utf-8";


body {
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
} 

#wrap {
    width: 100%;
    section {
        width: 1220px;
        margin: 0 auto;
    }
    section.w-100 {
        background: url('../images/bg_mobius.png') no-repeat center top;
    }
}

footer {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
    font-size: 15px;
    color: #777;
    text-align: center
}

.m_none {
        display: block
    }

.p_none {
        display: none
    }


.menu {
    margin: 30px 0 15px 0
}

.menu a {
    position: relative;
    display: block;
    width: 260px;
    height: 70px;
    float: left;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    color: #001933;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    &::after {
          content: "";
          width: 1px;
          height: 19px;
          position: absolute;
          top: 44%;
          right: 0;
          transform: translateY(-50%);
          background-color: #999;
        }
        &:last-child {
            &::after {
                display: none;
            }
        }
}



.menu a:hover,
.menu a.active,
.menu.menu-sub a:hover,
.menu.menu-sub a.active {
    color: #3171e6;
}

.menu a:last-child {
    margin-right: 0;
}

.w_head_r {
    position: absolute;
    left: 50%;
    margin-left: 490px;
    top: 20px;
    display: flex;
    align-items: center;
    .w_lang {
        a {
            position: relative;
            display: inline-block;
            padding: 0 1rem;
            font-size: 16px;
            font-weight: 600;
            color: #888;
            &:first-child {
                &::after {
                content: "";
                width: 1px;
                height: 13px;
                position: absolute;
                top: 44%;
                right: 0;
                transform: translateY(-50%);
                background-color: #999;
                }
             }  
        }
        .active {
            color: #3171e6;
        }
    }
}


.top-banner  {
    text-align: center;
    a {
        border-radius: 30px;
        img {
             border-radius: 30px;
        }
    }
}

.wrap-btn-regist {
    padding-top: 30px;
    padding-bottom: 30px;
    .row {
        width: 99%;
        div.col {
            a {
                display: block;
                background: #fef0f6 url('../images/icon_regist.png') no-repeat 84% 55%;
                border-radius: 20px;
                padding: 3.4rem 4rem 3.4rem 5rem;
                box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.1);
                text-align: left;
                font-size: 25px;
                font-weight: 500;
                color: #252b77;
            }

            &:nth-child(2) {
                a {
                    background-color: #ebf3ff;
                    background-image: url('../images/icon_download.png');
                }
            }
            &:nth-child(3) {
                a {
                    background-color: #f4f4fc;
                    background-image: url('../images/icon_check.png');
                }
            }
        }
    }
}


.replay {
    margin-top: 40px;
    margin-bottom: 40px;
    overflow: hidden
}

.replay div {
    float: left
}

.replay div:first-child {
    margin-right: 20px;
}

.main-cont--inner {float: left; width: 70%;}
.main-cont-text { background-color: #f0f8fe; padding: 3rem 2rem 2.5rem 3rem}
.main-cont-text p:first-child {font-size: 30px; font-weight: 900; letter-spacing: -0.5px}
.main-cont-text p {padding-bottom: 15px; color: #001933; font-size: 1rem; line-height: 1.8; font-weight: 400; word-break: keep-all}



.main-schedule-wrap h2 {color: #191f28; font-size: 21px; font-weight: normal; padding-bottom: 13px}




.main-schedule-wrap {
    width: 79%;
    margin: 0 auto;
}

.main-schedule .title {
  font-size: 17px;
}
.main-schedule ul {
  list-style: none;
  display: flex;
  width: 100%;
}
.main-schedule li {
  flex: 1;
  height: 120px;
  margin-right: 5px;
  display: inline-flex;
  position: relative;
  background: #a041af;
    color: #ffffff;
}
.main-schedule li::before {
  background: #a041af;
}
.main-schedule li::after {
  border-left: 30px solid #a041af;
}
.main-schedule li:nth-child(1) {
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}


.main-schedule li:nth-child(2) {
  background: #6446bb;
  color: white;
}
.main-schedule li:nth-child(2)::before {
  background: #6446bb;
}
.main-schedule li:nth-child(2)::after {
  border-left: 30px solid #6446bb;
}
.main-schedule li:nth-child(3) {
  background: #3261b8;
  color: white;
}
.main-schedule li:nth-child(3)::before {
  background: #3261b8;
}
.main-schedule li:nth-child(3)::after {
  border-left: 30px solid #3261b8;
}
.main-schedule li:nth-child(4) {
  background: #353a8a;
  color: white;
  border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.main-schedule li:nth-child(4)::before {
  background: #353a8a;
}
.main-schedule li:nth-child(4)::after {
  border-left: 30px solid #353a8a;
}
.main-schedule li::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-left: 30px solid white;
  border-bottom: 60px solid transparent;
}
.main-schedule li::after {
  content: "";
  display: inline-block;
  background: transparent;
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  right: -30px;
  position: absolute;
  z-index: 1;
}
.main-schedule .content {
  width: 100%;
  align-items: center;
  padding: 25px 0px 10px 0;
  word-break: keep-all;
  text-align: center;
}

.main-schedule .content span {display:inline-block; background-color: #ffffff; padding: 5px 18px 5px 18px; border-radius: 5px; font-size: 16px; font-weight: 500;}
.main-schedule .content p {padding-top: 13px; line-height: 1.3; font-size: 17px; }

.main-schedule li:first-child::before {
  display: none;
}
.main-schedule li:last-child {
  margin-right: 0px;
}
.main-schedule li:last-child::after {
  display: none;
}
.main-schedule .status-name {
  font-size: 12px;
  line-height: 15px;
  display: inline-block;
  word-break: break-word;
}
.main-schedule mat-icon.status-done {
  height: 20px;
  width: 20px;
  font-size: 21px;
  color: white;
}

.main-schedule p.comm {padding-top: 9px; text-align: left;font-size: 14px; color:#436876 }


.text-right {text-align: right; padding:  0 10px 50px 0}
.text-right a {font-size: 18px; border-bottom: 1px solid #353a8a; color: #353a8a; font-weight: 600}




@media (max-width: 1366px) {
  .main-schedule .status-name {
    font-size: 11px;
  }

    

     .main-schedule li::before {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-top: 60px solid transparent;
      border-left: 30px solid white;
      border-bottom: 60px solid transparent;
    }
    .main-schedule li::after {
      content: "";
      display: inline-block;
      background: transparent;
      width: 0;
      height: 0;
      border-top: 35px solid transparent;
      border-left: 100px solid transparent;
      border-right: 100px solid transparent;
      top: 100px;
      position: absolute;
      z-index: 1;
    }

}






.aside-area {
    width: 300px;
    height: 350px;
    float: right;
}

.aside-area a {
    display: block;
    padding:55px 0 50px 34px;
    box-shadow: 8px 2px 42px 0px rgb(34 51 89 / 9%);
    margin-bottom: 1.6rem;
    font-size: 24px;
    background-position: 88% 49%; background-repeat: no-repeat; 
}
.aside-area a:hover {box-shadow: 8px 2px 32px 0px rgb(34 51 89 / 30%);}
.aside-area a.btn-regist {background-color:#7969f1; background-image: url('../images/icon_attend.png');color: #ffffff;box-shadow: 8px 2px 42px 0px rgb(34 51 89 / 15%); letter-spacing: -0.5px; line-height: 1.4}
.aside-area a.btn-regist:hover {box-shadow: 8px 2px 32px 0px rgb(34 51 89 / 50%);}
.aside-area a.btn-regist.replay {background-image: url('../images/icon_play.png'); margin-top: 0}
.aside-area a.btn-regist.mentoring {background:#019584 url('../images/icon_award.png') no-repeat; background-position: 91.5% 51%; margin-top: 0}
.aside-area a.download {color: #001933; font-size: 24px; letter-spacing: -1.5px; background-image: url('../images/icon_download.png');}
.aside-area a.registed {color: #001933; background-image: url('../images/icon_regist_ok.png');}

.aside-area a.btn-webinar {background-color:#fe6c28; background-image: url('../images/icon_webinar.png');color: #ffffff; font-weight: 500; box-shadow: 8px 2px 42px 0px rgb(34 51 89 / 15%);  letter-spacing: -1.5px; background-position: 91% 51%}
.aside-area a.btn-webinar:hover {box-shadow: 8px 2px 32px 0px rgb(34 51 89 / 50%); }

.vod-test {
    background-color: #e50112;
    padding: 7px 8px;
    margin-bottom: 10px;
}

.vod-test a {
    display: block;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    padding: 9px 0;
}

.vod-test a:hover {
    color: #ffe4e4;
    border: 1px solid #ffcdcd
}

.apply a {
    display: block;
    width: 350px;
    height: 150px;
    padding: 40px 0 0 35px;
    box-sizing: border-box;
    background-image: url(../images/icon_arrow.png), url(../images/bg_apply.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 37px 97px, 0, 0;
    background-size: 32px, cover;
    font-size: 27px;
    color: #ffffff
}

.apply a:hover {
    background-position: 50px 97px, 0, 0;
    transition: 0.2s;
}

.main-desc {
    padding: 35px 44px 5px 0;
    color: #ffffff;
    line-height: 30px;
}

.main-desc p:first-child {
    font-family: arial;
    font-weight: bold;
    font-size: 28px;
    color: #ffffff;
    padding-bottom: 14px;
}

.main-desc .stem-visual {padding: 0 0 25px 0}

.main-desc p:nth-child(3) {font-size: 20px; font-weight:500; line-height: 1.3}

.main-desc p {
    padding-bottom: 20px;
    line-height: 1.7;
    font-weight: 300;
    font-size: 15px;
}

.main-desc p span {font-size: 16px}

.main-desc p:last-of-type {padding-bottom: 0}

.btn-more {
    color: #fff;
    background: #000;
    border-radius: 1.5em;
    left: 30%;
    padding: 1em;
    text-decoration: none;
    width: 40%;
}

.show,
.hide {
    position: absolute;
    bottom: -1em;
    z-index: 100;
    text-align: center;
}

.hide {
    display: none;
}

.show:target {
    display: none;
}

.show:target ~ .hide {
    display: block;
}

.show:target ~ .panel {
    max-height: 2000px;
}

.show:target ~ .fade {
    margin-top: 0;
}

.panel {
    position: relative;
    margin: 2em auto;
    width: 70%;
    max-height: 100px;
    overflow: hidden;
    transition: max-height .5s ease;
}

.fade {
    height: 100px;
    margin-top: -100px;
    position: relative;
}

section h2 {
    margin-top: 50px;
    padding: 15px 0;
    font-family: 'arial';
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
}



/****************************대회소개****************************/
.introduce {padding-left: 100px; padding-top: 30px;}
.introduce .introduce-description {width:1100px; padding-left: 0; padding-right: 0}
.introduce .guide-box { padding:30px 0; }
.introduce .guide-box dl + dl { margin-top:75px; }
.introduce .guide-box dl { padding-left: 100px; position: relative;}
.introduce .guide-box dl dt { position: absolute;left: 0; top:0; border-radius: 50%; background-color: #f4f4fc; padding: 20px;}
.introduce .guide-box dl dd {margin-left: 120px}
.introduce .guide-box dl dd .h4-guide { font-size:23px; color: #111; font-weight: 600; line-height: 1.5; margin-bottom: 13px; }
.introduce .guide-box dl dd  ul li { font-size:17px; color: #222222; line-height: 2.2; }
.introduce .guide-box dl dd ul.li-style li {padding: 1px 0; line-height: 1.8}
.introduce .guide-box dl dd ul.li-style li.d-flex {display: flex}
.introduce .guide-box dl dd  ul li ul {margin-top: 8px; margin-left: 10px; margin-bottom: 7px; padding: 15px 30px; background-color: #f9f9f9; border: 1px dashed #d3d3d3;}
.introduce .guide-box dl dd  ul.li-style li ul li {position: relative; font-size: 15px; padding: 2px 0 2px 24px}
.introduce .guide-box dl dd  ul.li-style li ul li svg {position: absolute;
left: 0; top: 5px;}
.introduce .guide-box dl dd .intro-txt {line-height: 1.4; padding-top: 4px; padding-bottom: 30px;}
.introduce .guide-box dl dd .intro-txt.pb5 {padding-bottom: 5px;}
.introduce .guide-box dl dd .img-kits {padding-bottom: 5rem;}
.introduce .guide-box dl dd .img-kits span {display: block; font-size: 13px; color: #3261b8; text-align: center; padding-top: 1.8rem;}
.highlight {display: inline; box-shadow: inset 0 -9px 0 rgba(49,113,230,0.08); color: #3171e6; font-weight: 500; font-size: 17px;}
.introduce .guide-box dl dd  ul li ul li svg {color: #3171e6}
.introduce .guide-box .desc-comm {padding-top: 15px; padding-left: 15px; color: #3261b8; font-size: 15px;}
.introduce .guide-box .pb10 {padding-bottom: 10px}
.introduce .guide-box .pt20 {padding-top: 30px}




/*****************************추진일정************************************/
.i_section {
    max-width: 1200px;
    margin: 0 auto;
}
.diagn .part_list{margin-top: 100px; padding: 100px 0 120px; background: #f9f9f9;}
.diagn .dia_inner{background: url('../images/schedule_bg.png') center no-repeat;}
.diagn .dia_bwrap{width: 86%; margin: 0 auto;}
.diagn .dia_bwrap:after{content: ''; display: block; clear: both;}
.diagn .dia_box{display: table; float: left; width: 29.2%; height: 170px; margin: 20px 1%; padding: 0 10px; text-align: center; background: #fff; border: 1px solid #eee;}
.diagn .dia_box:nth-of-type(4), .diagn .dia_box:nth-of-type(5), .diagn .dia_box:nth-of-type(6){float: right;}
.diagn .dia_box ul{display: table-cell; }
.diagn .dia_box ul li:nth-of-type(1){display: block;}
.diagn .dia_box ul li:nth-of-type(3){height: 50px; padding-top: 12px}
.diagn .dia_box ul li h5 {padding-top: 14px; padding-bottom: 10px; font-size: 16px; color: #d2d2d2;}
.diagn .dia_box ul li.tit {font-size: 17px; font-weight: 700; color: #001933;}
.diagn .dia_box ul li p {font-family: 'S-CoreDream-4Regular'; font-size: 15px; color: #333; word-break: keep-all; line-height: 1.5}
.diagn .dia_box ul li span {display: block; text-align: center; margin-top: 10px; font-weight: 700; font-size: 15px; border-radius: 4px; color: #6452eb}

@media (max-width: 1340px){
	.diagn .dia_inner{background: none;}
	.diagn .dia_bwrap{width: 100%; margin: 0;}
	.diagn .dia_box{width: 24%; height: 200px; margin: 0.5%;}
	.diagn .dia_box:nth-of-type(1){display: block;}
	.diagn .dia_box:nth-of-type(4), .diagn .dia_box:nth-of-type(5), .diagn .dia_box:nth-of-type(6)6{float: left;}
	.diagn .dia_box ul li:nth-of-type(1){display: block;}
}
@media (max-width: 991px){
    .i_section {
    max-width: 100%;
    margin: 0 auto;
}
	.diagn .dia_box{display: block; width: 32.33%;  margin: 0.5%;}
    .diagn .dia_box ul{display: block; }
    .diagn .dia_box:nth-of-type(4), .diagn .dia_box:nth-of-type(5), .diagn .dia_box:nth-of-type(6){float: left;}
}

@media (max-width: 768px){
    .diagn .dia_box{display: block; width: 29.4%;  margin: 0.5%;}
}
@media (max-width: 640px){
    .box_agrees {width: 100%}
    .diagn .dia_bwrap {text-align: center;}
	.diagn .part_list {margin-top: 75px; padding: 65px 0 75px;}
	.diagn .dia_box {display: block; width: 48%; height: 180px; padding: 0 0 0 0; margin: 0.5% !important; }
    .diagn .dia_box ul {display: block;}
    .diagn .dia_box ul li {padding-left: 0.5rem; padding-right: 0.5rem; }
	.diagn .dia_box ul li p {font-size: 13px; word-break: keep-all; line-height: 1.4;}
    .diagn .dia_box ul li h5 {padding-top: 20px}
    .diagn .dia_box ul li:nth-of-type(3) {height: 61px}
}




.registed-inner {padding-top: 50px; padding-bottom: 80px; font-size: 18px; line-height: 1.6; text-align: center}
.registed-inner strong {display: block; font-weight: bold; padding: 20px 0}
.registed-inner .point {color: #6452eb; font-weight: bold}
.registed-inner.checked {padding-top: 40px; padding-bottom: 50px; line-height: 1.3; font-size: 16px}
























.agenda {
    float: left;
    width: 63%;
    margin-bottom: 20px;
}


.agenda h2 {    margin-bottom: 20px; border-bottom: 3px solid #FFD200;}
.agenda h2 span {display: block; font-size:20px; padding-top: 10px}

.agenda h2:last-of-type {margin-top: 65px;}

.agenda-area h2 {
    margin-top: 15px;
/*    padding-left: 25px;*/
    padding-bottom: 0;
    font-family: 'arial';
    font-size: 30px;
    font-weight: 600;
    color: #03234b
}

.agenda-area h3 {
    margin-top: 70px;
/*    padding-left: 25px;*/
    padding-bottom: 0;
    font-family: 'arial';
    font-size: 22px;
    font-weight: 400;
    color: #03234b
}
.agenda-area h3:first-of-type {margin-top: 40px; }

.agenda-area h3 span {font-weight: bold; color: #e6007e}

.agenda-area h2.demo {margin-top: 100px;}

.agenda-list ul li {
    padding: 8px 0 8px 0;
}

.agenda-list ul.demo-list li {
    padding: 11px 0 11px 0;
    font-size: 16px;
    color: #ffffff;
    font-family: 'arial';
    font-weight: 300;
    letter-spacing: 0.5px;
}

.agenda-list ul li.tit-day {font-size: 20px; color: #FFD200; padding-bottom: 20px}
.agenda-list ul li.tit-day span {font-weight: bold; color: #FFD200}
.agenda-list ul li.tit-day.pt40 {padding-top: 40px;}
.agenda-list ul li.break {padding: 20px 0; text-align: center; color: #ffffff}

.agenda-list ul li a, .agenda-list ul li div {
    display: block;
    position: relative;
    font-size: 16px;
    color: #ffffff;
    font-family: 'arial';
    font-weight: 300;
    letter-spacing: 0.5px
}

.agenda-list ul li a span.time, .agenda-list ul li div span.time {
    display: inline-block;
    width: 126px;
    font-size: 16px;
    letter-spacing: 0.5px
}

.agenda-list ul li a span.category, .agenda-list ul li div span.category {
    display: inline-block;
    width: 129px;
    font-size: 16px;
}

.agenda-list ul li a span.type, .agenda-list ul li div span.type {
    position: absolute;
    right: 20px;
    width: 80px;
    border-radius: 4px;
    background-color: #3cb4e6;
    padding: 3px 5px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0
}

.demo-cont {}

.banner-event {
    float: right;
    margin-top: 157px;
    margin-bottom: 50px;
}

.follow {
    float: right;
    width: 350px;
    background-color: #ffffff
}

.follow h3 {
    padding: 30px 0 30px 18px;
    font-family: 'arial';
    font-size: 26px;
    font-weight: bold;
    color: #3cb4e6;
}

.follow ul {
    width: 316px;
    margin: 0 auto 29px auto;
    overflow: hidden
}

.follow ul li {
    float: left;
    margin-right: 8px;
    width: 46px
}

.follow ul li:last-child {
    float: left;
    margin-right: 0;
}

.follow ul li a {
    display: block;
    width: 46px;
}





@media (min-width:1200px) {

    .day-cont .day .mt30 {
        margin-top: 9px;
    }

}






/* --- agenda --- */
.agenda-area > div::after {
    content: '';
    display: block;
    clear: both
}


.agenda-info {
    display: flex;
    width: 890px;
    float: left;
    padding-top: 65px;
    padding-bottom: 45px;
    border-bottom: 1px solid #03234b;
    color: #03234b;
    min-height: 100px;
}

.agenda-info.pt55 {
    padding-top: 55px
}

.agenda-info .time, .agenda-info .btn-view {
/*
    position: absolute;
    float: left;
    width: 20%;
*/
    z-index: 1;
/*
    float: left;
    width: 20%;
*/
    margin-right: 5%;
    text-align: center;
    font-size: 19px;
    letter-spacing: 1px;
    font-family: 'arial';
    color: #03234b;
}

.agenda-info .time span.type {
    display: block;
    margin: 10px auto 0 auto;
    width: 110px;
    border-radius: 4px;
    background-color: #3cb4e6;
    padding: 3px 5px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0
}

.agenda-info .btn-view a {
    display: block;
    width: 110px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #3cb4e6;
    padding: 6px 5px;
    color: #ffffff;
    font-size: 16px;
    font-family: 'arial';
    line-height: 1.1;
    text-align: center
}

.agenda-info .btn-view a span {display: block; font-family: "맑은 고딕","맑은고딕","Malgun Gothic","MalgunGothic",arial,sans-serif;letter-spacing: 0}

.agenda-info .agenda-detail {
/*
    position: absolute;
    left: 25%;
    max-height: 47px;
    float: left;*/
    width: 75%;

    color: #03234b
}

.demo-cont .agenda-info .agenda-detail {float: left; width: 70%;  box-sizing: border-box}

.agenda-info .readall-wrapper .readall-wrapper {
    width: 100%;
    padding-bottom: 40px
}

.demo-cont .agenda-info .agenda-detail .readall-wrapper {margin-left: 25%}

.agenda-info .agenda-detail .readall-wrapper .readall-hide {
    padding-bottom: 0
}

.agenda-info .agenda-detail .title {
    font-family: arial;
    font-size: 19px;
}

.agenda-info .agenda-detail .name {
    padding-top: 8px;
}

.agenda-info .agenda-detail .name span {
    font-size: 15px;
}

.agenda-info .desc {
    width: 100%;
    font-family: 'arial';
    color: #03234b; 
    padding-top: 30px;
}

.agenda-info .desc p {
    color: #03234b;
    padding-bottom: 18px;
    
    line-height: 1.6
}

.agenda-info .desc ul {padding-left: 30px}

.agenda-info .desc ul li {list-style: circle;padding: 5px 0; line-height: 1.5 }

.agenda-info .readall-wrapper .desc p:first-child {
    margin-top: 85px
}

.presenter {
    width: 280px;
    padding-top: 10px;
    float: right;
    text-align: center;
}

.presenter img:nth-child(2) {padding-top: 10px}

.presenter .name {
    color: #009cd9;
    font-size: 19px;
    text-align: center
}

.presenter p {
    font-size: 14px;
    color: #252626;
    padding-bottom: 8px;
    line-height: 1.4
}

.agenda-info .seminar {
    width: 810px;
    float: left;
    padding-top: 15px;
    padding-bottom: 60px;
    min-height: 210px;
    border-bottom: 1px solid #061b23
}

.agenda-info .seminar.pb100 {
    padding-bottom: 100px;
}

.agenda-info .seminar p:first-of-type {
    font-size: 19px;
    font-weight: bold
}

.agenda-info .seminar p {
    font-size: 15px;
    line-height: 30px;
    color: #252626;
    padding-bottom: 10px;
}

.agenda-info .seminar ul li {
    position: relative;
    padding: 5px 0 5px 30px;
    color: #036389;
    line-height: 22px;
}

.agenda-info .seminar ul li::before {
    position: absolute;
    top: 15px;
    left: 18px;
    /* add the new bullet point */
    display: inline-block;
    content: '';
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 4px;
    width: 4px;
    background-color: #036389;
}


.clearfix::after {
    display: block;
    content: "";
    clear: both
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/* -------------------------------- video -------------------------------- */
.video-cont {padding-top: 40px;}

.video-item {width: 280px; min-height: 450px; margin-right: 26px; float: left}
.video-item:nth-of-type(4n) {margin-right: 0}
.video-item a {display: block; color: #03234b; position: relative}
.video-item a span {position: absolute; z-index: 10; left: 50%; margin-left: -24px; top:68px; opacity: 0.85}
.video-item a .title {padding-top: 10px; padding-bottom: 10px; font-weight: bold}
.video-item a .desc {font-size: 15px; line-height: 1.3}

.video-demo .video-item {min-height: 300px}
.video-demo h2 {width:99.8%; margin-bottom: 20px; padding-left: 5px; padding-bottom: 0;font-family: 'arial';font-size: 30px;line-height: 1.5; font-weight: 600;color: #03234b; border-bottom: 1px solid #03234b;box-sizing: border-box}





/* -------------------------------- event -------------------------------- */
.event-cont {
    padding-top: 20px;
}

.event-cont .event-desc {
    width: 890px;
    float: left;
    padding: 50px 0 60px 50px;
    border-bottom: 1px solid #03234b;
    box-sizing: border-box
}

.event-cont .event-desc p {
    color: #03234b;
    font-size: 16px;
    line-height: 1.8;
}

.event-cont .event-desc ul {margin-top: 10px}
.event-cont .event-desc ul li {color: #03234b;
    font-size: 15px; line-height: 1.6;}

.event-cont .event-desc p:first-child {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 18px;
    padding-left: 14px;
    background: url('../images/bl_event.png') 0 21px no-repeat;
}

/*
.event-cont .event-desc p:last-child {
    font-size: 14px;
    padding-top: 28px;
}
*/

.event-cont .event-img {
    width: 280px;
    float: right;
    text-align: center;
    padding-top: 45px;
}

.event-cont .event-img.pc-none {display: none}

.depo {padding-top: 18px; padding-left: 50px; padding-bottom: 20px; font-size: 12px; color: #03234b}



/* -------------------------------- regist -------------------------------- */

.regist_text {padding: 20px 0 0 65px;}
.regist_text  p {font-size: 15px; }
.regist_text  p:first-child {padding-bottom: 10px}

.form-sub-title {position: relative; font-weight: 600; padding-top: 2.5rem; padding-left: 1rem; font-size: 19px; color: #13163f; letter-spacing: -0.5px;}
.form-sub-title::before {position: absolute;content: ''; display: inline-block; background: url('../images/bl_form_title.png') 0 2px no-repeat; left: 3px; width: 4px; height: 16px; }
.form-sub-title input[type="checkbox"] {width:18px; height:18px; margin-left: 8px;}

.regist_form {
    display: table;
    width: 90%;
    margin: 0 auto;
}
.regist_form.check {width: 60%; margin-bottom: 70px; margin-top: 40px;}

.regist_form dl {
    display: table-row;
}

.regist_form dt {
    display: table-cell;
    width: 30%;
    padding: 17px 0 16px 36px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 15px;
    color: #434343;
    font-weight: 500;
    clear: both;
    vertical-align: middle;
}

.regist_form dt label {
    padding-left: 13px;
}

.regist_form dd {
    display: table-cell;
    position: relative;
    width: 70%;
    padding: 14px 27px 10px 27px;
    border-bottom: 1px solid #e8e8e8;
}

.regist_form dd input {
    width: 80%;
    padding: 7px 15px;
    font-size: 14px;
    border: 1px solid #c5c8cf;
    line-height: 1.3;
}

.regist_form dd.recom input:first-child {width: 37%}
.regist_form dd.recom input:last-of-type {width: 34.6%}
.regist_form dd.recom span {display: inline-block; padding-top: 6px; font-size: 12px; color: #666666}

.regist_form dd textarea {
    width: 84%;
    border: 1px solid #c5c8cf
}

.regist_form dd input[type="radio"] {
    width: auto;
}

.regist_form dl.surname-use dt span {
    display: inline-block;
    margin: 0 25px;
}

.regist_form dl.surname-use dt label:last-of-type {
    padding-left: 0;
    background: none
}

.regist_form dl.surname-use dd input {
    width: 27%
}

.regist_form dl.surname-use dd input:last-of-type {
    margin-left: 21%
}

.regist_form dl.surname-use dd {
    position: relative
}

.regist_form dl.surname-use dd span {
    position: absolute;
    left: 42%;
    top: 18px;
}

.regist_form dl dd label {
    margin-right: 50px;
    font-size: 14px;
    line-height: 1.7
}

.regist_form dl dd input[type="radio"] {
    margin-top: 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.regist_form .input-sm {
    height: 25px;
    padding: 2px 10px;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 7px;
}

.regist_form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.regist_form p input.form-control {
    width: 81%
}

.regist_form .gift_comment {
    font-size: 13px;
    padding-top: 7px;
    padding-left: 7px;
}

.regist_form .btn {
    display: inline-block;
    height: 31px;
    vertical-align: middle;
    border-radius: 4px;
    padding: 0 20px;
    margin-bottom: 7px;
    margin-left: 4px;
    line-height: 30px;
    font-size: 13px;
}

.regist_form .btn-primary {
    color: #fff;
    background-color: #03234b;
    border-color: #031f41;
}

.regist_form .btn-primary:hover {
    background-color: #010f21;
    border-color: 1px solid #021328;
}

.regist_form dd input:focus {
    border: 1px solid #6279ad
}

.regist_presurvey {
    position: relative;
    width: 100%;
}

.regist_presurvey::after {display: block; content: ''; clear: both}

.regist_presurvey div {height: 116px; width: 1080px; margin: 0 auto; border-bottom: 1px solid #e8e8e8}

.regist_presurvey div:last-child {-height: 85px}

.regist_presurvey span {display: inline-block; padding: 50px 0 0 50px; float: left; font-size: 14px; color: #434343}
.regist_presurvey div:last-child span {padding-top: 35px}

.regist_presurvey dl {float: right; width: 91%}

.regist_presurvey dt {
    padding: 15px 0 7px 0;
    font-size: 14px;
    color: #434343
}

.regist_presurvey dd {
    padding: 5px 0 17px 0;
    font-size: 13px;
}

.regist_presurvey dd label {
    margin-right: 20px;
    line-height: 1.7;
    padding: 3px 0
}

.regist_presurvey dd input[type="radio"],
.regist_presurvey dd input[type="checkbox"] {
    margin-right: 5px;
    margin-top: 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.regist_presurvey dd textarea {
    width: 100%;
}

.notice {padding-top: 3rem;}
.notice-title {font-size: 2.25rem; font-weight: 700; padding: 2rem 0 0 0; color:#031c2d; } 
.notice-list-inner p {color: red; font-size: 1rem; padding:20px 0 5px 20px;}
.notice-list-inner div {padding: 0.5rem 0 0.7rem 0; font-size: 15px; font-weight: 700;}
.notice-list-inner ul {padding-left: 0.7rem; padding-bottom: 1rem;}
.notice-list-inner ul li {padding: 0.4rem 0 0.4rem 0.75rem; font-weight: 400;} 


.regist_form_proposal dl {position: relative; padding: 0.5rem 0 0.5rem 2.25rem; font-weight: 400;} 
.regist_form_proposal dl dt {font-weight: 700; padding-top: 1rem; font-size: 17px;}
.regist_form_proposal dl dt:before {position: absolute; content:''; width:5px; height:5px; background:#29475a; top:1.9rem; left:1.5rem;}
.regist_form_proposal dl dd p {display: block; padding-top: 0.4rem; color:#0070b3; font-size: 0.875rem;}
.regist_form_proposal dl dd textarea {width: 90%; min-height: 100px; margin-top: 0.8rem;}

.text-small {font-size: 13px; color:#41535f; padding-left: 20px; font-weight: 400;}

.editor {margin-top: 2rem;}

.attach dl dt {font-weight: bold; padding-top: 2.5rem; padding-bottom:1rem; font-size: 1.05rem; color: #29475a; letter-spacing: -0.5px;}

.box_agrees {
    width: 100%;
    margin: 40px auto;
}

.box_agrees_style {
    border: 1px solid #ddd;
    padding: 15px 0 15px 20px;
    overflow-y: auto;
    height: 137px;
    font-size: 13px;
    color: #333333;
    line-height: 1.6
}

.box_agrees_style h1 {
    font-size: 15px;
    flex-wrap: bold;
    color: #03234b
}

.box_agrees_style strong {
    display: inline-block;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 5px;
    color: #03234b;
    font-size: 14px
}

.box_agrees_style ul {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.box_agrees_style ul li {
    list-style: disc
}

.box_agrees_style a {
    color: #03234b;
    text-decoration: underline
}

.box_agrees input[class="chkbox"] {
    opacity: 0;
}

.box_agrees input[class="chkbox"] + label em {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    background: url(/images/icon_check.png) 0 0 no-repeat;
    vertical-align: middle;
    cursor: pointer;
}

.box_agrees input[class="chkbox"]:checked + label em {
    background-position: -38px 0;
}

.box_agrees label {
    padding-bottom: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    margin-left: 0;
}

.person_info p {
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 15px 30px;
    font-size: 13px;
    line-height: 1.7;
}

.person_info dl {
    display: table;
    width: 100%;
}

.person_info dl dt {
    display: table-cell;
    width: 30%;
    padding: 15px 0 15px 30px;
    font-size: 13px;
    font-weight: 500;
    color: #03234b;
    background-color: #f8f9fc;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    box-sizing: border-box;
    vertical-align: middle;
}

.person_info dl dd {
    display: table-cell;
    width: 70%;
    padding: 13px 0 13px 30px;
    font-size: 13px;
    line-height: 1.2;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    box-sizing: border-box;
}

.person_info dl dd span:last-child {
    margin-left: 50px;
}

.person_info dl:first-of-type dt,
.person_info dl:first-of-type dd {
    border-top: 1px solid #e8e8e8
}

.person_info:after {
    display: block;
    clear: both;
    content: "";
}

.btn_wrap {
    text-align: center
}

.btn_regist {
    display: inline-block;
    margin: 20px 0;
    width: 280px;
    height: 70px;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 56px;
    background-color: #353a8a;
    border-radius: 10px;
    padding: 5px 0 5px 0;
}

/* IE9 이하를 위한 css */
.placeholder {
    color: #868686;
}

/* IE10 이상을 위한 css */
input::placeholder {
    color: #868686;
    opacity: 1;
    /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}

input::-webkit-input-placeholder {
    color: #868686;
}

/* IE */
input:-ms-input-placeholder {
    color: #868686;
}

/* Firefox */
input:-mos-input-placeholder {
    color: #868686;
}

#event-wrap {
    width: 1040px;
    margin: 0 auto;
}

#event-wrap .box_agrees {
    width: 100%;
    margin: 0 auto;
}


.event-regist {
    width: 100%;
    margin: 0 auto;
    background-color: #fffdf1;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.event-regist div {
    width: 50%;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
}

.event-regist div label {
    display: inline-block;
    width: 100px;
    font-size: 16px;
}

.event-regist div input {
    width: 300px;
    padding: 8px;
    border: 1px solid #999;
    line-height: 1;
}

.event-regist p {
    padding: 20px 0 0 0;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    color: #4363c9;
}

.event-regist p span {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px;
    line-height: 2.5;
    color: #444;
    font-weight: normal
}

.btn_regist_event {
    margin-top: 30px;
    display: inline-block;
    margin-bottom: 70px;
    width: 280px;
    height: 54px;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 54px;
    background-color: #fd3e25
}

.event-done {
    width: 100%;
    margin: 0 auto;
    padding-top: 230px;
    padding-bottom: 80px;
    text-align: center;
    background: #a3dcfd url(../images/bg_event_done.png) no-repeat top center;
    font-size: 36px;
    font-weight: 500;
    line-height: 2;
    color: #fd3e25;
}

.event-done p:last-of-type {
    font-weight: 300;
    font-size: 28px;
    color: #182e55
}

.p_none {
    display: none
}






/*2025*/
.cont-2025 {
    text-align: center;
    margin-top: 10px;
padding-top: 76px;
    .title {
        padding-bottom: 30px;
        font-size: 34px;
        font-weight: 500;
    }
    .desc {
        width: 77%;
        margin: 0 auto;
        padding: 60px 50px 40px 80px;
        border-radius: 30px;
        background-color: #fff;
        p {
            font-size: 18px;
            line-height: 1.7;
            padding-bottom: 18px;
            text-align: left;
            font-weight: 400;
            word-break: keep-all;
        }
    }
}








.road-map-main {
  margin: 50px 0 51px;
  .road-map-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 175px;
    @media (max-width: 991px) {
      margin-bottom: 25px;
      height: auto;
      display: block;
    }

    &::before {
      content: "";
      width: 100%;
      clear: both;
      display: block;
    }
    &::after {
      content: "";
      width: 100%;
      clear: both;
      display: block;
    }
    .road-map-circle {
      width: 200px;
      height: 200px;
      border-radius: 50%;
      border: 25px solid transparent;
      border-top-color: #1589cc;
      border-right-color: #1589cc;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      transform: rotate(45deg);
      @media (max-width: 992px) {
        position: unset;
        border: 25px solid #1589cc;
      }

      .road-map-circle-text {
        width: 112px;
        height: 112px;
        border-radius: 50%;
        background: linear-gradient(45deg, #f7adce 0%, #cddffd 50%, #0fbdf2 100%);
        font-size: 18px;
        letter-spacing: -0.5px;
        font-weight: 600;
        line-height: 18px;
          text-align: center;
        text-transform: capitalize;
        color: #1c226d;
        box-shadow: 0px 0px 10px 5px #00000021;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: rotate(-45deg);
      }
    }
    .road-map-card {
      width: 35%;
      // float: right;
      background: #1589cc;
      padding: 30px 20px 30px 40px;
      z-index: 1;
      position: absolute;
      right: 0;
      border-radius: 5px;
      &::before {
        content: "";
        width: 25%;
        height: 20px;
        background: #1589cc;
        position: absolute;
        top: 60%;
        transform: translateY(-50%);
        left: -20%;
        z-index: -1;
      }
      @media (max-width: 991px) {
        width: 100%;
        margin-top: 37px;
        position: unset;
        padding-left: 25px;
        &::before {
          content: "";
          width: 20px;
          height: 30%;
          top: 50%;
          transform: translateX(-50%);
          left: 50%;
        }
      }
      @media (max-width: 425px) {
        top: 45%;
      }
      .card-head {
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize;
        margin: 0 0 15px;
        color: #fff;
      }
      .card-text {
        color: #fff;
        line-height: 1.3;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 1rem;
        @media (max-width: 1199px) {
          -webkit-line-clamp: 4;
        }
      }
    }
    &:nth-of-type(even) {
      .road-map-circle {
        border-bottom-color: #1589cc;
        border-left-color: #1589cc;
        border-top-color: transparent;
        border-right-color: transparent;
        @media (max-width: 991px) {
          border-color: #1589cc;
        }
      }
      .road-map-card {
        // float: left;
        left: 0;
        &::before {
          right: -23%;
          left: unset;
          @media (max-width: 991px) {
            content: "";
            width: 20px;
            height: 30%;
            top: 50%;
            transform: translateX(-50%);
            left: 50%;
          }
          @media (max-width: 425px) {
            top: 48%;
          }
        }
      }
    }
  }
}





















/* -------------------------------- responsive -------------------------------- */

@media all and (min-width:1024px) and (max-width:1199px) {

    #wrap {
        width: 100%;
        section {
            width: 100%;
        }
        section.w-100 {
            background-size: cover !important;
        }
    }

    footer {
        width: 100%;
        margin: 0;
        padding: 25px 0;
        font-size: 14px;
    }

    .menu {
        margin: 20px 0
    }

    .menu a {
        margin-right: 1%;
        width: 24%;
        height: 60px;
        font-size: 20px;
        line-height: 60px;
    }

    .w_head_r  {
        margin-left: 440px;
    }

    .replay {
        margin-top: 20px;
        margin-bottom: 20px;
        overflow: hidden
    }

    .replay div {
        float: left;
        width: 50%
    }

    .replay div img {
        width: 100%
    }

    .replay div:first-child {
        margin-right: 0;
    }
    
    .video-wrap {height: 467px}

    .video-wrap .video-area {
        margin-right: 22px;
        margin-bottom: 0;
        width: 650px;
        height: auto;
        background-image: none;
    }

    .video-wrap .video-area {
        margin: 0;
    }

    .desc {
        margin-top: 0
    }
    
    .main-schedule-wrap {width: 100%;}
     .main-schedule li::before {
      display: none;

    }
    .main-schedule li::after {
      display: none;

    }

        .wrap-btn-regist {
    & .row {
        & div.col {
            a {
                                padding: 3.4rem 2rem 3.4rem 2rem;
                                background-position-x: 90%;
                                background-size: 15%;
            }
        }
    }


}

}



@media (max-width:768px) {

    #wrap {
        width: 100%;
        section {
            width: 100%;
        }
        section.px-5 {
            padding-left: 0.5rem !important;
            padding-right: 0.1rem !important;
        }
    }

    footer {
        width: 100%;
        margin: 0;
        padding: 20px 0;
        font-size: 13px;
    }

    .top-banner {
        margin-top: 0;
        padding-bottom: 10px;
        padding-top: 100px;
        a {
            border-radius: 0;
            img {
                width: 100%;
                border-radius: 0;
            }
        }
    }

    .menu {
        padding-top: 50px;
        padding-bottom: 5px;
        margin: 0 0 10px 0;
        position: fixed;
        width: 100%;
        background-color: #fff;
        z-index: 10;
        border-bottom: 1px solid #ddd;
    }


    .menu a {
        margin-right: 1%;
        width: 32.6%;
        height: 45px;
        font-size: 18px;
        line-height: 45px;
    }

    .w_head_r  {
        position: fixed;
        left: auto;
        margin-left: 0;
        right: 10px;
        z-index: 11;
        top: 15px;
    }


/*2025*/
#wrap {
    section.w-100 {
        background-size: cover;
    }
}

.wrap-btn-regist {
    & .row {
        div.col {
            display: block;
            flex: none;
        }
    }
}

.cont-2025 {
    padding-top: 56px;
    .title {

        font-size: 26px;
        line-height: 1.3;

    }

        .desc {
        width: 90%;
        padding: 30px 20px 20px 30px;
        p {
            font-size: 15px;
        }
    }
}

.main-schedule-wrap {
    width: 96%;
}

.main-schedule li:nth-child(1) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.main-schedule li:nth-child(4) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}






.introduce .guide-box dl dt {
    padding: 10px;
}
.introduce .guide-box dl dd {
    margin-left: 97px;
}

.wrap-btn-regist {
    & .row {
        & div.col {
            margin-bottom: 1rem;
            a {
                padding: 2.4rem 3rem 2.4rem 2rem;

                font-size: 17px;
                background-size: 15%;
                background-position-x: 91%;
            }
        }
    }
}










    .menu.menu-sub a {
        border-top: 6px solid #ffffff;
    }

    .menu a:hover,
    .menu a.active,
    .menu.menu-sub a:hover,
    .menu.menu-sub a.active {
        
    }

    .menu.menu-sub {
        margin: 20px 0 0 0
    }

    .main-cont--inner {float: none; width: 100%}
    .main-cont-text {padding: 1.3rem 0.3rem 1.3rem 1rem;}
    .main-cont-text p:first-child {font-size: 20px}
    .main-cont-text p {font-size: 0.875rem}
    

    .main-schedule ul {display: block; overflow: hidden}
    .main-schedule li {display: block; height: 120px; margin-right: 0; width: 50%; float: left}
    .main-schedule li::before, .main-schedule li::after {display: none}
    .main-schedule li:first-child {max-width: 100% !important}
    .main-schedule .content p {padding-top: 15px; font-size: 15px; width: 80%; line-height: 1.7}
    .main-schedule .content span {width: 121px; font-size: 14px; }
    
    .text-right {text-align: right; padding: 30px 10px 80px 0}
    
    .introduce {padding-left: 0; padding-top: 0;}
    .introduce .introduce-description {width: 100%}
    .introduce .guide-box dl {padding-left: 0}
    .introduce .guide-box dl dd .h4-guide {font-size: 16px}
    .introduce .guide-box dl dd ul li, .introduce .guide-box dl dd ul.li-style li ul li {font-size: 15px; 
        line-height: 1.4 !important; padding-bottom: 1rem !important; word-break: keep-all}
    .introduce .guide-box .desc-comm {font-size: 13px; line-height: 1.5; word-break: keep-all; padding-right: 10px; padding-left: 3px}
    
    .introduce .guide-box dl dd ul li ul {margin-left: 0; width: 98%; padding-right: 0; padding-left: 17px;}
    
    
    .diagn .dia_box ul li.tit {font-size: 14px}
    .diagn .dia_box ul li span {font-size: 13px}
    
    

    .main-desc {
        padding: 35px 15px 5px 15px;
        line-height: 30px;
    }

    .main-desc p:first-child {
        font-size: 17px;
        padding-bottom: 12px;
    }

    .main-desc p {
        padding-bottom: 20px;
        line-height: 1.6;
        font-weight: 300;
        font-size: 13px;
    }

    .main-desc p:nth-child(3) {font-size: 14px}
    
    section h2 {
        padding-left: 4%
    }

    .aside-area {width: 90%; margin: 0 auto; float: none}

    .banner-event {
        text-align: center;
        float: none;
        margin-top: 70px;
        margin-bottom: 40px;
        width: 93%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .banner-event:nth-of-type(3) {margin-top: 0}

    .follow {
        float: none;
        margin: 40px auto 20px auto;
        width: 350px;
        padding-bottom: 1px
    }

    .follow h3 {
        padding: 20px 0 18px 18px;
        font-size: 24px;
    }

    .follow ul {
        margin: 0 auto 19px auto;
        overflow: hidden
    }

    .agenda-info {
        position: relative;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .agenda-info.flex-column {flex-direction:column!important}

    .agenda-info .time, .agenda-info .btn-view {
        width: 25%;
        margin-right:0;
        margin-bottom: 13px;
        font-size: 15px;
        line-height: 1.6;
        letter-spacing: 0;
        text-align: left;
        padding-left: 4%;
    }
    
    .agenda-info .btn-view a {width: 67px; font-size: 13px}

    .agenda-info .time span.type {
    margin: 5px auto 0 auto;
    width: 60px;
    padding: 2px 5px;
    font-size: 12px;
}
    .demo-cont .agenda-info .agenda-detail, .agenda-info .agenda-detail {
        width: 76%;
        padding-left: 4%;
    }
    
    .agenda-info .agenda-detail .readall-wrapper {
        width: 100%;
        padding-left: 0;
        padding-bottom: 20px;
    }
    
    .agenda-info .readall-button {background-size: 23px !important}
    .agenda-info .readall-button.less {background-size: 23px !important}
    
    .demo-cont .agenda-info .desc {padding-left: 25%}
    
    .agenda-info .desc {width: 100%;}
    .agenda-info .desc p:first-child {padding-top: 20px}
    .agenda-info .desc ul {padding-left: 4%}
    .agenda-info .desc ul li {font-size: 12px;}
    .agenda-info .readall-wrapper .desc p:first-child {padding-top: 18px}
    
    .agenda-info .agenda-detail .title {padding-right: 10px; font-size: 14px; line-height: 1.3}
    .agenda-info .agenda-detail .name span {display: block; padding-top: 1px; font-size: 13px; line-height: 1.6}

    .agenda-area .presenter {
        position: absolute;
        right:0;
        top: 24px;
        width: 80px;
        float: none;
/*
        
        width: 90%;
        margin: 15px auto 0 auto;
        padding-left: 0;
        float: none;
        text-align: center
*/
    }
    
    .agenda-area .presenter.top-0 {top: 22px}

    .agenda-area .presenter img {
        padding-bottom: 14px;
        width: 60px;
    }

    .agenda-info .presenter p {
        font-size: 13px;
        color: #252626;
        padding-bottom: 6px;
        line-height: 1.1;
    }

    .agenda-info .seminar {
        width: 90%;
        margin: 0 auto;
        float: none;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .agenda-info .seminar.pb100 {
        padding-bottom: 60px;
    }

    .agenda-info .seminar p:first-of-type {
        font-size: 15px;
        line-height: 1.3;
        padding-bottom: 10px;
    }

    .agenda-info .seminar p {
        font-size: 13px;
        line-height: 24px;
        padding-bottom: 6px;
    }

    .agenda-info .seminar ul li {
        padding: 5px 0 9px 10px;
        line-height: 18px;
        font-size: 13px;
    }

    .agenda-info .seminar ul li::before {
        left: 0;
    }


    .regist_form {
        width: 96%;
        padding-top: 10px;
    }

    .regist_form dt {
        width: 20%;
        padding: 17px 0 16px 0;
        font-size: 12px;
        word-break: keep-all;
    }

    .regist_form dt label {
        padding-left: 9px;
        background: url(/images/bl_inquiry.png) no-repeat 0px 5px;
    }

    .regist_form dd {
        width: 80%;
        padding: 6px 0 6px 12px;
    }

    .regist_form dd input {
        width: 88%;
        width: 88%;
        padding: 7px 10px;
        font-size: 13px;
    }

    .regist_form dd input[type="email"] {
        border-radius: 0;
        box-shadow: none;
    }

    .regist_presurvey {
        width: 92%;
        margin: 0 auto
    }
    
    .regist_presurvey div {width: 100%; height: 196px}
    
    .regist_presurvey span {padding-left: 17px; font-size: 12px}
    
    .regist_presurvey dl {width: 72%}
    .regist_presurvey dl dt {font-size: 12px; padding-left: 0}
    .regist_presurvey dl dd {font-size: 12px; padding-left: 0}
    .regist_presurvey div:last-child {height: 104px}

    .box_agrees {
        width: 96% !important;
        margin: 30px auto;
    }

    .box_agrees input[id="chkbox"] + label em, .box_agrees input[id="chkbox2"] + label em, .box_agrees input[id="chkbox1"] + label em {
        width: 18px;
        height: 18px;
        margin-right: 7px;
        margin-left: 7px;
    }

    .box_agrees input[id="chkbox"]:checked + label em {
        background-position: -38px 0;
    }

    .box_agrees label {
        font-size: 13px;
        margin-left: 0;
    }

    .person_info dl {
        display: table;
        width: 100%;
    }

    .person_info dl dt {
        width: 30%;
        padding: 12px 0 12px 7px;
        font-size: 11px;
        line-height: 1.3;
        word-break: keep-all;
    }

    .person_info dl dd {
        width: 70%;
        padding: 12px 0 12px 10px;
        font-size: 11px;
        line-height: 1.3;
        word-break: keep-all;
    }

    .person_info dl dd span:last-child {
        display: block;
    }

    .btn_regist {
        display: inline-block;
        margin-bottom: 40px;
        width: 200px;
        height: 60px;
        font-size: 18px;
        line-height: 44px;
        background-color: #353a8a;
        margin-top: 20px;
    }

    .m_none {
        display: none
    }

    .p_none {
        display: block
    }

    .p_none img {
        width: 100%
    }
    
    
    
    /* -------------------------------- video -------------------------------- */
    .video-item {width: 94%; margin: 0 auto; float: none;min-height: 420px}
    .video-item:nth-of-type(4n) {margin-right: auto}
    .video-item a span {top: 85px}
    
    
    
    
    
    
    
    

    /* -------------------------------- event -------------------------------- */
    .event-cont {
        padding-top: 10px;
    }

    .event-cont .event-desc {
        width: 70%;
        padding: 30px 0 40px 0;
        margin-left: 15px
    }

    .event-cont .event-desc p {
        font-size: 14px;
        line-height: 1.4
    }

    .event-cont .event-desc p:first-child {
        font-size: 19px;
        padding-bottom: 10px;
        padding-left: 10px;
        background: url(../images/bl_event.png) 0 11px no-repeat;
        background-size: 4px;
    }

    .event-cont .event-desc p:last-child {
        font-size: 12px;
        padding-top: 10px;
    }

    .event-cont .event-img {
        width: 20%;
        text-align: center;
        padding-top: 45px;
    }

    .event-cont > div:first-of-type .event-img {
        padding-top: 50px
    }

    .event-cont > div:nth-child(2) .event-img,
    .event-cont > div:nth-child(3) .event-img {
        padding-top: 49px
    }

    .event-cont > div .event-img img {
        text-align: center;
        width: 42px
    }
    
    .event-cont > div:first-of-type .event-img img {width: 58px}
    
    .event-cont > div:nth-child(2) .event-img img {width: 52px}
    
    .depo {padding-left: 16px; padding-right: 15px; font-size: 11px;}


}



@media all and (min-width:768px) and (max-width:1023px) {

    .menu a {
        background-position: 25px 55%;
        background-size: 18px;
    }

    .video-wrap {
        height: 670px;
    }
    .video-wrap .video-area {width: 100%}

    .aside-area {
        width: 90%;
        margin: 20px auto 0 auto;
        height: 190px;
        float: none;
        text-align: center;
    }

    .aside-area a {
        padding-top: 40px
    }

    section h2 {
        padding-left: 5%
    }

    .agenda .readall-button.less {
        bottom: -26px
    }
    
    .agenda-list ul li a span.category, .agenda-list ul li div span.category {display: none}

    
    .follow {width: 350px; margin: 0 auto}
    
    .agenda-info .desc, .demo-cont .agenda-info .desc {padding-left: 24%}
    
    .agenda-area .presenter {right: 40px}
    
    .video-item a span {top: 188px}

    .regist_form dl.surname-use dd span {
        position: absolute;
        left: 47%;
        top: 13px;
    }

    .regist_form dl.surname-use dd input {
        width: 32%
    }

    .regist_form dl.surname-use dd input:last-of-type {
        margin-left: 19%
    }

    .regist_form dd textarea {
        width: 92%;
    }


}



.regist-box {
    width: 680px;
    margin: 50px auto 15px auto;
    background-color: #ffffff;
    border: 1px solid #ddd;
}

.regist-box.login .title {
    display: none;
}

.regist-box.regist {
    background: url(../images/bg_icon_regist.png) no-repeat center 42px;
}

.regist-box p {
    padding: 50px 0 45px 0;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
}

.regist-box p span {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.form-login div {
    padding-bottom: 15px;
    padding-left: 100px;
}

.form-login input {
    padding-left: 8px;
    border: 1px solid #77a9f1;
    font-size: 17px;
    line-height: 40px;
    height: 40px;
    width: 64%;
    box-sizing: border-box;
}

.form-login textarea {
    width: 64%;
    padding: 8px;
    font-size: 17px;
    border: 1px solid #77a9f1;
    box-sizing: border-box;
}

.form-login label {
    display: inline-block;
    width: 90px;
}

.form-login button {
    display: block;
    width: 200px;
    height: 56px;
    line-height: 56x;
    margin: 22px auto 56px auto;
    background-color: #03234b;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}






@media (max-width:767px) {

    #wrap {
        width: 100%
    }

    footer {
        margin: 0;
        padding: 20px 0;
        font-size: 12px;
    }


    .menu a {
        font-size: 16px;
    }

    .guide-box dt img {width: 60px}
    .guide-box dl {padding-left: 68px}
    .guide-box dl dd {margin-left: 0}
    .guide-box dl dd .h4-guide {font-size: 18px}
    .guide-box dl dd .guide-txt ul li {font-size: 13px}
    .guide-box dl dd .guide-txt {font-size: 13px}
    .guide-box dl dd .guide-txt p {font-size: 13px}
    .regist_form_wrap form {
        background-color: #fff;
    }

    .regist_form {
        padding-top: 0;
        margin-top: -10px;
    }

    .regist_form dl.surname-use dt span {
        margin: 0 3px;
    }

    .regist_form dl.surname-use dd input {
        width: 35%
    }

    .regist_form dl.surname-use dd input:last-of-type {
        margin-left: 9%
    }

    .regist_form dl.surname-use dd span {
        display: none;
    }

    .regist_form dd textarea {
        width: 95%;
    }

    .person_info p:first-of-type {
        padding: 15px 10px;
        font-size: 12px;
    }

    .point-s {
        padding: 3px 6px;
        border-radius: 4px;
        font-size: 12px;
        margin-right: 6px;
    }

    .regist-box {
        width: 96%;
        margin: 50px auto 15px auto;
    }


    .regist-box p {
        font-size: 13px;
        letter-spacing: -0.5px
    }

    .form-login div {
        padding-left: 40px
    }

    form {width: 96%; margin: 0 auto;}

    .regist_text {padding: 20px 0 0 65px;}
    .regist_text  p {font-size: 15px; }
    .regist_text  p:first-child {padding-bottom: 10px}
    
    .form-sub-title {position: relative; font-weight: bold; padding-top: 2.5rem; padding-left: 1rem; padding-bottom: 1rem; font-size: 1.05rem;  letter-spacing: -0.5px;}
    .form-sub-title.pt10 {padding-top: 28px;}
    .form-sub-title.pt0 {padding-top: 0;}
    .form-sub-title::before {position: absolute;content: ''; display: inline-block; background: url('../images/bl_form_title.png') 0 2px no-repeat; left: 3px; width: 4px; height: 16px; }
    .form-sub-title input[type="checkbox"] {width:18px; height:18px;}


    .notice {padding-top: 0.7rem;}
    .notice-title {font-size: 1.5rem; padding: 1rem 0 0 0.5rem;  } 
    .notice-list-inner p { font-size: 1rem; padding:2px 0 5px 16px;}
    .notice-list-inner div {padding: 0.5rem 0 0.7rem 0; font-size: 15px; font-weight: 700;}
    .notice-list-inner ul {padding-left: 0.3rem; padding-bottom: 0;}
    .notice-list-inner ul li {padding: 0.3rem 0 0.3rem 0.75rem; font-size: 15px; line-height: 1.5; font-weight: 400;} 


    .regist_form_proposal dl {position: relative; padding: 0.5rem 0 0.5rem 2rem; font-weight: 400;} 
    .regist_form_proposal dl dt {font-weight: 700; padding-top: 1rem;}
    .regist_form_proposal dl dt label {font-size: 15px;}
    .regist_form_proposal dl dt:before {position: absolute; content:''; width:5px; height:5px; background:#29475a; top:1.9rem; left:1.5rem;}
    .regist_form_proposal dl dd p {display: block; padding-top: 0.4rem; color:#0070b3; font-size: 0.875rem; line-height: 1.4;}
    .regist_form_proposal dl dd textarea {width: 90%; min-height: 100px; margin-top: 0.8rem;}

    .text-small {display: block; font-size: 12px; color:#41535f; padding-left: 0; padding-top: 10px; font-weight: 400;}

    .editor {margin-top: 2rem;}

    .attach dl dt {font-weight: bold; padding-top: 2.5rem; padding-bottom:1rem; font-size: 1.05rem; color: #29475a; letter-spacing: -0.5px;}
    .attach dl dd {padding-left: 1rem;}



}

@media (max-width:320px) {

    .menu a {

        font-size: 11px;

    }

    .regist_form dt {
        width: 24%
    }

    .regist_form dl.surname-use dd input:last-of-type {
        margin-left: 6%;
    }

}