@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

* {word-break:keep-all; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
body {font-family:  'NanumSquare';  padding:0; margin:0; font-size:17px}

h1, h2, h3, h4, h5, strong {}

header { background: #3d1152 url('../images/top_bg.jpg')no-repeat fixed top center; color:#ffffff ; padding:calc(1% + 20px) 0;}  
header h2{font-size:20px;  line-height: 1.5}


  @media all and (max-width: 980px){   
header { background: #3d1152 url('../images/top_bg.jpg')no-repeat scroll top center; background-size: cover; background-position: 30%;}  
}
  @media all and (max-width: 640px){   

header h2 {font-size:4.4vw}    
}


.container {margin-right: auto; margin-left: auto; max-width: 1400px;  }

a:link, a:visited { color:#3d1152; }
a:hover { color:#6b04ab; }

h3 {font-weight: 900; color:#6b04ab; font-size:24px; margin-top:55px; margin-bottom:15px; line-height: 1.5}

.logo img { width: 20%; max-width: 150px; margin:20px 0 }
.invite {font-size:18px; font-weight: 500}

/*--------------------------------------------------------------
# Speaker
--------------------------------------------------------------*/
.speaker th{width: 40%; padding:12px 20px 12px 0;}
.speaker th img{width: 100%; max-width: 200px;  border-radius: 100px }
.speaker td h6 {display: block; width:98%; border-top:1px #e0e0e0 solid; padding-top:10px; margin-top:10px; margin-bottom:10px;}

.modal  {z-index: 10000}
.modal-dialog {max-width: 540px;}
.modal-header {background: #6b04ab; border-bottom:0; padding: 10px 20px 5px 20px; border-radius: 0; min-height: 40px; color:#ffffff} 
.modal-body  {padding: 25px; line-height: 1.5 }
.modal-body h5 {line-height: 1.35}
.modal-body h6 {margin-bottom:25px}
.modal-body p {font-size:15px; margin:15px 0 0 0; border-top:1px #e5e5e5 solid; padding-top:20px;}  .modal-body p strong {font-size:17px;}

.close {cursor: pointer}

  @media all and (max-width: 560px){   
    .modal-body th {display: none}
}

/*--------------------------------------------------------------
# Agenda
--------------------------------------------------------------*/

.agenda table {width:100%; border-radius: 5px; border-bottom:1px #032D42 solid }
.agenda td {padding: 10px 13px;  font-size: 17px;  line-height: 1.4;  border-top:2px #ffffff solid; vertical-align: middle }
.agenda th {padding: 8px 13px; font-weight: normal;  text-align: center;  letter-spacing: 1px; color:#032D42; border-top:2px #032D42 solid; border-bottom:1px #032D42 solid }
.agenda tr:nth-child(even) {background: #f4f5f8; }

.agenda .ses { font-weight: 700 }
.agenda .time {color:#032D42; line-height: 1.2; }
.spk {font-size:15px; padding-top: 15px;  color:#555d6a;}


.iconset {display: inline-block; white-space: normal; float:right}

.viewicon  {color:#6b04ab !important;  border:1px #6b04ab solid; padding:1px 4px;  display: inline-block; border-radius: 2px; font-size:13px !important; 
               transition: 0.3s;  -webkit-animation-delay: 0.4s;  animation-delay: 0.4s; cursor: pointer }
.detailview:hover .viewicon, .viewicon:hover {color:#ffffff !important; background: #6b04ab}

.quizeventicon {color:#ffffff !important;  background: #fc1255; border:1px #fc1255 solid; padding:1px 4px;  display: inline-block; border-radius: 2px;   }
.liveicon      {color:#e74f52 !important;  background: #ffffff; border:1px #e74f52 solid; padding:1px 4px;  display: inline-block; border-radius: 2px;   }

.description {clear:both; font-size:14px !important; color:#555d6a; padding-top:10px ; margin-top:10px; border-top: 1px #e0e0e0 solid; }
.small {font-size:13px; letter-spacing: -0.5px}


@media (max-width: 780px) { 
	.agenda td {font-size:14px; padding:10px; }  	.agenda th {font-size:12px; padding:5px;}	
  .spk, .description {font-size:12px !important}
}

/*--------------------------------------------------------------
# Info
--------------------------------------------------------------*/

@media all and (min-width: 990px){   
.info {padding-bottom:50px;}
}


.event img { border-radius: 0}


.sponsor div {border:1px #e0e0e0 solid; padding: 15px 0; text-align: center}
.sponsor div img {width:105px; margin: 10px}
.sponsor div span {white-space: nowrap}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { clear: both;  padding: 30px 0;  color: #738294;  font-size: 14px; text-align: left; border-top:1px #e0e0e0 solid; }  


@media all and (max-width:750px){  
	body {font-size:14px}
#footer {padding:20px 0; font-size:11px;}
}

.survey {margin-bottom:40px}

@media all and (min-width:1080px){  
  .survey .col-lg-4 {padding-right: 5%;}
}


ul {padding-left:20px; }
input[type="radio"]  {width:25px;height:25px;  margin:3px 3px 3px 0; vertical-align:middle}
input[type="checkbox"] {width:25px;height:25px;  margin:3px 3px 3px 0; vertical-align:middle}

.nowrap{white-space:nowrap}
.clear {clear: both}
.red {color:#ff6633;}

.btn_small{border-radius: 3px; font-size:16px; padding: 10px 25px; color:#ffffff !important; text-decoration: none !important;  background-color:#6b04ab; border:none ; cursor:pointer}
.btn_small:focus, .btn_small:hover, .btn_small:active{color:#ffffff !important; background-color:#3d1152;}

.btn{border-radius:50px; font-size:19px; font-weight: bold; padding:15px 70px; color:#ffffff !important; text-decoration: none;  background-color:#f36d30; border:none ; cursor:pointer}
.btn:focus, .btn:hover, .btn:active{color:#ffffff !important; background-color:#d66022;}

.survey table td  input[type="text"], .survey table td select {width:100%; margin:0; max-width: 400px; }
.survey table td {padding:12px 0; }
.small {font-size:14px; line-height:18px; }

label {color:#3d1152; font-weight: bold }
.survey ul, .regist ul { list-style: none; margin:0 0 20px 0; padding: 10px 0 0 0;  }
.survey ul .n  {display: block; width:30px; float:left; color:#4d69e0; font-weight: bold}
.survey ul .q  {margin-left:30px; line-height: 1.5 }
.survey ul .a  {margin-left:60px; margin-top:7px;  }
.survey ul .a input[type="radio"], .survey ul .a input[type="checkbox"] {margin:0 3px 0 -30px}
.survey ul .a div {padding:5px 0 0 0;  }
.survey ul .a .half {width: 320px; float:left}    .survey ul .a .quarter {width:160px; float:left}   
.survey ul .a textarea {width:100%; height:80px; margin: 8px 0 0 -35px}

@media (min-width: 1400px) {  .n, .q {font-size: 17px; line-height: 1.5}  }
    
.policy {color:#808080; line-height: 1.5}
.policy table {background: #e0e0e0}
.policy table td {padding:10px 5px; }