﻿@charset "utf-8";

/* 01_contest */
.contest-txt { overflow:hidden;}
.contest-txt dl { clear:both; margin-top:50px; overflow:hidden;}
.contest-txt dl:first-child { margin-top:0;}
.contest-txt dl dt { float:left; font-size:18px; color:#333333; background:url(../../images/common/icon_bul01.jpg) no-repeat left 9px; padding-left:30px; width:136px; box-sizing: border-box; }
.contest-txt dl dd { float:left; padding-left:20px; border-left:1px solid #cccccc; width:793px;}
.contest-txt dl dd p { background:url(../../images/common/icon_bul02.jpg) no-repeat left 10px; padding-left:10px;}
.contest-txt dl dd p span { color:#000; font-size:18px;}

/* 02_introduce */
.introduce-tit { overflow:hidden; height:80px; line-height:80px; border-bottom:1px solid #dfdfdf; clear:both;}
/* .introduce-tit span { display:inline-block; font-size:32px; font-weight:bold; color:#333333; background: url(../../images/common/img_gnb_bar.gif) repeat-x left bottom;} */
.introduce-tit span { display:inline-block; font-size:32px; font-weight:bold; color:#333333; background: url(../../images/common/img_gnb_bar.jpg) repeat-x left bottom;}


.introduce-wrap { overflow:hidden; padding-top:30px;}
.introduce-wrap dl { text-align:center; margin-left:16px; margin-bottom:40px; float:left;}
.introduce-wrap dl:first-child, .introduce-wrap dl:nth-child(4), .introduce-wrap dl:nth-child(7), .introduce-wrap dl:nth-child(10) { margin-left:0;}
.introduce-wrap dl dt { margin-bottom:15px;}
.introduce-wrap dl dd a { margin:0 5px;}

/* 03_register */
.register-step { margin-top:60px;}
.register-step h3 { background:url(../../images/common/icon_bul01.jpg) no-repeat left 10px; padding-left:13px; font-size:18px; color:#333333; font-weight:normal; margin-bottom:10px;}
.register-step .agree-box { border:1px solid #dfdfdf;}
.register-step .agree-box .agree-content { padding:20px;}
.register-step .agree-box .agree-content > div { overflow-y:scroll; height:160px; padding-right:20px;}
.register-step .agree-box .agree-check { border-top:1px solid #dfdfdf; background:#f8f8f8; padding:20px; color:#333333; font-size:16px;}
.register-step .agree-box .agree-content table { width:100%; border-collapse:collapse;}
.register-step .agree-box .agree-content table th,.register-step .agree-box .agree-content table td { text-align:center; padding:5px; border:1px solid #dfdfdf; font-weight:normal;}
.register-step .agree-box .agree-check span.check-box { float:right;}
.register-step .entery-detail { border:1px solid #dfdfdf; padding:30px;}
.register-step .entery-detail select { height:30px; vertical-align:middle; line-height:28px;}
.register-step table { width:100%;}
.register-step table tr th { text-align:right; padding:10px 15px 10px 0; font-weight:normal;}
.register-step .team { border:1px solid #dfdfdf; padding:30px; margin-bottom:20px;}
.register-step .team p { font-size:16px; font-weight:bold; color:#333;}
.register-step table tr td .input-type02 { background:#f8f8f8; border:1px solid #dfdfdf; padding:5px; height:18px;}
.register-step table tr td .dash { margin:0 5px;}
.register-step table tr td select { vertical-align:bottom;}
.register-step .application-number p { font-size:16px; color:#333;}
.register-step .application-number .number-box { border:1px solid #dfdfdf; padding:23px 0; width:314px; margin:auto;}
.register-step .application-number .number-box h2 { font-size:23px; color:#333;}
.register-step .application-number .number-box h2 span { font-size:40px; color:#ce152b; font-weight:600;}
.register-step .receipt { border:1px solid #ce152b; padding:30px 40px; overflow:hidden;}
.register-step .receipt h2 { color:#333; font-size:40px; letter-spacing:15px;}
.register-step .receipt h2 span { color:#ce152b; font-weight:600; letter-spacing:-0.2px;}
.register-step .receipt p { color:#333; font-size:16px;}
.register-step .receipt hr.line { border-top:1px solid #dfdfdf; margin:20px 0;}
.register-step .confirm_team { border:1px solid #dfdfdf; padding:30px;}
.printarea { width:648px; margin:auto;}
.register-step .dash-line { /*background:url(../../images/page/bg_dashline.jpg) no-repeat center;*/ height:27px; margin:10px 0; position:relative;}
.register-step .dash-line p { color:#333; position:absolute; right:-68px; top:4px;}
.register-step .entery-detail-check { border:1px solid #dfdfdf; padding:30px 0 30px 85px; overflow:hidden;}
.register-step .entery-detail-check ul { float:left; padding-left:20px; border-left:1px solid #dfdfdf; margin-left:90px;}
.register-step .entery-detail-check ul li { font-size:16px; color:#333; margin-top:17px;}
.register-step .entery-detail-check ul li:first-child,.register-step .entery-detail-check ul.type-list li:first-child { margin-top:0;}
.register-step .entery-detail-check ul.type-list { padding-left:0; border-left:none; margin-left:0;}
.register-step .entery-detail-check ul.type-list li { background:url(../../images/common/icon_bul02.jpg) no-repeat left 9px; padding-left:8px; color:#7a7a7a; font-size:14px; margin-top:20px;}
.register-step table.exhibitor { width:100%; border:1px solid #dfdfdf;}
.register-step table.exhibitor th { background:#f8f8f8; padding:10px 0; border-left:1px solid #dfdfdf; text-align:center;}
.register-step table.exhibitor th:first-child,.register-step table.exhibitor td:first-child { border-left:none;}
.register-step table.exhibitor td.pd0 { padding:10px 0;}
.register-step table.exhibitor td { border-left:1px solid #dfdfdf; padding:10px 0 10px 20px; color:#333; font-size:16px;}
.register-step ul.text-list li { padding-left:13px;}
ul.text-list02.ml13 { margin-left:13px;}
ul.text-list02 li { background:url(../../images/common/icon_bul02.jpg) no-repeat left 10px; padding-left:10px;}
.register-step h3 u { text-decoration:none; color:#ce152b; border-bottom:1px solid #ce152b;}
.confirm-area { width:482px; margin:auto;}
.confirm-area .box { border:1px solid #dfdfdf; border-top:2px solid #ce152b; padding:50px 70px 30px 70px;}
.confirm-area .box table th { font-weight:normal;}
.info-box { border-top:2px solid #333333; border-bottom:1px solid #dfdfdf; padding:50px 0 40px 0; text-align:center; background:url(../../images/page/icon_info_arrow.jpg) no-repeat top;}
.info-box .info-txt { font-size:16px; color:#333;}
.info-box .info-txt span { color:#ce152b;}
.upload-file-label { background:#f8f8f8; border:1px solid #dfdfdf; padding:5px 20px; height:18px; cursor: default;}

/* 04_prize */
.prize-select-wrap label { color:#7a7a7a; font-size:16px; margin-right:17px;}
.prize-select-wrap select { color:#333; font-size:18px; width:230px; height:40px; line-height:40px; padding:0 9px; background:url(../../images/common/icon_select.png) no-repeat right 10px center #fff; border:1px solid #dfdfdf; position:relative;}
.prize-wrap01 { border-bottom:1px solid #dfdfdf; overflow:hidden; margin-top:40px; padding-bottom:50px;}
.prize-wrap01 .grand-txt { background:#f5f5f5; padding:24px 20px; margin-left:15px; width:607px; height:177px;}
.prize-wrap01 .grand-tit { margin-top:20px; max-width:316px;}
.prize-wrap01 .grand-tit h3 { font-size:28px; color:#333;}
.prize-wrap01 .grand-tit dl dt { display:inline-block; vertical-align:top; margin-right:10px;}
.prize-wrap01 .grand-tit dl dd { color:#333; font-size:18px; display:inline-block; max-width:180px; vertical-align:top;}
.prize-wrap01 .grand-preview { margin-top:-70px; margin-left:135px;}
.prize-wrap01 .grand-img { background:url(../../images/page/bg_prize01.jpg) no-repeat; width:316px; height:225px;}
.prize-wrap01 .grand-img h2 { font-size:40px; color:#ce152b; font-weight:bold; padding:35px 0 0 95px;}
.prize-wrap02,.prize-wrap03 { border-bottom:1px solid #dfdfdf; padding:60px 0 0 0; overflow:hidden;}
.prize-wrap02 .box:nth-child(odd) { border-right:1px solid #dfdfdf; margin-left:0; padding-right:50px; clear:both;}
.prize-wrap02 .box { margin-left:50px; margin-bottom:60px;}
.prize-wrap02 .box .sub-img01_01 { background:url(../../images/page/bg_prize02.jpg) no-repeat; width:280px; height:180px;}
.prize-wrap02 .box .sub-img01_01 h2 { font-size:40px; color:#bf9446; font-weight:bold; padding:30px 0 0 70px; max-width:165px;}
.prize-wrap02 .box .sub-img01_02,.prize-wrap02 .box .sub-img02_02 { margin:-70px 0 0 83px;}
.prize-wrap02 .box .sub-img02_01 { background:url(../../images/page/bg_prize03.jpg) no-repeat; width:280px; height:180px;}
.prize-wrap02 .box .sub-img02_01 h2 { font-size:40px; color:#7a7a7a; font-weight:bold; padding:30px 0 0 70px; max-width:165px;}
.prize-wrap02 .sub-tit { margin-top:40px;}
.prize-wrap02 .sub-tit dl dt { display:inline-block; vertical-align:top;}
.prize-wrap02 .sub-tit dl dd { color:#333; font-size:16px; display:inline-block; max-width:350px; vertical-align:top;}
.prize-wrap03 .prize-name { margin-left:30px; width:300px;}
.prize-wrap03 .prize-name h2 { font-size:40px; font-weight:bold; color:#333;}
.prize-wrap03 .prize-cont { margin-left:25px; min-width: 285px;}
.prize-wrap03 .prize-cont .top-line { border-top:2px solid #333; width:24px; display:inline-block;}
.prize-wrap03 .prize-cont p { color:#333333; font-size:18px;}
.prize-wrap03 .prize-cont dl dt { display:inline-block; vertical-align:top;}
.prize-wrap03 .prize-cont dl dd { color:#333; font-size:16px; display:inline-block; max-width:240px; vertical-align:top;}
.prize-wrap03 .box02 { max-width:650px; margin-bottom:60px;}
.prize-wrap03.last { border-bottom:none;}
.prize .sub-title { padding-top:63px; padding-bottom:39px; }
.prize h1 { line-height:1; margin-bottom:18px; }
/* 05_board */
.search-wrap { text-align:center; position:relative;}
.search-wrap select { color:#7a7a7a; font-size:16px; width:100px; height:40px; line-height:40px; padding:0 9px;
background:url(../../images/common/icon_select.png) no-repeat right 10px center #fff; border:1px solid #dfdfdf; position:relative;}
.search-wrap select option { color:#7a7a7a;	border: 1px solid #dfdfdf;}
.search-wrap span { position:relative;}
.search-wrap input[type="text"] { color:#7a7a7a; font-size:16px; height:38px; line-height:38px; padding:0 44px 0 9px; width:141px;
border:1px solid #dfdfdf; border-left:none; vertical-align:top; margin-left:-2px;}
.search-wrap a.search-go { display:inline-block; width:23px; height:24px; position:absolute;
background:url(../../images/common/icon_search.png) no-repeat center; right:12px; top:-6px;}
.notice-list-wrap { overflow:hidden;}
.notice-list-wrap ul li { float:left; border:1px solid #f5f5f5; background:#f5f5f5; position:relative; margin-left:16px; margin-bottom:16px;}
.notice-list-wrap ul li:first-child, .notice-list-wrap ul li:nth-child(5), .notice-list-wrap ul li:nth-child(9), .notice-list-wrap ul li:nth-child(13) { margin-left:0;}
.notice-list-wrap ul li a { display:inline-block; width:191px; height:158px; padding:20px;}
.notice-list-wrap ul li p { color:#7a7a7a;}
.notice-list-wrap ul li .no, .notice-list-wrap ul li .hit { font-size:12px;}
.notice-list-wrap ul li .tit { font-size:14px; padding-top:20px; clear:both;}
.notice-list-wrap ul li .cont { font-size:18px;}
.notice-list-wrap ul li .date { font-size:14px; position:absolute; bottom:20px;}

.notice-list-wrap ul li.hover { border:1px solid #dfdfdf; background:#fff;}
.notice-list-wrap ul li.hover .no, .notice-list-wrap ul li.hover .hit { color:#ce152b;}
.notice-list-wrap ul li.hover p { color:#333333;}
.notice-list-wrap ul li.hover .cont { font-size:18px; font-weight:600;}
.page { text-align:center; clear:both; padding-top:40px;}
.page .page-left { margin-right:40px; position:relative;}
.page .page-right { margin-left:40px; position:relative;}
.page span a { width:25px; height:25px; line-height:25px; display:inline-block; color:#7a7a7a;}
.page span a.on { background:url(../../images/common/bg_page.jpg) no-repeat center;}

.notice-view-wrap .top { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:15px 10px 20px 10px; color:#dfdfdf; font-size:12px; overflow:hidden;}
.notice-view-wrap .top .view-no,.notice-view-wrap .top .view-hit { color:#7a7a7a;}
.notice-view-wrap .top .view-no { padding-right:9px; border-right:1px solid #dfdfdf;}
.notice-view-wrap .top .view-hit { padding-left:9px;}
.notice-view-wrap .top h3 { font-size:18px; color:#333333; font-weight:600; float:left;}
.notice-view-wrap .top .write { font-size:12px; color:#7a7a7a; margin-left:40px; float:right;}
.notice-view-wrap .top .write span { font-size:14px; color:#333333;}
.notice-view-wrap .cont { padding:20px 10px;}
.notice-view-wrap .cont p { color:#333;}
.notice-view-wrap .bottom { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:20px 10px; overflow:hidden;}
.notice-view-wrap .bottom p a { color:#7a7a7a;}
.notice-view-wrap .bottom p a:hover { border-bottom:1px solid #333;}
.notice-view-wrap .bottom p a img { position:relative; top:0px;}
.notice-view-wrap .bottom p a img.pre { margin-right:10px;}
.notice-view-wrap .bottom p a img.next { margin-left:10px;}
.notice-view-wrap .bottom p span { color:#3e3e3e; font-size:16px;}
.notice-view-wrap .comment { background:#f8f8f8;}
.notice-view-wrap .comment .co-title { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:20px; overflow:hidden;}
.notice-view-wrap .comment .co-title h3 { color:#ce152b; background:url(../../images/common/icon_comment.jpg) no-repeat left top; padding-left:15px; float:left; font-size:14px;}
.notice-view-wrap .comment .co-title h3 span { color:#333333; font-size:18px; font-weight:600; margin-left:10px;}
.notice-view-wrap .comment .co-title .write { font-size:12px; color:#7a7a7a; margin-left:40px; float:right;}
.notice-view-wrap .comment .co-title .write span { font-size:14px; color:#333333;}
.notice-view-wrap .comment .co-cont { padding:30px 30px 55px 30px;}
.notice-view-wrap .comment .co-cont p { color:#333333;}

.notice-view-wrap .v-line { margin:0 10px;}
a.btn-normal { border:1px solid #dfdfdf; display:inline-block; width:178px; height:48px; line-height:48px; color:#333333; font-size:18px;}
a.btn-normal.active, a.btn-normal:hover { color:#ce152b; border:1px solid #ce152b;}
a.btn-disable { border:1px solid #dfdfdf; display:inline-block; width:178px; height:48px; line-height:48px; color:#333333; font-size:18px; background-color: #dfdfdf; cursor: default;}

.notice-write-wrap label { color:#7a7a7a; margin:0 16px;}
.notice-write-wrap label.first { margin-left:0;}
.notice-write-wrap .write-top input { border-bottom:1px solid #dfdfdf; border-top:none; border-left:none; border-right:none; color:#333; font-size:16px; font-weight:600;}
.notice-write-wrap .write-cont textarea { color:#333;}
.notice-write-wrap .write-cont label { vertical-align: top;}

/*accordian*/
.accordian { border-top:1px solid #dfdfdf;}
.accordian li dl dt {background:url(../../images/common/icon_arrow_off.jpg) no-repeat right 20px center; padding:20px 0;}
.accordian li dl dd { font-size:14px; color:#7a7a7a; padding:20px 0 60px 0; background:#f5f5f5; border-bottom:none;}
.accordian li dl dt, .accordian li dl dd { overflow:hidden; border-bottom:1px solid #dfdfdf;}
.accordian li dl dt a { font-size:16px; color:#7a7a7a;}
.accordian li dl span {display:block; float:left; padding-right:73px;width: 800px;}
.accordian li dl span.category {width:84px; text-align:center; font-size:21px; font-weight:600; color:#333333; padding-right:0;}
.accordian li.on dl dt {background:#fff url(../../images/common/icon_arrow_on.jpg) no-repeat right 20px center;}
.accordian li.on dl dd {border-bottom:none; background:#f5f5f5;}
.accordian li.on dl dt span, .accordian li.on dl dt span.category {color:#333333; font-weight:600;}
.accordian li.on dl dd span {color:#5f5f5f;}
.accordian li.on dl dd span.category,.accordian li dl dd span.category {color:#ce152b;}

/*2017 설문조사 팝업*/
.layer-popup.survey2017 {height:612px; padding:0;}
.layer-popup.survey2017 .popup-cont span.close {z-index:5;}
.layer-popup.survey2017 h2 {line-height:1; padding:36px 0 7px; font-size:24px; color:#333333; line-height:1.25; letter-spacing:-1px;}
.layer-popup.survey2017 .bg-top {padding-left:158px; margin-bottom:32px;background:#faf2e0 url('../../images/page/bg_popup_survey.png') no-repeat 56px 44px; border-bottom:1px solid #ce152b;}
.layer-popup.survey2017 .popup-cont .txt {height:auto; margin:0 20px 0; padding-left:0; padding-right: 0;}
.layer-popup.survey2017 .popup-cont .des {margin-bottom:51px; font-size:16px; font-weight:bold; color:#333333; letter-spacing:-1.3px;}
.layer-popup.survey2017 .popup-cont .des u {color:#d84455; text-decoration:none; border-bottom:1px solid #d84455; padding-bottom:1px; font-weight:bold;}
.layer-popup.survey2017 .popup-cont .question {overflow:hidden; margin-bottom:10px; line-height:1.5;}
.layer-popup.survey2017 .popup-cont .question span {float: left; font-weight:bold;}
.layer-popup.survey2017 .popup-cont .question span:first-child {color:#d84455; font-size:20px;}
.layer-popup.survey2017 .popup-cont .question span:first-child + span {width:515px; margin-left:5px; color: #000;}
.layer-popup.survey2017 .popup-cont p.input-wrap {line-height:1; margin-bottom:11px;}
.layer-popup.survey2017 .popup-cont .btn-wrap {margin-top:34px;}
.layer-popup.survey2017 .popup-cont input[type='text']{width:429px; border:1px solid #dfdfdf;}

/* 170823 error page */
.error .header {margin-bottom:11px;}
.error .content {margin-top:153px;}
.error .content .tit {margin-bottom:48px; font-size:32px; font-weight:bold; color:#3b434d; line-height:1; }
.error .content .tit span {color:#b42536;}
.error .content .des {margin-top:11px; margin-bottom:35px; font-size:14px; color:#525252; line-height:1.5; }
.error .content a {display:inline-block; width:211px; height:46px; background:#b42536; color:#fff; font-size:18px; line-height:46px; font-weight:bold;}

/* 180508 prize new layout */
.prize-banner { display:block; margin-bottom:55px; }
.prize-wrap { overflow:hidden; margin-bottom:33px; letter-spacing:-1px; }
.prize-tit { float:left; width:119px; height:100%; min-height:148px; margin-right:47px; padding:16px; background-color:#ce152b; background-position:right bottom; background-repeat:no-repeat; }
.prize-tit p { font-size:30px; color:#fff; line-height:1.06; letter-spacing:-1px; }
.prize-des { float:left; width:780px;  border-top:3px solid #ce152b; }
.prize-des .prize-person { position:relative; padding-top:13px; padding-bottom:20px; border-bottom:1px solid #dfdfdf; }
.prize-des table th { position:relative; width:83px; padding-left:16px; padding-top:9px; padding-bottom:10px; font-size:18px; color:#333333; }
.prize-des table th:before { content:''; display:block; position:absolute; width:3px; height:3px; left:0; top:21px; background:#000000; }
.prize-des table td { padding-top:9px; padding-bottom:10px; color:#7a7a7a; font-size:14px; }
.prize-des .btn-pdf-download { position:absolute; right:0; top:26px; height:49px; line-height:49px; font-size:14px; padding-left:27px; padding-right:68px; border:1px solid #dfdfdf; background:#fff url('../../images/page/ico_download.png') no-repeat right 17px center; }
.prize-tit.grand { background-image:url('../../images/page/ico_prize_grand.png'); }
.prize-tit.grand2 { background-image:url('../../images/page/ico_prize_grand2.png'); }
.prize-tit.gold { background-image:url('../../images/page/ico_prize_gold.png'); }
.prize-tit.silver { background-image:url('../../images/page/ico_prize_silver.png'); }
.prize-tit.bronze { background-image:url('../../images/page/ico_prize_bronze.png'); }
.prize-tit.final { background-image:url('../../images/page/ico_prize_final.png'); }

/* 180614 modify-pw */
.modify-pw .box { padding-left:53px; padding-right:53px; }
.modify-pw .box .tit { margin-bottom:16px; line-height:1; color:#000; font-size:22px;}
.modify-pw .box input { width:261px; }
.modify-pw .box th.exp { vertical-align:top; padding-top:10px;}

/* 190516 add  */
.register-step .attached-wrap { border:1px solid #dfdfdf; padding:30px; margin-bottom:20px;}
.register-step .attached-wrap::after{ display: block; clear: both; content:""; }
.register-step .attached-wrap a { color: #333;font-size: 16px;line-height: normal; float: left; width: calc(20% - 8px); line-height: 20px; height: 30px; box-sizing: border-box; }
.register-step .attached-wrap a + a { margin-left: 10px; }
.filebox::after{ display: block; clear: both; content:""; }
.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;width: 80px;padding: 8px 10px;color: #333;font-size: 16px;line-height: normal;vertical-align: middle;cursor: pointer;background-color: #f1f1f1;border: 1px solid #dfdfdf;border-bottom-color: #dfdfdf;text-align: center;} 
.filebox .upload-name { display: inline-block; width: 550px;padding: 9px 10px; /* label의 패딩값과 일치 */background:#fff; font-size: 16px;font-family: inherit;line-height: normal;vertical-align: middle;border: 1px solid #dfdfdf;-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;}
.attached-wrap .filebox .btn-addfile{ display: inline-block; width: 178px; height: 39px; line-height: 39px !important; color: #ffffff !important; text-align: center; background: #535353; float: right; }
.attached-wrap .filebox .btn-rmfile{ display: inline-block; width: 178px; height: 39px; line-height: 39px !important; color: #535353 !important; text-align: center; background: #f1f1f1; float: right; }
