@charset "utf-8";

/*
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('./assets/font/SiemensSansBlack/style.css');
*/
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700');

@import url( './reset.css' );
@import url( './normalize.css' );

html, body {
	width: 100%;
	height: 100%;
}


* {
	box-sizing: border-box;
	font-family: 'Nanum Gothic', sans-serif;
}

a{
	text-decoration: none;
	color: #000;
}
html , body {
	width: 100%;
	height: 100%;
}

body {
	background-color:#000028;
}

input, select {
	vertical-align: middle;
	border-radius: 0;
}


.kor {
	font-family: 'Nanum Gothic', sans-serif !important;
}

.eng {
	font-family: 'Roboto', sans-serif !important;
}


img.mobile {
	display: none;
}

.wrap{	
	margin: 0 auto;
	width: 100%;
	min-width: 1200px;
}
.inner_wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}
.wrap > div{	
	margin: 0 auto;
	width: 100%;
}

.visual {
	background-color: #002856;
	background-image: url('../images/main_back_line.png' );
	background-repeat: no-repeat;
	background-position: right top;
	height: 474px;
}

.visual .inner_wrap{
	position: relative;
	background-image: url('../images/seoul.png' );
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 100%;
}

.visual .inner_wrap > div {
	position: absolute;
}

.visual .logo {
	top: 30px;
	left: 0px;
}

.visual .txt_0 {
	top: 140px;
	left: 0px;
}

.visual .txt_1 {
	top: 232px;
	left: 0px;
}

.visual .txt_1 img {
	display: block;
}

.visual .txt_1 img:nth-child(1) {
	margin-bottom: 10px;
}



.visual .button {
	top: 334px;
	left: 0px;
}

.invitation {
	background-color: #fff;
	padding: 65px 0;
}

.invitation h2 {
	font-size: 19px;
	font-weight: 600;
	letter-spacing: -1px;
	margin-bottom: 30px;
	line-height: 28px;
}

.invitation h3 {
	color: #009cde;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -1px;
	margin-bottom: 30px;
}

.invitation p {
	color: #000;
	font-size: 17px;
	line-height: 30px;
	letter-spacing: -0.5px;
	margin-bottom: 30px;
}

.invitation ul {
	list-style-type: disc;
	padding-left: 1rem;
}

.invitation ul > li {
	color: #000;
	font-size: 17px;
	line-height: 28px;
	letter-spacing: -0.5px;
}

.invitation ul > li > ul {
	list-style-type: ' - ';
	padding-left: 1rem;

}

.invitation ul > li > ul > li {
	color: #000;
	font-size: 17px;
	line-height: 35px;
	letter-spacing: -0.5px;
}


.speakers {
	background-color: #f0f2f2;
	padding: 65px 0 30px 0;
}

.speakers h2 {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #009cde;
	font-family: 'Roboto', sans-serif;
}

.speakers ul {
	list-style-type: none;
	margin: 30px auto;
	width: 85%;
}

.speakers ul li {
	display: inline-block;
	width: 19%;
	vertical-align: top;
}

.speakers ul li div:nth-child(1) {
	position: relative;
}

.speakers ul li div:nth-child(1) > img {
	margin: 0 auto;
	display: block;
}

.speakers ul li div:nth-child(1) > div {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -11px;
}

.speakers ul li div:nth-child(1) > div img {
	cursor: pointer;
}

.speakers ul li div:nth-child(2) > p:nth-child(1) {
	text-align: center;
	padding: 10px 0 10px 0;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -1px;
	color: #009cde;	
}

.speakers ul li div:nth-child(2) > p:nth-child(2) {
	text-align: center;
	padding: 6px 0;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: -1px;
	color: #000;
	line-height: 24px;
	min-height: 100px;
}

/*
.speakers ul li div.kor > p {
	font-family: 'Nanum Gothic', sans-serif !important;
}
*/

.agenda {
	background-color: #fff;
	padding: 80px 0 60px 0;
}

.agenda h2 {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #009cde;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 30px;
}

.agenda table {
	border: none;
	width: 100%;
	margin-bottom: 30px;
}

.agenda table th, .agenda table td {
	font-size: 18px;
	padding: 12px 0;
	color: #000;
	vertical-align: middle;
}

.agenda table thead th{
	background-color: #009cde;
	color: #fff;
	font-weight: 900;
	text-align: center;
}

.agenda table tbody th{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	letter-spacing: -1px;
	vertical-align: middle;
}

.agenda table tbody td{
	vertical-align: middle;
}

.agenda table tbody td p{
	margin-bottom: 10px;
}

.agenda table tbody td p:last-child{
	margin-bottom: 0;
}


.agenda table tbody td .t1{
	font-size: 17px;
	font-weight: 700;
	line-height: 24px;
	
}

.agenda table tbody td .t2{	
	font-size: 17px;
	font-weight: 500;
	margin-right: 10px;
	line-height: 24px;
	margin-bottom: 0;
}

.agenda table tbody td{
	padding-left: 10px;
	font-size: 17px;
	letter-spacing: -1px;
}

.agenda table tbody th, .agenda table tbody td {
	border-bottom: solid 1px #009999;
}

