@import url('common.css');

.img-responsive {display:block;width:100%;height:auto}

/*상단*/
#sub{position: relative;height: auto;overflow-x: hidden;}
#sub:after{opacity: 0;}
#sub header{width:100%;height:132px;}
#sub header .wrap{display: flex;align-items: center;justify-content: space-between;}
#sub header p, #sub header .link{display: none;}
#sub header .logo{width:100%;height:132px;display: flex;justify-content: center;align-items: center;animation:logo_down 0.5s 1 forwards;}
#sub header p, #sub header .link{display: block;color: #fff;font-size: 14px;text-align: center;}
#sub header .link{position:fixed !important;width:80px;height:80px;border-radius: 50%;display: flex;justify-content: center;align-items: center;left:3%;color:#fff}
#sub header .link2{position:fixed !important;width:80px;height:80px;border-radius: 50%;display: flex;justify-content: center;align-items: center;right:3%;color:#ccc}
#sub header .logo{flex-wrap: wrap;align-items: flex-end;margin:0 40%;width:20%}
#sub header .logo p{width: 100%;display: flex;justify-content: center;margin-top: 15px;margin-bottom: auto;}
#sub header .logo p span{font-family: 'Work Sans';font-weight:400;font-size:16px;margin-right: 9px;display: block;letter-spacing: 0;}
#sub header .logo p span:last-child{margin-right: 0;}

.nav-button{cursor: pointer;font-family: 'Work Sans';font-weight: 700;letter-spacing: 0;}
#sub header.relative .link, #sub header.relative .link2{background: #000;}
#sub header.relative p{color: #272727;}
#sub header.relative .logo a{background:url(../img/logo_b.png)center no-repeat;background-size: 100%;}
#sub .visual_img {width:100%;}


