@charset "utf-8";

/*=========================================================================================================================
소개
=========================================================================================================================*/

 
 /* --------------------------------------------
 설립목적 
/* ------------------------------------------ */

.purpose-wrap { padding:0!important; color:#000;  }
.purpose-wrap .ctt { padding:50px 15px 65px; }
.purpose-wrap .ctt h4:before { display:none; }
.intro { width:100%;  background-color:#f0f3fa; padding-top:35px; text-align:center; color:#000;  }
.intro strong { font-size:20px; line-height:50px; letter-spacing:-0.05em; font-weight:normal;  }
.intro h4 { background: url(../image/mobile/common/m_logo.png) center center no-repeat; text-indent:-9999px; height:55px; background-size:90%; padding:10px 0;  }
.intro h4:before { display:none;}
.intro h4:after { width:125px; height:5px; display:block; background-color:#000; content:""; margin:35px auto 0; }
.intro img { padding-top:35px; }
.intro p  { clear:both; font-size:18px; line-height:25px; letter-spacing:-0.05em;   margin-top:25px; font-weight:500; }

.intro_vision { width:100%; text-align:center; overflow:hidden; }
.intro_vision h4 { font-size:35px; letter-spacing:-0.05em; font-weight:700; color:#000; }
.intro_vision p { font-size:20px; line-height:30px; letter-spacing:-0.025em; margin-top:50px; font-weight:500; color:#000; }

.intro_mission { width:100%; text-align:center; overflow:hidden;  }
.intro_mission h4 { font-size:35px; letter-spacing:-0.05em; font-weight:700; color:#000; margin-bottom:40px; }

.intro_mission .mission_box { width:100%;  }
.intro_mission .mission_box .mission_ct > li { max-width:360px; margin:35px auto; overflow:hidden; }
.intro_mission .mission_box .mission_ct li dl { width: ; }
.intro_mission .mission_box .mission_ct li dl dt { float:left; width:92px; font-size:16px; font-weight:500; line-height:20px; letter-spacing:-0.025em; background:url('/assets/image/mobile/sub/purpose_pic_02.png') 0px top  no-repeat; padding-top:100px; background-size:480px 84px; }
.intro_mission .mission_box .mission_ct li.ms_02 dl dt { background-position:-93px top; }
.intro_mission .mission_box .mission_ct li.ms_03 dl dt { background-position:-188px top; }
.intro_mission .mission_box .mission_ct li.ms_04 dl dt { background-position:-285px top; }
.intro_mission .mission_box .mission_ct li.ms_05 dl dt { background-position:-393px top; }

.intro_mission .mission_box .mission_ct li dl dd { float:left; width:69%; background:url('/assets/image/mobile/sub/black_line.png') left center no-repeat; position:relative; padding-left:20px; margin-left:3%; max-width: 235px; }
.intro_mission .mission_box .mission_ct li dl dd:before { width:8px; height:8px; background-color:#000; display:block; content:""; border-radius:10px; position:absolute; left:16px; top:48%; }
.intro_mission .mission_box .mission_ct li dl dd ul { width:100%;  overflow:hidden; border:1px solid #000; padding:25px 0 25px 7%; margin-left:-1px; background:#fff; }
.intro_mission .mission_box .mission_ct li dl dd ul li { background:url('/assets/image/sub/black_dot.png') 0 8px no-repeat; text-align:left; font-size:14px; line-height:20px; 
														letter-spacing:-0.06em; padding-left:10px; margin-bottom:10px; }
.intro_mission .mission_box .mission_ct li dl dd ul li:last-child { margin-bottom:0; }
.intro_mission .mission_box .mission_ct li dl dd ul li strong { font-weight:700; }

/* --------------------------------------------
 *사업소개 
/* ------------------------------------------ */

.intro_menu { overflow:hidden; }
.intro_tit span { display:block; font-size:15px; line-height:36px; letter-spacing:-0.05em; font-weight:700; }
.intro_tit h4 { font-size:25px; line-height:30px; letter-spacing:-0.05em; font-weight:700; word-break:keep-all; }
.intro_tit h4:before { width:30px; height:2px; background:#000; display:block; content:""; margin-bottom:23px; }

.intro_sub_tit { background-color:#eef1f5!important; text-align:center; padding:35px 0px 0;  overflow:hidden; }
.intro_sub_tit:after { content:''; display:block; width:100%; background-size:100%!important; margin-top:20px; }
.intro_sub_tit h5 { font-size:22.5px; line-height:33px; letter-spacing:-0.09em;  color:#e4007f; word-break:keep-all; }
.intro_sub_tit p { font-size:15px; line-height:25px; letter-spacing:-0.025em; margin-top:10px; color:#000; word-break:keep-all; padding:15px 5px; }

.sub_tit01:after {  background:url('/assets/image/sub/business_01.png') center top no-repeat;  height:140px; }
.sub_tit02:after {  background:url('/assets/image/sub/business_02.png') left top no-repeat; height:100px;  }
.sub_tit03:after {  background:url('/assets/image/sub/business_03.png') right bottom no-repeat; height:140px;  }
.sub_tit04:after {  background:url('/assets/image/sub/develop_01.png') right top no-repeat; height:140px;  }
.sub_tit05:after {  background:url('/assets/image/sub/expand_01.png') -5px top no-repeat; height:120px;  }
.sub_tit06:after {  background:url('/assets/image/sub/expand_02.png') -5px bottom no-repeat; height:130px;  }
.sub_tit07:after {  background:url('/assets/image/sub/expand_03.png') -5px bottom no-repeat; height:120px;  }
.sub_tit08:after {  background:url('/assets/image/sub/activation.png') center bottom no-repeat; height:110px;  }

/* --------------------------------------------
 *시설소개
/* ------------------------------------------ */

.building_intro { width:100%; height:530px; background:url('/assets/image/sub/building.png') left top no-repeat;  background-color:#f0f3fa; margin-bottom:100px; color:#000; }
.building_intro strong { width:704px; text-align:center; margin-top:470px; color:#fff; display:block; font-size:18px; letter-spacing:-0.025em; float:left; }
.building_intro .building_txt { width:495px; text-align:center; float:right; padding-top:60px; }
.building_intro .building_txt p { font-size:30px; line-height:48px; letter-spacing:-0.05em; }
.building_intro .building_txt p:after { display:block; content:""; width:1px; height:38px; background-color:#656d78; margin:20px auto 30px; }
.building_intro .building_txt dl dt { font-size:22px; line-height:30px; letter-spacing:-0.025em; font-weight:700; }
.building_intro .building_txt dl dd { font-size:18px; line-height:30px; letter-spacing:-0.025em; margin-top:10px; }
.building_intro .building_txt dl:nth-child(2):after { width:3px; height:3px; border-radius:3px; background-color:#000; display:block; content:""; margin:35px auto; }

/* --------------------------------------------
 *홍보물 
/* ------------------------------------------ */

.intro_video { width:100%; height:200px; margin-bottom:30px; }
.intro_video iframe { width:100%; height:100%; }
.video_txt_wrap { width:100%; height:440px; background-color:#f0f3fa; padding:25px 0; color:#000; }
.video_txt_wrap .video_txt { width:100%; height:390px; margin:0 auto; padding:0 25px; }
.video_txt_wrap .video_txt strong { font-size:18px; line-height:45px; }
.video_txt_wrap .video_txt p { font-size:15px; line-height:25px; font-weight:300; letter-spacing:-0.025em; word-break:keep-all; }

/* --------------------------------------------
 *조직도 
/* ------------------------------------------ */

.org-tbl { max-width:100%; font-size:14px!important; }
.org-tbl td { padding:8px 8px; letter-spacing:-0.05em; }
.tbl-basic.org-tbl  thead, .tbl-basic.org-tbl  tbody tr td:first-child { display: table-cell; }
.tbl-basic.org-tbl tbody td { display: table-cell; padding:10px 10px; }
.tbl-basic.org-tbl.striped tr:nth-child(odd) { background:#fff; }

/* --------------------------------------------
 *공간안내 
/* ------------------------------------------ */

/* 공간안내 */


#sisul_list ul li > div { height: 180px; }
#sisul_list ul li a { display:block; height:100%; }
#sisul_list ul li .list_tit { height:60px; }
#sisul_list ul li .list_tit.list_tit_2 { padding:5px; }
#sisul_list ul li img { top:-25%; }


/* 공간 상세페이지  */
.roomSlide { width:100%; height:255px; }
.roomSlide .bx-wrapper img { width:100%; height:255px; }
.roomSlide .bx-wrapper .bx-controls  .bx-controls-direction>a { width:50px; height:50px; background:rgba(0,0,0,0.6) url('/assets/image/sub/room_slide_arr.png') 10px center no-repeat; left:auto; display:block!important; bottom:0; top:48%; left:0; }
.roomSlide .bx-wrapper .bx-controls  .bx-controls-direction .bx-next { background-position:-20px center; right:0; left:auto; }
.roomSlide .bx-wrapper .bx-controls .bx-pager { width:60px; height:30px; line-height:28px; font-size:15px; bottom:0; text-align:center; background:rgba(0,0,0,0.6); color:#fff; right:0; }

.room_info { width:100%; border-top:2px solid #000; margin-top:30px; border-bottom:1px solid #000; padding-bottom:30px; }
.room_info>strong { font-size:22px; letter-spacing:-0.025em; display:block; padding:20px 0px; color:#000; }
.room_info>strong:after { content:''; display:block; width:100%; height:1px; background:url('/assets/image/sub/dashed_pt.jpg') 0 0 repeat; margin-top:20px; }


/* --------------------------------------------
 *오시는길
/* ------------------------------------------ */

.up_map { width:100%; height:350px; margin-bottom:20px; }
.root_daum_roughmap { width:100%!important; height:350px; }

.map_guide>li { overflow:hidden; padding-bottom:40px; }
.map_guide>li h4 { width:100%; background-color:#38bc9a; font-size:18px; color:#fff; text-align:center; font-weight:500; padding:7px 0; margin-bottom:20px; }
.map_guide>li h4:before { display:none; }
.map_guide>li p { font-size:15px; line-height:25px; font-weight:300; color:#000; }
.map_guide>li dl:nth-child(2) { margin-bottom:30px; }
.map_guide>li dt {  font-size:18px; line-height:25px; font-weight:500; color:#5d9cec; }
.map_guide>li dd {font-size:15px; line-height:20px; font-weight:300; margin-top:10px; color:#000;}

/* --------------------------------------------
 *교육프로그램 소개 
/* ------------------------------------------ */

.list_black li  { background:url('/assets/image/sub/black_list.png') left 8px no-repeat; padding-left:15px; font-size:15px; line-height:20px; color:#000; word-break:keep-all; margin-bottom:5px; }
.list_black li div { margin:10px; }

.up_program, .track_wrap { margin-top:30px; }


/* --------------------------------------------
 *교육프로그램 소개
/* ------------------------------------------ */

/* FAQ */
.faq_accordian {border-top:5px solid #26b2e9;position:relative;}
.faq_accordian li { width:100%; overflow: hidden; }
.faq_accordian li .faq_heading{overflow:hidden;padding:10px 0 ;border-bottom:1px solid #c4ccd6;height:50px;display:table;width:100%; }
.faq_accordian li .faq_heading p>span{float:left;position:relative;padding:0 15px;font-weight:300;display:table-cell;vertical-align:middle}
.faq_accordian li .faq_heading p>strong { display:inline-block; width:65%; float:left; }
.faq_accordian li .faq_heading p>span:after{content:'';border-right:1px solid #c4ccd6;padding-left:20px}
.faq_accordian li .faq_heading p{float:left;cursor:pointer;font-weight:300;width:98%;min-height:30px;padding:5px 0}
.faq_accordian .faq_content{display:none}
.faq_accordian .ico_ar { background:url(/assets/image/sub/qna_arr_01.png)right 0 no-repeat}
.faq_accordian .ico_ar.on { background:url(/assets/image/sub/qna_arr_02.png)right 0 no-repeat;color:#1080ad}
.faq_accordian .faq_content{ width:100%; background:#f4f5f9; overflow: hidden; padding:0 20px;border-bottom:1px solid #000; font-size:14px; line-height:25px; }
.faq_accordian .faq_content p {   margin-top:20px; padding:0 0 20px; display: block; }



/*=========================================================================================================================
DB 페이지 작업
=========================================================================================================================*/



/* --------------------------------------------
소재DB 리스트
/* ------------------------------------------ */


.form-checkbox{position:relative; overflow:hidden;display:inline-block; width:100%; }
.form-checkbox.choice input { width: 15px; height: 15px;}
.form-checkbox input{ position: absolute;  top: 27%;  right:0px;  opacity: 0;  filter: alpha(opacity=0);  width: 20px;  height: 20px;  cursor: pointer;   z-index: 2;}
.form-checkbox input[type="checkbox"] {  box-sizing: border-box;  padding: 0;}
.form-checkbox label{ vertical-align: middle;  display:inline-block; width:80%;  cursor: pointer;  }
.form-checkbox label:after{ content: '';  position: absolute;  top:27%;  right:0;  z-index: 1; width: 20px;  height: 20px; background-position: 0 top;  background-repeat: no-repeat;   display: inline-block;}
.form-checkbox.choice label:after { width: 15px;   height: 15px;  background-image: url('/assets/image/sub/check_choice.png'); }
.form-checkbox label span { word-break:keep-all; }
.form-checkbox input:checked + label:after {   background-position: 0 bottom; }
.form-checkbox input:checked + label{color:#189ed3;}

/* 검색창 */
.eventSearch.db_sch { padding:30px 15px 45px; }
.m_searchForm { border:none; padding:0; margin-bottom:0; }
.m_searchForm:before { display:none; }
.m_searchForm.searchForm select { width:auto; padding:0;margin-bottom: 0; background:#fff;  }
.m_searchForm input { margin:0 4px; }
.m_searchForm input[type="submit"].m_search_btn, .searchForm input[type="button"].m_search_btn, .searchForm a.btn, .searchForm button.m_search_btn
{ width:25px; height:32px; text-indent:-9999px; border:none; background:#FFF url('../image/mobile/common/sprite-map-icon.png') -242px -8px no-repeat; background-size:300px 300px; padding:0!important;  }

/* DB 옵션 리스트 */
.db_ctt { padding:0 0 15px; overflow:hidden; border-top:1px solid #ccd1d9;  }
.db_ctt:after { border-top:1px solid #ccd1d9;   }
.db_ctt h4 { margin-bottom:0; line-height:30px; }
.db_ctt h4:before { display:none; overflow:hidden; }
.db_lnb { width:100%; }
.db_lnb .db_snb>li { float:left; width:50%; }
.db_lnb .db_snb>li .acc_heading { position: relative; border-right: 1px solid #ccd1d9;  background: #fff; height:45px; font-size:16px; line-height:30px; margin-bottom:0; font-weight:normal; }
.db_lnb .db_snb>li:nth-child(even) h4 { border-right:none; }
.db_lnb .db_snb>li:nth-child(odd)  { clear:both; }
.db_lnb .db_snb>li .acc_heading a { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;  white-space: nowrap;  display: block; padding:0px 38px 0px 18px; font-size:16px;  border: 1px solid #fff; border-bottom-color: #ccd1d9; height:45px; line-height:45px; font-weight:300; color:#000; }
	
.db_lnb .db_snb>li .acc_heading a { background:url('/assets/image/mobile/sub/lnb_open.png') 90% center no-repeat;  }
.db_lnb .db_snb { overflow:hidden; }
.db_lnb .db_snb>li .dbList_slide { width: 200%; height:0; position:relative; z-index:10; overflow:hidden; }
.db_lnb .db_snb>li:nth-child(even) .dbList_slide { margin-left:-100%; }
.snb_dep_wrap { padding-top: 7px; margin-top: -1px; border-top: 1px solid #ccd1d9;  border-bottom: 1px solid #ccd1d9; background-color: #f2f5f9; overflow:hidden; }
.db_lnb .db_snb>li .snb_dep3 .db_list { overflow: hidden;  color: #5b5b5b; float:left; width:100%; padding-bottom:5px; }
.db_lnb .db_snb>li .snb_dep3 .db_list:after { content:''; display:block; clear:both; }
.db_lnb .db_snb>li .snb_dep3 .db_list li  { width:50%; float:left; position:relative; font-size:14px; overflow:hidden; color:#000; padding:6px 15px 6px 18px; font-size:14px; letter-spacing:-0.05em; }
.db_lnb .db_snb>li .snb_dep3 .db_list li span label { font-weight:300;  }

.db_lnb .db_snb>li.upmenu { height:0; overflow:hidden; } 
.db_lnb .db_snb>li.upmenu.on { height:auto; overflow:visible; }
.db_list_more { text-align:center;  }
.db_list_more a { display:block; color:#0086cd; font-size:16px; border-bottom:1px solid #ccd1d9; padding:15px 0; font-weight:500; }
.db_list_more a i { padding-left:15px; padding-top:3px; vertical-align:top;  }	


.db_lnb .db_snb>li .acc_heading.on { background-color: #f2f5f9; }
.db_lnb .db_snb>li .acc_heading.on a { position: absolute; top: -1px; right: -1px; left: -1px; z-index: 20; height: 46px;  border-color: #ccd1d9; border-bottom-color:#f2f5f9; color:#0086cd; }
.db_lnb .db_snb>li .acc_heading.on + .dbList_slide { height:auto; overflow:visible; }
.db_lnb .db_snb>li .acc_heading.on a { background:url('/assets/image/mobile/sub/m_lnb_close.png') 90% center no-repeat; }
	
.db_lnb .slick-dots { width:100%; text-align:center; padding:0px 0 10px; }
.db_lnb .slick-dots li { display:inline-block; margin:0 2px; }
.db_lnb .slick-dots li button { text-indent:-9999px; width:7px; height:7px; border-radius:50%; outline-width:0; background:#aab2bd; border:none; }
.db_lnb .slick-dots li.slick-active button { background:#0086cd; }

.db_lnb .form-checkbox{position:relative; overflow:hidden;display:inline-block; width:100%; height:35px; word-break:keep-all; line-height:35px; vertical-align:middle; }
.db_lnb .form-checkbox.choice input { width: 15px; height: 15px;}
.db_lnb .form-checkbox input{ position: absolute;  top: 50%;  right:0px;  opacity: 0;  filter: alpha(opacity=0);  width: 20px;  height: 20px;  cursor: pointer;   z-index: 2; margin-top:-7.5px; }
.db_lnb .form-checkbox input[type="checkbox"] {  box-sizing: border-box;  padding: 0;}
.db_lnb .form-checkbox label{ vertical-align: middle;  display:inline-block; width:85%;  cursor: pointer; font-size:14px; letter-spacing:-0.08em; text-overflow:ellipsis; white-space:nowrap; height:35px; line-height: 35px; overflow: hidden; }
.db_lnb .form-checkbox label:after{ content: '';  position: absolute;  top:50%;  right:0;  z-index: 1; width: 20px;  height: 20px; background-position: 0 top;  background-repeat: no-repeat;   display: inline-block; margin-top:-7.5px;  }
.db_lnb .form-checkbox.choice label:after { width: 15px;   height: 15px;  background-image: url('/assets/image/mobile/sub/check_choice.png'); }
.db_lnb .form-checkbox input:checked + label:after {   background-position: 0 bottom; }
.db_lnb .form-checkbox input:checked + label{color:#189ed3;}

/* DB 옵션 선택 */
.db_selected { overflow:hidden; width:100%; height:55px; padding:10px; }
.db_selected .db_selected_list { position: relative; overflow-x: auto;  overflow-y: hidden;  height: 100%; white-space: nowrap; -webkit-overflow-scrolling: touch; margin-right:55px; }
.db_selected .db_selected_list li { color:#fff; background:#0086cd; display:inline-block; font-size:14px; letter-spacing:-0.025em; border-radius:3px; padding:5px 7px; margin-right:7px; }
.reset_btn { position:absolute; right:0; top:0; width:55px; height:55px; background:#FFF url('/assets/image/mobile/sub/reset_ico.png') center center no-repeat; text-indent:-99999px; display:block;  border:none; border-left:1px solid #ccd1d9;  }

/* 추천 검색어 */
.sch_list { overflow:hidden; position:relative; }
.sch_list .sch_wrap { width:100%; padding-right:55px; }
.sch_list .sch_wrap a { font-size:16px; letter-spacing:-0.025em; font-weight:300; display:inline-block; }
.sch_list .sch_wrap a span { font-size:18px; display:inline-block; padding-right:5px; vertical-align:top; }

.sch_list .sch_wrap .sch_up { height:55px; padding:10px; }
.sch_list .sch_wrap .sch_up  > span { font-size:14px; display:inline-block; background:#e4007f; color:#fff; padding:8px 10px;  float:left;  }
.sch_list .sch_wrap .sch_up .sch_slide { float:left; height:45px; overflow:hidden; width:70%; padding-left:10px; }
.sch_list .sch_wrap .sch_up .sch_slide a { height:36px; overflow:hidden; line-height:36px; }
.sch_list .sch_wrap .sch_up .sch_slide a em { height:36px; overflow:hidden; line-height:36px; display:inline-block;  text-overflow: ellipsis; white-space: nowrap; width:85%; }
.sch_list .sch_wrap .sch_open { display:none;  }
.sch_list .sch_wrap .sch_open.open { display:block; }
.sch_list .sch_wrap .sch_up.up { display:none; }
.sch_list .sch_wrap .sch_open h4 { font-size:15px; color:#e4007f; letter-spacing:-0.07em; border-bottom:1px solid #ccd1d9; height:55px; line-height:55px; padding-left:10px; }
.sch_list .sch_wrap .sch_open ul { width:120%; }
.sch_list .sch_wrap .sch_open ul li a { line-height:52px; border-bottom:1px solid #ccd1d9; display:block; overflow:hidden; height:52px; word-break:keep-all; padding:0 10px; }
.sch_list .sch_wrap .sch_open ul li a em { overflow:hidden; height:52px; display:inline-block; letter-spacing:-0.025em;  text-overflow: ellipsis; white-space: nowrap; width:90%; }
.sch_list .sch_wrap .sch_open ul li:last-child a { border-bottom:none; }
.sch_arr {position:absolute; right:0; top:0; width:55px; height:55px; display:block;  border:none; border-left:1px solid #ccd1d9; background:#fff; font-size:25px; font-weight:100;  border-bottom:1px solid #ccd1d9; }

.db_ctt_txt { background:#04287e; color:#fff; font-size:16px;text-align:center; line-height:24px; letter-spacing:-0.025em; padding:20px 0 35px; }

.db_wrap { padding:0 0 15px; overflow:hidden; }
.db_wrap .db_list_top { overflow:hidden; border-bottom:1px solid #ccd1d9; padding:0; }
.db_wrap .db_list_top p { font-size:16px; font-weight:300; float:left; padding:10px 0 0 15px; }
.db_wrap .db_list_top p strong { color:#e4007f; }
.db_wrap .db_list_top .db_tab { float:right; }
.db_wrap .db_list_top .db_list_tab { float: left; }
.db_wrap .db_list_top .db_list_tab li { float:left; height:45px; }
.db_wrap .db_list_top .db_list_tab li a { display: inline-block; border:none; font-size:16px; color:#aab2bd; border-left:1px solid #ccd1d9; background:#fff; height:100%; padding:0 15px; line-height:45px; }
.db_wrap .db_list_top .db_list_tab li button { border:none; font-size:16px; color:#aab2bd; border-left:1px solid #ccd1d9; background:#fff; height:100%; padding:0 15px; background:#16b2e5; color: #fff; }
.db_wrap .db_list_top .db_list_tab li.on a { color:#0086cd; }
.db_wrap .db_list_top .db_list_tab li .btn-popup { display: none; }
.db_wrap .db_list_top .btn-popup { display: inline-block; height:45px; line-height:45px; border:none; font-size:16px; color:#aab2bd; border-left:1px solid #ccd1d9; background:#fff; height:100%; padding:0 15px; background:#16b2e5; color: #fff; }

.modal-popup.legend-popup { position: fixed; top: 0; height:100%!important; }
.db_modal_popup.legend-popup .modal-popup-group { height:300px; padding:0; position:absolute; top:0%; left:50%; margin-left:-45%;  }
.db_modal_popup.legend-popup .popup-body { background:#fff; padding:0; }
.db_modal_popup.legend-popup .popup-body  .modal_head { background:#0086cd; width:100%; height:58px; color:#fff; line-height:58px; font-size:20px; padding-left:20px; }


.db_legend_list { padding:15px; }
.db_legend_list li { font-size:15px; color:#000; padding:15px 0 15px 90px; margin-bottom:15px; letter-spacing:-0.025em; word-break:keep-all; }
.db_legend_list li { display:inline-block;  background:url('/assets/image/sub/wartime.png') left 10px no-repeat; padding:15px 0 15px 90px;  }
.db_legend_list li.purchase { background:url('/assets/image/sub/purchase.png') left 10px no-repeat;  padding:15px 0 15px 90px;}
.db_legend_list li.recommend { background:url('/assets/image/sub/recommend.png') left 10px no-repeat;   padding:7px 0 7px 90px;}

.db_img_list { padding:0px 15px 15px; }

/* 소재 리스트 */

.material_Area { border: none; }
.material_Area .db_list_wrap li { position:relative; }
.material_Area .db_list_wrap li a { width:50%;  }
.material_Area .db_list_wrap li a img { width:100%; height:155px; }


.material_Area .db_list_wrap li .db_state { width:100%; display:block; position:absolute; top:0px; left:0; z-index:999; }
.material_Area .db_list_wrap li .db_state:after { display:block; content:''; clear:both; }
.material_Area .db_list_wrap li .db_state  div { width:53px; height:32px; background:url('/assets/image/mobile/sub/m_wartime.png') center top no-repeat; float:left; text-indent:-9999px; background-size:90%; }
.material_Area .db_list_wrap li .db_state  div:first-child { margin-right:3px; }
.material_Area .db_list_wrap li .db_state  div.wartime { float:right; margin-right:-2px;  }
.material_Area .db_list_wrap li .db_state  div.purchase { background:url('/assets/image/mobile/sub/m_purchase.png') center top no-repeat; background-size:100%;width:60px; }
.material_Area .db_list_wrap li .db_state  div.recommend { background:url('/assets/image/mobile/sub/m_recommend.png') center top no-repeat; background-size:100%; width:39px; }
.material_Area .db_list_wrap li a + .db_state { position: relative; top:-240px; }
.material_Area .db_list_wrap li:nth-child(even) a + .db_state {  }

.db_list_Area {width:100%;overflow:hidden; }
.db_list_Area .db_list_wrap { overflow:hidden; padding:0; }
.db_list_Area .db_list_wrap:after { content:''; display:block; clear:both; }
.db_list_Area .db_list_wrap li {  float:left;  width:50%; padding-top:15px; padding-right:7.5px; margin-bottom:0; height:255px; }
.db_list_Area .db_list_wrap li:nth-child(even)  { padding-right: 0; padding-left:7.5px; }

.db_list_Area .db_list_wrap li > a { display:block; width:100%; height:240px; border:1px solid #aab2bd; overflow:hidden; position:relative; text-align:left;  }
.db_list_Area .db_list_wrap li > a img { display:block; width:100%; height:155px; overflow:hidden; }
.db_list_Area .db_list_wrap li a .db_txt { width:100%; background:#fff; position:absolute; left:0; bottom:0; height:82px; padding:5px 5px;  }
.db_list_Area .db_list_wrap li a .db_txt strong { color: #000; font-size:16px; letter-spacing:-0.025em; display:block; overflow:hidden; height:25px; text-overflow: ellipsis; white-space: nowrap; width:100%; }
.db_list_Area .db_list_wrap li a .db_txt p { font-size:14px; letter-spacing:-0.025em; margin:4px 0 0px;  line-height:16px; display: block; color: #0b9edb; text-overflow:ellipsis; white-space:nowrap;height:16px; overflow: hidden;width:100%; }
.db_list_Area .db_list_wrap li a .db_txt p:after { display: none; }
.db_list_Area .db_list_wrap li a .db_txt span { font-size:13px; color:#4a4d57; display:inline-block; margin-top:4px;  height:20px; line-height:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:100%; }
.db_list_Area .db_list_wrap li a .db_txt span:after { display: none;  }

.m_paging { text-align: center;border-top: 1px solid #ccd1d9; border-bottom: 1px solid #ccd1d9;  }
.m_paging a { display: block; width:100%; font-size:16px; padding:12px 0; font-weight: 300; background: url(/assets/image/mobile/sub/lnb_open.png) 61% center no-repeat; }
/* --------------------------------------------
소재DB 상세보기
/* ------------------------------------------ */

.ctt_wrap .db_view_tit { font-size:25px; color:#000; border-bottom:2px solid #4a4d57; margin-bottom:23px; }
.ctt_wrap .db_view_tit:after { content:''; display:block; clear:both; }
.ctt_wrap .db_view_tit h4 { margin-bottom:0px; float:left; }
.ctt_wrap .db_view_tit .txt_blue { font-size:20px; color:#0086cd; }
.ctt_wrap .db_view_tit .btnArea { margin:10px 0; }
.btnArea a.btn.green:hover { border:1px solid #167b61; background:#167b61!important; }

.view_imgArea { width:100%; overflow:hidden; padding:20px; border:1px solid #d6dded; }
.view_imgArea ul { width:100%; overflow:hidden; }
.view_imgArea ul li { float:left; margin-right:23px; }
.view_imgArea ul li:last-child { margin-right:0; }
.view_imgArea ul li img { width:370px; height:370px; display:block; overflow:hidden; }

#fancybox-wrap { width:620px!important; height:657px!important; left:50%!important; margin-left:-310px; margin-top:60px; padding:20px 0!important; }
#fancybox-content { width:620px!important; height:617px!important; border-color:#0b9edb; background:#fff;  padding:4px 5px; overflow:hidden; }
#fancybox-img { width:589px; height:100%; overflow:hidden; }
#fancybox-close { width:69px; height:69px; background:url('/assets/image/sub/fancybox_close.png') center top no-repeat; right:-30px; top:-20px; }

.sub_ctt { width:100%; overflow:hidden; color:#000; margin:25px 0 50px; }
.sub_ctt:after { display:block; clear:both; content:''; }
.sub_ctt .ctt_box { width:48.5%; float:left; }
.sub_ctt .ctt_box.right { float:right; }

.sub_ctt h5.db_view_stit { font-size:18px;font-weight:500; border-bottom:2px solid #000; padding-bottom:7px;  }
.sub_ctt h5.db_view_stit span { font-weight:300; font-size:15px; }
.sub_ctt p { font-size:20px; font-weight:500; padding:17px 0 0; line-height:23px; }

.sub_ctt .tbl-basic { border-top:none;  }
.sub_ctt .tbl-basic th, .sub_ctt .tbl-basic td { color:#000!important; }
.sub_ctt .tbl-basic td input { text-align:right; }
.sub_ctt .tbl-basic.right td { text-align:right; }
.sub_ctt .tbl-basic td textarea { height:34px; text-align:right; padding:5px; }

.bdt { border-top:1px solid #e0e0e0; padding-top:30px; margin-top:20px;  }

/* --------------------------------------------
소재DB NEW 2019-02-22
/* ------------------------------------------ */

.hidden{font-size: 0 !important;    width: 0 !important;    height: 0 !important;    color: transparent !important;    line-height: 0 !important;position: absolute;    left: -1000px;    top: 0;    overflow: hidden;    text-indent: -30000px;}
.db_faq_visual { padding-top:50px; }

#library_info { width:100%;  position:relative; }
#library_info .library_box { width:100%; background:#f2f4f6; overflow:hidden;  padding:30px 25px; margin-top:80px;  }
#library_info h4 { width:80%; margin:0 auto; background:#04287e; color:#fff; text-align:center; border-radius:30px; font-size:25px; letter-spacing:-0.025em; padding:10px 0; position:absolute; top:-30px; left:50%; margin-left:-40%; }

#library_info .library_faq { background:#fff; width:48.5%; float:left; margin-top:30px; padding:50px 20px; min-height:356px; }
#library_info .library_faq h5 { text-align:center; color:#059edb; font-size:30px; font-weight:500; margin:5px 0 20px; }
#library_info .library_faq .faq_s>span { text-align:center; color:#059edb; font-size:15px; letter-spacing:-0.05em; text-transform:uppercase; border-bottom:2px solid #059edb; padding:3px 10px; font-weight:500; margin:auto; }

#library_info .library_up { float:right; }
#library_info .library_up h5, #library_info .library_up .faq_s>span { color:#e4007f; }
#library_info .library_up .faq_s>span { border-bottom:2px solid #e4007f; } 
#library_info .library_up  .faq_accordian { border-color:#e4007f; }

.faq_s { text-align:center; }
.faq_accordian .ico_ar.on { background:url(/assets/image/sub/qna_arr_02.png)right 0 no-repeat;color:#1080ad}
.faq_accordian .ico_ar { background:url(/assets/image/sub/qna_arr_01.png)right 0 no-repeat}
#library_info .library_up .faq_accordian .ico_ar.on { background:url(/assets/image/sub/qna_arr_03.png)right 0 no-repeat;color:#e4007f}
.faq_btn { text-align:center; margin-bottom:10px; }
.faq_btn a { padding:5px 40px; overflow:hidden; color:#fff; background:#059edb; border-radius:20px; display:inline-block; font-size:15px; font-weight:300; }
.faq_btn .faq_up { background:#e4007f;  }

.faq_info_box { background:#fff; overflow:hidden; border:1px dashed #777776; padding:15px 25px; color:#444a54; font-size:13px; margin-bottom:10px; }
.faq_info_box ul li { color:#444a54;  }

/* --------------------------------------------
 * 프린트
/* ------------------------------------------ */

@media print {

@page {size: a4; page-break-after: always;margin:0.5cm;}
#header { display:none!important; }
#sb_wrp { display:none; }
.copyright { display:none; }
.btnArea { display:none; }
.ft_bn_Area { display:none; }
.container{width:100%}

.view_imgArea ul li  { width:33.3%; height:auto; margin-right:0; padding-left:20px; }
.view_imgArea ul li:first-child { padding-left:0; }
.view_imgArea ul li img { width:100%; }

}


/* ------------------------------------------------------------------
 * 신규 대관 작업 - 김수연 2019-07-26
/* ----------------------------------------------------------------- */

 #rent_list ul li{width:100% ;}
 #rent_list ul li div{height:200px}
 #rent_list ul li .list_tit{top: 140px;}
 #rent_list ul li > div:hover .list_tit{top: 130px;}
 #rent_list ul li img{top:0}
 #rent_list .photo_list ul li .list_tit strong{font-size:20px}
 /* 대관상세 */
 #rent_view .view_info .view_txt ul li{width:100%}
 #rent_view .roomSlide .bx-wrapper{height:300px}
 #rent_view .view_info .view_img {width:100%}
  #rent_view .view_info .view_img ul li{height:300px}
 .rent_caution p{margin-bottom:10px}
.rent_caution li{margin-bottom:10px;font-size:15px; font-weight: 300;}
.rent_box{border:1px solid #d6dbe3;background:#f5f7fb;padding:30px;text-align:center;font-size:18px;color:#456470;border-radius:3px;letter-spacing:-0.05em;margin-bottom:20px;}
.list_black{overflow:hidden}
.list_black dt{font-weight:500;font-size:20px;color:#000;text-align:left;margin-bottom:10px;border-bottom:1px dashed #000;padding-bottom:15px}
.list_black dd{ background:url('/assets/image/sub/black_list.png') left 8px no-repeat; padding-left:15px; font-size:15px; line-height:150%; color:#000; text-align:left;margin-bottom:10px}


/* -----------------------------------------------------
 * 신규 서브 컨텐츠 작업 20190613 이수련
/* ---------------------------------------------------- */

/* 공간 소개 */

.roomList { width:100%; overflow:hidden; margin-top:20px; border-top:3px solid #000; }
.roomList .roomArea>li { width:100%; padding:34px 0; border-bottom:1px solid #000; overflow:hidden; }
.roomList .roomArea>li:after { content:''; display:block; clear:both; }
.roomList .roomArea>li .roomSlide { width:335px; height:235px; margin-right:53px; float:left; }
.roomList .roomArea>li .room_info { float:left; width:67.5%; }
.roomList .roomArea>li .room_info>strong { font-size:22px; letter-spacing:-0.025em; display:block; padding:5px 0 25px; color:#000; }
.roomList .roomArea>li .room_info>strong:before { content:''; display:block; width:29px; height:35px; background:url('/assets/image/sub/space_ic.png') 0 0 no-repeat; margin:0px 15px 0 0; float:left;  }
.roomList .roomArea>li:nth-child(2) .room_info>strong:before { background-position:-29px 0; }
.roomList .roomArea>li:nth-child(3) .room_info>strong:before { background-position:-58px 0; }
.roomList .roomArea>li:nth-child(4) .room_info>strong:before { background-position:-87px 0; }
.roomList .roomArea>li:nth-child(5) .room_info>strong:before { background-position:-116px 0; }
.roomList .roomArea>li:nth-child(6) .room_info>strong:before { background-position:-145px 0; }
.roomList .roomArea>li:nth-child(7) .room_info>strong:before { background-position:-174px 0; }
.roomList .roomArea>li:nth-child(8) .room_info>strong:before { background-position:-203px 0; }
.roomList .roomArea>li:nth-child(9) .room_info>strong:before { background-position:-232px 0; }
.roomList .roomArea>li .room_info>strong:after { content:''; display:block; width:100%; height:1px; background:url('/assets/image/sub/dashed_pt.jpg') 0 0 repeat; margin-top:25px; }

.roomList .bx-wrapper .bx-controls  .bx-controls-direction>a { width:30px; height:30px; background:rgba(0,0,0,0.6) url('/assets/image/sub/room_slide_arr.png') 0 center no-repeat; left:auto; display:block!important; bottom:0; top:auto; right:30px; }
.roomList .bx-wrapper .bx-controls  .bx-controls-direction .bx-next { background-position:-30px center; right:0; }
.roomList .bx-wrapper .bx-controls .bx-pager { width:60px; height:30px; line-height:28px; font-size:13px; bottom:0; text-align:center; background:rgba(0,0,0,0.6); color:#fff; right:61px; }
.pl30 { padding-left:30px!important; margin-top:-10px; }

/* 입주기업 소개 */

.dot_txt { background:url('/assets/image/sub/tbl_list_bk.png') 0 10px  no-repeat; padding-left:15px; }
.IpjuList td, .IpjuList th { font-weight:500; color:#000; }
.btn.Ipju_btn  { background:#8c9cc0; color:#fff!important; font-weight:300; height:auto; padding:12px; border:none; -webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease }
.btn.Ipju_btn:hover { border:none; background:#344a7c; }
.btn.Ipju_btn i { display:block; margin-right:0; margin-bottom:5px; }

/* 장비현황 */
.equip_state td{position:relative;}
.fin{position:absolute;width:100%;height:43px;top:0;left:0;line-height:43px;vertical-align:middle;background:#ed5565;color:#fff;font-size:16px;font-weight:bold;text-align:center;padding:3px 10px;}

.EquipList tr td img { -webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; }
/* .EquipList tr:hover .Equip_pic img { -webkit-transform: scale(1.2);  -ms-transform: scale(1.2); transform: scale(1.2); }  */
.Equip_pic { display:block; width:223px; height:153px; border:1px solid #c6c6c6; overflow:hidden; margin:10px 0; }
.h_fixed { height:43px!important; }
.EquipList .list_black li {  background:url('/assets/image/sub/tbl_list_bk.png') 0 15px  no-repeat; color:#333; font-weight: normal; }

/*감추기*/

.hidden {font-size: 0 !important;    width: 0 !important;    height: 0 !important;    color: transparent !important;    line-height: 0 !important;position: absolute;   
		left: -1000px;    top: 0;    overflow: hidden;    text-indent: -30000px;}

.more_open a { font-size:16px; }
.cttbox-up { width: 100%;  height:143px; overflow: hidden;  }		
.cttbox-up.open { height:auto; }
.cttbox-up.open + .more_open a { padding: 5px 0 15px; }
		
/* ------------------------------------------------------------------
 * 신규 서브 컨텐츠 작업
/* ----------------------------------------------------------------- */


/* --------장비--------- */

/* 예약 LIST */

.photo_list { width:100%; overflow:hidden; } 
.photo_list ul li { width:100%; overflow:hidden; margin-bottom:10px; padding:10px 0; position:relative;  }

.photo_list ul li a > div {border:1px solid #aab2bd;position:relative;background:#f7f7f7; height:300px;overflow:hidden;}
.photo_list ul li img { width:100%; height:200px; position:absolute; left:50% ;top:0; transform: translateX(-50%);     -webkit-transform: translateX(-50%);   }
.photo_list ul li .list_tit { width:100%; height:110px; background:#fff; position:absolute; bottom:0; left:0; text-align:center; padding:15px 0;  }
.photo_list.equip ul li a > div{height:270px}
.photo_list.equip ul li .list_tit{height:90px}
.photo_list ul li .list_tit strong { display:block;margin-bottom:5px;font-size:18px; word-break:keep-all; letter-spacing:-0.025em; line-height:25px; }
.photo_list ul li .list_tit span { display:block; font-size:14px; color:#0086cd;    }


/* 예약 VIEW */

.view_info { width:100%; overflow:hidden; border-top:2px solid #000; padding:20px 0; color:#000; }
.view_info:after { content:''; display:block; clear:both; }
.view_info .view_img { width:100%; height:300px; border:1px solid #aab2bd; overflow:hidden; position:relative; }
.view_info .view_img img { width:100%; height:300px; position:absolute;left:50% ; transform: translateX(-50%);     -webkit-transform: translateX(-50%);  }
.view_info .view_box { overflow:hidden;margin-top:20px}
.view_info .view_txt {   overflow:hidden;font-size:0.875em }
.view_info>strong {font-size:20px; border-bottom:1px solid #aab2bd; display:block; padding-bottom:20px; font-weight:500; letter-spacing:-0.05em}
.view_info .view_txt ul li { border-bottom:1px solid #aab2bd; width:100%; font-size:17px; padding:15px 0; background:#fff; overflow:hidden;  }
.view_info .view_txt ul li strong { font-size:0.875em;font-weight:300; display:block;color:#0086d5 }
.view_info .view_txt ul li span { display:block; font-weight:500;overflow:hidden; height:100%; }
.view_info .view_txt ul li.notice {height:90px ;position:relative;width:100%; transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; padding:10px 0; }
.view_info .view_txt ul li.notice.open { height:auto; }
.view_info .view_txt ul li.notice button {position:absolute;bottom:5px;right:0; width:30px; height:30px; content:''; display:block;  background:url('../image/sub/notice_arr.jpg') 0 0 no-repeat; margin-right:10px; text-indent:-99999px; border:none; outline:0; cursor:pointer;  }
.view_info .view_txt ul li.notice span { font-size:0.938em;line-height:150%;  word-break:keep-all;padding-right:40px;  }
.view_info .view_txt ul li.notice strong { padding:0 0 5px 0; }
.price { color:#e4007f!important; font-size:20px!important; font-weight:500!important;  }
.view_info .view_txt ul li .file { color:#0086cd; background:url('../image/sub/file_ico.png') left center no-repeat; display:inline-block; padding-left:25px; }


.view_detail .tbl-basic td table{width:100%!important}

.view_wrap .rentBtn { width:100%; margin-top:60px; }
.view_wrap .btn { width:45%; height:50px; border:none; font-size:17px; line-height:50px; padding:0; border-radius:0; }
.view_wrap .btn:hover { border:none!important; }
.view_info .rentBtn .print { display:block; width:150px; height:50px; border:1px solid #aab2bd; background:url('../image/sub/print_ico.png') 35px center no-repeat; color:#647082; line-height:48px; text-align:center; padding-left:30px; float:right; }
.view_info .rentBtn .print:hover { background-color:#e6e6e6; }

.view_detail .equip_tbl th { font-size:22px; font-weight:500; }
.view_detail .equip_tbl td { vertical-align:top;font-size:17px!important; }



/* 예약사용동의 */
#acc_scroll { margin-left:0; width:100%!important; }
.equip_acc { font-size:16px; }
.equip_acc ul li { margin-bottom:10px; }
input.date { background: url('../image/common/ic_calendar.png') no-repeat right 8px #fff; padding-right:20px; }
.btnRequest a.btn { border:none; padding: 20px 50px; font-size: 17px; line-height:0; }
.btnRequest a.btn:hover { border:none!important; }

/* 예약확인 */

.bk_box { width:100%; overflow:hidden; border-top:2px solid #000; border-bottom:2px solid #000; padding:40px 0 40px 77px; }
.cpt_info { background:#FFF url('../image/common/com_logo.png') left center no-repeat; padding-left:350px; }
.cpt_info .state { width:100%;  border-bottom:1px solid rgba(47,113,140,0.36); padding:22px 30px 22px 107px; position:relative; font-size:20px; color:#000; font-weight:300; background:#eff4fb; }
.cpt_info .state .name { color:#0086cd; font-size:25px; font-weight:500; }
.cpt_info .state .progress { font-size:25px; color:#e4007f; font-weight:500; }
.cpt_info .state:before { content:''; display:block; position:absolute; top:-3px; left:20px; width:53px; height:72px; background:#eff4fb url('../image/common/ico_state.png') left top no-repeat; }
.cpt_info>p { color:#e4007f; font-size:18px; margin:20px 0 0; padding-left:20px; }
.cpt_history { margin-top:50px; }

.tbl-basic td.right { text-align:right!important; }



/* 소재 DB */

.search_word { font-weight:500; color:#000; margin:15px 0 10px; font-size:14px;  max-width:928px;    }
.search_word:after { content:''; display:block; clear:both;  }
.search_word i { color:#f6bb43; }
.search_word span { color:#0086cd; }
.search_word span a { color:#0086cd; font-size:15px; word-break:keep-all; padding-left:10px; display:inline-block; }

/* ------------------------------------------------------------------
 * 신규 서브 컨텐츠 작업 교육 - 이수련 20190813 
/* ----------------------------------------------------------------- */

#event_list ul li .list_tit { top:160px; height:140px; text-align:left; padding:20px 12px; }
#event_list ul li .list_tit strong { font-size:20px; display:block; margin-bottom:5px; height:58px; overflow:hidden; }
#event_list ul li .list_tit span { color:#333; }
#event_list ul li img{ top:0; width:100%; }
#event_list ul li > div:hover .list_tit { top:80px; }
#event_list ul li > div:hover .list_tit span { color:#fff; }

#event_list ul li .more_box { height:280px; }
#event_list ul li .more_box a { top:180px; }
#event_list ul li > div:hover .more_box { top:70px; }
#event_list .evt_state { width:100%; position:absolute; top:0; left:0; }
#event_list .evt_state div { display: inline-block; padding: 6px 15px; font-size: 14px; color: #fff; border-radius:0px; font-weight:500; background:#e4007f; box-shadow:1px 0px 3px rgba(0,0,0,0.2); }
#event_list .evt_state .evt_end { background:#8f8f8f; padding:6px 20px; } 
#event_list .evt_state .applicant { float:right; background:#2cad8c; } 

#event_view .view_info .view_txt ul li.notice strong { width:15%; }
#event_view .evt_state { position:static; margin-top: 5px; }
#event_view .evt_state div { border-radius:3px; padding:1px 15px; font-size:13px; }
#event_view .evt_state .evt_end { padding:1px 20px; } 
#event_view .file_list { height:auto; }
#event_view .file_list li { float:left; margin-right:20px; padding:0; height:auto; width:auto; border-bottom:none; }

#event_request .btnRequest a.btn { padding:20px 30px; background:#005fca; font-size:15px; }
#event_request .btnRequest a.btn:hover  { background:#1b4692; }



/* ------------------------------------------------------------------
 * 산업 홈 
/* ----------------------------------------------------------------- */

.industry_visual { padding:0 0 55px; }
.industry_visual .bx-wrapper .bx-pager  { bottom:-40px; padding:20px 0; text-align:center; }
.industry_visual .bx-wrapper .bx-pager-item a { width:50px; height:5px; background:#ababab; display:block; border-radius:5px; margin:0 5px; }
.industry_visual .bx-wrapper .bx-pager-item a.active { background:#00d2ff; }

#industry_wrap { overflow:hidden;  }
#industry_wrap .ctt { padding:30px 15px 55px; }
#industry_wrap h3 { font-size:20px; color:#1b3854; font-weight:500; margin-bottom:10px; }
#industry_wrap .pager { display:inline-block; position: absolute;  top:-37px; right:0px ; color:#1b3854; font-size:16px; text-align:right; font-weight:500; }

#industry_wrap .photo_list { overflow:visible; position: relative; }
#industry_wrap .photo_list ul li { padding:0; }
#industry_wrap ul li > div { height:225px; border: 1px solid #aab2bd; }
#industry_wrap .photo_list ul li img { top:1px; width:99%; height:155px; }
#industry_wrap ul li .list_tit { text-align:left; height:70px; padding:10px; bottom:1px; margin-left:1px; width:99%; border: none; }
#industry_wrap ul li .list_tit strong { width:100%; font-size:18px; color:#1b3854; overflow: hidden;   height: 30px; display:block; text-overflow: ellipsis; white-space: nowrap; margin-bottom:0; }
#industry_wrap ul li .list_tit span { font-size:15px; text-overflow: ellipsis; white-space: nowrap; display:block; height:22px; overflow:hidden; } 


#industry_wrap .active_list  ul li .list_tit strong { height:50px; text-overflow: inherit; white-space: inherit; }
#industry_wrap .active_list ul li .act_state {  position:absolute; top:0; left:50%; margin-left:-30px; text-align:center; color:#fff; line-height:30px; z-index:9999; height:32px; }
#industry_wrap .active_list ul li .act_state>div { width:60px; height:30px; font-weight:500; }
#industry_wrap .active_list ul li .act_state .workshop { background:#6daf25; }
#industry_wrap .active_list ul li .act_state .serminar { background:#e4007f; }
#industry_wrap .active_list ul li .act_state .exhibit { background:#00519f; }

/* Ellipsis
------------------------------------*/
.ellip { display:block; height:100% }
.ellip-line { display:inline-block; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal }
.ellip, .ellip-line { position:relative; overflow:hidden; max-width:100% }
.ellipsis { text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; }

#industry_wrap .ctt.db_popup { padding:30px 15px 45px; }
.db_popup a { display:block; }
.db_popup a:first-child { margin-bottom:20px; }
.db_modal_popup .modal-popup-group { width:90%; padding:45px 15px 47px;   }
.db_modal_popup .popup-body { background:#fff url('../image/mobile/sub/m_db_popup_tit_a.png') 0px 0px no-repeat; background-size:auto 95px; padding:110px 0 0; }
.db_modal_popup.db_popup_b .popup-body { background:#fff url('../image/mobile/sub/m_db_popup_tit_b.png') 0px 0px no-repeat; background-size:auto 95px; }
.db_modal_popup .modal-popup-group .db_info_list li { font-size:16px; margin-bottom:15px; color:#000; font-weight:300; letter-spacing:-0.05em; word-break:keep-all; }
.db_modal_popup .modal-popup-group .db_info_list li span { width:30px; height:30px; border-radius:50%; display:block; float:left; background:#2d4e86; color:#fff; line-height:28px; font-size:17px; text-align:center; margin-right:10px; }
.db_modal_popup.db_popup_b .modal-popup-group .db_info_list li span { background:#be3280; }
.db_modal_popup .modal-popup-group strong { color:#ff0000; display:block; margin:30px 0 20px; font-weight:300; font-size:15px; word-break:keep-all; }
.db_modal_popup .modal-popup-group .db_popup_btn { display:block; width:95%; padding:10px 0px; color:#fff; font-size:18px; letter-spacing:-0.025em; background:#0086cd; text-align:center; margin:0 auto; }
.db_modal_popup.db_popup_b .modal-popup-group .db_popup_btn { background:#f63ba3; margin-top:25px; }

/* ------------------------------------------------------------------
 * 입주기업 소개 - 20190828
/* ----------------------------------------------------------------- */

#ipju_list ul li > div img { top:0; width:100%; }
#ipju_list ul li > div span { height:24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 20px; }

#ipju_view .view_info .view_txt ul li.notice strong {  }
#ipju_view .view_info .view_img img { width:100%; height:300px; position:absolute; top:0; left:0 ; -webkit-transform: translateX(0%); transform: translateX(0%);  }
#ipju_view .roomSlide ul li {  height:300px!important; }

#ipju_view .img_box .bx-viewport, .roomSlide ul { height:auto!important; }
#ipju_view .roomSlide .bx-viewport, #ipju_view .roomSlide ul, #ipju_view  .roomSlide .bx-wrapper { height:300px!important; }
#ipju_view .tbl-basic  td img { max-width:100%; }

#ipju_view .link_btn { width:auto; height:auto; padding:7px 10px 7px 15px; float: right; line-height:initial; font-size:14px; }
#ipju_view .link_btn:hover { background:#1c8469!important; }
#ipju_view .link_btn i { padding-left:10px; }
#ipju_view .view_info .view_txt ul li.notice span {  }

.sns_ico { display: inline-block; text-indent:-9999px;  width:35px; height:35px; }
 
.insta_ico { background:url('../image/sub/ic_social.png') -90px 0 no-repeat; }
.blog_ico { background:url('../image/sub/ic_social.png') -135px 0 no-repeat; }
.kakao_ico { background:url('../image/sub/ic_social.png') -180px 0 no-repeat; }
.tw_ico { background:url('../image/sub/ic_social.png') 0px 0 no-repeat; }
.fb_ico { background:url('../image/sub/ic_social.png') -46px 0 no-repeat; }

/* ------------------------------------------------------------------
 * 소재신청 
/* ----------------------------------------------------------------- */

.notice_box { background:url('../image/sub/pt_ico.png') top center repeat; overflow: hidden;}
.apply_notice {  }
.apply_notice li { font-size: 16px; letter-spacing: -0.025em; color: #000; margin-bottom:10px; font-weight:300; word-break:keep-all; display:block; overflow: hidden; }
.apply_notice li span { display:block; color: #fff; width:30px; height:30px; background:#0086cd; border-radius:50%;  text-align: center; line-height: 30px; font-size:13px; margin-right:15px; float:left; margin-bottom:20px; }
.apply_notice li span:after { content:''; display: block; height:30px; }
.apply_contact { font-size:25px; font-weight:500; text-align: center; padding:7px; overflow: hidden; margin-top:30px; }
.apply_contact  p { font-weight:bold;  }
.apply_contact span { font-size:17px; display:inline-block; margin-top:-5px; }
.apply_contact .contact_box { padding:20px 0 20px 80px; }

.call_ic { background:#fff url('../image/sub/contact_ico.png') 10% center no-repeat; background-size:70px; }
a.btn.m_btn { width:100%; margin:0; }

.apply_rule { padding-left:25px; }
.rule_wrap.apply_rule ol { margin-left: 0; }
.rule_wrap.apply_rule ol li { margin-bottom:5px; }
.rule_wrap.apply_rule ol li ul { margin-top:5px; }

.i_text { padding:15px; }

.apply_reqAmt  li { display: inline-block; vertical-align: middle; margin-right:10px; }
.apply_makeList  li  { float: left; width:20%; margin-bottom:10px; } 
.apply_makeList  li input[type=checkbox] { width:15px; height:15px; } 

.story_list .workshop { padding:6px 15px;  font-weight: 500; background:#6daf25; color: #fff; display: inline-block; text-align: center;  margin-right:5px; font-size:14px; }
.story_list .serminar { padding:6px 15px;  font-weight: 500; background: #e4007f; color: #fff; display: inline-block; text-align: center;  margin-right:5px; font-size:14px;  }
.story_list .exhibit { padding:6px 15px;  font-weight: 500; background: #00519f; color: #fff; display: inline-block; text-align: center;  margin-right:5px; font-size:14px;  }

.bbs_view_tit .workshop { padding:6px 15px;  font-weight: 500; background:#6daf25; color: #fff; display: inline-block; text-align: center;  margin-right:5px; font-size:14px; vertical-align: bottom; }
.bbs_view_tit .serminar { padding:6px 15px;  font-weight: 500; background: #e4007f; color: #fff; display: inline-block; text-align: center;  margin-right:5px; font-size:14px; vertical-align: bottom; }
.bbs_view_tit .exhibit { padding:6px 15px;  font-weight: 500; background: #00519f; color: #fff; display: inline-block; text-align: center;  margin-right:5px; font-size:14px; vertical-align: bottom; }


/* ------------------------------------------------------------------
 * 약관
/* ----------------------------------------------------------------- */

#rule_wrap  { width:100%; padding:30px ;  position:relative ;font-size:16px}
#rule_wrap  p { font-size:0.875em; line-height:25px;word-break:keep-all }
#rule_wrap  h5 { margin-top:15px; font-weight:500; font-size:1.250em; margin-bottom:0; color: #000; font-weight:bold}
#rule_wrap  table tr td{ background-color: #fff; }
#rule_wrap  p { font-size:0.938em; margin-bottom:20px; }
#rule_wrap  .high { color: #40b3df; }
#rule_wrap  h6 { padding:30px 0 10px; font-weight:500; font-size:1.125em; font-weight:bold}

 #rule_wrap  ol li { font-size:0.938em; line-height:25px; }


#rule_wrap  dl,.rule_wrap  ol { margin-left:25px; }
#rule_wrap  dl dt { font-weight:bold; font-size:0.938em; line-height:25px; margin-top:20px; }
#rule_wrap  dl dd {  font-size:0.938em; line-height:25px;  margin-left:25px; }

#rule_wrap  .privacy_process { width:100%; height:570px; background:url('/assets/image/sub/privacy.png') top center no-repeat;  text-indent: -99999px; }

table caption {
	position: relative;
	height: 0;
	font-size: 0;
	line-height: 0;
}
.tbl_rule{margin-bottom:10px;width:100%;border:1px solid #cccccc;font-size:0.875em; border-spacing: 0;font-family:'Noto Sans KR';border-collapse: collapse}
.tbl_rule th{padding:8px 10px;border:1px solid #cccccc;vertical-align:middle;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR';font-size: 0.938em;color:#444a54important; background:#f8f8f8}
.tbl_rule td{padding:8px 10px;border:1px solid #cccccc;vertical-align:middle;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR';font-size:0.875em;color:#444a54!important; text-align:center}
.center {	text-align: center;}
.left {text-align: left;}
.txt_blue{color:#00f!important}
.txt_red{color:#f00!important}


.tbl-basic.jojikdo tr td ul li{width: 100%;
  background: url(/assets/image/sub/black_dot.png) 0 8px no-repeat;
  text-align: left;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.05em;
  padding-left: 10px;
  margin-bottom: 10px;}

/* --------------------------------------------
 * 프린트
/* ------------------------------------------ */

@media print {

@page {size:a4; page-break-after: always;margin: 0.5cm;}
#wrap{min-width:auto}
.container{width:auto}
.ctt_wrap{page:a4sheet;page-break-after:always;width:auto;position:relative;}
#header, .copyright, .ft_bn_Area, #sb_wrp, #navi  { display:none!important; }
.btnArea,.event_tab { display:none; }
.view_info .view_img { float:none;  margin:0 auto; }
.view_info .view_box { width:auto; margin-top:50px; padding-left:0; }
}