@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;background: #f3f3f3;}
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: 1170px;max-width: 100%;margin: 0 auto;}
.inner::after{content: '';display: block;clear: both;}
.header{position: relative;z-index: 200;background: #150a06;}
.header-box{padding: 21px 0;display: flex;align-items: center;justify-content: space-between;}
.logo{flex: 1;}
.logo>a{box-sizing: border-box;margin-left: 10px;width: 301px;height: 26px;}
.logo>a>img{max-width: 100%;}
.nav{flex: 2;}
.nav-menu{display: flex;flex-flow: row wrap;justify-content: space-around;align-items: center;}
.nav-menu>li>a{font-size: 17px;font-weight: 500;text-decoration: none;position: relative;color: #fff;}
.nav-menu>li>a::after{width: 0;height: 0.3rem;background: #e4a243;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: 1000px;margin: 0 auto;overflow: hidden;background: #353831;}
.main-visual .obj{position:relative;width: 100%;height: 1000px;background: url(../img/main-bg.jpg)no-repeat center;background-size: cover;}
.main-visual .obj .txt01{position: relative;top: -20px;left: 20px;margin: 0 auto;max-width: 100%;width: 700px;height: 491px;background: url(../img/main-obj.png)no-repeat center;}
.main-visual .obj .txt02{color: #fff;margin:0 auto;text-align: center;line-height: 1.3;font-size: 19px;position: relative;top: -10px;}
.main-visual>.obj>.txt02>p{margin-bottom: 10px;}
.main-visual>.obj>.txt02>p:nth-child(2){margin-right: 10px;}
.main-visual>.obj>.txt02>p:nth-child(2),.main-visual>.obj>.txt02>p:nth-child(3){display: inline-block;}
.main-visual>.obj>.txt02>p>span {border : 1px solid #fff;padding: 0 7px;margin-right: 5px;}
.main-visual>.obj>.txt02>p>b{font-weight: 400;background: #ff6900;padding: 0 3px;}

/* 스팟영상, 협찬 */
.spot-video {background: #d7aa61;padding: 50px;height: auto;}
.spot-video > div > iframe {margin: 0 auto;max-width: initial;}

.sponsor{padding: 30px 0;}
.boost{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 15px;}
.boost>.list-wrap01:first-child>ul.list>li:last-child{margin-right: 15px;}

.list-wrap01{display: flex;align-items: center;}
.list-wrap01>p, .list-wrap02>p{font-size: 22px;padding: 15px;}
.list-wrap01>ul.list, .list-wrap02>ul.list{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.list-wrap01>ul.list>li, .list-wrap02>ul.list>li{padding: 10px;}
.list-wrap01>ul.list>li>img, .list-wrap02>ul.list>li>img{max-width: 100%;width: 180px;}

.list-wrap02{margin-bottom: 15px;}
.list-wrap02>p{text-align: center;}

/* =============== 서브비주얼 =============== */
.sub-visual{position: relative;}
.sub-visual .obj{position:relative;width: 100%; height:180px;margin: 0 auto;background: url(../img/sub-bg.jpg)no-repeat center;background-size: cover;}
.sub-visual .obj .txt01{position: relative;top:39%;}
.sub-visual>.obj>.txt01>h1{font-size: 36px;font-weight: 500;color: #fff;text-align: center;}

.contents{background: #fff;padding: 50px;}
.contents>h1{text-align: center;font-size: 24px;font-weight: 500;color: #1a1212;margin-bottom: 28px;}

/* =============== 텝 메뉴 =============== */
ul.tab01{text-align: center;margin-bottom: 40px;font-size: 0;}
ul.tab01>li{display: inline-block;width: 180px;background: #fafafa;border: 1px solid #c2c2c2;text-align: center;font-size: 17px;color: #000;padding: 12px 15px;cursor: pointer;}
ul.tab01>li:first-child{color:#de0000;font-weight: 500;}
ul.tab01>li.current{color: #fff;background: #ee7419;border: 1px solid #ee7419;}

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


/* 대회안내 */
.cont{margin-bottom: 50px;}
.cont-wrap{margin-bottom:4rem;}
.notice-title>h2, .cont-title>h2{margin-bottom: 10px;position: relative;padding-left: 25px;font-size: 20px;font-weight: 600;}
.notice-title>h2::before, .cont-title>h2::before{position: absolute;left: 0;top: 3px;content: "";background: url(../img/icon01.png) no-repeat;width: 15px;height: 15px;background-size: 100%;}

.wid100{width: 100%;}

.video {overflow: hidden;display: block;position: relative;width: 100%;height: 0;padding-top: 56.25%;}
.video > iframe {position: absolute;top: 0;left: 0;max-width: 100%;width: 100%;height: 100%;}

/* 공지사항 */
.sec{margin-bottom: 50px;}
.notice-title{margin-bottom: 20px;}
.notice-content{line-height: 1.5;font-size: 17px;}
.notice-content>p{margin-bottom: 20px;}

.notice-content>ul>li{position: relative;padding-left: 15px;margin-bottom: 3px;}
.notice-content>ul>li:last-child{margin-bottom: 0;}
.notice-content>ul>li::before{position: absolute;content: '';top: 11px;left: 0;width: 6px;height: 2px;background: #000;}

.notice-content>ul.detail01>li{position: relative;padding-left: 15px;margin-bottom: 16px;}
.notice-content>ul.detail01>li:last-child{margin-bottom: 0;}
.notice-content>ul.detail01>li::before{position: absolute;content: '';top: 9px;left: 0;width: 7px;height: 7px;background: #e49524;border-radius: 100%;}
.notice-content>ul.detail01>li>ul>li{position: relative;padding-left: 11px;color: #a0581a;line-height: 1.5;}
.notice-content>ul.detail01>li>ul>li::before{position: absolute;content: '';top: 11px;left: 0;width: 5px;height: 2px;background: #aaaaaa;}
.notice-content>ul.detail01>li>ul{background: #f3efe9;display: inline-block;padding: 5px 11px 5px 8px;margin: 3px 0 7px 0;border-radius: 5px;}

/* 콩쿠르 요강 */
ul.detail02>li{position: relative;padding-left: 13px;margin-bottom: 6px;}
ul.detail02>li:last-child{margin-bottom: 0;}
ul.detail02>li::before{position: absolute;content: '';top: 9px;left: 0;width: 7px;height: 7px;background: #e49524;border-radius: 100%;}
ul.detail02>li>ul>li{position: relative;padding-left: 11px;color: #a0581a;line-height: 1.5;}
ul.detail02>li>ul>li::before{position: absolute;content: '';top: 11px;left: 0;width: 5px;height: 2px;background: #aaaaaa;}
ul.detail02>li>ul{background: #f3efe9;display: inline-block;padding: 5px 11px 5px 8px;margin: 3px 0 7px 0;border-radius: 5px;}

/* 수상자 특전 */
.award {line-height: 1.5;margin-bottom: 40px;text-align: center;}
.award>.img>img{max-width: 100%;width: 720px;border-radius: 20px;}
.award>.txt-box{margin-left: 20px;padding: 20px;}
.award>.txt-box>.txt>h2{font-size: 26px;font-weight: 600;margin-bottom: 16px;color: #e99400;line-height: 1.2;}
.award>.txt-box>.txt>h2>span{padding: 3px;background: linear-gradient(to top, #f9edd7 10%, #fff 50%)}
.award>.txt-box>.txt>h3{font-size: 17px;padding: 0 10px;}
.award>.txt-box>.txt>p{margin-top: 20px;}

/* 참가신청 */
.button{text-align: center;margin-bottom: 20px;}
span.btn01{font-size: 18px;padding: 20px 60px;background: #e4a243;color: #fff;font-weight: 500;}
a.btn01:hover{background: #ef8e02;color: #fff;}

/* 오시는 길 */
.map>div>ul.detail02>li{line-height: 1.5;}
.map-text{margin-bottom: 30px;}
.map-text>h3{font-size: 26px;font-weight: 500;margin-bottom: 10px;}
.map-area>iframe{width: 100%;min-height: 350px;margin: 20px 0 20px 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;}


/* =============== 테이블 타입 =============== */

.mb7 {margin-bottom: 7px;}
.mb20 {margin-bottom: 20px;}
.mb50 {margin-bottom: 50px;}
.mt20 {margin-top: 20px;}

/* 테이블 공통 */
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 #656565;}
table thead th, table tbody th, table tbody td{padding: 0.6rem 1.2rem;vertical-align: middle;border: 1px solid #c8c8c8;}
table > thead > tr > th, table > tbody > tr > th{text-align: center;background: #f5f5f5;color: #2b2b2b;font-weight: 500;}

/* 공지사항 */
.table-type01 > thead > tr> th{border-top: 0;padding: 0.3rem 0;}
.table-type01 > tbody > tr > td {text-align: center;background: #fff;}
.table-type01 > tbody > tr.division > td{background: #faf7ee;}

.info01 {text-align: center;margin-bottom: 30px;}

/* 대회기본계획, 오시는 길 */
.table-type02 > tbody > tr> th, .table-type02 > tbody > tr> td{border-top: 0;padding: 1rem 1.5rem;}
.table-type02 > tbody > tr > td {text-align: left;}

.font-type01 {color: #a0581a;font-weight: 500;border: 1px solid #a0581a;padding: 0 5px;margin-right: 10px;}
.font-type02 {color: #a0581a;}
.font-type03 {color: #de0000;}