@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 400;
	src: url('/assets/images/event/190507/font/NanumSquareR.eot'),
	url('/assets/images/event/190507/font/NanumSquareR.woff') format('woff'),
	url('/assets/images/event/190507/font/NanumSquareR.ttf') format('truetype');
	src: local("※"),
	url('/assets/images/event/190507/font/NanumSquareR.eot'),
	url('/assets/images/event/190507/font/NanumSquareR.woff') format('woff'),
	url('/assets/images/event/190507/font/NanumSquareR.ttf') format('truetype'),
	url('/assets/images/event/190507/font/NanumSquareR.svg#webfonturzspG4F') format('svg');
}
@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 600;
	src: url('/assets/images/event/190507/font/NanumSquareB.eot'),
	url('/assets/images/event/190507/font/NanumSquareB.woff') format('woff'),
	url('/assets/images/event/190507/font/NanumSquareB.ttf') format('truetype');
	src: local("※"),
	url('/assets/images/event/190507/font/NanumSquareB.eot'),
	url('/assets/images/event/190507/font/NanumSquareB.woff') format('woff'),
	url('/assets/images/event/190507/font/NanumSquareB.ttf') format('truetype'),
	url('/assets/images/event/190507/font/NanumSquareB.svg#webfonturzspG4F') format('svg');
}


html, body{width:100%;min-width: 320px;}
html, body, div, dl, dt, dd, ul, ol, li, p {margin:0px; padding:0px; font-family: 'NanumSquare', sans-serif; list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0; font-family: 'NanumSquare', sans-serif;}
input,select,textarea{vertical-align:middle;margin:0;padding:0;border:0;font-family: 'NanumSquare', sans-serif;}
a{text-decoration:none;vertical-align:middle;font-size:inherit;color:inherit;}
img{border:0;vertical-align:middle;margin:0;padding:0;border:0;}
figure{margin:0px; padding:0px;}
button{margin:0;padding:0;border:none;background:none;font-family: 'NanumSquare', sans-serif;cursor: pointer;}
table {border-collapse:collapse;width:100%;}
caption{width:0;height:0;font-size:0;overflow:hidden;}


#wrap{width:100%; min-width:1100px; }
.wid{width:1100px;margin:0 auto;}

