html, body {margin:0px; padding:0px;}  

html { position: relative; /*font-family: 'Nanum Barun Gothic','NanumBarunGothic','나눔고딕','Dotum','arial',sans-serif;*/ }



#wrap { overflow:auto;}
#wrap #search_frame { background: #2a2f38; text-align: center; display:none; }
#wrap #search_frame #search_header {width: 100%; height: 92px; text-align: center; background: #3c424b; }
#wrap #search_frame #search_header #search_form { width: 376px; margin-top: 32px; display: inline-block; }
#wrap #search_frame #search_header #search_form .input_box { float:left; width: 285px; height: 30px; padding: 1px; background: url('../images/common/input_box.png'); }
#wrap #search_frame #search_header #search_form .input_box input { width: 285px; height: 30px; border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; font-size: 16px; }
#wrap #search_frame #search_header #search_form .input_box input { padding-left: 10px; width:275px;}
#wrap #search_frame #search_header #search_form .search_btn { float: left; margin-left: 10px; cursor: pointer; }



/*1. 검색결과 */
#wrap #search_frame #search_result { position: relative; width: 930px; height:auto; margin: 36px auto 0 ; text-align: left; }
#wrap #search_frame #search_result .search_title { width: 292px; font-size: 18px; font-weight: bold; color: #b3b5b7; padding: 0 0 8px 29px; border-bottom: 1px solid #b3b5b7; }
#wrap #search_frame #search_result .item_frame ul {  margin: 30px auto 0px; width: 880px; }
#wrap #search_frame #search_result .item_frame ul:after { display: block; content: ""; clear: both; }
#wrap #search_frame #search_result .item_frame ul li { float: left; padding: 0px 30px 20px 0px; width: 190px; height: 160px; list-style-type: none; cursor: pointer; }
#wrap #search_frame #search_result .item_frame ul li .building_pic { width:100%; height: 130px; border: 1px solid #FFFFFF; }
#wrap #search_frame #search_result .item_frame ul li .building_name { padding-top: 3px; text-align: center; font-size: 15px; font-weight: bold; color: #FFF; }







/*2. 검색어를 입력하세요 */
#search_frame #search_copy { padding: 50px 0 50px; }
/*3. 검색어를 찾을수 없습니다 */
#search_frame #search_copy2 { padding: 50px 0 50px; }


#wrap #header { width: 100%; height: 132px; background: #FFF; text-align: center; }
#wrap #header #search_menu { width:100%; height: 52px; background: #3c424b; text-align: center; }
#wrap #header #search_menu .frame { width: 1000px; display: inline-block; text-align: right; }
#wrap #header #search_menu .text { float: left; width: auto; padding-top: 12px; color: #FFF; font-size: 16px;  }
#wrap #header #search_menu .text span { font-family: 'Nanum Barun Gothic'; }
#wrap #header #search_menu .search_toggle_btn { clear: both; width: 110px; height: 52px; cursor: pointer;transform: all 0.3s;display: inline-block;}
#wrap #header #search_menu .search_toggle_btn.off{width:52px;height:52px;background: url('../images/common/btn_search.png') no-repeat;}
#wrap #header #search_menu .search_toggle_btn.on {clear: both; width: 110px; height: 52px;}
#wrap #header #search_menu .search_toggle_btn:before{display: inline-block;vertical-align: middle;height: 100%;content: '';}
#wrap #header #search_menu .search_toggle_btn.off .wrap{display: none;}
#wrap #header #search_menu .search_toggle_btn.on .wrap {display: inline-block;vertical-align: middle;}
#wrap #header #search_menu .search_toggle_btn .text {display: inline-block;margin: 2px 0 0 0;padding:0; }
#wrap #header #search_menu .search_toggle_btn .icon {display: inline-block;margin-left:7px;width:25px;height:25px;background:url('../images/common/pop_arr_off.png') no-repeat;}

#wrap #header .frame { width: 1000px; display: inline-block; }
#wrap #header .frame #logo { float: left; position: relative; top:25px; cursor: pointer; }

#wrap #header .frame #menus { float:right; margin-top: 27px; }
#wrap #header .frame #menus:after { display: block; content: ""; clear: both; }
#wrap #header .frame .menu { float:left; padding: 8px 0; width:120px; border: 2px solid #889D61; cursor: pointer;}
#wrap #header .frame .menu span {font-size: 16px; font-weight: 900;/*bold;*/ font-family: 'Nanum Barun Gothic';}
#wrap #header .frame #menu01 { color:#FFFFFF; background:#889D61;  border-right: none; }
#wrap #header .frame #menu02 { color:#889D61; background:#FFFFFF; }


