@charset "utf-8";
/*********** Content.css ***********/
/*common*/
.red { color: #c00000; }
.hyphen { font-size: 18px; color: #5f5d5e; line-height: 50px; }
.btn { display: inline-block; width: 100%; text-align: center; }
.btn.purple { height: 48px; background-color: #850055; font-size: 20px; color: #ffffff; font-weight: bold; line-height: 48px; }
.btn.line { border: 1px solid #850055; font-size: 23px; line-height: 42px; color: #850055; font-weight: 700; }
.btn.round { border-radius: 24px; }
.video-wrap { position: relative; width: 100%; height: 0; padding-top: 56.25%;}
.video-wrap video,.video-wrap iframe, .video-wrap img { position: absolute; width: 100%; height: 100%; }
#videoObject { margin:0 auto; width:100%; }
#videoObject iframe { margin:0 auto; width:729px; height:410px; }
.w-box { overflow: hidden;  border: 1px solid #d3d3d3; font-size: 16px; color: #727171; background-color: #fff; }
.w-box .has-padding { padding: 10px 24px; }
.w87 { width: 87px; }
.w142 { width: 142px; }
.w286 { width: 286px; }
.w125 { width: 125px; }
.w151 { width: 151px; }
.desc { font-size: 12px; margin-bottom: 20px; }
.bull { position: relative;  padding-left: 8px; }
.bull::before { position: absolute; content: '*'; left: 0px; top: 3px; display: inline-block; }
.closed { color:#880056 !important; }
.list-wrap ul li { overflow: hidden; position: relative; background-color: #f3f3f3; background-image: url(../../images/page/bg_list.jpg); background-repeat: no-repeat; background-position: left top; }
.list-wrap ul li + li { margin-top: 40px; }
.list-wrap ul li .left { position: relative; float: left; width: 41.5%; padding: 40px 0px 40px 172px; }
.list-wrap ul li .left .img-wrap { overflow: hidden; position: relative; float: right; width: 278px; height: 189px; border: 1px solid #b7b7b8; border-radius: 13px; }
.list-wrap ul li .left .img-wrap::after { position: absolute; content: ''; width: 74px; height: 74px; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url(../../images/page/btn_play.png); background-repeat: no-repeat; }
.list-wrap ul li .left .img-wrap img { position: relative; width: 278px; height: 189px; }
.list-wrap ul li .right { position: relative; float: left; width: 58.5%; padding: 40px; }
.list-wrap ul li .right dl { overflow: hidden; }
.list-wrap ul li .right dl + dl { margin-top: 30px; }
.list-wrap ul li .right dl dt { width: 86px; float: left; font-size: 16px; color: #880056; font-weight: bold; }
.list-wrap ul li .right dl dd { width: calc(100% - 86px); float: left; font-size: 16px; 
   /* 한 줄 자르기 */ 
   display: inline-block; 
   /*white-space: nowrap; 
   overflow: hidden; 
   text-overflow: ellipsis;*/ 
}
.list-wrap ul li .right dl dd.vertical2 {
  /* 한 줄 자르기 */ 
  display: inline-block; 
  white-space: nowrap; 
  /*overflow: hidden;*/ 
  /*text-overflow: ellipsis;*/ 
  /* 여러 줄 자르기 추가 스타일 */ 
  white-space: normal; 
  line-height: 1.2; 
  /*height: 2.4em;*/ 
  text-align: left; 
  word-wrap: break-word; 
  display: -webkit-box; 
  /*-webkit-line-clamp: 2;*/ 
  -webkit-box-orient: vertical;
}
.list-wrap ul li .btn-favor { position: absolute; width: 40px; height: 40px; left: 16px; top: 10px; background-image: url(../../images/page/btn_favor.png); background-repeat: no-repeat; }
.list-wrap ul li .btn-favor.active { background-image: url(../../images/page/btn_favor_active.png); }
.view .container > .left { overflow: hidden; width: 67.6%; float: left; }
.view .container > .right { position: relative; overflow: hidden; width: 30.6%; float: left; margin-left: 1.8%; }
.view .video-wrap { padding-top: 52.25%; margin-bottom: 30px; }
.view .video-wrap iframe { top:0; left:0; }
.view .w-box { overflow: hidden; position: relative; margin-bottom: 30px; }
.view .w-box .mtxt { padding: 10px 110px 40px 24px; background-image: url(../../images/page/bg_list2.jpg); background-repeat: no-repeat; background-position: top right; min-height:90px; }
.view .w-box .btn-favor { position: absolute; width: 28px; height: 28px; right: 13px; top: 16px; background-image: url(../../images/page/btn_favor.png); background-repeat: no-repeat; background-size: 28px auto; }
.view .w-box .btn-favor.active { background-image: url(../../images/page/btn_favor_active.png); }
.view .w-box .state { display: none; }
.view .w-box .info { overflow: hidden; border-top: 1px solid #d3d3d3; font-size: 13px; padding: 10px 24px; }
.view .w-box .info .speaker { float: left; }
.view .w-box .info .date { float: right; }
.view .time-list { overflow-y: auto; border: 1px solid #d3d3d3; background-color: #e9e9e9; height: 100%; }
.view .time-list li { overflow: hidden; padding: 25px; border-bottom: 1px solid #d7d7d7; background-color: #f7f7f7; font-size: 15px; font-weight: bold; color: #880056; cursor:pointer; }
.view .time-list li .num { display: inline-block; width: 16px; height: 16px; font-size: 11px; border-radius: 11px; border: 1px solid #880056; text-align: center; }
.view .qna-wrap { overflow: hidden; background-color: #efefef; padding: 20px 0px 20px 24px; margin-bottom: 20px; clear: both; }
.view .qna-wrap .left { width: calc(100% - 146px); float: left; margin-bottom: 10px; }
.view .qna-wrap .right { width: 146px; float: right; }
.view .qna-wrap .left .tit { margin-bottom: 9px; }
.view .qna-wrap .left .tit > span:first-child { font-size: 24px; font-weight: bold; color: #880056; line-height: 1; }
.view .qna-wrap .left .tit > span:last-of-type { display: inline-block; font-size: 15px; color: #727171; padding-right:10px; border-bottom: 1px solid #880056; vertical-align: top; padding-bottom: 4px; margin-left: 9px; }
.view .qna-wrap .left .btn-reload { float: right; font-size: 15px; color: #880056; padding-left: 19px; background-image: url(../../images/common/btn_reload.png); background-repeat: no-repeat; background-position: left center; font-weight: bold; }
.view .qna-wrap .left textarea { width: 100%; height: 94px; border: 1px solid #d0d0d0; background-color: #fff;  }
.view .qna-wrap .right { padding-top: 38px; text-align: center;}
.view .qna-wrap .right .btn-reg { width: 82px; border-radius: 8px; font-size: 16px; color: #fff; height: 78px; line-height: 78px; }
.view .qna-wrap .noti { display: block; clear: both; font-size: 13px; }
.view .reply-wrap ul li { overflow: hidden; font-size: 13px; padding-top: 10px; border-bottom: 1px solid #d6d6d6; padding-bottom: 5px; }
.view .reply-wrap ul li .info { overflow: hidden; float: right; font-size: 12px; }
.view .reply-wrap ul li .info .etc { float: left; letter-spacing: 0px; }
.view .reply-wrap ul li .info .btn-wrap { float: left; margin-left: 60px; }
.view .reply-wrap ul li .info .btn-wrap button { font-size: 12px; color: #727171; padding: 0px 7px; }
.view .bottom-btn-wrap { overflow: hidden; margin-top: 25px; }
.view .bottom-btn-wrap .btn { width: 96px; float: right; font-size: 16px; border-radius: 8px; height: 42px; line-height: 42px; }
.table { overflow: hidden;  position: relative; width: 100%; border: 1px solid #d3d3d3; }
.table .tr { display: table; width: 100%; }
.table .tr + .tr { border-top: 1px solid #d3d3d3; }
.table .tr > .td { display: table-cell; padding: 10px 10px 10px 24px; background-color: #ebebeb; font-size: 15px; color: #595757;  }
.table .tr > .td + .td { border-left: 1px solid #d3d3d3; background-color: #fff; }
.table .tr > .td:first-child { width: 23%; }
.table .tr > .td:nth-child(2) { width: 77%; }
.table .tr > .td > span { display: inline-block; }
.table .input-box { border: 1px solid #d3d3d3; border-radius: 4px; }
.table input { height: 35px; line-height: 33px; border-radius: 4px;  background-color: #ffffff;  font-size: 13px; }
.table .select-wrap { border: 0px; }
.table .select-wrap + .select-wrap { margin-left: 8px; }
.table .select-wrap::after { display: none; }
.table select { height: 35px; line-height: 33px; border: 1px solid #d3d3d3; background-color: #ffffff; border-radius: 4px; font-size: 13px; color: #595757; font-weight: normal; background-image: url(../../images/common/btn_select2.gif); }
.table .msg { font-size: 12px; }
.table-wrap { width: 100%; }
.table-wrap table { width: 100%; }
.table-wrap table tr th { font-size: 13px; font-weight: normal; padding: 10px 10px 10px 24px; background-color: #ebebeb; color: #5f5d5e; border: 1px solid #d3d3d3; }
.table-wrap table tr td { font-size: 12px; padding: 10px 10px 10px 24px; background-color: #fff; color: #5f5d5e; border: 1px solid #d3d3d3; }
/*intro*/
.intro .intro-logo { margin-top: 50px; text-align: center; }
.intro .gate { overflow: visible; position: relative; width: 100%; height: 626px; margin-top: 40px; margin-bottom: 30px; }
.intro .gate li { position: relative; overflow: hidden; width:23%; height: 100%; float: left; border-radius: 8px 8px 0px 0px; border-bottom: 3px solid #901161;  box-shadow: 0px 9px 18px 0px rgba(62, 58, 57, 0.2); background-repeat: no-repeat; background-position: center top; cursor:pointer; }
.intro .gate li+li { margin-left: 2%; }
.intro .gate li:nth-child(1) { background-image: url(../../images/page/bg_intro1.png); }
.intro .gate li:nth-child(2) { background-image: url(../../images/page/bg_intro2.png); }
.intro .gate li:nth-child(3) { background-image: url(../../images/page/bg_intro3.png); }
.intro .gate li:nth-child(4) { background-image: url(../../images/page/bg_intro4.png); }
.intro .gate li .txt { font-size: 36px; font-weight: bold; text-align: center; color: #880056; padding-top: 306px; line-height: 1.2; }
.intro .gate li:last-child .txt { color: #a81068; }
.intro .gate li .btn-go { display: block; position: absolute; width: 81%; height: 48px; padding: 0px 57px 0px 34px; bottom: 50px; left: 50%; font-size: 18px; color: #888888; line-height: 48px; transform: translateX(-50%); border: 1px solid #880056; border-width: 1px 0px; background-repeat: no-repeat; background-image: url(../../images/page/btn_go.png); background-position: right 30px center; }
.intro .gate li .btn-go::before { position: absolute; content: ''; width: 14px; height: calc(100% + 2px); left: -1px; top: -1px; background-image: url(../../images/page/bg_btn_go.gif); }
.intro .gate li .btn-go::after { position: absolute; content: ''; width: 14px; height: calc(100% + 2px); right: -1px; top: -1px; background-image: url(../../images/page/bg_btn_go.gif); transform: rotate(180deg); }
/*login*/
.login { background-image: url(../../images/page/bg_login.png); background-repeat: repeat-y; background-position: right top; background-size: cover; }
.login .login-logo { text-align: center; margin-top: 130px; margin-bottom: 55px; }
.login-form-wrap { overflow: hidden; margin-bottom: 40px; }
.login .login-form { overflow: visible; height: 452px; float: left; border-radius: 10px; box-shadow: 0px 9px 27px 0px rgba(84, 84, 84, 0.3); text-align: center; }
.login .login-form + .login-form { margin-left: 4%; }
.login .login-form.hp { position: relative; width: 58%; background-color: #fff; padding: 110px 0px; } 
.login .login-form.hp::before {position: absolute; content: ''; width: 93%; height: 90%; left: 3.5%; top: 5%; border: 1px solid #880056; border-radius: 8px; z-index: 1; }
.login .login-form.hp .tit { display: inline-block; font-size: 24px; font-weight: bold; color: #880056; padding-bottom: 10px; margin-bottom: 40px; border-bottom: 2px solid #880056; letter-spacing: -1px; }
.login .login-form.hp .middle { position: relative; display: inline-block; width: 80%; margin-bottom: 50px; z-index: 2; }
.login .login-form.hp .input-group { overflow: hidden; display: block; width: calc(100% - 132px); float: left; }
.login .login-form.hp .input-group > span { float: left; width: 32%;  }
.login .login-form.hp .input-group > span.hyphen { width:2%; }
.login .login-form.hp .btn-login {  width: 110px; float: right; margin-top: 1px; border:none; }
.login .login-form.hp .btn-reg { position: relative; display: block; width: 80%; margin: 0px auto; z-index: 2; }
.login .login-form.id { width: 38%; background-color: #b66699; } 
.login .login-form.id .logo-kims { height: 47px; background-image: url(../../images/page/img_kims_logo.png); background-repeat: no-repeat; background-position: center top; margin-top: 90px; }
.login .login-form.id .tit { font-size: 16px;  color: #fff; margin-bottom: 20px; }
.login .login-form.id .input-group { width: 79.3%; margin: 0px auto 35px; }
.login .login-form.id .input-group input { padding-left: 60px;  background-repeat: no-repeat; background-position: 20px center ; background-color: #fff; }
.login .login-form.id .input-group .input-id { background-image: url(../../images/page/icon_id.png); }
.login .login-form.id .input-group .input-pw { background-image: url(../../images/page/icon_pw.png); }
.login .login-form.id .btn-login { width: 110px; border:none;}
/*webinar*/
.webinar .video-wrap { padding-top: 52.25%; margin-bottom: 30px; }
.webinar .video-wrap iframe { top:0; left:0; }
.webinar .w-box { overflow: hidden; position: relative; margin-bottom: 30px; }
.webinar .w-box .mtxt { padding: 10px 24px; }
.webinar .w-box .state { display: none; }
.webinar .w-box .info { overflow: hidden; border-top: 1px solid #d3d3d3; font-size: 13px; padding: 10px 24px; }
.webinar .w-box .info .speaker { float: left; }
.webinar .w-box .info .date { float: right; }
.webinar .qna-wrap { overflow: hidden; background-color: #efefef; padding: 20px 0px 20px 24px; margin-bottom: 20px; }
.webinar .qna-wrap .left { width: calc(100% - 146px); float: left; margin-bottom: 10px; }
.webinar .qna-wrap .right { width: 146px; float: right; }
.webinar .qna-wrap .left .tit { margin-bottom: 9px; }
.webinar .qna-wrap .left .tit > span:first-child { font-size: 24px; font-weight: bold; color: #880056; line-height: 1; }
.webinar .qna-wrap .left .tit > span:last-of-type { display: inline-block; font-size: 15px; color: #727171; padding-right:10px; border-bottom: 1px solid #880056; vertical-align: top; padding-bottom: 4px; margin-left: 9px; }
.webinar .qna-wrap .left .btn-reload { float: right; font-size: 15px; color: #880056; padding-left: 19px; background-image: url(../../images/common/btn_reload.png); background-repeat: no-repeat; background-position: left center; font-weight: bold; }
.webinar .qna-wrap .left textarea { width: 100%; height: 94px; border: 1px solid #d0d0d0; background-color: #fff;  }
.webinar .qna-wrap .right { padding-top: 38px; text-align: center;}
.webinar .qna-wrap .right .btn-reg { width: 82px; border-radius: 8px; font-size: 16px; color: #fff; height: 78px; line-height: 78px; font-weight:500; }
.webinar .qna-wrap .noti { display: block; clear: both; font-size: 13px; }
.webinar .qna-wrap .noti>span { display:block; }
.webinar .reply-wrap ul li { overflow: hidden; font-size: 13px; padding-top: 10px; border-bottom: 1px solid #d6d6d6; padding-bottom: 5px; }
.webinar .reply-wrap ul li .info { overflow: hidden; float: right; font-size: 12px; }
.webinar .reply-wrap ul li .info .etc { float: left; letter-spacing: 0px; }
.webinar .reply-wrap ul li .info .btn-wrap { float: left; margin-left: 60px; }
.webinar .reply-wrap ul li .info .btn-wrap .button { font-size: 12px; color: #727171; padding: 0px 7px; }
/*signup*/
.signup .agree-wrap { overflow: hidden; margin-top: 20px; margin-bottom: 40px; }
.signup .bottom-btn-wrap { overflow: hidden; margin-top: 25px; }
.signup .bottom-btn-wrap .btn { width: 96px; float: right; font-size: 16px; border-radius: 8px; height: 42px; line-height: 42px; margin-left:12px; }

@media screen and (min-width:1420px) {
 
}
@media screen and (max-width:1240px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1140px) {
}
@media screen and (max-width:1040px) {
   
}

@media screen and (max-width:1024px) {
}
@media screen and (max-width:992px) {
   /*common*/
   .hyphen { font-size: 18px; color: #5f5d5e; line-height: 50px; }
   .btn.purple { height: 50px; background-color: #850055; font-size: 18px; color: #ffffff; font-weight: bold; }
   .btn.line { border: 1px solid #850055; font-size: 18px; line-height: 28px; color: #850055; font-weight: 900; height: 50px; }
   .btn.round { border-radius: 0px; line-height: 30px; }
   .w-box { overflow: hidden;  border: 0px; font-size: 16px; color: #727171; background-color: #fff; }
   .desc { font-size: 16px; margin-bottom: 10px; }
   .bull { position: relative;  padding-left: 8px; }
   .bull::before { position: absolute; content: '*'; left: 0px; top: 3px; display: inline-block; }
   .mo-block { display: block; width: 100% !important; }
   .mo-grid2 { display: block; width: 48.5%; float: left; }
   .mo-grid2 + .mo-grid2 { margin-left: 3% !important; }
   .list-wrap ul li { overflow: hidden; position: relative; background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: left top; border-bottom: 1px solid #b5b5b6; }
   .list-wrap ul li:last-child { border-bottom: 0px; } 
   .list-wrap ul li + li { margin-top: 40px; }
   .list-wrap ul li .left { position: relative; float: left; width: 100%; padding: 0px 0px 0px 0px; }
   .list-wrap ul li .left .img-wrap { overflow: hidden; position: relative; float: right; width: 100%; height: 0px; padding-bottom: 39.86%; border: 0px;  border-radius: 0px; }
   .list-wrap ul li .left .img-wrap::after { position: absolute; content: ''; width: 50px; height: 50px; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url(../../images/page/btn_play.png); background-size: 50px auto; background-repeat: no-repeat; }
   .list-wrap ul li .left .img-wrap img { position: absolute; width: 100%; height: auto; }
   .list-wrap ul li .right { position: relative; float: left; width: 100%; padding: 12px 30px 35px 0px; }
   .list-wrap ul li .right dl { overflow: hidden; }
   .list-wrap ul li .right dl + dl { margin-top: 0px; }
   .list-wrap ul li .right dl dt {  display: none; }
   .list-wrap ul li .right dl dd { width: 100%; float: left;  }
   .list-wrap ul li .right dl.agenda dd { font-size: 16px; font-weight: bold; color: #2f2725; }
   .list-wrap ul li .right dl.chair { display: none; }
   .list-wrap ul li .right dl.speaker,.list-wrap ul li .right dl.date { display: inline-block; }
   .list-wrap ul li .right dl.speaker dd,.list-wrap ul li .right dl.date dd { font-size: 13px; }
   .list-wrap ul li .right dl.date dd { position: relative; padding-left: 10px; }
   .list-wrap ul li .right dl.date dd::before { position: absolute; content: ''; width: 1px; height: 5px; background-color: #b5b5b6; left: 3px; top: 50%; transform: translateY(-50%); }
   .list-wrap ul li .btn-favor { position: absolute; width: 34px; height: 54px; left: auto; right: 0px; top: 0px; margin-top: calc(39.86% + 10px); background-image: url(../../images/page/btn_favor_mo.png); background-repeat: no-repeat; background-size: 34px auto; }
   .list-wrap ul li .btn-favor.active { background-image: url(../../images/page/btn_favor_active_mo.png); }
   .view .container > .left { overflow: hidden; width: 100%; float: left; }
   .view .container > .right { position: relative; overflow: hidden; width: 100%; height: auto !important; float: left; margin-left: 0%; margin-bottom: 40px; }
   .view .video-wrap { padding-top: 63.25%; margin-bottom: 0px; }
    .view .video-wrap iframe { top:0; left:0; }
   .view .w-box .state { position: absolute; display: block; right: 0px; top: 15px;  border: 1px solid #880056; font-size: 10px; color: #880056;  line-height: 12px; padding: 0px 8px; }
   .view .w-box .mtxt { color: #2f2725; font-weight: bold; padding: 15px 50px 0px 0px; background-image: none;  }
   .view .w-box  .btn-favor { position: absolute; width: 34px; height: 54px; left: auto; right: 0px; top: 15px; background-image: url(../../images/page/btn_favor_mo.png); background-repeat: no-repeat; background-size: 34px auto; }
   .view .w-box  .btn-favor.active { background-image: url(../../images/page/btn_favor_active_mo.png); }
   .view .w-box .info { overflow: hidden; border-top: 0px; font-size: 12px; padding: 5px 50px 0px 0px; }
   .view .w-box .info .speaker { float: left; }
   .view .w-box .info .date { position: relative; float: left; padding-left: 10px; }
   .view .w-box .info .date::before { position: absolute; content: ''; width: 1px; height: 5px; background-color: #b5b5b6; left: 5px; top: 50%; transform: translateY(-50%); }
   .view .time-list { overflow-y: auto; border: 0px; background-color: #fff; height: 100%; }
   .view .time-list li { overflow: hidden; padding: 10px 20px; border-bottom: 0px; background-color: #f7f7f7; font-size: 12px; font-weight: bold; color: #880056; cursor:pointer; }
   .view .time-list li + li { margin-top: 3px; }
   .view .time-list li .num { display: inline-block; width: 14px; height: 14px; border-radius: 14px; border: 1px solid #880056; text-align: center; font-size: 7px; }
   .view .qna-wrap { overflow: hidden; background-color: #fff; padding: 40px 0px 0px 0px; margin-bottom: 20px; border-top: 1px solid #b5b5b6; }
   .view .qna-wrap .left { width: 100%; float: left; margin-bottom: 10px; }
   .view .qna-wrap .right { width: 100%; float: right; }
   .view .qna-wrap .left .tit { margin-bottom: 9px; }
   .view .qna-wrap .left .tit > span:first-child { border: 1px solid #d1d1d1; border-radius: 16px; font-size: 12px; font-weight: bold; color: #4c4948; line-height: 14px; padding: 0px 10px; }
   .view .qna-wrap .left .tit > span:last-of-type { display: none; font-size: 15px; color: #727171; padding-right:10px; border-bottom: 1px solid #880056; vertical-align: top; padding-bottom: 4px; margin-left: 9px; }
   .view .qna-wrap .left .btn-reload { float: right; margin-top: 5px; font-size: 12px; color: #880056; padding-left: 12px; background-image: url(../../images/common/btn_reload.png); background-repeat: no-repeat; background-position: left center; background-size: 9px auto; font-weight: bold; }
   .view .qna-wrap .left textarea { width: 100%; height: 94px; border: 1px solid #d0d0d0; background-color: #fff;  }
   .view .qna-wrap .right { padding-top: 0px; text-align: center; margin-bottom: 10px;}
   .view .qna-wrap .right .btn-reg { width: 100%; border-radius: 0px; font-size: 12px; color: #fff; height: 30px; line-height: 30px; }
   .view .qna-wrap .noti { display: block; clear: both; font-size: 11px; }
   .view .qna-wrap .noti > span { display: block; }
   .view .reply-wrap ul li { overflow: hidden; border-bottom: 1px solid #d6d6d6; padding-bottom: 5px; background-color: #f4f4f4; padding: 7px 0px 7px 10px; }
   .view .reply-wrap ul li .matter { font-size: 12px; }
   .view .reply-wrap ul li .info { overflow: hidden; width: 100%; float: left; font-size: 12px; }
   .view .reply-wrap ul li .info .etc { float: left; letter-spacing: 0px; }
   .view .reply-wrap ul li .info .btn-wrap { float: right; margin-left: 0px; margin-top: 8px; }
   .view .reply-wrap ul li .info .btn-wrap button { font-size: 6px; color: #727171; padding: 0px 7px; }
   .view .bottom-btn-wrap { overflow: hidden; margin-top: 25px; }
   .view .bottom-btn-wrap .btn { width: 100%; float: right; font-size: 12px; border-radius: 8px; height: 30px; line-height: 30px; border-radius: 0px; }
   .table { overflow: hidden;  position: relative; width: 100%; border: 0px; }
   .table .tr { display: block; width: 100%; }
   .table .tr + .tr { border-top: 0px; }
   .table .tr > .td { overflow: hidden; display: block; padding: 5px 0px; background-color: #fff; font-size: 16px; color: #595757;  }
   .table .tr > .td + .td { border-left: 0px; background-color: #fff; }
   .table .tr > .td:first-child { width: 100%; }
   .table .tr > .td:nth-child(2) { width: 100%; }
   .table .tr > .td > span { display: inline-block; }
   .table .tr > .td.hp > span { float: left; }
   .table .tr > .td.hp > span { float: left; width: 32%;  }
   .table .tr > .td.hp > span.hyphen { width:2%; }
   .table .input-box { border-radius: 0px; }
   .table input { height: 50px; line-height: 50px; border: 1px solid #d3d3d3; background-color: #f6f6f6; border: 0px; border-radius: 0px; font-size: 16px; }
   .table .select-wrap { border: 0px; border: 1px solid #b5b5b6; }
   .table .select-wrap + .select-wrap { margin-left: 8px; }
   .table .select-wrap::after {
      display: block;
      content: '';
      position: absolute;
      width: 12px;
      height: 100%;
      right: -1px;
      top: -1px;
      border: 1px solid #dcdddd;
      border-width: 1px 1px 1px 0px;
      z-index: 1;
   }
   .table select { height: 50px; line-height: 50px; border: 0px; background-color: #ffffff; border-radius: 0px; font-size: 16px; color: #595757; font-weight: normal; background:#f6f6f6 url(../../images/common/btn_select.gif) no-repeat right 0px center;  background-size: 16px auto; }
   .table .msg { font-size: 12px; margin-top: 8px; }
   .table-wrap { width: 100%; }
   .table-wrap table { width: 100%; }
   .table-wrap table tr th { font-size: 16px; font-weight: normal; padding: 8px; background-color: #f6f6f6; color: #5f5d5e; border: 1px solid #b5b5b6; }
   .table-wrap table tr td { font-size: 16px; padding: 8px; background-color: #f6f6f6; color: #5f5d5e; border: 1px solid #b5b5b6; }
   /*intro*/
   .intro .intro-logo { display: none; }
   .intro .gate { height: 396px; margin-top: 65px; margin-bottom: 74px;  }
   .intro .gate li { position: relative; overflow: hidden; width:100%; height: 85px; float: left; border-radius: 0px 4px 4px 0px; border-left: 2px solid #901161; border-bottom: 0px;  box-shadow: 0px 9px 18px 0px rgba(62, 58, 57, 0.2); background-repeat: no-repeat; background-position: right top; background-size: 31% 100%; }	
   .intro .gate li+li { margin-left: 0px; margin-top: 20px; }
   .intro .gate li:nth-child(1) { background-image: url(../../images/page/bg_intro1_mo.png); }
   .intro .gate li:nth-child(2) { background-image: url(../../images/page/bg_intro2_mo.png); }
   .intro .gate li:nth-child(3) { background-image: url(../../images/page/bg_intro3_mo.png); }
   .intro .gate li:nth-child(4) { background-image: url(../../images/page/bg_intro4_mo.png); }
   .intro .gate li .txt { position: absolute; width: 69.24%; top: 50%; transform: translateY(-50%); font-size: 17px; font-weight: bold; text-align: center; color: #880056; padding-top: 0px; line-height: 1.2; }
   .intro .gate li .btn-go { display: none; }
   /*login*/
   .login { background-image: none; }
   .login .login-logo { display: none; }
   .login .login-form { overflow: hidden; height: auto; float: none; border-radius: 0px; box-shadow: 0px 9px 27px 0px rgba(84, 84, 84, 0); text-align: center; }
   .login .login-form + .login-form { margin-left: 0%; }
   .login .login-form.hp { position: relative; width: 100%; background-color: #fff; padding: 65px 0px 50px; border-bottom: 1px solid #cdcdcd; }
   .login .login-form.hp::before { display: none; }
   .login .login-form.hp .tit { display: inline-block; font-size: 18px; font-weight: bold; color: #2f2725; padding-bottom: 0px; margin-bottom: 20px; border-bottom: 0px; letter-spacing: -1px; }
   .login .login-form.hp .middle { position: relative; display: inline-block; width: 100%; margin-bottom: 12px; z-index: 2; }
   .login .login-form.hp .input-group { display: block; width: 100%; float: none; margin-bottom: 12px; }
   .login .login-form.hp .input-group > span.hyphen { width:2%; }
   .login .login-form.hp .btn-login {  width: 100%; float: none; margin-top: 0px; padding-top:10px; }
   .login .login-form.hp .btn-reg { position: relative; display: block; width: 100%; margin: 0px auto; z-index: 2; padding-top:10px; }
   .login .login-form.id { width: 100%; background-color: #fff; } 
   .login .login-form.id .logo-kims { height: 23px; background-image: url(../../images/page/img_kims_logo_mo.png); background-repeat: no-repeat; background-position: center top; margin-top: 50px; margin-bottom: 12px; background-size: auto 23px; }
   .login .login-form.id .tit { font-size: 18px;  color: #2f2725; margin-bottom: 15px; }
   .login .login-form.id .input-group { width: 100%; margin: 0px auto 12px; }
   .login .login-form.id .input-group .input-box + .input-box { margin-top: 12px; }
   .login .login-form.id .input-group input { padding-left: 10px;  background-repeat: no-repeat; background-position: 20px center ; background-color: #f6f6f6; }
   .login .login-form.id .input-group .input-id { background-image: none; }
   .login .login-form.id .input-group .input-pw { background-image: none; }
   .login .login-form.id .btn-login { width: 100%; padding-top:10px; }
   /*webinar*/
   .webinar .video-wrap { padding-top: 63.25%; margin-bottom: 0px; }
   .webinar .video-wrap iframe { top:0; left:0; }
   .webinar .w-box .state { position: absolute; display: block; right: 0px; top: 15px;  border: 1px solid #880056; font-size: 12px; color: #880056; line-height: 14px; padding: 0px 8px; }
   .webinar .w-box .mtxt { color: #2f2725; font-weight: bold; padding: 15px 50px 0px 0px;  }
   .webinar .w-box .info { overflow: hidden; border-top: 0px; font-size: 13px; padding: 5px 50px 0px 0px; margin-top:8px; }
   .webinar .w-box .info .speaker { float: left; }
   .webinar .w-box .info .date { position: relative; float: left; padding-left: 10px; }
   .webinar .w-box .info .date::before { position: absolute; content: ''; width: 1px; height: 5px; background-color: #b5b5b6; left: 5px; top: 50%; transform: translateY(-50%); }
   .webinar .qna-wrap { overflow: hidden; background-color: #fff; padding: 40px 0px 0px 0px; margin-bottom: 20px; border-top: 1px solid #b5b5b6; }
   .webinar .qna-wrap .left { width: 100%; float: left; margin-bottom: 10px; }
   .webinar .qna-wrap .right { width: 100%; float: right; }
   .webinar .qna-wrap .left .tit { margin-bottom: 9px; }
   .webinar .qna-wrap .left .tit > span:first-child { border: 1px solid #d1d1d1; border-radius: 16px; font-size: 15px; font-weight: bold; color: #4c4948; line-height: 14px; padding: 0px 10px; }
   .webinar .qna-wrap .left .tit > span:last-of-type { display: none; font-size: 15px; color: #727171; padding-right:10px; border-bottom: 1px solid #880056; vertical-align: top; padding-bottom: 4px; margin-left: 9px; }
   .webinar .qna-wrap .left .btn-reload { float: right; margin-top: 5px; font-size: 12px; color: #880056; padding-left: 12px; background-image: url(../../images/common/btn_reload.png); background-repeat: no-repeat; background-position: left center; background-size: 9px auto; font-weight: bold; }
   .webinar .qna-wrap .left textarea { width: 100%; height: 94px; border: 1px solid #d0d0d0; background-color: #fff;  }
   .webinar .qna-wrap .right { padding-top: 0px; text-align: center; margin-bottom: 10px;}
   .webinar .qna-wrap .right .btn-reg { width: 100%; border-radius: 0px; font-size: 14px; color: #fff; height: 40px; line-height: 30px; }
   .webinar .qna-wrap .noti { display: block; clear: both; font-size: 13px; }
   .webinar .qna-wrap .noti > span { display: block; }
   .webinar .reply-wrap ul li { overflow: hidden; border-bottom: 1px solid #d6d6d6; padding-bottom: 5px; background-color: #f4f4f4; padding: 7px 0px 7px 10px; }
   .webinar .reply-wrap ul li  .matter { font-size: 12px; }
   .webinar .reply-wrap ul li .info { overflow: hidden; width: 100%; float: left; font-size: 12px; }
   .webinar .reply-wrap ul li .info .etc { float: left; letter-spacing: 0px; }
   .webinar .reply-wrap ul li .info .btn-wrap { float: right; margin-left: 0px; margin-top: 0; }
   .webinar .reply-wrap ul li .info .btn-wrap button { font-size: 12px; color: #727171; padding: 0px 7px; }
   /*signup*/
   .signup .agree-wrap { overflow: hidden; margin-top: 8px; margin-bottom: 30px; }
   .signup .bottom-btn-wrap { overflow: hidden; margin-top: 25px; }
   .signup .bottom-btn-wrap .btn { width: 100%; float: right; font-size: 18px; border-radius: 8px; height: 50px; line-height: 50px; border-radius: 0px; margin-bottom:12px; }
   
    #videoObject iframe { width:100%; height:100%; }
}
@media screen and (max-width:850px) {
}
@media screen and (max-width:769px) {
   
}
@media screen and (max-width:750px) {
}

@media screen and (max-width:640px) {
    
}
@media screen and (max-width:576px) {
   
}
@media screen and (max-width:400px) {
}
@media screen and (max-width:360px) {
}
@media screen and (max-width:320px) {
}
::-webkit-input-placeholder {
    color:#808285;
 }
 :-moz-placeholder { /* Firefox 18- */
    color:#808285;
 }
 ::-moz-placeholder {  /* Firefox 19+ */
    color:#808285;
 }
 :-ms-input-placeholder {
    color:#808285 !important;
 }