@charset "utf-8";

/* top */
#menus { width:auto; background:#54c5b8; overflow:hidden; height:3em; padding:0 4%;}
#menus .menus { height:3em; line-height:2.9em; overflow:hidden; text-align: center;}
#menus .menus li { float:left; width:22.5%; text-align:center; height:100%;}
#menus .menus li:first-child { text-align:left; width:16%;}
#menus .menus li:last-child { text-align:right; width:16%;}
#menus .menus li a { color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; height:100%; font-weight:normal; }

/* subFlicker 페이지 */
#menus .menus div.swiper-slide {float:left; width:20%; text-align:center; height:100%;}
#menus .menus div.swiper-slide.on {border-bottom: 3px white solid;}
#menus .menus div.swiper-slide.on a {font-weight: 800;}
#menus .menus div.swiper-slide a { color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; height:100%; font-weight:normal; }

/* 2023 리뉴얼_이전 css 상쇄시키기 위해 작성. 리뉴얼 시 삭제 */
#content {min-height:250px; width:100%; padding:5% 4%; padding: 25px 6% 10px !important; background: var(--color-bg-gray) !important;}
#content.cont_view {padding-top: 80px !important;}
#content[class^=cont_]:not(.cont_view, .cont_form) table th, #content[class^=cont_]:not(.cont_view, .cont_form) table td {border-bottom: var(--margin-common) solid var(--color-bg-gray); }
#content #more {background: var(--color-blue);}
	/* 인터뷰, 포폴, 모의면접 */
#content.cont_company, #content.cont_project, #content.cont_interview, #content.cont_board {padding-top: 0 !important;}
#content.cont_project .list_bt a, #content.cont_view .view_bt a, #content.cont_interview .list_bt a, #content.cont_board .list_bt a,
 #content .cont_btn .twobtn, #content.cont_company .list_bt a, #content.cont_phrase .more a, #content.cont_list .list_bt a {
	margin-bottom: 0; background: var(--color-blue);}
.cont_view table td {background: #fff;}
.cont_view table.interview_table4 td, .cont_view #interview_view4 td {background: transparent;}
	/* 기술자문위원 */
#content.cont_advice .advice_list_warp {width: 100%;}
#content.cont_advice .advice_list_warp .open .advice_list {padding: 8% 0 0; background: transparent;}
#content.cont_advice .history_advice, #content.cont_advice .history_advice .table_a_history, #content.cont_advice .history_advice .table_a_history table#a_history td img.dot {background: transparent;}

.cont_clause input[type=checkbox] {vertical-align: -1px;}



#title {display:none; position:relative; background-color:#fff; background-size:100% 100%; overflow:visible; padding:20px 0; border-bottom:1px solid #dedede;}
#title .center_title { font-size:25px; color:#54c5b8; font-family:'Roboto', sans-serif; text-align:center; }
#title .center_copy { color:#283444; font-size:16px; font-weight:bold; line-height:1.8; text-align:center; }
#title .right { float:right; position:absolute; top:23px; right:4%; width:23px;/*  transition: 0.4s; */ animation: btnAppears 1s ease-in;}
#title .right img {opacity:1;transition:1s;}
@keyframes btnAppears {
	/* from { width : 0%; right:6.06%;}
	90% { width : 4.82%; right: 3.645%;}
	93% { width : 4.11%; right: 4%;}
	97% { width : 4.47%; right: 3.720%;}
	to { width : 4.11%; right: 4%;} */
	
	from { width : 0px; right:6.06%;}
	85% { width : 27px; right: 3.645%;}
	92% { width : 23px; right: 4%;}
	97% { width : 25px; right: 3.720%;}
	to { width : 23px; right: 4%;}
}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#1a1a1a;
}
input::-moz-placeholder { /* Firefox 19+ */
  color:#1a1a1a;
}
input:-ms-input-placeholder { /* IE 10+ */
  color:#1a1a1a;
}
input:-moz-placeholder { /* Firefox 18- */
  color:#1a1a1a;
}
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#1a1a1a;
}
textarea::-moz-placeholder { /* Firefox 19+ */
  color:#1a1a1a;
}
textarea:-ms-input-placeholder { /* IE 10+ */
  color:#1a1a1a;
}
textarea:-moz-placeholder { /* Firefox 18- */
  color:#1a1a1a;
}

select {outline:none;}
textarea {outline:none;}

.cont_title { width:auto; font-size:18px; color:#283444; font-weight:bold; text-align:center; margin:0 0 2%;}
.cont_copy { font-size:14px; font-weight:normal; color:#515151; text-align:center; padding:0 0 4%; }
.cont_bar { width:25px; height:2px; background:#273343; margin:1.2em 4%; }
.cont_bar2 { width:auto; margin:2% 4% 7% 4%; background:#dedede; height:1px; }
.cont_content { width:auto; }
.cont_content p { padding-bottom:5px; vertical-align:top; color:#3b3b3b; font-size:14px; line-height:2em; }
.cont_content p.result, .cont_content p.result_common { text-align: center; }
.cont_content b { width:5em; font-weight:normal; color:#3b3b3b; display:inline-block; line-height:2em;}
.cont_content input[type='text'], 
.cont_content input[type='tel'] { width:98%; height:1.8em; color:#1a1a1a; outline:none;}
.cont_content label { line-height:2em; }
.cont_content textarea { height:5em; border:none; color:#1a1a1a; margin:3% 3% 3% 0; width:97%; vertical-align:top; }
.cont_btn { padding:5% 0 0; text-align:center; background-color: var(--color-bg-gray); }
.cont_btn a { background-color:#54c5b8;background-color: var(--color-blue); font-size:15px; font-weight:bold; color:#fff; padding:4% 0; display:block; width:100%; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }

/* subQuickMenu for sub-pages */
#subQuickContainer { width:100%; overflow: hidden; position:absolute;}
#subQuickMenu { width:100%; position: absolute; top: 209px; z-index: 100;}
#subQuickMenu table{ width:100%; background-color: #fff; border-collapse: collapse;	}
#subQuickMenu td { border:1px solid #dedede; height:3em; width:50%; cursor:pointer; text-align:center; }
#subQuickMenu td a { color:#283444; }
#subQuickMenu td:hover, #subQuickMenu td:active { background-color:#f8f8f8; }
#bg_subQuickMenu{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index: 99; }

/* subFlicke� css */
.subQuickContainer { width:100%; overflow: hidden; position:absolute;}
.subQuickMenu { width:100%; position: absolute; top: 209px; z-index: 100;}
.subQuickMenu table{ width:100%; background-color: #fff; border-collapse: collapse;	}
.subQuickMenu td { border:1px solid #dedede; height:3em; width:50%; cursor:pointer; text-align:center; }
.subQuickMenu td a { color:#283444; }
.subQuickMenu td:hover, #subQuickMenu td:active { background-color:#f8f8f8; }
.bg_subQuickMenu{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index: 99; }