.agenda table tbody td .txt_more {
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -1px;
	display: none;	
	padding-top: 10px;
	
}

button.more {
	border: none;
	border-radius: 14px;
	background-color: #ff9933;
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	color: #000034;
	padding: 4px 10px;
	letter-spacing: -1px;
}

.agenda .area_button {
	width: 100%;
	text-align: center;
}

.complete {
	background-color: #fff;
	padding: 75px 0;
}

.complete p:nth-child(1) {
	width: 100%;
	color: #000;
	font-size: 24px;
	font-weight: 600;
	line-height: 35px;
	letter-spacing: -0.5px;
	text-align: center;
}


.complete p:nth-child(1) span {
	color: #009999;
}



.complete p:nth-child(2) {
	width: 100%;
	color: #000;
	font-size: 17px;
	font-weight: 500;
	line-height: 35px;
	letter-spacing: -0.5px;
	text-align: center;
	margin-top: 50px;
}


.event {
	background-color: #434343;
	padding: 60px 0;
}

.event h2 {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #009cde;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 30px;
}

.event p {
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	padding: 10px 0;
	letter-spacing: -1px;
	margin-bottom: 40px;
	line-height: 24px;
}

.event .prize {
	text-align: center;
}

.information {
	background-color: #fff;
	padding: 55px 0;
}

.information h2 {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #009cde;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 30px;
}

.information ul {
	list-style-type: disc;
	margin-left: 20px;
}

.information ul li {
	margin-bottom: 16px;
}


.information ul li {
	font-size: 17px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 24px;
	color: #000;
}

.information ul li span img {
	vertical-align: middle;
}

.sponsors {
	background-color: #f0f2f2;
	padding: 55px 0;
}

.sponsors h2 {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #009cde;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 30px;
}

.sponsors .inner_wrap > div {
	background-color: #fff;
	width: 80%;
	max-width: 900px;
	margin: 30px auto;
	padding: 40px 0px;
	text-align: center;
}

.sponsors .inner_wrap > div ul{
	display: inline-block;
	width: auto;
	margin: 0 auto;
	margin-bottom: 10px;

}

.sponsors .inner_wrap > div ul li {
	display: inline-block;
}

.form {
	background-color: #fff;
	padding: 55px 0;
}


.form h2 {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	color: #009cde;
	font-family: 'Nanum Gothic', sans-serif;
	margin-bottom: 30px;
}

.form .unit {
	display: block;
	padding: 10px 10px 30px 0;
}

.form .unit-first {
	display: inline-block;
	width:40%;
	padding: 10px 0 30px 0;
}

.form .unit-second {
	display: inline-block;
	padding: 10px 0 30px 0;
}

.form .unit label, .form .unit-first label, .form .unit-second label {
	display: inline-block;
	width: 125px;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -1px;
	margin-bottom: 10px;
}

.form .unit label.full {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.form .unit label.check {
	display: inline-block;
	width: auto;
	font-size: 17px;
	padding-right: 10px;
}

.form .unit label.check:last-child {
	display: block;
	width: auto;
	font-size: 17px;
}

.form .unit label.check input {
	display: inline-block;
	width: 17px;
	margin-right: 10px;
}

.form .unit label.check input[type="text"] {
	display: inline-block;
	width: auto;
	padding: 8px 10px;
	margin-left: 10px;
}

.form label span {
	color: #009999;
}

.form .unit input, .form .unit-first input , .form .unit-second input, .form select {	
	width: 400px;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -1px;	
	border: solid 1px #aaa;
	padding: 14px 10px;
	color: #000;
}

.form input.w-1 {	
	width: 300px !important;
}

.form input.w-2 {	
	width: 120px !important;
}

.form input.inline {	
	width: 30%;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -1px;	
	border: solid 1px #aaa;
	padding: 10px;
}


.form input::placeholder {	
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -1px;	
	text-align: center;	
}

.form .agree {
	width: 100%;
	padding: 10px;
}

.form .agree > div {
	background-color: #eff0f4;
	padding: 40px;
}

.form .agree .title-agree {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -1px;	
	margin-bottom: 10px;
}

.form .agree p {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -1px;	
	margin-bottom: 30px;
	line-height: 22px;
}

.form .agree p a{
	color: #009cde;
	text-decoration: underline;
}


.form .agree label {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -1px;	
	margin-bottom: 30px;
}

.form .agree .area-btn {
	width: 100%;
	text-align: center;
}

.footer {
	padding: 50px 0 100px 0;
}

.footer a {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
}


.footer .inner_wrap > div {
	margin-bottom: 20px;
}

.footer .inner_wrap > div:nth-child(2) {
	margin-top: 50px;
}

.footer ul {
	margin-bottom: 10px;	
}

.footer p {	
	text-align: center;
	color : #fff;
	font-size: 20px;
	letter-spacing: -1px;
}


.footer ul li {
	display: inline-block;
}

.footer ul li:first-child {
	padding: 0 0;
}

.footer ul li img {
	vertical-align: middle;
	margin-right: 10px;
}



.cover {
	position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
	display: none;
}

.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 1000px;
	height: auto;
	min-height: 300px;
	background-color: #fff;
	border: solid 4px #009cde;
	display: none;
}

