@charset "utf-8";

/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
*/

/*!
 * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    font-family:"Malgun Gothic","Nanum Gothic", "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	ol, ul { list-style: none; }
	 letter-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    --text-transform: uppercase;
    font-family:"Malgun Gothic","Nanum Gothic", "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}

p {
    font-size:13px;
    line-height: 1.6;
    color: #000;
}

.wbn-detail-info p {
	font-size:15px;
	word-spacing : -1px;
	margin: 5px 0 10px;
}

hr {
    max-width: 400px;
    border-color: #999999;
}

ol, ul, li{list-style:none}

a{color:#333;}
a:hover, a:active, a:focus{color:#337ab7;text-decoration:none !important;}

.is-vishidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px,1px,1px,1px);}


.address-bar {
    display: none;
}


.navbar{margin-bottom:0;}

.navbar-nav {
    font-weight: 400;
}

.img-full {
    min-width: 100%;
}

.brand-before,
.brand-name {
    text-transform: capitalize;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 0;
    font-size: 4em;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
	
    background: rgba(255,255,255,0.9);
	padding-top:30px;
}

footer p {
    margin: 0;
	font-size:11px;
	color:#777;
    padding: 5px 0;
	line-height:100%;
}

.bg_gray{background:#f9f9f9;}

.news_area {padding-bottom: 50px}

.newsLink.thumbnail {
  display: block;
  padding:0;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background:none !important;
  border:none;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.newsLink.thumbnail > img,
.newsLink.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.newsLink.thumbnail:hover,
a.newsLink.thumbnail:focus,
a.newsLink.thumbnail.active {
  border-color: #337ab7;
}

/********************************************************common***************************************************************/

.collapse.navbar-collapse.lnb_wrap ul.lnb li a:hover span.caret{border-top: 8px solid red;}
.navbar-default .navbar-nav > .open > a{background:none;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background:none;}
.navbar-default .navbar-nav > .open > a span.caret, .navbar-default .navbar-nav > .open > a:hover span.caret, .navbar-default .navbar-nav > .open > a:focus span.caret{border-top: 10px solid red;}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 8px solid #a5a5a5;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 35px;
  background-color: #e7e7e7;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius:0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #337ab7;
  cursor: default;
  background: #f9f9f9 url('../images/bg_tab.png') top center no-repeat;
 border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top:2px solid #337ab7;
  border-bottom-color: transparent;
  font-weight:600;
}

#microSiteRecent h4 {  }
#microSiteRecent .msrHeadWrap { border-top:2px solid #337ab7; border-bottom:1px solid #efefef; margin-bottom: 10px; /* margin-left:30px; */ padding-top:10px;}



