@charset "utf-8";







#header{position:fixed; padding:0 20px; top:0; left:0; height:50px; width:100%;  _background:#fff; z-index:99;}
#header>.in{position:relative; max-width:1210px; margin:0 auto; width:100%; height:100%;}
#header h1{padding-top:0px;}
#header h1 img{max-height:35px; vertical-align:middle;}
#header h1 b{display:inline-block; position:relative;}
#header h1 a{position:absolute; display:inline-block;}
#header h1 a.z1{top:0; left:0; width:70%; height:100%;}
#header h1 a.z2{top:0; right:0; width:25%; height:100%;}
#header .toggle-btn{position:absolute; top:0; right:0; text-align:center; cursor:pointer; width:50px; height:50px; line-height:50px;}
#header .toggle-btn i{font-size:30px; line-height:50px; color:#fff;}
#header .toggle-btn i.bar{display:inline-block;}
#header .toggle-btn i.close{display:none;}
#header.open .toggle-btn i.bar{display:none;}
#header.open .toggle-btn i.close{display:inline-block;}
#header .gnb{display:none; position:absolute; top:50px; right:10px; width:auto; text-align:center; box-shadow:0 3px 3px rgba(0,0,0,0.3);}
#header.open .gnb{display:block;}
#header .gnb ul{}
#header .gnb ul li.d1{position:relative; width:100%; font-size:16px; background:#fff;}
#header .gnb ul li.d1:after{ }
#header .gnb ul li.d1 + li{border-top:1px solid #ddd;}
#header .gnb ul li.d1.last{display:none;}
#header .gnb ul li.d1>a{display:block; width:100%; height:100%; padding:5px 25px; text-transform:uppercase; transition:0.3s;}
#header .gnb ul li.d1.on>a{color:#fff; font-weight:700;}
#header.white .gnb ul li a{color:#fff;}
#header.white .toggle-btn i{color:#fff;}

#header h1 a.w{display:none;}
#header h1 a.b{display:inline-block;}
#header.white h1 a.w{display:inline-block;}
#header.white h1 a.b{display:none;}


#header .gnb .depth02Area{display:none; position:absolute; top:68px; left:50%; margin-left:-100px; width:200px; background:#222; border-radius:15px; line-height:15px; z-index:15;}
#header .gnb .depth02Area ul{padding:20px;}
#header .gnb .depth02Area ul li{line-height:15px;}
#header .gnb .depth02Area ul li + li{ }
#header .gnb .depth02Area ul li a{display:block; font-size:14px; padding:12px 10px; color:#aaa; border-radius:5px; transition:0.05s;}
#header .gnb .depth02Area ul li.on a{color:#fff;}
#header .gnb .depth02Area ul li:hover a{color:#fff; background:#666;}

#header .gnb li:hover .depth02Area{display:block; animation:fadeInUpSmall 0.2s linear;}

#header:hover,
body.scrolled #header{background:rgba(0,0,0,0.9);}


@media all and (min-width:900px){
  #header{height:85px;  transition:0.3s;}
  #header.on{box-shadow:0 0 15px rgba(0,0,0,0.1);}
  #header h1{padding-top:18px;}
  #header h1 img{max-height:50px;}
  #header .toggle-btn{display:none;}
  #header .gnb{display:block !important; top:7px; right:0; box-shadow:none; display:table; font-size:0; line-height:0;}
  #header .gnb ul li.d1{font-size:14px; font-weight:600; margin-left:8px; width:auto; display:inline-block; vertical-align:middle; line-height:70px; background:transparent;}
  #header .gnb ul li.d1:after{position:absolute; bottom:16px; left:50%; width:0; height:1px; background:#fff; content:""; transition:0.3s;}
  #header .gnb ul li.d1:hover:after{left:0; width:100%; opacity:0.3;}
  #header .gnb ul li.d1.on:after{left:0; width:100%; opacity:1;}
  #header .gnb ul li.d1 + li{border:0;}
  #header .gnb ul li.d1>a{color:#fff; padding:0 10px;}
  #header .gnb ul li.d1.last{display:inline-block;}
  #header .gnb ul li.d1.last>a{display:inline-block; line-height:30px; padding:0 20px; background:#232323; color:#fff; border-radius:5px; transition:0.3s;}
  #header .gnb ul li.d1.last>a:hover{opacity:0.7;}
  #header .gnb ul li.d1>a i{margin-left:5px;}
  #header .gnb ul li.d1.btn-toggle{display:none;}
  #header .gnb ul li.d1.btn-toggle a{display:inline-block; width:auto; padding:0 15px; height:40px; line-height:40px; cursor:pointer; cursor:pointer;}
}

@media all and (min-width:1000px){
  #header .gnb ul li.d1{ margin-left:15px;}
}







@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@-ms-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@-moz-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}






#aside{position:fixed; display:none; top:0; left:0; width:100%; height:100%; overflow-y:auto;  background:rgba(0,0,0,0.9); opacity:0; transition:left 0.3s; z-index:900;}
body.aside-toggle #aside{left:0; opacity:1; display:block; animation:fadeIn 0.2s linear;}
#container{transition:filter 0.5s;}
body.aside-toggle #container{filter: blur(5px);}

#aside>.in{padding:70px 30px 30px 30px;}
#aside .close{position:absolute; top:0; right:20px; width:50px; height:50px; line-height:50px; text-align:center; font-size:30px; color:#fff; cursor:pointer;}
#aside .snb{}
#aside .snb ul{}
#aside .snb ul li.d1{width:100%; text-transform:uppercase;}
#aside .snb ul li.d1[class*="btn"],
#aside .snb ul li.d1.last{display:none;}
#aside .snb ul li.d1.reserve{width:100%;}
#aside .snb ul li.d1>a{display:inline-block; color:#fff; padding:5px 0; font-size:25px; font-weight:900;}
#aside .snb ul li.d1.on>a{text-decoration:underline;}
#aside .snb .depth02Area{width:100%; padding:5px 0 30px 15px;}
#aside .snb .depth02Area ul{}
#aside .snb .depth02Area ul li{display:block;}
#aside .snb .depth02Area ul li a{display:inline-block; color:#ccc; font-size:20px;}
#aside .snb .depth02Area ul li.on a{color:#fff; text-decoration:underline;}
#aside .snb .depth02Area ul li:hover a{}


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

  #aside{opacity:0; transition:opacity 0.3s; }
  #aside>.in{max-width:1200px; margin:0 auto; height:100%; padding:80px 50px;}
  #aside .close{top:50px; right:50px; font-size:50px;}
  body.aside-toggle #aside{}
  #aside .snb{height:100%;}
  #aside .snb ul.depth01{height:100%;}
  #aside .snb ul li.d1,
  #aside .snb ul li.d1.reserve{width:100%; height:14%; display:table;}
  #aside .snb ul li.d1 + .d1{border-top:1px solid #555;}
  #aside .snb ul li.d1>a{display:table-cell; font-size:30px; width:20%;  height:100%;  vertical-align:middle;}
  #aside .snb .depth02Area{display:table-cell; width:80%; height:100%; padding:0; vertical-align:middle;}
  #aside .snb .depth02Area ul li{display:inline-block; margin-right:40px;}
  #aside .snb .depth02Area ul li a{font-size:20px;}
  #aside .snb ul li a:hover{text-decoration:underline;}

}





/*

introduction 내용
speakers 내용
sponsors 비디오
registraion 비용 및 링크





*/






























/**/