@charset "utf-8";

@import url('fontello-embedded.css');

/****************************************************** sub 공통 */
.sub_body_wrap .notice_keyword_wrap {border-bottom: 3px solid #ccc;}
.sub_body_wrap .competition_list_wrap {padding: 60px 0 100px;}
.keyword_list_wrap {padding: 16px 0;background-color: #fafafa;}
.keyword_list_wrap span {display: inline-block; padding: 7px 21px; margin: 5px 3px;line-height: 1; background-color: #fff; border-radius:100px; font-size: 14px; color: #a9a9a9; font-weight: 700; cursor: pointer;}
.keyword_list_wrap span.active {color: #3399fe;}

.btn_list {display: inline-block; padding:0 30px; height: 40px; line-height: 40px; border: 1px solid #333; color: #333; font-size: 14px; transition:.25s;  border-radius:5px;}
.btn_list:hover {background-color: #333; color: #fff;}


.comment_wrap {padding: 25px;background-color: #f3f6f7; font-size: 14px;}
.comment_wrap .row > p {display: inline-block;}
.comment_wrap .row .label_txt {padding: 0 10px;}
.comment_wrap .row textarea {width: calc(100% - 65px);height: 70px;}
.comment_wrap .row button {vertical-align: top; width: 60px; height: 70px; text-align: center; line-height: 70px; background-color: #3f464e; border: none; color: #fff; font-size: 15px; font-weight: 500; transition:.25s;}
.comment_wrap .row button:hover {background-color: #333;}

/* pager */
.rt_pager{text-align:center;margin:30px 0;}
.rt_pager a{display:inline-block;width:30px;height:28px;line-height:28px;font-size:15px;background-color:#cecece;color:#fff;border:1px solid #cecece;font-family:'dotum'; transition:.15s;}
.rt_pager a:hover,
.rt_pager a:focus,
.rt_pager a.rt_active{background-color:#393939;border-color: #393939;}
.rt_pager a.prev,
.rt_pager a.next{border:1px solid #ccc;background-color:#fff;color:#393939;font-size:16px;letter-spacing:-2.5px;}
.rt_pager a.prev:hover,
.rt_pager a.next:hover{background-color:#f3f3f3;}



/****************************************************** list page */


/* 공모전 검색 필터 */
.filter_box_wrap {padding: 20px 0 ; background-color: #fafafa; border-bottom: 2px solid #eaeaea;}
.dropdown_box {width: 185px; float: left; margin-right: 10px; position: relative;}
.filter_name { height: 40px; line-height: 36px; background-color: #fff; border: 1px solid #ddd; padding: 0 7px; font-size: 14px;  border-radius:5px; cursor: pointer;position: relative;transition:.25s; }
.filter_name i {position: absolute; top: 0; right: 7px;}
.filter_name:hover,
.filter_name.active { font-weight: 500;	}
.filter_name.active i { -ms-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transform:rotate(-180deg); }
.filter_name.type1:hover,
.filter_name.type1.active {color: #0cabff; border-color: #0cabff;}
.filter_name.type2:hover,
.filter_name.type2.active {color: #1c79aa; border-color: #1c79aa;}
.filter_name.type3:hover,
.filter_name.type3.active {color: #F7A712; border-color: #F7A712;}
.filter_name.type4:hover,
.filter_name.type4.active {color: #F73359; border-color: #F73359;}
.filter_name.type5:hover,
.filter_name.type5.active {color: #f00; border-color: #f00;}
.filter_dropdown {display: none; position: absolute; top: 100%; left: 0; width: 100%; border: 1px solid #ddd; border-top: none;border-bottom: none; z-index: 9;}
.filter_dropdown li {height: 35px; line-height: 35px; border-bottom: 1px solid #eaeaea; background-color: #fff; }
.filter_dropdown li a {display: block; font-size: 14px; padding-left: 7px; color: #999; transition:.25s;}
.filter_dropdown li a:hover {padding-left: 10px; color: #333;}

.dropdown_box input[type=text] { height: 40px; line-height: 40px; background-color: #fff;padding: 0 47px 0 7px; border: 1px solid #ddd; font-size: 15px; }
.dropdown_box .btn_add {display: inline-block; width: 40px; text-align: center; line-height: 40px; position: absolute; top: 0;right: 0; background-color: #333; color: #fff; font-size: 14px;}
.filter_box_wrap .keyword_list_wrap {padding: 20px 0 0;}
.filter_box_wrap .keyword_list_wrap span {padding: 7px 10px 7px 21px;background-color: #aaa; color: #fafafa;}
.filter_box_wrap .keyword_list_wrap span i {margin-left: 7px; color: #ddd;}
.filter_box_wrap .keyword_list_wrap span.type1 {background-color: #00B0F0;}
.filter_box_wrap .keyword_list_wrap span.type2 {background-color: #1c79aa;}
.filter_box_wrap .keyword_list_wrap span.type3 {background-color: #F7A712;}
.filter_box_wrap .keyword_list_wrap span.type4 {background-color: #F73359; }
.filter_box_wrap .keyword_list_wrap span.type5 {background-color: #f00; }
.filter_box_wrap .keyword_list_wrap span:hover i,
.filter_box_wrap .keyword_list_wrap span.active i {color: #fff;}






/****************************************************** view page */

#view_header { position: fixed; top: 0; left: 0; width: 100%;background-color: #00B0F0; padding: 10px 20px; z-index: 99;}
.left_info_wrap {position: fixed; top: 0; left: 0; height:100%;  background-color: #fff; box-shadow:4px 0px 4px -4px rgba(0,0,0,.1); padding: 60px 0 0;  z-index: 1;}
.left_info_wrap .left_info_in {width: 440px;  overflow-x:hidden; }
.left_info_wrap .scroll_box  { height: 100%; width: 460px; overflow-y:auto; }
.left_info_con {width: 440px;}
.left_card_wrap {background-color: #4c566c; padding: 15px; font-size: 0;}
.left_card_wrap > div {display: inline-block; width: 45%; vertical-align: middle;}
.left_card_wrap .left_card_txt {width: 55%; }
.left_card_wrap h3 {font-size: 20px; color: #fff; line-height: 1.33; letter-spacing: -0.5px; word-break:keep-all;}
.left_card_wrap .small_red_box {display: inline-block; padding:2px 10px; margin: 5px 0px 5px 5px; background-color: #e93436; color: #fff; font-family: 'Rajdhani'; font-size: 20px; font-weight: 600; border-radius:3px;}
/* 공모전 내용 */
.left_info_tit {font-size: 20px; font-weight:500;   letter-spacing: -0.5px; color: #000; margin-bottom: 10px; line-height: 1.33;}
.left_info_txt {padding: 15px; font-size: 12px;}
.left_info_txt .txt_row {position: relative; min-height: 30px; border-bottom: 1px dashed #e0e0e0;color:#333;}
.left_info_txt .txt_row .lt_txt {width: 90px; position: absolute; top: 0; left: 0;padding:6px 5px; font-size: 14px; font-weight: 300; line-height: 1.33; letter-spacing:-1px; }
.left_info_txt .share_wrap {border-bottom: none; padding-top: 7px;}
.left_info_txt .share_wrap .lt_txt {padding-top: 17px;}
.left_info_txt .share_wrap .lt_txt img { -ms-transform:translateY(-2px); -webkit-transform:translateY(-2px); transform:translateY(-2px);}
.left_info_txt .share_wrap a {display: inline-block; margin-right: 5px; transition:.25s;}
.left_info_txt .share_wrap a:hover { -ms-transform:translateY(-3px); -webkit-transform:translateY(-3px); transform:translateY(-3px);}
.left_info_txt .txt_row .rt_txt {padding:7px 0 7px 75px; ; font-weight: 600;  line-height: 1.33;  word-break:keep-all; font-size:15px; letter-spacing:-0.5px;}
.left_info_txt .txt_row .rt_txt a:hover {text-decoration: underline;}
/* 버튼 */
.left_info_txt .btn_wrap {margin-top: 15px; font-size: 0;}
.left_info_txt .btn_wrap2 {display: none;}
.left_info_txt .btn_wrap a {display: inline-block; height: 40px; line-height: 40px; text-align: center; font-size: 15px; transition:.25s;}
.left_info_txt .btn_wrap a:first-child {background-color: #00B0F0; color: #fff; width: 50%;}
.left_info_txt .btn_wrap a:nth-child(2) {background-color: #ddd; color: #333; width: 50%;}
.left_info_txt .btn_wrap a:hover {background-color: #333; color: #fff;}
/* 담당자 */
.left_manager_info {padding: 10px 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.left_manager_info p {height: 25px; line-height: 25px; color: #777; font-size: 15px;}
.left_manager_info p a {font-family: 'Rajdhani'; font-weight: 600; font-size: 17px; color: #555;	}
.left_manager_info p a:hover {text-decoration: underline;}
.left_manager_info p span {font-weight: 500; color: #555;}

/* view content */
.view_borad_wrap {background-color: #EEEEEE; padding: 80px 0 60px 340px;}
.view_borad_in {max-width: 900px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius:5px; }
/* view 상단 tab */
.view_top_tab {display: table; width: 100%;  height: 45px; line-height: 45px; margin-bottom: 20px; border: 1px solid #4c566c; border-left: none;}
.view_top_tab.stiky {position: fixed; top: 60px; max-width:860px; z-index: 99;  margin: 0 auto;/*  box-shadow:0 4px 4px -4px rgba(0,0,0,.5); */}
.view_top_tab a {display: table-cell; width: 33.33%; text-align: center; background-color: #fff; border-left: 1px solid #4c566c; color: #4c566c;}
.view_top_tab a:hover,
.view_top_tab a.active {background-color: #4c566c ; color: #fff;}

/* view 상세내용 */
#view_body {padding-top: 70px;}
#view_body h3 {font-size: 20px; padding-bottom: 13px; border-bottom: 1px solid #d6d6d6;}
#view_body .view { padding: 30px 10px; font-size: 15px; line-height: 1.5; font-weight: 500;}
#view_body .note {margin-top: 50px; padding: 25px 40px;background-color: #fafafa;}
#view_body .note p {display: inline-block; vertical-align: middle;}
#view_body .note .notelogo {padding-right: 20px; margin-right: 20px; border-right: 1px solid #e0dddd;}

/****************************************************** form page */

.form_borad_wrap {background-color: #EEEEEE; padding: 80px 0 60px 340px;}
.form_borad_in {max-width: 900px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius:5px; }

.form_tb_wrap {}
.form_tb_wrap h3 {font-size: 20px; padding-bottom: 15px; border-bottom: 2px solid #333;/*  border-bottom: 1px solid #d6d6d6; */ font-weight: 700;}
.form_tb_wrap .form_tb th,
.form_tb_wrap .form_tb td {padding:10px; font-size: 14px; vertical-align: middle; border-bottom:1px dashed #ddd;}
.form_tb_wrap .form_tb th {text-align: left; font-weight: 400; color: #777; background-color: #fcfcfc; padding-left: 15px;}
.form_tb_wrap .form_tb td input[type=text],
.form_tb_wrap .form_tb td select {height: 35px; line-height: 35px;border-radius:3px; font-size: 13px; }

/* 첨부 파일 */
.common_estimate_filebox {position:relative;height:37px;}
.common_estimate_filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0; margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.common_estimate_filebox label {position:absolute;left:0;top:0;display:block;width:100%;padding:11px 20px;color: #777; font-size: 13px;font-weight:400;line-height:1em;vertical-align:middle;/*  background-color:rgba(0,0,0,0.3); */ background-image:url('../images/sub/ico_upload.png');background-position:15px center;background-repeat:no-repeat;cursor:pointer;border:1px solid #dfdfdf;border-radius:3px;box-sizing:border-box;text-indent:25px;z-index:1;}
.common_estimate_filebox .upload-result {position:relative;}
.common_estimate_filebox .upload-name {display:block;width:100%;padding:10px 20px;color:#333;font-size:13px;font-weight:400;line-height:1em;vertical-align:middle;background-color:#fff;background-image:url('../images/sub/ico_upload_result.png');background-position:15px center;background-repeat:no-repeat;border:1px solid #dfdfe1; border-radius:3px;-webkit-appearance:none; -moz-appearance:none;appearance:none;box-sizing:border-box;text-indent:25px;}
.common_estimate_filebox .remove-file {position:absolute;right:2.3%;top:50%;width:13px;height:13px;margin-top:-6px;background-image:url('../images/sub/file_romove_clse.png');background-repeat:no-repeat;background-position:center center;text-indent:-9999px;cursor:pointer;}


.form_send {display: inline-block; padding: 15px 60px; background-color: #00B0F0; color: #fff;  border-radius:5px; transition:.25s;}
.form_send:hover {background-color: #333;}



@media all and (max-width:1260px){
.view_top_tab.stiky {left: 360px; width: 100%; max-width: calc(100% - 380px); min-width:680px;}
}


/* .view_borad_wrap {padding: 30px 0;}
.view_borad_wrap h3 {font-size: 22px;}
.view_borad_wrap h3 .small_red_box {margin-left: 5px ;display: inline-block; vertical-align: middle; padding: 3px 6px; background-color: #e93436;font-size: 14px; color: #fff; font-weight: 400; border-radius:3px;}

.view_top_tab {display: table; width: 100%; height: 45px; line-height: 45px; margin-bottom: 50px; border: 1px solid #4c566c; border-left: none;}
.view_top_tab.stiky {position: fixed; top: 80px;  z-index: 99; width:980px; margin: 0 auto; box-shadow:0 4px 4px -4px rgba(0,0,0,.5);}
.view_top_tab a {display: table-cell; width: 33.33%; text-align: center; background-color: #fff; border-left: 1px solid #4c566c; color: #4c566c;}
.view_top_tab a:hover,
.view_top_tab a.active {background-color: #4c566c ; color: #fff;}

#view_head {padding: 50px 60px 80px;background-color: #fafafa; border-top: 3px solid #333;}
#view_head .img_wrap {float: left; width: 40%; position: relative;}
#view_head .img_wrap img {width: 100%;}
.btn_original_img {top: calc(100% + 10px);}
.btn_original_img span {display: inline-block; background-color: #333; color: #fbf3bf;width: 100px; height: 34px; line-height: 34px !important; text-align: center; border-radius:100px;}
.btn_original_img:after {content:''; display: block; width: 400%; height: 2px; background-color: #333; position: absolute; top: 50%; left: -150%; z-index: -1;}
#view_head .txt_wrap {float: right; width: 55%;}
#view_head .txt_wrap .txt_row {position: relative; height: 50px;}
#view_head .txt_wrap .txt_row .lt_txt {width: 85px; position: absolute; top: 0; left: 0;padding: 5px; font-weight: 400; line-height: 1.33; color:#a9a9a9;}
#view_head .txt_wrap .txt_row .lt_txt:after {content:''; display: block; width: 1px; height: 50%; background-color: #969696; position: absolute; top: 10px; right: 0; }
#view_head .txt_wrap .txt_row .rt_txt {padding:5px 0 5px 95px; font-weight: 500;  line-height: 1.33;  word-break:keep-all;}
#view_head .share_wrap {padding: 18px; background-color: #fff; border-top: 1px solid #ccc;}
#view_head .share_wrap span {margin-right: 15px;}
#view_head .share_wrap a {display: inline-block; margin: 0 2px; transition:.25s;}
#view_head .share_wrap a:hover {opacity: .85;}

#view_body {padding-top: 70px;}
#view_body h3 {font-size: 20px; padding-bottom: 13px; border-bottom: 1px solid #d6d6d6;}
#view_body .view { padding: 30px 10px; font-size: 15px; line-height: 1.5; font-weight: 500;}
#view_body .note {margin-top: 50px; padding: 25px 40px;background-color: #fafafa;}
#view_body .note p {display: inline-block; vertical-align: middle;}
#view_body .note .notelogo {padding-right: 20px; margin-right: 20px; border-right: 1px solid #e0dddd;}
*/

/****************************************************** member */
/* 로그인 */
.rt-content {padding: 80px 0 80px;}
.member_form { width: 400px; margin:0 auto; border: 1px solid #ddd; border-radius:3px;  font-size: 15px; letter-spacing: -1px; }
.member_form1 {width: 100%;}
.rt-rwd-login-wrap .txt24 { text-align: center; padding-top: 30px; color: #000;}
.rt-rwd-login-con {padding: 20px 25px 25px;}
.member_form .rt-rwd-login-box input[type=text], .member_form .rt-rwd-login-box input[type=password] {border: 1px solid #e0e0e0; box-shadow:none; padding-left: 7px; width: 100%; font-size: 12px;height: 35px; line-height: 35px; border-radius:5px;}
.member_form .rt-rwd-login-box.first input[type=text] {border-bottom: none;}
.member_form .rt-rwd-login-box label {font-size: 15px;}

.rt-rwd-login-box .rt-rwd-login-send {display: block; text-align: center; background-color: #1dcf95; border-color: #1dcf95; border-radius:3px; color: #fff; font-size: 14px; height: 40px; line-height: 40px; transition:.25s; border-radius:5px;}
.rt-rwd-login-box .rt-rwd-login-send:hover {background-color: #2d2d2d; border-color: #2d2d2d;}
.rt-rwd-login-tac a:first-child {float: left;}
.rt-rwd-login-tac a:first-child + a  {float: right;}
.rt-rwd-login-box-line {margin: 25px 0; text-align: center; position: relative;}
.rt-rwd-login-box-line .line {width: 40%; height: 1px; background-color: #e7eaee; position: absolute; top: 50%; left: 0;}
.rt-rwd-login-box-line .line2 {left: auto;	right: 0;}
.rt-rwd-login-box-btn a {display: block; text-align: center;  border-radius:3px; color: #fff; font-size: 14px; height: 40px; line-height: 40px; transition:.25s;}
.rt-rwd-login-box-btn a.btn_naver {background-color: #3EC727;}
.rt-rwd-login-box-btn a.btn_kakao {background-color: #FBE300; color: #333;}
.rt-rwd-login-box-btn a.btn_phone_login {background-color: #444;}
.rt-rwd-login-box-btn a:hover {background-color: #232020; color: #fff;}

/* 비밀번호 찾기 */
.member_form_find .rt-rwd-login-box:first-child {border: 1px solid #e0e0e0;}
.rt-rwd-login-row {position: relative;}
.member_form_find .rt-rwd-login-box.rt-rwd-label-box {border: none; width: 80px; position: absolute; top: 0; left: 0; height: 35px; line-height: 35px; }
.member_form_find .rt-rwd-login-box.rt-rwd-input-box {margin-left: 85px;}
.member_form_find .rt-rwd-login-box.rt-rwd-input-box1 {margin:0 85px;}
.rt-rwd-btn-box .btn_code {display: inline-block; text-align: center;background-color: #666; color: #fff; font-size: 14px; width: 85px; height: 35px; line-height: 35px; position: absolute; top: 0; right: 0; transition:.25s;}
.rt-rwd-btn-box .btn_code:hover {background-color: #000;}
::-webkit-input-placeholder {  color: #999; font-size: 12px; font-family:  'Nanum Square R';}
:-ms-input-placeholder { color: #999; font-size: 12px; font-family:  'Nanum Square R'; 	}
input[type=password]::-webkit-input-placeholder  {  color: #999; font-size: 12px; font-family:  'Nanum Square R';font-weight: 400; letter-spacing: -0.5px;}
input[type=password]:-ms-input-placeholder {  color: #999; font-size: 12px; font-family:  'Nanum Square R'; font-weight: 400; letter-spacing: -0.5px;}
.rt-rwd-login-row .rt-rwd-login-tac a:first-child {display: inline-block; width: 50%; height: 35px; line-height: 35px; background-color: #2d2d2d; text-align: center; color: #fff;}
.rt-rwd-login-row .rt-rwd-login-tac a:first-child + a {display: inline-block; width: 50%; height: 35px; line-height: 35px; background-color: #ddd; border: 1px solid #ccc; text-align: center; color: #000;}
.member_form_find .rt-rwd-login-box.rt-rwd-find-box2 {border: none;}

.rt-form-reflash {margin-left: 15px;opacity: .4; transition:.5s;}
.rt-form-reflash:hover {opacity: .8;}
.rt-form-reflash img { width: 14px; -ms-transform:translateY(-3px); -webkit-transform:translateY(-3px); transform:translateY(-3px);}

.agr_wrap{display:none;}
.agr_wrap textarea{width:100%;height:100px;padding: 10px; font-size: 12px;}


.event_dday_wrap {width: 1000px; margin: 50px auto; padding: 50px 0; background-color: #f7e8c5; text-align: center;}
.event_dday_wrap h3 {letter-spacing: -2px;}
.event_dday_wrap .flipTimer {height: 142px; line-height: 142px; font-size: 126px; /* font-family: 'scdream'; */}
.event_dday_wrap .flipTimer .digit > div {padding: 0 15px;}
.event_dday_wrap .flipTimer .digit-set {width: 100px; background-color: #333; margin: 0 2px;}

.event_dday_wrap .flipTimer .digit.active .digit-top {border-bottom: none;}
.event_dday_wrap .flipTimer .digit > div.shadow-top,
.event_dday_wrap .flipTimer .digit > div.shadow-bottom  {display: none;}
.event_dday_wrap .flipTimer .digit > div.digit-top:before,
.event_dday_wrap .flipTimer .digit > div.shadow-top:before {box-shadow:none; background-color: transparent;}
.event_dday_wrap .flipTimer .digit > div.digit-bottom:before,
.event_dday_wrap .flipTimer .digit > div.shadow-bottom:before {box-shadow:none; background-color: transparent;}
.flipTimer .hours,
.flipTimer .seconds,
.flipTimer .minutes {position: relative;}
.flipTimer .hours:after,
.flipTimer .seconds:after,
.flipTimer .minutes:after {content:''; display: block; width: 14px; height: 65px; background: url('/assets/images/sub/event_time_dot.png') 0 0 no-repeat; position: absolute; ; top: 14px; left: -24px;}