/*발문*/
#info01.cont {/* width:1280px; *//* max-width: 100% */position: relative;margin:5% auto 8% auto;padding:2% 0 0 0;margin-top:-150px; }
#info01.cont h2 p {font-size: 60px;font-weight:700;margin-top:20px;line-height:1.5;}
#info01.cont h2 .mini_tit {font-size:28px;font-weight:600;margin:5% 0 0 0}
#info01.cont p {font-size: 20px;margin-top: 40px;line-height:180%;font-weight:500}
#info01.cont:before {position: absolute;display: block;content: "";border-radius: 50%;top: -7vh;width: 110%;height: 100vh;background:#fff;left: -5%;}
/*전체본문CSS*/
.cont_tit {font-size: 36px;text-align: center;font-weight:500;margin:3% 0 5% 0;line-height:150%}/*소제목 위 아래 여백*/
.cont .wrap{width:1010px;margin:0px auto;}/*기본형 위아래 30px 여백*/
.cont .wrap .linebar{margin:12% 0 0 0;text-align:center}/*소제목 위에만 여백, 단락 끊을 때*/ 
/*.cont .wrap h3{margin:3% 0 5% 0;}소제목 위 아래 여백 */ 
.cont .inside {margin:7% auto 0 auto;}/*bar와 소제목이 없는 사진과 사진 사이 문단,클래수 추가*/
.center {text-align:center;}
.cont p {font-size:18px;margin-top: 0px;font-weight:400;line-height: 180%;color:#252525}
.cont p.copy {font-size:17px;margin:5% 0;font-weight:400}/*하단 논문 출저*/
.cont .sub_img {padding: 7% 0 0 0;max-width:100%; margin:0 auto; text-align:center;}
.cont .sub_img.bottom {padding: 3% 0 0 0;}
/*이미지크기CSS*/
.cont .wrap_w{max-width:1680px;margin:4% auto; border-radius: 30px; overflow:hidden;}
.cont .wrap_w2{max-width:1280px;margin:4% auto; border-radius: 30px; overflow:hidden;}
.cont .wrap_w3{max-width:1280px;margin:4% auto; overflow:hidden;}
/*인터뷰동영상*/
.mov{max-width:1180px;margin:4% auto 0 auto;}
.vimeoWrap03{position:relative;padding-bottom:53%; /* 16/9 ratio */padding-top:32.5px;/* IE6 workaround*/height:0;overflow:hidden;margin:0}
.vimeoWrap03 iframe, .vimeoWrap03 object, .vimeoWrap03 embed {position: absolute;top: 0;left: 0;width: 100%; height:100%;border:0px}
.interview_vs {max-width:1180px; margin:0 auto;text-align:center}
/*카드뉴스*/
.cardimg {max-width:700px;margin:-5% auto 10% auto}
.cardimg img {margin:0 auto 5% auto;}
/*뉴스*/
.news_slider {width:1010px;overflow:hidden}
#info01.cont.sub06 .news_tit {font-size:36px;font-weight:600;margin-bottom:5%}
.slider li p.caption {color:#000;font-size:16px !important;text-align:center;font-weight:200 !important;}
#info01.cont p.caption {margin-top:1%}
.cont .wrap.news {margin:7% auto;}
.news{position:relative;}
.news .gold {display:block;width:100%;font-size:25px;font-weight:600;text-align:center;}
.newsbt{max-width:130px;margin:0 auto;font-size: 22px !important;font-weight:600 !important;color: #fff !important;padding: 3px 0;text-align: center;border-radius: 40px;
background: linear-gradient(to right, #6b0129, #ff00d7 50%, #5a0023);}
.news .cont_tit {font-size:36px;font-weight:600;margin:3% 0 1% 0}
.news .sub_img {padding: 5% 0;}
.news .sub_img2 {padding:5% 0 0 0 }
.news .sub_img3 {padding:5% 0;width:70%;margin:0 auto}
.news p {}
.cont .sum_box {margin:5% 0 0 0}
.cont .sum {font-size:14px !important;color:#888;margin:1.5% 0 0 0 }
.cont .sum .po {font-weight:600; color:#ff00d7;margin-right:1%}
.cont p .sup1 {color:#ff00d7;font-weight:500}
/*공유하기버튼*/
.sns_bt{ margin:0 auto; position:fixed; overflow:hidden; right:3%; top:48%; z-index:99;}
.sns_bt li{display:block; margin: 0 0 25% 0 }
.sns_bt li a{color:#fff}
/*주석처리*/
.gold_list_num {margin:3vw 0 0;}
.gold_list_num span {display: inline-block;width: 20px;height: 20px;padding-top: 1px;text-align: center;margin: 5px 4px 5px 0;background: #b38b64;color: #fff;border-radius: 30px;}
/*더보기 버튼*/
.btn_p  {margin-top: 0; margin-bottom: 100px;}
#info05.cont .sub_img {padding-bottom: 15px;}
#info05.cont .more-link {padding:15px 50px;margin-top:0px;}
/*인터뷰추가*/
.names {font-weight:bold;margin-right:3%}
/* Table추가 */
.sub_table_box_pg01 {width:100%; margin:5% 0 5%;}
.sub_table {border:1px solid #ccc;text-align:center;font-size:18px;}
.sub_table thead tr {background:#ccc;}
.sub_table thead tr td {padding:1% 0}
.sub_table thead tr td.first {border-right:1px solid #fff}
.sub_table tbody tr {padding:2% 0;margin:2% 0}
.sub_table tbody tr td {line-height:2;padding:2% 0}
.sub_table tbody tr td.first {border-right:1px solid #ccc}

/*event*/

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

}
@media screen and (max-width: 1440px) {
	.mov{max-width:75%;}
}
@media screen and (max-width: 1366px) {
	.cont .wrap_w2 {max-width:95%}

}
@media screen and (max-width: 1200px) {
	#info01.cont h2 p {font-size:50px;margin-top:10px}
	#sub header .logo{margin:0 35%;width:30%}
	.cont .wrap_w, .cont .wrap_w2, .cont .wrap_w3 {border-radius:0px;overflow:hidden}

	.mov{max-width:90%;}
	.interview_vs img {width:90%}
	/*news*/
	.cont .wrap.news {margin:10% auto 7% auto}
	.newsbt {max-width:130px;font-size:20px !important;font-weight:500 !important;}
}
@media screen and (max-width: 1024px) {
	.cont .wrap{width:90%;margin:30px auto;}/*기본형 위아래 30px 여백*/
	.cont .wrap2{width:90%;margin:0px auto;}/*제목없는 본문형 위아래 여백 없음 */
	.cont .wrap_w, .cont .wrap_w2, .cont .wrap_w3 {width:90%}
    .cont h2 p {font-size: 30px; }
    #info01.cont p {font-size: 17px; }
    #info01.cont h2 p {font-size: 40px;}
	.cont_tit {margin:2% 0; font-size: 24px;}
    .cont p {font-size: 15px;margin-top: 3vw;line-height: 1.85;}
	.cont .wrap.news p{margin:1% auto 0 auto ;}
    #info01.cont {position: relative; margin-top: 20px;}
    #info01.cont:before {/*display: none*/margin-top:-20px}
    .body, html, button, select, input {font-size: 13px;}
	/*sub05*/
	.cardimg img {max-width:90%;}
}

@media screen and (max-width: 900px) { 
	.news .cont_tit {font-size:28px}
	.newsbt {max-width:100px;font-size:18px !important;padding:0px 0}
}

@media screen and (max-width: 800px) {
    #sub header .link {width: 70px;height: 70px;}
    #sub header, #sub header .wrap {height: 95px;}
    #sub header .logo{width: 190px;}
    .logo a{height: 20px;background-size: 190px;}
    #sub header .logo a{background-size: 100%;}
    #sub header .logo p{margin-top: 10px;}
	/*sub06*/
	.news .cont_tit {font-size:24px}
	.cont .wrap.news p {margin:5% auto;}
}

@media screen and (max-width: 600px) {
    #info01.cont p {font-size: 16px;margin-top: 3vw;}
    #info01.cont h2 p {font-size: 24px;margin-top: 5px;}
    .cont_tit {font-size: 18px;}
	.sub_title span {font-size:16px}
	/*sub02*/
	#info01.cont h2 .mini_tit {font-size:20px}
	/*sub05*/
	.cardimg img {max-width:80%;}
	/*sub06*/
	.cont .wrap.news {margin:7% auto 15% auto}
	.cont .wrap.news p {margin:2% auto;}
	.news .sub_img3 {width:100%}
	#info01.cont.sub06 .news_tit {font-size:30px;margin-bottom:3%;}
	.slider li p.caption {font-size:14px !important;}
}

@media screen and (max-width: 500px) {
    .logo a{background-size: 130px;}
    #sub header, #sub header .wrap {height: 75px;}
    #sub header .logo {width: 130px;position:absolute !important;left:-30%;top:-23%}
    #sub header .logo p {margin-top: 4px;color:transparent}
    #sub header p, #sub header .link{font-size: 12px}
	#info01.cont:before {/*display: none*/margin-top:0px}
	#sub header .link {display:none}
	#sub header .link2 {width: 55px;height: 55px;}
	/*sns bt */
	.sns_bt {display:none}
	/*sub06*/
	.newsbt {max-width:80px;font-size:16px !important;}
	.news .cont_tit {font-size:26px;}
}

/*아이폰6,7,8*/
@media screen and (max-width: 475px) {
	#info01.cont.sub06 .news_tit {font-size:20px;margin-bottom:3%}
	.slider li p.caption {font-size:14px !important;}
}

/*아이폰 12,13 Pro Max*/
@media screen and (max-width: 428px) {
	/*sub02*/
	#info01.cont h2 .mini_tit {font-size:18px}
	/*sub06*/
	.newsbt {font-size:14px !important}
	.news .cont_tit {font-size:20px;}
}

/*아이폰 6,7,8 Plus,갤럭시 S20 울트라,*/
@media screen and (max-width: 414px) {

}

/*아이폰 12,13 Pro Max*/
@media screen and (max-width: 390px) {
	.sub_title span {font-size:14px}
	/*sub06*/
	.news .sub_img {padding:7% 0}
}

/*아이폰6,7,8,X, 갤럭시 S20, S21*/
@media screen and (max-width: 375px) {
}

/*갤럭시 S8*/
@media screen and (max-width: 360px) {
}

/*아이폰5, 폴드z*/
@media screen and (max-width: 320px) {
}