#wrap #main #main_visual { position: relative; width: 100%; height:  632px; top: -7px; background:#FFF; text-align: center; border-bottom:1px solid #ABA9AD; background: url('../images/common/main_visual_bg.jpg') repeat-x; overflow:hidden;}
#wrap #main #main_visual .main_visual_shadow { position:absolute; top:0px; left:0px; z-index: 10; width: 100%; height:6px; background: url('../images/common/main_visual_shadow.png') repeat-x;}
/*일반지도*/
#wrap #main #main_visual #main_frame_map { position:absolute; top: 0px; z-index: 1; width: 100%; height: 632px; visibility: hidden;}
#wrap #main #main_visual #main_frame_map #map { width:100%; height: 632px;  }

#container {overflow:hidden;height:100%;position:relative;}
#btnRoadview,  #btnMap {position:absolute;top:5px;left:5px;padding:7px 12px;font-size:14px;border: 1px solid #dbdbdb;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 1px rgba(0,0,0,.04);z-index:1;cursor:pointer;}
#btnRoadview:hover,  #btnMap:hover{background-color: #fcfcfc;border: 1px solid #c1c1c1;}
#container.view_map #mapWrapper {z-index: 10; width: 100%; height: 300px; position: relative;}
#container.view_map #btnMap {display: none;}
#container.view_roadview #mapWrapper {z-index: 0;}
#container.view_roadview #btnRoadview {display: none;}
#container.view_roadview #roadview object {top: 0px; left: 0px;}

/*3D 안내도*/
#wrap #main #main_visual #main_frame_3d { width:100%; height: 632px; z-index: 2;  }
#wrap #main #main_visual #main_frame_3d #chang_3d { position: absolute; top: 0px; width: 100%; height: 632px; z-index:2; visibility: hidden;}
#wrap #main #main_visual #main_frame_3d #medi_3d { position: absolute; top: 0px; width: 100%;  height: 632px; z-index:3;}

#wrap #main #main_visual #main_frame_3d .visual_frame #main_img { width:750px; height: 632px; margin-left: -750px; padding-top: 25px; }



#wrap #main #main_visual #info_building { position: absolute; top: 0px; right: 0px; width:444px; height: 632px; background: #F5F5F5; text-align: left; z-index: 3; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);}
#wrap #main #main_visual #info_building #info_building_title span { position: relative; top:29px; left:45px; font-size:21px; font-weight: bold; color:#1a9970; font-family: 'Nanum Barun Gothic';}
#wrap #main #main_visual #info_building #info_building_close { width:30px; height:30px;}
#wrap #main #main_visual #info_building #info_building_close img { position:absolute; right:51px; }
#wrap #main #main_visual #info_building #info_building_pics { position:relative; padding: 17px 0px 25px 0px; width: 100%; height: 185px; }
#wrap #main #main_visual #info_building #info_building_pics #info_building_pic_prev { float:left; width: 52px; height: 100%; }
#wrap #main #main_visual #info_building #info_building_pics #info_building_pic_prev img {  padding:78px 0px 0px 25px; cursor: pointer; }
#wrap #main #main_visual #info_building #info_building_pics #info_building_pic1 { float: left; position: relative; width:340px; height:185px; overflow:hidden;}
#wrap #main #main_visual #info_building #info_building_pics #info_building_pic1 ul { padding: 0px; margin:0px; }
#wrap #main #main_visual #info_building #info_building_pics #info_building_pic1 ul:after { display:block; content: ""; clear: both; }
#wrap #main #main_visual #info_building #info_building_pics #info_building_pic1 ul li { float: left; list-style-type: none; width:340px; height:185px; }
#wrap #main #main_visual #info_building #info_building_pics #info_building_pic1 ul li img { width:340px; height:185px; }
#wrap #main #main_visual #info_building #info_building_pics #info_building_pic1 #info_building_pic-zoom { position:absolute; bottom: 0px; right: 0px; }
#wrap #main #main_visual #info_building #info_building_pics #info_building_pic_next { float:left; width:52px; height: 100%; }
#wrap #main #main_visual #info_building #info_building_pics #info_building_pic_next img { padding:78px 0px 0px 10px; cursor: pointer; }

