* { margin:0; paddding:0; text-decoration:none; list-style:none; color:#000; box-sizing:border-box; }
a { color:#000; }
a:hover, a:focus { text-decoration:none; }
.meter { display:inline-block; }
.py { display:none; }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.item_content_wrap img { max-width:100%; }

.slick-dots { bottom:15px; }
.slick-dotted.slick-slider { margin:0; }
.slick-prev, .slick-next { display:inline-block; width:36px; height:36px; float:left; }
.slick-prev { left:25px; z-index:1; }
.slick-next { right:25px; z-index:1; }
.slick-prev:before, .slick-next:before { display:inline-block; width:36px; height:36px; color:#ffc900; float:left; font-size:36px; float:left; }

header { width:100%; text-align:center; box-shadow:0 0 5px rgba(0,0,0,.15); float:left; }
.header_top { display:inline-block; width:100%; background:#ffc900; float:left; }
.header_top>.header_wrap {}
    .header_top>.header_wrap>* { display:inline-block; color:#fff; float:left; }
    .header_top>.header_wrap>.company_info { cursor:pointer; }
    .header_top>.header_wrap>.sub_nav { float:right; }
        .sub_nav li { display:inline-block; float:left; }
        .sub_nav li.dropdown>a { color:#fff; }
.header_wrap { display:inline-block; width:1600px; margin-bottom:-4px; padding:10px 15px; }
.header_wrap>* { display:inline-block; float:left; }
    .logo { cursor:pointer; }
	.logo img { width:auto; height:50px; }
.header_wrap .nav_bar { float:right; }
.nav_bar ul { display:inline-block; margin:0; float:left; }
.nav_bar ul li { display:inline-block; height:50px; line-height:50px; font-size:16px; float:left; cursor:pointer; }
.nav_bar ul li:hover, .nav_bar ul li.on { font-weight:bold; color:#ffc900; transition:all .2s; }
.nav_bar ul li:not(:last-child) { margin-right:15px; }
.sub_nav { float:right; position:relative; }
    .sub_nav>* { display:inline-block; float:left; }
    .sub_nav>span { font-size:15px; color:#fff; cursor:pointer; }
    .sub_nav>span:hover { color:#fff; }
    .sub_nav>span:not(:last-child):after { content:'｜'; padding:0 5px; color:#fafafa; }
    .sub_nav .user_box { margin-right:10px; }
    .sub_nav .user_box>* { display:inline-block; float:left; }
    .user_box .img_box img { width:50px; height:50px; border-radius:50px; border:1px solid #ddd; }
    .user_box .con_box { margin:0 10px; padding:4px 0; }
    .user_box .con_box>* { margin:0; font-size:16px; text-align:left; }
    .user_box .con_box>h2 { margin-top:5px; font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:18px; }

    .sub_nav ul { margin:0; }
    .sub_nav ul li.dropdown { display:inline-block; float:left; }
    .sub_nav ul li.dropdown>a { display:inline-block; font-size:14px; float:left; }
    .sub_nav ul li.dropdown .caret { transform:rotate(0deg); transition:all .2s; }
    .sub_nav ul li.dropdown.open .caret { transform:rotate(180deg); }
    .sub_nav ul li .dropdown-menu { padding:0; left:inherit; right:0; }
    .sub_nav .dropdown-menu>li { display:inline-block; width:100%; float:left; }
    .sub_nav .dropdown-menu>li>a { display:inline-block; width:100%; height:30px; padding:0 10px; line-height:30px; float:left; }
    .sub_nav .dropdown-menu>li.logout { background:#ffc900; }
    .sub_nav .dropdown-menu>li.logout a { color:#fff; transition:all .2s; }
    .sub_nav .dropdown-menu>li.logout a:hover { background:#f00; }

    #menu_drop { display:none; width:120px; padding:15px; background:#fff; border:2px solid #ffc900; border-radius:6px; position:absolute; top:65px; right:0; z-index:2; float:left; }
    #menu_drop.on { display:inline-block; }
    #menu_drop>div { display:inline-block; width:100%; line-height:28px; font-size:15px; color:#ffc900; float:left; cursor:pointer; }
    #menu_drop>div:last-child { color:#ef4955; }
    #menu_drop>div:hover { font-weight:bold; transition:all .2s; }

#msgbox { display:none; padding:0 20px; background:rgba(30,30,30,.9); border:1px solid #333; border-radius:40px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:40px; font-size:14px; color:#fff; z-index:99; }

/* 사진 크게보기 */
.body_hidden { width:100%; height:100%; overflow:hidden; }
.fullWrap { display:inline-block; width:100%; height:100%; background:rgba(0,0,0,.8); position:absolute; top:0; left:0; z-index:1051; }
	.fullWrap>.closeBtn { display:inline-block; width:auto; height:40px; padding:0 15px; background:rgba(255,255,255,.9); border-radius:40px; position:absolute; top:10px; right:10px; text-align:center; line-height:40px; font-size:16px; z-index:6; cursor:pointer; }
	.imgSlideWrap { width:100%; height:100%; }
	.imgSlideWrap>div { display:inline-block; width:100%; height:100%; text-align:center; }
	.imgSlideWrap img { display:inline-block; width:auto; height:100%; }
		.imgSlideWrap .slick-dots li { display:none !important; width:auto; height:auto; padding:2px 15px; background:rgba(255,255,255,.8); border-radius:100px; font-size:12px; }
		.imgSlideWrap .slick-dots li.slick-active { display:inline-block !important; }

/* 햄버거 */
#hamburger { width:40px; height:40px; margin:5px 0; position:relative; }
.menu-trigger, .menu-trigger span { display:inline-block; transition:all .4s; box-sizing:border-box; }
.menu-trigger { width:30px; height:24px; position:absolute; top:8px; left:5px; }

.menu-trigger span { width:100%; height:4px; background-color:#026; border-radius:4px; position:absolute; left:0; box-shadow:0 0 5px rgba(0,0,0,.15); }
	.menu-trigger span:nth-of-type(1) { top:0; }
	.menu-trigger span:nth-of-type(2) { top:10px; }
	.menu-trigger span:nth-of-type(3) { bottom:0; }
.menu-trigger.active span:nth-of-type(1) { -webkit-transform:translateY(10px) rotate(-45deg); transform:translateY(10px) rotate(-45deg); }
.menu-trigger.active span:nth-of-type(2) { left:50%; opacity:0; -webkit-animation:active-menu-bar05 .8s forwards; animation:active-menu-bar05 .8s forwards; }
.menu-trigger.active span:nth-of-type(3) { -webkit-transform : translateY(-10px) rotate(45deg); transform : translateY(-10px) rotate(45deg); }
@-webkit-keyframes active-menu-bar05 { 100% { height: 0; } }
@keyframes active-menu-bar05 { 100% { height: 0; } }

#map_wrap { display:inline-block; width:100%; height:calc(100% - 80px); float:left; }
#map_wrap>* { display:inline-block; float:left; position:relative; overflow:hidden; }
#map_layout { width:calc(100% - 450px); }
#map_list_panel { width:450px; }

.body_wrap { display:inline-block; width:100%; margin:0 !important; float:left; }

/* 상세 페이지 */
.item_wrap { display:inline-block; width:100%; height:100%; padding:15px 0; background:#f3f3f3; text-align:center; }
.item_wrap_1600 { display:inline-block; width:1600px; height:100%; text-align:left; }
.item_wrap_1600>* { height:calc(100% - 78px); -webkit-height:calc(100% - 78px); background:#f3f3f3; overflow:hidden; overflow-y:auto; float:left; }
.item_wrap_1600>.item_left_wrap { width:calc(100% - 415px); }
.item_wrap_1600>.item_right_wrap { width:400px; margin-left:15px; }
.item_wrap_1600>*>* { display:inline-block; width:100%; padding:15px; background:#fff; float:left; position:relative; }
.item_wrap_1600>*>*:not(:last-child) { margin-bottom:10px; }
.new_title { display:inline-block; width:100%; margin-bottom:10px; padding:10px; background:#fff; border:1px solid #ddd; float:left; }
.new_title>* { display:inline-block; margin:0; line-height:30px; float:left; }
.new_title .title_id { padding:4px 10px; border:1px solid #ddd; background:#fff; line-height:20px; }
.new_title h3 { margin-left:10px; font-size:18px; color:#000; font-weight:bold; }
.new_title .title_cnt { color:#000; float:right; }
.item_con_title .btn_box { display:inline-block; width:auto; position:absolute; right:0; float:right; }
	.item_con_title .scrap { font-size:14px !important; font-weight:normal !important; float:none; }

    .item_img .scrap { display:inline-block; width:20px; height:24px; margin-right:5px; line-height:24px; float:left; position:absolute; bottom:5px; right:5px; cursor:pointer; }
        .item_img .scrap i { display:inline-block; width:100%; height:24px; line-height:24px; font-size:18px; color:#fff; font-weight:bold; text-align:center; text-shadow:0 0 3px rgba(0,0,0,.2); float:left; }
        .item_img .scrap.on i { color:#f00; }

    .card_2_mobile .scrap { display:inline-block; width:20px; height:24px; margin-right:5px; line-height:24px; float:left; position:absolute; bottom:5px; right:5px; cursor:pointer; }
        .card_2_mobile .scrap i { display:inline-block; width:100%; height:24px; line-height:24px; font-size:18px; color:#fff; font-weight:bold; text-align:center; text-shadow:0 0 3px rgba(0,0,0,.2); float:left; }
        .card_2_mobile .scrap.on i { color:#f00; }

    .mobile_header .scrap { display:inline-block; width:20px; height:44px; margin-right:5px; line-height:44px; float:left; cursor:pointer; }
        .mobile_header .scrap i { display:inline-block; width:100%; height:44px; line-height:44px; font-size:18px; color:#fff; font-weight:bold; text-align:center; text-shadow:0 0 3px rgba(0,0,0,.2); float:left; }
        .mobile_header .scrap.on i { color:#f00; }

	.item_con_title .btn_box .btn { width:40px; height:40px; padding:0; border:1px solid #ddd; border-radius:40px; text-align:center; line-height:34px; transition:all .2s; float:left; }
	.item_con_title .btn_box .btn:not(:last-child) { margin-right:5px; }
	.item_con_title .btn_box .btn:hover { border-color:#ffc900; }
	.item_con_title .btn_box .btn i { font-size:16px !important; }
	.item_con_title .btn_box .btn .off i { color:#000; }
	.item_con_title .btn_box .btn img { width:20px; height:auto; }
	.item_con_title .btn_box .btn a { font-size:14px !important; font-weight:normal !important; }
	.item_con_title .btn_box .btn a>img { width:20px; height:auto; }
.item_wrap_1600 .media_wrap { margin-bottom:10px !important; }
.item_wrap_1600 .title_wrap { display:inline-block; width:100%; float:left; }
.item_wrap_1600 .title_wrap>*:last-child { border-bottom:none; }
.item_wrap_1600 .title_wrap>.title_area_box { padding:10px 0 0; }
.item_wrap_1600 .item_content_wrap { border:1px solid #ddd; }
.item_left_wrap .item_con_title .py_ch { right:40px; }
.item_left_wrap .lease_select { right:40px; }
.item_con_title .item_arrow { display:inline-block; width:30px; height:30px; font-size:30px; position:absolute; top:4px; right:0; cursor:pointer; }
.item_con_title .item_arrow i { display:inline-block; width:20px; height:20px; margin:5px; font-size:20px; text-align:center; line-height:20px; float:left; color:#000; }
.item_con_title .item_arrow:hover { border-color:#ffc900; transition:all .2s; }
.item_con_title .item_arrow.on i { color:#ffc900; }
.item_content_wrap .item_arrow { transform:rotate(0deg); }
.item_content_wrap.on .item_arrow { transform:rotate(180deg); }
.item_content_wrap.on .item_con_title { margin-bottom:0; padding-bottom:0; border-bottom:none; }
.item_content_wrap.on .item_con_content { display:none; }

.item_view_box .item_table { display: inline-block; width: 100%; padding: 10px 0; float: left; }
.item_content_wrap #map_layout { width:100%; }
#map_view+.select_place_box { width:100%; margin-top:20px; }
	#map_view+.select_place_box>.select_box { display:inline-block; width:100%; border-bottom:1px solid #ccc; }
	#map_view+.select_place_box>.select_box>div { width:calc(100% / 3 - 1px); padding:10px; font-size:18px; text-align:center; float:left; cursor:pointer; color:#ccc; }
	#map_view+.select_place_box>.select_box>div.on { border-bottom:2px solid #000; font-weight:bold; color:#000; }
	#map_view+.select_place_box>.select_box>div:hover { }

    .map_locTitle { display:none; width:fit-content; padding:4px 10px; position:absolute; bottom:-22px; left:50%; background:rgba(0,0,0,1); transform:translateX(-50%); }
	.markersItemView:hover .map_locTitle { display:inline-block; color:#fff; z-index:9; }

    .hash { width:100%; margin-top:40px; text-align:center; }
    	.hash>.tag_box { display:inline-block; }
    	.hash .btn { margin:5px 10px; padding:0; background:transparent; border-radius:100px; float:left; border:none; }
    	.hash .btn:hover, .hash .btn.active, .hash .btn:focus { background:transparent; box-shadow:none; }
    	.hash .btn img { width:40px; height:auto; }
    	.tag_box .tag_img { padding:10px; background:#fff; border:1px solid #ddd; border-radius:100px; }
    	.hash .btn-default.active, .itemList .hash .btn-default:active { box-shadow:none; }
    	.hash .btn-default .tag_img.active { background:#ffc900; }
    	.hash .btn_search_place .tag_img { background:#fff; }
    		.hash .btn_search_place.active .tag_img.subway { background:#4386d8; }
    		.hash .btn_search_place.active .tag_img.bus { background:#d84382; }
    		.hash .btn_search_place.active .tag_img.mart { background:#feca38; }
    		.hash .btn_search_place.active .tag_img.cafe { background:#ff9d49; }
    		.hash .btn_search_place.active .tag_img.bank { background:#daaf3a; }
    		.hash .btn_search_place.active .tag_img.public { background:#a78e62; }
    		.hash .btn_search_place.active .tag_img.hospital { background:#f16262; }
    		.hash .btn_search_place.active .tag_img.pharmacy { background:#91e178; }
    		.hash .btn_search_place.active .tag_img.movie { background:#7f7f7f; }
    		.hash .btn_search_place.active .tag_img.school { background:#766fe0; }
    		.hash .btn_search_place.active .tag_img.academy { background:#e65135; }
    		.hash .btn_search_place.active .tag_img.safety { background:#5d6ed4; }
    		.hash .btn_search_place.active .tag_img.kindergarden { background:#ffc000; }
    		.hash .btn_search_place.active .tag_img.daycare { background:#ff7f38; }
    		.hash .btn_search_place.active .tag_img.school_s { background:#558dbe; }
    		.hash .btn_search_place.active .tag_img.school_m { background:#145ea5; }
    		.hash .btn_search_place.active .tag_img.school_h { background:#114ea2; }
    		.hash .btn_search_place.active .tag_img.university { background:#0c508b; }
    		.hash .btn_search_place.active .tag_img.cctv { background:#3ea2e5; }

    		#map_view .subway { background:#4386d8 !important; border:#4386d8 !important; }
    		#map_view .bus { background:#d84382 !important; border:#d84382 !important; }
    		#map_view .mart { background:#feca38 !important; border:#feca38 !important; }
    		#map_view .cafe { background:#ff9d49 !important; border:#ff9d49 !important; }
    		#map_view .bank { background:#daaf3a !important; border:#daaf3a !important; }
    		#map_view .public { background:#a78e62 !important; border:#a78e62 !important; }
    		#map_view .hospital { background:#f16262 !important; border:#f16262 !important; }
    		#map_view .pharmacy { background:#91e178 !important; border:#91e178 !important; }
    		#map_view .movie { background:#7f7f7f !important; border:#7f7f7f !important; }
    		#map_view .school { background:#766fe0 !important; border:#766fe0 !important; }
    		#map_view .academy { background:#e65135 !important; border:#e65135 !important; }
    		#map_view .safety { background:#5d6ed4 !important; border:#5d6ed4 !important; }
    		#map_view .kindergarden { background:#ffc000 !important; border:#ffc000 !important; }
    		#map_view .daycare { background:#ff7f38 !important; border:#ff7f38 !important; }
    		#map_view .school_s { background:#558dbe !important; border:#558dbe !important; }
    		#map_view .school_m { background:#145ea5 !important; border:#145ea5 !important; }
    		#map_view .school_h { background:#114ea2 !important; border:#114ea2 !important; }
    		#map_view .university { background:#0c508b !important; border:#0c508b !important; }
    		#map_view .cctv { background:#3ea2e5 !important; border:#3ea2e5 !important; }

/* 맵 리스트 */
#map_list>a { display:inline-block; width:100%; border-bottom:1px solid #ddd; float:left; }
#map_list .map_block { display:inline-block; width:100%; float:left; }
.map_block>.panel-body { padding:0; cursor:pointer; }
.map_block>.panel-body:hover { background:#f6f6f6; transition:background .2s; }
.map_list_wrap { display:inline-block; width:100%; float:left; }
.map_list_wrap>* { display:inline-block; padding:0; float:left; }
.map_list_left { width:calc(100% - 170px); margin-left:10px; padding:4px 0; }
    .map_list_left>* { display:inline-block; width:100%; float:left; }
    .map_list_left>*>* { display:inline-block; }
    .map_name_box span { display:inline-block; width:100%; font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:18px; float:left; }
    .map_price_box span { display:inline-block; width:calc((100% - 100px) / 2); font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:18px; line-height:24px; float:left; }
    .map_price_box span.price_title { width:50px; font-family:'NotoSansKR'; font-size:16px; font-weight:normal; }
    .map_area { display:inline-block; margin:5px 0; padding:5px 0; border:1px solid #ddd; border-left:none; border-right:none; }
    .map_area>span { display:inline-block; width:50%; float:left; }
    .map_area>span>span { width:calc(100% - 55px); float:left; }
    .map_area>span>span:first-child { width:50px; margin-right:5px; }
    .map_area>span:last-child>span { width:calc(100% - 50px); }
    .map_area>span:last-child>span:first-child { width:45px; margin-right:5px; }
.map_list_right { width:160px; }
    .map_list_right .item_img { width:160px; height:120px; margin:0; background:center center url('/static/img/common/no_img.gif') no-repeat; background-size:100%; position:relative; }

.map_right>#map_list { display:inline-block; width:100%; height:calc(100% - 50px); overflow-y:auto; float:left; }
.map_right>.map_list_title { display:inline-block; width:100%; height:50px; padding:0 10px; border-bottom:1px solid #ddd; line-height:50px; float:left; }
.map_list_title>* { display:inline-block; float:left; }
.map_list_title>.map_title_L { font-size:16px; font-weight:bold; }
.map_list_title>.map_title_L * { font-size:16px; font-weight:bold; }
.map_title_R { float:right; }
.map_title_R>* { display:inline-block; background:#fff; border:1px solid #ddd; border-radius:40px; line-height:24px; }
.map_title_R .align { width:34px; height:34px; margin-right:5px; text-align:center; cursor:pointer; position:relative; float:left; }
.map_title_R .align i { display:inline-block; width:32px; height:32px; line-height:34px; text-align:center; float:left; }
.map_title_R .align.on, .map_title_R .align:hover { border-color:#ffc900; transition:all .2s; }
.map_title_R .align .align_dropdown { display:none; width:100px; background:#fff; border:1px solid #ddd; border-radius:10px; position:absolute; top:calc(100% + 5px); right:0; overflow:hidden; z-index:3; }
    .map_title_R .align.on .align_dropdown { display:inline-block; }
.align_dropdown li { font-size:14px; line-height:30px; }
.align_dropdown li.on { background:#ffc900; color:#fff; }
.map_title_R .py_ch { width:auto; height:34px; padding:0 10px; border-color:#ffc900; line-height:32px; cursor:pointer; float:left; }
.map_title_R .py_ch:hover { background:#ffc900; transition:all .2s; }
    .map_title_R .py_ch>* { font-size:14px; color:#ffc900; }
    .map_title_R .py_ch:hover>* { color:#fff; }
    .map_title_R .py_ch i { margin-right:5px; }
.map_title_R .grid_btn { width:auto; height:34px; padding:0 10px; border-color:#ffc900; line-height:32px; cursor:pointer; float:left; }
.map_title_R .grid_btn:hover { background:#ffc900; transition:all .2s; }
    .map_title_R .grid_btn>* { font-size:14px; color:#ffc900; }
    .map_title_R .grid_btn:hover>* { color:#fff; }
    .map_title_R .grid_btn i { margin-right:5px; }
.map_title_R>span { display:inline-block; }
.map_title_R>span:not(:last-child) { margin-right:5px; }

#dongPannel { display:inline-block; height:100%; box-shadow:none; border:none; }
#dongPannel .map_title_L { display:inline-block; width:100%; height:50px; padding:0 10px; border-bottom:1px solid #ddd; line-height:50px; font-size:16px; font-weight:bold; }
#dongPannel .map_title_L * { font-size:16px; font-weight:bold; }
.map_title_L .map_list_close { display:inline-block; width:30px; height:30px; margin:10px 0; line-height:30px; text-align:center; float:right; cursor:pointer; }
.map_title_L .map_list_close i { display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; float:left; }

#map_item_data { height:calc(100% - 50px); padding:0; overflow-y:auto; }
#map_item_data>a { display:inline-block; width:100%; border-bottom:1px solid #ddd; float:left; }


/* 맵 리스트 */
.btn.active, .btn:active { box-shadow:none; }
.back_btn_box { display:inline-block; width:100%; height:50px; position:absolute; top:0; left:0; border-bottom:1px solid #ddd; box-shadow:0 0 2px rgba(0,0,0,.15); }
.back_btn_box>.back_btn:first-child { display:inline-block; width:auto; height:44px; padding:10px; cursor:pointer; float:left; }
.back_btn_box>.lineCopy_btn { display:inline-block; width:auto; height:50px; padding:10px; padding-left:0; cursor:pointer; float:right; }
.back_btn_box>.lineCopy_btn .urlCopylink i { display:inline-block; width:20px; height:20px; margin-top:5px; font-size:20px; float:left; }
.back_btn img { display:inline-block; width:30px; height:auto; margin-top:0; margin-right:10px; transform:rotate(-90deg); vertical-align:inherit; }
.back_btn>span { display:inline-block; height:30px; padding:0; font-size:18px; }
.back_btn div { display:inline-block; width:auto; position:absolute; top:50%; left:50%; font-size:20px; font-weight:bold; transform:translate(-50%, -50%); }
.itemZ_wrap { display:inline-block; width:100%; height:auto; float:left; }
.itemZ_wrap>* { display:inline-block; width:100%; float:left; }
    .itemZ_header { height:36px; }
        .itemZ_header>* { display:inline-block; width:100%; float:left; }
        .linkCopy_box { padding:5px 10px; }
            .linkCopy_box>* { display:inline-block; width:calc(100% - 90px); border:1px solid #ddd; line-height:30px; text-align:center; float:left; }
            .linkCopy_box>input { padding:0 10px; text-align:left; }
            .linkCopy_box>span { width:90px; background:#ffc900; border-color:#ffc900; border-left:none; cursor:pointer; }
            .linkCopy_box span { color:#fff; font-weight:bold; }
            .linkCopy_box span i { margin-right:4px; color:#fff; }
        .item_nav_wrap { border:1px solid #ddd; border-left:none; border-right:none; }
            .item_nav_wrap>* { display:inline-block; width:20%; background:#f3f3f3; color:#999; text-align:center; line-height:34px; float:left; cursor:pointer; }
            .item_nav_wrap>*.on { background:#fff; color:#ffc900; font-weight:bold; }
            .item_nav_wrap>*:not(:last-child) { border-right:1px solid #ddd; }
    #map_list_panel.map_right { overflow-y:auto; }
    .itemZ_body { height:calc(100% - 50px); background:#f3f3f3; }
    .itemZ_body>* { display:inline-block; width:100%; padding:15px; background:#fff; float:left; position:relative; }
    .itemZ_body>*:not(:last-child) { margin-bottom:5px; }
        .media_wrap { margin-bottom:0 !important; padding:0; }
        .media_select_box { display:inline-block; position:absolute; top:10px; right:10px; background:#fff; border-radius:4px; overflow:hidden; z-index:1; box-shadow:0 0 3px rgba(0,0,0,.15); }
            .media_select_box ul { display:inline-block; margin:0; border:2px solid #ffc900; border-radius:4px; line-height:34px; float:left; }
            .media_select_box li { display:inline-block; width:34px; padding:0; border-radius:0; text-align:center; line-height:34px; float:left; cursor:pointer; }
            .media_select_box li i { color:#ffc900; }
            .media_select_box li.on i { color:#fff; }
            .media_select_box li.on { background:#ffc900; color:#fff; }
        .media_select_contents_wrap { display:inline-block; width:100%; float:left; }
        .media_select_contents_box { display:inline-block; width:100%; float:left; }
        .gallery_box.on { height:400px; }
        .detail_item_img { display:inline-block; width:100%; max-width:100%; height:400px; background:center center url('/static/img/common/no_img.gif') no-repeat; float:left; }
        .media_wrap .img_btn { display:none !important; }

        .item_img { display:inline-block; width:100%; float:left; }
        .item_img>div { display:inline-block; width:100%; padding-top:calc((100% / 4) * 3); float:left; overflow:hidden; position:relative; }
        .item_img>div>img { display:inline-block; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }

        .title_wrap { padding:0 !important; }
            .title_wrap>* { display:inline-block; width:100%; float:left; }
            .title_wrap>*>* { display:inline-block; }
            .title_price_box { padding:5px 10px; border-bottom:1px solid #ddd; }
                .title_price_box>span { display:inline-block; font-weight:bold; line-height:28px; float:left; }
                .title_price_box>span:first-child { margin-right:7px; padding-right:7px; border-right:1px solid #ddd; }
                .title_wrap .title_price_box>.ellipsis { width:auto; }
                .title_price_box>span>span { display:inline-block; margin-right:5px; font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:19px; float:left; }
            .title_area_box { padding:5px 0; border-bottom:1px solid #ddd; }
                .title_area_box>.title_area { display:inline-block; width:calc(100% / 3); padding:0 10px; float:left; }
                .title_area_box>.title_area.title_area_lease { width:50%; }
                .title_area>* { display:inline-block; width:100%; float:left; }
                .title_area>.area_title { color:#888; font-weight:bold; }
                .title_area>.area_content * { width:100%; font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:20px; float:left; }
            .title_name_box { padding:10px; font-size:16px; text-align:center; }
            .title_ex>span { color:#888; }
            .title_ex>span:not(:last-child):after { content:'·'; padding:0 3px; }

        .item_content_wrap {}
            .item_content_wrap>* {display:inline-block; width:100%; float:left; }
            .item_con_title { margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #ddd; position:relative; }
            .item_con_title>* { display:inline-block; width:100%; margin:0; color:#ffc900; float:left; }
                .item_con_title h4 { margin-bottom:4px; font-size:14px; }
                .item_con_title h2 { font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:18px; }
            .item_con_title .py_ch { display:inline-block; width:auto; padding:0 10px; background:#fff; border:1px solid #ddd; border-radius:40px; line-height:20px; position:absolute; top:8px; right:0; cursor:pointer; }
            .item_con_title .py_ch:hover { border-color:#ffc900; }
                .item_con_title .py_ch>* { font-size:12px; }
                .item_con_title .py_ch i { margin-right:5px; }
			.item_con_title .toji_moveBtn { display:inline-block; width:auto; padding:0 10px; border:1px solid #ffc900; background:#ffc900; color:#fff; position:absolute; top:5px; left:120px; line-height:28px; float:left; cursor:pointer; }
            .item_con_title .toji_moveBtn:hover { background:#fff; color:#ffc900; transition:all .2s; }

            .optionBox { display:inline-block; width:100%; float:left; }
            .optionBox>.option_block { display:inline-block; width:calc(100% / 6); padding:5px; text-align:center; float:left; }
            .optionBox>.option_block>* { display:inline-block; width:100%; }
            .optionBox>.option_block img { width:auto; height:40px; margin-bottom:5px; }

            .itemZ_wrap .optionBox>.option_block { width:25%; }

            .item_con_content { }
                .item_con_content>table { width:100%; float:left; table-layout:fixed; }
                .item_con_content td, .item_con_content th { padding-right:10px; line-height:28px; font-size:14px; }
                .item_con_content th { line-height:1.2; }
                .item_con_content table table td, .item_con_content table table th { text-align:center; border:1px solid #eee; line-height:22px; }
                .item_con_content table table td { background:#f3f3f3; }
            .table_type1 thead th { background:#f3f3f3; }
            .table_type1 td, .table_type1 th { border:1px solid #ddd; border-left:none; border-right:none; text-align:center; }

            .item_con_content #meeting_table td { width:auto; padding:5px; }
            #meeting_table { width:100%; margin-top:10px; table-layout:fixed; }
            .item_con_content #meeting_table thead td { padding:0; background:#efefef; }
            #meeting_table td, #meeting_table th { padding:5px; text-align:center; }
            .meeting_edit, .meeting_delete { display:inline-block; width:20px; height:20px; border:1px solid #ddd; border-radius:20px; text-align:center; line-height:20px; float:left; cursor:pointer; }
            .meeting_edit { background:#33d84d; border-color:#33d84d; }
            .meeting_delete { margin-left:5px; background:#ff4a3f; border-color:#ff4a3f; }
            .meeting_edit i, .meeting_delete i { display:inline-block; width:10px; height:10px; margin:4px; text-align:center; line-height:10px; font-size:10px; color:#fff; float:left; }

            #insertItemMeetingForm #file1 { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1; }
            #insertItemMeetingForm #file1 + label { width:80px; height:34px; margin:0; padding:0 10px; border:1px solid #ddd; background:#fff; line-height:32px; color:#999; text-align:center; font-weight:500; font-size:14px; outline: none; }
            #insertItemMeetingForm #file1 + label:hover { color:#ffc900; cursor:pointer; }
            #insertItemMeetingForm .modal_box>.btn { display: inline-block; height: 34px; padding: 0; background: #ffc900; border: 1px solid #ffc900; line-height: 32px; float: left; color: #fff !important; }
            #insertItemMeetingForm .modal_box>.btn:hover { background:#fff !important; color:#ffc900 !important; transition:all .2s; }
            #meeting_table .view_btn { display:inline-block; width:100%; height:20px; border:1px solid #ddd; border-radius:4px; line-height:18px; text-align:center; font-size:12px; cursor:pointer; }
            #meeting_table .view_btn:hover { border-color:#ffc900; color:#ffc900; transition:all.2s; }

        .item_content_individuality .item_con_content img { width:100% !important; height:auto !important; }

        .item_content_lease .item_con_title { border-bottom:0; margin-bottom:0; }
            .lease_select { display:inline-block; width:auto; background:#fff; border:1px solid #ffc900; border-radius:40px; line-height:28px; position:absolute; top:4px; right:0; overflow:hidden; }
            .lease_select>div { display:inline-block; padding:0 10px; text-align:center; color:#ffc900; float:left; cursor:pointer; }
            .lease_select>div.on { background:#ffc900; color:#fff; }
            .lease_table_wrap table { display:none; margin-bottom: 15px; }
            .lease_table_wrap table.on { display:table; }
        .btn_filedown { display:inline-block; padding:0 10px; border:1px solid #ddd; border-radius:4px; text-align:center; line-height:20px; font-size:12px; float:left; }
        .btn_filedown:hover { border-color:#ffc900; color:#ffc900; transition:all .2s; }

        .paging { text-align: center; }
        .paging .prev { display : none; }
        .paging .prev, .paging .next { padding: 5px; cursor: pointer; font-weight: 900; font-size: 15px; color: #ffc900; }

        .pagination { margin:0; }
        .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background:transparent !important; border:none !important; color:#ffc900; font-size:18px; }
        .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color:#fff; border-color:#ddd; border-radius:100px; color:#888; position:relative; }
        .pagination>.active a:after { content:'_'; width:100%; position:absolute; bottom:-2px; left:0; }

        .pagination_box { display:inline-block; width:100%; text-align:center; }
        .pagination_box>a { float:right; }
        .pagination>li { display:inline-block; float:left; }
        .pagination>li>a, .pagination>li>span { display:inline-block; height:24px; padding:0 5px; border:none; color:#000; font-size:14px; line-height:24px; float:left; }
        .pagination>li>a i { display:inline-block; height:24px; line-height:24px; float:left; }
        .pagination_box>a>.btn { display:inline-block; padding:0 15px; background:#ffc900; border:1px solid #ffc900; border-radius:4px; font-weight:bold; line-height:30px; color:#fff; cursor:pointer; }
        .pagination_box>a>.btn:hover { background:#fff; color:#ffc900; transition:all .2s; }

        .real_price_box { display:inline-block; width:100%; float:left;}
        .real_price_box>* { display:inline-block; width:100%; font-weight:bold; text-align:center; float:left; }
        .real_price_box>.real_price_top { padding:5px 15px; background:#ffc900; color:#fff; font-size:14px; }
        .real_price_box>.real_price_bottom { padding:10px 15px; background:#dfe3eb; color:#ffc900; font-size:18px; font-family:'NotoSansKR-Bold'; font-weight:bold; }

        .item_content_actual .item_con_title { border-bottom:0; margin-bottom:0; }

        .content_file_box { display:inline-block; width:100%; float:left; }
            .content_file_box:not(:last-child) { margin-bottom:4px; }
            .content_file_box>* { display:inline-block; float:left; }
            .content_file_box>span { margin-right:5px; }

        .contact_table { width:100%; }
        .contact_table img { width:60px; height:60px; border-radius:60px; border:1px solid #ddd; }
        .item_con_content .contact_table td, .item_con_content .contact_table th { line-height:20px; }
        .item_con_content th .call_btn { display:none; margin-left:5px; }
        .item_con_content th .call_btn i { display:inline-block; width:20px; height:20px; border:1px solid green; border-radius:20px; text-align:center; line-height:18px; font-size:12px; color:green; }

        .brokerage_info_wrap { background:#e8e8e8; }
            .brokerage_info_wrap h2 { display:inline-block; margin:0; margin-bottom:15px; font-family:'NotoSansKR-Bold'; font-weight:bold; font-size:18px; float:left; }
        .brokerage_box { display:inline-block; width:100%; float:left; }
            .brokerage_box>* { display:inline-block; width:100%; margin:0; float:left; }
            .brokerage_box>h4 { font-size:15px; }
        .brokerage_box:not(:last-child) { margin-bottom:10px; }
        .brokerage_box_2 .brokerage_box { width:auto; }
        .brokerage_box_2 .brokerage_box:not(:last-child) { margin-right:10px; padding-right:10px; border-right:1px solid #ddd; }

        .itemZ_footerBtn { display:inline-block; width:100%; height:50px; padding:5px; background:#fff; float:left; position:absolute; bottom:0; left:0; box-shadow:0 0 5px rgba(0,0,0,.15); }
        .itemZ_footerBtn .btn_box>.btn:not(:last-child) { margin-right:5px; }
    	.itemZ_footerBtn .btn { display:inline-block; width:-webkit-calc((100% - 6px) / 2); width:calc((100% - 5px) / 2); height:40px; padding:0; background:#ffc900; border:1px solid #ffc900 !important; border-radius:4px; line-height:38px; float:left; }
            .itemZ_footerBtn .btn:not(:last-child) { margin-right:5px; }
    	.itemZ_footerBtn .btn>* { color:#fff; }
        .itemZ_footerBtn .btn:hover { background:#fff; transition:all .2s; }
        .itemZ_footerBtn .btn:hover * { color:#ffc900; transition:all .2s; }
    	.itemZ_footerBtn>.btn>i , .itemZ_footerBtn .btn_box>.btn>span { font-size:14px; }
    	.itemZ_footerBtn>.btn>span { margin-left:5px; }

/* 모달 */
.modal .main_color { background:#ffc900; border-color:#ffc900; color:#fff; }
.modal .main_color:hover { background:#fff; color:#ffc900; transition:all .2s; }
.modal { width:100%; height:100%; }
.modal.in .modal-dialog { margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; }
.modal .modal-content { display:inline-block; width:100%; float:left; }
.modal .modal-content>* { display:inline-block; width:100%; padding:10px; float:left; position:relative; }
.modal .modal_header { background:#ffc900; text-align:center; }
.modal .modal_header>* { display:inline-block; font-size:16px; color:#fff; }
.modal .modal_header>span { display:inline-block; line-height:24px; font-weight:bold; }
.modal .modal_header>span:first-child { margin-right:5px; }
.modal .modal_header>.close { position:absolute; top:10px; right:10px; opacity:.8; }
.modal .modal_header>.close:hover { opacity:1; transition:opacity .2s; }
.modal .modal_header>.close i { display:inline-block; width:24px; height:24px; line-height:24px; font-size:16px; text-align:center; }
.modal .modal_body { padding:15px; }
    .modal_wrap { display:inline-block; width:100%; float:left; }
    .modal_wrap:not(:last-child) { margin-bottom:10px; }
    .modal_box { display:inline-block; width:100%; float:left; }
    .modal_box>* { display:inline-block; width:100%; float:left; }
    .modal_box .modal_title { margin-bottom:5px; font-weight:bold; }
        .modal_box_3 { width:calc((100% - 30px) / 3); }
        .modal_box_3:not(:last-child) { margin-right:15px; }
        .modal_box_2 { width:calc((100% - 15px) / 2); }
        .modal_box_2:not(:last-child) { margin-right:15px; }
    .modal_box input, .modal_box select { display:inline-block; width:100%; height:34px; padding:0 10px; background:#fff; border:1px solid #ddd; border-radius:4px; line-height:32px; float:left; }
    .modal_box select { height:34px; cursor:pointer; }
    .input_span { display:inline-block; width:100%; }
    .input_span>* { display:inline-block; width:34px; float:left; }
        .input_span>input { width:calc(100% - 34px); border-radius:4px 0 0 4px; }
        .input_span>span { background:#f3f3f3; border:1px solid #ddd; border-left:none; border-radius:0 4px 4px 0; line-height:32px; text-align:center; }
    .input_input_box { display:inline-block; width:100%; float:left; }
    .input_input_box>* { display:inline-block; width:calc((100% - 20px) / 2); float:left; }
        .input_input_box .slash { width:20px; line-height:34px; text-align:center; }
        input.datepicker { text-align:center; }
.modal .modal_footer { display:inline-block; width:100%; text-align:center; float:left; }
    .modal .modal_footer .btn { display:inline-block; padding:0 10px; background:#ddd; border:1px solid #ddd; border-radius:4px; color:#fff; line-height:40px; text-align:14px; font-weight:bold; }
    .modal .modal_footer .btn * { color:#fff; }

.modal#modal_filter .modal-dialog { width:450px; }
    .modal#modal_filter .modal_footer .btn.btn_search { width:calc(100% - 50px); background:#ffc900; border-color:#ffc900; float:left; }
        .modal#modal_filter .modal_footer .btn.btn_search:hover { background:#fff; color:#ffc900; transition:all .2s; }
        .modal#modal_filter .modal_footer .btn.btn_search:hover * { color:#ffc900; }
        .btn.btn_search span:first-child { margin-right:5px; }
    .modal#modal_filter .modal_footer .btn.btn_refresh { width:40px; background:#ef4955; border-color:#ef4955; float:right; }
        .modal#modal_filter .modal_footer .btn.btn_refresh:hover { background:#fff; transition:all .2s; }
        .modal#modal_filter .modal_footer .btn.btn_refresh:hover * { color:#ef4955; }

.modal#modal-contact2 .modal-dialog { }
.modal#modal-contact2 form>* { display:inline-block; width:100%; float:left; }
.modal#modal-contact2 form>*:not(:last-child) { margin-bottom:10px; }
.terms_box2>* { display:inline-block; float:left; }
.terms_box2>.terms_btn { float:right; }

    #modal-call2 .modal-body { padding:20px; }
    #modal-call2 .modal-body>.btn { display:inline-block; width:100%; margin-top:15px; padding:0; line-height:34px; }
    #modal-call2 .avater_content h4 { margin:0; margin-bottom:15px; }
    #modal-call2 .modal-content { overflow:hidden; }
    #modal-call2 .avatar-lg { width:70px !important; height:70px !important; border:1px solid #ddd; }
    .mini_info_box { display:inline-block; width:100%; margin-top:10px; padding:15px; background:#f1f1f1; }
    .mini_info_box h5 { font-size:18px; font-weight:bold; color:#ffc900; }
    .mini_info_box h4 { font-size:14px; font-weight:normal; }

    #modal-call2 .avatarBox>.avater_content>h4>span { display:inline-block; width:100%; margin-bottom:5px; font-size:16px; font-weight:normal; }
    #modal-call2 .avatarBox>.avater_content h2 { display:inline-block; width:100%; margin:0; margin-top:10px; font-size:30px; font-family:NotoSansKR-bolder; font-weight:bolder; color:#ffc900; }
    #modal-call2 .avatarBox>.avater_content h2 * { font-family:NotoSansKR-bolder; font-weight:bolder; font-size:30px; color:#ffc900; }

    /* 비밀번호 찾기 팝업*/
    .findpassPop #findpass { padding:15px; }
    .findpassPop .modal-dialog { width:400px; margin-top:100px; }
    .findpassPop .modal-content { border-radius:10px; overflow:hidden; }
    .findpassPop .modal-header { position:relative; padding:14px; background-color:#333; }
    .findpassPop .modal-header h4 { font-size:18px; color:#fff; line-height:18px; }
    .findpassPop .modal-body { padding:0;}
    .findpassPop .modal-body .close { display:inline-block; width:20px; height:20px; margin:auto; line-height:20px; position:absolute; top:16px; right:16px; font-weight:bold; opacity:1; text-shadow:none; opacity:.6; transition:all .2s; }
    .findpassPop .modal-body .close i { font-size:20px; color:#fff; }
    .findpassPop .modal-body .close:hover { transform:rotate(180deg); opacity:1; }
    .findpassPop .popTitle { width:100%; background:#333; padding:12px; text-align:center; font-size:20px; color:#fff; font-weight:bold; }
    .findpassPop .logimgBox { width:100%; background:#333; padding:25px 20px; }
    .findpassPop .logimgBox>* { width:100%; text-align:center; font-size:18px; font-weight:bold; color:#fff; }
    .findpassPop .logimgBox span { font-size:20px; font-weight:bold; color:#fff; }
    .findpassPop .logimgBox>.greeting { width:100%; margin:0 auto; margin-top:20px; padding:2px; background:rgba(0,118,231,.7); border-radius:40px; }
    .findpassPop .logimgBox img { width:50%; height:auto; }
    .findpassPop #form_signin { padding:15px; }
    .findpassPop .form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border:none; box-shadow:none; background-image: none; }
    .findpassPop div.loginInput { width:100%; height:40px; border:1px solid #ccc; border-radius:4px; overflow:hidden; transition:all .2s; }
    .findpassPop div.loginInput:hover { border-color:rgba(30,30,30,.6); }
    .findpassPop div.loginInput>* { display:inline-block; height:40px; float:left; box-sizing:border-box; }
    .findpassPop .loginInput>img { width:auto; height:38px; background-color:#888; }
    .findpassPop .loginInput>input { width:calc(100% - 40px); }
    .findpassPop #form_signin .error { margin-top:5px; font-size:13px; color:red; }
    .findpassPop .btn { height:40px; margin-top:10px; background-color:#888; color:#fff; font-size:16px; transition:all .15s; }
    .findpassPop .btn:hover { background-color:#0076e7; }
    .findpassPop .modal-body p { margin:0; }
    .findpassPop .m_10 { margin-top:10px; }
    .findpassPop .checkBox { display:inline-block; width:100%; margin-bottom:5px; padding:0 5px; }
    .findpassPop .checkBox>* { width:50%; float:left; box-sizing:border-box; }
    .findpassPop .checkBox>a { margin:0; text-align:right; color:rgba(0,118,231,.7); }
    .findpassPop .checkBox>a:hover { text-decoration:underline; }
    .findpassPop .checkBox .checks:hover>label { text-decoration:underline; }
    .findpassPop .moveJoin span { color:#999; }
    .findpassPop .moveJoin a { font-size:14px; transition:all .1s; }
    .findpassPop .moveJoin a:hover { color:rgba(0,118,231,.7); text-decoration:underline; }

.avatarBox>.avater_content>h4>span:first-child { display:inline-block; width:100%; font-size:16px; }
.avatarBox>.avater_content>h4 a { margin-top:5px; padding:2px 10px; background:#fff; border:1px solid #ddd; border-radius:30px; transition:all .2s; color:#000; }
.avatarBox>.avater_content>h4 a:hover { border-color:#ffc900; }
.avatarBox>.avater_content>h4 a>* { display:inline-block; height:18px; line-height:18px; float:left; }
.avatarBox>.avater_content>h4 a>span { margin-left:5px; color:#000; }

footer { display:inline-block; width:100%; height:174px; padding:30px 0; background:#232429; text-align:center; float:left; }
footer * { color:#bbb; }
footer h4 { font-family:'NotoSansKR-Bold'; font-weight:bold; }
footer .company_info { margin:15px 0 20px; }
    .company_info .company_box>span:not(:last-child):after { content:'｜'; }
footer .copyright { font-size:13px; }
footer>* { display:inline-block; width:100%; margin:0; float:left; }

.container { width:1600px; padding:0 15px; }

@media (max-width:1600px) {
    .header_wrap { width:100%; }
    .item_wrap_1600 { width:100%; }
    .container { width:100%; padding:0 15px; }
}

@media (max-width:992px) {
    .item_wrap_1600>*>*:not(:last-child) { margin-bottom:5px; }
    .item_wrap_1600 .media_wrap { margin-bottom:5px !important; }

    header { position:fixed; top:0; left:0; background:#fff; z-index:3; }
    .header_top { display:none; }
    .header_wrap { width:100%; height:50px; padding:0; text-align:center; position:relative; }
    .header_wrap>.logo { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
    .header_wrap>div:not(.logo) { display:none; }

    .body_wrap { display:inline-block; width:100%; float:left; }

    .item_con_content th .call_btn { display:inline-block; }

    .item_content_wrap.item_contactInfo_wrap { display:none; }

    footer { height:auto; padding:15px; }
    footer h4 { font-size:16px; }
    footer .company_info { margin:10px 0 15px; }
    .company_box>span { font-size:13px; word-break:keep-all; }
    footer .copyright { font-size:12px; }

    .modal .modal-dialog { width:90% !important; }
}


/* 게시판 */
.admin_bbs_wrap { display:inline-block; width:100%; height: 100%; padding:15px; background:#fff; border:1px solid #ddd; border-radius:10px; float:left; }
.admin_bbs_header { display:inline-block; width:100%; margin-bottom:15px; float:left; }
.admin_bbs_header>* { display:inline-block; float:left; }
.admin_bbs_header>.bbs_headerR { float:right; }
.bbs_headerL>* { display:inline-block; height:32px; border-radius:4px; font-size:15px; line-height:32px; float:left; }
.bbs_headerL>*:not(:last-child) { margin-right:5px; }
.bbs_num { padding:0 15px; background:#026; color:#fff; font-weight:bold; }
.bbs_headerR #searchForm { display:inline-block; height:32px; border-radius:4px; font-size:15px; line-height:32px; float:left; }
.bbs_headerR #searchForm>* { display:inline-block; height:32px; border-radius:4px; font-size:15px; line-height:32px; float:left; }
.bbs_headerR>*:not(:last-child) { margin-right:5px; }
.bbs_headerR select, .bbs_headerR input { border:1px solid #ddd; padding:0 10px; font-size:15px; cursor:pointer; }
.bbs_headerR .btn { display:inline-block; width:80px; height:34px; padding:0; background:#000; border:1px solid #000; border-radius:0; font-size:15px; font-weight:bold; color:#fff; line-height:32px; text-align:center; float:left; cursor:pointer; }
.bbs_headerR .btn:hover { background:#fff; color:#000; transition:all .2s; }
.admin_bbs_table { width: 1140px; min-height:calc(100vh - 560px); margin: 40px auto; }
.admin_bbs_table table { width:100%; table-layout:fixed; border-bottom:1px solid #ddd; border-collapse:collapse; }
.admin_bbs_table table thead th { padding:5px 0; background:#f2f4f7; font-size:15px; }
.admin_bbs_table table tbody tr:not(:last-child) td { border-bottom:1px solid #ddd; }
.admin_bbs_table table tbody * { font-size:14px; }
.admin_bbs_table table tbody td { padding: 10px; text-align:center; }
.admin_bbs_table table tbody td .btn_box { display:inline-block; margin-bottom:-5px; }
.admin_bbs_table table tbody td .btn { display:inline-block; width:30px; height:30px; border:1px solid #ddd; border-radius:4px; cursor:pointer; float:left; }
.admin_bbs_table table tbody td .btn:not(:last-child) { margin-right:5px; }
.admin_bbs_table table tbody td .btn i { display:inline-block; width:100%; height:100%; line-height:30px; text-align:center; color:#999; float:left; }
.admin_bbs_table table tbody td .btn:hover { border-color:#026; transition:border .2s; }
.admin_bbs_table table tbody td .btn:hover i { color:#026; transition:color .2s; }

.board_view { width:100% !important; padding:0; background:#fff; }
.notice_title h3 { margin:0; margin-bottom:40px; padding:50px 30px; font-size:1.8em; font-weight:bold; text-align:center; background:#f5f5f5; box-shadow:0 2px 4px rgba(0,0,0,0.15); }
.board_view_box { width:1140px; margin:0px auto 20px; }
.board_view_title { width:100%; padding:15px; border-top:2px solid #000; border-bottom:1px solid #ddd; background:#f8f8f8; text-align:left; }
.board_view_title span { font-size:14px; color:#aaa; }
.board_view_title .title { display:inline-block; width:100%; margin-bottom:3px; }
.board_view_title .reply_status { display:inline-block; margin-right:5px; padding:0 10px; line-height:28px; background:#aaa; color:#fff; float:left; }
.board_view_title .reply_status.reply_complete { background:#006ddd; }
.board_view_title .title_Txt { display:inline-block; font-weight:bold; font-size:18px; color:#000; line-height:28px; float:left; }
.star_rating { display:inline-block; width:100%; padding:8px 10px; border-bottom:1px solid #ddd; text-align:left; }
.star_rating>* { display:inline-block; float:left; }
.star_rating>.star { margin-left:10px; }
.star span { display:inline-block; width:20px; height:20px; text-align:center; float:left; }
.star span svg { font-size:16px; }
.star span path { color:#ccc; }
.star span.on path { color:#fc0; }
.star span.half { position:relative; }
.star span.half svg { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.star span.half svg path { color:#ccc; }
.star span.half svg:last-child path { color:#fc0; }
.board_view_box .ellipsis { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; }
.board_view_body { width:100%; padding:20px; border-bottom:1px solid #ddd; background:#fff; }
.board_view_body .img_box { width:100%; }
.board_view_body .txt_box { display:inline-block; width:100%; margin-top:10px; text-align:left; }
.board_view_body h5.reply_write { width:100%; }
.board_view_body .eclipsis { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; }
.board_view_body a>span { width:100%; }
.reply_box { width:100%; height:auto; margin-top:30px; text-align:left; }
.reply_box .input-group { margin:0; }
.reply_box .reply_input { display:inline-block; width:100%; padding:10px; }
.reply_box .reply_input>* { float:left; }
.reply_box_title { padding:8px 15px; background:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; font-weight:bold; }
.reply_box_title * { margin-right:5px; font-size:16px; }
.reply_box .reply_confirm_box { display:inline-block; width:100%; float:left; }
.reply_box .reply_confirm_box .reply_view { padding:10px 15px; background-color:#fff; }
.reply_box .reply_confirm_box>*:not(:last-child) { border-bottom:1px solid #ddd; }
.delete_reply_box { display:inline-block; width:100%; padding:4px 15px; text-align:center; background:#fffafa; color:#888; font-style:italic; }
.reply_view { display:inline-block; width:100%; padding:5px 0; float:left; }
.reply_view:not(:last-child) { border-bottom:1px solid #ddd; }
.reply_view>* { display:inline-block; width:100px; float:left; }
.reply_view svg { width:auto; margin-right:10px; padding:1px 0; font-size:20px; font-weight:bold; color:#026; line-height:24px; float:left; }
.reply_view.reply_view_secret, .reply_view.reply_view_delete { font-weight:bold; font-size:16px; }
.reply_view_left { width:calc(100% - 110px); }
.reply_view_right { margin-right:10px; }
.reply_view_right .btn_box { display:inline-block; width:100%; }
.reply_view_right .btn_box>span { display:inline-block; width:24.5px; float:left; font-weight:bold; cursor:pointer; text-align:right; float:right; font-size:13px; }
.reply_view_right .btn_box>span:hover { color:#026; }
.reply_view_right .btn_box>span:last-child { width:40px; }
.reply_view_right .btn_box>span:not(:first-child) { margin-right:5px; }

.reply_reply .member_name { margin-left:5px; font-size:16px; font-weight:bold; }
.reply_reply .member_name + .reply_content { display:inline-block; width:100%; padding-left:20px; word-break:keep-all; white-space:pre-wrap; float:left; }

.reply_box .reply_input_box { display:inline-block; width:100%; margin-top:15px; float:left; }
.reply_box .reply_input_box span.input-group-addon { width:140px; padding:0; border:none; background:none;  border-radius:0; }
.reply_box .reply_input_box input[type="text"] { width:calc(100% - 105px); padding:0 10px; border:1px solid #ddd; border-radius:0; box-shadow:none; line-height:32px; }
.reply_box .reply_input_box button { width:100px; height:34px; margin-left:5px; border:1px solid #006ddd; background:#006ddd; color:#fff; border-radius:0; font-weight:bold; cursor:pointer; }
.reply_box .reply_input_box button:hover { background:#fff; color:#006ddd; transition:all .2s;}
.reply_box .reply_input_box .input-group-addon>label { height:34px; margin-bottom:0; padding:0; line-height:34px; }
.replyBoard_box { display:inline-block; width:100%; margin:15px 0; }
.reply_box .checks input[type="checkbox"] + label { width:auto; font-weight:normal; }
.reply_box .checks input[type="checkbox"] + label>svg { display:none; position:absolute; top:50%; left:5px; transform:translateY(-50%); color:#026; font-size:inherit; transition:.2s; }
.reply_box .checks input[type="checkbox"] + label:before { top:6px; background-color:#fff; }
.reply_box .checks input[type="checkbox"]:checked + label:before { background:#026; border-color:#026; }
.reply_box .checks input[type="checkbox"]:checked + label>svg { display:inline-block; }
.reply_box .pull-date { display:inline-block; width:100%; height:22px; font-size:12px; line-height:22px; text-align:right; }
.reply_box .reply_remove { border-radius:50px; }
.reply_box .form-control:focus { border-color:#026; box-shadow:0 0 2px #026; }

.re_reply { display: none; }

.table_search_wrap .btn { display:inline-block; padding:0 20px; border:1px solid #006ddd; background:#006ddd; color:#fff; font-size:14px; line-height:32px; font-weight:bold; cursor:pointer; }
.table_search_wrap .btn:hover { background:#fff; color:#006ddd; transition:all .2s; }

.board_view_footer { display:inline-block; width:100%; margin-top:15px; padding-top:20px; border-top:1px solid #ddd; position: relative; }
.board_view_footer .btn { display:inline-block; padding:0 20px; border:1px solid #888; background:#888; color:#fff; font-size:14px; line-height:34px; font-weight:bold; cursor:pointer; }
.board_view_footer .btn:hover { background:#fff; color:#888; transition:all .2s; }
.board_view_footer .btn:not(:last-child) { margin-right:5px; }
/*.board_view_footer .list_btn { position:absolute; left:50%; transform:translateX(-50%); }*/
.footer_btn_right { display:inline-block; float:right; }
.board_view_footer .edit_btn { background:#6ec300; border-color:#6ec300; }
.board_view_footer .edit_btn:hover { color:#6ec300; }
.board_view_footer .delete_btn { background:#de0000; border-color:#de0000; }
.board_view_footer .delete_btn:hover { color:#de0000; }

.replyBoard_box .btn { display:inline-block; margin-top:15px; padding:0 20px; border:1px solid #000; background:#000; color:#fff; font-size:14px; line-height:34px; font-weight:bold; cursor:pointer; float:right; }
.replyBoard_box .btn:hover { background:#fff; color:#000; transition:all .2s; }
.replyBoard_box .edit_btn { background:#6ec300; border-color:#6ec300; }
.replyBoard_box .edit_btn:hover { color:#6ec300; }
.replyBoard_box .delete_btn { margin-left:5px; background:#de0000; border-color:#de0000; }
.replyBoard_box .delete_btn:hover { color:#de0000; }

.pagination_box { display: inline-block; width: 100%; margin-top: 10px; text-align: center; }
.pagination_box .pagination>li>a { padding:0 5px; border:none !important; background:none !important; font-size:16px; color:#aaa; }
.pagination_box .pagination>.active>a, .pagination_box .pagination>.active>a:focus, .pagination_box .pagination>.active>a:hover, .pagination_box .pagination>.active>span, .pagination_box .pagination>.active>span:focus, .pagination_box .pagination>.active>span:hover { background:none; font-size:18px; font-weight:bold; color:#006ddd; position:relative; }

.pagination { border-radius:0; }
.pagination>li { margin:5px 0; display:inline-block; }
.pagination>li>a, .pagination>li>span { background:transparent; border:none; font-size:16px; color:#000; line-height:24px; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background:transparent !important; border:none !important; color:#006ddd; font-size:18px; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color:#fff; border-color:#ddd; border-radius:100px; color:#888; position:relative; }
.pagination>.active a:after { content:'_'; width:100%; position:absolute; bottom:-2px; left:0; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { position:relative; }

/* 게시판 - 리스트형 */
.admin_bbs_table .title_wrap { display:inline-block; width:100%; float:left; cursor: pointer; }
.admin_bbs_table .new_label { display:inline-block; width:24px !important; height:24px; margin-right:5px; padding:0 !important; background:#006ddd !important; border-radius:30px !important; font-size:12px; font-weight:bold; color:#fff !important; text-align:center; line-height:24px; float:left; }
.admin_bbs_table .secret_box { display:inline-block; width:20px; height:24px; line-height:24px; margin-right:5px; float:left; }
.admin_bbs_table .secret_box path { color:#fc0; }
.admin_bbs_table .title_wrap .ellipsis { width:calc(100% - 50px); font-size:16px; float:left; text-align:left; }

/* 게시판 - 카드형 */
.card_bbs { display:inline-block; width:100%; margin-bottom:-15px; float:left; }
.card_bbs>.card_box { display:inline-block; width:calc((100% - 45px) / 4); margin-bottom:15px; margin-right:15px; border:1px solid #ddd; border-top:2px solid #000; float:left; cursor:pointer; }
.card_bbs>.card_box:hover { border-color:#006ddd; transition:all .2s; }
.card_bbs>.card_box:nth-child(4n) { margin-right:0; }
.card_bbs>.card_box>* { display:inline-block; width:100%; float:left; }
.card_box>.card_img { border-bottom:1px solid #ddd; overflow:hidden; position:relative; }
.card_bbs>.card_box:hover .card_img { border-color:#006ddd; transition:all .2s; }
.card_img img { display:inline-block; width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.card_con { padding:15px; }
.card_con>* { display:inline-block; width:100%; line-height:20px; text-align:left; float:left; color:#888; }
.card_con>.title { margin-bottom:5px; font-size:18px; font-weight:bold; line-height:24px; color:#000; }

/* 웹진형 */
.web_img { display:inline-block; width:150px; overflow:hidden; position:relative; float:left; }
.web_img img { display:inline-block; width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.web_title_wrap { text-align:left; }
.web_title_wrap .ellipsis { width:calc(100% - 66px); font-size:16px; font-weight:bold; }
.web_title_wrap .new_label { width:24px; height:24px; font-size:14px; line-height:24px; }
.web_title_wrap .con { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:600px; max-height:40px; line-height:20px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.web_title_wrap .secret_box { width:16px; height:24px; line-height:24px; text-align:center; }

/* 게시판 - 답변형 */
.label_complete { display:inline-block; width:100%; line-height:28px; background:#006ddd; color:#fff; float:left; }
.label_wating { display:inline-block; width:100%; line-height:28px; background:#888; color:#fff; float:left; }

/* 게시판 - 평점형 */
.table_bbs .star_rating { padding:0; border:none; float:left; }
#rate { display:inline-block; height:34px; padding:0 10px; line-height:34px; border:1px solid #ddd; border-radius:0; float:left; cursor:pointer; }
.table_bbs .star_rating>.star { margin:0; }

/* 게시판 - qna형 */
.qna_Wrap { display:inline-block; width:100%; border:1px solid #ddd; border-left:none; border-right:none; float:left; }
.qna_box { display:inline-block; width:100%; float:left; transition:all .2s; cursor:pointer; position:relative; }
.qna_box:hover { background:#fafafa; }
.qna_box:not(:last-child) { border-bottom:1px solid #ddd; }
.qna_box>* { display:inline-block; width:100%; padding:0 15px; line-height:50px; float:left; }
.qna_title {}
.qna_title>* { display:inline-block; float:left; font-size:16px; line-height:48px; font-weight:bold; }
.qna_title>.arrow { float:right; transform:rotate(0deg); }
.qna_con { display:none; margin:0 0 10px; padding:0 20px; line-height:25px; text-align:left; position:relative; }
.qna_con .qna_info { display:inline-block; position:absolute; top:0; right:15px; }
.qna_con .qna_info>span { display:inline-block; float:left; color:#888; }
.qna_con .qna_info>span:not(:last-child):after { content:'·'; padding:0 5px; }
.qna_box.on .qna_title>.arrow { transform:rotate(180deg); }
.qna_btn { display:inline-block; width:auto; margin:6px 0; position:absolute; top:0; right:25px; float:right; }
.table_wrap .qna_btn .btn { display:inline-block; padding:0 20px; border:1px solid #000; background:#000; color:#fff; font-size:14px; line-height:34px; font-weight:bold; cursor:pointer; float:left; }
.table_wrap .qna_btn .btn:hover { background:#fff; color:#000; transition:all .2s; }
.table_wrap .qna_btn .edit_btn { background:#6ec300; border-color:#6ec300; }
.table_wrap .qna_btn .edit_btn:hover { color:#6ec300; }
.table_wrap .qna_btn .delete_btn { margin-left:5px; background:#de0000; border-color:#de0000; }
.table_wrap .qna_btn .delete_btn:hover { color:#de0000; }

/* 게시판 - 등록/수정 */
.bbs_insert_table { width:100%; margin:30px 0; border-collapse:collapse; border:1px solid #ddd; border-top:2px solid #000; }
.bbs_insert_table input { display:inline-block; width:100%; padding:0 10px; border:1px solid #ddd; line-height:34px; float:left; }
.bbs_insert_table td { padding:10px; border:1px solid #ddd; }
.bbs_insert_table td:first-child { background:#f2f4f7; text-align: center; }
label.btn { display:inline-block; padding:0; float:left; }
label.btn:not(:last-child) { margin-right:5px; }
.bbs_insert_table input[type=radio] { display:none; }
.bbs_insert_table input[type=radio] + span { display:inline-block; width:100%; height:40px; padding:0 20px; border:1px solid #ddd; border-radius:4px; line-height:38px; cursor:pointer; }
.bbs_insert_table input[type=radio] + span { padding:0 20px; }
.bbs_insert_table input[type=radio]:checked + span{ border:1px solid #026; background:#026; color:#fff; }

#bbsForm>.btn { display:inline-block; padding:0 20px; border:1px solid #888; background:#888; color:#fff; font-size:14px; line-height:34px; font-weight:bold; cursor:pointer; }
#bbsForm>.save_btn { background:#006ddd; border-color:#006ddd; }
#bbsForm>.save_btn:hover { background:#fff; color:#006ddd; }
#bbsForm>.btn:not(:last-child) { margin-right:5px; }
#bbsForm>.btn:hover { background:#fff; color:#888; transition:all .2s; }

/* 게시판 에디터 */
.bbs_insert_form_g .cke_chrome { border:1px solid #ccc; }
.bbs_insert_form_g .cke_top { border-bottom-color:#ccc; }
.bbs_insert_form_g .btn-default:hover { background:#fafafa; border:1px solid #026; }
.bbs_insert_form_g .form-control:focus { border-color:#026; box-shadow:0 0 2px #026; }
.bbs_insert_form_g .btn-default.focus, .bbs_insert_form_g .btn-default:focus, .bbs_insert_form_g .btn-default.active, .bbs_insert_form_g .btn-default:active, .bbs_insert_form_g .open>.dropdown-toggle.btn-default, .bbs_insert_form_g .btn-default.active.focus, .bbs_insert_form_g  .btn-default.active:focus, .bbs_insert_form_g .btn-default.active:hover, .bbs_insert_form_g .btn-default:active.focus, .bbs_insert_form_g .btn-default:active:focus, .bbs_insert_form_g .btn-default:active:hover, .bbs_insert_form_g .open>.dropdown-toggle.btn-default.focus, .bbs_insert_form_g .open>.dropdown-toggle.btn-default:focus, .bbs_insert_form_g .open>.dropdown-toggle.btn-default:hover { background:#fafafa; border:1px solid #026; }
.bbs_insert_form_g .cke_chrome { box-shadow:none; }
.bbs_insert_form_g .cke_top { background:#fff; background-image:none; }
.bbs_insert_form_g .cke_toolgroup, .bbs_insert_form_g a.cke_combo_button { border-color:#ccc; border-radius:0; box-shadow:none; background:#fff; background-image:none; cursor:pointer; transition:all .2s; cursor:pointer; }
.bbs_insert_form_g .cke_combo_off a.cke_combo_button:hover, .bbs_insert_form_g .cke_combo_off a.cke_combo_button:focus { border:1px solid #026; background:#efefef; background-image:none; }
.bbs_insert_form_g .cke_toolgroup a { cursor:pointer; }
.bbs_insert_form_g a.cke_button_off { cursor:pointer; transition:all .2s; }

.bbs_insert_form_g a.cke_button_off:hover, .bbs_insert_form_g a.cke_button_off:focus, .bbs_insert_form_g a.cke_button_off:active, .bbs_insert_form_g a.cke_button_disabled:hover, .bbs_insert_form_g a.cke_button_disabled:focus, .bbs_insert_form_g a.cke_button_disabled:active { box-shadow:none; background:#efefef; background-image:none; }

.bbs_insert_form_g a.cke_button_on, .bbs_insert_form_g a.cke_button_on:hover, .bbs_insert_form_g a.cke_button_on:focus, .bbs_insert_form_g a.cke_button_on:active { box-shadow:none; background:#efefef; background-image:none; }

.bbs_insert_form_g .cke_combo_off a.cke_combo_button:active, .bbs_insert_form_g .cke_combo_on a.cke_combo_button { box-shadow:none; background:#efefef; background-image:none; }

.bbs_insert_form_g .cke_toolgroup:hover { border:1px solid #026; }
.bbs_insert_form_g .cke_bottom { background:#fff; background-image:none; box-shadow:none; }

.mobile_admin_nav_wrap { display:none; }

.open_btn { display:none; }
.file_delete_btn { background: #f00; padding: 3px 8px; margin-top: 3px; font-size: 12px; color: #fff; cursor: pointer; }