div, p, li, h2{text-shadow: 1px 1px 1px #000;}

.sec_bg{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-size: cover; background-position: center top; background-color: #000; transition: all 800ms; opacity: 0;}
video.vid_pt{object-fit: cover; width: 100%; height: 100%; }
.sec_bk > section{}
.sec_bk > section.on .sec_bg{display: block; opacity: 1;}

.sc_con{overflow: hidden;}
.sc_con.sc1{display: table; width: 100%; text-align: center;}
.sc_con.sc1 > div{display: table-cell; height: 100%; vertical-align: middle; }
.sc_con.sc1 > div > div{padding: 50px 0;}
.sc_con.sc1 .title{margin-bottom: 30px; word-break: keep-all;}
.sc_con.sc1 .title > p{color: #fff; font-size: 28px; line-height: 30px; margin-bottom: 10px; }
.sc_con.sc1 .title > h2{color: #ffff99; font-size: 50px; margin-top: 10px;}
.sc_con.sc1 .title > h2 img{max-width: 100%;}
.sc_con.sc1 > div p{font-size: 22px; color: #fff; line-height: 30px; word-break: keep-all; }

.sc_con.c_tbv{display: table; width: 100%; text-align: center;}
.sc_con.c_tbv > div{display: table-cell; height: 100%; vertical-align: middle; }

.txt_bk1{max-width: 450px; padding: 100px 0;}
.txt_bk1 h2{font-size: 26px; color: #fff; margin-bottom: 100px;}
.tx_ls1 > li{font-size: 19px; color: #fff; margin-bottom: 30px; }

.txt_bk1.bgv{padding: 30px; background: rgba(191,191,191,0.6); margin: 100px 0;}
.txt_bk1.tbv{display: table; max-width: 100%; width: 100%; margin: 100px 0; padding: 0;}
.txt_bk1.tbv > div{display: table-cell; vertical-align: top;}
.txt_bk1.tbv .t_inf{ width: 30%; padding-right: 5%; font-size: 30px; color: #fff;}
.txt_bk1.mw2{padding-top: 300px; max-width: 550px;}

.rit_txb{text-align: right; padding: 100px 0;}
.rit_txb h2, .rit_txb .tit{text-align: left; font-size: 30px; color: #fff; margin-bottom: 180px;}
.rit_txb h2.mb10{margin-bottom: 10px;}

.rit_txb > ul{display: inline-block; text-align: left; width: 100%; max-width: 500px;}

.img_list{overflow: hidden;}
.img_list > li{float: left; width: 18%; margin-left: 2%; margin-bottom: 20px;}
.img_list > li img{width: 100%; height: 132px;}

span.bk_yb{color: yellow; display: block;}


@media screen and (max-width: 1024px){
#wrap{min-width: 980px; }
.wid{width: 980px;}

.txt_bk1.tbv .t_inf{font-size: 26px;}
.rit_txb h2, .rit_txb .tit{font-size: 26px;}
}

@media screen and (max-width: 768px){
#wrap{min-width: 320px; }
.wid{width: 96%;}

.sc_con.sc1 .title > h2{font-size: 30px;}
.txt_bk1.tbv .t_inf{font-size: 20px; letter-spacing: -1px; word-break: keep-all; width: 40%;}
.tx_ls1 > li{font-size: 16px;}

.sc_con.c_tbv{display: block;}
.sc_con.c_tbv > div{display: block; }



.img_lbk{padding: 50px 0;}
.img_list > li{width: 48%;}
.img_list > li img{height: 210px;}
}

@media screen and (max-width: 600px){
.sec_bk{background: #dcdcdc;}
.sec_bk > section .sec_bg{bottom: auto; height: 200px; z-index: 2; border-bottom: 5px solid #000;}
.sec_bk > section .sc_con{position: relative; z-index: 1;}
.sec_bk > section:first-child .sec_bg{bottom: 0; height: auto; z-index: 0; border-bottom: none;}
.sec_bk > section:first-child .sc_con{background: none; }
.sec_bk > section.on .sec_bg.dsn{display: none;}


.txt_bk1 h2{font-size: 22px; color: #000;}
.rit_txb h2, .rit_txb .tit{font-size: 22px;  color: #000; margin-bottom: 30px;}
div, p, li, h2{text-shadow: none;}
.sc_con.sc1 p, .sc_con.sc1 h2{text-shadow: 1px 1px 1px #000;}

.tx_ls1 > li{color: #000;}

span.bk_yb{color: blue;}

.txt_bk1.tbv{display: block;}
.txt_bk1.tbv > div{display: block;}
.txt_bk1.tbv .t_inf{width: auto; padding-right: 0; color: #000; margin-bottom: 30px;}

.img_list > li img{height: 170px;}
}

@media screen and (max-width: 450px){
.img_list{margin-left: 0;}
.img_list > li{float: none; width: auto; margin-left: 0;}
.img_list > li img{height: auto;}
}


/* 2019/5/8 */

#header{position: absolute; top: 0; left: 0; right: 0; z-index: 3; background: rgba(0, 0, 0, 0.6);}
#header > div{ overflow: hidden; border: none; padding: 10px 0; background: transparent;}
.logo-area{float: left;}
.sns-area{float: right; margin-top: 5px;}
#footer {text-align: center; background-color: #34495e; color: #fff; width: 100%; padding: 20px 0;}


.mouse_bk{position: absolute; left: 0; right: 0; top: 87px; margin-bottom: 50px; text-align: center;}
.mouse{margin: 0 auto; width: 53px; height: 80px; border: 5px solid #fff; border-radius: 25px; transform:none;}
.wheel{position:relative; display:block; margin: 10px auto; width: 6px; height: 20px; border-radius: 20px; background: #fff; animation: mouse-wheel 1.2s ease infinite;}
.mouse_arr{ width: 21px; height: 35px; margin: 0 auto 15px; background: url(/assets/images/event/190507/image/nw0508/arr_ic.png) center top no-repeat; background-size: 100% 100%; animation: mouse-arr .3s ease infinite;}
@keyframes mouse-wheel{0% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
to{opacity: .3; -webkit-transform:translateY(6px);transform:translateY(6px);}
}
@keyframes mouse-arr{0% {-webkit-transform:translateY(0);transform:translateY(0);}
to{ -webkit-transform:translateY(6px);transform:translateY(6px);}
}


.toTop{position: fixed; bottom: 10px; right: 10px; }
.toTop > a{display: block; width: 32px; height: 32px; font-size: 0; text-indent: 9999em; background: url(/assets/images/event/190507/image/nw0508/to_top.png) center center no-repeat;}

.cen_txb{text-align: center; font-size: 24px; color: #fff;}
.cen_txb span.bk_yb{display: inline; word-break: keep-all;}

.txt_bk2{padding: 100px 0;}
.txt_bk2 > .cen_txb{margin-bottom: 200px;}
.txt_bk2 > ul{max-width: 480px;}

.rit_txb > .inl_txbk{display: inline-block; text-align: left; width: 100%; max-width: 550px; margin-top: 100px;}

.itv_st{display: inline-block; margin-bottom: 30px; font-size: 35px; color: #fff; padding: 10px 20px; background: rgba(0,0,0, 0.6); }
.itl_txbk{text-align: left; font-size: 30px; color: #fff; }
.itl_txbk > span{font-size: 22px; color: #cfeccf;}

.txt_bk1.tbv > .w55p{width: 55%; padding: 100px 0 70px;}
.txt_bk1.tbv > .rit_tib1{padding-left: 5%; vertical-align: bottom;}

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

.mouse_bk{display: none;}
}
@media screen and (max-width: 768px){
.rit_txb > .inl_txbk{max-width: 400px;}
}

@media screen and (max-width: 600px){
.sec_bk > section .sec_bg{background-position: center center;}
.itv_st{color: blue;}
.itl_txbk{color: #000; font-size: 20px;}
.itl_txbk > span{font-size: 16px; color: blue;}
.txt_bk1.tbv > .w55p{width: auto; padding: 0;}
.txt_bk1.tbv > .rit_tib1{padding-top: 0; padding-left: 0;}


.txt_bk1{max-width: none;}
.txt_bk2 > .cen_txb{color: #000; font-size: 20px; line-height: 30px;}
.txt_bk2 > .cen_txb{margin-bottom: 80px;}
.rit_txb > ul{display: block; max-width: none;}
.rit_txb > .inl_txbk{display: block; max-width: none; margin-top: 0;}

.sc_con.sc1 .title > p{font-size: 20px;}
.sc_con.sc1 > div p{font-size: 18px; line-height: 24px;}

}

/* 2019/5/17 */
.mo_alr{display: none; width: 184px; padding: 10px; border: 1px solid #fff; font-size: 15px; color: #ebdd02; position: absolute; top: 100%; left: 50%; margin-left: -102px; margin-top: -30px;}
@media screen and (max-width: 768px){
.sc_con.sc1{overflow: visible;}
.sc_con.sc1 .wid{position: relative;}
.mo_alr{display: block;}
}
@media screen and (max-width: 700px) and (min-width: 601px) {
.sc_con.sc1 .title > p{font-size: 20px;}
.sc_con.sc1 > div p{font-size: 16px; line-height: 24px;}
}
@media screen and (max-width: 480px){
.mo_alr{margin-top: 0;}
}