#wrap #main #main_visual #info_building #info_building_content span {font-family: 'Nanum Barun Gothic'; }
#wrap #main #main_visual #info_building #info_building_content { position:relative; padding: 0px 5px 0px 52px; width:340px; height: 260px; }
#wrap #main #main_visual #info_building #info_building_content #info_building_main_content { padding-bottom: 20px; font-size: 14px; line-height: 18px;}
#wrap #main #main_visual #info_building #info_building_content #info_building_main_content span { font-family: 'Nanum Barun Gothic'; } 
#wrap #main #main_visual #info_building #info_building_content #info_building_content_title_1 { padding-bottom: 7px; font-size: 16px; color: #859731; }
#wrap #main #main_visual #info_building #info_building_content #info_building_content_1 { padding-bottom:30px; font-size: 13px; }
#wrap #main #main_visual #info_building #info_building_content #info_building_content_title_2 { padding-bottom: 7px; font-size: 16px; color: #859731; }
#wrap #main #main_visual #info_building #info_building_content #info_building_content_2 { font-size: 13px; }


/*테이블*/
.tbl_basic { width:100%;border-top:2px solid #121212; border-collapse:collapse; padding-bottom: 15px;}
.tbl_basic .bl_none { border-left:0; }
.tbl_basic .br_none { border-right:0; }
.tbl_basic .center { text-align:center; }
.tbl_basic .left { text-align:left; }
.tbl_basic .right { text-align:right; }


.tbl_basic caption span { position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.tbl_basic thead {  }
.tbl_basic tbody th { padding:7px 2px 5px 2px; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;  line-height:17px;}
.tbl_basic tbody td { padding:7px 7px 5px 7px; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;  background: #FFFFFF; line-height:17px;}
.tbl_basic tbody th { color:#121212; background:#f2f8ec; }


/********** 버튼 스타일 **********/
a.btn_ln_bace { display:inline-block; padding:6px 15px 4px; background:#fcfcfe; border-radius:3px; border:1px solid #d2d2d2; vertical-align:middle; color:#121212; }
a.btn_ln_bace span { padding-right:17px; background:url(/images/default/sh_bt_arr_gray.png) no-repeat right; }
a.btn_ln_bace:hover,a.btn_ln_bace:focus,a.btn_ln_bace:active { background:#00693f; border:1px solid #00693f; color:#fff; }
a.btn_ln_bace:hover span,a.btn_ln_bace:focus span,a.btn_ln_bace:active span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
/* 녹색2 */
a.btn_ln_gr2 { background:#00693f; border:1px solid #00693f; color:#fff; }
a.btn_ln_gr2 span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
a.btn_ln_gr2:hover,a.btn_ln_gr2:focus,a.btn_ln_gr2:active { background:#545454; border:1px solid #545454; }

.m_20{margin:20px;}
.center { text-align:center; }

#wrap #main #main_visual .campus_name { position: absolute; bottom: 0px; width: 100%; height: 116px; background: url('../images/common/capus_name_1px.png'); z-index:9; } 
#wrap #main #main_visual .campus_name #capus_name_text { text-align: center; padding-top:30px; font-size: 23px; color:#FFFFFF; font-family: 'Nanum Barun Gothic'; }

#wrap #main .visual_btns { position: absolute; top: -90px; left: 50%; width: 1000px; height: 60px; margin-left: -500px; z-index:10; }
#wrap #main .visual_btns .category_btns span { cursor: pointer; font-family: 'Nanum Barun Gothic'; }
#wrap #main .visual_btns #btn_01, #btn_02 { float: left; width: 500px; padding: 19px 0px; text-align: center; font-size: 18px; color: #FFF; }
#wrap #main .visual_btns #btn_01 { background: #90b740; cursor: pointer; }
#wrap #main .visual_btns #btn_02 { background: #1a9970; cursor: pointer; }


#wrap #main .list_frame { position: relative;  }
#wrap #main .list_frame .info { width: 1000px; margin: 50px auto 35px; text-align: right; font-size: 15px; color: #638375; font-family: 'Nanum Barun Gothic';}
#wrap #main .list_frame ul{ position: relative; margin: 0 auto; width: 990px; text-align: left; margin-bottom: 165px; }
#wrap #main .list_frame ul:after {display:block; content:""; clear:both;}
#wrap #main .list_frame ul li { float: left; width: 198px; padding: 6px 0 6px 28px; margin: 0 5px 19px 13px ; background: url('../images/common/list_bg_medi_01.png') no-repeat; list-style-type: none; font-size: 16px; color: #454545; border-bottom: 1px solid #EEF1F2; cursor: pointer ;}
#wrap #main .list_frame ul li a { color:#454545; font-family: 'Nanum Barun Gothic';}


#wrap #footer { width: 100%; height: 132px; background: #e3e3e3; }
#wrap #footer .copyright { width: 1000px; margin: auto;}
#wrap #footer .copyright #footer_copyright_text { float: left; padding:24px 0px 0px 0px; text-align: left; line-height: 22px; color: #343434; }
#wrap #footer .copyright #footer_copyright_text span {font-family: 'Nanum Barun Gothic';  } 
#wrap #footer .copyright #footer_copyright_text #konyang_green { color: #186444; }
#wrap #footer .copyright #footer_logo { float:right; padding: 65px 0px 0px; }

.visual_frame .makerOnOff { position:absolute; top:4%; right:15%; width:100px; height:100px; z-index:750; cursor:pointer;text-align: center;background:rgba(0,0,0,0.3);border-radius:8px;}
.visual_frame .makerOnOff:before{display: inline-block;vertical-align: middle;height: 100%;content: '';}
.visual_frame .makerOnOff .wrap {display: inline-block; vertical-align: middle; }
.visual_frame .makerOnOff .marker { display: inline-block; width: 45px; height: 45px; background: url('../images/common/btn_off.png') no-repeat; }
.visual_frame .makerOnOff.on .marker {  background: url('../images/common/btn_on.png') no-repeat; }
.visual_frame .makerOnOff .text {display: block;color:#fff; text-align:center; font-size:14px;}
.visual_frame .makerOnOff.on .text.off {display: none}
.visual_frame .makerOnOff .text.on {display: none}
.visual_frame .makerOnOff.on .text.on {display: block}

#marker_announce { position:absolute; top:4%; left:15%; padding-left:12px; width:200px; z-index:750; color:#fff; font-size: 14px}
#marker_announce .icon{position: absolute; top: -2px;left:0; width:25px;height:25px;background: url('../images/common/btn_on.png') no-repeat;background-size:cover;}

#wrap #main #main_visual #main_frame_3d #customZoom { position: absolute; width: 48px; top:400px; right:46px; z-index: 999; }

#customZoom #customZoomIn {
	margin-right: 5px;
}
#customZoom #customZoomIn img { padding-bottom: 10px;}


#info_building_pics_zoom { position:fixed; top:0px; left:0px; width: 100%; height: 100%; background: url('../images/common/zoom_bg.png'); z-index: 999;}
#info_building_pics_zoom #zoomBox { position:absolute; width: 880px; height: 417px; left:50%;  top: 50%; margin:  -208.5px 0px 50px -440px; }
#info_building_pics_zoom #zoomBox #info_building_zoom_pic { position: relative; float: left; width:774px; height:417px; overflow:hidden;}
#info_building_pics_zoom #zoomBox #info_building_zoom_pic ul { padding: 0px; margin:0px; }
#info_building_pics_zoom #zoomBox #info_building_zoom_pic ul:after { display:block; content: ""; clear: both; }
#info_building_pics_zoom #zoomBox #info_building_zoom_pic ul li { float: left; list-style-type: none; width:774px; height:417px; }
#info_building_pics_zoom #zoomBox #info_building_zoom_pic ul li img { width:774px; height:417px; }
#info_building_pics_zoom #zoomBox #info_building_pic_zoom_prev { float: left; height: 100%; width:53px; }
#info_building_pics_zoom #zoomBox #info_building_pic_zoom_prev img { padding: 165px 10px; cursor: pointer; }
#info_building_pics_zoom #zoomBox #info_building_pic_zoom_next { float: left; height: 100%; width:53px; }
#info_building_pics_zoom #zoomBox #info_building_pic_zoom_next img { padding: 165px 20px; cursor: pointer; }
#info_building_pics_zoom #zoomBox #info_building_zoom_pic #zoom_close { position: absolute; top:13px; right:13px; }