/********************************************************footer***************************************************************/
footer{background:#515458;padding:10px 0 0 0;}
footer .container .row{text-align:center;padding:30px 0;}
footer .container .row div span a{display:inline-block;color:#fff;padding:0 17px;font-size:13px;text-decoration:none;background:url('../images/line_footer_span.png') 0 3px no-repeat;}
footer .container .row div span:first-child a{background:none;}
footer .container .row div p{font-size:13px;color:#b6b7b8;line-height:2.4;}

@media (max-width:767px) {

footer{margin-top:20px;}
footer .container .row{text-align:center;padding:20px 0;}
footer .container .row div span a{display:inline-block;color:#fff;padding:4px 20px;font-size:12px;text-decoration:none;background:url('../images/line_footer_span.png') 0 8px no-repeat;line-height:1.8;}
footer .container .row div span:first-child a{background:none;}
footer .container .row div span:nth-child(4) a{background:none;}
footer .container .row div p{font-size:11px;color:#b6b7b8;line-height:2;letter-spacing:-0.3px;}

}



/********************************************************header***************************************************************/
/*Button Styles
------------------------------------*/
.btn {
   box-shadow: none;
   border-radius: 0;
}
.btn-u {
   border: 0;
   color: #fff;
   font-size: 14px;
   cursor: pointer;
   font-weight: 400;
   padding: 6px 13px;
   position: relative;
    background-color: #337ab7;
    border:1px solid  #2e6da4;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none;
}
.btn-u:hover {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (min-width:1300px) { 

	.navbar-brand{padding-top:20px;height:auto;}


	.navbar-default {background-color:#fff;border-bottom:1px solid #d4d4d4;border-top:none;height:113px;}

	.collapse.navbar-collapse.lnb_wrap{position:relative;padding:0;width:740px;margin-left:256px;}
	.collapse.navbar-collapse.lnb_wrap ul.lnb{margin-left:0px;margin-top:48px;float:left;}
	.collapse.navbar-collapse.lnb_wrap ul.lnb li a{font-size:16px;color:#333333;letter-spacing:0;padding:17px 17px;background:#fff;}
	.collapse.navbar-collapse.lnb_wrap ul.lnb li a:hover, .collapse.navbar-collapse.lnb_wrap ul.lnb li.open{background:none;}
	.collapse.navbar-collapse.lnb_wrap ul.lnb li ul.dropdown-menu{padding:0;}
	.collapse.navbar-collapse.lnb_wrap ul.lnb li ul li{clear:both;}
	.collapse.navbar-collapse.lnb_wrap ul.lnb li ul li.all{border-top:1px solid #999;}
	.collapse.navbar-collapse.lnb_wrap ul.lnb li ul li.all-bottom {border-bottom:1px solid #999;}
	.collapse.navbar-collapse.lnb_wrap ul.lnb li ul li a{padding:10px 10px 10px 15px;display:block; font-size: 14px;}
	.collapse.navbar-collapse.lnb_wrap ul.lnb li ul li a:hover{background:#f1f1f1;}


	.gnb{position:absolute;right:10px;top:1px;list-style:none;z-index: 100}
	.gnb li{float:left;padding:19px 15px;font-size:11px;background:url('../images/line_gnb.png') left 50% no-repeat;}
	.gnb li:first-child, .gnb li:nth-child(2){background:none;}
    .gnb li.today {padding-right: 20px; color: #967c45}
    .gnb li.plus a {display: inline-block}
	/*
	.gnb li:last-child{padding:19px 0 19px 15px;background:none;margin-left:20px;}
	.gnb li:last-child a{color:#a16d04;font-family:"Open Sans";font-size:13px;line-height:0;}
	*/
	.gnb li a{color:#000;}
    
      .icon-gift {
    font-size: 5em;
    animation: blink 1.1s infinite;
    background: none !important;
      padding: 19px 10px 19px 20px !important;
  }
  @keyframes blink {
	  0% {
        opacity: 1;
      }
      50% {
        opacity: 0.1;
      }
      100% {
        opacity: 1;
      }
  }
    

	.search-form.search_e4ds{float:right;margin-top:-40px;width:280px;}
	.search-form.search_e4ds input{border-radius:0;box-shadow:none}
	.search-form.search_result{margin:30px 0 15px 0;}
	.search-form.search_result .form-control{border-radius:0}

	#microSiteRecent .nav  { margin-bottom:16px;  }

} /* @media (min-width:1300px) */


@media screen and (min-width:768px) and (max-width:1299px) {

.navbar-brand{padding-top:20px;}

.navbar-default {background-color:#fff;border-bottom:1px solid #d4d4d4;border-top:none;height:113px;}

.collapse.navbar-collapse.lnb_wrap{position:relative;padding:0;width:380px;margin-left:200px;}
.collapse.navbar-collapse.lnb_wrap ul.lnb{margin-left:0px;margin-top:48px;float:left;width:800px;}
.collapse.navbar-collapse.lnb_wrap ul.lnb li{float:left;}
.collapse.navbar-collapse.lnb_wrap ul.lnb li a{font-size:15px;color:#000;letter-spacing:0;padding:17px 10px;background:#fff;}
.collapse.navbar-collapse.lnb_wrap ul.lnb li a:hover, .collapse.navbar-collapse.lnb_wrap ul.lnb li.open{background:none;}
.collapse.navbar-collapse.lnb_wrap ul.lnb li ul.dropdown-menu{padding:0;}
.collapse.navbar-collapse.lnb_wrap ul.lnb li ul li{clear:both;}
.collapse.navbar-collapse.lnb_wrap ul.lnb li ul li.all{border-top:1px solid #999;}
.collapse.navbar-collapse.lnb_wrap ul.lnb li ul li a{padding:10px 10px 10px 15px;display:block;}
.collapse.navbar-collapse.lnb_wrap ul.lnb li ul li a:hover{background:#f1f1f1;}

.gnb{position:absolute;right:30px;top:1px;z-index:100;list-style:none;}
.gnb li{float:left;padding:19px 15px;font-size:11px;background:url('../images/line_gnb.png') left 50% no-repeat;}
.gnb li:first-child{background:none;}
.gnb li:last-child{padding:19px 0 19px 15px;background:none;margin-left:20px;}
.gnb li.today{color:#a16d04;font-family:"Open Sans";font-size:11px;}
.gnb li a{color:#000;}

.search-form.search_e4ds{float:right;margin-top:-40px;margin-right:30px;width:20%;}
.search-form.search_e4ds input{border-radius:0;box-shadow:none}
.search-form.search_result{margin:30px 0 15px 0;}
.search-form.search_result .form-control{border-radius:0}

#microSiteRecent .nav  { margin-bottom:16px;  }

.navbar-brand.logo {width: 130px !important; height: 65px !important;} 

}


@media screen and (min-width:768px) and (max-width:1160px) {

    .navbar-default {height: 130px !important;}
    
    .navbar-brand {float: none !important; padding-top: 10px;}

    .collapse.navbar-collapse.lnb_wrap {width:100% !important; margin-left: 0 !important; padding-left: 20px;}
    .collapse.navbar-collapse.lnb_wrap ul.lnb {float: none; width: 100%; margin-top: 0;}

    

    .navbar-brand > img {width: 140px !important; padding-left: 13px;}

    .main_ad_wrap .main_ad {margin-top: 0;}

}





@media (max-width:767px) {

.navbar-brand img{width:120px;}

.navbar-collapse{padding:0;position:absolute;width:100%;top:107px;left:0;z-index:1000}
.navbar-collapse.lnb_wrap.collapse.in{background:#fff;}
.nav.navbar-nav.lnb > li:first-child{border-bottom:1px solid #d8d8d8;}
.navbar-toggle{border-radius:0; position: absolute; right: 0; top: 0}
.navbar-nav {
        float: none;
        margin:0;
		width:100%;
        table-layout: fixed;
        font-size: 1.25em;
		padding:0;
		background:#fff;}

.navbar-nav > li > a{line-height:3;padding-left:30px !important;background:#fff;}

.nav > li > a{padding:0;}

.nav.nav-tabs {margin-top:50px;}
.nav.nav-tabs > li > a {  padding: 7px 22px; }
    
    #main_news .rsnav a.news-plus {position: static !important; padding: 0 30px 0 10px !important;}
    #main_news .rsnav a.news-plus img {width: 70px;}




.navbar-nav .open .dropdown-menu{background:#f1f1f1;}
.navbar-nav .open .dropdown-menu li{border-bottom:1px solid #fff;}
.navbar-nav .open .dropdown-menu li:last-child{border-bottom:none;}


form.search-form.search_e4ds{float:none;margin:0;position:absolute;top:60px;right:13px;z-index:1001;width:200px;}
.search-form.search_e4ds input{border-radius:0;box-shadow:none}
.search-form.search_result{margin:15px 0 7px 0;}
.search-form.search_result .form-control{border-radius:0}

.btn-group.member{position:absolute;top:11px;right:76px;z-index:1010}
.btn-group.member button{width:32px;height:32px;text-align: center; background-color: transparent; padding: 0 0 0 0}
    .btn-group.member button i {font-size: 22px; color: #333333}
.btn-group.member button:active{  -webkit-box-shadow: none;box-shadow: none}
.btn-group.member .dropdown-menu{min-width:auto;width:108px;padding:0;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: none;box-shadow: none;}
.member .dropdown-menu .divider{margin:0;}
.member .dropdown-menu > li > a{padding:8px 20px;}


#microSiteRecent .msrHeadWrap { margin-left:0px;}
#microSiteRecent .nav.nav-tabs {margin-top:10px; margin-bottom:10px;}


} /* max-width:767px */






/********************************************************container-e4ds***************************************************************/
.social-cluster{clear:both;height:28px;}
.social-cluster .social-cluster-list{padding-right:1px;height:28px;float:right;}
.social-cluster-list li{float:left;margin-left:5px; /* width:28px; */height:28px;}
.social-cluster-list li a{display:block;width:28px;height:28px;}
.social-cluster-list li.s_comment {width:53px;}
.social-cluster-list li a.comment{ text-align:left;width:53px;background:url('../images/social_comment.png'); padding-left:27px;font-size:16px;color:#fff;line-height:28px;}
.social-cluster-list li a.facebook{background:url('../images/social_facebook.png'); }
.social-cluster-list li a.twitter{background:url('../images/social_twitter.png'); }
.social-cluster-list li a.google{background:url('../images/social_google.png'); }
.social-cluster-list li.webinar_link {
    width: 80px;
    line-height: 27px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #BABABA;
    padding: 0 0 0 6px;
    color: #fff;
    background-color: #cc1742;
    border-color: #aa1339;
}
.social-cluster-list li.webinar_link a.webinar {
    width: 70px;
	padding:0;
	margin:0;
	color:white;
}

.main_pdt{    margin-top: 30px;
    padding-bottom: 0;}
.main_pdt a:hover .caption, .sub_pdt a:hover .caption{background:rgba(70,135,215,0.8);}
.sub_pdt{padding-top:15px;padding-bottom:30px;}


.middlebanner1, .middlebanner2 , .middlebanner3 , .middlebanner4 
{padding-left:30px;}
.middlebanner2 {   margin-bottom: 20px;}


@media (min-width:1300px) { 

.container{width:1300px;padding:0;}

.container-e4ds {position:relative;margin:0 auto;padding:0;width:1300px;}
.container-e4ds:after{content: " ";display:block;clear:both;}

.container.main_cont{width:1300px;padding:0;margin:0 auto;}

.newsLink.thumbnail{position:relative;}
.newsLink.thumbnail .caption{padding:18px 8px 11px 20px;position:absolute;width:100%;left:0;bottom:0;z-index:100;background:rgba(0,0,0,0.7);}
.newsLink.thumbnail h3{font-size:18px;font-weight:700;color:#fff;line-height:140%;margin:0;}
.newsLink.thumbnail p.date{font-size:14px;font-weight:normal;color:#777;line-height:1;color:#fff;margin-top:8px;}
.newsLink.thumbnail p.date span.writer{color:#81beed;display:inline-block;margin-left:30px;}
.newsLink.thumbnail > img,
.newsLink.thumbnail a > img {width:600px;height:345px;}

.thumbnail_list{padding-left:18px !important;}
.thumbnail_list .media {margin-bottom:8px;margin-top:0;}
.thumbnail_list .media .pull-left{margin-bottom:3px;}
.thumbnail_list .media-object{width:120px;height:78px;}
.thumbnail_list .media-heading{font-size:14px;font-weight:normal;line-height:1.3;}
.thumbnail_list p.date{color:#777;line-height:130%;margin-bottom:0;margin-top:6px;}
.thumbnail_list p.date span.writer{display:block;color:#3786c3;margin-top:2px;}
.thumbnail_list .media-list .media-body{width:100%;}

/*main_news_list */
ul.main_news_list li.media{border-bottom:1px solid #e0e0e0;padding:30px 0 0 0;margin:0 20px 0 0;}
ul.main_news_list li:last-child.media{border-bottom:none;}
ul.main_news_list li.media a img{width:150px;height:84px;margin-top: 5px; object-fit:cover}
ul.main_news_list li.media .media-body{padding-left:1.4%;padding-bottom:10px;position:relative;}
ul.main_news_list li.media .media-body p.date{color:#777;line-height:1;padding:0;margin:5px 0 7px 0;}
ul.main_news_list li.media .media-body p.date span.writer{display:inline-block;margin-left:20px;color:#3786c3;line-height:1;padding:0;}
ul.main_news_list li.media .media-body h4.media-heading{line-height:140%;}
ul.main_news_list li.media .media-body h4.media-heading:after{content:"";clear:both;display:block;}
ul.main_news_list li.media .media-body .excerpt{margin:0;}

/*news5*/
.news5 {padding-left:30px;}
.news5 .news5_title {display:inline-block;height:42px;line-height:42px;border-bottom:1px solid #337ab7;margin-bottom:13px;color:#337ab7;font-weight:600;font-size:17px;}
.news5 ul {-webkit-padding-start:0;padding-left:0;}
.news5 ul li {margin-bottom:15px;}
.news5 ul li:after {clear:both;content:"";display:block;}
.news5 ul img {float:left;margin-right:9px;width:120px;height:78px;}
.news5 ul span {display:block;float:right;width:303px;font-weight:600;}
.news5 ul span.date {font-size:13px;color:#777;padding-top:10px;font-weight:400;}


.col-lg-9.col-md-9.section{width:72%;}
.section_title{font-family:"Malgun Gothic",'Open Sans',"Nanum Gothic";font-size:34px;font-weight:700;padding:30px 0 10px 0;line-height:1;color:#333;}
    .section_title.plus {padding-bottom: 0}
.keyword_desc {border:1px solid #efefef; padding:10px;}

.nav-tabs{width:98%;}
.nav-tabs.latest_tab{border-bottom:none;background:#464646;height:46px;line-height:46px;}
.nav-tabs.latest_tab > li {margin-bottom:0;background:url('../images/latest_line.gif') 0 14px no-repeat;}
.nav-tabs.latest_tab > li:first-child{background:none;}
.nav-tabs.latest_tab > li a{color:#c2c2c2;font-size:16px;}
.nav-tabs.latest_tab > li.active > a{border:none;background:none;color:#fff;}
.nav-tabs.latest_tab > li > a:hover{background:none;border:none;color:#fff;font-size:16px;font-weight:normal;margin-bottom:0;}

.main_ad_wrap{border-bottom:7px solid #d5d5d5;/* height:127px */height:127px;}
.main_ad_wrap .main_ad{width:1050px;margin:20px auto 0 auto;}

}

@media (min-width:992px)  {
	.thumbnail_list{    
		height: 375px;
		overflow-y: scroll;
	}
}


/**************************************************************container-e4ds-1299********************************************************/

@media screen and (min-width:768px) and (max-width:1299px) {

.container{width:99%;padding:0 0.5% 0 0.5%;}

.container-e4ds {position:relative;margin:0 auto;padding:0;width:100%;}


.container.main_cont{width:100%;padding:0;margin:0 auto;}

.main_ad_wrap{border-bottom:7px solid #d5d5d5;/* height:127px */height:127px;}
.main_ad_wrap .main_ad{width:98%;margin:20px auto 0 auto;}
.main_ad_wrap .e4ds-bnr-mtr {display: block; text-align:center;}
.main_ad_wrap .e4ds-bnr-mtr .img-responsive{display: inline;}

.col-lg-9.col-md-9.section{width:72%;}

.newsLink.thumbnail{position:relative;}
.newsLink.thumbnail .caption{padding:18px 8px 11px 20px;position:absolute;width:96%;left:0;bottom:0;z-index:100;background:rgba(0,0,0,0.7);}
.newsLink.thumbnail h3{font-size:18px;font-weight:600;color:#fff;line-height:120%;margin:0;}
.newsLink.thumbnail p.date{font-size:14px;font-weight:normal;color:#777;line-height:1;color:#fff;margin-top:8px;}
.newsLink.thumbnail p.date span.writer{color:#3786c3;display:inline-block;margin-left:30px;}
.newsLink.thumbnail > img,
.newsLink.thumbnail a > img {width:96%;height:339px;margin:0;}


.thumbnail_list .media-list .media{margin-bottom:9px;margin-top:0;}
.thumbnail_list .media-object{width:120px;height:78px;}
.thumbnail_list .media-heading{font-size:13px;font-weight:normal;line-height:1.4;height:36px;overflow:hidden}
.thumbnail_list p.date{color:#777;line-height:120%;font-size:12px;margin:0;}
.thumbnail_list p.date span.writer{display:block;color:#3786c3;margin-top:4px;}



/*main_news_list */
ul.main_news_list li.media{border-bottom:1px solid #e0e0e0;padding:28px 0 0 0;margin:0 20px 0 0;}
ul.main_news_list li.media a img{width:120px;height:90px;}
ul.main_news_list li.media .media-body{padding-left:1.4%;padding-bottom:30px;position:relative;}
ul.main_news_list li.media .media-body p.date{color:#777;line-height:1;padding:0;margin:0 0 7px 0;}
ul.main_news_list li.media .media-body p.date span.writer{display:inline-block;margin-left:20px;color:#3786c3;line-height:1;padding:0;}
ul.main_news_list li.media .media-body h4.media-heading{font-size:17px;line-height:140%;}
ul.main_news_list li.media .media-body h4.media-heading:after{content:"";clear:both;display:block;}


/*news5*/
.news5 {padding-left:30px;}
.news5 .news5_title {display:inline-block;height:42px;line-height:42px;border-bottom:1px solid #337ab7;margin-bottom:13px;color:#337ab7;font-weight:600;font-size:17px;}
.news5 ul {-webkit-padding-start:0;padding-left:0;}
.news5 ul li {margin-bottom:17px;}
.news5 ul li:after {clear:both;content:"";display:block;}
.news5 ul img {float:left;margin-right:9px;width:32%;height:83px;}
.news5 ul span {display:block;float:right;width:65%;font-weight:600;}
.news5 ul span.date {font-size:13px;color:#777;padding-top:10px;font-weight:400;}

}


@media screen and (min-width:768px) and (max-width:1280px) {

    #main_news .rsnav a.news-plus {right: 10px !important; }

}



/**************************************************************container-e4ds-991********************************************************/

@media screen and (min-width:768px) and (max-width:991px) {

/*.col-lg-9.col-md-9.section{width:100%;}*/
.main_ad_wrap{border-bottom:7px solid #d5d5d5;height:auto;padding-bottom:20px;}

.section_title{font-family:'Open Sans';font-size:34px;font-weight:700;padding:30px 0 10px 0;line-height:1;color:#333;}

.newsLink.thumbnail .caption{width:100%;}
.newsLink.thumbnail > img,
.newsLink.thumbnail a > img {width:100%;height:auto;margin:0;}

/*news5*/
.news5 ul li {margin-bottom:15px;}
.news5 ul img {float:left;margin-right:9px;width:27%;height:83px;}
.news5 ul span {display:block;float:right;width:70%;font-weight:600;}
.news5 ul span.date {font-size:13px;color:#777;padding-top:10px;font-weight:400;}

}

/**************************************************************container-e4ds-767********************************************************/

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

.container {
  width:100%;
  padding:0;
  margin:0;
  }
  
  .container > .row{margin:0 2%;}
  .container_mobile{padding:0 10px;}

  .col-lg-9.col-md-9.section{width:100%;}
  .col-lg-9.col-md-9.section:after{content:"";clear:both;display:block}


  .col-lg-3.col-md-3.aside_cont{width:100%;}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7,
.col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, 
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding:0;}

.container-e4ds {background-color:#fff;border-bottom:1px solid #4c7ca8;height:107px;}
.container-e4ds .icon_plus {position: absolute; left: -73px; top:4px; z-index: 100}

.main_ad_wrap {border-bottom:7px solid #d5d5d5;height:auto; padding-bottom:15px; }
.main_ad_wrap .main_ad{width:98%;margin:10px auto 0 auto;}

.main_pdt{padding-top:10px;padding-bottom:0;}
.sub_pdt{padding-top:15px;padding-bottom:0;}

.newsLink.thumbnail{position:relative;}
.newsLink.thumbnail .caption{padding:10px 5px 5px 12px;position:absolute;width:100%;left:0;bottom:0;z-index:100;background:rgba(0,0,0,0.7);}
.newsLink.thumbnail h3{font-size:15px;font-weight:600;color:#fff;line-height:120%;margin:0;}
.newsLink.thumbnail p.date{font-size:13px;font-weight:normal;color:#777;line-height:1;color:#fff;margin-top:8px;}
.newsLink.thumbnail p.date span.writer{color:#3786c3;display:inline-block;margin-left:30px;}
.newsLink.thumbnail > img,
.newsLink.thumbnail a > img {width:100%;height:auto;margin:0;}

.thumbnail_list{margin-top:20px;}
.thumbnail_list .media-list .media{margin-top:8px;}
.thumbnail_list .media > .pull-left{width:30%;float:left;}
.thumbnail_list .media-object{width:100%;height:auto;float:left;}
.thumbnail_list .media-heading{float:left;font-size:13px;font-weight:normal;line-height:1.4;width:100%;}
.thumbnail_list p.date{color:#777;line-height:140%;font-size:12px;}
.thumbnail_list p.date span.writer{display:block;color:#3786c3;}
.thumbnail_list .media-list .media-body{float:left;width:67%;padding-left:3%;}


/*main_news_list */
ul.main_news_list li.media{border-bottom:1px solid #e0e0e0;padding:28px 0 23px 0;margin:0;}
ul.main_news_list .media > .pull-left{padding-right:0;}
ul.main_news_list li.media a {float:left; padding-right:10px;}
ul.main_news_list li.media a img{ height:auto;max-height:380px}
ul.main_news_list li.media .media-body{padding-left:1.4%;padding-bottom:10px;}
ul.main_news_list li.media .media-body p.date{color:#777;line-height:1;padding:0;margin:0 0 10px 0;}
ul.main_news_list li.media .media-body p.date span.writer{display:inline-block;margin-left:20px;color:#3786c3;line-height:1;padding:0;}
ul.main_news_list li.media .media-body h4.media-heading{font-size:17px;line-height:140%;padding:0px 0 0 0px;}
ul.main_news_list li.media .media-body h4.media-heading:after{content:"";clear:both;display:block;}

/*news5*/
.news5 {padding-left:0;}
.news5 .news5_title {display:inline-block;height:42px;line-height:42px;border-bottom:1px solid #337ab7;margin-bottom:13px;color:#337ab7;font-weight:600;font-size:17px;}
.news5 ul {-webkit-padding-start:0;padding-left:0;}
.news5 ul li {margin-bottom:12px;}
.news5 ul li:after {clear:both;content:"";display:block;}
.news5 ul img {float:left;margin-right:9px;width:32%;height:83px;}
.news5 ul span {display:block;float:right;width:65%;font-size:13px;font-weight:600;}
.news5 ul span.date {font-size:13px;color:#777;padding-top:10px;font-weight:400;}

.social-cluster-list{height:28px;}
.social-cluster-list li{float:left;margin-left:5px;width:28px;height:28px;}
/* .social-cluster-list li:first-child{width:53px;} */
.social-cluster-list li a{display:block;width:28px;height:28px;}
.social-cluster-list li a.comment{width:53px;background:url('../images/social_comment.png'); padding-left:27px;font-size:16px;color:#fff;line-height:28px;}
.social-cluster-list li a.facebook{background:url('../images/social_facebook.png'); }
.social-cluster-list li a.twitter{background:url('../images/social_twitter.png'); }
.social-cluster-list li a.google{background:url('../images/social_google.png'); }


.middlebanner1, .middlebanner2 {padding-left:0;}

}



@media (max-width: 768px) {
	.--social-cluster-list li:first-child{width:53px;}
}








/********aside*******/

.recent-news {
    margin: 0px auto;
    background: #fff;
}
.recent-news .recent-hews-head{
    padding: 9px 0 9px 20px;
    border-bottom: 1px solid #00a3e0;
    font-weight: 600;
    color: #fff;
    background: #32b3c9;
    letter-spacing: 0.5px;
}
.recent-news ul {padding:13px 10px 10px 10px;margin-bottom:0;}
.recent-news ul li{color:#8e6e49; font-size:14px;margin-bottom:10px;}
.recent-news ul li:last-child{margin-bottom:3px;}
.recent-news ul li:after{content:"";clear:both;display:block;}
.recent-news ul li img{float:left;width:35%;margin-right:7px;}
.recent-news ul li span{margin-left:5px;display:block;float:right;width:60%;}


.newsletter_email input{line-height:22px;height:28px;padding-left:3px;}
.newsletter_email .btn.btn-primary{padding:3px 10px;vertical-align:top;}

.sideblock_title{background:#00a3e0;text-align:left;color:#fff;padding:9px 0 9px 15px;}
.sponsor_title{background:#646464;text-align:left;color:#fff;padding:9px 0 9px 15px;}
.sponsor ul{padding:13px 0 0 5px;}
.sponsor ul li{padding:7px 0;}
.sponsor ul li a{color:#222;font-weight:600;}
.sponsor ul li span{display:block;font-weight:normal;margin-top:7px;font-size:13px;color:#666;}

.eewebinar:after{content:"";clear:both;display:block;}
.eewebinar_title{padding:9px 0 9px 20px;border-bottom:1px solid #00a3e0;font-weight:600;color:#fff;background:#00a3e0;letter-spacing:0.5px;}
.eewebinar ul {padding:13px 10px 10px 10px;margin-bottom:0;}
.eewebinar ul li{font-size:13px;margin-bottom:15px;}
.eewebinar ul li:last-child{margin-bottom:5px;}
.eewebinar ul li:after{content:"";clear:both;display:block;}
.eewebinar ul li img{float:left;width:30%;}
.eewebinar ul li span{display:block;float:right;width:65%;}


.eewebinar2:after{content:"";clear:both;display:block;}
.eewebinar_title2{padding:9px 0 9px 20px;border-bottom:1px solid #00a3e0;font-weight:600;color:#fff;background:#32b3c9;letter-spacing:0.5px;}
.eewebinar2 ul {padding:13px 10px 10px 10px;margin-bottom:0;}
.eewebinar2 ul li{color:#8e6e49; font-size:14px;margin-bottom:10px;}
.eewebinar2 ul li:last-child{margin-bottom:3px;}
.eewebinar2 ul li:after{content:"";clear:both;display:block;}
.eewebinar2 ul li img{float:left;width:35%;margin-right:7px;}
.eewebinar2 ul li span{margin-left:5px;display:block;float:right;width:60%;}


.eewebinar3:after{content:"";clear:both;display:block;}
.eewebinar_title3{padding:9px 0 9px 20px;border-bottom:1px solid #00a3e0;font-weight:600;color:#fff;background:#808080;letter-spacing:0.5px;}
.eewebinar3 ul {padding:13px 10px 10px 10px;margin-bottom:0;}
.eewebinar3 ul li{color:#8e6e49; font-size:14px;margin-bottom:10px;}
.eewebinar3 ul li:last-child{margin-bottom:3px;}
.eewebinar3 ul li:after{content:"";clear:both;display:block;}
.eewebinar3 ul li img{float:left;width:35%;margin-right:7px;}
.eewebinar3 ul li span{margin-left:5px;display:block;float:right;width:60%;}


/*지난뉴스레터 그라데이션 버튼변경*/
.newsletter_email .newsletter_link a { font-size:12px; color:#ffffff !important; display:inline-block; border-radius: 25px;  padding: 8px 30px; margin: 10px auto 5px auto;}
.newsletter_email .newsletter_link a { background:url('../images/newletter_btn_bg_gr.gif') 0 0 no-repeat; }



@media screen and (min-width:1300px) { 

.aside_cont{background:#e5e5e5;padding:0px;float:right;width:340px;margin-top:30px;margin-left:-20px;}
.aside_ad{width:300px;/*border:1px solid #b7b7b7;*/margin: 20px auto;}
.aside_ad iframe {width:298px; height:168px}
.newsletter{width:302px;margin:20px auto;}
.newsletter .newsletter_title{background:#1f4995;color:#fff;text-align:center;padding:9px 0;}
.newsletter_email{background:#f7f7f7;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-radius:0 0 4px 4px;box-shadow:1px 1px 1px #d8d8d8;padding:12px 0;}
.newsletter_email p{border-bottom:0px solid #eaeaea;display:inline-block;padding-bottom:0px;margin-bottom:13px;}
.newsletter_email input{line-height:22px;height:28px;padding-left:3px;}
.newsletter_email .btn.btn-primary{padding:3px 10px;vertical-align:top;}
.newsletter_link {padding:7px 0 0 0}
.newsletter_link a{font-size:12px;}



.sideblock{width:302px;margin:0px auto 10px auto;}
.sponsor{width:302px;margin:20px auto 0 auto;}
.out-banner{background:#fff;padding:0px;width:340px; }
.inc{width:302px;margin:20px auto 0 auto; padding:20px 0; background-color:#fff;}
   
.principle {padding: 10px 0 20px 0; background-color: #ffffff; }    
.principle > div {width:302px;margin:0 auto; padding: 10px 0 10px 15px; background-color: #ffffff; border: 1px dashed #b3b3b3; box-sizing: border-box;}
.principle p {font-size: 12px; line-height: 1.5; letter-spacing: -0.3px; color: #646464; margin: 0; word-break: keep-all}
.principle p span {color: #f04d15; font-weight: 700}
.principle p:nth-child(2) {padding-top: 5px;}

.eewebinar{margin-top:20px;background:#fff;}
.eewebinar2{margin:20px auto;background:#fff;}
.eewebinar3{margin:20px auto;background:#fff;}
}


@media screen and (min-width:768px) and (max-width:1299px) {

.aside_cont{background:#e5e5e5;padding:19px 19px 0;float:right;width:26%;margin-top:30px;margin-left:0;}
.aside_ad{width:94%;margin:0 3%;border:1px solid #b7b7b7;}
.aside_ad a img{width:100%;}
.newsletter{width:94%;margin:0 3%;margin:20px auto;}
.newsletter .newsletter_title{background:#1f4995;color:#fff;text-align:center;padding:9px 0;}
.newsletter_email{background:#f7f7f7;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-radius:0 0 4px 4px;box-shadow:1px 1px 1px #d8d8d8;padding:15px 0;}
.newsletter_email p{border-bottom:0px solid #eaeaea;display:inline-block;padding:0 5px 8px 5px;margin-bottom:13px;}
.sideblock, .sponsor{width:94%;margin:0 3%;margin:20px auto 0 auto;}

.out-banner{background:#fff;padding:0px;width:100%; }
.inc{width:94%;margin:0 3%; padding:20px 0; background-color:#fff;}
    
.principle {padding: 10px 0 20px 0; background-color: #ffffff; }    
.principle > div {width:94%;margin:0 auto; padding: 10px 0 10px 8px; background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box;}
.principle p {font-size: 12px; line-height: 1.4; letter-spacing: -0.5px; color: #646464; margin: 0;word-break: keep-all}
.principle p span {color: #f04d15; font-weight: 700}
.principle p:nth-child(2) {padding-top: 5px;}

.eewebinar{width:94%;margin:0 3%;background:#fff;}
.eewebinar ul li img{float:left;width:30%;}
.eewebinar ul li span{display:block;float:right;width:60%;}

.eewebinar2{width:94%;margin:0 3%;background:#fff;}
.eewebinar2 ul li img{float:left;width:30%;}
.eewebinar2 ul li span{display:block;float:right;width:60%;}


.eewebinar3{width:94%;margin:0 3%;background:#fff;}
.eewebinar3 ul li img{float:left;width:30%;}
.eewebinar3 ul li span{display:block;float:right;width:60%;}
}


@media screen and (min-width:768px) and (max-width:991px) {

.newsletter_email input{width:110px;}
.newsletter_email p{border-bottom:0px solid #eaeaea;display:inline-block;padding-bottom:8px;margin-bottom:13px;font-size:12px;padding:0 5px;}

.eewebinar ul li img{float:left;width:35%;}
.eewebinar ul li span{display:block;float:left;width:60%;padding-left:5%;}

.eewebinar2 ul li img{float:left;width:35%;}
.eewebinar2 ul li span{display:block;float:left;width:60%;padding-left:5%;}

.eewebinar3 ul li img{float:left;width:35%;}
.eewebinar3 ul li span{display:block;float:left;width:60%;padding-left:5%;}
}


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

.aside_cont{background:#e5e5e5;padding:19px 19px 0;float:none;clear:both;width:100%;margin-top:30px;margin-left:0;}
.aside_ad{width:94%;margin:0 3%;border:1px solid #b7b7b7;}
.aside_ad iframe {width: 100%; height: 187px}
.aside_ad a img{width:100%;}
.newsletter{width:94%;margin:0 3%;margin:20px auto;}
.newsletter .newsletter_title{background:#1f4995;color:#fff;text-align:center;padding:9px 0;}
.newsletter_email{background:#f7f7f7;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-radius:0 0 4px 4px;box-shadow:1px 1px 1px #d8d8d8;padding:25px 0;}
.newsletter_email p{border-bottom:0px solid #eaeaea;display:inline-block;padding-bottom:8px;margin-bottom:13px;}
.sideblock, .sponsor{width:94%;margin:0 3%;margin:20px auto 0 auto;}

.out-banner{background:#fff;padding:0px;width:100%; }
.inc{width:94%;margin:0 3%; padding:20px 0; background-color:#fff;}
    
.principle {padding: 10px 0 20px 0; background-color: #ffffff; }    
.principle > div {width:94%;margin:0 auto; padding: 9px 5px 9px 8px; background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box;}
.principle p {font-size: 11px; line-height: 1.4; letter-spacing: -0.5px; color: #646464; margin: 0; word-break: keep-all}
.principle p span {color: #f04d15; font-weight: 700}
.principle p:nth-child(2) {padding-top: 5px;}

.eewebinar{width:94%;margin:0 3%;background:#fff;}
.eewebinar2{width:94%;margin:0 3%;background:#fff;}

.eewebinar3{width:94%;margin:0 3%;background:#fff;}

}





@media screen and (min-width:400px)  and (max-width:767px) {

.eewebinar ul li img{float:left;width:20%;}
.eewebinar ul li span{display:block;float:left;width:65%;padding-left:5%;}


.eewebinar2 ul li img{float:left;width:20%;}
.eewebinar2 ul li span{display:block;float:left;width:65%;padding-left:5%;}

.eewebinar3 ul li img{float:left;width:20%;}
.eewebinar3 ul li span{display:block;float:left;width:65%;padding-left:5%;}

}




/********keyword*******/
.keyword {margin-top:20px;border-bottom:1px solid #ccc;padding:0 0 20px 0;}
.keyword a{display:inline-block;width:19%;padding:7px 0;}


/********sub_view*******/

.thumbnail.news .caption{padding:0 0 6px 0;position:relative;width:100%;background:none;border-bottom:1px solid #5c5c5c;}
.thumbnail.news .caption .social-cluster{height:28px;position:absolute;bottom:13px;right:0;width:100%;z-index:10;}
.thumbnail.news .caption .social-cluster-list{position:absolute;top:0;right:0;z-index:100;height:28px;}
.thumbnail.news h3 {font-size:22px;font-weight:700;margin:40px 0 10px 0;color:#333;}
.thumbnail.news h3 span.d-day {line-height: 1.7; font-size: 12px; color: #ffffff; display: inline-block; border-radius: 5px;background-color: #cc0000;padding: 0px 8px; margin: 2px 6px 0 4px; font-weight: bold; vertical-align: top;}
.thumbnail.news p.date {font-size:16px;font-weight:normal;color:#777;line-height:1;margin-bottom:12px;}
.thumbnail.news p.date span.writer{color:#3786c3;display:inline-block;margin-left:30px;}
.thumbnail.news > img,
.thumbnail.news a > img {width:auto;height:400px;}

.news_desc{padding:20px 0;line-height:160%;font-size:1.1em;letter-spacing:1px;word-spacing:2px}
.news_desc p, .news_desc div, .news_desc span{line-height:160%;font-size:1em;letter-spacing:1px;word-spacing:2px}
.news_desc strong{line-height:160%;font-size:1.4em;letter-spacing:1px;word-spacing:2px}
.news_desc img{padding:5px 0;}

.news_desc table { width:100%; border:0; font-size: 14px; border-bottom:1px solid #828282; }
.news_desc table th { text-align:center; background-color: #0099da; color:#ffffff; padding: 10px; }
.news_desc table td { text-align:center; border-left:1px solid #828282;  border-right:1px solid #828282; border-top:1px solid #828282; padding: 8px 8px 8px 8px;  }
.news_desc table td.left { text-align:left;}





.row.hot_news {margin-left: -1%; margin-right: -1%;}
.hot_news_title{font-family:'Open Sans';font-size:30px;font-weight:600;padding:30px 0 10px 6px;line-height:1;color:#333;}
.hot_news_title span.red{color:red;}
.hot_news .col-lg-4.hot_news_list{padding:0 0 0 0;}
.hot_news .col-lg-4.hot_news_list a{display: block; margin-bottom:10px;}
.hot_news .col-lg-4.hot_news_list img{width:291.984px;height:130px;display: block; margin: 0 auto}
.hot_news h4.media-heading{font-size:15px;line-height:140%;padding:0 0 2px 5px;clear:both;}
.hot_news .col-lg-4.hot_news_list h4.media-heading a {margin-bottom: 0}
.hot_news p.date{padding-left: 7px;font-size:13px;font-weight:normal;color:#777;line-height:1;}
.hot_news p.date span{display:inline-block;padding-left:10px;}
.hot_news p.writer{color:#3786c3;display:block;padding-left: 7px;line-height:1;}



/*하단 Related News 모바일에서 꽉차게보이기 추가*/
@media (max-width: 768px) {
	.hot_news .col-lg-4.hot_news_list a { width:100%; margin: 0 auto; }
	.hot_news .col-lg-4.hot_news_list a img { width:100% !important; height:auto !important; }

}



@media screen and (min-width:768px) and (max-width:1299px) {

.section_title{font-family:'Open Sans';font-size:34px;font-weight:700;padding:30px 0 10px 0;line-height:1;color:#333;}

.news_area .thumbnail .caption{padding:0 0 10px 0;}

.news_area .thumbnail > img {width:96%;height:339px;margin:0 auto;}

.thumbnail.news h3{font-size:18px;font-weight:700;margin:26px 0 10px 0;}
.thumbnail.news p.date{font-size:16px;font-weight:normal;color:#777;line-height:1;margin-bottom:12px;}
.thumbnail.news p.date span.writer{color:#3786c3;display:inline-block;margin-left:30px;}
.thumbnail.news > img,
.thumbnail.news a > img {width:auto;height:400px;}

.news_desc{padding:20px 0;line-height:160%;font-size:1.1em;letter-spacing:0.5px;word-spacing:1px}
.news_desc p, .news_desc div, .news_desc span{line-height:160%;font-size:1em;letter-spacing:0.5px;word-spacing:1px}
.news_desc strong{line-height:160%;font-size:1em;letter-spacing:0.5px;word-spacing:1px}
.hot_news_title{font-family:'Open Sans';font-size:30px;font-weight:600;padding:30px 0 10px 10px;line-height:1;color:#333;}
.hot_news_title span.red{color:red;}
.hot_news .col-lg-4.hot_news_list{padding:0 10px;}
.hot_news .col-lg-4.hot_news_list img{width:100%;height:180px;}
.hot_news h4.media-heading{font-size:15px;line-height:140%;padding:7px 0 2px 0;}
.hot_news p.date{font-size:13px;font-weight:normal;color:#777;line-height:1;}
.hot_news p.date span{display:inline-block;padding-left:10px;}
.hot_news p.writer{color:#3786c3;display:block;line-height:1;}

}



@media (max-width:767px) {

.section_title{font-family:'Open Sans';font-size:28px !important;font-weight:600;padding:20px 0 5px 0;line-height:1;}

.thumbnail.news .caption{position:relative;}
.thumbnail.news .caption .social-cluster{height:28px;position:absolute;top:auto;bottom:-36px;right:2px;width:100%;}
.news_area .thumbnail .caption{padding:0 0 10px 0;}

.thumbnail.news h3{font-size:16px;font-weight:700;margin:26px 0 10px 0;}
.thumbnail.news p.date{font-size:13px;font-weight:normal;color:#777;line-height:1;margin-bottom:12px;}
.thumbnail.news p.date span.writer{color:#3786c3;display:inline-block;margin-left:15px;}
.thumbnail.news > img,
.thumbnail.news a > img {width:auto;height:400px;}

.news_desc{padding:50px 0 20px 0;line-height:160%;font-size:1em;letter-spacing:0.5px;word-spacing:1px}
.news_desc p, .news_desc div, .news_desc span{line-height:160%;font-size:1em;letter-spacing:0.5px;word-spacing:1px}
.news_desc strong{line-height:160%;font-size:1em;letter-spacing:0.5px;word-spacing:1px}
.hot_news_title{font-family:'Open Sans';font-size:30px;font-weight:600;padding:30px 0 10px 10px;line-height:1;color:#333;}
.hot_news_title span.red{color:red;}
.hot_news .col-lg-4.hot_news_list{padding:0 10px;}
.hot_news h4.media-heading{font-size:16px;line-height:140%;padding:7px 0 2px 0;}
.hot_news p.date{font-size:14px;font-weight:normal;color:#777;line-height:1;}
.hot_news p.date span{display:inline-block;padding-left:10px;}
.hot_news p.writer{color:#3786c3;display:block;line-height:1;}

}



/********video*******/
#vod_desc, #vod_comment, .vod_regist{width:100%;height:314px;border:1px solid #ccc;padding:9px;position:relative;margin-top:30px;}
#vod_desc .title{font-size:14px;font-weight:bold;padding-bottom:5px;background:#fff;color:#000;line-height:140%;padding:5px 5px 10px 8px;border-bottom:1px solid #555;}
#vod_desc .desc{padding:10px 0 2px 6px;height:228px;overflow:auto;background:#fff;word-break:break-all;}
#vod_desc .desc .outerLink{color:#189; border-top: 1px dotted silver;border-bottom: 1px dotted silver;padding:4px 0 5px 0;margin-top:7px;}
#vod_desc .desc span{display:inline-block;padding:10px 0 0 0;color:#777;}
#vod_desc .desc span.tag{border-bottom: 1px dotted silver;}
#vod_desc .desc span.date{}

.write_comment{border:1px solid #cc0000;position:absolute;top:-32px;right:0;width:100px;height:24px;line-height:22px;z-index:100;font-size:13px;}
.write_comment:hover{background:#cc0000;color:#fff;}
#vod_comment ul{height:315px;overflow:auto;}
#vod_comment ul li{padding:5px 0 25px 0;line-height:140%;position:relative;border-bottom: 1px dotted silver;}
#vod_comment ul li span.id{position:absolute;left:0;bottom:5px;color:#189;}
#vod_comment ul li button.modify{position:absolute;right:42px;bottom:5px;width:20px;height:20px;text-indent:-9999px;background:url('../images/bg_modify.png') 0 0 no-repeat;border:1px solid #cccccc;}
#vod_comment ul li button.delete{position:absolute;right:11px;bottom:5px;width:20px;height:20px;text-indent:-9999px;background:url('../images/bg_delete.png') 0 0 no-repeat;border:1px solid #cccccc;}

.vod_regist .title{font-size:15px;font-weight:600;padding-left:2px;color:#189;margin-bottom:7px;}
.vod_regist button.close2{position:absolute;right:9px;top:8px;width:25px;height:23px;text-indent:-9999px;background:url('../images/bg_close.png') 3px 1px no-repeat;border:1px solid #cccccc;z-index:100;}
.vod_regist textarea{width:275px;height:90px;margin-bottom:10px;}
.vod_regist dl {}
.vod_regist dl dt{float:left;width:50px;line-height:31px;color:#189;padding-left:5px;}
.vod_regist dl dd{float:right;width:220px;}
.vod_regist dl dd input{height:20px;padding-left:5px;margin:2px 0;}
.vod_regist dl dd span {display:inline-block;width:43px;height:27px;background:url('../images/icon-refresh.png') 0 0 no-repeat;margin-left:5px;text-indent:-9999px;vertical-align:middle;}
.vod_regist .btn_wrap{position:absolute;bottom:20px;left:40px;text-align:center;}
.vod_regist .btn_wrap button{width:80px;height:32px;margin:0 10px;}
.vod_regist .btn_wrap .btn_regist{background:#990000;color:#fff;}
.vod_regist .btn_wrap .btn_delete{background:#999999;color:#fff;}
.vod_regist .btn_wrap .btn_modify{background:#999999;color:#fff;}
.vod_regist .btn_wrap .btn_cancel{width:78px;height:30px;border:1px solid #ddd;background:#f0f0f0;color:#333}

.video_news{margin-top:30px;padding-bottom:10px;}
.video_news:after{display:block;content:"";clear:both;}
.video_news .col-lg-3.video_news_list{padding:0 10px 0 10px;position:relative;height:280px;margin-bottom:30px;}
.video_news .col-lg-3.video_news_list a img{width:100%;height:144px;}
.video_news h4.media-heading{font-size:13px;line-height:140%;padding:7px 0 2px 0;height:50px;}
.video_news p.date{clear:both;font-size:13px;font-weight:normal;color:#777;line-height:1;margin:0 0 6px 0;}
.video_news p.date span{display:inline-block;padding-left:10px;}
.video_news p.writer{color:#3786c3;display:block;line-height:1;}




@media (min-width:1300px) {

.video_area{margin-top:30px;}

.col-md-9.section{width:72%;}

.video_news .col-lg-3.video_news_list a img{width:100%;height:auto;max-height: 140px;}
.video-social-cluster{height:28px;}
.video-social-cluster .social-cluster-list{position:absolute;bottom:0;left:4px;padding:0;}

}



@media screen and (min-width:768px) and (max-width:1299px) {

.video_area{margin-top:30px;}

.col-md-9.section{width:72%;}
.video_news .col-lg-3.video_news_list a img{width:100%;height:auto;max-height: 140px;}
.video-social-cluster .social-cluster-list{padding:0;}
.video_news .col-lg-3.video_news_list a.pull-left{float:none;}
.video_news h4.media-heading{font-size:13px;line-height:140%;padding:7px 0 2px 0;height:45px;overflow:hidden}


}

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

.video-social-cluster .social-cluster-list li:first-child{margin-left:0;}
.video-social-cluster .social-cluster-list li{float:left;margin-left:3px;width:22px;height:22px;}
.video-social-cluster .social-cluster-list li:first-child{width:40px;text-align:left;}
.video-social-cluster .social-cluster-list li a{display:block;width:22px;height:22px;}
.video-social-cluster .social-cluster-list li a.comment{width:40px;background:url('../images/social_comment.png');background-size:40px; padding-left:20px;font-size:14px;color:#fff;line-height:22px;}
.video-social-cluster .social-cluster-list li a.facebook{background:url('../images/social_facebook.png');background-size:22px; }
.video-social-cluster .social-cluster-list li a.twitter{background:url('../images/social_twitter.png'); background-size:22px;}
.video-social-cluster .social-cluster-list li a.google{background:url('../images/social_google.png'); background-size:22px;}

}

@media screen and (min-width:768px) and (max-width:992px) {

.video_news .col-lg-3.video_news_list{height:250px;}
.video_news .col-lg-3.video_news_list a.pull-left{float:none;}
.video_news .col-lg-3.video_news_list a img{width:100%;height:auto;}
.video-social-cluster .social-cluster-list li:first-child{margin-left:0;}

}



@media (max-width:767px) {

.video_area{margin-top:15px;}

.col-md-9.section{width:100%;}

.video_news .col-lg-3.video_news_list{height:auto;}
.video_news .col-lg-3.video_news_list a.pull-left{float:none !important;}
.video_news .col-lg-3.video_news_list a img{width:100%;height:auto;}
.video-social-cluster .social-cluster-list{padding:0;}
.video-social-cluster .social-cluster-list li:first-child{margin-left:0;}
.video_news h4.media-heading{font-size:13px;line-height:140%;padding:7px 0 2px 0;height:auto;}

}



/*webinar event*/

.choice .btn1.text-center{margin:10px 0 20px 0;}
.tbl_choice{width:100%;margin-top:30px;}
.tbl_choice th{border:1px solid #d7d7d7;background:#e5e5e5;color:#002051;width:8%;display:table-cell;vertical-align:middle;​ font-size:14px;text-align:center;}
.tbl_choice td{border:1px solid #d7d7d7;padding:10px 10px 10px 20px;vertical-align:top;}
.tbl_choice td label{margin-right:20px; display:inline-block;vertical-align:middle;}

.event_list{padding:26px 0 20px 0;border-bottom:1px solid #e0e0e0;}
.event_list .col-sm-2{width:19%;}
.event_list .col-sm-10{width:81%;}
.event_cont .title{font-size:18px;font-weight:bold;background:#3066b0;color:#fff;line-height:1.4;padding:3px 0 6px 10px;}
.event_cont p{line-height:1;}
.event_cont p span{font-weight:bold;display:inline-block;margin-right:10px;}
.event_cont p.desc{line-height:1.6;padding-top:5px;}
.event_cont p.finish{border:1px solid #999;display:inline-block;line-height:1.6;padding:0 22px 2px 22px;}


@media (min-width:1300px) {

.col-sm-12.bdt3 {border-top:3px solid #000;}
.webinar_list{border-bottom:1px solid #e0e0e0;padding-top:20px;padding-bottom:20px;}
.webinar_list .col-sm-3 img{width:210px;height:140px;}

.webinar_list .col-sm-9{height:140px;}
.webinar_list .col-sm-9 .con{width:58%;float:left;padding-right:1%;}
.webinar_list .col-sm-9 .con dt{padding-bottom:10px;line-height:1.3;}
.webinar_list .col-sm-9 .con dt a{line-height:100%;font-weight:bold;}
.webinar_list .col-sm-9 .con dd{font-size:13px;}
.webinar_list .col-sm-9 .logo{width:12%;float:left;text-align:center;}
.webinar_list .col-sm-9 .logo dd img{width:60px}
.webinar_list .col-sm-9 .speaker{width:14%;float:left;text-align:center;font-size:13px;}
.webinar_list .col-sm-9 .date{width:15%;float:left;text-align:center;font-size:13px;}


}


@media screen and (min-width:1024px) and (max-width:1299px) {

.col-sm-12.bdt3 {border-top:2px solid #000;}
.webinar_list{border-bottom:1px solid #e0e0e0;padding-top:20px;padding-bottom:20px;}
.webinar_list .col-sm-3 img{width:170px;height:113px;}

.webinar_list .col-sm-9{height:125px;}
.webinar_list .col-sm-9 .con{width:58%;float:left;padding-right:1%;}
.webinar_list .col-sm-9 .con dt{padding-bottom:10px;line-height:1.2;}
.webinar_list .col-sm-9 .con dt a{line-height:100%;font-weight:bold;}
.webinar_list .col-sm-9 .con dd{font-size:12px;}
.webinar_list .col-sm-9 .logo dd img{width:60px}
.webinar_list .col-sm-9 .logo{width:10%;float:left;text-align:center;}
.webinar_list .col-sm-9 .speaker{width:17%;float:left;text-align:center;font-size:12px;}
.webinar_list .col-sm-9 .date{width:14%;float:left;text-align:center;font-size:12px;}

}


@media screen and (min-width:993px) and (max-width:1023px) {

.col-sm-12.bdt3 {border-top:2px solid #000;}
.webinar_list{border-bottom:1px solid #e0e0e0;padding-top:20px;padding-bottom:20px;}
.webinar_list .col-sm-3 img{width:150px;height:100px;}

.webinar_list .col-sm-9{height:120px;}
.webinar_list .col-sm-9 .con{width:58%;float:left;padding-right:1%;}
.webinar_list .col-sm-9 .con dt{padding-bottom:10px;line-height:1.2;}
.webinar_list .col-sm-9 .con dt a{line-height:100%;font-weight:bold;}
.webinar_list .col-sm-9 .con dd{font-size:12px;}
.webinar_list .col-sm-9 .logo dd img{width:50px}
.webinar_list .col-sm-9 .logo{width:10%;float:left;text-align:center;}
.webinar_list .col-sm-9 .speaker{width:17%;float:left;text-align:center;font-size:12px;}
.webinar_list .col-sm-9 .date{width:14%;float:left;text-align:center;font-size:12px;}

}


@media screen and (min-width:768px) and (max-width:992px) {

.col-sm-12.bdt3 {border-top:2px solid #000;}
.webinar_list{border-bottom:1px solid #e0e0e0;padding-top:20px;padding-bottom:20px;}
.webinar_list .col-sm-3{width:20%;}
.webinar_list .col-sm-3 img{width:100px;height:67px;}

.webinar_list .col-sm-9{width:80%;height:135px;}
.webinar_list .col-sm-9 .con{width:58%;float:left;padding-right:1%;}
.webinar_list .col-sm-9 .con dt{padding-bottom:10px;line-height:1.2;font-size:13px;}
.webinar_list .col-sm-9 .con dt a{line-height:100%;font-weight:bold;}
.webinar_list .col-sm-9 .con dd{font-size:12px;}
.webinar_list .col-sm-9 .logo dd img{width:40px}
.webinar_list .col-sm-9 .logo{width:10%;float:left;text-align:center;}
.webinar_list .col-sm-9 .speaker{width:17%;float:left;text-align:center;font-size:11px;}
.webinar_list .col-sm-9 .date{width:14%;float:left;text-align:center;font-size:11px;}

}



@media (max-width:767px) {

.col-sm-12.bdt3 {border-top:2px solid #000;}
.webinar_list{border-bottom:1px solid #e0e0e0;padding-top:20px;padding-bottom:20px;}
.webinar_list .col-xs-12 img{width:100%;}
.webinar_list .col-sm-3.col-xs-12{margin-bottom:10px;}

.webinar_list .col-xs-12 .con{width:100%;padding-right:1%;}
.webinar_list .col-xs-12 .con dt{padding-bottom:10px;line-height:1.2;font-size:13px;}
.webinar_list .col-xs-12 .con dt a{line-height:100%;font-weight:bold;}
.webinar_list .col-xs-12 .con dd{font-size:12px;}
.webinar_list .col-xs-12 .logo dd img{width:40px}
.webinar_list .col-xs-12 .logo{width:20%;float:left;text-align:center;}
.webinar_list .col-xs-12 .speaker{width:20%;float:left;text-align:center;font-size:11px;}
.webinar_list .col-xs-12 .date{width:60%;float:left;text-align:left;font-size:11px;}

}


@media screen and (min-width:1024px) and (max-width:1279px) {

.event_list .col-sm-2{width:22%;}
.event_list .col-sm-10{width:78%;}
.event_cont .title{font-size:17px;}
.event_cont p{line-height:1;}
.event_cont p span{font-weight:bold;display:inline-block;margin-right:10px;}
.event_cont p.desc{line-height:1.6;padding-top:5px;}
.event_cont p.finish{border:1px solid #999;display:inline-block;line-height:1.6;padding:0 22px 2px 22px;}

}


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

.event_list .col-sm-2{width:18%;}
.event_list .col-sm-2 img{width:85px;}
.event_list .col-sm-10{width:82%;}
.event_cont .title{font-size:14px;}
.event_cont p{line-height:1;font-size:13px;}
.event_cont p span{font-weight:bold;display:inline-block;margin-right:10px;}
.event_cont p.desc{line-height:1.6;padding-top:5px;}
.event_cont p.finish{border:1px solid #999;display:inline-block;line-height:1.6;padding:0 22px 2px 22px;}

}


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

.event_list{padding:30px 0 40px 0;}
.event_list .col-sm-2{width:100%;text-align:center;margin-bottom:20px;}
.event_list .col-sm-2 img{height:150px}
.event_list .col-sm-10{width:100%;}
.event_cont .title{font-size:14px;}
.event_cont p{line-height:1;font-size:13px;}
.event_cont p span{font-weight:bold;display:inline-block;margin-right:10px;}
.event_cont p.m_pb span{display:inline-block;float:left;padding-bottom:20px;}
.event_cont p.m_pb {line-height:1.3;}
.event_cont p.desc{line-height:1.6;padding-top:5px;}
.event_cont p.finish{border:1px solid #999;display:inline-block;line-height:1.6;padding:0 22px 2px 22px;}

}






/*common*/
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.pl30{padding-left:30px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}

}



.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left:0;
  margin-right:0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left:0;
  padding-right:0;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}




@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: none;}


/*로그인*/
#login_wrap{background:#fff;border:1px solid #e5e5e5;width:100%;padding:45px 0 48px 0;margin-top:30px;}
#login_wrap div:after{content:"";display:block;clear:both;}
#login_wrap .e4ds{font-family:Tahoma, Verdana, AppleGothic;font-size:20px;color:#666666;text-align:center;line-height:100%;font-weight:500;padding-bottom:12px;}
#login_wrap .text_login{font-family:Tahoma, Verdana, AppleGothic;font-size:38px;color:#1481bf;text-align:center;line-height:100%;font-weight:600;padding-bottom:20px;}
#login_wrap .text_login.temp_member{padding-top:30px;}
#login_wrap .login{background:#fff;border:1px solid #e4e3e3;width:90%;margin:0 auto;}
#login_wrap .login .id{float:left;width:50%;height:108px;border-bottom:1px solid #e4e3e3;background:#f5f8f9;padding:24px 0 0 48px;}
#login_wrap .login .id.temp {width:50%;height:82px;border-bottom:none;background:#f5f8f9;padding:24px 0 0 48px;}
#login_wrap .login .id label, #login_wrap .login .pw label{font-size:14px;font-weight:500;color:#717070;display:block;}
#login_wrap .login .id input, #login_wrap .login .pw input{width:86%;border:1px solid #1481bf;font-size:16px;font-weight:600;letter-spacing:1px;line-height:150%;padding-left:15px;margin-top:5px;}
#login_wrap .login .pw{float:left;width:50%;height:108px;border-bottom:1px solid #e4e3e3;border-left:1px solid #e4e3e3;background:#f5f8f9;padding:24px 0 0 48px;}
#login_wrap .login .pw.temp {border-left:none}
#login_wrap .login .save{clear:both;text-align:center;padding-top:10px;}
#login_wrap .login .save input{margin-right:3px;}
#login_wrap .login .save label{line-height:100%;font-size:12px;vertical-align:middle;}
#login_wrap .login button-{width:180px;height:42px;margin:3% 0 3% 39%;background:url('../images/btn_login.png') 0 0 no-repeat;color:#fff;font-size:20px;font-weight:600;border:none;letter-spacing:4px}
#login_wrap .login button-.temp{letter-spacing:0}
#login_wrap .login .login_join{float:left;width:50%;height:110px;padding:20px 0 0 120px;border-top:1px solid #e4e3e3;background:url('../images/bg_icon_join.png') 26px 16px no-repeat;}
#login_wrap .login .find_pw{float:left;width:50%;height:110px;padding:20px 0 0 120px;border-top:1px solid #e4e3e3;border-left:1px solid #e4e3e3;background:url('../images/bg_icon_pw.png') 26px 16px no-repeat;}
#login_wrap .login .login_join p,#login_wrap .login .find_pw p{font-size:13px;font-weight:600;padding-bottom:10px;}
#login_wrap .login .login_join .link_join, #login_wrap .login .find_pw .link_find{display:inline-block;background:#999999;width:38%;text-align:center;padding:2px 0 3px 0;color:#fff;margin-right:8px;font-size:12px;}
#login_wrap .login.temp_member .agree {padding-bottom:15px;}
.temp_member {margin-top:30px;}


.login-form-submit {
	padding:5px; margin:10px;
}

@media screen and (min-width:768px) and (max-width:992px) {

#login_wrap .login{position:relative;}
#login_wrap .login .id{float:left;width:50%;height:108px;border-bottom:1px solid #e4e3e3;background:#f5f8f9;padding:24px 0 0 20px;}
#login_wrap .login .pw{float:left;width:50%;height:108px;border-bottom:1px solid #e4e3e3;border-left:1px solid #e4e3e3;background:#f5f8f9;padding:24px 0 0 20px;}
#login_wrap .login .save{height:110px;}
#login_wrap .login button{position:absolute;left:50%;top:140px;width:180px;height:42px;margin:3% 0 3% -90px;background:url('../images/btn_login.png') 0 0 no-repeat;color:#fff;font-size:18px;font-weight:600;border:none;letter-spacing:4px}
#login_wrap .login .login_join{height:120px;padding:20px 0 0 100px;}
#login_wrap .login .find_pw{height:120px;padding:20px 0 0 100px;}
#login_wrap .login .login_join .link_join, #login_wrap .login .find_pw .link_find{width:110px;text-align:center;}
#login_wrap .login .login_join p,#login_wrap .login .find_pw p{padding-bottom:0;line-height:1.1;}

}



@media (max-width:767px) {

#login_wrap{padding:35px 0 40px 0;}
#login_wrap .e4ds{padding-bottom:0;}
#login_wrap .text_login{padding-bottom:12px;font-size:30px;}
#login_wrap .login{position:relative;}
#login_wrap .login .id{float:left;width:50%;height:108px;border-bottom:1px solid #e4e3e3;background:#f5f8f9;padding:24px 0 0 14px;}
#login_wrap .login .pw{float:left;width:50%;height:108px;border-bottom:1px solid #e4e3e3;border-left:1px solid #e4e3e3;background:#f5f8f9;padding:24px 0 0 14px;}
#login_wrap .login .save{height-:100px;}
#login_wrap .login- button{position:absolute;left:50%;top:140px;width:180px;height:42px;margin:3% 0 3% -90px;background:url('../images/btn_login.png') 0 0 no-repeat;color:#fff;font-size:18px;font-weight:600;border:none;letter-spacing:4px}
#login_wrap .login .login_join{height:120px;padding:20px 0 0 60px;background:url('../images/bg_icon_join.png') 8px 16px no-repeat;background-size:44px;}
#login_wrap .login .find_pw{height:120px;padding:20px 0 0 60px;background:url('../images/bg_icon_pw.png') 8px 16px no-repeat;background-size:44px;}
#login_wrap .login .login_join .link_join, #login_wrap .login .find_pw .link_find{width:80px;text-align:center;margin-right:0;margin-bottom:4px;font-size:11px;}
#login_wrap .login .login_join p,#login_wrap .login .find_pw p{padding-bottom:0;line-height:1.3;font-size:11px;}

}




/*회원가입*/
.join_section {
	-background:#f7f7f7;    
	-border-left: 1px solid #ddd;
	-border-right: 1px solid #ddd; 
}
#join_wrap{padding:20px 45px 40px 45px;}
#join_wrap h2{font-weight:600;padding:20px 0 2px 2px;font-size:14px;margin-top:10px;}
#join_wrap .join_title{font-size:30px;color:#1481bf;letter-spacing:2px;text-align:center;line-height:100%;font-weight:600;padding-bottom:15px;    border-bottom: 1px solid #1481bf;}
#join_wrap .tbl_join{width:100%;background:#fff;border:1px solid #e4e3e3;}
#join_wrap .tbl_join th{border-bottom:1px solid #e4e3e3;padding:7px 0;text-align:left;padding-left:25px;}
#join_wrap .tbl_join td{border-bottom:1px solid #e4e3e3;padding:7px 0;}

#join_wrap table tr td .i_text{padding:2px 0 3px 3px;height:19px;line-height:1.0em;letter-spacing:1px;font-family:"Malgun Gothic","Nanum Gothic", "Malgun Gothic"}
#join_wrap table tr td .i_text.mt2{margin-top:2px;}
#join_wrap table tr td span.special {margin-left:5px; color:#d13d52;}
#join_wrap table tr td span.pwmix {margin-left:10px;}

#join_wrap .tbl_join td label{vertical-align:middle;margin-left:4px;}
#join_wrap .tbl_join td label.mg_radio{margin-right:30px;}
#join_wrap .tbl_join td .desc{padding-top:3px;}

#join_wrap .tbl_quit{width:100%;background:#fff;border:1px solid #e4e3e3;}
#join_wrap .tbl_quit th{border-bottom:1px solid #e4e3e3;padding:12px 0;text-align:left;padding-left:25px;height:25px;}
#join_wrap .tbl_quit td{border-bottom:1px solid #e4e3e3;border-left:1px solid #e4e3e3;padding:12px 0 12px 20px;}

#join_wrap -button {cursor: pointer;display: inline-block;font-size: 14px;font-weight: normal;line-height: 1.42857;margin-bottom: 0;padding: 6px 12px;
			text-align: center;vertical-align: middle;white-space: nowrap;}
#join_wrap .btn_agree{margin:15px 0 0 0;background:#33a8e4;padding:5px 25px;border:none;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;color:#fff;font-size:18px;font-weight:600;letter-spacing:2px}
#join_wrap .btn_mem_wrap{position:relative;text-align:center;}
#join_wrap .btn_mem_wrap .btn_join{margin:15px 0 0 0;background:#33a8e4;padding:5px 35px;border:none;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;color:#fff;font-size:18px;font-weight:600;letter-spacing:2px}
#join_wrap .btn_mem_wrap a.btn_mem_modi{display:inline-block;margin:10px 0 0 0;background:#33a8e4;padding:5px 35px;border:none;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;color:#fff;font-size:18px;font-weight:600;letter-spacing:2px}
#join_wrap .btn_mem_wrap a.quit{position:absolute;right:0;top:5px;display:inline-block;margin:10px 0 0 0;background:#999;color:#fff;font-weight:600;font-size:14px;padding:5px 35px;border:none;-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}

#join_wrap .btn-area {padding-top:20px; padding-bottom:10px;}
#join_wrap .agreement {padding-top:20px; padding-bottom:10px;}
#join_wrap .receive {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px 15px;
	border-radius:4px;
}
.receive label.checkbox-inline {
    padding-left: 0;
    padding-right: 20px;
}
#join_wrap .form-group {height:auto; padding-right: 10px;}

#join_wrap input#usrid,
#join_wrap input#name,
#join_wrap input#pwd,
#join_wrap input#pwdre,
#join_wrap input#email,
#join_wrap input#tel,
#join_wrap input#mobile,
#join_wrap input#company,
#join_wrap input#flotation,
#join_wrap input#staff,
#join_wrap input#capital,
#join_wrap input#income
{
    width: 65%;
}
#join_wrap span.annotation {
	font-weight:normal;
	font-size: 12px;
	color: #1481bf;
	padding-left:5px;
}
#join_wrap span.annotation.mem-alert {
	color: #ff3333;
}

#join_wrap span.required {
	font-size: 12px;
	color: #ff3300;
	padding-left:5px;
}
#join_wrap .form-inline.zipcode {
    padding-bottom: 10px;
}
#join_wrap .form-group label {
    line-height: 14px;
}

#join_wrap .regForm {
    min-height: 740px;
}
@media (max-width:767px) {
	#join_wrap{padding:35px 0 40px 0;}
	#join_wrap input#usrid,
	#join_wrap input#name,
	#join_wrap input#pwd,
	#join_wrap input#pwdre,
	#join_wrap input#email,
	#join_wrap input#tel,
	#join_wrap input#mobile,
	#join_wrap input#company
	{
		width: 100%;
	}

}
#join_wrap .btn-fin {
    padding: 10px 60px;
    font-weight: 700;
    font-size: 24px;
}
.mem_quit {
    border-top: 1px solid #ccc;
	margin-top:50px;
}
.term_wrap{padding:15px 30px;border-top:2px solid #004b87;background:#f5f5f5;}
.term_box{height:230px; border:1px solid #e5e5e5; padding:12px 15px 10px; line-height:1.7; color:#444; background:#fff; overflow-y:auto;}
.term_box h3 {font-size:16px;}
.term_box h4 {font-size:14px;}
.join_find_result{width:100%;border:1px solid #e4e3e3;padding:60px 0;background:#fff url("../images/bg_find_idpw.gif") no-repeat 50px 65px;}
.join_find_result .find_cont{padding-left:250px;font-size:14px;}
.join_find_result .find_cont_pw{padding-left:300px;padding-top:30px;font-size:18px;height:100px;}
.join_find_result .find_cont_pw span{color:#d13d52;}
.join_find_result .find_cont .find_text{font-size:18px;font-weight:600;color:#333;padding-bottom:20px;}
.join_find_result .find_cont .find_desc{padding-top:20px;}
.join_find_result .find_cont a.link_login{display:inline-block;margin:10px 20px 0 0;background:#eb5635;color:#fff;font-weight:600;font-size:14px;padding:5px 35px;border:none;-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}
.join_find_result .find_cont a.link_pw{display:inline-block;margin:10px 0 0 0;background:#999;color:#fff;font-weight:600;font-size:14px;padding:5px 35px;border:none;-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}

    
    
    
 /*회원가입 2020-12*/ 
.login-wrap {
    width: 500px;
    margin: 20px auto;
    padding: 10px 50px 30px 50px;
    background-color: #ffffff;
    border: 1px solid #ddd;
}
    
.login-wrap .copyright {text-align: center; font-size: 12px; margin-top: 20px;}
    
.login-wrap h1 {text-align: center; margin-bottom: 0}

.form-signin {
    max-width: 480px;
    padding: 0 0 0 0;
}

.form-signin label {
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 0;
}
    
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.form-signin label.pt-2 {padding-top: .5rem!important;}
.form-signin label.pt-2 .pl-1 {padding-left: .25!important; }

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 15px;
    border-radius: 0;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin .form-control {
    border: 1px solid #9e9e9e
}
    
.form-signin .form-control.mb-2 {
    margin-bottom: .5rem!important;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-signin a.text-dark {
    font-size: 14px
}

.btn.btn-lobin {
    margin-top: 15px;
    border-radius: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 52px;
    background-color: #b2882c;
    color: #ffffff
}

.btn.btn-lobin:hover {background-color:#231f20;color: #ffffff !important}

.agreement-wrap p.pb-1 {padding-top: 25px; padding-bottom: .25rem !important; margin-bottom: 0; font-size: 16px; font-weight: bold}
    
.agreement-box {background-color: #f7f6f5; padding: 10px 30px}
.agreement-box span {display: inline-block; margin-left: 10px; font-size: 13px; color:#777777}

.agreement-box label {padding-top: 8px; padding-left: 8px;}

.agreement-box button {float: right; font-size: 13px; border: 1px solid #ccc; padding-top: 3px; padding-bottom: 3px; margin-top: 1px; margin-bottom: 1px;}
.agreement-box button.btn-light {color: #212529; background-color: #f8f9fa;}
.agreement-box button:hover {background-color: #231f20; color: #ffffff}

.modal.layer-popup {top: 35%}
.modal.layer-popup .modal-body {padding: 3rem 2rem}   
    
    .join-comp p {text-align: center; font-size: 15px; padding-top: 16px; letter-spacing: -0.3px;}
    .join-comp p:first-child {padding-top: 100px; font-size: 60px; font-weight: 100}
    .join-comp p strong {font-size: 17px; padding-top: 10px}
    .join-comp p strong span {color:#1076be}
    .join-comp a {margin-top: 70px; margin-bottom: 130px}
    
    .login-inner .modal {width: 100%; height: 100%}
    .login-inner .modal .modal-dialog {transform: none; max-width: 500px; margin: 1.75rem auto}
    .login-inner .modal .modal-dialog .modal-content {height: auto}
    .login-inner .modal .modal-dialog .modal-title {padding-top: 15px; font-size: 22px; border-bottom: none}
    .login-inner .modal .modal-dialog .modal-header .close {padding: 1rem; margin: -1rem -1rem -1rem auto; font-size: 3.5rem; margin-top: -55px;}
    .modal-dialog-scrollable {display: flex; max-height: calc(100% - 3.5rem);}
    .modal-dialog-scrollable .modal-body {position: relative;    -ms-flex: 1 1 auto;     flex: 1 1 auto; padding: 1rem; overflow-y: auto; height: 600px; width: 100%}
    
    @media (max-width: 575px) {
        .login-inner .modal .modal-dialog .modal-title {padding-top: 10px; font-size: 17px; }
        .login-inner .modal .modal-dialog .modal-header {padding: 8px}
        .login-inner .modal .modal-dialog .modal-header .close {padding: 1rem; margin: -1rem -1rem -1rem auto; font-size: 3.5rem; margin-top: -55px;}
        .modal-dialog-scrollable .modal-body {height: 400px; font-size: 13px; line-height: 1.5}
        .modal-dialog-scrollable .modal-body h3 {font-size: 18px !important}    
    
   }
    
    

 /*회원가입 아이디찾기 2020-12*/ 
    .mem-wrap .mem-title.black { margin-bottom: 25px; font-size: 34px; font-weight: 600; color: #333333; border-bottom: 1px solid #333333; background-color: #ffffff}
    .mem-wrap .mem-title.black span {display: block; font-size: 14px; line-height: 3.5}
    .mem-wrap .find-id-inner .form-cell {padding-left: 0}
    .mem-wrap .find-id-inner .form-cell .cert-num {margin-left: 70px; }
    .mem-wrap .find-id-inner .form-cell > div {position: relative} 
    .mem-wrap .find-id-inner .form-cell > div:nth-child(2) {margin-top: 10px;} 
    .mem-wrap .find-id-inner .form-cell > div > button {position: absolute; right: -54px; top: 0; border: 1px solid #001746; width: 116px; height: 50px; font-size: 15px; font-weight: 700}
    .mem-wrap .find-id-inner .form-cell > div > button.btn-cert-num {background-color: #ffffff; color: #001746}
    .mem-wrap .find-id-inner .form-cell > div > button.btn-cert {background-color: #001746; color: #ffffff}
    .find-id-inner {padding-bottom: 50px}
    .find-id-inner .find-id-txt {padding-top: 140px; padding-bottom: 20px; background: url('../images/ic_find_id.png')  no-repeat center 45px; font-size: 18px; letter-spacing: -1px;}
    .find-id-inner .find-id-txt span {display: block; padding-top: 15px; text-align: center; font-size: 21px; font-weight: 600; color: #1076be}
    .find-id-inner .form-control {display: inline-block; padding-top: 10px; width: 68%; border-radius: 0; height: 50px; line-height: 48px; box-shadow:none;}
    .find-id-inner label {margin-right: 10px;}
    .find-id-inner button.btn-fin {padding-left: 90px; padding-right: 90px; border-color:#b2882c; background-color: #b2882c; color: #ffffff; font-size: 20px; font-weight: 500; border-radius: 0}
    
 /*웨비나 신청 전 추가정보 입력  2020-12*/
.regist-info .mb-2 {margin-bottom: 5px}
.regist-info .mb-3 {margin-bottom: 10px}
.regist-info .form-control, .regist-info select {border-radius: 0}
.regist-info .form-control {display: inline-block; width: 80%}
.regist-info input[type="text"].form-control {width: 50%}
.regist-info select.form-control {width: 50%; height: 34px}
    .regist-info .mem-info {padding-top: 70px;}
    .regist-info .mem-info a {width: 280px; text-align: center; margin-top: 12px; margin-bottom: 50px;line-height: 38px; background-color: #ffffff; color: #001746; font-size: 16px; font-weight: 500; border: 1px solid #001746}
    .regist-info .mem-info a:hover {background-color: #f0f3f8}
.form-area label {width: 15%;font-weight: 500; padding-bottom: 7px; text-align: center}
.form-area .input-group {display: inline-flex; width: 40%}
.form-area .input-group-block {display: block; padding-left: 15%; margin-bottom: 5px; width: 70%;}
.form-area .input-group-block .form-control {display: inline-block; width: 54%; vertical-align: top; margin-left: 5px}
.form-area .input-group-table {display: inline-table; width: 70%}
.form-area .input-group-table.receive {padding-left: 20px}
.form-area .input-group-table.receive .desc {padding-left: 10px; font-size: 12px}
.form-area .input-group button {font-size: 14px; padding-left: 30px; padding-right: 30px}
.btn-secondary {color: #fff;background-color: #6c757d;border-color: #6c757d;}
.add-comm p {font-size: 0.875rem; line-height: 1.5; color: #444444}
    
.postzip h6 {display: inline; font-size: 12px; padding-bottom: 7px; padding-left: 16px}  
.postzip > div {padding-left: 126px;}
.postzip > div:first-of-type {padding-left: 56px;}
    
    .btn.btn-regist {width: 280px; line-height:40px; background-color: #001746; color: #ffffff; font-size: 16px;} 
    .btn.btn-regist:hover{background-color: #2a4a89} 
    

    
    @media screen and (max-width: 767px) {
        
        .login-wrap {width: 96%; margin: 10px auto; padding-left: 20px; padding-right: 20px;}
        .login-wrap h1 img {width: 110px;}
        .form-signin label {font-size: 13px;}
        .form-signin .form-control {font-size: 13px;}
        .agreement-wrap p.pb-1 {font-size: 14px;}
        .agreement-box {padding-left: 5px; padding-right: 5px}
        
        .join-comp p:first-child {padding-top: 40px; font-size: 40px;}
        .join-comp a {margin-top: 20px; margin-bottom: 20px;}
        
        .mem-wrap .mem-title.black {font-size: 24px;}
        .mem-wrap .mem-title.black span {font-size: 13px; letter-spacing: -1px}
        .form-area label {width: 17%; font-size: 12px; letter-spacing: -1px}
        .regist-info input[type="text"].form-control {width: 80%}
        .regist-info select.form-control {width: 80%}
        .form-area .postzip .input-group {width: 98%}
        .regist-info .postzip input[type="text"].form-control {width: 98%}
        .postzip > div {padding-left: 10px;}
        .postzip > div:first-of-type {padding-left: 10px}
        .form-area .input-group-table.receive {width: 80%}
        .form-area .input-group-table.receive label {width: 46%; padding-right: 0}
        .form-area .input-group-table.receive .desc {letter-spacing: -1px; padding-left: 0}
    }    
    

    


/*멤버 팝업 헤더*/
#member_wrap{width:100%;}
#member_header{width:100%;height:46px;background:#00a3e0;}


#microSiteRecent .nav-tabs > li.active > a,
#microSiteRecent .nav-tabs > li.active > a:hover,
#microSiteRecent .nav-tabs > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	background-image:none;
	border-left: 0px;
	border-right: 0px;
	border-top:0px;
	font-weight:300;
	border-radius: 25px;
}


#microSiteRecent .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0;
	border-radius: 25px;
}

#microSiteRecent .nav-tabs {
    border-bottom: 0px;
}

#microSiteRecent .nav > li > a {
    padding: 5px 15px;
    background-color: #e7e7e7;
}

/* 2017-02-23 */

/************seminar************/
.seminar_list{border:1px solid #d2d2d2;margin-bottom:20px;position:relative;}
.seminar_list:hover{border:1px solid #3498db;}
.seminar_list .seminar_info{padding:25px 0 25px 20px;}
.seminar_list .seminar_info a{text-decoration:none;}
.seminar_no{font-size:20px;color:#0099da;line-height:1.3;}
.seminar_title{font-size:18px;color:#ee640f;font-weight:bold;line-height:1;padding-bottom:15px;}
.seminar_date, .seminar_place{font-size:16px;line-height:1;letter-spacing:1px;}
.seminar_list .seminar_desc{width:80%;margin-top:25px;margin-bottom:0;line-height:1.7;}
.seminar_date span, .seminar_place span{margin-right:10px;font-weight:bold;font-size:16px;}
.seminar_list .state{position:absolute;top:0;right:0;background:#3498db;height:100%;text-align:center;}
.seminar_list .state p{color:#fff;padding-top:0;position:absolute;top:44%;left:50%;}
.seminar_list .state p span{display:block;width:90px;border:1px solid #fff;padding:5px 0;font-size:16px;margin-left:-45px;}
/*예정추가*/
.seminar_list .standby{position:absolute;top:0;right:0;background:#32b3c9;height:100%;text-align:center;}
.seminar_list .standby p{color:#fff;padding-top:0;position:absolute;top:44%;left:50%;}
.seminar_list .standby p span{display:block;width:90px;border:1px solid #fff;padding:5px 0;font-size:16px;margin-left:-45px;}
/*당첨자추가*/
.seminar_list .seminar_winner { margin: 10px 0 0 0; }
.seminar_list .seminar_winner .seminar_winner_title { padding: 5px 11px 5px 30px; background:#de3838 url(../images/eventpage_btn_preicon.png)no-repeat 9px; color:#ffffff; font-weight:600; font-size:15px; border-radius: 3px; margin-right:10px; }

    
    #e4ds-edu .thumb-box {position: relative; margin-bottom: 50px}
    #e4ds-edu .thumb-box .Dday{position: absolute; right: 0; bottom: 0; display: inline-block; width: 74px; height: 30px; text-align: center; color: #ffffff; background-color: #f6212b; font-size: 17px; line-height: 28px}




/* e4ds edu */
#e4ds-edu { position:relative; overflow:hidden;  }
#e4ds-edu .pd15 { padding: 0 10px; }
#e4ds-edu .edu-box { position:relative; overflow:hidden; padding: 20px 20px 10px 20px; margin: 0 0px 20px 0; border:1px solid #d3cccc;  box-sizing: border-box;  }
#e4ds-edu .edu-box:hover { border:1px solid #db0039; }
#e4ds-edu .edu-box a.img { display:block; }
#e4ds-edu .edu-box .tit { display:block; margin: 10px 0; font-size: 15px;  font-weight:bold; letter-spacing:-1px; color: #000000;  overflow: hidden; height: 45px; white-space: normal; line-height: 1.7;  text-align: left;  word-wrap: break-word;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
#e4ds-edu .edu-box .date { text-align:left; font-size: 13px; min-height: 21px; }
#e4ds-edu .edu-box .seat { text-align:right; font-size: 13px; }
#e4ds-edu .edu-box .seat strong { font-weight:bold; color:#db0039; font-size: 15px;  }
#e4ds-edu .edu-box .Dday { position: absolute; right: 0;  top: 0;  font-size: 16px;  color: #ffffff;  display: inline-block; background-color: #db0039;  padding: 3px 8px; font-weight: bold; opacity: 0.8; }
#e4ds-edu .edu-customer { margin: 0 0px 15px 0; display:block; width:100%; min-height: 395px; background:url(../images/edu_customer_01.jpg) no-repeat center top;  background-size:cover;  text-indent:-99999px; border:1px solid #d3cccc; box-sizing: border-box; }
#e4ds-edu .bg { background-color:#243089; }
#e4ds-edu .white { color:#ffffff !important; }
#e4ds-edu .font15 { font-size:15px !important; }

#e4ds-edu .edu-box .big-title { position:absolute; left:35px; top:40px;  width:78%; font-size:30px; font-weight:bold; letter-spacing:-1px; word-break: keep-all; color:#ffffff; white-space: normal;  display: -webkit-box;  -webkit-line-clamp: 6;  -webkit-box-orient: vertical; overflow: hidden;  height: 250px;}
    
    
    


@media (max-width:560px) {
	#e4ds-edu .edu-box .big-title { font-size:40px; left:50px; top:70px;  height: 450px; }
}

@media (max-width:991px) {

.seminar_list .seminar_info{padding:25px 0 80px 20px;}
.seminar_date, .seminar_place{font-size:14px;}
.seminar_date span, .seminar_place span{margin-right:4px;font-size:14px;}
.seminar_list .seminar_desc{width:98%;margin-top:15px;margin-bottom:0;line-height:1.6;font-size:13px;}
.seminar_list .seminar_desc:after{content:"";clear:both;display:block;}

.seminar_list .state{position:absolute;top:auto;right:auto;left:0;bottom:0;background:#3498db;height:50px;width:100%;text-align:center;}
.seminar_list .state p{color:#fff;padding-top:0;position:absolute;top:18%;left:50%;}
.seminar_list .state p span{display:block;width:90px;border:none;padding:5px 0;font-size:16px;margin-left:-45px;}


.seminar_list .standby{position:absolute;top:auto;right:auto;left:0;bottom:0;background:#32b3c9;height:50px;width:100%;text-align:center;}
.seminar_list .standby p{color:#fff;padding-top:0;position:absolute;top:18%;left:50%;}
.seminar_list .standby p span{display:block;width:90px;border:none;padding:5px 0;font-size:16px;margin-left:-45px;}



.event_list_page .seminar_list .state_end{position:absolute;top:auto;right:auto;left:0;bottom:0;background:#bbbbbb;height:50px;width:100%;text-align:center;}
.event_list_page .seminar_list .state_end p{color:#fff;padding-top:0;position:absolute;top:18%;left:40%;}
.event_list_page .seminar_list .state_end p span{display:block;width:190px;border:none;padding:5px 0;font-size:16px;margin-left:-45px;}
.event_list_page .seminar_list .state_end p span br { display:none; }

.event_list_page .eventpage_leftimg_box { padding: 2% 0 0 0; }

}



.seminar_tab{ margin:30px 0 40px 0;}
.seminar_tab ul{ margin:0 0 0 1px;padding:0;}
.seminar_tab ul:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.seminar_tab li{ position:relative; float:left; width:25%; overflow:hidden;  z-index:1;  margin:0 -1px;}
.seminar_tab li a{ display:block; height:60px; line-height:60px; font-size:15px; color:#353535; font-weight:700; text-align:center; background-color:#fff; border:#ccc 1px solid;}
.seminar_tab li.on{ z-index:2;}
.seminar_tab li.on a{ background-color:#0099da; border:#0099da 1px solid;color:#fff;}

@media (max-width:767px) {

.seminar_tab{ margin:30px 0 10px 0;}
.seminar_tab li a{ display:block; height:50px;line-height:50px; font-size:13px;}
/* .seminar_tab li:last-child a{line-height:1.3; padding-top:7px;} */

}



.seminar_introduce{ margin-top:20px;}
.seminar_introduce .title{padding-bottom:15px;color:#0091ce;font-size:16px;font-weight:600;}
.seminar_introduce .seminar_desc{font-size:1.2em;line-height:1.8;}
.seminar_introduce .seminar_desc hr{width:100%;max-width: 100%}

.outline{padding-top:30px;}
.outline .title{font-size:26px;padding-bottom:6px;font-weight:bold;}
.outline dl{display:table;}
.outline dl dt{float:left;width:16%;padding-bottom:10px;}
.outline dl dd{display:block;float:right;width:84%;padding-bottom:10px;line-height:1.4;min-height:30px}

.speaker_title{margin-top:30px;margin-bottom:20px;}
.speaker_title div{text-align:center;padding:1%;font-weight:bold;border-bottom:1px solid #444;border-top:2px solid #444;}
/*.speaker_title div.agenda{border-bottom:1px solid #ee640f;border-top:2px solid #ee640f;color:#ee640f;}*/
.agenda_title{color:#045ea4;font-size:16px;font-weight:600;}

.speaker_list{padding-bottom:20px;border-bottom:1px dotted #ccc;margin-bottom:20px;}
.speaker_list .col-sm-2 img{width:84%;}
.imageborder {padding:6px; border: solid 1px #ddd; background:#fff;}
.speaker_list .col-sm-5{font-weight:bold;font-size:16px;line-height:1.3;}
.speaker_list .col-sm-5.speaker{padding-right:3%;}
.speaker_list .col-sm-5.speaker span{display:inline-block;padding-left:0;font-size:16px;font-weight:bold;}
.speaker_list .col-sm-5.speaker span.belong{margin-left:10px;color:#666;font-weight:600;}
.speaker_list .col-sm-5.speaker p{color:#666;margin:15px 0 0 0;line-height:1.7;font-weight:normal;}
.speaker_list .col-sm-5 p.agenda_desc{color:#666;margin:15px 0 0 0;line-height:1.7;font-weight:normal;}
.speaker_list .col-sm-5 span{display:block;padding-left:20px;font-size:13px;line-height:1.8;font-weight:normal;color:#333;}
.speaker_list .col-sm-5 span:first-child{margin-top:14px;}
.speaker_list:after{content:"";clear:both;display:block;}
.speaker_list div.news ul{margin-left:0px;}
.speaker_list div.news ul li{padding-bottom:5px; line-height:1.4em;     list-style-type: disc;
}

    .gift_banner {padding-bottom: 10px}


@media (max-width:767px) {

.seminar_introduce .title{padding-top:10px;padding-bottom:5px;color:#0091ce;font-size:16px;font-weight:600;}

.speaker_list{min-height:220px !important;padding-bottom:20px;border-bottom:1px dotted #ccc;margin-bottom:20px;}
.speaker_list .col-xs-12{padding-left:25%;margin-top:30px}
.imageborder {padding:0; border: solid 1px #ddd; background:#fff;}

}

.seminar_banner{margin-top:30px;}
.seminar_banner img{width:100%;}



/*********map*********/
@media (min-width: 769px) {

.address_style{margin-top:20px;padding-bottom:70px;}
.address_style address{background:url('../images/icon_building.png') 0 0 no-repeat;padding-left:25px;}
.address_style strong.subway{background:url('../images/icon_subway.png') 0 0 no-repeat;padding-left:25px;padding-bottom:5px;}
.address_style strong.bus{background:url('../images/icon_bus.png') 0 0 no-repeat;padding-left:25px;padding-bottom:3px;}
.address_style span{display:block;}
.address_style span.pl55{padding-left:80px;}
.address_style span.pl55.pt10{padding-top:7px}

.map_size{width:720px;height:400px;}

}

@media (max-width: 768px) {

.address_style{margin-top:20px;font-size:13px;}
.address_style address{background:url('../images/icon_building.png') 0 0 no-repeat;padding-left:25px;}
.address_style strong.subway{background:url('../images/icon_subway.png') 0 0 no-repeat;padding-left:25px;padding-bottom:5px;}
.address_style strong.bus{background:url('../images/icon_bus.png') 0 0 no-repeat;padding-left:25px;padding-bottom:3px;}
.address_style span{display:block;}
.address_style span.pl55{padding-left:70px;}
.address_style span.pl55.pt10{padding-top:7px}

.map_size{width:100%;height:300px;border:1px solid red;}

}


/*********seminar_type*********/
@media (min-width: 768px) {

.member_type{margin-top:70px;}
.member_type div a{display:block;border:10px solid #f2f2f2;padding:5% 0 5% 45%;height:220px;line-height:5;font-size:30px;font-weight:600;letter-spacing:2px;}
.member_type .member{border:1px solid #fbad7d;width:48%;}
.member_type .member a{background:#fff url('../images/icon_member.gif');background-repeat:no-repeat;background-position:19% 50%;}
.member a:hover{display:block;border:10px solid #ffede2;text-decoration:none;}
.member_type .nonmember{border:1px solid #a2c543;width:48%;margin-left:3%;}
.member_type .nonmember a{background:#fff url('../images/icon_nonmember.gif');background-repeat:no-repeat;background-position:19% 50%;}
.member_type .nonmember a:hover{display:block;border:10px solid #ecf4d3;text-decoration:none;}

}

@media (max-width: 767px) {

.member_type{margin:20px 0 30px 0;}
.member_type:after{display:block;clear:both;content:""}
.member_type div a{display:block;border:6px solid #f2f2f2;padding:5% 0 5% 35%;height:110px;line-height:5;font-size:17px;font-weight:600;letter-spacing:0;}
.member_type .member{border:1px solid #fbad7d;width:48%;}
.member_type .member a{background:#fff url('../images/icon_member.gif');background-repeat:no-repeat;background-position:11% 50%;background-size:32px;}
.member_type .member a:hover{display:block;border:6px solid #ffede2;text-decoration:none;}
.member_type .nonmember{border:1px solid #a2c543;width:48%;margin-left:3.6%;}
.member_type .nonmember a{background:#fff url('../images/icon_nonmember.gif');background-repeat:no-repeat;background-position:11% 50%;background-size:32px;}
.member_type .nonmember a:hover{display:block;border:6px solid #ecf4d3;text-decoration:none;}

}



/*********seminar_search*********/

.seminar_search_mem{border:1px solid #fbad7d;}
.seminar_search_nonmem{border:1px solid #a2c543;margin-left:3%;}
.seminar_search_mem > div, .seminar_search_nonmem > div{width:100%;border:6px solid #f2f2f2;background:#fff;padding:50px 0 50px 40px;position:relative;}
.seminar_search_mem > div button, .seminar_search_nonmem > div .confirm{position:absolute;right:15px;top:57px;}
.seminar_search_mem > div button{border:none;background:#f1803a;color:#fff;font-size:18px;text-align:center;width:100px;height:71px;}
.seminar_search_nonmem > div .confirm {border:none;background:#7fae01;color:#fff;font-size:18px;text-align:center;width:100px;height:71px;}
.seminar_search_mem label, .seminar_search_nonmem label{display:inline-block;width:20%;font-size:13px;}
.search_inputbox{border:1px solid #c1c1c1;height:32px;line-height:32px;padding-left:5px;width:40%;}

.search .mem_login{width:48%;}
.search .guest_login{width:48%;margin-left:3%;}
.search .text_login{font-size:26px;font-weight:bold;margin-bottom:20px;}
.search .text_login span.mem{color:#f05e02;}
.search .text_login span.nonmem{color:#88b904;margin-left:3%;}
.search .id, .search .pw{margin:7px 0;}


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

.seminar_search_mem > div, .seminar_search_nonmem > div{width:100%;border:6px solid #f2f2f2;background:#fff;padding:40px 0 90px 50px;position:relative;}
.seminar_search_mem > div button, .seminar_search_nonmem > div .confirm{position:absolute;right:auto;left:50%;top:147px;margin-left:-105px;}
.search_inputbox{border:1px solid #c1c1c1;height:32px;line-height:32px;padding-left:5px;width:60%;}
.seminar_search_mem > div button{font-size:16px;width:210px;height:40px;}
.seminar_search_nonmem > div .confirm {font-size:16px;width:210px;height:40px;}
.seminar_search_mem label, .seminar_search_nonmem label{display:inline-block;width:50px;font-size:13px;}

.search .mem_login{width:49%;}
.search .guest_login{width:49%;margin-left:1%;}
.search .text_login span.nonmem{color:#88b904;margin-left:13%;}

}


@media (max-width: 767px) {

.seminar_search_nonmem{margin-left:0;margin-bottom:35px;}

.seminar_search_mem > div, .seminar_search_nonmem > div{width:100%;border:6px solid #f2f2f2;background:#fff;padding:40px 0 90px 30px;position:relative;}
.seminar_search_mem > div button, .seminar_search_nonmem > div .confirm{position:absolute;right:auto;left:50%;top:147px;margin-left:-125px;}
.search_inputbox{border:1px solid #c1c1c1;height:32px;line-height:32px;padding-left:5px;width:70%;}
.seminar_search_mem > div button{font-size:16px;width:250px;height:40px;}
.seminar_search_nonmem > div .confirm {font-size:16px;width:250px;height:40px;}
.seminar_search_mem label, .seminar_search_nonmem label{display:inline-block;width:50px;font-size:13px;}

.search .text_login{font-size:20px;font-weight:bold;margin-bottom:5px;margin-top:10px;}
.search .text_login span.nonmem{margin-left:0;}
.search .mem_login{width:100%}
.search .guest_login{width:100%;margin-left:0;}
.search .guest_login .text_login{margin-top:25px;}

}



/*********seminar_order*********/

h2.blue{font-size: 20px;border-bottom:1px solid #b4b4b4;padding-bottom: 8px;margin-bottom: 20px;font-size: 22px;color: #337ab7;font-weight:600;background-color: transparent;}

.table-result{border: 1px solid #cfcfcf;}
.table-result th{width:20%;border: 1px solid #cfcfcf;background-color: #dcecf9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf5fc), to(#dcecf9));
  background-image: -webkit-linear-gradient(top, #ebf5fc, #dcecf9);
  background-image: -moz-linear-gradient(top, #ebf5fc, #dcecf9);
  background-image: -ms-linear-gradient(top, #ebf5fc, #dcecf9);
  background-image: -o-linear-gradient(top, #ebf5fc, #dcecf9);
  background-image: linear-gradient(to bottom, #ebf5fc, #dcecf9);padding-left:20px !important;}

.table-result tbody tr th, .table-result tbody tr td{border-top:1px solid #ccc;}
.table-result tbody tr td{width:80%;background:#fff;padding-left:20px !important;}


/* 3D Buttons */
.btn.btn-primary.btn-3d{border-radius:4px;padding-right:25px;padding-left:25px;margin-right:10px;margin-left:10px;}
.btn-3d {
	border-bottom: 3px solid rgba(0,0,0,.15);
}
	.btn-3d:hover {
	  opacity: 0.9;
	  filter: alpha(opacity=90);
	}
	.btn-3d.btn-link {
		border-bottom:0;
	}


.btn-3d {
	line-height:25px;
	margin-bottom:3px;
}

.btnset a.home{display:inline-block;border-radius:4px;padding-right:25px;padding-left:25px;margin-right:10px;margin-left:10px;}



/* table_seminar */
.table_seminar{background:#fff;}

.table-bordered {
  border: 1px solid #b3b3b3;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #b3b3b3;
}

hr {
  display: block;
  border-top: 1px solid #9a9b9b;
  margin: 25px 0;
}
hr.dotted {
  max-width:100%;
  border-style: dotted !important;
}

.seminar_reg_title{margin-bottom:12px;}
.seminar_reg_title .mem{color:#f05e02;}
.seminar_reg_title .nonmem{color:#88b904;}
.btn_reg {margin-bottom:20px;}
.btn_reg span.comment{display:inline-block;margin:30px 0 50px 0;color:#e74c3c;font-size:16px;background:url('../images/arrow_red.png') right 50% no-repeat;padding-right:25px;}


.table-seminar tbody{background:#fff;}
.table-seminar tbody th{color:#0099da;padding-left:20px !important;}
.table-info{width:100%;}
.table-info td{padding: 10px 10px 10px 20px; 
    line-height: 1.42857143;
    vertical-align: top;}
.table-info tbody th{background:#777;color:#fff;border:1px solid #999;border-bottom:1px solid #ccc;padding-left:20px;min-width:100px}
.table-info tbody th:last-child{border-bottom:none}
.table-info tbody td{background:#fff;color:#333;border:1px solid #b3b3b3;}
.table-info tbody td.name{color:#ee640f;font-size:18px;font-weight:600;}
.table-info tbody td span.member{color:#f05e02;font-weight:600;}
.table-info tbody td span.nonmember{color:#699000;display:inline-block;font-weight:600; padding-left:20px;}
.table-info tbody td .dc-desc{margin-top:10px; color:#0066ff}
.table-info tbody td.gift{padding-right:0;padding-bottom:0;padding-top:18px;}

/* .gift > div{height:160px;} */
.gift > div > div > img{text-align:center;height:90px;margin-bottom:5px;padding-left:5px;padding-right:5px;}
.gift > div > div > p{font-size:11px;line-height:1.5;padding-left:5px;padding-right:5px;color:#555;}
.gift > div > div > p strong{color:#000;}
.table-info tbody td.gift_sponsor{padding-top:20px;padding-bottom:20px;}
.gift_sponsor span img{margin-left:10px;height:30px;}

.table-inquiry{margin:30px 0;width:100%;}
.table-inquiry thead th{border:1px solid #95a5a6;padding:11px 10px;text-align:center;background:#95a5a6;color:#fff;}
.table-inquiry tbody td{border:1px solid #95a5a6;padding:28px 10px;text-align:center;background:#fff;}


@media screen and (min-width:768px) and (max-width:1299px) {

.gift_sponsor span{display:inline-block;float:left;padding:7px 0;}

#main_news .rsnav a.news-plus {right: 10px; }


}


@media (max-width:767px) {

.table-info{font-size:13px;}
.table-info tbody th{background:#777;color:#fff;border:1px solid #999;border-bottom:1px solid #ccc;padding-left:5px;font-size:12px;min-width:60px}
.table-info td{padding: 10px 10px 10px 10px;}
.table-info tbody td.name{color:#ee640f;font-size:14px;font-weight:600;}


.gift > div{height:160px;}
.gift > div > div > p{font-size:11px;line-height:1.4;padding-right:0;}
.table-info tbody td.gift_sponsor{padding-left:0;padding-right:0;}
.gift_sponsor span{display:inline-block;float:left;padding:7px 0;}
.gift_sponsor span img{margin-right:10px;height:26px;}

}


/* 2015-11-17 */
.livedesc {padding-top:15px;}
.livedesc p{font-size:1.1em;}


/* 2017-02-22 */
div.hiddenForm  div.party div.form-group {margin:0;}

/* iiot 2017 */
#youtube-area {background-color:black;}
div.gift_item {float:left; padding:0 15px 5px 15px; width:130px;text-align:center;} 
div.gift_item p{ text-align:center;} 
@media (min-width:767px) {
	.youtube-list {
		padding-left: 10px;
		overflow-y: scroll;
		height: 306px;
	}
}

/*
sub_view.asp
*/

/* COMMENT */	
.comment3 { margin:45px 0 35px 0; border:1px solid #CCC; border-top:4px solid #0099CC; padding:15px; }	
.comment_write3{background:#f7f7f7;border-top:3px solid #cccccc;border-bottom:1px solid #ccc;padding:19px 0 19px 3px;}
.comment_write3 .id{color:#0099cc;float:left; word-break:break-all;line-height:150%;font-weight:bold; padding:5px 5px 0 0;}
.btn_comment3{width:78px;height:37px;background:#74797b;color:#fff;line-height:37px;text-align:center;margin:0;border:none;}
.comment_list3 { background:#FFF; margin:0 0 20px 0; }
.taComment3 { /*width:547px;*/ height:50px margin-bottom:8px; border:1px solid #c5c5c5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:10px 5px !important; }
.coment_button3 { float:right;}
.comment_total3	{ font-weight:bold; border-bottom:3px solid #CCC;padding:10px;color:#000;}
.comment_list3 dd { margin:0; padding:5px 10px 0px 10px; }
.comment_list3 .nb_blue {color:#0099cc;}
.comment_list3 .nb_blue span.cmt-date {color:#999999;}
.comment_list3 .nb_blue span{color:#999; font-size:0.8em;}
.comment_list3 .dd_line { padding-bottom:10px; padding-top:7px; border-bottom:1px solid #ccc; color:#666; }
.comment_list3 .all{ padding-left: 10px; font-weight:bold;background:url('/images/arrow_comment.gif') left 4px no-repeat;    padding-bottom: 10px;
    margin-left: 10px;}
.comment_list3 .all span{color:#da4a3f;}
.comment_list3 dd.hidement {display:none;}


/* 댓글부분 클래스 변경 */
#wbn-reply .recomm { margin:5px 0 35px 0; border:1px solid #CCC; border-top:2px solid #0099CC; padding: 0px 15px; }	
#wbn-reply .reply {background:#f7f7f7;border:0px; border-bottom:1px solid #ccc; padding:0px 0 5px 3px;}
#wbn-reply .reply .id {color:#0099cc; word-break:break-all;line-height:150%;font-weight:bold; padding:5px 5px 0 0;}
#wbn-reply .list { background:#FFF; margin:0 0 20px 0; }
#wbn-reply .total	{ font-weight:bold; border-bottom:3px solid #CCC;padding:10px;color:#000; }
#wbn-reply .total dd { margin:0; padding:5px 10px 0px 10px; }
#wbn-reply .list .mem-id {color:#0099cc; padding: 10px 0 0 30px;}
#wbn-reply .list .mem-id span.cmt-date {color:#999999;}
#wbn-reply .list .mem-id span{color:#999; font-size:0.8em;}
#wbn-reply .list .mem-reply {padding:5px 0 0 0;    color: #040440 ;}
#wbn-reply .list .mem-text {  font-size:0.9em; letter-spacing:-1px; padding-bottom:10px; padding-top:0px; padding-left: 30px; border-bottom:1px solid #ccc; color:#666; }
#wbn-reply .list .all { padding-left: 10px; font-weight:bold;background:url('/images/arrow_comment.gif') left 4px no-repeat;    padding-bottom: 10px; margin-left: 10px;}
#wbn-reply .list .all span{color:#da4a3f;}
#wbn-reply .list dd.hidement {display:none;}


    
 /* 2021년 2월~ 배너광고 */ 
    .ad-top .ad-cont {overflow: hidden; margin-bottom: 23px}
    .ad-top .ad-thumb a {display: block}
    .ad-top .ad-thumb img {width: 200px}
    .ad-top .ad-desc {padding-left: 10px}
    .ad-top .ad-desc a {font-size: 13px; line-height: 1.4}
    .ad-top .ad-title a {display: block; padding-bottom: 5px; text-align: left; font-weight: bold; font-size: 18px; line-height: 1.6; letter-spacing: -2px; color: #241815; word-break: keep-all;}
    .ad-3 {overflow: hidden; margin-left: -1%; margin-right: -1%;}
    .ad-3 .col-xs-4 img {width: 200px}
    .ad-3 .ad_list img {display: block; margin: 0 auto; width: 94.2%}
    .ad-3 .ad_list .ad-heading {font-size: 15px; line-height: 140%;padding: 0 5px 2px 5px; letter-spacing: -0.5px; margin-bottom: 5px}
    
    @media (max-width:767px) {
        
        .ad-top .ad-title a {font-size: 17px}
        .ad-top .ad-cont .ad-desc {padding-left: 10px; word-break: keep-all; font-size: 13px; letter-spacing: -0.5px; }
        .ad-3 .ad_list .ad-heading {font-size: 13px;} 
        
    }
    
    


/* login box */

/* modal */
.modal-demo {
    background-color: #FFF;
    width: 700px;
	height: 500px;
    border: #000 solid 1px;
    border-radius: 10px;
    box-shadow: 0 8px 6px -6px black;
    text-align: left;
    display: none;
}
.modal-title {
    padding: 10px 20px 15px 20px;
    line-height: 18px;
    font-size: 18px;
    border-bottom: #CCC solid 1px;
}
.modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.modal-demo.modal-login {border-radius:0}
.modal-demo.modal-login div {margin-bottom:12px;}
.modal-demo.modal-login .modal-title {text-align:center;font-size:24px;font-weight:600;padding-top:15px;}
.modal-demo.modal-login label {font-size:17px;color:#000;font-weight:500;display:inline-block;width:100px;color:#000;}
.modal-demo.modal-login label.saveIdTxt {font-size:14px;font-weight:400;}
.modal-demo.modal-login input[type="checkbox"] {width:16px;height:16px;}
.modal-demo.modal-login input[type="text"], .modal-demo.modal-login input[type="password"] {border-radius:4px;border:1px solid #c0c0c0;width:230px;line-height:28px;height:28px;font-size:14px;padding-left:10px;}
.modal-tabs {margin-left:-40px;height:55px;}
.modal-tabs ul li {width:50%;float:left;}
.modal-tabs ul li a {display:block;background-color:#e7e7e7;height:55px;line-height:55px;text-align:center;font-size:20px;color:#888;}
.modal-tabs ul li.active a {background-color:#00a3e0;color:#fff;}
.member-cont, .nonmember-cont {position:relative;height:310px;padding:60px 0 0 40px;}
.member-cont button.btn_login {position:absolute;left:410px;top:60px;z-index:100;width:146px;height:82px;text-align:center;font-size:18px;background-color:#1091d0;color:#fff;border-radius:5px}
.member-cont .login_join {margin-top:55px;}
.nonmember-cont button.btn_login {position:absolute;left:410px;top:60px;z-index:100;width:146px;height:176px;text-align:center;font-size:18px;background-color:#1091d0;color:#fff;border-radius:5px}
.member-cont .find_pw .link_find, .member-cont .login_join .link_join {float:left;border-radius:5px;border:1px solid #1091d0;text-align:center;width:130px;padding:6px 20px;color:#1091d0;font-size:14px;margin-left:15px;}
.member-cont .find_pw .link_find:hover, .member-cont .login_join .link_join:hover {background-color:#1091d0;color:#fff;}
.login_join, .find_pw {height:40px;}
.login_join p, .find_pw p {width-:220px;float-:left;font-size:14px;line-height:40px;}
.nonmember-cont .agree .agreeText {width:90%;border:1px solid #ccc;padding:5px;height:80px;overflow:auto}
.nonmember-text {position:absolute;left:0;top:5px;z-index:100;text-align:center;width:600px;color:#ff6643;}

@media (max-width:767px) {
	.member-cont, .nonmember-cont {position:relative;height:210px;padding:10px 0 0 40px;}
	.member-cont button.btn_login {    left: 270px;
    top: 110px; height:auto}
}

.event > img{width:242px;height:150px;}
.event .win{border:1px solid #cccccc;padding:7px;margin-top:11px;margin-bottom:22px;}
.event .win .title{background:#3fa5c3;font-size:14px;font-weight:bold;color:#fff;height:27px;line-height:27px;padding-left:5px;}
.event .win .list{margin:4px; overflow:auto;letter-spacing:-1px}


/****************************20170327****************************/
h4.modal-login-title {text-align:center;margin-top:0;margin-bottom:0;font-size:22px;}
.modal.fade {padding-right:0 !important;}
.modal-body {padding:0;}
.nav-pills > li a {border-radius:0;text-align:center;font-size:20px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color:#00a3e0;}
.nav-pills > li + li {margin-left:0;}

@media (min-width: 768px) {
	.modal-dialog.login-member {
		width: 700px;
		margin: 30px auto;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		height:520px
	}
	.modal-body .tab-content {padding-left:40px;}
	.form-group {height:34px;margin-bottom:13px;}
	.form-group label {line-height:34px;}
}

.nav.nav-pills.mem-tab {margin-bottom:64px;}
.nav.nav-pills.mem-tab li {width:50%;}

.mem-join {margin-top:55px;}
.mem-find-pw .link_find, .mem-join .link_join {float:left;border-radius:5px;border:1px solid #1091d0;text-align:center;width:130px;padding:6px 20px;color:#1091d0;font-size:14px;margin-left:15px;}
.mem-find-pw .link_find:hover, .mem-join .link_join:hover {background-color:#1091d0;color:#fff;text-decoration:none;}
.mem-join, .find_pw {height:40px;}
.mem-join p, .mem-find-pw p {margin-bottom:0; width:220px;float:left;font-size:14px;line-height:40px;}
.agreeText {width:90%;border:1px solid #ccc;padding:5px;height:80px;overflow:auto}
.nonmember-smalltext {position:absolute;left:50%;margin-left:-160px;top:58px;z-index:100;text-align:center;width:320px;color:#ff6643;}
.modal-dialog.login-member #modal-member button.btn_login,
.modal-dialog.login-member #modal-member-current button.btn_login
{margin:0 0 0 40px;width:146px;height:82px;text-align:center;font-size:18px;background-color:#1091d0;color:#fff;border-radius:5px;border:none;}
.modal-dialog.login-member #modal-nonmember button.btn_login, 
.modal-dialog.login-member #modal-nonmember-current button.btn_login 
{margin:0 0 0 40px;width:146px;height:176px;text-align:center;font-size:18px;background-color:#1091d0;color:#fff;border-radius:5px;border:none;}

@media (max-width: 767px) {

	.modal-dialog.login-member .modal-login-title {text-align:center;margin-top:0;margin-bottom:0;font-size:18px;}

	.taComment3 {width:99%; }

	.modal-dialog.login-member {
		width:94%;
		margin:20px auto;
	}
	.modal-content  {height:540px}
	.nav.nav-pills.mem-tab {margin-bottom:60px;}
	.nav-pills > li a {display:block;height:40px;border-radius:0;text-align:center;font-size:14px;letter-spacing:-1px;line-height:40px;}
	.tab-content {padding-left:0;}
	.form-group {height:34px;margin-bottom:8px;padding-left:18px;}
    .col-xs-11 .form-group.save {padding-left: 20px}
	.mem-info-modi  .form-group { padding-left:5px; }
	.form-group label {line-height:16px;margin-bottom:2px;line-height:34px;}

	.modal-dialog.login-member button.btn_login {display:block;margin:0 auto;width:300px;height:46px;font-size:17px;}
    .modal-dialog.login-member #modal-member button.btn_login,
    .modal-dialog.login-member #modal-member-current button.btn_login {margin: 0 auto; width: 180px}

	.mem-join {margin-top:25px;margin-left:20px;}
	.mem-find-pw .link_find, .mem-join .link_join {margin-left:4px;}
	.mem-find-pw {margin-left:20px;}
	.mem-find-pw .link_find:last-child {margin-left:35px;}
    .mem-join p, .mem-find-pw p {width: 100%}

	.nonmember-smalltext {position:absolute;left:50%;margin-left:-150px;top:55px;z-index:100;text-align:center;font-size:13px;width:300px;color:#ff6643;}
	.agree {margin:15px 0 0 20px;}
	.agreeText {width:96%;border:1px solid #ccc;padding:5px;height:100px;overflow:auto}
}

#myModalLoginOnly .modal-body {
    margin-top: 30px;
}

/* scroll top */
a.top {
    position: fixed;
    bottom:20px;
    right:30px;
    width:48px;
    height:24px;
	border:1px solid #eee;
	background-color:white;
	text-align:center;
	vertical-align:middle;
}
a.top:hover, a.top:active, a.top:visited, a.top:focus{ text-decoration:none !important;}


/* kmf2017 */
.presurvey {
    padding: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	margin-bottom:50px;
}

ul.poll_list p.poll_q {
    font-size: 1.2em;
	font-weight:700;
}
ul.poll_list > li {
	padding-bottom:10px;
}
ul.poll_list ol li {
	font-size:1.1em;
}
ul.poll_list .poll_textarea {
	width:100%;
}

.webcastbnr {
    padding-top: 15px;
    border-top: 1px solid #ccc;	
}

#youtubemodal .modal-content {height:auto;
    padding: 20px;
    border-radius: 0;
}
#youtubemodal .modal-header {padding:0;}
#youtubemodal .modal-header .close {
    margin-top: -12px;
}

#ch5info .modal-body,  
#useTerm .modal-body, 
#usePersonal .modal-body 
{padding:30px; overflow-y:auto;}

#ch5info .modal-content,  
#useTerm .modal-content, 
#usePersonal .modal-content 
{
    height: auto;
}

#ch5info .modal-title,
#useTerm .modal-title,
#usePersonal .modal-title {
    padding: 0px;
    border-bottom: 0;
}

.check-txt { margin: 0px 0 0 0; font-size: 14px; font-weight:bold; color:#333;  }
.pre-change { font-size: 20px; font-weight:bold; color:#e90029; }
.mem-info-modi .form-group { height:auto; }
.kw2019-ok input.btn { padding: 30px 95px; background-color:#e90029; border:0; font-weight:bold; }

/* 웨비나 메인 */
#wm_head_area {
	margin-top:30px;
}

@media all and (min-width:1300px) {
	#wm_head_area {height:322px}
	#wm_head_area.isonair {height:362px}
}

.wm_headInfo {
    border: 1px solid #00a3e0;
    background-color: #00a3e0;
    margin-bottom: 10px;
	display:table;
	width: 100%;
	color:white;

}
.wm_headInfo .wm_title_area,
.wm_headInfo .wm_onair_area
{
    padding: 13px 0 14px 20px;
	display:table-cell;
}
.wm_headInfo .wm_title_area{
	width:100%;
}

.wm_headInfo.onair .wm_title_area{
	width:87%;
}

.wm_headInfo.onair .wm_onair_area{
    margin-right: 10px;
	background-color: #e60000;
	font-weight:700;
	color:white;
	font-size:1.4em;
	text-align:center;
	vertical-align:middle;
	-border-right: 5px solid #fff;
}
.wm_headInfo.onair {
    background-color: #00a3e0;
    border: 0;
}


.wm_title {
    font-weight: 700;
    font-size: 1.5em;
}
.wm_info {margin-top:10px;}
.wm_info > span {padding-right:20px;}
.wm_vod {position:relative;}
.wm_layer {position:absolute; top:0;left:0;}

.wm_dday {color:#f9ff00;}

@media (min-width: 767px) {
	.wm_summ, .wm_btns, .wm_date_presenter {
		padding-left:20px;
	}
	.wm_btns {
		-position:absolute;
		bottom:0;
	}

	.wm_summ {
	padding-bottom:5px; 
	overflow: hidden;
    height: 140px;
	}
}

.wm_summery {
	padding:0 15px;
}

    


.row.wm_head {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
#wm_head_area.isonair .row.wm_head {
    padding-bottom: 10px;
}

    .wm_slide {
      display: none;
    }

    .wm_slide .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(/images/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    .wm_slide a:link,
    .wm_slide a:visited {
      -color: #333
    }

    .wm_slide a:hover,
    .wm_slide a:active {
      -color: #9e2020
    }

.ai-bnr {
	margin-top:30px;
}

/* 뉴스 안에 웨비나 */

.newsWebinar {
	margin-top:40px;
}
.newsWbn {
	margin-top:20px;
}

/* 아이디 찾기 */
.mem-wrap{background:#fff;border:1px solid #e5e5e5;width:100%;padding:45px ;margin-top:30px;}

.mem-title{font-family: Tahoma, Verdana, AppleGothic; font-size:38px;color:#1481bf;letter-spacing:2px;text-align:center;line-height:100%;font-weight:600;padding-bottom:15px;    border-bottom: 1px solid #1481bf;}

.mem-wrap .form-cell {
	padding:20px 10px;
}
.mem-wrap .btn-fin {
    padding: 10px 60px;
    font-weight: 700;
    font-size: 24px;
}
.find-btns {
	margin-bottom:20px;
}
.inform {margin:20px;}
@media (max-width:767px) {
		.mem-wrap{background:#fff;border:1px solid #e5e5e5;width:100%;padding:15px ;margin-top:30px;}
}


.mypage {margin-top:30px;}
.mypage-cate{
	cursor:default  !important;
    color: #fff;
    background-color: #525252;
    border-color: #525252;	
}
.mypage-cate:hover,
.mypage-cate:active,
.mypage-cate:focus {
	cursor:default  !important;
    color: #fff;
    background-color: #525252;
    border-color: #525252;	
}

.my-menu {float:left;margin-right:20px; margin-bottom: 15px; height:auto;}
.my-event {float:left;margin-right:20px; margin-bottom: 5px; height:44px;}
.my-menu-webinar {}
.tile-stats {
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background: #FFF;
    transition: all .3s ease-in-out;
}
.tile-stats .icon {
    width: 20px;
    height: 20px;
    color: #BAB8B8;
    position: absolute;
    right: 53px;
    top: 22px;
    z-index: 1;
}
.tile-stats .count, .tile-stats h3, .tile-stats p {
    position: relative;
    margin: 0 0 0 10px;
    z-index: 5;
    padding: 0;
}
.tile-stats h3 {
    color: #BAB8B8;
}
.tile-stats p {
    margin-top: 5px;
    font-size: 12px;
}
.tile-stats .icon i {
    margin: 0;
    font-size: 60px;
    line-height: 0;
    vertical-align: bottom;
    padding: 0;
}

@media (min-width:768px) {
	.mypage .my-webinar {
		padding-right: 6px;
	}
	.mypage .ci-point {
		padding-left: 6px;
	}
}

.mypage .media {
	border-bottom: 1px solid #CCC;
}

.my_webinar_reg { 
	border-top: 1px solid black;
    padding-top: 20px;
    margin-top: 20px;
}
.my_webinar_reg_cnt {
	padding:6px 12px;
}

.alert-mypage {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.mypage .webinarInfo {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}
.mypage .webinarInfo .title {
	font-weight:600;
	font-size:16px;
}
.mypage .qnaCont .cont {
	margin:10px 0;
	border:0 solid #aaa;
}


.mypage .qnaCont .cont .userid{
	font-weight:700;
}

.mypage .cont.answer {
	padding-left:30px;
}
.mypage .cont.answer .owner {
	color:#46b8da;
}


/*상단 Notice*/
.desc_ci_wrap{   margin-bottom: 20px;}
.desc_ci_wrap .bul_list {margin:0;    padding: 0 0 0 10px;}
.desc_ci_wrap .bul_list  li {background:url('/images/notice_bul02.png') 0 8px no-repeat; padding-left:15px;font-size:15px;line-height:24px;}
.desc_ci_wrap .bul_list .point {color: #F95555;font-weight: normal;}


.mypage-ci .list{ margin-top:1px; padding:0; margin:0; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}

.mypage-ci .userid{ font-weight:700; }

.mypage-ci .cont .regdate {font-size:12px; color:#999; display:inline-block;}
.mypage-ci .webniar-info {font-weight:700; margin-bottom:10px; padding-top:10px; border-top:1px solid #ddd;}
.mypage-ci .my_answer {padding-left:30px;}

.mypage-ci .ci-tab {margin-bottom:10px;}

.mypage-ci .textarea-reply {width:90%;}
.mypage-ci .btn-reply {width:10%;}
.mypage-ci .btn-reply button {height:48px;}
.mypage-ci .cont {word-break:break-all; margin-bottom:5px;}

.mypage-ci .answer-form {margin-bottom:10px;}

.form-ci-reply {height:50px;}

.mypage-ci .field {line-height:35px;}
.mypage-ci .field {padding-bottom:10px;}


@media (max-width:767px) {
	.mypage-ci .form-group {padding-left:0;}
	.mypage-ci	.my_answer {padding-left:0;}
	.mypage-ci .textarea-reply {width:80%;}
	.mypage-ci .btn-reply {width:20%;}
}

.table-point { border-top:2px solid #999;}
.table-point th {text-align:center; background-color: #f3f8fa; color: #215884;}

.webinar .panel-ci .panel-heading {
	padding:8px 10px;
	font-size:0.8em;
}

.webinar .alert-ci{
	padding:8px 10px;
	font-size:1em;
}





/*
라디오버튼/체크박스 버튼 스타일
----------------------------------------------
*/
.toggleStyle input[type=radio],
.toggleStyle  input[type=checkbox] {
		display:none;
	}

.toggleStyle input[type=radio] + label, 
.toggleStyle input[type=checkbox] + label {
		display:inline-block;
		margin:0px;
		padding: 4px 6px;
		margin-bottom: 0;
		font-size: 12px;
		line-height: 18px;
		color: #333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
		background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
		background-image: -o-linear-gradient(top,#fff,#e6e6e6);
		background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #ccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		border-bottom-color: #b3b3b3;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.toggleStyle input[type=radio]:checked + label, 
.toggleStyle input[type=checkbox]:checked + label{
	   background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	background-color: #406cb9;
	color: white;
	text-shadow: none;
}




/**/

a.splink {
    color: blue;
    border-bottom: 1px dotted #60e4ff;
    padding: 1px 4px;
    margin: 0 3px;
    background-color: #e8fbff;
}



/* 뉴스레터 페이지 */
.newsletterContent {margin-top:30px; margin-bottom:50px}



.aside_login{
	width:100%;
	margin:20px auto;
	background: #f7f7f7;
	padding: 16px 10px 10px 10px;
	overflow:hidden;
}
        .aside_login .icon-plus {display: inline-block; vertical-align: bottom; padding-right: 7px; padding-bottom: 1px}
@media screen and (max-width: 1299px) and (min-width: 768px)
{
	.aside_login {
		width: 94%;
		margin: 0 3%;
		margin: 20px auto;
		background: #f7f7f7;
		border-top: 1px solid #d2d2d2;
		border-right: 1px solid #d2d2d2;
		border-left: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		border-radius: 3px;
		box-shadow: 1px 1px 1px #d8d8d8;
		padding: 16px 10px 10px 10px;
	}
}
@media screen and (min-width:1300px) { 
	.aside_login{
		width:302px;
		margin:20px auto 0 auto;
		background: #f7f7f7;
		border-top: 1px solid #d2d2d2;
		border-right: 1px solid #d2d2d2;
		border-left: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		border-radius: 3px;
		box-shadow: 1px 1px 1px #d8d8d8;
		padding: 16px 10px 10px 10px;
	}
    .aside_login .icon-plus {display: inline-block; vertical-align: bottom; padding-right: 7px; padding-bottom: 1px}
}

.aside_login .control-label { letter-spacing:-1px; }
.aside_login .form-group {
	margin-bottom:5px;
	float:left;
	height:34px !important;
}
.aside_login .aside_login_btns {
	padding:5px 0;
}
.aside_login .aside_my_content a:hover{
	text-decoration:underline !important;
}
.aside_login .aside_my_content span.bu{
	font-family:san-serif !important;
}
.aside_login .aside_my_content a{
}
.aside_login .aside_my_content a span{
	color:#0066cc;
	font-weight:bold;
}
.form-group.save {
    padding-left: 0px;  
	margin-bottom:0px;
}

.idpw-find {	
	font-size:12px;
	letter-spacing:0px;
	padding-left:0px;
}

.idpw-find-pd {
	margin-left:18px; letter-spacing:-1px;
}
.saveIdTxt { font-size:12px; }

@media (max-width: 1200px){
	.idpw-sbtn { font-size:11px !important; letter-spacing:-1px; margin-left:0; padding: 1px; }
	.saveIdTxt { font-size:11px;  letter-spacing:-1px; }
	.idpw-find-pd {	margin-left:0px; }
	#aside_loginBtn { font-size:11px;  }
}


.loginSubmit {
    padding-left: 8px !important;
}
.btn-login {
    color: #fff;
    background-color: #1091d0;
    border-color: #0d73a4;
    height: 74px;
    padding-top: 8px;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
}
.btn-login:hover, .btn-login:focus, .btn-login:active, .btn-login.active, .open > .dropdown-toggle.btn-login {
	color: #fff;
	background-color: #0d73a4;
}
.btn-login:active, .btn-login.active {
	background-color: #0d73a4;
	color: #fff;
	box-shadow: none;
}
.aside_cont.aside_webinar {
	padding:0;
	margin-top:0 !important;
}

/*
main 2017-09-20
*/

.main-webinar {padding-left:30px}
.main-webinar .webinar-list .media-object{ width:150px; height:85px;}
.main-webinar .webinar-list .date-dday{text-align:center;padding:4px 6px; background-color:#999; color:white; margin:5px 0;}
.main-webinar .webinar-list .btn-list-reg{width:100%;}

.main-webinar ul.webinar-list li.media {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0 10px 0;
}
.main-webinar-title h4 {
	color:white;
}
.main-webinar-title {
    position: relative;
    background-color: #55acee;
    padding: 2px 11px;
}
.main-webinar-title a {
    position: absolute;
    right: 8px;
    top: 14px;
	color: white;
}

.tab-ui {
    position: relative;
}
.tab-ui a.more {
    position: absolute;
    right: 8px;
    top: 14px;
}


.video-area {
    position: relative;
}
.video-area a.more {
    position: absolute;
    right: 0;
    top: 19px;
}


.relNews {padding-bottom:20px; line-height:1.5em;}
.relNews a {display:block;}

.main_pdt .thumbnail .icon-play {
	position:absolute;
	left:45%;
	top:35%;
}

.photo-news-top {
	position:relative;
}
.photo-news-top a.title {
    position: absolute;
    left: 0;
    top: 10px;
    border: 1px;
    padding: 14px 10px;
    background-color: rgba(0, 163, 244, 0.8);
    display: block;
    width: 80%;
    font-weight: bold;
	color:white;
}

.photo-news-top img {
	width:100%;
	height:300px;
}

.today-news .title {
    background-color: black;
    color: white;
    padding: 10px;
}

.today-news  a {
    padding: 4px 10px;
    border-bottom: 1px solid #ddd;
    display: block;
    height: 51px;
}
@media screen and (max-width: 1299px)  {
	.today-news  a {
		padding: 10px 10px;
		height:auto;
	}
}
.today-news  a:nth-child(2n) { background-color: #efefef; }

.photo-news-btm {
	position:relative;
}
.photo-news-btm span.title {
    position: absolute;
    left: 0;
    top: 10px;
    border: 1px;
    padding: 14px 10px;
    background-color: rgba(255, 255, 255, 0.8);
    display: block;
    width: 80%;
    font-weight: bold;
	color:white;

}
.photo-news-btm img {
	width:100%;
	height:200px;
}
.photo-news-btm span.title.title1 { background-color: rgba(230, 48, 45, 0.8);}
.photo-news-btm span.title.title2 { background-color: rgba(250, 143, 10, 0.8);}
.photo-news-btm span.title.title3 { background-color: rgba(79, 158, 51, 0.8);}

.bnr-area {margin:20px 0;}


.tech-area .tech-sub-title {
    border-bottom: 1px solid #ddd;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
    border-left: 3px solid #af318a;
    background-color: white;
    padding: 7px 20px;
}

.video-area .video-item {
	position:relative;
	margin-bottom:20px;
}
.video-area .video-item p{
    position: absolute;
    bottom: 0;
    width: 97%;
    height: 50px;
    background-color: rgba(255,255,255,0.8);
    padding: 6px 22px 6px 15px;
    text-align: center;
	margin:0;
}
@media screen and (max-width: 1199px)  {
	.video-area .video-item p {    
    width: 100%; }

}

.video-area .video-item img{
	width:100%;
	height:200px;
}
.video-item.vi-0 {padding-right:10px; }
.video-item.vi-1 {padding-right:5px; padding-left:5px; }
.video-item.vi-2 {padding-left:10px; }

.video-item .icon-play {
	position:absolute;
	left:5%;
	bottom:30%;
	width:30px;
	height:30px;
	background-image:url('/images/icon-play.png');
	background-size:30px
}

.video-items .pull-left {
	position:relative;
}


.video-items .icon-play {
	position:absolute;
	left:40%;
	top:32%;
	width:30px;
	height:30px;
	background-image:url('/images/icon-play.png');
	background-size:30px
}

.tech-area {margin:20px 0;}
.tech-area .links {
	padding:0 5px;
}
.tech-area .links a {
	display:block;
	padding:4px 0;
}

.main_pdt_video{    
	margin-top: 30px;
    padding-bottom: 0;
}
.main_pdt_video a:hover .caption {background:rgba(70,135,215,0.8);}

.scroll-news {height:30px; border:1px solid #ccc; padding:3px;}
.scroll-news a {display:block;}
/* .thumbnail_list.main_pdt.main_scroll {height:375px;} */

span.icon-new {
    background-color: #ff6700;
    padding: 1px 4px;
    font-family: verdana;
    color: white;
    font-size: 9pt;
    border-radius: 3px;
    margin-left: 5px;
}

span.techtalk-info {
    position: absolute;
    width: 250px;
    height: 50px;
    border: 0px solid red;
    top: -75px;
    left: 0;
	display:none;
}

/* keysight-5g */
.keysight-5g {margin-top:0px;}
.keysight-5g .keysight-5g_ft_15 { font-size:15px; }
.keysight-5g .keysight-5g_mt_01 { margin:20px 0 20px 0; }
.keysight-5g .keysight-5g_mt_02 { margin:40px 0 20px 0; }
.keysight-5g .keysight-5g_mt_03 { margin:5px 0 5px 0; }
.keysight-5g .keysight-5g_mt_04 { margin:30px 0 0px 0; }
.keysight-5g .keysight-5g_mt_03 label { margin:7px 0 0px 0; }
.keysight-5g .keysight-5g_pr_01 { padding: 0 5px 0 0; }
.keysight-5g .keysight-5g_pr_02 { padding: 0 10px 0 0; }
.keysight-5g .keysight-5g_pl_01 { padding: 0 0 0 5px; }
.keysight-5g .keysight-5g-video { margin:0px 0 20px 0; }
.keysight-5g .keysight-5g-video-title { margin:20px 0 20px 0; text-align:left; font-weight:bold; padding: 0 8px 0 8px; }
.keysight-5g .keysight-5g-video-desc { text-align:center; margin: 20px 0 20px 0; }
.keysight-5g .keysight-5g_btn_01 { background-color:#f01b33; border-color: #d10a20;  }
.keysight-5g .keysight-5g_br_01 { border-top:1px solid #999999; margin:10px 0 50px 0; padding-top:15px; }
.keysight-5g .keysight-5g_txt_01 { letter-spacing:-2px; }


.e4ds-news-list {margin-top:30px;}
#hotnews-ticker-roll {margin-top:30px;}
h4.news-title a {
    padding: 10px 0;
	font-size:17px;
}

.news-article {
    padding-left: 10px;
	}
.news-article p{
	font-size:12px;
}
.news-list {padding:0;}
.news-rel-news ul{padding:0;}
.news-rel-news a{font-size:12px;}

.news-rel-news li {
    padding-left: 11px;
    background: url('/images/icon-relative.png') 0px 6px  no-repeat;
}

/*메인상단 실시간뉴스 관련*/
.realtime-news { width:100%; height:44px; margin: 30px 0 0 0; padding:0; border: 1px solid #ff7e00; box-sizing : border-box;  }
@media (max-width: 767px){
	.realtime-news {
		margin: 10px 0;
	}
	.realtime-news-blue .ticker {
    font-size:14px !important; font-weight: 500; color: #383737; padding-left:0px; background-color:#ffffff;
	}
	.realtime-news-blue .realtime-news-blue-content ul li a { padding-left:15px !important;  }
}

.realtime-news-title {
    height: 44px;
    background-color: #ff7e00;
    padding: 11px 0 11px 45px;
    color: white;
    font-weight: 700;
}
.realtime-news-title span.icon-realtime {
    width: 15px;
    height: 15px;
    background: url('/images/icon-realtime.png') no-repeat;
    position: absolute;
    left: 25px;
    top: 14px;
}

/* 오늘의 뉴스 */
.news-pr {padding-left:30px;}
.news-pr ul{padding:0px;}
.news-pr-title {
    padding: 10px 10px;
    margin-bottom: 5px;
    background-color: #32b3c9;
    font-weight: bold;
    color: white;
}
.news-pr-list li {
	padding: 4px 0 4px 18px;
	background: url(/images/icon-todaynews.png) 5px 10px no-repeat;
}
.news-pr-pl-space { padding-left: 18px !important; }
.news-pr-title-btblue { border-top:2px solid #337ab7; border-bottom: 1px solid #e5e5e5; font-size:17px;  padding: 10px 10px;  margin-bottom: 5px;  font-weight: bold; color: #0d5ca0;  }
.news-pr-title-btblue a.more { font-size:13px; font-weight:500; color:#c0c0c0; position:absolute; right:5px; }



/* 오늘의 뉴스 blue */
.realtime-news-blue { width:100%; height:40px; margin: 30px 0 20px 0; padding:0; box-sizing : border-box;  }
.realtime-news-blue .realtime-news-blue-title {  padding: 10px 0px 0 22px; height:40px; margin: 0px; font-size:14px; font-weight: bold; color: #1091d0; background-color:#ffffff;  }
.realtime-news-blue .icon-realtime-arrow { font-size:11px; font-weight: 500; color: #919191; padding-left:20px;  }
.realtime-news-blue .realtime-news-blue-content { font-size:14px !important; font-weight: 500; color: #383737; padding-left:0px;  }
.realtime-news-blue .realtime-news-blue-content a { font-size:14px !important; font-weight: 500; color: #383737; }
.realtime-news-blue .ticker {  padding: 10px 0px !important;  width: 100%;    height: 40px !important;  font-size: 14px; }
.realtime-news-blue .ticker a { font-weight:700;}


/*뉴스 타이틀 폰트 조정*/
.font15 { font-size:15px !important; color:#333333 !important; font-weight:bold !important;}

/* 웨비나 목록 */
.main-webinar h4 a {font-size:17px;}
.main-webinar ul.webinar-list li.media {margin:0;}
.extInfo span {display:inline-block;}
.extInfo .company {}
.extInfo .date {color:white; background-color:#aaa; padding:0  4px;}
.extInfo .diff {color:white; background-color:#de3838; padding:0 4px;}

.extInfo_blue span {display:inline-block;}
.extInfo_blue .company { color:#333333; padding:0px; font-size:12px; letter-spacing:-1px;}
.extInfo_blue .date {color:#333333; padding:0px; font-size:12px; letter-spacing:-1px; }
.extInfo_blue .diff { color:#de3838; padding:0px; font-size:15px; font-weight:800; letter-spacing:-1px; }
.extInfo_blue .bar { color:#d3cccc; padding:0 2px; font-size:13px; font-weight:400;  }

@media (min-width: 992px){
	.thumbnail_list {
		height: 345px;
	}
}

@media (max-width:767px) {
	.news-pr,
	.main-webinar{
		padding-left:0;
	}
}

.photo-news-btm span.title {
	position: absolute;
	left: 0;
	bottom: 0px;
	top : auto;
	border: 1px;
	padding: 5px 6px;
	background-color: rgba(0, 0, 0, 0.5);
	display: block;
	width: 100%;
	font-weight: bold;
	color: white;
	min-height: 59px;
	font-size:16px;
}
.photo-news .photo-item {
	padding:5px;
}
.photo-news {
	padding: 20px;
	background-color: #777;
}
.photo-news .photo-news-title {
	padding-left:5px; font-size:16px; font-weight:bold; color:white;
}

span.comming {color:red; font-weight:bold;}

/*techtalk*/
.techtalk { margin:0 0 0px 0; padding:0; width:100%; word-break: keep-all ; }
.techtalk_top_mt30 { margin-top:30px; margin-bottom:30px; }
.techtalk_top_mb60 { margin-bottom:60px; }
.techtalk .techtalk_top_visual { margin:0px 0 20px 0; padding:0; width:100%; }
.techtalk .techtalk_top_visual img { width:100%; height:auto; }
.techtalk .techtalk_top_visual_txt_01 { font-size:17px; color:#1a1a1a; font-weight:600; }
.techtalk .techtalk_top_visual_txt_01 strong{  font-size:19px; color:#ff1c41; font-weight:600; }
.techtalk .techtalk_top_ask_btn_box { width:100%; text-align:center; margin: 40px 0 0 0; padding:0; }
.techtalk .techtalk_top_ask_btn_tech a { display:inline-block; padding:20px 35px; margin: 10px 0; background-color:#ff4040; border-radius:30px; font-size:16px; color:#ffffff; font-weight:600; }
.techtalk .techtalk_top_ask_btn_talk a { display:inline-block; padding:20px 35px; margin: 10px 0; background-color:#ff721d; border-radius:30px; font-size:16px; color:#ffffff; font-weight:600; }
.techtalk span.techtalk_icon_span { padding-right:10px; }


/*techtalk 탭관련 css*/
.techtalk .techtalk_tab {
    margin:60px 0 0 0;
}
.techtalk .techtalk_tab input:nth-of-type(1), .techtalk .techtalk_tab input:nth-of-type(1) ~ div:nth-of-type(1), .techtalk .techtalk_tab input:nth-of-type(2), .techtalk .techtalk_tab input:nth-of-type(2) ~ div:nth-of-type(2), .techtalk .techtalk_tab input:nth-of-type(3), .techtalk .techtalk_tab input:nth-of-type(3) ~ div:nth-of-type(3) {
    display:none
}
.techtalk .techtalk_tab input:nth-of-type(1):checked ~ div:nth-of-type(1), .techtalk .techtalk_tab input:nth-of-type(2):checked ~ div:nth-of-type(2), .techtalk .techtalk_tab input:nth-of-type(3):checked ~ div:nth-of-type(3) {
    display:block
}
.techtalk .techtalk_tab > label {
    display:inline-block;    
    font-size:14px;
    padding:10px 5px;
    text-align:center;
    width:32.4%;
    line-height:1.8em;
    font-weight:600;
    border-radius:3px 3px 0 0;
    background:#e7e7e7;
    color:#1d1d1d;
    border:1px solid #e3e3e3;
    border-width:1px 1px 0;
	margin:0;
	box-sizing : border-box;
}
.techtalk .techtalk_tab > label:hover {
    cursor:pointer
}
.techtalk .techtalk_tab label[for=tab1] {
    margin:0;
}
.techtalk .techtalk_tab input:nth-of-type(1):checked ~ label:nth-of-type(1), .techtalk .techtalk_tab > label[for=tab1]:hover {
    background:#ffffff;
    color:#337ab7;
	border-top:2px solid #337ab7;
}
.techtalk .techtalk_tab input:nth-of-type(2):checked ~ label:nth-of-type(2), .techtalk .techtalk_tab > label[for=tab2]:hover {
    background:#ffffff;
    color:#337ab7;
	border-top:2px solid #337ab7;
}
.techtalk .techtalk_tab input:nth-of-type(3):checked ~ label:nth-of-type(3), .techtalk .techtalk_tab > label[for=tab3]:hover {
    background:#ffffff;
    color:#337ab7;
	border-top:2px solid #337ab7;
}
.techtalk .techtalk_tab .tab1_content, .techtalk .techtalk_tab .tab2_content, .techtalk .techtalk_tab .tab3_content {
    padding:30px 0 0 0;
	margin:0px 0 30px 0;    
    width:100%;
    height:100%
}

/*techtalk tab안쪽 내용관련 css*/
.techtalk .techtalk_tab h3 { color:#1f4995; font-size:25px; letter-spacing:-1px; }
.techtalk .techtalk_tab .techtalk_subtext_box_gray { font-size:15px; color:#1d1d1d; font-weight:500; background-color:#eeeeee; padding: 20px; line-height:25px; word-break: keep-all ; }
.techtalk .techtalk_grap_pc { text-align:center; margin:40px 0 50px 0; }
.techtalk .techtalk_grap_pc img { width:100%; max-width:872px; }
.techtalk .techtalk_grap_mobile { margin:40px 0 50px 0; text-align:center; display:none; }

/*테크 톡 질문하는 방법 box*/
.techtalk .tech_box_layout { position:relative; height:428px; text-align:center; margin: 20px 0; font-size:15px; color:#1d1d1d; padding: 0px 0 0 0; box-sizing : border-box; line-height:25px;  }
.techtalk .tech_box_layout h4 { font-size:25px; color:#1f4995; padding: 7px 0 0 0;  }
.techtalk .tech_box_layout p { padding: 310px 0 0 0; }
.techtalk .tech_box_layout p strong { color:#1f4995; font-size:18px; font-weight:600; }
.techtalk .tech_box_bg_01 { background:url(../images/techtalk/tech_box_bg_01.png) no-repeat center top; }
.techtalk .tech_box_bg_02 { background:url(../images/techtalk/tech_box_bg_02.png) no-repeat center top; }
.techtalk .tech_box_bg_03 { background:url(../images/techtalk/tech_box_bg_03.png) no-repeat center top; }
.techtalk .tech_box_bg_04 { background:url(../images/techtalk/tech_box_bg_04.png) no-repeat center top; }
.techtalk .tech_box_bg_05 { background:url(../images/techtalk/tech_box_bg_05.png) no-repeat center top; }
.techtalk .tech_box_bg_06 { background:url(../images/techtalk/tech_box_bg_06.png) no-repeat center top; }
.techtalk .tech_box_bg_07 { background:url(../images/techtalk/tech_box_bg_07.png) no-repeat center top; }

/*상단비주얼 PC&모바일*/
.techtalk .techtalk_top_visual_mobile { display:none; }
.techtalk .techtalk_top_visual { display:block; }

.techtalk .techtalk_top_visual_mobile { margin:0px 0 20px 0; padding:0; width:100%; text-align:center; }
.techtalk .techtalk_top_visual_mobile img { width:100%; height:auto; }


/*event page*/
.eventpage_leftimg_box { text-align:center; padding:2% 0 0 2%; }
.eventpage_leftimg_box img { display:inline-block !important; }
.seminar_list .state_end { position: absolute; top: 0; right: 0; background: #bbbbbb; height: 100%; text-align: center; }
.seminar_list .state_end p { color: #fff; padding-top: 0; position: absolute; top: 43%; left: 50%; }
.seminar_list .state_end p span { display: block; width: 90px;  border: 1px solid #fff;  padding: 5px 0; font-size: 12px;  margin-left: -45px; }


@media (max-width:991px) {

.seminar_list .state_end {position:absolute;top:auto;right:auto;left:0;bottom:0;background:#bbbbbb;height:50px;width:100%;text-align:center;}
.seminar_list .state_end p{color:#fff;padding-top:0;position:absolute;top:18%;left:50%;}
.seminar_list .state_end p span{display:block;width:90px;border:none;padding:5px 0;font-size:16px;margin-left:-45px;}

}

/*newsletter lis page*/
.newsletter_list .newsletter_list_ul { margin: 10px 0 0 0; padding:0; position:relative; }
.newsletter_list .newsletter_list_ul li { color: #000; font-size:14px; padding: 20px 0; line-height:25px; border-bottom: 1px dashed #cccccc; word-break: keep-all; font-weight:600; }
.newsletter_list .newsletter_list_ul li p { margin:0; padding:0; }
.newsletter_list .newsletter_list_ul li a { color: #337ab7; font-size:14px;  }
.newsletter_list .newsletter_list_ul li a:hover { color:#000; }
.newsletter_list .newsletter_list_ul li:first-child { border-top:2px solid #337ab7;  }
.newsletter_list .newsletter_list_ul li:last-child { border-bottom:2px solid #337ab7;  }
.newsletter_list .newsletter_list_ul .newsletter_list_li_data { line-height:25px; float:left; width:85px; color: #474747; font-size:13px; margin:0; padding: 0px 4px 0 0; font-weight:800; height:auto; } 
.newsletter_list .newsletter_list_ul .newsletter_list_li_txt { line-height:25px; margin:0 0 0 95px; padding:0; }

/*login new css*/
.container_loginbox  { width:100%; height:auto; margin: 30px auto 0px auto; }
.container_loginbox .well { min-height: 20px; padding: 19px; margin: 0px 0 20px 0; background-color: #f5f5f5; border: 1px solid #e3e3e3;  border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.05); }
.container_loginbox .border_top_blue { border-top:3px solid #337ab7; }
.container_loginbox h1 { font-size:24px; color:#1481bf; letter-spacing:-1px; }
.container_loginbox h1 span { font-size:13px; color:#646464;  }

@media screen and (max-width: 850px)  {
	.container_loginbox h1 { text-align:center; }
	.container_loginbox h1 span { display:block; margin: 8px 0 0 0;}
}
.container_loginbox .form-group { margin-bottom: 15px; height:auto; }
.container_loginbox .col-sm-6, .container_loginbox .col-sm-12, .container_loginbox .col-sm-4 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.container_loginbox .btn-group { margin-bottom: 5px;}
.container_loginbox .fa { padding-right: 10px;}
.container_loginbox .jumbotron { text-align: center; border-bottom: 1px solid #e5e5e5; }
.container_loginbox .jumbotron .btn { padding: 14px 24px; font-size: 21px; }
.container_loginbox .btn-block {  display: block;  width: 100%; }
.container_loginbox .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }
.container_loginbox .btn { display: inline-block; padding: 6px 45px; margin: 5px auto; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; background-image: none; border-radius: 4px; }

.container_loginbox .or-text-row { display: table-row; }
.or-text-row:before {  top: 14px;  bottom: 0; position: absolute;  content: " "; width: 100%; height: 1px; background-color: #e8e8e8; z-order: 0; }
.container_loginbox .or-text { display: table; width: 100%; position: relative;	margin: 20px 0; }
.container_loginbox .or-text-line { display: table-cell; text-align: center; position: relative; width: 100%; }
.container_loginbox .or-text-line p { margin-top:10px; }
.container_loginbox .btn-circle { width: 30px; height: 30px; text-align: center; padding: 2px 0; font-size: 17px; line-height: 1.428571429;	border-radius: 15px; }
.container_loginbox .agreeText_login_bottom { width:96%; margin: 0 auto; border:1px solid #ccc; padding:15px; height:180px; overflow:auto; background-color:#ffffff; }
.container_loginbox .checkbox { padding-left:15px; }
.container_loginbox .mt_30 { margin-top:30px; }

/*newsletter 제목 및 목록버튼 추가*/
.newsletter_list .newsletter_caption { border-bottom: 2px solid #337ab7; padding: 0 0 20px 0; margin:0 0 30px 0; }
.newsletter_list .newsletter_listbtn { position:absolute; right:0; top:5px; }
.newsletter_list .newsletter_listbtn_bottom { margin: 0px atuo; padding: 30px 0 ;text-align:center; }
        .newsletter-content {background-color: #ffffff}
        
        
  @media screen and (max-width: 850px)  {
      .newsletter_list .newsletter_caption { border-bottom: 2px solid #337ab7; text-align: left !important; padding-left: 10px; font-size: 24px}
      .newsletter_list .newsletter_listbtn {  top: -5px; }
        }

        

/*테크톡이란 도형사이즈 미디어커리 850px*/
@media screen and (max-width: 850px)  {
	.techtalk .techtalk_grap_pc { display:none; }
	.techtalk .techtalk_grap_mobile { display:block; }
	.techtalk .techtalk_top_visual_mobile { display:block; }
	.techtalk .techtalk_top_visual { display:none; }

}


/*테크톡 레이어 팝업*/
.tachtalk_layerpopup { position:absolute; left:248px; top:-117px; z-index:999999999;}

/*ti 마이크로 사이트 레이어 팝업*/
.ti_layerpopup { position:absolute; right:-8%; top:0px; z-index:999999999;}
@media screen and (max-width: 767px)  {
	.ti_layerpopup  { display:none; }
}




/*웨비나 리스트 css추가*/
/*웨비나 날짜 디데이 가로형*/
/* .wbn-item .date-dday { font-size:12px; letter-spacing:-1px; } */
/*웨비나 날짜 디데이 세로형*/
.wbn-item .date-dday .dday  { display:block;  width:50%; margin:10px auto; }

/*웨비나 직급 및 이름 css*/
.wbn_presenter_right { text-align:right;  margin-bottom:10px; }
.wbn_presenter_right .wbn_presenter_class {  font-size:14px;  color:#161616; }
.wbn_presenter_right .wbn_presenter_name { font-size:16px; font-weight:bold; text-decoration:underline; letter-spacing:-1px; color:#000; }


/*IIoT 기대평 후기 리스트 css*/
.seminar_desc { padding-right:10px; }
.seminar_cmt { padding: 0px 0px 0px 20px; margin: 0 0 0 0; border-left:1px solid #dddddd; line-height:15px;  }
.seminar_cmt .comment-cont { padding: 8px 0 8px 0; border-bottom:1px solid #dddddd; color:#666; }
.seminar_cmt .comment-cont:first-child { padding-top:0px !important; }
.seminar_cmt .cmt-name {  padding-left:10px; color:#0099cc;  }
.cmt-more { line-height:25px; }


/*  기대평 후기 리스트 미디어커리 986px*/
@media screen and (max-width: 986px)  {
	.seminar_cmt { margin-top:20px;  padding-left:0; padding-top:10px;  border-left:0; border-top:1px solid #dddddd;}
}


/*IIoT메인 배너*/
.iiot-bnr { position:relative; margin-top:30px;}
.iiot-bnr .iiot-close { display:block; background-color:#000; position:absolute; padding:5px 10px; right:0; top:0; opacity:0.6; font-weight:bold; color:#ffffff; font-size:11px; line-height:15px; }


/*메인 스몰 플레이 버튼*/
.small_video_icon  {   left: 36% !important;    top: 27% !important;     }
.small_video_icon_bottom {   left: 32% !important;    top: 32% !important;     }

/*뉴스레터 구독신청 */
.container_loginbox .blue_email_tittxt { border-bottom:1px solid #e5e5e5; padding: 0px 0 20px 0; margin-bottom:0px; }
.container_loginbox .blue_email_stxt { font-size:18px; font-weight:600; color: #0099cc;  }
.container_loginbox .blue_email_btxt { padding-left:0px; font-size:15px; font-weight:600; color: #000000;   }
.container_loginbox .gbn { padding-top:20px ; padding-bottom:10px;border-bottom:1px solid #e5e5e5; }
.container_loginbox .gbn label input { margin-right:5px  }
.container_loginbox .gbn label { padding-right:25px  }
.container_loginbox .pt_26 { padding-top:26px;  }
.container_loginbox .pt_30 { padding-top:30px;  }
.container_loginbox .mb_20 { margin-bottom:20px; }



/*메인 5:5비율*/
.half_main { word-break: keep-all !important; }
.half_main .excerpt_new { font-size:14px !important; color:#737475 !important; margin-top:-6px;  }
.half_main .news-article { padding: 0 0 0 15px; }
.half_main .head-line li:first-child h4 a { padding: 0 0 5px 0 !important; font-weight: bold !important; font-size: 28px !important; line-height: 35px !important; letter-spacing: -2px !important; color:#241815 !important;  word-break: keep-all ; }
.half_main .head-line li:first-child h4 { text-align:center !important; margin-top:0 !important; }
.half_main .news-list li h4 { margin-top:20px !important; margin-bottom:15px;}
.half_main .news-list li h4 a { line-height:25px; }
.half_main .news-list li { margin-bottom:0px !important; }
.half_main .news-list li .news-thumbnail {position: relative}
.half_main .news-list li .bl-plus-small {position: absolute; left: 4px; top: 2px;}
.half_main .main_new_banner_top { width: 100%; position: relative; height: auto; margin: 0;  padding: 0; overflow: hidden; }
.half_main .main_new_banner_top img { width:100% !important; height:auto !important; }

.half_main h4.news-title a { font-size:18px !important; }
.half_main .news-rel-news a {  font-size: 13px; }

.half_main .more_view { margin: 50px 0 20px 0; padding: 0px 0; text-align:center; border-top:2px solid #e0dcdc; border-bottom:1px solid #e0dcdc;   }
.half_main .more_view a { font-size:11px; color:#737475; display:block; padding: 15px; font-weight:bold;  }


.half_main .tab_view { margin: 50px 0 20px 0; padding: 0px 0; text-align:center; border-top:2px solid #337ab7; border-bottom:1px solid #e0dcdc;   }
.half_main .tab_view a { font-size:13px; font-weight:bold; color:#337ab7; display:inline-block; padding: 15px 5px; font-weight:bold; letter-spacing:-1px; }
.half_main .tab_view a:hover { color:#000000; }


.half_main .half_main_left { padding: 0px 10px 0px 10px; margin: 0 0 0 0px; }
.half_main .half_main_right { padding: 0px 10px 0px 10px; margin: 0 0 0 0px; }
.half_main .main_top_photonews { position:relative; padding: 5px 0 0px 0px; margin: 0 0 0px 0px; box-sizing : border-box;  height:auto; }
.half_main .main_top_photonews img  { width:100%;  }
.half_main .main_top_photonews p { color:#ffffff; background-color:#000000; width:100%; height:auto; padding: 10px 10px 45px 10px; font-size:28px; font-weight:normal; line-height:35px; box-sizing : border-box; letter-spacing:-2px; }
.half_main .main_top_photonews span { display:block; font-size:17px; font-weight:normal; line-height:20px; color:#b0ccfe; padding: 10px 0 0 0; letter-spacing:-1px;   }
        .half_main .main_top_photonews span.bl-plus {position: absolute; left: 10px; top:13px; display: inline; padding-top: 0}
.half_main .news-pr-pl-space { padding-left:0 !important; margin: 30px 0;}
.half_main .main_top_photonews_btn { width:100%; position:absolute; bottom:10px; text-align:center; margin:0; padding:0; }
.half_main .main_top_photonews_btn li { display: inline;  }
.half_main .main_top_photonews_btn li a { font-size:15px; color:#343434; text-decoration:none; font-weight:bold; }
.half_main .main_top_photonews_btn li a:hover { color:#ffffff; }
.half_main .main_top_photonews_btn li.on a { color:#ffffff; }

.half_main .main_top_photonews_small { height:auto;  margin-bottom: 10px; overflow: hidden;  position: relative;  }
.half_main .main_top_photonews_small img.img-responsive { width:146px; height:99px; padding-bottom:8px; text-align:center;  }
.half_main .main_top_photonews_small a { display:inline-block; width:100%; height:140px; overflow:hidden; font-size:14px; color:#737475; letter-spacing:-1px; padding:0px 2px; word-break: break-all}
.half_main .main_top_photonews_small a.wbn {height:200px;}
.half_main .pl5 { padding-left:5px; }
.half_main .news-rel-news { line-height: 1.6; }




/* 2018-05-02 */
	.tp_height { background-color:#ffffff; height:342px; overflow:hidden; margin: 0 0 30px 0; padding:0; border:1px solid #000000; font-family: "Malgun Gothic","돋움", dotum !important; font-weight:600; letter-spacing:-1px;  }
	.tp #slide .slidesjs-navigation { margin-left:5px; }
	.tp .slidesjs-container { height: 300px !important;  }
	.tp .slidesjs-control { height: 300px !important;  }
	.tp .slidesjs-pagination { margin-right:5px; margin-top:10px;}
	.tp ul { margin:0; padding:0; }

	.tp .top_new_app { border:0px solid #000000; width:908px; height:300px; margin:0; padding:0;  }
	.tp .top_new_app h2 {  font-size: 14px;   color: #c00;   font-weight: 600;   margin: 0px 0 0px 0px;   padding: 0 0 10px 0px;   border-bottom: 1px solid #000; letter-spacing:-1px; }
	.tp .top_new_app h3 {  font-size: 14px;   color: #c00;   font-weight: 500;   margin: 0px 0 0px 0px;   padding: 10px  0 0px 20px;     }
	.tp .top_new_app_box1 { float:left; width:300px; height:auto; margin:10px 0 0 20px; padding:0; }
	.tp .top_new_app_box1 .top_new_app_pro1 { width:300px; height:auto; padding:0; margin:10px 0 0 0; }
	.tp .top_new_app_box1 .top_new_app_pro1 img { width:290px !important; height:auto !important; }
	.tp .top_new_app_box2 { float:left; width:257px; height:auto; margin:35px 0 0 0px; padding:0px 0 0 0; border-top: 1px solid #000; }
	.tp .top_new_app_box2 .top_new_app_pro2 { width:257px; height:auto; overflow:hidden; margin: 0 0 0 20px;  }
	.tp .top_new_app_box2 .top_new_app_pro2 a { text-decoration:none;      font-size: 12px;    font-weight: 600;    color: #222;    text-decoration: none;    line-height: 22px;  padding-left:5px; letter-spacing:-1px; }
	.tp .top_new_app_box2 .top_new_app_pro2 b { font-size:20px; font-weight:800; }
	.tp .top_new_app_box3 { float:left; width:311px; height:auto; margin:35px 0 0 0px; padding:0px 0 0 0; border-top: 1px solid #000; }
	.tp .top_new_app_box3 .top_new_app_pro3 { width:311px; margin:0 0 0 20px; padding:0; }
	.tp .top_new_app_box3 .top_new_app_pro3 h3 { font-size: 14px;   color: #222222;   font-weight: 600;   margin: 0;   padding: 0;    }
	.tp .top_new_app_box3 .top_new_app_pro3 h3 a { text-decoration:none; color:#222222; }
	.tp .top_new_app_box3 .top_new_app_pro3 .top_new_app_pro3_1 { width:146px; height:99px; margin:12px 0 5px 0; padding:0;   }
	.tp .top_new_app_box3 .top_new_app_pro3 .fl { float:left; }
	.tp .top_new_app_box3 .top_new_app_pro3 img { width:70px !important; height:50px !important;  margin: 8px 0;}
	.tp .top_new_app_box3 .top_new_app_pro3 p { line-height:11px; font-size: 11px;   color: #444444;   font-weight: 500;   margin: 0;   padding: 0; }
	.tp .top_new_app_box3 .top_new_app_pro3 p a { text-decoration:none; color: #444444; line-height:15px; }
	.tp .top_new_app_box3 .top_new_app_pro3 h3 { font-size: 14px;  color: #222222;  font-weight: 600;  margin: 0;   padding: 0; }
	.tp .top_new_app_box3 .top_new_app_pro3 h3 a {  text-decoration: none;  color: #000000;   font-size: 13px; font-weight: 800; letter-spacing:0px; }


.temp-password {
    margin: 20px;
    color: red;
}#main_news .rsnav a.news-plus {right: 10px; }







/*임시뉴스기사 관련*/
.clear_b { display:block; clear:both; overflow:hidden; }
.news-item_br { border: 2px solid #1f4995; padding: 10px;  }

/*당첨자 이벤트 관련*/
.mb0 { margin-bottom:0;  }
.mt0 { margin-top:0;  }
.vm { vertical-align:middle }
.my_event_btn_blue { display: block;  margin: 20px 10px; padding: 1.2em 1.6em 1.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center;  white-space: nowrap;  vertical-align: middle;  background-color:#337ab7; }
.my_event_btn_green { display: block;  margin: 20px 10px; padding: 1.2em 1.6em 1.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center;  white-space: nowrap;  vertical-align: middle;  background-color:#62b55d; }
.my_event_btn_red { display: inline-block;  margin: 8px auto; padding: 8px 12px; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center;  white-space: nowrap;  vertical-align: middle;    background-color:#d8554b;  }
.my_event_btn_gray { display: block;  margin: 20px 10px; padding: 1.2em 1.6em 1.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #666666; text-align: center;  white-space: nowrap;  vertical-align: middle;  background-color:#ffffff; border:1px solid #d6d6d6;  }
.event_webinar { border-bottom:1px solid #d6d6d6; padding-bottom:20px; margin: 0 0 20px 0; vertical-align:middle; }
.myevent_con_redtxt { font-size: 125%; font-weight: bold; color: #ff0000; margin: 0px 0 0px 0;  }
/* .myevent_con_redtxt:after { display: block; content: ''; width: 43px; height: 2px; background-color: #ff0000; margin: 10px auto 30px auto; } */
.btn-fin {  padding: 10px 40px;  font-weight: bold;  font-size: 16px; background-color:#d9534f; border-radius:3px; }
.myevent_addressedit { font-size:18px;   }

.winnerList { overflow:hidden; margin: 0px auto; display:table; padding:0;  }

.winnerGift { float:left; margin: 0px; padding:15px; }
.winnerGift .winnerGiftTitle { font-weight:bold; font-size:13px; padding: 10px 35px; margin: 5px 0 0 0; background-color:#337ab7; color:#ffffff; text-align:center; border-radius: 3px;  }
/* .winnerGift .winnerGiftTitle:after { display: block; content: ''; width: 95%; height: 1px; background-color: #337ab7; margin: 8px auto; } */
.winnerByGift ul { margin:0; padding:15px 0px 0 0; text-align:center; }
.winnerByGift ul li { margin:0; padding:0 15px; line-height:25px; text-align:center; color:#000000; }

.myevent_oktext { text-align:center; font-size:30px; font-weight:bold; color:#337ab7; }


@media screen and (max-width: 500px) {
	.winnerGift { float:none;  }	
}

.pr10 { padding-right:10px; }
.pb10 { padding-bottom:10px; }


/*stm openlab*/
#stm-openlab { margin:30px 0;  word-break: keep-all; }
#stm-openlab .intorduce { font-size:15px; color:#000000; padding: 20px 0; line-height:26px; }
#stm-openlab h3 { margin: 30px 0 0 0; padding: 0 0 20px 0; border-bottom:1px solid #cacaca; font-size:20px; font-weight:bold; color:#0a1f50; letter-spacing:-1px;}
#stm-openlab .form-group { padding-right: 18px; height:auto; }
#stm-openlab .form-group .s-txt { font-size:11px; font-weight:normal; }
#stm-openlab .form-group .checkbox { }
#stm-openlab .application-data h4 { padding: 10px 0 10px 15px; margin:10px 0 0 0; text-align:center; background-color:#39a9dc; color:#ffffff; font-size:15px; font-weight:bold; }
#stm-openlab .application-data ul li { width:50%; float:left; padding: 10px 0 10px 15px ; margin:0; border-bottom:1px solid #d4d4d4; font-size:15px; }
#stm-openlab .application-data ul li strong { color:#003148; }
#stm-openlab .application-data ul .data { border: 1px solid #39a9dc;  background-color:#eeeeee; margin: 15px 0 0 0; font-weight:bold; }
#stm-openlab .application-data ul .time { border: 1px solid #39a9dc; background-color:#eeeeee; margin: 15px 0 0 0; font-weight:bold; }
#stm-openlab .application-data ul { padding: 0px 0; margin:0; }
#stm-openlab .application-data .tit { padding: 10px 0; text-align:center; background-color:#39a9dc; color:#ffffff; font-size:15px; font-weight:bold; }
#stm-openlab .application-ing { clear:both; }
#stm-openlab .application-ing span { margin: 30px auto 0 auto; width:30%; text-align:center; display:block; padding: 10px 16px;   font-size: 18px;  line-height: 1.3333333;   color: #fff;  background-color: #666666;  border-color: #2e6da4; }


#stm-openlab .form-group input { height:auto;  }
#stm-openlab table.openlab_dt_table tr.selected {background-color:#eeeeee; font-weight:bold; color:red; }
#stm-openlab table.openlab_dt_table { border:0px; }
#stm-openlab table.openlab_dt_table th { width:33%; border:0; text-align:center; font-size: 15px; background-color: #39a9dc;  color: #ffffff; }
#stm-openlab table.openlab_dt_table td { border:0; text-align:center; font-size: 13px;  line-height: 20px; border-bottom: 1px solid #d4d4d4; vertical-align:middle;}
#stm-openlab table.openlab_dt_table td.left { text-align:left; padding-left:10px; }

#stm-openlab  .st-pr { padding-right:30px; }
#stm-openlab  .st-pl { padding-left:30px; }


@media screen and (max-width: 550px)  {
	#stm-openlab .application-data ul li { width:100%; float:none; }
}


/*
stm openlab 신청시 라디오버튼/체크박스 버튼 스타일
----------------------------------------------
*/
#stm-openlab .toggleStyle input[type=radio],
#stm-openlab .toggleStyle  input[type=checkbox] {
		display:none;
	}

#stm-openlab .toggleStyle input[type=radio] + label, 
#stm-openlab .toggleStyle input[type=checkbox] + label {
		display:inline-block;
		margin:0px;
		padding: 8px 35px;
		margin-bottom: 0;
		font-size: 12px;
		line-height: 18px;
		color: #333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
		background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
		background-image: -o-linear-gradient(top,#fff,#e6e6e6);
		background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #ccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		border-bottom-color: #b3b3b3;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

#stm-openlab .toggleStyle input[type=radio]:checked + label, 
#stm-openlab .toggleStyle input[type=checkbox]:checked + label{
	   background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	background-color: #fb232b;
	color: white;
	text-shadow: none;
}


/*stm newsletter*/
#st-newsletter-subscribe .container_loginbox .border_top_blue {  border-top: 3px solid #2ea7e0; }
#st-newsletter-subscribe .container_loginbox h1 {  color: #2ea7e0;  }
#st-newsletter-subscribe .st-skyblue {  background-color: #2ea7e0; border:0; width:100%; }


/*conference*/
table.conference_table { width:100%; border:0; font-size: 14px; border-bottom:1px solid #828282; }
.conference_table th { text-align:center; background-color: #0099da; color:#ffffff; padding: 10px; }
.conference_table td { text-align:left; border-left:0;  border-right:0; border-top:1px solid #c5c5c5; padding: 10px 0 10px 20px;  }


table.conference_table_center { border:0; font-size: 14px; border-bottom:1px solid #828282; }
.conference_table_center th { text-align:center; background-color: #0099da; color:#ffffff; padding: 10px; }
.conference_table_center td { text-align:left; border-left:0;  border-right:0; border-top:1px solid #c5c5c5; padding: 10px 0 10px 40px !important;  white-space: normal !important; }
.conference_table_center td.info { text-align:center !important; padding: 10px 0 10px 0px !important; }
.speaker_title div { text-align:center; background-color: #0099da; color:#ffffff; padding: 10px 0; border:0; }
.table-info .name { text-align:center; background-color: #0099da; color:#ffffff !important;  }
.Highlights { font-size:16px; font-weight:bold; color:#000000;  line-height:25px; }
.Highlights strong { font-size:22px; font-weight:bold; color:#004a85; letter-spacing:-1px;  }
        
        
        
/*conference 선문대 20220901*/  
.sm-program-inner .sponsor-sm {padding: 20px 0 80px 0}
.sm-program-inner .sponsor-sm img {width:100%}
 .sm-program-title {font-size:34px; font-weight:700; padding-bottom:10px}
  .sm-program-timeline {display:flex; margin-bottom:30px}
   .sm-program-timeline div  {position: relative; text-align:center; width:146px; margin-right:10px;border:1px solid #333333; font-weight:700; background-color: #ffffff} 
   .sm-program-timeline div a {display:block; padding:10px 0; color:#333333}
   .sm-program-timeline div.link-no {padding:10px 0;}
   .sm-program-timeline div a:hover {background-color: #333333; color:#ffffff}
   .sm-program-timeline div.link:after {content: "";
    display: block; width: 27px; height: 27px; background: url('/images/conference/icon_view.png') no-repeat; position: absolute; right: -0px; bottom:0; z-index: 100}
   .sm-program-timeline div:last-child {margin-right:0}
   .sm-program-timeline div span, .sm-program-timeline div a span {display:block; color:#e52c58; font-weight:400;font-size:15px;font-weight:500}
   
   .sm-program-cont-inner {padding:40px 0}
   .sm-program-cont-section {display:flex; position: relative; border-bottom: 2px solid #333333; margin-bottom:10px}
   .sm-program-cont-section .time {width:290px; padding-top:5px; background-color:#333333; color:#ffffff; font-size:15px}
   .sm-program-cont-section .time span {display:inline-block; position: relative;width:173px; padding-left:25px;color:#00ffd2; font-size:17px;}
   .sm-program-cont-section .time span::after {content: "";
    display: block;
    width: 1px;
    height: 14px;
    background-color: #dddddd;position: absolute; right: 15px; top:33%;}
   .sm-program-cont-section .title {padding-bottom:3px; padding-left:35px;font-size:22px; font-weight:700; color:#e52c58}
    .sm-program-cont-section .mc {position: absolute; right: 0; top:7px}
   .sm-program-cont-text {display:flex;border-bottom: 1px dashed #999999;padding-top:20px;padding-bottom:10px;}
   .sm-program-cont-text .presenter {width:22%; padding-top:2px; text-align:center; font-size:15px; line-height:1.4}
        .sm-program-cont-text .presenter span {display: block; text-align: center; padding-top: 10px}
   .sm-program-cont-text .desc {width:78%; word-break: keep-all}
   .sm-program-cont-text .desc p:first-child {font-size:17px; font-weight:700; line-height:1.4; margin-bottom:11px}
   .sm-program-cont-text .desc p:last-child {font-size:14px; color:#484848} 
        
    
        
        @media screen and (max-width: 767px) {
            
            .sm-program-timeline {display: block;width: 100%}
            .sm-program-timeline div {width: 100%; margin-bottom: 3%}
            .sm-program-cont-section {display: block; padding-bottom: 25px}
            .sm-program-cont-section .time {width: 100%; padding-bottom: 7px}
            #opening .sm-program-cont-section .time {width: 100%; margin-bottom: 20px}
            .sm-program-cont-section .time span {width: 55%; margin-right: 10%; padding-left: 31px}
            .sm-program-cont-section .title {padding-left: 10px}
            .sm-program-cont-section .mc {top:auto; bottom: 7px; left:10px; font-size: 14px}
            .sm-program-cont-text .presenter {width: 22%; padding-top: 0; font-size: 14px; letter-spacing: -0.5px;}
            .sm-program-cont-text .presenter span img {max-width: 88px}
            .sm-program-cont-text .desc {width: 77%; margin-left: 3%}
            .sm-program-cont-text .desc p:first-child {font-size: 15px}

         }
        
        
        
        
        

@media screen and (max-width: 767px) {
.conference_table_center td { padding: 10px !important; }
}

/*keysight 5G 2019*/
#keysight2019-5G { padding: 0px; border:1px solid #e90029;  }
#keysight2019-5G .pd5 { padding: 5px; }
#keysight2019-5G .mt10 { margin-top: 10px; }
#keysight2019-5G .btn-reglive { color: #fff; background-color: #cc1742; border-color: #aa1339; }
#keysight2019-5G h5 { color: #e90029; font-weight:bold; letter-spacing:-1px; font-size:16px; }
#keysight2019-5G .time { font-size:13px; margin:5px 0; }
#keysight2019-5G .txt { font-size:14px; color:#000000; }


/* 기사 상세 페이지 - 추천기사 */
.recommended_article {
	display:none;
}



/* 기사 상세 페이지 - 링크 */
.news_desc a {
    color: #3786c3;
    border-bottom: 0px solid #3786c3;
	text-decoration: none;
}



/*고객센터*/
#cs-faq .Srh { background-color:#e5e5e5; margin: 0 0 30px 0; padding: 25px 10px 15px 10px; }
#cs-faq .input-group { width: 90%; margin: 0 auto; }
#cs-faq .kwd { margin: 0px; border: 0px; padding: 10px 0 0px 0; font-size:12px; }
#cs-faq .kwd a { width:auto; }
#cs-faq .aview { margin: 0px; border: 0px; padding: 0px 10px 0px 0; font-size:12px;  font-weight:bold; text-align:right;}
#cs-faq h3 { font-size: 18px; letter-spacing:-1px; }
#cs-faq .flist { margin: 10px 0 0 0; padding:0; }
#cs-faq .nav > li > a { padding: 10px 20px; font-size:13px;}
#cs-faq .nav-tabs > li {  margin-bottom: 0px; }
#cs-faq .nav-tabs > li.active > a, #cs-faq .nav-tabs > li.active > a:hover, #cs-faq .nav-tabs > li.active > a:focus { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #337ab7; border-bottom-color: transparent;
    font-weight: 600; }
#cs-faq .flist ul.ftline { margin: 10px 0 0 0; padding:0; }
#cs-faq .flist ul.ftline li { margin:0; padding:15px; line-height:20px; border-bottom:2px dotted #eeeeee; text-align:left; }
#cs-faq .flist ul.ftline li:last-child { border-bottom: 1px solid #ddd; }

#cs-flist .Srh { background-color:#e5e5e5; margin: 0 0 30px 0; padding: 25px 10px 25px 10px; }
#cs-flist .input-group { width: 90%; margin: 0 auto; }
#cs-flist .kwd { margin: 0px; border: 0px; padding: 10px 0 0px 0; font-size:12px; }
#cs-flist .kwd a { width:auto; }
#cs-flist .aview { margin: 0px; border: 0px; padding: 10px 10px 0px 0; font-size:12px;  font-weight:bold; text-align:right;}
#cs-flist h3 { font-size: 18px; letter-spacing:-1px; }
#cs-flist .faqlist { margin: 10px 0 0 0; padding:0; }
#cs-flist .nav > li > a { padding: 10px 20px; font-size:13px;}
#cs-flist .nav-tabs > li {  margin-bottom: 0px; }
#cs-flist .nav-tabs > li.active > a, #cs-faq .nav-tabs > li.active > a:hover, #cs-faq .nav-tabs > li.active > a:focus { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #337ab7; border-bottom-color: transparent;
    font-weight: 600; }
#cs-flist .input-wid select { width:30%; }
#cs-flist .input-wid input { width:70%; }
#cs-flist .sr-font { color:red; font-weight:bold; }
#cs-flist table th { text-align:center; background-color:#1091d0; color:#ffffff; border:0; font-size:13px; padding: 10px; }
#cs-flist table td { text-align:center; font-size:13px; line-height:21px; vertical-align:middle; padding: 15px 10px; }
#cs-flist table tr:last-child { border-bottom:1px solid #d1d1d1; }
#cs-flist table caption { visibility:hidden; height:0; line-height:0; font-size:0; margin:0; padding:0; }
#cs-flist .text-left { text-align:left; padding-left:10px; }
#cs-flist .ft { background-color:#eeeeee; }

#cs-blist h2 { border-bottom: 1px solid #d1d1d1; padding-bottom:20px; margin-bottom: 30px; }
#cs-blist .brdlist { margin: 0px 0 0 0; padding:0; }
#cs-blist .sr-font { color:red; font-weight:bold; }
#cs-blist table th { text-align:center; background-color:#1091d0; color:#ffffff; border:0; font-size:13px; padding: 10px; }
#cs-blist table td { text-align:center; font-size:13px; line-height:21px; vertical-align:middle; padding: 15px 10px; }
#cs-blist table tr:last-child { border-bottom:1px solid #d1d1d1; }
#cs-blist table caption { visibility:hidden; height:0; line-height:0; font-size:0; margin:0; padding:0; }
#cs-blist .text-left { text-align:left; padding-left:10px; }
#cs-blist .ft { background-color:#eeeeee; }
#cs-blist .pd { padding:0px; }
#cs-blist .form-group { height:auto; padding-right: 18px; }
#cs-blist .checkbox { padding:30px 0;  border-top:1px solid #d1d1d1;  }

#cs-pw-Modal .modal-content { height:auto; padding: 0px;}
#cs-pw-Modal .modal-dialog { width:25%; margin: 15% auto; }
#cs-pw-Modal .modal-header { border:0; background-color: #1091d0; }
#cs-pw-Modal .modal-header h4 { border:0; }
#cs-pw-Modal .modal-header .modal-title { padding: 0px 0px 5px 0px; line-height: 18px; font-size: 16px; text-align:center; color:#ffffff; }
#cs-pw-Modal .modal-body { padding: 15px; }
#cs-pw-Area button { margin-top:10px; }


.desc1 .pl { padding-left:20px; }
.btn100 { width:100%; background-color:#a80532; }
.btn100:hover { background-color:#a80532; }
@media screen and (max-width: 767px) {
	.desc1 .pl { padding-left:0px; }
}

@media screen and (max-width: 767px) {
	#cs-faq .nav-tabs > li {  margin-bottom: 1px; width:49%; text-align:center; }
	#cs-flist .nav-tabs > li {  margin-bottom: 1px; width:49%; text-align:center; }
	#cs-pw-Modal .modal-dialog { width:70%; margin: 10% auto; }
	.st-pr { padding-right:0px; }
	.st-pl { padding-left:0px !important;}

}

.searchFirm {padding:20px; margin:10px 0; border:1px solid #ccc; background-color:white;}

/*
검색 결과 페이지
*/
.search_result_value {font-size:1.1em;	}
.search-more {color:#0066cc;}
.search-main li.media:first-child {
    border-top: 1px solid #e0e0e0;
}
.search-main.wbn {
margin-top:30px;
}
.search-main .wbn-list {
	margin-top:20px;
}
.search-main .wbn-list .wbn-item:first-child {
    padding-top: 10px !important;
    border-top: 1px solid #e0e0e0;
}
.search-word {
    padding-bottom: 10px;
}


/* 약관 페이지 */
.term_box ol li {list-style-type:decimal;}
.line-27 { line-height:27px; }
.tab-content .blue { color:#0075c2; background-color: #ffffff}

/*member*/
.mem-intro { padding: 35px 45px; margin:0 auto; font-size:14px; color:#5c5b5b; line-height:25px; border: 1px solid #d3d3d3;   border-top:5px solid #252525;  }
.mem-normal { padding: 35px 45px; margin:0 auto; font-size:14px; color:#5c5b5b; line-height:25px; border: 1px solid #d3d3d3;  border-top:5px solid #009be6;  min-height:310px; background:url('/images/e4ds_memberbg_normal.png')no-repeat right bottom; }
.mem-company { padding: 35px 45px; margin:0 auto; font-size:14px; color:#5c5b5b; line-height:25px; border: 1px solid #d3d3d3;  border-top:5px solid #005eaf; min-height:310px; background:url('/images/e4ds_memberbg_company.png')no-repeat right bottom;  }
.mem-search { padding: 35px 45px; margin:0 auto; font-size:14px; color:#5c5b5b; line-height:25px; border: 1px solid #d3d3d3;  border-top:5px solid #3e5cdc;  min-height:310px; background:url('/images/e4ds_memberbg_search.png')no-repeat right bottom; }

.mem-normal:hover { border: 1px solid #009be6; border-top:5px solid #009be6; background-color:#eeeeee; }
.mem-company:hover { border: 1px solid #005eaf; border-top:5px solid #005eaf; background-color:#eeeeee; }
.mem-search:hover { border: 1px solid #3e5cdc; border-top:5px solid #3e5cdc; background-color:#eeeeee; }

.mem-intro strong { font-size:25px; color:#252525; font-weight:bold;  }
.mem-normal strong { font-size:25px; color:#009be6; font-weight:bold;  }
.mem-company strong { font-size:25px; color:#005eaf; font-weight:bold;  }
.mem-search strong { font-size:25px; color:#3e5cdc; font-weight:bold;  }

.mem-normal .btn { background-color:#009be6 !important; border-color:#009be6 !important; font-size:15px; font-weight:bold; }
.mem-company .btn { background-color:#005eaf !important; border-color:#005eaf !important; font-size:15px; font-weight:bold; }
.mem-search .btn { background-color:#3e5cdc !important; border-color:#3e5cdc !important; font-size:15px; font-weight:bold; }


/*main make*/
.maek-guide { text-align:center; padding:3px; margin: 5px 0 0px 0; line-height:22px;  }
.maek-guide img.make-img { width:100%; height:120px; border:1px solid #d2d2d2; box-sizing:border-box; }
.maek-guide .pr5 { padding-right:5px !important; }
.maek-guide .make-tit { display:block; min-height:80px;  line-height:20px; padding-top:10px; vertical-align:top; }
.maek-guide .make-a { display:inline-block; }

.menu-make { font-weight:bold; color:#dc002e !important; }
a.more-plus { font-size:13px; font-weight:500; color:#000000; position:absolute; right: 10px; }

@media screen and (max-width: 767px) {
	.maek-guide img.make-img { width:100%; height:250px; }
	.maek-guide .make-tit { height:auto;  min-height: 40px; }
	.td-txt { padding:0 !important; }
	.td-btn { padding: 8px 0 0 0 !important; }
	.td-btn .pd { padding: 6px; }

}


/* kw2019 */
.kw2019-ban { margin-top:0px; width:100%; max-width: 916px; }
.kw2019-ban .kw2019-top { margin-top:30px; width:100%; max-width: 916px; }
.kw2019-ban .kw2019-5g { width:100%; max-width:300px; text-align:center; }
.kw2019-ban .kw2019-auto { width:100%; max-width:300px; text-align:center; }
.kw2019-ban .kw2019-data { width:100%; max-width:300px; text-align:center; }

/*2019 analog day*/
#analog-2019 .analog-box { border:4px solid #d9d9d9; padding: 0px 0px 0 0px ; box-sizing:border-box; min-height:290px; }
#analog-2019 .analog-box .tit { width:100%; padding:10px 20px; margin:0; background-color:#25abce; color:#ffffff;}
#analog-2019 .analog-box ul { margin:0; padding:0 10px 0 20px; }
#analog-2019 .analog-box ul li { font-size:15px; font-weight:bold; line-height:25px; padding-bottom:10px; color:#000000; }
#analog-2019 .analog-box ul li.border {border-bottom:2px dashed #cfcfcf;   }
#analog-2019 .analog-box ul li strong { color:#007897; }
#analog-2019 .analog-box ul li span.class { font-size:12px; }
#analog-2019 .analog-box ul li.on { color:#df0000; }


/* 뉴스 뷰 */ 
.news-keywords {
    margin-top: 20px;
}

.bg-nv { background-color:#040440 !important; border:0; }


/*campus*/

#e4ds-campus { margin: 0 auto; padding:0; }
#campus-topmenu { width:100%; background-color:#eeeeee; background-color:#040440; margin-top:10px; }
#campus-topmenu .nav { max-width:1300px; margin:0 auto; background-color:#040440; }
.pc-nv .nav .nv-bg { background-color:#040440; color:#ffffff; font-size:17px; font-weight:normal; }
#campus-topmenu .nav .caret {  border-top: 5px solid #a5a5a5;  border-right: 5px solid transparent;  border-left: 5px solid transparent; }
.pc-nv .nav li.dropdown:hover ul.dropdown-menu { display: block; }
.pc-nv .nav .dropdown-menu { margin-top:-1px; }
.pc-nv .dropdown-menu > li > a {  text-align:left; padding: 10px 10px; 10px 40px; font-size:14px; font-weight:bold;  }
.pc-nv .dropdown-menu > li > a:hover { background-color:#040440; color:#ffffff; }

.mobile-nv .nv-bg { background-color:#040440; color:#ffffff; font-size:13px; font-weight:normal;  padding: 0 15px;}
.mobile-nv .nv-bg:hover { background-color:#040440 !important; color:#ffffff; font-size:13px; font-weight:normal;  padding: 0 15px;}
.mobile-nv .nv-bg:link { background-color:#040440 !important; }
.mobile-nv .nv-bg:visited { background-color:#040440 !important; }
.mobile-nv .nv-bg:active { background-color:#040440 !important; }
.mobile-nv .dropdown-menu > li > a {  text-align:left; padding: 0px 10px; 10px 40px; font-size:14px; font-weight:bold;  }

.pc-nv #smenu1 { min-width: 140px; left:25px; }
.pc-nv #smenu2 { min-width: 100px; left:20px; }
.pc-nv #smenu3 { min-width: 140px;  left:25px; }


.mobile-nv #smenu4 { min-width: 140px; left:0px; }
.mobile-nv #smenu5 { min-width: 100px; left:0px; }
.mobile-nv #smenu6 { min-width: 140px;  left:0px; }



@media screen and (max-width: 767px) {	
	#e4ds-campus .main-noticebtn .bpt { width:95%; margin: 2px auto; } 
	#e4ds-campus .main-noticebtn a:first-child { margin-top:10px; }
	.campus-newsletter .input-tit { display:block; padding-bottom:10px;  }
	.campus-newsletter .newsletter-input { width:70% !important; } 
	.campus-newsletter .input-tit { display:block; }
}

.pd { padding: 5px; }
.pt10  { padding-top:10px; }

#e4ds-campus .main-notice a { font-size:15px; font-weight:bold;  color:#040440; display: inline-block; width: 100%; height:40px; vertical-align:middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:15px 40px 0 0;   }
#e4ds-campus .main-noticebtn .bpt { padding:12px 50px; font-size:16px; font-weight:bold; border-radius: 10px; }

#e4ds-campus .main-tit { margin: 100px auto 30px auto; overflow:hidden; }
#e4ds-campus .main-tit h4 { line-height:24px; font-size:22px; font-weight:bold;  color:#040440;  margin: 0; padding: 0px 0px; height:auto; vertical-align: middle;  }
#e4ds-campus .main-tit span.line { display:block; vertical-align: middle; height: 1px; border-top: 1px solid #666666;  width: 100%; box-sizing: border-box; }
#e4ds-campus .main-tit .letter-1 { letter-spacing:-1px; }
#e4ds-campus .location {  line-height:28px; font-size:14px; font-weight:normal;  color:#040440;  }
#e4ds-campus .company-introduce { margin:30px auto; padding:0; line-height:33px; font-size:16px; font-weight:normal;  color:#00000;  }
#e4ds-campus .company-introduce span { padding-left:20px;  }
#e4ds-campus .company-introduce strong { color:#040440;  }

.campus-newsletter { padding: 20px 10px; margin: 50px auto 0px auto; border-top: 1px solid #cccccc; background-color:#eeeeee; width:100%;  }
.campus-newsletter .input-tit { font-size:18px; font-weight:bold; color:#040440;  vertical-align:middle; letter-spacing:-1px; padding-right:10px;}
.campus-newsletter .newsletter-input { width:40%; height: 38px;  color: #706e6e;  font-size: 13px;  padding: 0 10px;  border: 4px solid #040440; border-radius:10px; }
.campus-newsletter .btn-save { background: #fc6500; border: 0;  padding: 8px 20px;  color: #ffffff;  font-size: 15px; border-radius: 10px; }


.sub-topimg { width:100%; position:relative; height:auto; overflow:hidden; }
.sub-topimg .txt { position:absolute; left:50%; width:100%; transform:translateX(-50%);  top:36%;  font-size:3.5em; font-weight:bold; color:#000000; letter-spacing:-1px; text-align:center; }
.sub-topimg .txt span{display:block; font-size:0.5em;}
.sub-topimg .txt2{ position:absolute; left:50%; width:100%; transform:translateX(-50%);  top:29%;  font-size:3.5em; font-weight:bold; color:#000000; letter-spacing:-1px; text-align:center; }
.sub-topimg .txt3{ position:absolute; -left:9%; top:46%;  font-size:3.5em; font-weight:bold; color:#ffffff; letter-spacing:-1px; text-align:left; }
.sub-topimg .stxt { position:absolute; left:50%; width:100%; transform:translateX(-50%);  top:54%;  font-size:1.3em; font-weight:bold; color:#000000; letter-spacing:-1px; text-align:center; }
.sub-topimg .stxt2 { position:absolute; -left:9%; top:72%;  font-size:1.3em; font-weight:bold; color:#ffffff; letter-spacing:-1px; text-align:left; }
.sub-topimg .stxt3 { position:absolute; -left:9%; top:36%;  font-size:1.9em; font-weight:bold; color:#ffffff; letter-spacing:-1px; text-align:left; }
.sub-topimg .tag { position:absolute; -left:9%; top:15%;  font-size:1.4em; font-weight:bold; color:#ffffff; letter-spacing:-1px; text-align:left; }
.sub-topimg .tag span { padding: 10px 20px; font-size: 16px; font-weight: bold; border-radius: 20px; line-height: 20px; margin: 0 5px 0 0;}
.sub-topimg .tag span.yellow { background-color: #f0ad4e; }
@media screen and (max-width: 767px) {
	.sub-topimg .txt3{ left:2%; top:28%;  font-size:2.0em; line-height:32px;}
	.sub-topimg .stxt3 {  left:2%; top:6%; font-size:1.0em;  }
	.sub-topimg .txt { top:15%;  font-size:1.6em; }
	.sub-topimg .txt2 { top: 9%;  font-size:2em; }
	.sub-topimg .stxt { top:54%;  font-size:1em; }
	.mpd { padding: 0 10px; }	
}


#e4ds-campus .campus-schedule .schedule-sel { min-width:200px; border: 1px solid #cfcfcf;  height: 35px;  color: #706e6e; font-size: 15px;  padding: 0 0 0 10px; margin-right: 1px; }
#e4ds-campus .campus-schedule .schedule-btn { background: #040440; border: 0; padding: 6px 20px;  color: #ffffff;  font-size: 16px; border-radius: 10px; }
#e4ds-campus .training-course { position:relative; height:auto; overflow:hidden; }
#e4ds-campus .training-course .box { border-radius:10px; position:relative; min-height:300px; padding: 30px; box-sizing: border-box; color: #ffffff;  font-size: 50px; line-height: 20px;  }
#e4ds-campus .training-course .bpd { padding:10px 20px; }
#e4ds-campus .training-course .pu { background: #7947CC;  }
#e4ds-campus .training-course .bl { background: #3A76EE;  }
#e4ds-campus .training-course .na { background: #4343ac;  }
#e4ds-campus .training-course .or { background: #FF8726;  }
#e4ds-campus .training-course .sfont { color: #ffffff;  font-size: 24px; display:block; padding-bottom:5px; font-weight: 100;  }
#e4ds-campus .training-course .sfont:after { display: block; content: ''; width:100%; height: 1px; background-color: #ffffff; margin: 20px 0 10px 0; opacity: 0.3; }
#e4ds-campus .training-course .tbtn { position:absolute; right:20px; bottom:20px; background: #ffffff; display: inline-block;  padding: 12px 50px;  font-size: 16px;  font-weight: bold; border-radius: 20px; line-height: 20px; }
#e4ds-campus .training-course .box:hover > .tbtn { background-color:#ffd800; }
#e4ds-campus .training-course .b-pu { color: #7947CC;  }
#e4ds-campus .training-course .b-bl { color: #3A76EE;  }
#e4ds-campus .training-course .b-na { color: #4343ac;  }
#e4ds-campus .training-course .b-or { color: #FF8726;  }
#e4ds-campus .training-course .tit { color: #ffffff;  font-size: 40px; line-height: 43px;  overflow: hidden; height: 132px;  white-space: normal; text-align: left;  word-wrap: break-word;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: block; display: -webkit-box; }

#e4ds-campus .sub-tit {  color: #000000;  font-size: 18px; font-weight: bold;  }
#e4ds-campus .sub-tit .stxt {  color: #33333;  font-size: 14px; font-weight: normal;  }
#e4ds-campus .month-course .bpd { padding:15px 10px; } 
#e4ds-campus .month-course .monthcourse-box { border-radius:5px; position:relative; border: 4px solid #c1c1c1; padding: 20px; margin:0 auto; }
#e4ds-campus .month-course .monthcourse-box:hover { border: 4px solid #040440;  }
#e4ds-campus .month-course .monthcourse-box .course-tit { margin:30px 0; color: #000000;  font-size: 22px; font-weight: bold; overflow: hidden; height: 64px; white-space: normal;  line-height: 1.6; text-align: left;  word-wrap: break-word; display: block; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
#e4ds-campus .month-course .monthcourse-box .course-btn { display: inline-block;  padding: 5px 20px; font-size: 12px;  font-weight: bold;  border-radius: 5px; color: #ffffff;  background-color: #d43f3a; }
#e4ds-campus .month-course .monthcourse-box .day { display: inline-block;  padding: 5px 20px; font-size: 12px;  font-weight: bold;  border-radius: 5px; color: #ffffff;  background-color: #828282;  }
#e4ds-campus .month-course .monthcourse-box .step { display: inline-block;  padding: 5px 10px; font-size: 12px;  font-weight: bold;  border-radius: 5px; color: #ffffff;  background-color: #f0ad4e; margin-left: 2px; }
#e4ds-campus .month-course .monthcourse-box .pay { font-size: 18px;  font-weight: bold;  color: #cc0001; }
.mx1300 { max-width:1300px; margin: 0 auto; }
.cmapus-diagram { width:100%; background-color:#ffc53d; padding: 30px 0;  }
.cmapus-diagram .tit { color: #000000;  font-size: 18px; font-weight: bold; }
.cmapus-diagram .stit { color: #000000;  font-size: 14px; font-weight: normal; padding-top:5px; }

.training-schedule { max-width:1300px; margin: -20px auto 0 auto; background-color:#ffffff; border-radius: 20px; padding:25px 10px; -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.44); -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.44); box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.44); line-height:28px; font-size:16px;}
.z-index-1 { z-index:-1; }
.training-schedule strong { display:block; color:#000000; font-size:22px; margin-bottom:15px;  }
.training-schedule .rfont { color:red; font-weight:bold; }
.training-btn { margin: 20px auto 20px auto; }
.training-btn .bpt { white-space: pre-wrap; padding: 18px 0px; width:98%; margin: 0 auto;  font-size: 16px;  font-weight: bold;  border-radius: 10px; }


.campus-membership { width:100%; background:url(/images/campus_membership_bg.jpg); background-size:cover; padding: 50px 0; margin: 60px 0; }
.campus-membership .tit { color: #000000;  font-size: 18px; font-weight: bold; }
.campus-membership .stit { color: #000000;  font-size: 14px; font-weight: normal; padding-top:5px; }

@media screen and (max-width: 767px) {	
	.training-schedule strong { padding-top:20px; }
	.training-schedule { margin: -8px auto 0 auto; }
}

.campus-membership .tit { color: #d21e19;  font-size: 45px; font-weight: bold; }
.campus-membership .tit2 { color: #212121;  font-size: 28px; font-weight: bold; margin-top:50px; }
.campus-membership .stit { color: #000000;  font-size: 14px; font-weight: normal; padding-top:5px; }
.campus-membership .stit2 { color: #ffffff; font-size: 18px; font-weight: bold; margin: 30px 0 60px 0;  }
.campus-membership .stit2 span { padding: 20px 30px; background-color:#d21e19; border-radius: 30px; }

@media screen and (max-width: 767px) {	
	.campus-membership .stit2 span { padding: 10px; background-color:#d21e19; border-radius: 0px; line-height:45px; }
}

.membership-schedule { line-height: 35px; font-size:17px; }
.membership-schedule .schedule { text-align:left; border-style: solid; border-width: 0 0 0 8px; padding: 0 10px 0 20px; word-break: break-all;  border-color: DodgerBlue; }
.membership-schedule .pay { text-align:left; border-style: solid; border-width: 0 0 0 8px; padding: 0 10px 0 20px; word-break: break-all;  border-color: Tomato; }

.membership-schedule strong { display:block; color:#000000; font-size:22px; margin-bottom:15px;  }
.membership-schedule .rfont { color:red; font-weight:bold; }
.membership-schedule .bluefont { color:#337ab7; font-size:18px; font-weight:bold; }
.membership-schedule .btn { border-radius: 5px; }
.membership-schedule .ft30 { font-size:30px; }
.membership-schedule .mline { text-decoration:line-through }
.membership-location  { line-height: 35px; font-size:17px; }
.membership-location strong { display:block; color:#000000; font-size:22px; margin-bottom:15px;  }

.carousel-inner > .item img {
  margin: 0 auto;
}
        
        
        
/**************************************************컨퍼런스 에디터***************************************************/        
        
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
        
#edu-cont-wrap {width: 936px; background-color: #ffffff}
        /* 교육일정 */
.intro-date-con{width: 856px; margin: 0 auto; padding: 48px 0 0 0}
.intro-date-box{margin:0 -1.1666%; padding: 0}
.intro-date-box li{float:left; width:31%; margin:0 1.1666%; text-align:center; }
.intro-date-box li .intro-date-inner{position:relative; border:1px solid #2b3161; min-height:227px; padding:0 3%}
.intro-date-box li .intro-date-inner:after,
.intro-date-box li .intro-date-inner:before{position:absolute; display:inline-block; content:""; background:#afb7e2;}
.intro-date-box li:first-child .intro-date-inner:after{width:50%; height:11px; top:0; left:0}
.intro-date-box li:last-child .intro-date-inner:after{width:50%; height:11px; top:0; right:0}
.intro-date-box li:first-child .intro-date-inner:before{width:11px; height:35%; top:0; left:0}
.intro-date-box li:last-child .intro-date-inner:before{width:11px; height:35%; top:0; right:0}
.intro-date-box li .intro-date-img{position:absolute; display:inline-block; width:25%; top: 11px; margin-top:-15.5%; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); z-index:9}
.intro-date-box li .intro-date-img img{max-width:100%}
.intro-date-box li .intro-date-txt{/*padding-top:92px;*/ padding-top:21%; word-break:keep-all}
.intro-date-box li .intro-date-txt strong{display:block; width: 80%; margin: 0 auto; font-weight:600; font-size:20px; letter-spacing:-0.75px; color:#2f3ca2; line-height:1.4em; border-bottom:1px solid #ddd; padding-bottom:6px; margin-bottom: 12px;}
.intro-date-box li .intro-date-txt p{margin: 0; padding: 5px 0; font-weight:normal; font-size:15px; color:#000000; line-height:100%; }
.intro-date-box li:first-child p, .intro-date-box li:last-child p {font-size: 16px;}
.intro-date-box li:last-child p.red {padding-top: 10px; color: #cc0000; font-weight: 700}
             
        
.edu-detail-cont {padding: 60px 60px 20px 55px; font-size: 16px; line-height: 2.2; color: #000000}
.edu-detail-cont strong {display: block; font-size: 25px; line-height: 1.5; font-weight: bold; padding-bottom: 7px}
.edu-detail-cont p {font-size: 15px; padding-bottom: 10px;}

.edu-target-inner {padding: 30px 40px 20px 40px; }
.edu-target-inner .title {text-align: center; font-size: 28px; font-weight: 900; color: #333333; margin-bottom: 10px;}
.edu-target-inner .title strong { box-shadow:inset 0 -20px 0 rgba(255,214,204,1);}
.edu-target-inner ul {margin: 0; padding: 0}
.edu-target-inner li {padding: 160px 0 0 0;  float: left; width: 33.333%; height: 232px; text-align: center; background-color: #ace0e6; background-repeat: no-repeat; background-position: center 28px;font-size: 16px; font-weight: 700}
.edu-target-inner li:nth-child(1) {background-image: url('http://www.e4ds.com/images/conference/target_img1.jpg'); line-height: 1.4}
.edu-target-inner li:nth-child(2) {background-color: #ffffff; background-image: url('http://www.e4ds.com/images/conference/target_img2.jpg');  border-top: 1px solid #ace0e6;  border-bottom: 1px solid #ace0e6; box-sizing: border-box}
.edu-target-inner li:nth-child(3) {background-image: url('http://www.e4ds.com/images/conference/target_img3.jpg');}


.edu-tc-inner {margin-top: 40px; padding: 30px 0 30px 120px;background-color: #042a59}
.edu-tc-inner .edu-tc-img {float: left; width: 35%; padding-top: 10px}
.edu-tc-inner .edu-tc-img img {width: 180px;}
.edu-tc-inner .edu-tc-detail {float: left; width: 65%}
.edu-tc-inner .edu-tc-detail p {margin: 0; padding-bottom: 10px; color:#9ac5e5; font-size: 14px;}
.edu-tc-inner .edu-tc-detail p.name {padding-top: 10px; font-size: 20px;font-weight: 900; color: #ffffff}
.edu-tc-inner .edu-tc-detail p.name span{font-size: 14px;font-weight: normal}
.edu-tc-inner .edu-tc-detail p.history {padding-top: 20px; color: #ffffff; font-size: 18px; font-weight: 700}

.curriculum-box {margin: 40px auto 0 auto; padding: 40px 50px; border: 1px solid #5c5c5c; width: 856px; box-sizing: border-box;background-color: #ffffff}
.curriculum-title {font-size: 38px; color: #111111;  font-weight: 900; text-align: center; line-height: 1}
.curriculum-summary {padding: 4px  0 5px 60px; margin-bottom: 35px; margin-top: 50px; position: relative;background-color: #2e3131; height: 46px; color: #ffffff; font-size: 20px; box-sizing: border-box;}
.curriculum-summary span {display: inline-block; position: absolute; left: 0; top: -15px; border: 1px solid #5c5c5c; background-color: #ffffff; width: 40px; height: 40px; text-align: center; line-height: 34px; color: #f23740; font-size: 25px; font-weight: bold; box-sizing: border-box;}
        
        .curriculum-summary.emc {padding-left: 172px; font-size: 19px; letter-spacing: -1px}
        .curriculum-summary.emc span {width: 156px; font-size: 22px}        
    
.curriculum-desc  {padding-left: 30px; padding-top: 10px;}
.curriculum-desc.sb-none {padding-top: 0; padding-bottom: 10px;}
.curriculum-desc  p {margin: 0;  padding: 0 0 13px 0; font-size: 15px; line-height: 1.4; color: #000}
.curriculum-desc  p:before {content:"\A"; width:3px; height:3px; border-radius:50%;  margin-top: 10px; margin-right: 7px; background: #444; display:inline-block; vertical-align: top} 

.curriculum-sb {font-size: 16px;}
        
        
/*웨비나등록버튼*/
        .btn-webinar {margin: 50px 0 5px 0}
.webinar-reg {display: block; width: 44%; padding: 23px 0; margin-left: auto; margin-right: auto; background: #f94d17 url('http://www.e4ds.com/images/conference/icon_regist.png') no-repeat 18% 50%; font-size: 26px; font-weight: 500; text-align: center; text-indent: 60px; color: #ffffff; text-decoration: none;  box-sizing: border-box; border: 1px solid #f94d17}
.webinar-reg:hover {background-image: url('http://www.e4ds.com/images/conference/icon_regist_over.png'); background-color: #ffffff; color: #f94d17}
.webinar-attend {display: block; width: 44%; padding: 23px 0; margin-left: auto; margin-right: auto; background: #3f51b5 url('http://www.e4ds.com/images/conference/icon_attend.png') no-repeat 16% 50%; font-size: 26px; font-weight: 500; text-align: center; text-indent: 60px; color: #ffffff; text-decoration: none;  box-sizing: border-box; border: 1px solid #3f51b5}
.webinar-attend:hover {background-image: url('http://www.e4ds.com/images/conference/icon_attend_over.png'); background-color: #ffffff; color: #3f51b5}
        
        
        



@media all and (max-width:640px){	
    .seminar_desc {padding-right: 0} 
#edu-cont-wrap {width:100%;}
.intro-date-con{width: 100%; margin: 0 auto; padding: 20px 0 0 0}
.intro-date-box{margin:0}
.intro-date-box li{float:none; width:100%; margin:0 0 5%}
.intro-date-box li .intro-date-inner{height:auto; padding:0 5% 5%}
.intro-date-box li:first-child .intro-date-inner:after,
.intro-date-box li:last-child .intro-date-inner:after,
.intro-date-box li:first-child .intro-date-inner:before,
.intro-date-box li:last-child .intro-date-inner:before{display:none }
.intro-date-box li .intro-date-txt{padding-top:16%}
.intro-date-box li .intro-date-txt strong{width: 80%; font-size:14px; letter-spacing:-0.75px; padding-bottom:3px; margin-bottom: 6px;}
.intro-date-box li .intro-date-img{margin-top:-7.5%}
.intro-date-box li .intro-date-img img{max-width:60%}
.intro-date-box li .intro-date-inner{min-height:130px; padding:0 3% 2% 3%}
.intro-date-box li .intro-date-txt p{font-size:14px; padding: 0 0 5px 0;}
                
.edu-detail-cont {padding: 0 0 20px 10px; font-size: 14px; line-height: 1.8; }
.edu-detail-cont strong {display: block; font-size: 18px; line-height: 1.5; font-weight: 900}
    
.edu-target-inner .title {font-size: 22px; padding-bottom: 10px;}                   
.edu-target-inner {padding: 0 0 20px 0; }
.edu-target-inner li  {padding: 130px 0 0 0; background-size: 80px; font-size: 12px;height: 200px}              
.curriculum-box {margin: 20px auto 0 auto; padding: 25px 0 25px 0; width: 100%; }
.curriculum-title {font-size: 26px; }
.curriculum-summary {padding: 4px  0 5px 33px; margin-bottom: 25px; margin-top: 25px;  height: 36px; font-size: 15px; }
.curriculum-summary span {left: 4px; top: -15px;  width: 26px; height: 26px; line-height: 26px; font-size: 15px; }
.curriculum-desc  {padding-left: 10px; padding-top: 10px;}
.curriculum-desc  p {margin: 0;  padding: 0 0 7px 0; font-size: 13px; line-height: 1.4; }
.curriculum-desc  p:before {content:"\A"; width:3px; height:3px; margin-top: 7px; margin-right: 4px; } 
.curriculum-sb {font-size: 13px; line-height: 1.3}
    
.edu-tc-inner {margin-top: 20px; padding: 30px 0 30px 20px;}
.edu-tc-inner .edu-tc-img {width: 30%; padding-top: 10px}
    .edu-tc-inner .edu-tc-img img {width: 80px;}
.edu-tc-inner .edu-tc-detail {width: 70%}
.edu-tc-inner .edu-tc-detail p {padding-bottom: 6px; font-size: 12px;}
.edu-tc-inner .edu-tc-detail p.name {padding-top: 6px; font-size: 16px;}
.edu-tc-inner .edu-tc-detail p.name span{font-size: 12px;}
.edu-tc-inner .edu-tc-detail p.history {padding-top: 12px;font-size: 13px; }
    
    
    .btn-webinar {}
            .webinar-reg {margin-bottom: 20px; width: 70%;font-size: 18px; background-size: 30px;}
            .webinar-attend {width: 80%; }
    


            .curriculum-summary.emc {padding: 20px  0 5px 60px; margin-bottom: 35px; margin-top: 50px; position: relative;background-color: #2e3131; height: 56px; color: #ffffff; font-size: 20px; box-sizing: border-box;padding-left: 40px; font-size: 14px; letter-spacing: -1px;line-height: 1.5}
    .curriculum-summary.emc:nth-child(6) {height: 70px;}
        .curriculum-summary.emc span {width: 82px; font-size: 13px}  
            
}
        
        
        
        .triangle-obtuse {
  position:relative;
  padding:15px;
  margin:1em 0 1em 2em;
  color:#fff;
  background:#4377ea;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#4579ec), to(#4377ea));
  background:-moz-linear-gradient(#4579ec, #4377ea);
  background:-o-linear-gradient(#4579ec, #4377ea);
  background:linear-gradient(#4579ec, #4377ea);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-obtuse.top {
 
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#4377ea), to(#4579ec));
  background:-moz-linear-gradient(#4377ea, #4579ec);
  background:-o-linear-gradient(#4377ea, #4579ec);
  background:linear-gradient(#4377ea, #4579ec);
}
        
        /* creates the wider right-angled triangle */
.triangle-obtuse:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:60px; /* controls horizontal position */
  border:0;
  border-right-width:30px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-style:solid;
  border-color:transparent #4377ea;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the narrower right-angled triangle */
.triangle-obtuse:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:80px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
  border:0;
  border-right-width:10px; /* vary this value to change the angle of the vertex */
  border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
  border-style:solid;
  border-color:transparent #fff;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}
        
        /* Variant : top
------------------------------------------ */

.triangle-obtuse.top:before {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:60px;
  right:auto; /* controls horizontal position */
  border:0;
  border-left-width:30px; /* vary this value to change the width of the triangle */
  border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
  border-color:transparent #4377ea;
}

.triangle-obtuse.top:after {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:80px;
  right:auto; /* value = (:before's right) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
  border-width:0;
  border-left-width:10px; /* vary this value to change the width of the triangle */
  border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
  border-color:transparent #4377ea;
}       

.is_empty_member_addtional_info {
    border: 1px solid #ff0000;
}


#main_news .wtit h2 { font-size: 18px;  letter-spacing: 0px; color: #000000; line-height: 12px; padding:  0 0 22px 0;  margin:0; border-bottom: 1px solid #676767; font-weight:normal;}
#main_news .wtit a { font-size: 12px; color: #666666;  position: absolute;  right: 0;  bottom: 15px; }
#main_news .mobile-more { font-size: 15px; color: #040440;  font-weight:500; position: absolute;  right: 10px;  bottom:5px; z-index: 9; letter-spacing:-1px;	}
#main_news .panel { position:relative;  overflow:hidden; }
#main_news .panel-heading { z-index: 999;  }
#main_news .mw-box { padding: 8px; overflow:hidden;  }
#main_news .mw-img { display:block; margin: 0 0 10px 0; padding:0; }
#main_news .mw-img img { width:100%; }
#main_news .mw-day { line-height: 1.7; font-size:12px; color:#ffffff; display:inline-block; border-radius:5px; background-color:#cc0000; padding: 0px 8px; margin-right:6px; font-weight:bold; }
#main_news .mw-txt { font-size:15px; letter-spacing:-1px; font-weight:bold; color:#000000; overflow: hidden; height: 45px; white-space: normal; line-height: 1.2; text-align: left; word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2; display: block;   -webkit-box-orient: vertical; word-break:break-all;}
#main_news .rsnav a { font-size:15px; letter-spacing:-1px; padding: 15px 8px; margin: 10px 0; color:white; font-weight:bold; }
#main_news .rsnav a.news-plus {position: absolute; right: 146px; top:-1px; z-index: 100; padding: 0}
#main_news .rsnav .panel-snav .panel-body {  padding: 12px;  background-color: #040440; }

#scroll_wrapper::-webkit-scrollbar { width: 0 !important; height:0 !important; display:none;}
#scroll_wrapper{
	white-space:nowrap;
    overflow-x: auto;
    overflow-y: hidden;
	overflow:-moz-scrollbars-none;
	-ms_overflow-style:none;
	scrollbar-width:none;
}


.btn-large {
    font-size: 2em !important;
    padding: 20px 30px !important;
}



.agreement_checkbox{
	padding-bottom:20px;
}
.agreement_content{
	line-height:1.8em;
	padding-bottom:20px;
}
.agreement_content a{
	color:#0066cc;
	font-weight:600;
	text-decoration:underline;
}


.btn-conf {
    color: #fff;
    background-color: #cc0000;
    border-color: #aa1339;
    font-weight: 700;
    font-size: 24px;
}
.btn-conf:hover, .btn-conf:focus, .btn-conf:active, .btn-conf.active, .open > .dropdown-toggle.btn-conf {
	color: #fff;
	background-color: #cc0000;
}
.btn-conf:active, .btn-conf.active {
	background-color: #cc0000;
	color: #fff;
	box-shadow: none;
}

        
        
        

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
  /* ------------------------------------------ */  
        
        
        .plus-title {text-align: center; padding-top: 15px; padding-bottom: 5px; }
        .plus-title.subs {padding-bottom: 0; font-size: 33px; font-weight: 700; line-height: 63px; color: #faa61a}
        .plus-title img {padding-right:20px; vertical-align: top}
        .mt100 {margin-top: 100px;} 
        
        .card-deck {display: flex; flex-flow: row wrap; padding-top: 30px}

        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 25px;
            margin-bottom: 0;
            margin-left: 25px;
            width: 348px;
            height: 390px;
            padding-top: 210px;
            border-radius: 16px;
            background-position: center 38px;
            background-repeat: no-repeat;
        }
        .card-deck .card:first-child  {border: 1px solid #e4e4eb; background-color: #f5f5fd; background-image: url('../images/plus/plus_pay_1month.png');  }
        .card-deck .card:nth-child(2) {border: 1px solid #e4e4eb; background-color: #dfdff6; background-image: url('../images/plus/plus_pay_subscribe.png'); }
        .plus-desc .small-text {padding-top: 10px; text-align: center; font-size: 12px; color: #484848}
        .card-body {position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem;}
        .price {font-size: 22px; color: #222222; font-weight: 500}
        .price span {display: block; color: red; font-size: 14px; font-weight: 700}
        .e4ds-pay-btn {display: block; position: absolute; left: 50%; bottom: 40px; width: 144px; margin-left: -72px; padding-top: 1rem; padding-bottom: 1rem; text-align: center; background-color: #272466; color: #ffffff; font-size: 17px; font-weight: 500; border-radius: 50px}
        .e4ds-pay-btn:hover {color: #faa61a}
        .plus-cs {margin-top: 4rem; padding-top: 26px; height:179px; background-image: url('../images/plus/plus_cs_bg.png'); background-repeat: no-repeat; text-align: center; }
        .plus-cs ul li {padding: 0.5rem 0; font-size: 14px; color: #666666}
        .plus-cs ul li:before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        background: rgba(133,133,139,0.7);
        vertical-align: top;
        margin-top: 9px;
        margin-right: 7px;
        border-radius: 50%;}
        .plus-cs ul li a {display: inline-block; color: #fe533c; margin-left: 8px; }
        .plus-cs ul li a:hover {text-decoration: underline !important}
        
        .h3-plus {padding-top: 2rem; font-size: 27px;font-weight: 900}
        .e4ds-plus-join-info {padding: 17px 0 7px 0; font-size: 16px; font-weight: 500}
        .e4ds-plus-join-info:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #4f47fa;
            border-radius: 50%;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 1px;}


    .membership-year {background-color: #7264d2; border-radius: 16px; padding:  35px 46px; width:794px; margin:auto;}
    .membership-year .d-flex {display: flex; margin-bottom: 0.6rem;}
    .membership-year .year-txt {padding-left:30px; padding-top: 10px;}
    .membership-year .year-txt .price {text-align: center; color: #ffffff; padding-top: 1rem;}
    .membership-year .benefit {padding-left: 60px; padding-top: 10px;}
    .membership-year .benefit ul li {padding: 5px 3px; color:#ffffff; font-size: 16px; }
    .membership-year .benefit ul li span {display: inline-block; background-image:url('../images/plus/year_bl.png'); background-repeat: no-repeat; background-position: 0 2px; width: 21px; margin-right:  8px; text-align: center; font-size: 16px;}

    .membership-year .e4ds-pay-btn {position: static; margin-left: 0; display: inline; background-color: #fff; color: #fe533c; font-size: 19px;}
    .membership-year .e4ds-pay-btn:hover {background-color: #272466; color: #ffffff;}

    .plus-guides {background-color: #fff; padding: 2rem 5rem 5rem 5rem;}
    .plus-guides>p {margin-top: 3rem; color: #fe533c; font-weight: 500;}
    .plus-guides>p:first-of-type {color: #272466; }
    .plus-guides ul {padding-left: 1.3rem;}
    .plus-guides ul li {line-height: 1.4; padding-top: 0.4rem; padding-bottom: 0.4rem; position: relative; padding-left: 15px; font-size: 15px; word-break: keep-all;}
    .plus-guides ul li::before {
        position: absolute;
        left: 1px;
        content: "\2022"; /* Unicode bullet symbol */
        color: #7264d2;  /* Bullet color */
    
        /* Optional tweaks */
        font-weight: bold;
        padding-right: 10px;}

        .plus-guides .mt-2 {margin-top: 30px;}
        .plus-guides .mt-2 p {font-size: 15px;}


    @media (max-width: 1199px) {

        .e4ds-plus-intro.membership p img {width:80%;}
        .e4ds-plus-intro .e4ds-mb-desc p:first-child {font-size: 20px !important;}
        .e4ds-plus-intro .e4ds-mb-desc p {font-size: 16px !important; word-break: keep-all;}


        .membership-year {padding:  35px 40px; width:100%;}
        .membership-year>.d-flex {display: block;}
        .membership-year .d-flex .d-flex div:first-of-type {width: 45%;}
        .membership-year .d-flex .d-flex img {width: 80%;}
        .membership-year .year-txt {padding-left:0; padding-top: 10px;text-align: center;}
        .membership-year .benefit {padding-left: 0;}
        .membership-year .benefit ul {padding-left: 0; padding-top: 1.5rem; padding-bottom: 0.7rem;}

        .membership-year .benefit ul li  {font-size: 15px;}
        .membership-year .benefit ul li span  {font-size: 14px; height: 22px;}

        .plus-guides {padding: 1rem 1rem 3rem 2rem;}
    }




        .e4ds-plus-guide {padding: 40px 0 10px 0; text-align: center;}
        .e4ds-plus-guide span{display: inline-block; box-shadow: inset 0 -10px 0 #fef1dd; font-size: 14px; color: #4d4a82; letter-spacing: -0.5px}
        
        .e4ds-plus-intro {padding: 2rem 0; margin-top: 2rem; background-color: #ffffff; border-radius: 8px; border-left: 4px solid #6865d3; border-right: 4px solid #6865d3; margin-bottom:40px}
        .e4ds-plus-intro .e4ds-mb-desc p {font-size: 19px; color: #222; font-weight: 400; letter-spacing: -0.5px !important; }
        .e4ds-plus-intro .e4ds-mb-desc p:first-child {font-size: 25px; padding: 10px 0  0 0; word-break: keep-all;}
        .e4ds-plus-intro .e4ds-mb-desc p:first-child span {font-size: 25px; color: #6865d3; font-weight: 700;}
        .e4ds-plus-intro .e4ds-mb-desc p:first-child strong {font-size: 25px; color: #000000; font-weight: 700;}

        .e4ds-plus-intro.membership {background-color: transparent; margin-top: 7rem; margin-bottom: 5rem;}

        .plus-free-perm {padding: 0 7rem; margin: 5rem auto 0 auto; width: 88%; text-align: center;}
        .plus-free-perm p {line-height: 2 !important; color: #363232; letter-spacing: -0.2px; margin-bottom: 0}
        .plus-free-perm p:first-of-type {background-color: #f25f4c; color: #fff; padding-left: 2rem; padding-right: 2rem;}
        .plus-free-perm p:last-of-type {font-size: 16px; padding-top: 1.5rem;  padding-bottom: 1.5rem; background: #f1f1f1}
        .plus-free-perm p:last-of-type span {display: block; font-size: 14px; padding-top: 0.7rem; padding-bottom: 1rem; letter-spacing: -0.5px;}

        .e4ds-plus-countdown .progress {margin-left: auto; margin-right: auto; margin-top: 4rem;}

        .e4ds-plus-ad {overflow: hidden; text-align: center;}
        .e4ds-plus-ad-title {position: relative; padding-bottom: 40px; margin-top: 20px;}
        .e4ds-plus-ad-title p {display: inline-block; background-color: #fd6000; font-weight: 500; font-size: 15px; color: #fff; padding: 0.5rem 3rem;}
        .e4ds-plus-ad-title p span {position: absolute; left: 50%; top: 45px; margin-left: -9px;}
        .e4ds-plus-ad-title p span img{animation: motion 0.4s /* 속도 */
            linear 0s   /* 처음부터 끝까지 일정 속도로 진행 */
            infinite alternate; /* 무한 반복 */}
            @keyframes motion {
                0% {margin-top: 0px;} /* 처음 위치 */
                100% {margin-top: 10px;} /* 마지막 위치 */
              }
        .e4ds-plus-ad-img a img {width:630px !important; height: 130px !important;}
		.e4ds-plus-ad-img {padding-bottom:60px; border-bottom:1px solid #ccc;}
        
        .btn-plus_join {width: 250px; margin-top: 2rem; padding-top: 1rem; padding-bottom: 1rem; text-align: center; border: 2px solid #272466 !important; background-color:#272466; color: #ffffff !important; font-size: 19px; font-weight: 700; border-radius: 50px}
        .btn-plus_join:hover {background-color: transparent; color: #272466 !important}
        .m-block {display: none;}
        
        .e4ds-plus-content .plus-event {margin-top: 50px; background-color: #fbf0e1; background-image: url('../images/plus/bg_event.png'); background-repeat: no-repeat; text-align: center;}
        .e4ds-plus-content .plus-event h3 {padding-top: 11rem; text-align: center; color: #3f60b0 !important; font-weight: 800; letter-spacing: -1px; font-size: 34px;}
        .e4ds-plus-content .plus-event .plus-event-summ {text-align: left;}
        .e4ds-plus-content .plus-event .plus-event-summ div { padding-left: 16rem;  padding-top: 20px;letter-spacing: -1px;}
        .e4ds-plus-content .plus-event .plus-event-summ div span {display: inline-block; border-radius: 22px; margin-right: 10px; border: 1px solid #000; width: 120px; text-align: center;letter-spacing: -0.4px;}
        .e4ds-plus-content .plus-event .plus-event-summ div p {letter-spacing: -0.4px; font-size: 19px;}
        .e4ds-plus-content .plus-event .plus-event-summ>p {text-align: center; letter-spacing: -1px; color: #de4c16;  font-size: 24px; line-height: 1.6; font-weight: 500; padding: 13px 0 20px 0;}
        .plus-event-form-wrap form {width: 78%; margin: 0 auto; background-color: #fff; border-radius: 24px; padding: 5rem 2rem;}
        .plus-event-form-wrap form  .form-item.name {text-align: left; padding-left: 10rem; margin-bottom: 8px;}
        .plus-event-form-wrap form  .form-item.name label {width: 20%; display: inline-block; font-weight: 500; font-size: 17px;}
        .plus-event-form-wrap form  .form-item.name input {border-radius: 10px; border:none; background-color: #f7f7f7;padding: 3px 15px;}
        .plus-event-form-wrap form  .form-item.agree {text-align: center;margin-top: 20px; margin-bottom: 20px;}
        .plus-event-form-wrap form  .form-item.agree label {margin-left: 8px; font-weight: 500;  margin-bottom: 0;}
        .plus-event-form-wrap form  .form-item.agree input {width: 18px; height: 18px;vertical-align: middle; margin-top: 0;}
        .plus-event-form-wrap .plus-policy-agreement {width: 96%; margin: 0 auto; margin-top: 30px; padding: 20px 20px 20px 30px;background-color: #f7f7f7; text-align: left; font-size: 14px; letter-spacing: normal;color: #555;}
        .plus-event-form-wrap .plus-policy-agreement strong {font-size: 16px; font-weight: 700; letter-spacing: -0.5px;}
        .plus-event-form-wrap form .plus-event-submit-btn {background-color: #3f60b0; color: #fff; border-radius: 8px; padding-left: 4rem; padding-right: 4rem;}
        .plus-event-form-wrap form .plus-event-submit-btn:hover {background-color: #253d78; }
       .plus-event-more a {display: inline-block; margin-bottom: 5rem; font-size: 18px; color: #000; border-bottom: 2px solid #000; letter-spacing: normal;}
       .plus-event-more a:focus, .plus-event-more a:active {box-shadow: none;}



       @media (max-width: 1054px) {
        .e4ds-plus-content {background-size: contain; padding: 2rem ;}
        .e4ds-plus-content .plus-event .plus-event-summ div {padding-left: 1rem;}
        .plus-event-form-wrap form {width: 90%;}
        .plus-event-form-wrap form .form-item.name {padding-left: 1rem;}
        
    
        }

        @media (max-width: 576px)  {
            .plus-event-form-wrap form {width: 94%;}
            .plus-event-form-wrap form .form-item.name label {width: 100%; font-size: 13px;}
            .e4ds-plus-content .plus-event {background-size: contain;}
            .e4ds-plus-content .plus-event .plus-event-summ div span {display: block;}
            .e4ds-plus-content .plus-event h3 {word-break: keep-all; padding-left: 1rem; padding-right: 1rem; padding-top: 4rem; font-size: 25px !important;} 
            .e4ds-plus-content .plus-event .plus-event-summ>p {font-size: 18px; word-break: keep-all;}
            .plus-event-form-wrap .plus-policy-agreement {width: 100%;margin-top: 15px; padding:10px 10px 10px 10px;font-size: 13px}

            .plus-free-perm {width: 100% !important;   padding: 0 !important; }
            .plus-free-perm p {padding-left: 1rem; padding-right: 1rem; word-break: keep-all;}

            .e4ds-plus-content .plus-event .plus-event-summ div p {font-size: 15px; word-break: keep-all;}

            .plus-free-perm p:last-of-type {padding-left: 3rem; padding-right: 3rem;}
        }


        
        .table-plus-info tr:nth-child(even) td {background-color: #f8f6ff;}
        .table-plus-info th {font-size: 14px; color: #fff; line-height: 1.4; background-color: #6c7ae0; text-align: center}
        .table-plus-info th:first-child, .table-plus-info td:first-child {text-align: center}
        .table-plus-info td {padding-top: 10px; padding-bottom: 10px; background-color: #ffffff; line-height: 1.4; vertical-align: middle !important; text-align: center; border-bottom: 1px solid #dddddd; }
        .table-plus-info td span.plus-remains {color: #4f47fa}
        

        .table-plus-join th {font-size: 14px; color: #fff; line-height: 1.4; background-color: #f8f6ff; text-align: center; color: #4c498d; font-weight: 400; border-bottom: 1px solid #e1e1ee}
        .table-plus-join td {padding-top: 10px; padding-bottom: 10px; padding-left: 50px !important; background-color: #ffffff; line-height: 1.4; vertical-align: middle !important; text-align: left; border-bottom: 1px solid #e1e1ee; }
        
        .plus-notice {background-color: #ffffff; padding: 30px 40px 15px 40px; margin-bottom: 30px; border: 1px solid #e1e1ee}
        .plus-notice ul {padding-left: 0}
        .plus-notice ul li {position: relative; padding: 5px 0 5px 18px; line-height: 1.4}
        .plus-notice ul li:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 1px;
        background: #888888;position: absolute; left: 0; top: 13px}

        .e4ds-pay-renew-btn {padding-left: 15px; padding-right: 15px; border: 1px solid #272466; background-color: #272466; color: #ffffff; border-radius: 20px}
        .e4ds-pay-renew-btn:hover { color: #faa61a;}
        .e4ds-pay-info-btn {padding-left: 15px; padding-right: 15px; border: 1px solid rgba(39,36,102,0.4); background-color: #ffffff; border-radius: 20px}
        
        #payinfo_wrap {margin-top: 3rem}
        #payinfo_wrap .payinfo-title {padding-left: 37px; font-size: 23px; color: #272466; font-weight: 700; background-image: url('../images/plus/icon_payinfo.png'); background-repeat: no-repeat; background-position: 0 1px;}
        #payinfo_wrap .payinfo-title.card {background-image: url('../images/plus/icon_card.png'); }
        #payinfo_wrap .text-center {text-align: center}
        #payinfo_wrap .text-center .btn {padding: 10px 35px; border: 1px solid #272466; background-color: #272466; color:#ffffff; font-size: 15px;}
        #payinfo_wrap .text-center .btn-plus {border: 1px solid #272466; background-color: #ffffff; color:#272466; }
        
        
        .table-pay-info th {width: 19%; padding-left: 35px !important; background-color: #f8f6ff; color: #4c498d; border-bottom: 1px solid #e1e1ee; font-weight: 400}
        .table-pay-info td {padding-left: 25px !important; background-color: #ffffff;border-bottom: 1px solid #e1e1ee}
        .table-pay-info th:first-child {border-top: 1px solid #272466 !important}
        .table-pay-info tr:first-child td {border-top: 1px solid #272466 !important}
        
        .btn-plus-subs {background-color: #272466; color: #ffffff; padding: 10px 26px}
        .btn-plus-subs:hover {color: #ffffff}
        


        .e4ds-plus-alarm {margin-top: 30px; text-align: center;}
        .btn-alarm {position: relative; border-radius: 0.6rem; background-color: #544dd3; padding: 1.8rem 6rem; border:none; color:#ffffff; font-size: 17px; font-weight: 500; }
        .btn-alarm::after {content: ""; display: block; position: absolute; left: 85%; bottom: -21%; z-index: 1000; background-image: url('../images/plus/icon_btn_alarm.png'); width: 36px; height: 44px;}
        .btn-alarm:hover {color:#fecd7d;}

        .e4ds-plus-alarm-count {padding-top: 1rem; padding-bottom: 1rem; color: #544dd3; font-weight: 700; text-align: center;}
        .e4ds-plus-alarm-count span {display: inline-block; padding-left: 0.5rem; padding-right: 0.5rem; background-color: #544dd3; border-radius: 50px; font-weight: 700; color: #ffffff; min-width: 60px;}
        
        .modal.alarm .modal-content {padding-top: 5rem; padding-bottom: 8rem; height: auto;  text-align: center;}
        .modal.alarm .modal-content button.close {margin-right: 2rem; margin-top: -4.5rem; font-size: 29px;}
        .modal.alarm .modal-content button.btn {padding: 1.3rem 6rem; background-color: #544dd3; font-size: 16px; color: #ffffff; margin-top: 2rem; }
        .modal.alarm .modal-content .alarm-ok {font-size: 17px;}
        .modal.alarm .modal-content .alarm-ok .point {padding-top: 1rem; padding-bottom: 1rem; font-size: 20px; font-weight: 800;}
        .modal.alarm .modal-body {width: 80%; margin: 0 auto; text-align: center;}
        .modal.alarm .modal-body .txt {padding-top: 3rem; font-size: 17px; letter-spacing: -1px;}
        .modal.alarm .modal-body .txt span {font-weight: bold; color: #f1392b;}
        .modal.alarm .modal-body .mail {padding: 2rem 0; font-size: 2rem; font-weight: 700;}
        .modal.alarm .modal-body .form-group label {font-size: 15px; color: #817ebf; }
        .modal.alarm .modal-body .form-group input {border-radius: 0;}
        


        /* ===================================
            후원페이지
        ====================================== */
.sponsorship-intro {padding: 7rem 1rem; text-align: left; overflow: hidden; background-image: url('../images/plus/img_sponsor.png'); background-position: right 133px ; background-repeat: no-repeat;}
.sponsorship-intro p {font-size: 17px; margin-bottom: 28px; line-height: 1.8;}
.sponsorship-intro p:last-of-type {margin-bottom: 60px;}
.sponsorship-intro p img {padding-top: 20px; padding-bottom: 35px;}
.sponsorship-intro a {margin-right: 2rem; display: inline-block; padding: 1.5rem 6rem; background-color: #fff; font-size: 18px;}
.sponsorship-intro a:first-of-type {border: 1px solid #000;}
.sponsorship-intro a:last-of-type {background-color: #f25f4c; border: 1px solid #f25f4c; color: #fff;}

        .sponsorship-benefits {display: flex; background-color: #e5ecf4; padding: 2rem 2rem;}
        .sponsorship-benefits .benefit {position: relative ;width: 23%; margin-left: 1%; margin-right: 1%; border-top-left-radius:20px; background-color: #fff;}
        .sponsorship-benefits .benefit .bnf-title {padding: 4.3rem  0 0 2rem; font-size: 17px; font-weight: 700;}
        .sponsorship-benefits .benefit .bnf-content {padding:0 0 1rem 2rem;}
        .sponsorship-benefits .benefit .num_ranking {
            position: absolute;
            top: -9px;
            left: 1.6rem;
            width:45px;
            height: 24px;
            z-index: 5
        }
        
        .sponsorship-benefits .benefit .num_ranking.num01 {
            background-position: 0 0
        }
        .sponsorship-benefits .benefit .num_ranking.num02 {
            background-position: -130px 0
        }
        .sponsorship-benefits .benefit .num_ranking.num03 {
            background-position: -260px 0
        }
        .sponsorship-benefits .benefit .num_ranking.num04 {
            background-position: -390px 0
        }
        .spr_main {
            display: inline-block;
            background: url(../images/plus/sprite_num.png);
            font-size: 0;
            text-indent: -9999em
        }
        .sponsorship-benefits .benefit .bnf-content ul {padding-left: 0;}
        .sponsorship-benefits .benefit .bnf-content ul li {padding-top: 1.3rem; word-break: keep-all; font-size: 15px;}
        .sponsorship-benefits .benefit .bnf-content ul li small {display: block; padding-top: 0.3rem; font-size: 13px;}


        .sponsorship-howtouse {background-color: #fff;}






        
        
        @media (max-width: 576px) {

            
            .mt100 {margin-top: 40px;} 
            
            .plus-desc p img, .e4ds-plus-intro p img {width: 100%}
            
            .card-deck .card {margin-left: 5px; margin-right: 5px; padding-top: 190px; background-size: 70%}
            
            .plus-desc .small-text {font-size: 11px; letter-spacing: -0.5px}
            .plus-cs {margin-top: 5rem; padding-top: 19px; text-align: left}
            .plus-cs ul {padding-left: 15px}
            .plus-cs ul li {padding-left: 13px; font-size: 13px; position: relative}
            .plus-cs ul li:before {position: absolute; left: 0; top: 2px}

            .e4ds-plus-ad-img a img {width:auto !important; height: auto !important;}
            
            .m-block {display: block;}
            .m-none {display: none;}
            }
        
        
        @media (max-width:820px) {
            
        #join_wrap.plus {padding: 20px 0 40px 0}
            
            .card-deck .card {margin-left: 5px; margin-right: 5px; padding-top: 210px; background-size: 50%}
            .card-deck .card .price {font-size: 18px}
            
        }

        


.tooltip {max-width:200px !important;}



/* 2024 - 05 - 21 */

.e4ds-plus-ad-box {
    margin: 10px 0 10px 0;
    border: 0px ;
    border-radius: 11px;
    padding: 0;
	background: #c33764;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #1d2671, #c33764);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #1d2671, #c33764); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.e4ds-plus-ad-box .ad-box-copy{
	font-size:2.3em;
	color:white;
	padding-top:15px;
	padding-bottom:8px;
}

.e4ds-plus-ad-box a {
}

.e4ds-plus-ad-box .ad-box-button {
	font-size: 1.2em !important;
    font-weight: 700;
    color: #272466 ;
    background-color: white;
    border-radius: 10px;
    padding: 8px 30px 8px 40px;
}

.e4ds-plus-ad-box .ad-box-additional {
	font-size:0.8em !important;
	color:white;
	margin-top:30px;
	padding-bottom:20px;
}