.popup h3 {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #009cde;
	font-family: 'Roboto', sans-serif;	
	margin-bottom: 10px;
	line-height: 45px;
}

.popup div:nth-child(1) {
	background-color: #ebf4fa;
	border-bottom: solid 1px #009cde;
	padding: 30px 45px;
}

.popup div:nth-child(2) {
	padding: 20px 45px;
}

.popup div:nth-child(1) p {
	text-align: center;
	font-size: 21px;
	font-weight: 500;
	letter-spacing: -1px;
}

.popup div:nth-child(1) p .name-speaker{
	font-size: 24px;
	color: #009cde;
	margin-right: 10px;
}

.popup div:nth-child(2) p {
	text-align: left;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 24px;
}



@media (max-width: 1200px) {

  .wrap {
		width: 100%;
		min-width: 100%;
	}

	.invitation .inner_wrap, .speakers .inner_wrap, .agenda .inner_wrap, .event .inner_wrap, .information .inner_wrap, .sponsors .inner_wrap, .footer .inner_wrap, .form .inner_wrap {
		padding-left: 15px;
		padding-right: 15px;
	}

	.visual {
		height: 39.5vw;
		background-size: cover;
	}

	.visual .inner_wrap{
		background-size: 103vw;
	}

	.visual > div > img {
		width: 100%;
	}

	.visual .logo {
		top: 3vw;
		left: 3vw;
	}

	.visual .logo img{
		width: 12vw;
	}

	.visual .txt_0 {
		top: 13vw;
		left: 3vw;
	}

	.visual .txt_0 img {
		width: 90vw;
	}

	.visual .txt_1 {
		top: 20vw;
		left: 3vw;
	}

	.visual .txt_1 img {
		width: 50vw;
	}

	.visual .button {
		top: 30vw;
		left: 3vw;
	}

	.visual .button img {
		width: 20vw;
	}

	.form .unit-first {
		display: block;
		width: 100%;
	}

	.form .unit-second {
		display: block;
		width: 100%;
	}

	.speakers ul li {
		display: inline-block;
		width: 30%;
		vertical-align: top;
	}

	.speakers ul {
		width: 90%;
	}

	.event .prize .pc {
		display: none;
	}

	.event .prize .prize_1 {
		display: block;
	}

	.event .prize .prize_2 {
		display: block;
	}

	.event .prize img.prize_1 {
		margin: 0 auto;
	}

	.event .prize img.prize_2 {
		margin: 30px auto 0 auto;
	}



}


@media (max-width: 768px) {

	.visual {
		height: auto;
	}

	img.pc {
		display: none;
	}

	img.mobile {
		display: block;
	}

	.visual .logo {
		top: 3vw;
		left: 3vw;
	}

	.visual .logo img{
		width: 20vw;
	}

	.visual .txt_0 {
		top: 17vw;
		left: 3vw;
	}

	.visual .txt_0 img {
		width: 65vw;
	}

	.visual .txt_1 {
		top: 37vw;
		left: 3vw;
	}

	.visual .txt_1 img {
		width: 65vw;
	}

	.visual .txt_1 img:nth-child(1) {
		margin-bottom: 1vw;
	}


	.visual .button {
		top: 50vw;
		left: 3vw;
	}

	.visual .button img {
		width: 25vw;
	}

	.speakers ul li {
		display: inline-block;
		width: 45%;
		vertical-align: top;
	}

	.event img {
		width: 100%;
	}

	.speakers ul {
		width: 90%;
	}

	.form .unit label, .form .unit-first label, .form .unit-second label {
		width: 20%;
	}

	.form input.w-1 {
		width: 70% !important;
	}

	.form input.w-2 {
		width: 20% !important;
	}

	.form .unit input[type="text"], .form .unit-first input[type="text"], .form .unit-second input[type="text"], .form select {
		width: 70%;
	}

	.form .agree {
		padding: 0;
	}

	.form .agree > div {
		padding: 15px;
	}

	.agenda table tbody th{
		text-align: left;
	}

	.footer p {
		clear: left;
		width: 100%;
		text-align: center;
		margin-left: 0;
		margin-top: 30px;
	}	

	.form .unit label.check input[type="text"] {
		display: inline-block;
		width: 50%;
	}

	.event .prize img.prize_1 {
		width: 100%;
		margin: 0 auto;
	}

	.event .prize img.prize_2 {
		width: 100%;
		margin: 30px auto 0 auto;
	}

	.popup div:nth-child(1) p {
		text-align: left;
	}

	.popup div:nth-child(1) {
		padding: 30px 30px;
	}

	.popup div:nth-child(2) {
		padding: 20px 30px;
	}

	.sponsors .inner_wrap > div {
		width: 90%;
	}

	.sponsors .inner_wrap > div ul li:nth-child( 2n ) {
		display: none;
	}

	.sponsors .inner_wrap > div ul li:nth-child( 2n - 1 ) {
		width: 100%;
		margin-bottom: 20px;
	}

	


}