@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
font-weight: normal; font-style: normal;
}
	html { scroll-behavior:smooth;}
body {color:#fff; font-family: 'GmarketSansMedium'; background:#261c48 url('//img.nocutnews.co.kr/nocut/v3/img/nc20th_bg.jpg') no-repeat center 0;}
body * {box-sizing:border-box; color:#fff;}
.head { width:100%; height:100px; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:10;}
.head > div { max-width:1919px; width:100%; height:100%; padding:0 20px; display:flex; justify-content:space-between; font-size:18px;}
.head > div .logo { height:100px; }
.head > div .logo a { display:block; width:244px; height:100%; overflow:hidden; color:transparent; text-indent:-300px; background:url('//img.nocutnews.co.kr/nocut/v3/img/nc20th_logos2.png') no-repeat center; background-size:100% auto;}
.head > div .m_b {height:100px; display:flex; align-items:center; background:rgba(0,0,0,0);  }
.head > div .m_b p { display:flex; align-items:center;}
.head > div .m_b a { margin-left:15px; display:block; opacity:0.5; font-weight:700; text-decoration:none;}
.head > div .m_b a.sel { opacity:1;}
.head > div .m_b a:first-child { margin-left:0;}
.head > div .btn_menu { display:none; }

.content { max-width:1919px; margin:0 auto;}
.content strong { font-weight:700;}
.content em { font-weight:700;}
.content h3 { font-size:60px; font-weight:700; font-weight:700; text-align:center; }
.content .top_b { height:100vh; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.content .top_b h1 {width:100%; text-align:center; line-height:1; font-weight:500; font-size:60px; color:#f6f08c;}
.content .top_b h1 * {color:#f6f08c;}
.content .top_b h2 {width:100%;padding:50px 0 100px;  text-align:center; font-weight:700; font-size:131px; line-height:1.1; }
.content .top_b h2 strong { display:block; font-weight:700;}
.content .top_b h2 small { display:block; font-size:55%; font-weight:700;}
.content .top_b .top_info {font-size:30px; font-weight:700;  font-family:'Noto Sans KR', sans-serif;text-align:center;}
.content .top_b .top_info span{display:block }
.content .txt1{
	padding:80px 7%; font-size:36px; text-align:center; line-height:1.5; word-break:keep-all; position:relative; 
	background:url('//img.nocutnews.co.kr/nocut/v3/img/nc20th_1.jpg') no-repeat 0 center; background-size:cover;
}
.content .txt1 p{max-width:1200px; margin:0 auto;  padding:3.5% 0;}
.content .speaker_b{
	padding:160px 0; text-align:center; line-height:1.5; word-break:keep-all; position:relative; 
	background:url('//img.nocutnews.co.kr/nocut/v3/img/nc20th_2.jpg') no-repeat 0 center; background-size:cover;
}
.content .speaker_b ul {display:flex; margin-top:60px; justify-content:center; }
.content .speaker_b li {width:400px; font-size:30px; text-align:center; position:relative;}
.content .speaker_b li .img{width:232px; height:288px; margin:0 auto 20px; border-radius:40px; position:relative; border:1px solid #727272; background:#727272; overflow:hidden;}
.content .speaker_b li .img img {width:100%;}
.content .speaker_b li span{font-size:62%; display:block;}
.content .program_b { padding:200px 0 0;text-align:center; line-height:1.5; word-break:keep-all; position:relative; }
.content .program_b div { max-width:1200px; margin:80px auto 0; display:flex; justify-content:space-between; }
.content .program_b div dl { width:48%;text-align:left;line-height:2; }
.content .program_b div dl dt { font-size:30px; font-weight:700; }
.content .program_b div dl dd { border-top:1px solid #fff; font-size:20px; }
.content .program_b div dl dd small { font-size:18px; display:block; }
.content .program_b div dl p {display:flex; padding:10px; border-bottom:1px solid #fff;}
.content .program_b div dl p strong {flex-shrink:0; width:130px; font-size:18px;}
.content .r_b { width:100%; padding:200px 0;position:relative; }
.content .r_b > div {  max-width:1170px; border-radius:25px; margin:0 auto; padding-top:658px; position:relative; overflow:hidden; background:#000;}
.content .r_b iframe,
.content .r_b img { width:100%; height:100%; position:absolute; top:0; left:0;}
.content .r_b > div:before { content:'준비중'; width:100%; height:100%; position:absolute; top:0; left:0; display:flex; justify-content:center;align-items:center; flex-direction:column; font-size:5vw; color:rgba(256,256,256,0.3)}
.content .r_b.map_b { padding-bottom:0;}
.content .r_b.map_b > div { margin-top:60px;}
.content .r_b.map_b ul {max-width:1170px; width:100%; margin:50px auto 0; line-height:1.6; font-size:20px;}
.content .r_b.map_b ul li { display:flex; margin-bottom:10px;}
.content .r_b.map_b ul li:last-child { margin-bottom:0;}
.content .r_b.map_b ul li span{ flex-shrink:0; display:block; padding-right:6px;}
.content .sponsor_b {padding:200px 0 0;}
.content .sponsor_b div {padding:90px 0 60px; width:100%; background:rgba(256,256,256,0.7); margin-top:60px; position:relative; }
.content .sponsor_b div ul { max-width:1200px; position:relative; left:50%; transform:translateX(-50%);  display:flex; flex-wrap:wrap;}
.content .sponsor_b li { width:18%; display:flex; justify-content:center; align-items:center; padding:20px 0; background:#fff; margin-right:2.5%; margin-bottom:3%; }
.content .sponsor_b li:nth-of-type(5n + 5) { margin-right:0;}
.content .sponsor_b li img { max-width:70%;}
.content .reply_b {max-width:720px; margin: 0 auto; color:#fff; font-size:30px; padding-top:150px;}
.content .reply_b .input_b { margin-top:60px;}
.content .reply_b .input_b .info_b {border:1px solid #fff; overflow:hidden; font-size:20px; font-weight:300; display:flex; justify-content:space-between;}
.content .reply_b .input_b .info_b p { height:60px;}
.content .reply_b .input_b .info_b { overflow:hidden; font-size:20px; font-weight:300;}
.content .reply_b .input_b .write_b { width:100%; padding:8px 150px 8px 8px; overflow:hidden;  position:relative; font-size:20px; border:1px solid #fff; border-top:0}
.content .reply_b .input_b .write_b p { width:100%; position:relative; overflow:hidden; }
.content .reply_b .input_b .write_b textarea {
	width:100%; height:130px; overflow:hidden; overflow-y:auto; position:relative; border:0 none; background-color:transparent; z-index:1;
	font-size:20px; font-weight:300; float:left; padding:15px; resize:none;
}
.content .reply_b .input_b .write_b label { display:block; position:absolute; top:15px; left:15px; color:rgba(256,256,256,0.5); z-index: 0; font-weight:300;}
.content .reply_b .input_b .write_b textarea:focus~label {color:transparent;}
.content .reply_b .input_b .write_b a {
	display:block; width:135px; height:130px; line-height:128px; text-align:center; color:#fff;
	position:absolute; right:8px; top:8px;  background:rgba(256,256,256,0.2); border:1px solid #fff;
}
.content .reply_b .input_b .write_b a:hover {text-decoration:none;}
.content .reply_b .input_b .int_b{ width:50%; height:60px; line-height:60px; float:left; position:relative;}
.content .reply_b .input_b .int_b input {
	width:100%; height:60px; overflow:hidden;position:relative; border:0 none; background-color:transparent; z-index:1;
	font-size:20px; line-height:60px; font-weight:300;color:#fff; text-align:center;}
.content .reply_b .input_b .int_b label { width:100%; height:100%; display:block; position:absolute; top:0; left:0; color:rgba(256,256,256,0.5); z-index: 0; text-align:center;}
.content .reply_b .input_b .int_b input:focus~label {color:transparent;}
.content .reply_b .input_b .it1{ padding-right:40px; border-right:1px solid #fff;}
.content .reply_b .input_b .it1::after{ content:'님'; position:absolute; right:15px; top:0; font-size:25px; color:#fff;}
.content .reply_b .input_b textarea,
.content .reply_b .input_b input { outline:none;}
.content .reply_b ul li { padding:50px 20px; border-bottom:1px solid #fff; overflow:hidden; font-family:'Nanum Myeongjo', serif; font-weight:400; letter-spacing:-1px; line-height:1.35;}
.content .reply_b ul li .id_info {padding-top:20px;width:100%; float:left; font-size:80%; line-height:24px;}
.content .reply_b ul li .id_info span {float:left;}
.content .reply_b ul li .id_info > span:first-child:after { content:'|'; padding:0 5px;}
.content .reply_b ul li .id_info p {float:right; position:relative;}
.content .reply_b ul li .id_info a.btn_del {
	padding-left:20px;font-size:85%; 
	background:url('//img.nocutnews.co.kr/nocut/v3/img/nc20th_close.png') no-repeat 0 center; 
}
.content .reply_b ul li .id_info .pw_b {
	width:270px;padding:5px; position:absolute; right:-20px; top:-15px;  background:#494262; overflow:hidden;
}
.content .reply_b ul li .id_info .pw_b .p_b {width:118px; height:100%; display:inline-block; position:relative;}
.content .reply_b ul li .id_info .pw_b input,
.content .reply_b ul li .id_info .pw_b label,
.content .reply_b ul li .id_info .pw_b a { font-size:20px; line-height:50px;  font-weight:300;}
.content .reply_b ul li .id_info .pw_b a:hover {text-decoration:none;}
.content .reply_b ul li .id_info .pw_b input {
	width:100%; height:50px; overflow:hidden;position:relative; border:0 none; background-color:transparent; z-index:1;
	font-weight:300; text-align:center;}
.content .reply_b ul li .id_info .pw_b label { width:100%; height:100%; display:block; position:absolute; top:0; left:0; color:rgba(256,256,256,0.8); z-index: 0; text-align:center; }
.content .reply_b ul li .id_info .pw_b input:focus~label {color:transparent;}
.content .reply_b ul li .id_info .pw_b .btn { display:inline-block; overflow:hidden; }
.content .reply_b ul li .id_info .pw_b .btn a {width:65px; text-align:center; float:left; background:rgba(256,256,256,0.2); font-size:18px; color:#fff; margin-left:5px;}

.foot { text-align:center; margin:5% 0;}
.foot img { max-width:348px; width:40%; min-width:150px;}
/* paging */
.paging { width:100%; padding:40px 0; display:flex; align-items:center; justify-content:center; }
.paging a { padding:5px; font-weight:bold; color:rgba(256,256,256,0.5); font-size:15px; display:block;}
.paging a:hover {text-decoration:none;}
.paging img,
.paging a.btn_prev,
.paging a.btn_next { position:relative;  }
.paging a.btn_prev,
.paging a.btn_next,
.paging img.btn_prev,
.paging img.btn_next {}
.paging a:hover,
.paging a.sel { color:rgba(256,256,256,1); text-decoration:none;}
@media all and (max-width:1200px) {
	.container { padding:15px; }
	.content .top_b h1 {font-size:5.4vw; }
	.content .top_b h2 { padding:5% 0 9%; font-size:11.8vw; }
	.content .txt1{width:calc(100% + 30px); padding:15% 5%; margin-left:-15px; font-size:2.9vw;}
	.content .r_b > div { padding-top:56.5%;}
	.content .speaker_b{width:calc(100% + 30px); padding:7% 0; margin-left:-15px; }
	.content .speaker_b li {margin:0 3%; }
.content .sponsor_b div {width:calc(100% + 30px); margin-left:-15px; padding:7% 20px 5%;}
}
@media all and (max-width:850px) {
.head  > div p.logo a {width:180px; }
.head  > div { padding:0 15px; font-size:16px;}
.content .speaker_b ul {max-width:640px; display:flex; flex-direction:column; margin:7% auto 0; padding:0 15px;}
.content .speaker_b li {width:100%; margin:0 0 15px; text-align:left; font-size:26px; display:flex; }
.content .speaker_b li .img{width:232px; height:288px; margin:0 15px 0 0; border-radius:25px; flex-shrink:0;}
.content .speaker_b li:last-child{ margin-bottom:0; }
.content .speaker_b li p{display:flex; justify-content:end; flex-direction:column; }
.content .r_b.map_b ul {margin-top:7%;}
}

@media all and (max-width:780px) {
body { background-size:200% auto ;}
.content .r_b,
.content .program_b,
.content .sponsor_b,
.content .speaker_b { padding:17% 0; }
.content .program_b,
.content .sponsor_b,
.content .r_b.map_b {padding-bottom: 0; }
.content .r_b.map_b > div{ margin-top:7%; padding-bottom: 0; }
.content .sponsor_b div { margin-top: 7%; }
.content .reply_b { padding-top:19%; }
.content .reply_b { margin:0 2%; }
.content .reply_b ul li { padding:25px 10px; }
.content .reply_b ul li .id_info { padding-top:10px; }
.content .reply_b ul li .id_info a { padding-left:13px; background-size:9px auto; }
.content .reply_b .input_b { margin-top:7%;}
.content .reply_b .input_b .info_b { font-size:16px;}
.content .reply_b .input_b .info_b p { height:50px;}
.content .reply_b .input_b .write_b { padding:5px 95px 5px 5px; font-size:16px;}
.content .reply_b .input_b .write_b textarea { height:80px; font-size:16px; padding:10px; }
.content .reply_b .input_b .write_b label { top:10px; left:10px; }
.content .reply_b .input_b .write_b a { width:85px; height:80px; line-height:78px; right:5px; top:5px;}
.content .reply_b .input_b .int_b{ height:50px; line-height:50px;}
.content .reply_b .input_b .int_b input {height:50px; font-size:16px; line-height:50px;}
.content .reply_b .input_b .it1{ padding-right:25px; }
.content .reply_b .input_b .it1::after{ font-size:18px; }
.content .reply_b ul li .id_info .pw_b {width:230px;right:-10px; top:-5px;}
.content .reply_b ul li .id_info .pw_b .p_b {width:118px; }
.content .reply_b ul li .id_info .pw_b input,
.content .reply_b ul li .id_info .pw_b label,
.content .reply_b ul li .id_info .pw_b a { font-size:16px;line-height:40px; }
.content .reply_b ul li .id_info .pw_b input {height:40px; }
.content .reply_b ul li .id_info .pw_b .btn a {width:45px; padding-left:0; }
.paging { padding:20px 0;}
}
@media all and (max-width:720px) {
.content h3 { font-size:50px; }
.head { height:60px; }
.head > div .logo {height:60px;}
.head > div .m_b{width:100%; height:calc(100% - 60px); justify-content:center; position:fixed; top:60px; left:0; background:rgba(0,0,0,0.7); text-align:center; font-size:18px; display:none;}
.head > div .m_b p{ flex-direction:column;}
.head > div .m_b p a{ padding:15px 0; margin-left:0;}
.head > div .btn_menu { display:block; position:absolute; right:15px; top:0; height:60px; width:40px; text-indent:-300px; overflow:hidden; color:transparent; background:url('//img.nocutnews.co.kr/nocut/v3/img/nc20th_3.png') no-repeat center; background-size:25px auto;}
.head > div .btn_menu.open { background-image:url('//img.nocutnews.co.kr/nocut/v3/img/nc20th_4.png') ; background-size:29px auto;}
}

@media all and (max-width:640px) {
.head  > div .logo a {width:170px; }
.content h3 { font-size:40px; }
.content .top_b h1 {font-size:22px; line-height:1.5}
.content .top_b h1 span {display:block;}
.content .top_b h2 { padding:10% 0 30%; }
.content .top_b .top_info {font-size:18px; }
.content .program_b div { margin-top:0;flex-direction:column; }
.content .program_b div dl { width:100%; margin-top:7%; line-height:1.6;}
.content .program_b div dl dt { font-size:24px; }
.content .program_b div dl dd { font-size:18px; }
.content .program_b div dl p strong {width:110px; font-size:16px;}
.content .program_b div dl dd small { font-size:16px; }
.content .sponsor_b li { width:30%;padding:40px 0 15px; margin-right:4.5%; }
.content .sponsor_b li:nth-of-type(5n + 5) { margin-right:4.5%;}
.content .sponsor_b li:nth-of-type(3n + 3) { margin-right:0;}
.content .r_b.map_b ul { margin-top:9%; font-size:18px;}
.content .r_b.map_b ul li { margin-bottom:7px;}

.content strong { font-weight:500;}
.content em { font-weight:500;}
.content .txt1{font-size:18px;}
.content .speaker_b li .img{width:192px; height:238px;}
.content .reply_b { font-size:18px;}
.content .reply_b ul li .id_info .pw_b .btn a { font-size:14px;}
}
@media all and (max-width:540px) {
.head  > div .logo a {width:150px; }
.content h1 {font-size:32px;  padding:40px 0 20px;}
.content h1 span {display:block;}
.content .top_info {font-size:14px; line-height:1.5;}
.content .top_info span{display:block;}
.content .speaker_b li .img{width:170px; height:209px;}

}
@media all and (max-width:410px) {
.content .sponsor_b div {padding:30px 15px 15px;}
.content .sponsor_b li { width:48%;margin-right:4%; }
.content .sponsor_b li:nth-of-type(3n + 3),
.content .sponsor_b li:nth-of-type(5n + 5) { margin-right:4%;}
.content .sponsor_b li:nth-of-type(2n + 2) { margin-right:0;}
}

@media all and (max-width:450px) {
.content h3 { font-size:30px; }
.content .top_b h1 {font-size:20px; }
.content .top_b .top_info {font-size:16px; }
.content .speaker_b li {margin:0 auto 30px; text-align:center; flex-direction:column;}
.content .speaker_b li .img{ width:232px; height:288px; margin:0 auto 15px;  }
.content .speaker_b li p{width:100%; justify-content:start; }
.content .program_b div dl p {flex-direction:column; padding:10px 0;}
.content .program_b div dl p strong {background:rgba(256,256,256,0.7); margin-bottom:10px; padding-top:2px; line-height:25px; font-size:14px; color:#261c48;text-align:center;}
.content .program_b div dl dt { font-size:22px; }
.content .program_b div dl dd { font-size:17px; }
.content .program_b div dl dd small { font-size:14px; }
.content .r_b.map_b ul {font-size:16px;}

}
@media all and (max-width:360px) {
.content h3 { font-size:30px; }
.content .top_b h1 {font-size:20px; }
.content .top_b .top_info {font-size:16px; }
.content .program_b div dl p {flex-direction:column; padding:10px 0;}
.content .program_b div dl p strong {background:rgba(256,256,256,0.7); margin-bottom:10px; padding-top:2px; line-height:25px; font-size:14px; color:#261c48;text-align:center;}
.content .program_b div dl dt { font-size:22px; }
.content .program_b div dl dd { font-size:17px; }
.content .program_b div dl dd small { font-size:14px; }
.content .r_b.map_b ul {font-size:14px;}

}