header,  nav,.logo , .quick, .l_quick{
			transition: all 0.5s;
			-moz-transition: all 0.5s; /* Firefox 4 */
			-webkit-transition: all 0.5s; /* Safari and Chrome */
			-o-transition: all 0.5s; /* Opera */
		}



#lnb{}

#wrap { /*width:1440px;*/ width:100%; min-width:1200px; margin:0 auto; border-bottom:2px solid #eba209}
.wrap2 { min-width:1200px; margin:0 auto; overflow: hidden;}

header.large { width: 100%;}

.top_menu { width:100%; min-width:1200px;}
.top_menu .tmenu_align { width:1440px; margin:0 auto;}
.top_menu ul { float:right; margin-top:8px; }
.top_menu ul li { float:left;  margin-left:10px; vertical-align: top;}
.top_menu ul li a { color:#fff; font-family:"맑은 고딕"; font-size:0.9em; font-weight:400; }
.top_menu ul li span { display: inline-block; padding: 0 10px 0 0; color:#fff; font-family:"맑은 고딕"; font-size:0.7em; font-weight:400;}
/*.top_menu ul li img { float:left; margin-right:10px; margin-top:2px;}*/

#header {overflow:hidden; min-width:1200px; margin:0 auto;}
#header h1{ float:left; margin-top:20px; margin-bottom:10px;}
#header h1 a img { margin-bottom:10px; height: 82px;}
#header .menu { float:left; margin-top:20px;  /*width:80%*/}

.nav_line { float:left; width:100%; border-bottom: 2px solid #eba209;display:none}
.visual { float:left; width:100%; min-width: 1200px; margin-bottom:30px;}

.visual .vimage img { float:right; width:100%;}
.visual_text { float:right; margin-top:-35%; position:relative; z-index:99;}
.visual_text img { float:right;}
.visual_icon ul{ float:right; margin-top:-13%;  position:relative; z-index:99999;}
.visual_icon ul li {float:left; margin-left:7px;}


/* 직업 체험관 예약 */
.search_area { margin:0 auto; width:948px; }

.search_area h3 { float:left; font-family:"맑은 고딕"; font-size: 1.1em;  font-weight:bold; color:#000; margin-right:50px; margin-top:10px; }

.search_area .search_box { float:left; margin-bottom:40px; }
.search_area .search_box input[type=date] { float:left; width:310px; height:38px; border:1px solid #ccc; }
.search_area .search_box input[type=submit] { float:left; margin-left:7px; width:140px; background-color:#1d4c89; border: 0 none; color:#fff; font-family:"맑은 고딕"; height:41px; padding-top:1px; cursor:pointer;}
.search_area select { float:left; width:310px; height:40px; border:1px solid #ccc; background-color:#fff;  margin-left:10px; position:relative; z-index:99;}
.search_area .search_box .inputbg { background:url('/theme/new/img/search_icon.png') #fff no-repeat 95% center;}


/* 잔여석 확인 */
.search_area_seat { width:100%; float:left; margin-top:10px; padding: 25px 0px; border-radius: 15px; background: #f5f5f5;}
.search_area_seat:after { clear: both; content: ""; overflow: hidden;}
.search_area_seat .search_box_seat { width:445px; margin: 0 auto;}
.search_area_seat .search_box_seat h3 {float:left; color:#333; font-family:"맑은 고딕"; font-size:18px; margin-top:8px; margin-right:10px;}
.search_area_seat .search_box_seat a {float:left; margin-left:7px; width:80px; text-align:center; background-color:#222; border: none; color:#fff; font-family:"맑은 고딕"; height:30px; padding-top:10px;}

#div_box_seat_info #div_seat_info .a_btn_seat_save_excel { border: none; border-radius: 5px; background-color:#444;}

#div_box_seat_info #div_seat_info .seat_table { }
#div_box_seat_info #div_seat_info .seat_table thead th { border: 1px solid #2fb8e3; border-bottom: 1px solid #00ace2; background-color: #00ace2;}
#div_box_seat_info #div_seat_info .seat_table thead th:first-child { width: 180px;}
#div_box_seat_info #div_seat_info .seat_table thead th:nth-child(9) { width: 80px;}
#div_box_seat_info #div_seat_info .seat_table tbody td { vertical-align: top; border: 1px solid #ddd;}
#div_box_seat_info #div_seat_info .seat_table tbody td:first-child { border-bottom: 1px solid #555;}
 
 #div_box_seat_info #div_seat_info .seat_table tbody tr:nth-child(5n) td { border-bottom: 1px solid #aaa;}

#div_box_seat_info #div_seat_info .seat_table tbody td .span_barcode_list { margin: 5px; font-size: 11.5px; line-height: 15px; letter-spacing: -0.5px; border: 3px solid #f2f2f2; border-radius: 5px;}
#div_box_seat_info #div_seat_info .seat_table tbody td .span_barcode_list_title { padding: 3px 0; font-size: 12px; color: #555; background: #f2f2f2;}
#div_box_seat_info #div_seat_info .seat_table tbody td .span_barcode_list_contents { padding: 3px 0; color: #888; background: #fff;}
#div_box_seat_info #div_seat_info .seat_table tbody td .span_seat_num_unuse {}
#div_box_seat_info #div_seat_info .seat_table tbody td .span_seat_barcode_y { color: #eb7e00;}
#div_box_seat_info #div_seat_info .seat_table tbody td .span_seat_num_use .num_unuse { color: #eb7e00;}

#div_box_seat_info #div_seat_info .seat_table tbody td.td_seat_num_unuse { background-color: #f8f8f8;}

/* 행 열 표시 color */
.table_mover_row {background-color:#fdf3e4 !important;}
.table_mover_col {background-color:#e6f6fa !important;}


/* 직업체험관 */
.job { width:100%; height:368px; background:url('/theme/new/img/job_bg.png') no-repeat 50% 50%; background-size:cover; }
.job .job_btn { float:left; width:100%; position:relative; top:240px; z-index:1;}
.main_subbox1 {float:left;}
.main_subbox2 {float:left;}
/*.job .job_btn .job_left { float:left;}
.job .job_btn .job_right { float:right; ;}*/


.job .job_list { margin:0 auto; width:1036px; margin-top:-85px; position:relative; z-index:2;}
.job .job_list li { float:left; width:180px; padding-top:60px; margin-right:20px;}
.job .job_list li h4{ text-align:center;  color:#fff; width:178px; border:1px solid #fff;  height:38px; padding-top:12px;}
.job .job_list li a > span { width:100%; color:#fff; text-align:center; margin-top:10px;}

.job .job_list li:hover h4{ width:178px;  background-color:#efb53c;border:1px solid #efb53c; background-image:url('/theme/new/img/job_hover.png') no-repeat top;  }
.job .job_list li:hover {background:url('/theme/new/img/job_hover.png') no-repeat top center;}


/* 공지사항 */
.board { float:left; width:100%; margin-top:50px;}

.board_title {float:left; width:592px;}
.board h2 { font-family:"Franklin Gothic Medium"; font-size:19px; letter-spacing:5px;  color:#e94c96;}
.board h3 { font-family:"SpoqaHanSans-Light"; font-size:37px; color:#222; font-weight:300; margin-top: 25px;}
.board ul li { float:left;border: 1px solid #8f9094; text-align:center; border-radius:30px; margin-top:40px;overflow:hidden ;}
.board ul li a {color:#8f9094;  font-family:"나눔스퀘어"; font-weight:bold;  font-size:19px; padding:15px 50px;display:block}

.board .board_li { float:left; width:260px; border:1px solid #dfdfdf; padding:70px 0px; height:105px}
.board .board_li:nth-child(2) { margin: 0px 30px;}
.board .board_li span {font-family:"Franklin Gothic Medium";  font-size:12px; color:#aaaaaa; margin-left:20px;}
.board .board_li  h4 { font-family:"Rix고딕 Medium";  font-size:16px; color:#222; margin-left:20px; font-weight:bold; margin-top:5px;}
.board .board_li p {font-family:"Rix고딕 Medium";  font-size:14px; color:#555; margin-left:20px; width:80%; margin-top:5px;}



/* cs center */
.cs { float:left; width:100%; height:340px; overflow:hidden;  margin-top:50px; margin-bottom:50px;}

.cs_text  { float:left; text-align:center;}
	.cs_text h3{ text-align:center;}

.cs .cs_bg{ float:left;width:100%; height:340px; background:url('/theme/new/img/cs.png') no-repeat 50% 50%; background-size:cover; overflow:hidden;   transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.8s ease-in-out}

.cs .cs_bg.active {transform: scale(1.1); opacity: 1; transition: all 0.8s; }

.cs_text { float:left;  width:100%;  margin-top:-300px; position:relative; z-index:99; }
.cs_text:hover {}
.cs_text h3 { text-align:center; font-family:"나눔스퀘어";  font-size:35px; color:#fafafa;  margin-bottom:20px;}
.cs_text h3 strong { color:#ffaf36;}
.cs_text span { text-align:center;  font-family:"나눔스퀘어";  font-size:20px; color:#fff;  margin-bottom:20px; line-height:1.3em;}
.cs_text h4 { text-align:center;  margin:0 auto; width:340px; font-family:"나눔스퀘어"; margin-top:20px;  font-size:36px; color:#fff; }
.cs_text h4 img { float:left; }

/*///////////////////////////////////////////////////잔여좌석/////////////////////////////////////////////////*/
.seat_table {width:100%;border:1px solid #ccc;border-collapse:collapse;}
.seat_table #div_seat_info_table_thead tr {background-color:#ff4633; color:#fff; font-weight:400; border:1px solid #ff4633 }
.seat_table #div_seat_info_table_tbody tr td:nth-child(1) {background-color:#333 !important; color:#fff; border-bottom:1px solid #444;border-left:1px solid #444}
.seat_table #div_seat_info_table_tbody tr td { padding:10px 0; text-align:center}
.seat_table #div_seat_info_table_thead tr th {padding:10px 0; border-right:1px solid #ff4633}
.seat_table #div_seat_info_title {font-size:16px; margin-bottom:10px}
.check1 { /*background-color:#ff4633; color:#fff;*/ padding:20px 30px; font-size:16px; border-bottom:80px solid #f4f4f4}



#footer .sns_box {margin-left: 0px; margin-top:110px;}
#footer .sns_box a{ margin-left:5px;}


/* 바로가기 배너 */
.short_cut { overflow: hidden; width: 100%; min-width: 1200px;}
.short_cut ul { overflow: hidden; margin: 0 auto; width: 1200px; padding: 30px 0 65px; height: 90px; /*background: url('/theme/new/img/icon_1.jpg') no-repeat 0 35px;*/ background: url('/theme/new/img/main/icon_2.jpg') no-repeat 0 30px;}
.short_cut ul li { float:left; padding: 0 0 0 11%; width: 14%;}
.short_cut ul li a { font-size: 15px; color: #666; line-height: 20px; font-weight: 350; letter-spacing: -1px;}
.short_cut ul li a p { margin: 0 0 10px; font-size: 18px; font-weight: 500; color: #0f9ac7; letter-spacing: 0;}

/* 안내사항 */
.guide_banner { padding: 65px 0; width: 1200px; margin: 0 auto;}
.guide_banner .tit { margin: 0 0 35px; text-align: center; font-size: 40px; font-weight: 300; color: #6b6b6b; letter-spacing: -3px;}
.guide_banner .area { overflow: hidden;}
.guide_banner .area div { width: 575px; height: 195px; border: 1px solid #ededed;}
.guide_banner .area div p { padding: 45px; font-size: 15px; color: #666;}
.guide_banner .area div p strong { display: block; margin: 0 0 10px; font-size: 30px; font-weight: 300; color: #222; letter-spacing: -2px;}
.guide_banner .area div p span { font-size: 13px; color: #888; line-height: 13px;}
.guide_banner .area div p button { padding: 10px 50px 10px 40px; color: #ffa800; border-radius: 200px; background: #fff; border: 1px solid #ffa800; 
                                   background: url('/theme/new/img/btn_bullet.png') no-repeat 105px center;}
.guide_banner .recruit { float: left; background: url('/theme/new/img/guide_bg_teacher.jpg') no-repeat;}
.guide_banner .reserve { float: right; background: url('/theme/new/img/guide_bg_reserve.jpg') no-repeat;}



.wrap2 ul li {float:left;}
.wrap2_img1 img, .wrap2_img2 img, .wrap2_img3 img, .wrap2_img4 img {margin-top:-20px;}
.wrap2_word1 p, .wrap2_word2 p, .wrap2_word3 p, .wrap2_word4 p {font-size:20px; font-weight:bold; padding-top:30px;}
.wrap2_word1 {margin-left:-30px;}
.wrap2_word1 em, .wrap2_word2 em, .wrap2_word3 em, .wrap2_word4 em {margin-top:10px; display:inline-block; font-size:14px; padding-bottom:50px; margin-right:20px;}

/* 일정확인 아이콘 컬러 설정 */
.color_pro_contract {background-color:#ffffcc;border:1px solid #dd9c00;}
.color_forward_list {background-color:#ffeacf;border:1px solid #f3801b;}
.color_modifying {background-color:#ffcccc;border:1px solid #ff7070;}
.color_matching {background-color:#dde8f7;border:1px solid #6297d8;}
.color_mat_complete {background-color:#d6f5d6;border:1px solid #4ab84a;}
.color_complete {background-color:#bdeedc;border:1px solid #1fa976;}
.color_cancel {background-color:#c1c1c1;border:1px solid #999999;}
.color_individual {background-color:#f3d3f3;border:1px solid #be71be;}

.main_bar {margin:0 auto; width:63%; padding:10px; border-bottom:1px solid skyblue; font-size:16px;}
.main_box {margin:0 auto; width:63%; margin-top: 10px;}
.main_subbox2 {float:right;}



footer { width: 100%;}
footer .customer { padding: 60px 0 0; width: 100%; min-width: 1200px; height: 225px; text-align: center; color : #b8b8b8; font-size: 15px; line-height: 20px; background:url('/theme/new/img/foot_customer.jpg') no-repeat center top;}
footer .customer p { margin: 0 auto 30px; width: 1200px; color: #fff; font-size: 26px; line-height: 40px;}
footer .customer p strong { display: block; color: #2dbcd4; font-size: 35px;}

footer .contact { padding: 20px 0 0; width: 100%; min-width: 1200px; height: 75px; background: #47c6e6;}
footer .contact ul { overflow: hidden; margin: 0 auto; width: 1200px; background:url('/theme/new/img/food_add.jpg') no-repeat center;}
footer .contact ul li { float: left; padding: 15px 10px 15px 45px; width: 245px; font-size: 15px; color: #fff; text-align: center;}
footer .contact ul li.ct_list_call { padding: 7px 10px 7px 45px; font-size: 25px; font-weight: 700;}

footer .ft_box { overflow: hidden; margin: 0 auto; padding: 20px 20px 10px; width: 1160px; border-bottom: 1px solid #ddd;}
footer .ft_box .link { float: left; padding: 30px 0 0;}
footer .ft_box .link a { font-size: 14px; color: #666;}
footer .ft_box .link span { display: inline-block; padding: 0 10px;}
footer .ft_box .link a.private { color: #3797b7; font-weight: 500;}
footer .ft_box .sns_box { float: right; margin: 10px 20px 0;}
footer .ft_box .sns_box a { display: inline-block; margin: 0 0 0 5px;}

footer .address { overflow: hidden; margin: 0 auto; padding: 30px 20px 40px; width: 1160px; font-size: 13px; color: #a9a9a9;}
footer .address span { display: inline-block; padding: 0 10px 0 0;}
footer .address p { padding: 15px 0 0; color: #c2c2c2; font-weight: 250;}

/*
.pop_bg {position: fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999999999 !important;left:0px;top:0px;}
.pop_provision, .pop_privacy {width:1200px;height:800px;margin-top:100px;border:1px solid;background-color:white;margin:0 auto;}
*/

.pop_bg {position: fixed;display:table;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:9999999999999 !important;left:0px;top:0px;}
.pop_wrapper {position: relative;display:table-cell;vertical-align: middle;text-align: center; background-color:rgba(0,0,0,0);}
.pop_body {display: inline-table; background-color:white;}

/* 개인정보취급방침 */
.pop_wrapper { overflow: hidden; clear: both; border-radius: 30px;}
#pop_privacy_body { overflow: hidden; clear: both; text-align: left; border: 4px solid #222; background: #222;}
#pop_provision_body { overflow: hidden; clear: both; text-align: left; border: 4px solid #222; background: #222;}
.pop_title { position: relative; padding: 15px 30px; color: #fff; background-color: #222;}
.pop_title .pop_title_text { font-size: 20px;}
.pop_title .pop_title_close { position: absolute; top: 25px; right: 20px; font: normal 35px 'Tahoma'; line-height: 0; cursor: pointer;}
.pop_contents { padding:30px; width:940px; max-height: 650px; overflow: auto; background: #fff;}
.pop_contents .text_st3 { float: none; margin: 0 0 45px; font-size: 14px; font-weight: 300px; color: #888; font-family: "NanumBarunGothic", 'Noto Sans Korean', 'Noto Sans KR',;}
.pop_contents .title_st7 { margin: 0 0 15px; border-bottom: 2px solid #666;}

.comf.allbody {overflow: hidden !important;}

/* 정보표시용 레이어팝업 */
.popup_bg {position: fixed;display:table;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:9999999999999 !important;left:0px;top:0px;}
.popup_wrapper {position: relative;display:table-cell;vertical-align: middle;text-align: center; background-color:rgba(0,0,0,0);overflow: hidden; clear: both;}
.popup_body {display: inline-block;overflow: hidden; clear: both; text-align: left; border: 4px solid #222; /*background: #222;*/}
.popup_title { position: relative; padding: 15px 30px; color: #fff; background-color: #222; box-sizing: border-box;}
.popup_title .popup_title_text { font-size: 20px;}
.popup_title .popup_title_close { position: absolute; top: 25px; right: 20px; font: normal 35px 'Tahoma'; line-height: 0; cursor: pointer;}
.popup_contents { padding: 20px 30px 30px; max-width: 1800px; max-height:730px; overflow: auto; background: #fff;}
.popup_schedule_1 { margin: 0 0 15px; padding: 10px 15px 7px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box;}
.popup_schedule_1 .div_schedule_list { padding: 0 0 5px; border-bottom: 1px dotted #ddd; }
.popup_schedule_1 .div_schedule_list:last-child { border-bottom: none;}
.popup_schedule_2 { overflow: visible;}

/* --- 로딩 표시 시작 ---*/
.wrap-loading{ /*화면 전체를 어둡게 합니다.*/ 
	position: fixed; 
	left:0; 
	right:0; 
	top:0; 
	bottom:0; 
	background: rgba(0,0,0,0.2); /*not in ie */ 
 
} 
.wrap-loading div{ /*로딩 이미지*/ 
	position: fixed; 
	top:50%; 
	left:50%; 
	margin-left: -21px; 
	margin-top: -21px; 
} 

.display-none{ /*감추기*/ 
	display:none; 
} 
/* --- 로딩 표시 끝 ---*/

/* --- 말줄임 시작 ---*/
.ellipsis {white-space:nowrap; overflow: hidden;word-break: break-all;}
.ellipsis em {margin-left:2px; letter-spacing:0;}
.ellipsis.multiline {white-space: normal;}
/* --- 말줄임 끝 ---*/
