@charset "utf-8";
/*************************************************
프로젝트명 : 연합뉴스TV 행사페이지
commnet : contents.css (PC 모드)
*************************************************/

@import url('swiper-3.4.2.min.css');

/* =============== ######공통 (common) ======================== */
html,body{height:auto;}
body{font-weight:400;font-family:'Spoqa Han Sans Neo','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;letter-spacing:-0.3px;line-height:1;color:#000;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
strong{font-weight:500;}
a{display:inline-block;vertical-align:top;}

@media only screen and (min-width:980px){
	body{min-width:1100px;}
	a:hover{text-decoration:underline;}
	a:active,a:hover{outline:0;}
}

.ir-txt{display:inline-block;text-indent:-9999px;font-size:0;}
.ir-txt::selection{font-size:0;} /* 드래그시 버튼에 글자 보임 방지 */

/* =============== 상단메뉴 (nav) ======================== */
.inner{width: 1100px;max-width: 100%;margin: 0 auto;}
.inner::after{content: '';display: block;clear: both;}
.header{background-color: #0a2543;position: relative;z-index: 200;}
.header-box{padding: 15px 0;display: flex;align-items: center;justify-content: space-between;}
.logo{flex: 1;}
.logo>a>.ir-txt{box-sizing: border-box;background: url(../img/sprites_yonhapnewstv.svg) 0 -50px no-repeat;width: 154px;height: 36px;margin-left: 10px;}
.nav{flex: 1.6;}
.nav-menu{display: flex;flex-flow: row wrap;justify-content: space-around;align-items: center;}
.nav-menu>li>a{font-size: 18px;font-weight: 400;color: #fff;text-decoration: none;position: relative;}
.nav-menu>li>a::after{width: 0;height: 0.3rem;background-color: #5dd9fc;left: 50%;content: '';display: block;position: absolute;bottom: -24px;}
.nav-menu>li>a:hover::after{width: 100%;left: 0;transition: all .3s;}

.mobile-menu, .mobile-btn{display: none;}

/* =============== 메인비주얼 ======================== */
.main-visual{height: 470px;background: #213e5e;margin: 0 auto;overflow: hidden;}
.main-visual .obj{position: relative;margin: 0 auto;}
.main-visual .obj01{width: 1280px;height: 470px;background: url(../img/visual-bg.jpg) 0 0 no-repeat;}

/* =============== 스팟영상, 협찬 ======================== */
.spot-video {background-color: #dde7f2;padding: 50px;height: auto;}
.spot-video > div > iframe {margin: 0 auto;max-width: initial;}
.sponsor {text-align: center;padding: 50px 0;}
.sponsor > h2 {font-size: 24px;font-weight:500;margin-bottom: 30px;}
.sponsor > ul {display: grid;grid-template-columns: repeat(auto-fill, minmax(25%, auto));gap: 20px 0px;}
.sponsor > ul > li > img {max-width: 100%;}

/* =============== 서브페이지 ======================== */
.sub-visual{height: 180px;background: #213e5e;position: relative;}
.sub-visual>.obj{background: url(../img/sub-visual-bg.jpg) center bottom no-repeat;width: 1920px;height:180px;z-index: 1;margin: 0 auto;}
.sub-visual>.obj>img{position:relative;max-width: 100%;top:30%;left: 23%;}
.contents{padding: 45px 0 80px 0;}
.contents>h1{text-align: center;font-size: 32px;font-weight: 600;color: #0a2543;margin-bottom: 24px;text-align: center;padding: 3px 0;}

/* =============== 행사소개 ======================== */
ul.tab01{text-align: center;margin-bottom: 40px;font-size: 0;}
ul.tab01>li{display: inline-block;width: 180px;background: #f8f8f8;border: 1px solid #d1d1d1;text-align: center;font-size: 17px;color: #222;padding: 10px 15px;cursor: pointer;}
ul.tab01>li:nth-child(n+2){border-left: 0;}
ul.tab01>li.current{color: #fff;background: #258eba;border: 1px solid #0071a1;}

.tab-content{display: none;position: static;}
.tab-content.current{display: inherit;}

/* 인사말 */
.cont-unit01{display: flex;flex-wrap: wrap;}
.cont-unit01>.img{flex: 1;}
.cont-unit01>.info{flex: 3;margin-left: 60px;}
.cont-unit01>.img>img{max-width: 100%;}
.cont-unit01>.info>p{margin-bottom: 16px;text-indent: 8px;line-height: 28px;font-weight: 300;text-align: justify;}
.cont-unit01>.info>.sign{float: right;font-size: 14px;margin-top: 30px;}
.cont-unit01>.info::after{content: '';display: block;clear: both;}
.cont-unit01>.info>.sign>p>span{vertical-align: middle;font-size: 24px;margin: -4px 0 0 18px;letter-spacing: 10px;}
.cont-unit01>.info>.sign>p>span>img{max-width: 100%;}

/* 개요 */
.introduction{display: flex;}
.introduction>div{flex: 1 1 40%;}
.introduction>div:first-child{margin-right: 20px;}
iframe {max-width: 100%;}
.poster>img{max-width: 100%;}


/* =============== 프로그램 ======================== */

/* 테이블 공통 */
table{position: relative;width: 100%;table-layout: auto;border-collapse: collapse;border-spacing: 0;vertical-align: middle;border: 0;line-height: 1.5;border-top: 2px solid #258eba;}
table thead th, table tbody th, table tbody td{padding: 0.7rem 1.2rem;vertical-align: middle;border: 1px solid #ddd;}
table > thead > tr > th, table > tbody > tr > th{text-align: center;background: #e4f0f5;color: #2b2b2b;font-weight: 500;}

.table-type01 > thead > tr> th{border-bottom: 1px solid #258eba;}
.table-type01 > tbody > tr > th {background: #f3f3f3;}
.table-type01 > tbody > tr > td {text-align: center;}
.table-type01 > tbody > tr.division > td{background: #faf7ee;}

.table-type02 > thead > tr> th{border-bottom: 1px solid #258eba;}
.table-type02 > tbody > tr > th {background: #fbfbfb;}
.table-type02 > tbody > tr.division > td{background: #faf7ee;}

.pointcol {color: #0071a1;font-weight: 500;background: #ecf6fb;}
.pointcol02 {background: #fffbec;padding: 0 3px;margin-top: 3px;}
.refer{margin-top: 10px;color: #717171;}

[class*='sec']>h2{font-size: 24px;font-weight: 500;position: relative;padding-bottom: 1rem;padding-left: 14px;margin-bottom: 8px;}
[class*='sec']>h2::before{content: '';display: inline-block;width: 5px;height:50%;background: #29337f;position: absolute;top: 2px;left: 0;}


/* =============== 초청연사 ======================== */
[class*='sec']{margin-top: 50px;}
.speaker-wrap{margin-bottom: 30px;display: flex;}
.speaker-wrap::after{content: "";display: block;clear: both;}
.speaker-wrap>.speaker-photo>img{max-width: 100%;}
.speaker-wrap>div:nth-child(1){flex-shrink: 0;width: 209px;margin-right: 22px;}
.speaker-wrap>div:nth-child(2){flex-grow: 1;}
.speaker-wrap>div.speaker-txt{padding: 41px 49px;border: 1px solid #e1e6f1;min-height: 250px;background: #f6f8fd;}
.speaker-wrap>div.speaker-txt>div.speaker-name{border-bottom: 1px solid #1c3973;margin-bottom: 17px;}
.speaker-wrap>div.speaker-txt>div.speaker-name>p{font-weight: 500;font-size: 25px;display: inline-block;}
.speaker-wrap>div.speaker-txt>div.speaker-name>p:nth-child(2){font-size: 16px;font-weight: 400;color: #1e428b;padding-bottom: 15px;margin-left: 8px;}
.speaker-txt>ul>li{position: relative;padding-left: 12px;line-height: 1.7;}
.speaker-txt>ul>li::before{content: '';display: inline-block;width: 5px;height: 5px;background: #529CCE;position: absolute;top: 12px;left: 0;border-radius: 50%;}

.subject{margin-top: 35px;text-align: justify;}
.subject>h1{margin-bottom: 7px;font-weight: 500;font-size: 17px;}
.subject>h1>span{padding: 7px;background:#6BBAF9;font-size:15px;font-weight:300;color: #fff;vertical-align: middle;margin-right: 7px;}
.subject>p{line-height: 1.5;color: #373737;}
.subject>p>b{display: inline;font-weight: 500;}

/* =============== 시상안내 ======================== */
.award{margin-bottom: 40px;}
.award>h2{font-size: 20px;font-weight: 600;margin-bottom: 10px;position: relative;padding-left: 20px;}
.award>h2:before {display: block;overflow: hidden;position: absolute;top: 5px;left: 0;width: 11px;height: 11px;border: 3px solid #258eba;border-radius: 10px;box-sizing: border-box;content: '';}
.award>p{line-height: 1.5;padding-left: 20px;}
.award>table>tbody>tr>td>img{max-width: 100%;}

.mb20{margin-bottom: 20px;}


/* =============== 오시는 길 ======================== */
.map-text{margin-bottom: 30px;}
.map-text>h3{font-size: 24px;font-weight: 500;margin-bottom: 10px;}
.map-text>p{position: relative;padding-left: 14px;line-height: 23px;}
.map-text>p::before{content: '';display: inline-block;position: absolute;width: 5px;height: 5px;background-color: #258eba;top: 10px;left: 0;border-radius: 50%;}

.map-area>iframe{width: 100%;min-height: 350px;margin-bottom: 30px;}

ul.tab02{display: flex;text-align: center;margin-bottom: 18px;}
ul.tab02>li{display: inline-block;flex-grow: 1;background: none;border: 1px solid #cecece;text-align: center;font-size: 18px;color: #222;padding: 15px;cursor: pointer;width: 33.3%;}
ul.tab02>li.current{color: #fff;background: #258eba;border: 1px solid #0071a1;}
ul.tab02>li>i{vertical-align: middle;}
ul.tab02>li>i::before{font-size: 18px;vertical-align: middle;margin: 0 10px 0 0;}
ul.tab02>li:nth-child(2){border-left: 0;border-right: 0;}


/* =============== 풋터 ======================== */
footer{text-align: center;border-top: 1px solid #f3f3f3;padding: 50px 0;}
footer>.ir-txt{box-sizing: border-box;background: url(../img/sprites_yonhapnewstv.svg) 0 0 no-repeat;width: 112px;height: 19px;}
footer>address{font-size: 12px;margin-top: 15px;font-weight: 300;color: #999;}