/*reset style =========*/
* { margin: 0; padding: 0; }
html, body { margin: 0; padding: 0; font: normal 12px '맑은고딕','Malgun Gothic', 'Dotum', 'Gulim', 'Sans-serif'; height:100%;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, blockquote { margin: 0; padding: 0; }
img { border: 0 }
ul, ol, li { list-style: none outside; }
input, select, textarea { vertical-align: middle; }
table { border-spacing: 0; border-collapse: collapse; }
table th, table td { padding: 0 }
.vm { vertical-align: middle; }
.vm_in { display: inline; vertical-align: middle; }
.ds_in { display: inline; }
.ds_b { display: block; }
.ds_ib { display: inline-block; }
.ds_no { display: none; }
.tCenter { text-align: center; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
a:link, a:visited, a:active { color: #5e5e5e; text-decoration: none; }
a:hover { color: #dc1919; text-decoration: none; }
.noMg { margin: 0 !important; }
.noMg_b { margin-bottom: 0 !important; }
.noMg_r { margin-right: 0 !important; }
.noBdb { border: none !important; }
.noBg { background: none !important }
.noPd { padding-bottom: 0 !important }
.mgT30 { margin-top:30px;}
table caption { display:none}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #b4b4b4;}
::-moz-placeholder { /* Firefox 19+ */  color: #b4b4b4;}
:-ms-input-placeholder { /* IE 10+ */  color: #b4b4b4;}
:-moz-placeholder { /* Firefox 18- */  color: #b4b4b4;}

/* 레이아웃 */
.wrap { display:table; width:100%; height:100%;}
.header { display:table-row; width:100%; height:400px; background: url(http://img.tf.co.kr/ss/2017/etc/tfphoto/photo_pattern.jpg) 0 0;}
.header .topImg { position:relative; width:900px; height:310px; margin:46px auto 0 auto;}
.header .topImg span { position:absolute; top:81px; left:50%; margin-left:-50px; font-size:30px; font-weight:bold; color:#dc1919; font-family:Tahoma, Geneva, sans-serif; letter-spacing:-0.05em}
.contents { position:relative; width:900px; height:100%; margin:0 auto -100px auto; padding:20px 0 170px 0}

/* 탑메뉴 */
.topMenu { width:900px; height:70px; margin:0 auto;}
.topMenu:after { content: ""; display: block; clear: both }
.topMenu li { float:left; width:140px; height:70px; margin-right:12px;} 
.topMenu li:last-child { margin-right:0}
.topMenu li a { display:block; width:100%; height:70px; text-align:center; padding-top:15px; font-size:22px; color:#999; font-weight:bold; letter-spacing:-0.08em; border:5px solid #c8c8c8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.topMenu .mOn, .topMenu li a:hover {border:5px solid #dc1919; color:#333;}

/* 페이지 내용*/
.conText { clear:both; width:900px; margin:0 auto; padding:50px 0 0 0; font-size:17px; color:#5e5e5e; line-height:1.7em;}
.conText .tab { padding-left:27px}
.conText .f13 { font-size:13px}
.conText .sTit { font-size:20px; font-weight:bold; color:#333; display:inline-block; vertical-align:middle;}
.conText .bullet { font-weight:normal; color:#dc1919; display:inline-block; vertical-align: text-top; line-height:120%;}
.conText .downBtn {margin-top:15px; display: inline-block;}
.conText .downBtn img { display:block}
.conText .red { color:#ed1414; font-size:14px;}
.conText .red2 { color:#ed1414;}
.conText .gTable { width:100%; border-top:2px solid #ec8e8e; margin:8px 0 10px 0;}
.conText .gTable caption { display:none}
.conText .gTable th { background-color:#fff7f7; font-size:17px; color:#333}
.conText .gTable tr { height:40px; border-bottom:1px solid #ddd}
.conText .gTable .tc1 { width:15%; border-right:1px solid #ddd; text-align:center; font-size:17px; color:#333; font-weight:bold}
.conText .gTable .tc2 { width:35%; padding-left:10px; border-right:1px solid #ddd; text-align:center;}
.conText .gTable .tc3 { width:15%; text-align:center;}

.w110 { width:110px;}
.w130 { width:130px;}
.w140 { width:140px;}
.w150 { width:150px;}
.w180 { width:180px;}
.w200 { width:200px;}
.w240 { width:240px;}
.w250 { width:250px;}
.w260 { width:260px;}
.w340 { width:340px;}
.space5 { clear:both; display:block; height:5px;}
.conText .gTable2 { width:100%; border-top:2px solid #ec8e8e; margin-bottom:10px;}
.conText .gTable2 tr { height:50px; border-bottom:1px solid #ddd}
.conText .gTable2 .tc1 { border-right:1px solid #ddd; text-align:center; font-size:16px; color:#333; font-weight:bold}
.conText .gTable2 .tc2 { padding-left:10px;}
.conText .gTable2 .tc3 { font-size:16px; color:#333; font-weight:bold; padding-left:180px;}
.conText .gTable2 .tLine {border-top:2px solid #149271;}
.conText .gTable2 .tBg {background-color:#fff7f7;}
.conText .gTable2 input { border:1px solid #ccc; height:30px; padding:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.conText .redAlert { font-size:14px; color:#ed1414; width:100%; text-align:center; display:inline-block;}

.conText .gTable3 {width:100%; border-top:2px solid #ec8e8e; margin-top:10px;}
.conText .gTable3 tr { height:50px; border-bottom:1px solid #ddd}
.conText .gTable3 .tc1 { width:140px; border-right:1px solid #ddd; text-align:center; font-size:16px; color:#333; font-weight:bold; background-color:#fff7f7}
.conText .gTable3 .tc2 { padding-left:10px;}
.conText .gTable3 .tc3 { padding:10px 0 10px 10px;}
.conText .noText { font-size:13px; color:#999; line-height:180%; padding-top:10px;}
.conText .gTable3 input { border:1px solid #ccc; height:30px; padding:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.conText .gTable3 select { float:left; height:30px; border:1px solid #ccc; color:#666; letter-spacing:-0.07em; width:180px; margin-top:2px; margin-right:5px;}

.conText .gTable4 {width:80%; margin:30px auto 0 auto; border:3px solid #ec8e8e; height:140px;}
.conText .gTable4 .tc1 { font-size:22px; color:#333; font-weight:bold; width:280px; text-align:center; border-right:1px solid #ddd;}
.conText .gTable4 .tc2 { padding-left:40px; font-size:14px; color:#5e5e5e;}

.conText .terms { width:900px; border:1px solid #ddd; padding:17px; font-size:14px; color:#666; margin-top:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:1.5em}
.conText .nText { text-align:center; padding:100px 0 120px 0; font-size:22px; font-weight:bold}
.conText .rtBtn { float:right; margin-top:-11px}
/* 문의사항 */
.conText .tel { position:absolute; bottom:112px; width:888px;; text-align:right; font-size:14px; color:#a0a0a0;}

/* 라디오 버튼 */
input[type=radio].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
input[type=radio].css-checkbox + label.css-label { padding-left: 25px; height: 20px; display: inline-block; line-height: 20px; background-repeat: no-repeat; background-position: 0 0; font-size: 17px; vertical-align: middle; cursor: pointer; color:#333 }
input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -20px; }
label.css-label { background-image: url(http://img.tf.co.kr/ss/2017/etc/tfphoto/check_img.gif); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.agree { margin:20px auto 0 auto;}
.agree2 li { float:left;}

/* 파일 업로드 */
.filebox { float:left;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block; padding: .4em .75em; color: #fff; font-size:14px; line-height: normal; vertical-align: middle; background-color: #ec8e8e; cursor: pointer; height:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* named upload */
.filebox .upload-name { display: inline-block; padding: .4em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #fff; border: 1px solid #333; height:30px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; width:460px; }

/* 참가 버튼 */
.conText .tryBtn { display:block; background-color:#dc1919; width:160px; margin:30px auto 0 auto; font-size:22px; color:#fff; font-weight:bold; border:none; height:50px; cursor:pointer;}

/* 공지사항 */
.notice { width:100%; border-top:2px solid #ec8e8e; margin:8px 0 10px 0;}
.notice li { border-bottom:1px solid #ddd; padding:14px 0 14px 0;}
.notice .nNumb { display:inline-block; width:50px; text-align:center;}
.notice .noti { width:100%; margin:14px 0 -14px 0; padding:15px 15px 15px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:14px; background-color:#f0f0f0;}
.notice .noti:after { content: ""; display: block; clear: both }

/* 팝업 */
.popup { position:absolute; left:50%; top:800px; margin-left:-175px; width:350px; padding:20px; text-align:center; border:5px solid #dc1919; font-size:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#fff; z-index:9999}
.popup button { display:block; background-color:#dc1919; width:100px; margin:20px auto 0 auto; font-size:22px; color:#fff; font-weight:bold; border:none; height:50px; cursor:pointer;}

/* 푸터 */
.footer { clear:both; width:100%; height:78px; border-top:1px solid #ddd; padding-top:22px; text-align:center; font-size:14px; color:#999}

/* 팝업창 */
.votePopup {display:block; position:absolute;  width:480px; height:410px; padding:30px 25px 0 25px; font-size:14px; color:#5e5e5e; line-height:1.4em; top:700px; background-color:#fff; left:50%; margin-left:-240px; border:4px solid #dc1919; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:9999}
.votePopup span { font-size:20px; display:block; font-weight:bold; padding-bottom:6px;}
.votePopup .popClose { position:absolute; top:0; right:0;}
.votePopup .gTable {width:100%; border-top:2px solid #ec8e8e; margin-top:20px; margin-bottom:10px;}
.votePopup .gTable tr { height:50px; border-bottom:1px solid #ddd}
.votePopup .gTable .tc1 { width:100px; font-size:15px; color:#333; font-weight:bold; text-align:center; border-right:1px solid #ddd; background-color:#fff7f7; }
.votePopup .gTable .tc2 { padding-left:10px; font-size:14px; color:#5e5e5e;}
.votePopup .gTable input { border:1px solid #ccc; height:30px; padding:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.votePopup .gTable .w303 { width:303px;}
.votePopup .gTable .w130 { width:130px;}
.votePopup .gTable .w150 { width:150px;}
.votePopup .tryBtn { display:block; background-color:#dc1919; width:220px; margin:25px auto 0 auto; font-size:22px; color:#fff; font-weight:bold; border:none; height:50px; cursor:pointer;}
.detailPopup {display:block; position:absolute;  width:680px; height:700px; padding:62px 0 0 0; font-size:14px; color:#5e5e5e; line-height:1.4em; top:500px; background-color:#fff; left:50%; margin-left:-340px; border:4px solid #149271; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:9999}
.detailPopup .popClose { position:absolute; top:0; right:0; z-index:9999}
.detailPopup .popTitle { position:absolute; top:0; left:0; background-color:#149271; width:100%; text-align:center}
.detailPopup .detailCon { width:622px; overflow-y: scroll; height:605px; padding:25px 25px 0 25px;}
.detailPopup .ideaKind { color:#149271; font-size:20px; font-weight:bold; letter-spacing:-0.07em;}
.detailPopup .ideaTitle { color:#222; font-size:26px; letter-spacing:-0.07em; line-height:1.2em; margin:4px 0 30px 0;}
.detailPopup .ideaImg { width:500px; margin:0 auto 30px auto;}
.detailPopup .ideaImg img { width:100%;}
.detailPopup .ideaBox { width:575px; background-color:#f3f3f3; font-size:14px; color:#5e5e5e; line-height:1.7em; padding:10px 15px; margin-top:6px; margin-bottom:25px}

/* 171121 대국민 투표 */
.voteKind { width:100%; border:2px solid #c8c8c8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:17px; margin-top:30px;}
.voteKind:after {content:""; display:block; clear:both}
.voteKind li { float:left; width:33.3%; text-align:center; height:45px; padding-top:15px}
.voteKind a { display:block; width:100%;}
.photoList { margin-top:40px;}
.photoList:after {content:""; display:block; clear:both}
.photoList dt { padding-bottom:10px;}
.photoList dt strong { font-size:22px; color:#333 }
.photoList dd { float:left; width:172px; margin-right:10px; margin-bottom:20px;}
.photoList dd:nth-child(5n+6) { margin-right:0;}
.photoList dd .thumb { display:block; position:relative; width:170px; height:130px; background-color:#eeeeee; overflow:hidden;  }
.photoList dd .thumb img {width:100%;}
.photoList dd .thumb .expand { position:absolute; top:0; right:0; width:26px; height:26px;}
.photoList dd .vote { display:block; width:170px; height:34px; background-color:#eeeeee; text-align:center}
.photoList dd input[type=checkbox] { display: none;}
.photoList dd input[type=checkbox] + label{ display: inline-block; cursor:pointer; position:relative; padding-right:25px; margin-top:1px; font-size: 15px; vertical-align:middle}
.photoList dd input[type=checkbox]+ label:before { content: "";  display:inline-block; width:20px; height:20px; margin-left:10px; position:absolute; right:0; bottom:4px; background-color:#ccc; border-radius:2px; box-shadow:inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);}
.photoList dd input[type=checkbox]:checked + label:before { content: "\2713";/* 체크모양 */  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 18px; font-weight:800; color: #fff; background:#f57c7c; text-align: center; line-height: 18px;} 

/* 스토리텔링 크게보기*/
.photoWrap { position:absolute; width:100%; height:100%; z-index:9998}
.photoWrap .photoBox {position:absolute; top:74px; left:50%; margin-left:-480px; width:960px; height:800px; overflow-y:auto; background-color:#000; z-index:9999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px 0 20px 0}
.photoBg { position:absolute; width:100%; height:100%; background-color:#000; opacity:0.6;}
.photoW2 { width:900px; margin:0 auto;}
.photoW2 img { width:100%; display:block}
.photoV2 { width:600px; margin:0 auto;}
.photoV2 img { width:100%; display:block}
.photoWrap .storyTxt { display:block; color:#fff; font-size:15px; padding:8px 0 14px 0; margin-bottom:60px;}
.photoWrap .ptClose2 { position:absolute; top:46px; left:50%; margin-left:448px; display:block; width:32px; height:28px; z-index:9999}
.photoWrap .ptClose2 img { display:block;}
.photoWrap .tryBtn { display:block; background-color:#dc1919; width:100px; margin:30px auto 0 auto; font-size:18px; color:#fff; font-weight:bold; border:none; height:30px; cursor:pointer;}

/* 디지털카메라, 드론, 스마트폰 크게보기 */
.photoW { position:absolute; top:100px; left:50%; margin-left:-450px; width:900px; z-index:9999}
.photoW img { width:100%; border:4px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block}
.photoV { position:absolute; top:100px; left:50%; margin-left:-300px; width:600px; z-index:9999}
.photoV img { width:100%; border:4px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block}
.photoWrap .ptClose { float:right; border:none; width:32px; height:28px;}

/* 지난 수상작 */
.photoList2 { margin-top:40px; padding-bottom:20px;}
.photoList2:after {content:""; display:block; clear:both}
.photoList2 dt { padding-bottom:10px;}
.photoList2 dt strong { font-size:22px; color:#333 }
.photoList2 dd { float:left; margin-right:20px; display:block;}
.photoList2 dd .thumb { display:block; position:relative; width:240px; background-color:#eeeeee; overflow:hidden; border:2px solid #000; }
.photoList2 dd .thumb img {width:100%; display:block;}
.photoList2 dd .thumb .expand { position:absolute; top:0; right:0; width:26px; height:26px;}
.photoList2 .prize1 { float:none; display:inline-block; position:relative; width:600px; overflow:hidden;  border:2px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align:middle}
.photoList2 .prize1 img {width:100%; display:block;}
.photoList2 .prize1 .expand { position:absolute; top:0; right:0; width:26px; height:26px;}
.photoList2 .p1name {float:none; display:inline-block; font-size:18px; font-weight:bold; color:#333; vertical-align:middle}
.photoList2 .prTxt { font-size:15px; color:#333; letter-spacing:-0.05em; width:100%; text-align:center; display:block; line-height:1.3em; padding-top:5px; padding-bottom:25px;}

.photoList2 dd:nth-child(6) { clear:both}
.photoList2 dd .thumb2 { display:block; position:relative; width:200px; background-color:#eeeeee; overflow:hidden; border:2px solid #000; }
.photoList2 dd .thumb2 img {width:100%; display:block;}
.photoList2 dd .thumb2 .expand { position:absolute; top:0; right:0; width:26px; height:26px;}

/* 회차 메뉴 */
.year { width:100%; border:2px solid #c8c8c8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:15px; margin-top:30px;}
.year:after {content:""; display:block; clear:both}
.year li { float:left; width:25%; text-align:center; height:42px; padding-top:15px}
.year a { display:block; width:100%; color:#888; letter-spacing:-0.05em;}
.year strong { color:#222;}