@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:#222;}
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: #272748;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: 170px;height: 36px;margin-left: 10px;}
.nav{flex: 2;}
.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.4rem;background: #fff;opacity: 0.6;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: #253663;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: #e1e9f6;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(20%, auto));gap: 20px 0px;}
.sponsor > ul > li > img {max-width: 100%;width: 90%;}

/* =============== 서브페이지 ======================== */
.sub-visual01{position: relative;background: #253663;}
.sub-visual01 .sub-visual-bg{position:relative;width: 1100px; height:180px;margin: 0 auto;background: url(../img/img_submain_visual01.png) 0 0 no-repeat;z-index: 1;}
.sub-visual01 .sub-visual-bg .txt01{position: absolute;top: 40px;left:13px;width: 556px;height: 64px;background: url(../img/img_submain_text01.png) 0 0 no-repeat;}
.sub-visual01 .sub-visual-bg .txt02{position: absolute;top: 126px;left:13px;width: 569px;height: 19px;background: url(../img/img_submain_text02.png) 0 0 no-repeat;}

.contents{padding: 45px 0 80px 0;}
.contents>h1{text-align: center;font-size: 30px;font-weight: 600;color: #293f78;margin-bottom: 28px;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: none;border: 1px solid #cecece;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: #31467e;border: 1px solid #31467e;}

.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{border-radius: 15px;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;flex-wrap: wrap;}
.introduction>div{flex: 1 1 40%;}
.event-cont{padding-left: 30px;}
.event-cont>ul>li{display: flex;align-items: flex-start;flex-flow: row wrap;line-height: 2.1;}
.event-cont>ul>li>p:first-child{border-radius: 50px;color: #fff;background: #4259a6;width: 140px;height: 42px;line-height: 42px;text-align: center;margin: 0 17px 0 0px;vertical-align: top;text-indent: 6px;letter-spacing: 6px;}
.event-cont>ul>li>p:last-child{margin: 4px -3px 24px 0;flex: 1;}
iframe {max-width: 100%;}
.poster>img{max-width: 100%;}


/* =============== 프로그램 ======================== */
table.table01 {line-height: 25px;}
table.table01 b{font-weight: 500;margin-right: 7px;}
.table01 > thead > tr > th, .table01 > tbody > tr > th, .table01 > tbody > tr > td{border: 1px solid #ccc;padding: 12px 20px;text-align: center;}
.table01 > thead > tr > th{background: #31467e;color: #fff;border: 1px solid #31467e;padding: 5px 0;}
.table01 > tbody > tr > td.textL {text-align: left;}
.pointcol {color: #31467e;font-weight: 500;background: #eef2fd;}
.pointcol02 {background: #CCE3F4;padding: 0 3px;margin-top: 3px;}
.refer{margin-top: 10px;color: #717171;}

.program>div{display: grid;grid-template-columns: 0.5fr 1fr;text-align: center;}
.program>div:last-child>p{grid-column: 1/3;grid-row: 1/2;}
.program>div>p{padding: 20px 0;}
.title{color: #47589f;font-weight: 500;border-top: 1px solid #47589f;border-bottom: 1px solid #47589f;}
.detail{border-bottom: 1px solid #e1e6ea;}
.detail>p:first-child{color: #36599f;font-weight: 500;background-color: #f3f5fb;}
.detail>p>b{margin-right: 4px;}

.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;}



/* =============== 초청연사 ======================== */
.speaker-list>h2{position:relative;font-size: 18px;font-weight: 500;padding-left:12px;margin-bottom: 15px;}
.speaker-list>h2::after{content: '';position: absolute;width: 5px;height: 100%;background-color: #3f3f3f;top: 0;left: 0;}
.speaker-wrap{margin-bottom: 35px;display: flex;}
.speaker-wrap::after{content: "";display: block;clear: both;}
.speaker-wrap>.speaker-photo>img{max-width: 100%;border-radius: 23px;}
.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 50px;border: 1px solid #e1e6ea;min-height: 250px;border-radius: 23px;background: #f3f5fb;}
.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: #31467e;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: #31467e;position: absolute;top: 12px;left: 0;border-radius: 50%;}

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

/* =============== 참가신청 ======================== */
.application{background: #eef2fd;border:1px solid #ccc;padding: 50px 120px;margin-bottom: 30px;line-height: 1.5;}
.application>.txt{font-size: 17px;text-align: center;margin-bottom: 30px;}
.application>.txt>p{margin-bottom: 20px;}
.application>.txt>p:last-child{color:#31467e;}
.button{text-align: center;margin-bottom: 20px;}
.btn01{background: #4259a6;font-size: 18px;padding: 20px 40px;}
.btn01:hover{background: linear-gradient(90deg, rgba(66,89,166,10) 40%, rgba(68,170,185,1) 100%);}
.btn01>.txt{color: #fff;}

.gift{background-color: #fff;border-radius: 15px;padding: 30px 55px;box-shadow: 1px 1px 10px 2px #d9dfed;margin-bottom: 20px;letter-spacing: -0.2px;}
.gift-box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.gift-box>.gift-txt{width: 420px;}
.gift-box2{display: block;}
.gift-box2>.gift-pic{width: 100%;}

.gift-txt{width: auto;font-size: 18px;}
.gift-txt>p.refer{font-size: 16px;}
.gift-txt>p>span.theme{background: #1a428c;font-size: 15px;border-radius: 50px;padding: 4px 18px;color: #fff;margin-bottom: 7px;}
.gift-txt>p>span.underline{text-decoration: underline;font-weight: 500;font-size: 19px;display: inline;}
.gift-txt>h3{font-size: 26px;font-weight: 600;color: #1a428c;margin-bottom: 20px;}
.gift-txt>img{max-width: 100%;}

.gift-pic{width: 256px;}
.gift-pic>img{max-width: 100%;}
.gift-pic>ul{display: flex;flex-wrap: wrap;margin-top: 30px;justify-content: space-between;}
.gift-pic>ul>li{width: 160px;}
.gift-pic>ul>li>img{max-width: 100%;}
.gift-pic>ul>li>p{text-align: center;margin-top: 10px;line-height: 1.3;}

/* =============== 오시는 길 ======================== */
.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;color: #717171;line-height: 23px;}
.map-text>p::before{content: '';display: inline-block;position: absolute;width: 5px;height: 5px;background-color: #31467e;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: 30px;}
ul.tab02>li{display: inline-block;flex-grow: 1;background: none;border:0;border-bottom: 1px solid #e1e6ea;text-align: center;font-size: 21px;color: #222;padding: 17px 15px;cursor: pointer;width: 33.3%;}
ul.tab02>li.current{font-weight: 500;color: #31467e;border: 0;border-bottom: 3px solid #31467e;}
ul.tab02>li>i{vertical-align: middle;}
ul.tab02>li>i::before{font-size: 21px;vertical-align: middle;margin: 0 10px 0 0;}

/* 대중교통 이용법 테이블 */
table{position: relative;width: 100%;table-layout: auto;border-collapse: collapse;border-spacing: 0;vertical-align: middle;border: 0;}
table.table02{line-height: 25px;}
.table02>tbody>tr>th{background-color: #eef2fd;border-bottom: 1px solid #fff;text-align: center;color: #31467e;font-weight: 500;}
.table02>tbody>tr>td{text-align: justify;}
.table02>tbody>tr>th, .table02>tbody>tr>td{vertical-align: middle;padding: 23px 20px;}


/* =============== 풋터 ======================== */
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;}