@charset "utf-8";

/* 웹폰트 수정 */
@font-face {font-family: 'notokr';src: url('../../font/newmain/notokr-regular.eot');src: url('../../font/newmain/notokr-regular.eot?#iefix') format('embedded-opentype'),url('../../font/newmain/notokr-regular.woff2') format('woff2'),url('../../font/newmain/notokr-regular.woff') format('woff'),url('../../font/newmain/notokr-regular.ttf') format('truetype'), url('../../font/newmain/notokr-regular.svg#notokr-regular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'notokr';src: url('../../font/newmain/notokr-bold.eot');src: url('../../font/newmain/notokr-bold.eot?#iefix') format('embedded-opentype'),url('../../font/newmain/notokr-bold.woff2') format('woff2'),url('../../font/newmain/notokr-bold.woff') format('woff'),url('../../font/newmain/notokr-bold.ttf') format('truetype'),url('../../font/newmain/notokr-bold.svg#notokr-bold') format('svg');font-weight: bold;font-style: normal;}
/* 웹폰트 수정 */

body { background-color:#e9ecef;font-family:'notokr','Malgun Gothic',  sans-serif; letter-spacing:-0.05em; line-height:120%; color:#333333; }
a { text-decoration:none; color:#333333; cursor: pointer;}
a:hover {text-decoration:none;}
a:focus {outline:1px dotted blue;text-decoration:none;}

.wrap {width:100%;height:100%} 
.wrap:after, .wrap:before,.main_right:after,.main_right:before {content:'';display:table;}
.header { border-bottom:2px solid #39f; text-align:center; background: #f5f5f5;}
 
.gotop { position:fixed; width:40px; height:40px; left:1425px; bottom:10px; background-image:url('../../images/newmain/common/btn_top.png');z-index:9999;  }
@media screen and (max-width:768px) {
        .gotop { display:none; }
}
.business_areas:after, .business_areas:before,.notice_zone:after,.notice_zone:before{content:'';display:table;}
.business_areas:after,.notice_zone:after {clear:both;}
/* 상단 바 */
    .top { position:fixed; width:100%; background-image:url('../../images/newmain/common/bg_top.png');background-position:bottom; background-repeat:repeat; z-index:9; }
        .top_logo { float:left; display:block; width:229px; height:60px; /* border-right:1px solid #cdcdcd; */ text-indent:28px; line-height:90px; }
        .top_mnav_box {  display: none;  float: left; }
        .top_ham { float:left; display:none; width:59px; height:60px; border-right:1px solid #cdcdcd; background-image:url('../../images/newmain/common/icon_ham.png'); background-position:center; background-repeat:no-repeat;  }
        .top_search { float:left; display:block; width:258px; height:60px;/* border-right:1px solid #cdcdcd; */ }
        .top_can { display:none; float:left; width:59px; height:60px; border-right:1px solid #cdcdcd; background-image:url('../../images/newmain/common/icon_can.png'); background-position:center; background-repeat:no-repeat;  }
        /* .top_search { float:left; width:258px; height:60px;border-right:1px solid #cdcdcd; } */
            .top_search div { float:left; padding-top:16px;  }
                .ts_input { padding-left:20px; }
                    .ts_input input { width:195px; height:30px;  border:0; color:#6d6d6d; font-weight:bold; }
                .ts_button {  }
                    .ts_button button { width:30px; height:30px; background-color: #ffffff; border: 0; background-image:url('../../images/newmain/common/icon_search.png'); background-repeat:no-repeat; background-position:center; cursor:pointer; }
        .btn_member { position:absolute; top:20px; left:1260px; }   
            .btn_member a { font-size:80%; color:#868e96; background-image:url('../../images/newmain/common/icon_pipe.png'); background-position:right center; background-repeat:no-repeat; }
                .btn_member a.last { background-image:url(''); padding-right:0; }
        .top_lh_logo { position: fixed;left:1780px; top:5px; background: url('../../images/newmain/common/lh_logo.png') no-repeat 0 0;width:111px; height: 42px;  text-indent: -9999px; overflow: hidden;  }/*0712-02 수정*/
        .hn_alert{font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; /* letter-spacing: -0.10em !important;*/color: #002c80; line-height: 20px; padding: 4px 30px 3px 10px; position: relative; display: block; font-size: 14px; font-weight: 400; padding-left: 32px;background-color: #ffffff;margin: 0 0 0 0;}
		.hn_alert::before{ content: ''; background: url(../../images/newmain/common/ico_flag.svg) no-repeat center; width: 24px; height: 16px; display: inline-block; margin-right: 5px; position: absolute; vertical-align: middle; left: 0; top: 6px; margin-right: 5px; }
	
		/* 상단 슬라이드 배너 테스트 작업 strat*/
		#banner-wrap .owl-item div { height:46px; margin-top:12px; box-sizing:border-box; }
		#banner-wrap a { display:block; width:100%; height:100%; }
    	#banner-wrap { position:absolute; display:inline-block; left:985px; width:401px; height:70px; padding-top:10px;filter: contrast(0.9); }
    	#banner-wrap a img { border:1px solid #ccc; }
		#banner-wrap .owl-nav .owl-prev { position:absolute; top:23px; left:-15px; z-index:10; opacity:1; background:url('../../images/content/sub_prev_btn.png'); background-size:auto; background-repeat:no-repeat;}
    	#banner-wrap .owl-nav .owl-next { position:absolute; top:23px; right:-30px; z-index:10; opacity:1; background:url('../../images/content/sub_next_btn.png'); background-size:auto; background-repeat:no-repeat;}
    	#banner-wrap .owl-nav [class*=owl-] {text-indent:-9999px; width:20px; height:20px;}
		/* 상단 슬라이드 배너 테스트 작업 End*/
@media screen and (max-width:1440px) {
	#banner-wrap { display:none;}
}		
@media screen and (max-width:768px) {
    .top_mnav_box {  display: block; }
        .top_logo { position:absolute; width:229px; left:50%; transform:translateX(-38%); border:0; }
        .top_ham { display:block; }
        .top_search { left:60px; width:170px; }
            .ts_input input { width:105px; height:30px;  border:0; color:#6d6d6d; font-weight:bold; }
        .btn_member { display:none; }
        .hn_alert{ display:none; }        
    .mobile_hide{display:none;}
	#banner-wrap { display:none;}
}
@media screen and (max-width:600px) {
    .top_search { left:60px; width:60px; }
    .ts_input { display:none; }
        .ts_button button { width:60px; }
    .mobile_hide{display:none;}
        .hn_alert{ display:none; }	
		.skip-nav{ display:none; }	
	#banner-wrap { display:none;}
}

@media screen and (max-width:400px) {
    .top_logo { left:60%; }
    .mobile_hide{display:none;}
        .hn_alert{ display:none; }	
		.skip-nav{ display:none; }	
	#banner-wrap { display:none;}
}


/* 서브 영역 */
    .sub { position:absolute; top:110px;width:1400px; background-image:url('../../images/newmain/common/bg_sub.png'); min-height:700px; z-index:1; }
    .main { /* background: #000;  */ background: #fff;}
    
@media screen and (max-width:768px) {
    .sub { width:100%; top:0; background-image:url(''); height:0; }
    .main { width:100%; top:0; height:0; }
}

/* SUB_LEFT START */
        .lnb_back { position:absolute; width:0; height:0; text-indent:-99999px; }
        .sub_left { position:fixed; background-color:#1172be; width:230px; min-height:100%; padding-bottom:120px; z-index:101;} /*0712*/ /*21.03.23 z-index:2 > 101로 수정*/
            
            /* LNB */
            .sl_lnb { padding:30px 0px; }
                .sl_lnb>li {background-image:url('../../images/newmain/common/icon_arr01.png'); background-repeat:no-repeat; background-position:188px 13px; }
                    .sl_lnb>li>a { color:#CFE3F2;display:block; padding:10px 25px}
                .sl_lnb>.on { background-image:url('../../images/newmain/common/bg_lnb_on.png');   background-position:0 0; }
                    .sl_lnb>.on>a { color:#fff; }
                    .sl_lnb>li>ul { display:none; background-color:#002c80; /* border-radius:5px; */}
                        .sl_lnb>li>ul>li {  }
                        .sl_lnb>li>ul>li>a { font-size:90%; color:#b5d3ea;display:block;padding:10px 30px;/* border-bottom:1px solid #264b93 */ }
                        .sl_lnb>li>ul>li>a:hover,.sl_lnb>li>ul>li>a:focus,
                        .sl_lnb>li>ul .on { color:#fff; }
                        .sl_lnb>li>ul ul li a.menuItem:hover, .sl_lnb>li>ul ul li a.menuItem:focus { color:#16cbff; }

@media screen and (max-width:768px) {
        .lnb_back { display:none; position:fixed; width:100%; height:100%; background-image:url('../../images/newmain/common/bg_lnb_back.png'); z-index:99; }
        .sub_left { position:fixed; left:-230px; max-width:230px; width:80%; top:0px; z-index:101; padding-top:30px; }
            .sl_lnb {  }
}
/* SUB_LEFT END */

/* COPYRIGHT(DESKTOP) START */
            .sl_copyright { width:100%; bottom:0px; padding:30px 20px 30px 20px; }
                .sl_copyright .time { color:#a6c1eb; font-size:80%; display:inline-block;}
                .sl_copyright .tel { padding:15px 0; border-bottom:1px solid #418ede; color:#0a2972; font-size:200%; }
                .sl_copyright .privacy { display:block; padding:12px 0; color:#ffffff; font-size:90%; font-weight:bold; }
                .sl_copyright .text { color:#a6c1eb; font-size:78%; letter-spacing:-0.08em; line-height:140%; }
            .copyright { display:none; }
/* COPYRIGHT(DESKTOP) END */


/* MAIN_RIGHT START */
        .main_right { float:right; width:1169px; border-right:1px solid #e5e5e5; }

            /* 팝업존 이미지 */
            .business_areas { background-color:#f6f6f6; padding:0 29px 0 30px;  height: 516px; }/* 0713*/
                .ba_title {width:564px; margin: 0 auto; text-align:center; padding:50px 0 16px 0;  font-size: 130%;      background-image: url(../../images/newmain/common/bg_border.png);background-repeat: no-repeat; background-position: center bottom; position: relative; }/*0712-02 수정*/
                    .ba_title:before,
                    .ba_title:after  { content: '';  display: block; width:47px; height: 49px; position: absolute;   }/*0712*/
                    .ba_title:before { top:48px; left:0;   background: url(../../images/newmain/common/mslide_title_bg01.png) no-repeat 0 0;  }/*0712-02 수정*/
                    .ba_title:after  { bottom:-20px; right:0; background: url(../../images/newmain/common/mslide_title_bg02.png) no-repeat 0 0;   }/*0712*/
                    
                    .ba_title span {  display: inline-block;  font-weight: bold; color: #1172d6;  font-size:140%;    background: url(../../images/newmain/common/mslide_title.png) no-repeat 50% 0;}

                
                
                .ba_text { text-align:center; padding:12px 0 40px;font-size:20px }/*0712-02 수정*/
                    .ba_img { position:relative; z-index:1; }
                    .ba_img ul { padding:0 25px 40px 25px; min-height:322px; }
                        .ba_img ul li { float:left; width:262px; min-height:292px; margin-left:12px; overflow:hidden }

                        .ba_img ul>li>div {  }
                            .ba_img ul>li>div>p { float:left; font-size:130%; line-height:130%; }
                            .ba_img ul>li>div>a { float:right; width:27px; height:29px; background-image:url('../../images/newmain/common/btn_more.png'); margin-bottom:5px; }

                        .ba_img ul>li>a { clear:both; }

                            .ba_img ul li img { margin-left:-50px; }
                        .ba_img ul li.first { margin-left:0px; }
                    .ba_img a.btn_left { position:absolute; width:52px; height:52px; min-height:0; top:145px; left:0; background-image:url('../../images/newmain/common/btn_left03.png'); z-index:10; }
                    .ba_img a.btn_right { position:absolute; width:52px; height:52px; min-height:0; top:145px; right:0; background-image:url('../../images/newmain/common/btn_right03.png'); z-index:10; }
                    
                    
                    .m_slide_wrap {  padding: 0 15px; min-height:322px;  }
                    
                    .ba_img .subject { overflow: hidden; }  /* 0720*/
                    /*.ba_img .subject p { float:left; font-size: 16px; font-weight: bold;}0712*/   
                    .ba_img .subject p { float:left; font-size: 16px; font-weight: bold; line-height: 29px; } /*0720*/

                    .ba_img .subject p span  { color: #1172d6; }/*0712*/
                    
                    .ba_img .subject a { float:right; width:27px; height:29px; background:url('../../images/newmain/common/btn_more02.png') no-repeat 50% 50%;  }/*0712*/
                    .ba_img a img { width: 213px; height: 280px;} /* 0713*/
                    
                    
                    #main_    .owl-nav {  margin: 0; }
                    #main_slide_box  .owl-nav [class*=owl-] { width:52px; height:52px;  text-indent:-9999px;   position: absolute; top:132px;   }
                    #main_slide_box  .owl-nav .owl-prev  {   left:-40px; background:url('../../images/newmain/common/btn_left03.png') no-repeat 50% 50%; z-index:10;   }
                    #main_slide_box  .owl-nav .owl-next   {   right:-40px; background:url('../../images/newmain/common/btn_right03.png')  no-repeat 50% 50%; z-index:10;   }
                    #main_slide_box  .owl-dots { padding: 3px 0; }
                    #main_slide_box  .owl-dots .owl-dot span { background: #a2a6ae; margin: 5px 3px;border-radius:50%!important;text-indent:-9999px;font-size:1px }
                    
                    #main_slide_box .owl-dots .owl-dot:hover span  { background: #8d9199;}
                    #main_slide_box .owl-dots .owl-dot.active span { background: #f44336; }
                    

@media screen and (max-width:768px) {
        .main_right { width:100%; margin-top:60px;; margin-bottom:0px; }
            .business_areas { padding:0 20px;  }
            .ba_img { padding-bottom:0; }
            .ba_img ul { padding:0; width:100%; min-height:0; height:100%; }
                    .ba_img ul li { display:inline-block; float:none; width:48%; min-height:0; margin-left:1%; text-align:center; }
                    .ba_img ul>li>div { display:none; }
                            .ba_img ul li img { margin-left:0; max-width:100%; min-height:100%; }
                    .ba_img a.btn_left { margin-left:-10px; top:35%; }
                    .ba_img a.btn_right { margin-right:-10px; top:35%; }
            .ba_title {width:auto; }/*0712*/
                    .ba_title:before,
                    .ba_title:after  { display: none; }/*0712*/
                    
                    
}

@media screen and (max-width:500px) {
        .main_right { width:100%; margin-top:60px;; margin-bottom:28px; }
            .business_areas { height: auto  } /* 0713 수정*/  
                .ba_title { display:none; }
                .ba_text { display:none; }
                    .ba_img { padding-top:20px; }
                        .ba_img ul li { width:100%; margin-left:0%; text-align:center; }
                        .ba_img a.btn_left { top:40%; }
                        .ba_img a.btn_right { top:40%; }
}

            /* 공지사항 및 */
            .notice_zone { background-color:#ffffff; min-height:392px; padding:30px 45px 20px 45px; }/*0712-02 수정*/
            
                /* 공지사항, 보도자료 */
                .nz_left { float:left; width:520px; }
                    .nzl_tab { float:left; }
                        /*.nzl_tab > a { float:left; font-size:125%;font-weight:bold; color:#878787; margin-right:25px; }0712-02 수정 */
						.nzl_tab > a { float:left; font-size:17px;color:#878787; margin-right:25px; } /*2022-04-04 수정 syj*/
                        .nzl_tab > a.on { color:#000000; }
                    .nzl_more { float:right; width:27px; height:29px; background-image:url('../../images/newmain/common/btn_more.png');  }

                    .nzl_thum { clear:both; padding-top:15px;  overflow: hidden; }
                        .nzl_thum .date { float:left; width:90px; height:90px; border:1px solid #dddddd; text-align:center; }
                            .nzl_thum .date .p01 { color:#888888; padding-top:25px; }
                            .nzl_thum .date .p02 { font-size:140%; font-weight:bold; }
                        .nzl_thum .text { margin: 0 0 0 95px; padding-left:10px; width:400px; }
                            .nzl_thum .text .subject { font-size:105%; padding-top:3px; font-weight:bold; }
                            
                            
                            .nzl_thum .text .context { font-size:90%; padding-top:15px; color:#666666;line-height:23px; }/*0712-02 수정*/

                    .nzl_notice { clear:both; margin-top:20px; padding-top:12px; border-top:1px solid #cbced2; }
                        .nzl_notice p a { color:#31394a; }
                        /*
.nzl_notice .subject { float:left; width:420px; padding:7px 0 7px 15px; background-image:url('../../images/newmain/common/dot05.png'); background-repeat:no-repeat; background-position:0 center; font-size:95%; }
                        .nzl_notice .date { float:right; width:80px; padding:7px 0;}
*/
                        
                        .nzl_notice ul li { position: relative; padding: 0 70px 0 0;}
                        .nzl_notice ul li a { display: block;      text-overflow: ellipsis;white-space: nowrap;word-wrap: normal; overflow: hidden;width: auto;  padding:7px 0 7px 10px; background-image:url('../../images/newmain/common/dot05.png'); background-repeat:no-repeat; background-position:0 center; font-size:95%;   }
                        .nzl_notice ul li span { display: block; position: absolute; right:0; top:7px;  font-size:90%; color:#31394a; font-weight:normal;  }
                        
                        .icon_new {display:inline-block; width:15px;height:20px;background:url(../../images/newmain/common/ico_new.png) no-repeat left top;margin-left:4px; text-indent:-10000px;margin-bottom:-3px;background-position:0 center;}

                    @media screen and (max-width:768px) {
                            .notice_zone { min-height:300px; }
                                .nz_left {  float: none; width: auto; }
                                    .nzl_more { float:right; width:27px; height:29px; background-image:url('../../images/newmain/common/btn_more.png');  }

                                    .nzl_thum { position:relative; height:auto; }
                                    .nzl_thum .date { }
                                    .nzl_thum .text { width:auto; }
                                    
                                    .nzl_notice .subject { padding: 0 120px 0 0; background: #000; float: none; width:auto;}
                                    .nzl_notice .date { }
                                    
                                    
                    }

                    @media screen and (max-width:500px) {
                                .nz_left { width:auto; padding:20px 15px 20px 15px; }
                                    .nzl_notice .subject { width:auto; }
                    }
                        

                /* 부동산통계, 부동산 정보가이드 */
                .nz_right { float:right; width:520px;  overflow: hidden;}/* 0712-02 수정 */
                    .nz_right>div { float:left; background-repeat:no-repeat; background-position:center 20px; }
                    .nz_right .anal { width:260px; height:auto;  background: #f2f3f5;  padding: 16px 0 0 0; } /* 0712-02 수정 */
                        .nz_right>div .title {  padding:0px 0 0 80px; font-size:120%; font-weight:bold;  background: url(../../images/newmain/common/icon_m01.png) no-repeat 14px 0; line-height: 57px;  margin-bottom: 12px}/*0712*/ 
                        .nz_right>div .link { display:block; padding:5px 0 5px 15px; margin:0 15px; background-image:url('../../images/newmain/common/dot05.png'); background-repeat:no-repeat; background-position:0 center; color:#31394a; font-size:95%; }
                    .nz_right .info { background: #e9ecef; }
                        .nz_right .info .title { background: url(../../images/newmain/common/icon_m02.png) no-repeat 14px 0;  }/*0712*/ 
                        
                        .nz_right>div .btn_box { padding:20px 15px; }/* 0712-02 수정 */
                        .nz_right>div .btn_box  a{  display: block; background: #f2f3f5;border:1px solid #bfbfbf; line-height: 38px; text-align: center; margin-bottom: 5px; }/*0712*/
                        .nz_right>div .btn_box  a:last-child { margin-bottom: 0px;}/*0712*/
                        .nz_right>div .btn_box  a:hover  { border:1px solid #91a3c6; background: #91a3c6;color: #fff;}/*0712*/
                        
                    
                    @media screen and (max-width:768px) {
                        .nz_right { clear:both; float:none; width:100%; }
                            .nz_right .anal { width:50%;  margin-top:20px; }
                            .nz_right .info { width:50%; margin-top:20px; }

                            .nz_right>div .btn_box .btn02 { width:48%; }
                            .nz_right>div .btn_box .btn03 { width:48%; }
                    }

                    @media screen and (max-width:500px) {
                        .notice_zone { min-height:0px; padding:0; }
                            .nz_right>div { float:none; }
                            
                            .nz_right .anal { width:100%; }
                            .nz_right .info { width:100%; margin-top: 0px }/* 0712 수정 */

                    }
    

/* 온나라의 빅데이터 */
/* .big_data { position:absolute; width:477px; min-height:400px; margin-left:1401px; }0713 수정 */
.big_data { position:absolute; width:477px; min-height:400px; margin-left:1171px; top:12px; }/*0713 수정*/
    .big_data .bd_title { background-image:url('../../images/newmain/common/bg_border.png'); background-repeat:no-repeat; background-position:center bottom; font-size:120%; text-align:center; padding:50px 0 14px 0;  }/*0712-02 수정*/
    .big_data .bd_title02 { padding:20px 0 32px; text-align:center; font-size:210%; font-weight:bold; color: #0a2972; }/*0712-02 수정*/
        .big_data .bd_title02 span { color:#1172d6; }
    .big_data .bd_map { padding:20px 20px 30px 20px; overflow: hidden;}/*0713  수정*/

    .big_data .bd_total { padding:26px 20px 30px 20px; }
        .bd_total .title { font-size:140%; font-weight:bold; }
        .bd_total .search { background-color:#ffffff; margin-top:10px; }
            .bd_total .search a { display:block; float:left; padding:8px 0; width:50%; text-align:center; background-color:#cdd1d5; }/*0713 수정*/
                .bd_total .search .on { background-color:#1172be; color:#ffffff; }/*0712*/ 
        .bd_total .select { position:relative; clear:both; padding:10px 8px 10px 15px; background-color:#ffffff; }/*0712-02 수정*/
            .bd_total .select select { float:left; width:168px; height:30px; margin:0 5px 5px 0; border:1px solid #ced4da; } /* 0713 */
            /* .bd_total .select input { float:left; width:83px; height:26px; margin:0 5px 5px 0; border:1px solid #ced4da; } */
            .bd_total .select input { float:left; width:79.5px; height:26px; margin:0 5px 5px 0; border:1px solid #ced4da; }
            .bd_total .select .btn { display:block; position:absolute; right:15px; width:60px; height:66px; border-radius:3px; background-color:#00a4da; color:#ffffff; text-align:center; line-height:66px; font-size:90%; }/*0712-02 수정*/
        .bd_total .baro { clear:both; margin-top:10px; }/*0712-02 수정*/
        

@media screen and (max-width:768px) {
        .big_data { display:none; }
}
    
/* SUB_RIGHT START */
        .sub_right { float:right; width:1170px; }
            .sr_area { width:100%;height:48px; background-color:#dee2e6; }
                .sr_area .home { float:left; display:block; width:59px; height:48px; border-right:1px solid #cdcdcd; text-indent:22px; line-height:50px; }
                .sr_area .area {  }
                    .sr_area .area>li { float:left; border-right:1px solid #cdcdcd; }
                        .sr_area .area>li>a { position:relative; display:block; padding:0 50px 0 20px; height:48px; background-image:url('../../images/newmain/common/icon_arr03.png'); background-repeat:no-repeat; background-position:right center; color:#333333; font-size:83%; line-height:48px; }
                        .sr_area .area>li>.on { background-color:#1172d6; color:#ffffff; font-weight:bold; background-image:url('../../images/newmain/common/icon_arr03_on.png'); }
                .sr_area .dropdown { display:none; position:absolute; top:48px; border:1px solid #213152; z-index:100; }
                    .sr_area .dropdown>a { display:block; padding:0 50px 0 20px; min-width:80px; height:39px; color:#333333; background-color:#ffffff; background-image:url('../../images/newmain/common/icon_arr04.png'); background-repeat:no-repeat; background-position:right center; font-size:90%; line-height:38px; }
                    .sr_area .dropdown>.on { background-color:#f2f5f8 }

            .sub_contents { padding:30px 50px 60px 50px; }

                .subtitle{ padding-bottom:15px; height:40px; }
                    .subtitle h3 { float:left; font-size:180%; font-weight:bold; }
                    .subtitle a { float:right; width:36px; height:36px; background-image:url('../../images/newmain/common/icon_print.png'); }

                .box_text { clear:both; position:relative; background-image:url('../../images/newmain/common/bg_box_text.png'); padding:7px;
                }
                    .box_text div { background-color:#ffffff; background-image:url('../../images/newmain/common/box_text_bg01.png'); background-repeat:no-repeat; background-position:40px center; padding:15px 15px 15px 170px; }
                    .box_text div.member { background-image:url('../../images/newmain/common/box_text_bg02.png');   }
                    .box_text div.join { background-image:url('../../images/newmain/common/box_text_bg03.png'); }
                        .box_text div p { font-size:180%; padding-top:15px; }
                        .box_text div ul { padding:8px 0; }
                            .sub_contents .box_text div ul li { display:block; background-image:url('../../images/newmain/common/dot01.png'); background-repeat:no-repeat; background-position:0 center; padding-left:15px; margin-top:5px; font-size:95%; letter-spacing:-0.06em; line-height:21px; }
                            .sub_contents .box_text div ul li:last-child { margin-bottom:10px; }
                .diagram:after, .diagram:before, .diagram .title:after, .diagram .title:before {content:'';display:table;}
                .diagram:after, .diagram .title:after {clear:both;}
                .diagram { margin-top:25px; border:1px solid #c7cdd8; /* box-shadow:0 0 5px 1px #e9e9e9; */ background-color:#ffffff;  }
                    .diagram .title { background-color:#e9ecef; padding:16px 15px 9px; border-bottom:1px solid #c7cdd8;overflow:hidden}
                        .diagram .title h4 { float:left;position:relative; font-size:25px; font-weight:bold;padding-left:20px;margin:0;}
                        .diagram .title h4:before {content:'';position:absolute;left:0;top:7px;width:12px;height:12px;display:inline-block;border:3px solid #0c6eb9;}
                        .diagram .title a { float:right; /* width:30px; height:30px;  */background-repeat:no-repeat; background-position:center;position:relative;top:-5px}
                        

                    .diagram .in { padding:15px;overflow:hidden;padding-bottom:20px}
                        .diagram .in .dia {width:100%; border:1px solid #e9e9e9; }
                            .diagram .in .dia p { padding:10px; }
                                .diagram .in .dia p img { width:100%; }
                                
                
                        /* 경제지표 테이블 */  
                        
                        .diagram .in .table {width:100%; font-size:85%;/* margin-bottom:0!important;position:absolute;bottom:0;right:15px;padding-left:15px */}
                            .diagram .in .table p { text-align:right; padding-bottom:10px;}
                            .diagram .in .table table { width:100%; /* min-height:205px; */ border-top:2px solid #1072be;}
                            .diagram .in .table table th { height:39px; border-bottom:1px solid #adadad; border-right:1px solid #cdcdcd; font-weight:bold; vertical-align:middle;text-align:center; background-color:#eaecf0;}
                            .diagram .in .table table th:last-child {border-right:0!important}
                            .diagram .in .table table td { height:41px; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;vertical-align:middle; text-align:right; padding:0 10px }
                            .diagram .in .table table td:last-child{border-right:0!important}
                            
                            /* 경제지표 테이블 컬러타입 
                            .diagram .in .table .c01 { background-color:#4abcde; color:#ffffff; border-right:1px solid #ffffff; text-align:center; }
                            .diagram .in .table .c02 { background-color:#f9f9f9; text-align:center; }
                            .diagram .in .table .c03 { background-color:#fffbf4; }
                            */
                            
                            .diagram .in .scroll_type {  overflow-x: scroll;}
                            .diagram .in .scroll_type table td { white-space: nowrap;}
                            
                    #statContents:after, #statContents:before,#statContents .diagram:after,#statContents .diagram:before    {content:'';display:table;}
                    #statContents:after,#statContents .diagram:after {clear:both;}
                    #statContents .diagram {margin-bottom:20px;border:1px solid #ddd}
                    #statContents .diagram .in.printpopup {padding:0}
                    #statContents .diagram .in.printpopup .dia {height:240px}           
                    #statContents .diagram .in.printpopup .table{position:relative;right:0;padding-left:0;height:240px}
                    #statContents .diagram {float:left;width:50%;padding-right:10px;border:0;height:280px}
                    #statContents .diagram:nth-of-type(even) {padding-left:10px;padding-right:0}
                    #statContents .diagram .title {background:none;padding:0;margin-bottom:10px}

@media screen and (max-width:768px) {
        .sub_right { width:100%; margin-bottom:20px; }
            .sr_area { margin-top:60px; }
                .sr_area .home { display:none; }
                .sr_area .dropdown { top:108px; }
                .sub_contents { padding:15px 5px; }

                .subtitle a { display:none; }
                .box_text div { background-color:#ffffff; background-image:url(''); background-repeat:no-repeat;padding:0 15px }
                .box_text div p { font-size:150%; }
                        .sub_contents .box_text div ul li { padding-left:15px; font-size:85%; }

                    .diagram .in { height:auto; }
                        .diagram .in .dia { width:100%; text-align:center; border:0; }
                            .diagram .in .dia p img { max-width:515px; }
                        .diagram .in .table { clear:both; float:none; width:100%; min-height:240px; }
                            .diagram .in .table p { padding-top:30px; }
}
@media screen and (max-width:500px) {
                    .box_text div p { display:none; }
                    .box_text div ul { padding:10px 0; }
}
/* SUB_RIGHT END*/

/* 생활가이드_TOP */
.image_type01 { clear:both; min-height:350px; margin-bottom:30px; }
    .image_type01 .left { float:left; width:545px; height:350px; background-color:#eeeeee; border:1px solid #d3d6d8; overflow:hidden; }
        .image_type01 .left img { min-width:100%; max-width:100%; min-height:100%; }
    .image_type01 .right { float:right; width:535px; }
        .image_type01 .title { font-size:125%; color:#286dc0; height:50px; }
        .image_type01 .text { font-size:85%; overflow:hidden; }
        .image_type01 .right>div { float:left; width:260px; height:140px; background-color:#eeeeee; border:1px solid #d3d6d8; margin-right:5px; overflow:hidden; }
            .image_type01 .right>div img { min-width:100%; max-width:100%; min-height:100%; }
        .image_type01 .right .last { margin-right:0; }
@media screen and (max-width:768px) {
    .image_type01 .left { float:none; width:100%; height:auto; }
        .image_type01 .right .title { padding-top:10px; height:30px; }
        .image_type01 .right .text { height:auto; }
    .image_type01 .right { float:none; width:100%; height:auto; }
        .image_type01 .right>div { float:none; display:inline-block; width:25%; height:auto; margin-top:20px; margin-right:2%; }
}
@media screen and (max-width:500px) {
    
}

/* 정책가이드_TOP */
.image_type02 { clear:both; max-height:250px; margin-bottom:30px; }
    .image_type02 .img-box {position:relative; max-height:240px; overflow:hidden;display:block}
    .image_type02 .img-box:focus {outline:1px dotted #1172be}
    .image_type02 .last { margin-right:0; }
        .image_type02 .img-box .img { }
        .image_type02 .img-box .text {  position:absolute; z-index:2; width:100%; height:38px;bottom:0; background-color:#616161; /*background-image:url('../../images/newmain/common/bg_black_70.png');*/ color:#ffffff; font-weight:bold; line-height:34px;/*  text-indent:12px; */  }

@media screen and (max-width:768px) {
    .image_type02 { min-height:0; }
        .image_type02>div { width:48%; min-height:0; margin-right:2%; margin-bottom:20px; }
            .image_type02>div .img img { max-width:100%; }
}
@media screen and (max-width:500px) {
    
}


/*갤러리타입01*/
.gallery_type01 { clear:both; padding-top:20px; }
    .gallery_type01>a { float:left; width:49%; margin-right:2%; min-height:130px; margin-bottom:20px; }
    .gallery_type01 .second { margin-right:0; }
        .gallery_type01>a .img { float:left; width:154px; background-color:#fff; border:1px solid #fff; overflow:hidden; }
            .gallery_type01>a .img img { min-width:70%; max-width:70%; min-height:70%; background:#fff;border:1px solid transparent;}
        .gallery_type01>a .text { float:right; width:370px; }
            .gallery_type01>a .text .title { color:#000000; font-weight:bold; overflow:hidden; }
            .gallery_type01>a .text .detail { color:#777777; font-size:95%; height:40px; overflow:hidden; }
            .gallery_type01>a .text .date { color:#777777; font-size:85%; }
@media screen and (max-width:768px) {
    .gallery_type01>a { float:none; clear:both; width:100%; min-height:0; display:block}
        .gallery_type01>a .img { width:30%; margin-bottom:20px; }
        .gallery_type01>a .text { width:65%; }
            
            
}
@media screen and (max-width:500px) {
            .gallery_type01>a .text .title { height:40px; }
            .gallery_type01>a .text .detail { height:20px; }
}

/*갤러리(뷰)타입01*/
.gallery_view_type01 { clear:both; padding-top:20px; }
    .gallery_view_type01 .title { padding:15px 10px 18px; background-color:#f4f4f4; font-size:110%; font-weight:bold; border-top:2px solid #000000; border-bottom:1px solid #dbdbdb; }
    .gallery_view_type01 .detail { padding:15px 10px 18px; border-bottom:1px solid #dbdbdb; font-size:90%; } 
        .gallery_view_type01 .detail dt { display:inline-block; font-weight:bold; }
        .gallery_view_type01 .detail dd { display:inline-block; padding-right:20px; color:#777777; }
    
    /* 카루셀 css */
    .gallery_view_type01 .img_box { position:relative; margin:20px auto; width:960px; height:840px; background-color:#424242; text-align:center; padding-top:15px; }
        .gallery_view_type01 .img_box img { min-height:685px; max-width:100%; }
        .gallery_view_type01 .img_box>a { position:absolute; width:23px; height:45px; top:387px; }
        .gallery_view_type01 .img_box .left { left:30px; background-image:url('../../images/newmain/common/btn_left.png'); }
        .gallery_view_type01 .img_box .right { right:30px; background-image:url('../../images/newmain/common/btn_right.png'); }
        
        .gallery_view_type01 .img_box .im_bottom { position:absolute; width:100%; height:130px; bottom:0; background-color:#2c2b2b; border:0; text-align:center; }
            .gallery_view_type01 .img_box .im_bottom>a { display:inline-block; margin-top:13px; height:100px; background-color:#000000; background-repeat:no-repeat; background-position:center; border:2px solid #000000; }
            .gallery_view_type01 .img_box .im_bottom .s_left { width:30px; background-image:url('../../images/newmain/common/btn_left02.png'); }
            .gallery_view_type01 .img_box .im_bottom .s_right { width:30px; background-image:url('../../images/newmain/common/btn_right02.png'); }
            .gallery_view_type01 .img_box .im_bottom .img { width:135px; }
            .gallery_view_type01 .img_box .im_bottom .img img { min-height:100%; max-width:100%; }
            .gallery_view_type01 .img_box .im_bottom .on { border:2px solid #00a0e9; }

@media screen and (max-width:768px) {
    .gallery_view_type01 .img_box { position:relative; width:100%; height:auto; padding-top:0px; }
    .gallery_view_type01 .img_box img { min-height:200px; max-width:100%; }

    .gallery_view_type01 .img_box .im_bottom { position:absolute; width:100%; height:100px; overflow:hidden; }
    .gallery_view_type01 .img_box .im_bottom>a { height:70px; background-color:#000000; }
        .gallery_view_type01 .img_box .im_bottom .s_left { width:30px; }
            .gallery_view_type01 .img_box .im_bottom .s_right { width:30px; }
            .gallery_view_type01 .img_box .im_bottom .img { width:100px; }
}

@media screen and (max-width:500px) {
            .gallery_view_type01 .img_box .im_bottom .img { width:70px; }
}


    .gallery_view_type01 .text { padding:0 20px; font-size:95%; line-height:140%; }
    .gallery_view_type01 .btn { margin-top:30px; border-top:1px solid #dbdbdb; padding:20px 20px; text-align:right; }
    .gallery_view_type01 .bottom {  border-top:2px solid #000000;  }
                .gallery_view_type01 .bottom dl { border-bottom:1px solid #dbdbdb;  }
                .gallery_view_type01 .bottom dl dt, dd { display:inline-block; }
                .gallery_view_type01 .bottom dl dt { font-weight:bold; padding:18px 70px; background-color:#f4f4f4;  }
                .gallery_view_type01 .bottom dl dd { padding:18px; font-size:90%; }


/* 통계리포트 */
.stats { clear:both; }
    .stats ul { margin-top:20px; }
        .stats ul li { float:left; width:15.88%; margin-right:10px; }
        .stats ul .last { margin-right:0; }
            .stats ul li a { position:relative; display:block; height:110px; border:1px solid #bfbfbf; margin-bottom:10px; }
            .stats ul li a:hover { background-image:url('../../images/newmain/common/bg_black_30.png'); outline:2px solid #ff7800;height:110px; }
            .stats ul li a.on { background-image:url('../../images/newmain/common/bg_black_30.png'); outline:2px solid #ff7800; height:110px; }
                .stats ul li a span { display:block; position:absolute; width:30px; height:30px; color:#ffffff; text-align:center; font-weight:bold; line-height:26px; left:50%; margin-left:-15px; top:40px; background-image:url('../../images/newmain/common/bg_circle.png'); }
            .stats ul li p { text-align:center; height:50px; }

@media screen and (max-width:768px) {
    .stats ul li { width:48%; }
                .gallery_view_type01 .bottom dl dt { display:block; padding:10px; text-align:center; }
                .gallery_view_type01 .bottom dl dd { display:block; padding:10px; }
}

@media screen and (max-width:500px) {
    .stats ul li { float:none; width:100%; }
}


/* 통계리포트 Tip*/
.stats_tip { position:fixed; width:200px; top:250px; left:1420px; }
    .stats_tip .title { background-color:#1172be; color:#ffffff; font-weight:bold; font-size:90%; text-align:center; padding:10px 0; }
    .stats_tip .st_contents { padding:15px; background-color:#ffffff; }
        .stats_tip .st_contents .s_title { color:#999999; font-weight:bold; font-size:90%; text-align:center; padding:0 0 10px; border-bottom:1px solid #cdcdcd; margin-bottom:15px}
        .stats_tip .st_contents ol li {position:relative;font-size:0.80rem}
        .stats_tip .st_contents ol li + li {margin-top:30px}
        .stats_tip .st_contents ol li + li:before{content:'';display:block;width:100%;height:12px;position:absolute;top:-25px;background:url('../../images/common/report-tip-arrow.png') no-repeat center}
        .stats_tip .st_contents ol li .icons {display:block;width:64px;height:64px;margin:5px auto;background:url('../../images/common/report-tip.png') no-repeat; }
        .stats_tip .st_contents ol li .icons.icon-01 {background-position:0 0;}
        .stats_tip .st_contents ol li .icons.icon-02 {background-position:0 -172px;}
        .stats_tip .st_contents ol li .icons.icon-03 {background-position:0 -310px;}
        .stats_tip .st_contents ol li .icons.icon-04 {background-position:0 -463px;}
            /* .stats_tip .st_contents ol li { font-size:90%; background-repeat:no-repeat; background-position:0 10px; line-height:24px; padding:10px 0 10px 35px; }
            .stats_tip .st_contents ol .li01 { background-image:url('../../images/newmain/common/icon_ol01.png'); }
            .stats_tip .st_contents ol .li02 { background-image:url('../../images/newmain/common/icon_ol02.png'); }
            .stats_tip .st_contents ol .li03 { background-image:url('../../images/newmain/common/icon_ol03.png'); }
            .stats_tip .st_contents ol .li04 { background-image:url('../../images/newmain/common/icon_ol04.png'); }
            .stats_tip .st_contents ol .li05 { background-image:url('../../images/newmain/common/icon_ol05.png'); }
            .stats_tip .st_contents ol .li06 { background-image:url('../../images/newmain/common/icon_ol06.png'); } */

@media screen and (max-width:768px) {
.stats_tip { display:none; }
}



/* COPYRIGHT(UNDER TABLET) START */
@media screen and (max-width:768px) {
            .copyright { display:block; clear:both; height:60px; padding:20px 8px; border-top:1px solid #cbced2; background-color:#f6f6f6; }
                .copyright a { display:block; margin-bottom:12px; font-weight:bold; }
                .copyright .text { float:left; width:55%; font-size:78%; letter-spacing:-0.08em; line-height:140%; }
                .copyright .time { float:left; width:22%; font-size:80%; }
                .copyright .tel { float:right; width:23%; color:#339b8b; font-size:140%; text-align:right; }

            .sl_copyright { padding: 0px 20px 30px 20px;/* display:none; */ }
}
@media screen and (max-width:620px) {
                .copyright { height:140px; }
                .copyright .text { float:none; width:100%; margin-bottom:20px; }
                .copyright .time { float:left; width:50%; }
                .copyright .tel { float:right; width:50%; font-size:140%; }
}
/* COPYRIGHT(DESKTOP) END */

.switch { margin:30px 12px; width:68px; background-color:#424242; border-radius:10px; }
    .switch li { display:block; position:relative; width:68px; text-align:center; }
    .switch .line01 { height:29px; background-image:url('../../images/newmain/common/bg_switch_only.png'); color:#b1b1b1; line-height:23px; }
        .switch .line01 a { display:block; position:absolute; width:68px; height:29px; color:#b1b1b1; font-size:85%; }
        .switch .line01 .on { background-image:url('../../images/newmain/common/bg_switch_on.png'); color:#ffffff; font-weight:bold; box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3); }
        .switch .line01 .top { background-image:url('../../images/newmain/common/bg_switch_top.png'); }
        .switch .line01 .middle { background-image:url('../../images/newmain/common/bg_switch_middle.png'); }
        .switch .line01 .bottom { background-image:url('../../images/newmain/common/bg_switch_bottom.png'); }
    .switch .line02 { height:43px; background-image:url('../../images/newmain/common/bg_switch_2line_only.png'); color:#b1b1b1; }
        .switch .line02 a { display:block; position:absolute; width:68px; padding:6px 0 11px; color:#b1b1b1; font-size:85%; background-repeat:no-repeat; }
            .switch .line02 a span { font-size:90%; }
        .switch .line02 .on { background-image:url('../../images/newmain/common/bg_switch_2line_on.png'); color:#ffffff; font-weight:bold; box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3); }
        .switch .line02 .top { background-image:url('../../images/newmain/common/bg_switch_2line_top.png'); }
        .switch .line02 .middle { background-image:url('../../images/newmain/common/bg_switch_2line_middle.png'); }
        .switch .line02 .bottom { background-image:url('../../images/newmain/common/bg_switch_2line_bottom.png'); }


/* 회원관련 */
.join_tab { position:relative; height:81px; }
    .join_tab>div { position:absolute; width:370px; height:55px; border-top:6px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; background-color:#f2f2f2; background-image:url('../../images/newmain/common/bg_circle03.png'); background-position:27px center; background-repeat:no-repeat; }   
        .join_tab .tab01 { left:0px; }
        .join_tab .tab02 { left:371px; }
        .join_tab .tab03 { left:741px; }
            .join_tab>div .icon { position:absolute; width:34px; height:34px; left:27px; top:10px; }
            .join_tab .tab01 .icon { background-image:url('../../images/newmain/common/icon_join01.png'); }
            .join_tab .tab02 .icon { background-image:url('../../images/newmain/common/icon_join02.png'); }
            .join_tab .tab03 .icon { background-image:url('../../images/newmain/common/icon_join03.png'); }
        .join_tab .on { border-top:6px solid #46537c; background-color:#ffffff; background-image:url('../../images/newmain/common/bg_circle02.png'); }
        .join_tab>div .arr { position:absolute; left:369px; top:20px; width:9px; height:16px; background-image:url('../../images/newmain/common/icon_arr06.png'); z-index:10; }
        .join_tab>div .arr01 { position:absolute; left:369px; top:20px; width:9px; height:16px; background-image:url('../../images/newmain/common/icon_arr07.png'); z-index:10; }
        .join_tab>div .num { color:#5862ae; font-size:80%; padding:8px 0 0 70px; }
        .join_tab>div .tit { font-size:110%; padding:0 0 0 70px; margin-top:-3px; }

.join_agree { padding-top:10px; font-size:90%; }
    .join_agree input { border:1px solid #cacbcb; }
.join_notice { background-image:url('../../images/newmain/common/icon_notice.png'); background-repeat:no-repeat; background-position:0 center; padding:10px 30px; font-size:95%; }

/* 회원가입폼 */
.join_form { clear:both; width:100%; border-top:1px solid #333333; font-size:90%; line-height:140%; }
    .join_form th,.join_form td { vertical-align:middle; border-bottom:1px solid #d6d6d6; }
    .join_form th { width:170px; background-color:#f5f5f5; padding:10px 0; text-align:left; text-indent:20px; }
        .join_form th span { color:#e60000; }
    .join_form td {  padding:10px 20px; }
        .join_form td .left_text { display:block; float:left; margin-right:10px; line-height:30px; }
    .join_form input { float:left; margin-right:10px; border:1px solid #c0c0c0; height:26px; }
    .join_form select { float:left; margin-right:10px; border:1px solid #c0c0c0; height:30px; min-width:120px; }
    .join_form button { float:left; margin-right:10px; border:1px solid #666666; height:30px; background-color:#666666; color:#ffffff; }

/* 회원가입완료 */
.join_end { width:750px; margin:0 auto; font-size:95%; line-height:140%; }
    .join_end .title { padding:60px 0 25px 180px; font-size:160%; font-weight:bold; border-bottom:1px solid #d6d6d6; }
    .join_end .certification { padding:20px 0 15px 180px; border-bottom:1px solid #d6d6d6; background-image:url('../../images/newmain/common/icon_join_end.png'); background-repeat:no-repeat; background-position:20px 20px; }
        .join_end .certification .idpass { clear:both; position:relative; background-image:url('../../images/newmain/common/bg_box_text.png'); padding:7px; margin:15px 0; }
                .join_end .certification .idpass p { background-color:#ffffff; padding:10px; }
        .join_end .certification .btn { clear:both; margin-top:15px; }
    
    .join_end .email { clear:both; padding:10px 0 25px 180px; }
        .join_end .email dl { clear:both; }
            .join_end .email dl dt { float:left; padding:3px 15px; background-image:url('../../images/newmain/common/dot04.png'); background-repeat:no-repeat; background-position:5px center;  }
            .join_end .email dl dd { float:right; padding:3px 0; }
                .join_end .email dl dd button { background-color:#666666; border:1px solid #666666; color:#ffffff; width:120px; text-align:center; border-radius:7px; padding:3px 0 5px 0; cursor:pointer; }
                .join_end .email .notice { clear:both; padding:10px 60px 20px; background-image:url('../../images/newmain/common/icon_notice.png'); background-repeat:no-repeat; background-position:30px 24px;  margin-top:55px; background-color:#eeeeee; color:#666666; }
                    .join_end .email .notice span { font-size:120%; font-weight:bold; line-height:45px; }

/* 내 관심메뉴 설정 */
.menu_custom {  }
    /* 내 관심메뉴 왼쪽 영역 */
    .menu_custom .mc_left { float:left; width:220px; height:780px; border:1px solid #e5e5e5; font-size:95%; }

    .menu_custom .mc_tit { color:#0972bf; font-style:italic; padding:10px; font-weight:bold; font-size:95%; }

    .menu_custom .mc_list01 { border-top:1px solid #e5e5e5; margin-bottom:10px; }
        .menu_custom .mc_list01 li { border-bottom:1px solid #e5e5e5; padding:10px; }
    
    .menu_custom .mc_list02 { border:1px solid #e5e5e5; margin:0 10px; height:410px; padding:5px; color:#666666; font-size:95%; }
        .menu_custom .mc_list02 li { padding-bottom:3px; }
            .menu_custom .mc_list02 li p { position:relative; background-color:#fafbfa; width:197px; height:34px; border:1px solid #dddddd; line-height:30px; text-indent:10px; cursor:pointer; }
            .menu_custom .mc_list02 li p.in { left:25px;width:148px; }
                .menu_custom .mc_list02 li p a.up { float:right;display:block; width:17px; opacity:0.4; height:12px; margin-right:-17px;margin-top:3px; background-image:url('../../images/newmain/common/icon_arrow_up_type02.png'); background-size:17px;top:2px; right:5px; }
                .menu_custom .mc_list02 li p a.down { float:right;display:block; width:17px; opacity:0.4; height:12px; margin-top:18px; margin-right:5px;background-image:url('../../images/newmain/common/icon_arrow_down_type02.png'); background-size:17px;top:2px; right:5px; }
                .menu_custom .mc_list02 li p a.subItem { display:block; position:absolute; width:14px; opacity:0.4; height:14px; background-image:url('../../images/newmain/common/trash_type02.png'); background-size:14px;top:9px; right:5px; }
    .menu_custom .mc_btn01 { clear:both; display:block; margin:0 10px; padding:10px; margin-top:10px; background-color:#666666; border-radius:5px; color:#ffffff; text-align:center; }
    .menu_custom .mc_btn02 { clear:both; display:block; margin:0 10px; padding:10px; margin-top:5px; background-color:#0375c2; border-radius:5px; color:#ffffff; text-align:center; }

    /* 내 관심메뉴 오른쪽 영역 */
    .menu_custom .mc_right { float:right; width:880px; height:780px; border:1px solid #e5e5e5; }
    .menu_custom .mc_tit02 { color:#0972bf; font-style:italic; padding:15px 10px; font-weight:bold; background-color:#f5f6f5; font-size:95%; border-bottom:1px solid #e5e5e5; }
        .menu_custom .mc_right .mcr_in { background-color:#333333; height:698px; margin:10px; padding:7px; }


/* 공통 */
.hdn { position:absolute; left:0; top:0; width:0; height:0; overflow:hidden; }
.red { color:#e60000; }
.red02 { color:#c14655; }
.blue { color:#0522fd; }
.blue02 { color:#2b74d9; }
.ta_c { text-align:center; }
.both { display:block; clear:both; }
.left { display:block; float:left; }
.right { display:block; float:right; }
.fs_80 { font-size:80%; }
.ta_r { text-align:right; }
.ta_l { text-align:left; }
.ta_c { text-align:center; }

.pd_b_20 { padding-bottom:20px; }

.btn_box01 { clear:both; padding:10px; text-align:center; }
.btn_box02 { clear:both; padding:20px; text-align:center; }
.btn_box03 { clear:both; padding:30px; text-align:center; }

.btn_type01 { display:inline-block; background-color:#0375c2; color:#ffffff; font-size:90%; padding:8px 40px; }
.btn_type02 { display:inline-block; background-color:#0375c2; color:#ffffff; font-size:90%; padding:10px 40px; border-radius:5px; }
.btn_type03 { display:inline-block; background-color:#0375c2; color:#ffffff; font-size:90%; padding:12px 50px; border-radius:5px; }
.btn_type04 { display:inline-block; background-color:#666666; color:#ffffff; font-size:90%; padding:12px 50px; border-radius:5px; }

.h4_type01 { clear:both; padding-top:25px; border-top:1px solid #e5e5e5; overflow:hidden}
    .h4_type01 .title { float:left; width:95px; height:34px; background-image:url('../../images/newmain/common/bg_text_5.png'); font-size:87%; font-weight:bold; text-align:center; color:#f4f4f4; line-height:22px; }
    .h4_type01 h4 { float:left; padding-left:5px; font-size:130%; font-weight:bold; line-height:24px;margin-top:0 }

.h4_type02 { clear:both; padding:15px 10px 17px; text-indent:25px; font-size:110%; font-weight:bold; background-image:url('../../images/newmain/common/dot02.png'); background-repeat:no-repeat; background-position:15px center; line-height:10px; background-color:#f5f5f5; border-top:1px solid #333333; }

.h4_type03 { clear:both; margin-top:20px; padding:15px 10px 17px; text-indent:3px; font-weight:bold; background-image:url('../../images/newmain/common/dot03.png'); background-repeat:no-repeat; background-position:0px center; }

.text-area01 { height:120px; padding:15px; border:1px solid #cacbcb; overflow-y:scroll;  line-height:160%; font-size:95%; color:#888888; }

.paging { clear:both; text-align:center; }
    .paging a { display:inline-block; width:26px; height:26px; margin:2px; text-align:center; border:1px solid #dedede; color:#777777; font-size:80%; line-height:24px; }
        .paging a:hover { background-color:#353535; color:#ffffff; }
    .paging strong { display:inline-block; width:26px; height:26px; margin:2px; text-align:center; border:1px solid #dedede; background-color:#353535; color:#ffffff; font-size:80%; line-height:24px; }
    
    
#service_slide_box ul li  { float: left;  padding: 1px}
#service_slide_box ul li  a  { background: #fff; text-align: center; display: block; width: 143px;  height:44px;}/*0713 수정*/
#service_slide_box ul li a img { height: 40px;  width: auto; display: inline-block; }/*0712-02 수정*/

#service_slide_box   .owl-dots { padding: 3px 0; }
                    #service_slide_box  .owl-dots .owl-dot span { background: #a2a6ae; margin: 5px 3px }
                    
                    #service_slide_box  .owl-dots .owl-dot:hover span  { background: #8d9199;}
                    #service_slide_box .owl-dots .owl-dot.active span { background: #f44336; }



.fb_bt_box { overflow: hidden; padding: 0 0 0 1px; margin-bottom: 1px;}
    .fb_bt_box a { display: block; float: left; width:22px;height: 22px; border:1px solid #d3d6db;  text-indent: -9999px;  margin-left: -1px;  }
    .fb_bt_box .fb_prev{ background:#fff url(../../images/newmain/common/footer_bs_la.png) no-repeat 50% 50%;}
    .fb_bt_box .fb_next { background:#fff url(../../images/newmain/common/footer_bs_ra.png) no-repeat 50% 50%;}
    .fb_bt_box .fb_play { background:#fff url(../../images/newmain/common/footer_bs_play.png) no-repeat 50% 50%; display: none;}
    .fb_bt_box .fb_stop { background:#fff url(../../images/newmain/common/footer_bs_pause.png) no-repeat 50% 50%;}



/* 0713 */                   
.bd_l_map {  float: left;  margin-right: 10px}
.bd_r_map {  float:left; }

.stats .title { background-color:#e9ecef; padding:20px 15px 15px; border:1px solid #c7cdd8;overflow:hidden}
.stats .title h4 {position:relative;font-size:25px; font-weight:bold;padding-left:20px;margin:0;line-height:1}
.stats .title h4:before {content:'';position:absolute;left:0;top:6px;width:12px;height:12px;display:inline-block;border:3px solid #0c6eb9;}
.stats .title a { float:right; /* width:30px; height:30px;  */background-repeat:no-repeat; background-position:center;position:relative;top:5px}

/*************************************
*2019.10.22 add copyright kang bong sang
* 씨리얼 기본 seeting css
**************************************/

.input-lg, .input-md, .input-sm, input-xs {border-width:1px; border-style:solid; border-color:#595959 !important;}
.diagram .checkbox-inline {padding-right:0}
.diagram .checkbox-inline label{padding-left:0px;padding-right:5px;font-size:0.85rem;line-height:1.3}
.bs-container:after, .bs-container:before,.jumbotron:after,.jumbotron:before {content:"";display:table;}
.jumbotron:after, .bs-container:after {clear:both}

.bs-container {width:100%;color:#5a5a5a;line-height:1.8rem}
.bs-container h1,.bs-container h2,.bs-container h3,.bs-container h4,.bs-container h5,.bs-container h6 {margin:0.8rem 0;font-weight:bold;color:#3c363b;}
.bs-container h1,.bs-container .h1 {font-size:2.6rem;}
.bs-container h2,.bs-container .h2 {font-size:2.2rem;}
.bs-container h3,.bs-container .h3 {font-size:1.8rem;}
.bs-container h4,.bs-container .h4 {font-size:1.5rem;}
.bs-container h5,.bs-container .h5 {font-size:1.2rem;}
.bs-container h6,.bs-container .h6 {font-size:1rem;}

.bs-container  p + p{margin:1rem 0;}
.bs-container strong {font-weight:bold;}
.bs-container small {font-size:0.75%;font-weight:normal;}

.list-num li{position:relative;padding-left:20px;}
.list-num li span {position:absolute;left:0px;top:1px;}
.list-num.dotted li span {left:9px}

.info-star {position:relative;padding-left:20px;margin-bottom:0}
.info-star:before {content:'*';position:absolute;left:7px;top:0.15em}
.info-text {position:relative;padding-left:20px;font-size:0.875rem;}
.info-text:before {content:'※';position:absolute;left:0;top:0;}
.info-astra {position:relative;padding-left:20px;margin-bottom:0}
.info-astra:before {content:'※';position:absolute;left:0px;}
.figure figcaption {line-height:1.3;margin-top:10px;font-size:1.125rem}

/******** common *********/
.float {display:table;width:auto;margin:0 auto;}
.float .col{display:table-cell;vertical-align:middle;}
.pos-rel {position:relative;}
.pos-abs {position:absolute;}
.ovflow-hidden {overflow:hidden;}
.ovflow-auto {overflow:auto;}

.pc-br {display:block}
.tablet-br, .mobile-br {display:none}
 @media (min-width:1024px){
    .pc-br {display:block}
}
 @media (max-width:992px){
 .pc-br, .mobile-br {display:none}
 .tablet-br {display:block}
 }
 
 @media (max-width:767px){
 .pc-br, .tablet-br {display:none}
 .mobile-br {display:block}
 }
 .row-x {margin-left:0;margin-right:0}
 .row-x [class^="col-"] {padding-left:0;padding-right:0}
 .row-xs {margin-left:-2px;margin-right:-2px}
 .row-xs [class^="col-"] {padding-left:2px;padding-right:2px}
 .row-sm {margin-left:-5px;margin-right:-5px}
 .row-sm [class^="col-"] {padding-left:5px;padding-right:5px}
 .row-md {margin-left:-10px;margin-right:-10px}
 .row-md [class^="col-"] {padding-left:10px;padding-right:10px}
 
.eleved-xs {margin-top:10px;margin-bottom:10px;}
.eleved-sm {margin-top:30px;margin-bottom:30px;}
.eleved-md {margin-top:50px;margin-bottom:50px;}
.eleved-lg {margin-top:70px;margin-bottom:70px;}

.space-xs {padding-left:10px;padding-right:10px;}
.space-sm {padding-left:30px;padding-right:30px;}
.space-md {padding-left:50px;padding-right:50px;}
.space-lg {padding-left:70px;padding-right:70px;}

.content-td {padding-top:5px;padding-bottom:5px;}
.content-xs {padding-top:10px;padding-bottom:10px;}
.content-sm {padding-top:30px;padding-bottom:30px;}
.content-md {padding-top:50px;padding-bottom:50px;}
.content-lg {padding-top:70px;padding-bottom:70px;}

.padding-xs {padding:10px;}
.padding-sm {padding:30px;}
.padding-md {padding:50px;}
.padding-lg {padding:70px;}

.pt-0 {padding-top:0 !important;}
.pt-5 {padding-top:5px;}
.pt-10 {padding-top:10px;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}

.pb-0 {padding-bottom:0 !important;}
.pb-5 {padding-bottom:5px;}
.pb-10 {padding-bottom:10px;}
.pb-15 {padding-bottom:15px;}
.pb-20 {padding-bottom:20px;}
.pb-30 {padding-bottom:30px;}
.pb-40 {padding-bottom:40px;}
.pb-50 {padding-bottom:50px;}

.pl-0 {padding-left:0 !important;}
.pl-5 {padding-left:5px;}
.pl-10 {padding-left:10px;}
.pl-15 {padding-left:15px;}
.pl-20 {padding-left:20px;}
.pl-30 {padding-left:30px;}
.pl-40 {padding-left:40px;}
.pl-50 {padding-left:50px;}

.pr-0 {padding-right:0 !important;}
.pr-5 {padding-right:5px;}
.pr-10 {padding-right:10px;}
.pr-15 {padding-right:15px;}
.pr-20 {padding-right:20px;}
.pr-30 {padding-right:30px;}
.pr-40 {padding-right:40px;}
.pr-50 {padding-right:50px;}

.mt-0 {margin-top:0 !important;}
.mt-5 {margin-top:5px;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}

.mb-0 {margin-bottom:0 !important;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}

.ml-0 {margin-left:0!important;}
.ml-5 {margin-left:5px;}
.ml-10 {margin-left:10px;}
.ml-20 {margin-left:20px;}
.ml-30 {margin-left:30px;}
.ml-40 {margin-left:40px;}
.ml-50 {margin-left:50px;}

.mr-0 {margin-right:0!important;}
.mr-5 {margin-right:5px;}
.mr-10 {margin-right:10px;}
.mr-20 {margin-right:20px;}
.mr-30 {margin-right:30px;}
.mr-40 {margin-right:40px;}
.mr-50 {margin-right:50px;}

.no-margin {margin:0 !important}
.no-padding {padding:0 !important}

.width-max{min-width:100%;}
.width-1 {width:8.33%;}
.width-2 {width:16.66%;}
.width-3 {width:25%;}
.width-4 {width:33.33%;}
.width-5 {width:41.66%;}
.width-6 {width:50%;}
.width-7 {width:58.33%;}
.width-8 {width:66.66%;}
.width-9 {width:75%;}
.width-10 {width:83.33%;}
.width-11 {width:91.66%;}
.width-12 {width:100%;}

.tab-unit-6 li{width:66.6666%!important}
.tab-unit-5 li{width:20%!important}
.tab-unit-4 li{width:25%!important}
.tab-unit-3 li{width:33.3333%!important}
.tab-unit-2 li{width:50%!important}

.color-dblue {color:#002c80}
.color-blue {color:#1172be}
.color-lblue {color:#00a4da}
.color-red {color:#ff2929}
.color-orange{color:#cc5715}
.color-dark {color:#787d87;}
.color-black {color:#333333}

.bg-dblue, .bg-blue, .bg-lblue {color:#fff;}
.bg-dblue {background:#002c80}
.bg-blue {background:#1172be}
.bg-lblue {background:#00a4da}
.bg-white {background:#fff}

.btn-dblue, .btn-blue, .btn-lblue, .btn-dark{color:#fff !important;}
.btn-dblue {background:#002c80;}
.btn-blue {background:#1172be;}
.btn-lblue {background:#00a4da;}
.btn-dark {background:#787d87;}
.btn-grey {background:#f6f7f9;border:1px solid #c7cdd8;color:#1172be;}

.btn-dblue:hover,
.btn-blue:hover, 
.btn-lblue:hover,
.btn-dark:hover {color:#fff !important;}

.btn-dblue:hover {background:#102f6a !important;}
.btn-blue:hover {background:#002c80 !important;}
.btn-lblue:hover{background:#0192c2 !important;}
.btn-dark:hover {background:#5d6169 !important;}
.btn-grey:hover {background:#e5e8ef}

/* ***** component ****** */

.jumbotron {background:#eceff3;font-size:20px;padding:50px 70px;}
.lead {font-size:30px;line-height:2.6rem;margin-bottom:2rem;}

.box {padding:20px; border-color:#c7cdd8; border-style:solid; border-width:1px}

.rounded-x {border-radius:50% !important;}
.rounded-xs {border-radius:3px !important;}
.rounded-sm {border-radius:5px !important;}
.rounded-md {border-radius:8px !important;}
.rounded-lg {border-radius:12px !important;}

.border-x {border-width:0px !important;}
.border-1x {border-width:1px;}
.border-2x {border-width:2px;}
.border-3x {border-width:3px;}
.border-4x {border-width:4px;}
.border-5x {border-width:5px;}

.abbre {display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:98%;vertical-align:middle}
.no-gutter {margin:0 !important;}
.no-gutter > [class^="col-"] {padding-left:0;padding-right:0;} 

.lt-img-float {float:left;margin-right:15px;margin-bottom:15px;}
.gt-img-float {float:right;margin-left:15px;margin-bottom:15px;}

@media (max-width:414px){
    .lt-img-float, .gt-img-float{float:none;margin:15px auto}
}

.text-left  {text-align:left;}
.text-center, .text-center td   {text-align:center !important;}
.text-right     {text-align:right;}
.text-top       {vertical-align:top;}
.text-middle    {vertical-align:middle !important;}
.text-bottom    {vertical-align:bottom;}

/*************************************
*2019.10.24 add copyright kang bong sang
* 씨리얼 top-lh-link
**************************************/
.skippy  {padding: 0.5em; margin-bottom: 0em; display: block; border-bottom: 0px solid #eee; outline: 0; background: #9e9e9e;color:#fff}
.skippy .skiplink-text {outline:1px dotted #1172be;display:block;width:250px;padding:10px 20px;margin:0 auto}

.subtitle:after, .subtitle:before{content:'';display:table}
.subtitle:after {clear:both}
.subtitle {width:100%;border-bottom:1px solid #a2a4a8;margin-bottom:35px;height:auto}
.subtitle h3 {font-size:25px;color:#1172be;font-weight:bold;float:none;margin-bottom:0}
.subtitle:focus {outline:0}

.bs-container h4.headline {font-size:25px;color:#1172be;font-weight:bold;}
.bs-container h4.headline + p {font-size:1.2rem;}

.top {height:auto;background-position:0 bottom;background-repeat:repeat-x;min-height:145px;line-height:1.6!important; }
.top:after, .top:before {content:'';display:table;}
.top:after {clear:both}
/* .top .top_logo, .top .top_search {border:none;height:auto;} */
.top .top_logo {margin:0!important;padding:0;}
.top > .bs-container {position:relative;padding:5px 0 8px;}
.top-lh-link:after, .top-lh-link:before {content:'';display:table;clear:both;}
.top-lh-link {min-width:100%;padding:0;background:#868686;overflow:hidden;}
.top-lh-link .link-menu li{float:left;border-right:1px solid #b1b1b1;width:auto;}
.top-lh-link .link-menu li a{display:block;padding:20px 20px 0;color:#fff;font-size:1rem;min-height:50px;line-height:1;width:150px;text-align:center}
.top-lh-link .link-menu li a:hover,.top-lh-link .link-menu li a:focus {color:#00213a;}
.top-lh-link .link-menu li a.companylink-01 {background:url('../../images/common/lh_logo.png') no-repeat center;background-position:30px 5px;text-indent:-9999px;width:180px}
.top-lh-link .link-menu li a.companylink-01:hover,.top-lh-link .link-menu li a.companylink-01:focus{background-position:30px -53px}
.top-lh-link .link-menu li + li + li  a{}

.top .global_menu {top:30px;}

.top_search {width:auto;padding-top:10px;padding-left:50px;display:table;}
.top_search .ts_input{border:2px solid #1172be;padding:0!important;display:table-cell;min-width:600px}
.top_search .ts_input input {padding:15px 20px!important;height:53px;font-size:1rem;width:96%;}
.top_search .ts_button {padding-top:0;display:table-cell;}
.top_search .ts_button [type="button"] {background-color:#1172be;height:57px;padding:15px 15px;width:100%;color:#fff;vertical-align:middle;background-image:none;font-size:1rem;font-weight:bold;}
.top_search .ts_button [type="button"] img{vertical-align:middle;position:relative;top:-2px}

.big_data {display:none}
.ba_img .subject p {font-weight:normal;font-size:1.2rem;}
.ba_img .subject p span {color:inherit;}

.sub {top:135px}

/* 왼쪽메뉴 정보 */
.sl_copyright {color:rgba(255, 255, 255, 0.8);letter-spacing:0em;}
.sl_copyright > div {letter-spacing:-0.1em}
.sl_copyright h6 {margin-bottom:5px;font-weight:normal;font-size:0.85rem;color:#fff}
.sl_copyright .call-number {font-size:1.2rem;margin:20px 0;}
/* Safari Hack_박성민_21.05.21 
html[xmlns*=""] body:last-child .sl_copyright .call-number {color:#fff;}*/
.sl_copyright .time-brake, 
.sl_copyright address,
.sl_copyright .copyright {font-size:0.8rem;display:block;margin:10px 0;}
.sl_copyright .time-brake {border-bottom:1px solid #418ecb;padding-bottom:15px;margin-bottom:15px;}

.sl_copyright .sns-link {margin:15px 0;clear:both;}
.sl_copyright .sns-link:after, .sl_copyright .sns-link:before {content:'';display:table}
.sl_copyright .sns-link:after {clear:both;}
.sl_copyright .sns-link li {float:left;}
.sl_copyright .sns-link .icons {display:block;width:38px;height:32px;background-image:url('../../images/common/icon-sns.png');background-repeat:no-repeat;margin-top: 4px;}
.sl_copyright .sns-link .icons:focus {outline:2px dotted #23527c}
.sl_copyright .sns-link .icons.icon-blog {background-position:2px 2px;}
.sl_copyright .sns-link .icons.icon-instar {background-position:-38px 2px;}

.sl_copyright .copyright {letter-spacing: 0.02rem}

/*********** main **************/
/* main */
.main_banner_area {height:auto;background-color: #f6f6f6;padding: 50px 39px 30px 45px;}
.main_banner {width:100%;height:177px;overflow:hidden;position:relative;padding:45px 70px;}
.main_banner .banner_item {width:1094px;height:302px;background-image:url('../../images/content/rz_ez_main_banner.png');background-size:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;} 
.main_banner p.ment {position:absolute;left:auto;top:auto;font-size:2rem;line-height:2.8rem;}

.owl-carousel .owl-item{padding-bottom:1px}
.owl-carousel .owl-item a {display:block}
.owl-carousel .owl-item a:focus{outline:1px dotted #337ab7}
.owl-carousel .owl-nav [class*=owl-] {display:block}
.owl-carousel .owl-nav [class*=owl-]:focus {outline:1px dotted #337ab7}

@media (max-width:992px) and (min-width:768px){
.main_banner_area {padding:20px 0}
.main_banner {width:100%;height:125px;margin:25px auto 20px;}
.main_banner .banner_item {background-size:90%;}
.main_banner p.ment{font-size:1.7rem;line-height:2.2rem}
}
@media (max-width:767px){
.main_banner_area {padding:0}
.main_banner {width:100%;height:200px;margin:0 auto;padding-left:30px}
.main_banner .banner_item {background-position:-68px 0;background-size:85%;}
.main_banner p.ment {font-size:1.4rem;line-height:1.8rem;}
.main_banner p.ment .span {display:block;}
}

/* 부동산통계 */
.notice_zone {padding-left:30px;padding-right:20px;}
.notice_zone h4 {font-weight:500;margin-bottom:15px;font-size:1.45rem;}
.business_areas {height:auto !important;}
.business_areas:after, .business_areas:before, .m_slide_wrap:after, .m_slide_wrap:before {content:'';display:table}
.business_areas:after, .m_slide_wrap:after {clear:both;}

.statis {padding:5px 20px 5px 30px;border:1px solid #c7cdd8;overflow:hidden;}
.statis:after, .statis:before {content:'';display:table;}
.statis:after {clear:both}
.statis > ul > li {position:relative;margin-top:22px;margin-bottom:22px;}
.statis > ul > li > a {display:block;padding-left:20px;padding-right:20px;position:relative;}
.statis > ul > li > a:before,.statis > li > a:after {display:block;content:'';width:18px;height:18px;position:absolute;left:0;top:51%;transform:translate(-50%,-50%);border-radius:50% !important;background-image:url(../../images/newmain/common/dots_statis.png);background-repeat:no-repeat}
.statis > ul > li > a:before {background-color:#1172be;}
.statis > ul > li > a.active:before {background-color:#4a4b4b;}
.statis > ul > li .icon-new {display:block;position:absolute;right:0;top:0;filter: brightness(0.9);}



/*부동산 트랜드*/
.list-group .list-item + .list-item{border-top:0;}
.list-item {display:block;width:100%;border:1px solid #c7cdd8;overflow:hidden;height:93px}
.list-head,.list-body {display:block;float:left;vertical-align:middle;}
/*.list-head {background:#e5e8ec;width:28%;height:calc(23px + 4rem + 2px + 3px);border-right:1px solid #c7cdd8;font-weight:bold;padding:23px 5px;text-align:center;}*/
.list-head {background:#e5e8ec;width:20%;height:calc(23px + 4rem + 2px + 3px);border-right:1px solid #c7cdd8;font-weight:bold;padding:23px 5px;text-align:center;}/*2022-04-04 syj */
.list-body {padding:10px 12px;width:78%;} /*2022-04-04 수정 syj*/
.list-body li {position:relative;}
.list-body li + li {margin-top:6px;}
.list-body li a {font-size:0.8em;}
.list-body li .icon-new {display:block;position:absolute;right:0;top:0;}
.list-body .abbre {width:90%} /*2022-04-04 수정 syj*/

/*2022-04-07 syj 추가*/
.list-body > ul > li > a {display:block;padding-left:20px;position:relative;}
.list-body > ul > li > a:before,.statis > li > a:after {display:block;content:'';width:5px;height:5px;position:absolute;left:8px;top:51%;transform:translate(-50%,-50%);border-radius:50% !important;background-repeat:no-repeat}
.list-body > ul > li > a:before {background-color:#4a4b4b;}
.list-body > ul > li > a.active:before {background-color:#4a4b4b;}
.list-body > ul > li .icon-new {display:block;position:absolute;right:0;top:0;}

/* 주소검색 */
.nzl_tab:after, .nzl_tab:before {content:'';display:table;}
.nzl_tab:after {clear:both;}
.nzl_tab {width:100%;min-height:300px;position:relative;}
.nzl_tab > a {background:#e9ecef;text-align:center;color:#333;display:block;width:50%;padding:15px;float:left;margin:0!important;border-bottom:1px solid #c7cdd8;}
.nzl_tab > a:focus,.nzl_tab > a.on, .nzl_tab a:hover,.nzl_tab > a.active {background:#1172be;color:#fff;}
@media (max-width:767px){
    .nzl_tab {min-height:430px;border:0}
}
/* 빠른주소검색 */
.nzl_tab .dropdown {position:absolute;left:0;top:0;margin-top:49px;width:100%;display:none;border: 1px solid #c7cdd8;min-height:220px}
.nzl_tab .dropdown.on,.nzl_tab .dropdown.active {display:block;}
.speed-add-search {padding:10px 15px 0px;border-bottom:1px solid #c7cdd8;}
.speed-add-search [class^="col-"]:first-child {padding-right:15px !important;}
.speed-add-search label{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0);border: 0;}
.speed-add-search [type="text"]{width:100%;height:40px}
/*.speed-add-search [type="button"] {width:100%;font-weight:bold;background:#1172be;border:0;color:#fff;padding-top:8px;padding-bottom:8px;}*/
.speed-add-search [type="button"] {width:100%;background:#1172be;border:0;color:#fff;padding-top:8px;padding-bottom:8px;} /*2022-04-04 syj*/
a.result {display:block;}
.result-address {border-bottom:1px solid #c7cdd8;clear:both;display:block;padding:5px 0;margin:5px 0;}
.result-address:last-child {margin-bottom:10px;}
.result-address li{position:relative;padding-left:40px;font-size:0.8rem;line-height:1.1rem;}
.result-address li span{position:absolute;left:0;font-weight:bold;}
.result-address2 li{padding-left:95px;}
.result-address2 li span{width: 90px; text-align: right;}

/* 도로명 주소검색 */
.nzl_tab .load-add-search {padding:15px;position:relative;}
.nzl_tab .load-add-search .row {margin-left:-5px;margin-right:-5px;}
.nzl_tab .load-add-search .row [class^="col-"] {padding-left:5px;padding-right:5px;padding-bottom:10px;}
.nzl_tab .load-add-search select,.load-add-search input[type="text"] {min-width:100%;}
.load-add-search .row > .btn {position:absolute;right:15px;top:15px;width:auto;padding:30px 18px;background:#1172be;color:#fff;}

/* 계산기 */
.calc_area {width:90px;text-align:center;background-color:#fff;position:fixed;top:200px;left:1500px;z-index:2;}
.calc_area h6 {color:#1172be;font-size:1rem;border:1px solid #c7cdd8;margin:0;padding:7px;}
.calc_area .calc_btn li, .calc_area .calc_btn li > a, .calc_area .calc_btn li > a > span{display:block;font-size:0.9rem;}
.calc_area .calc_btn li {border:1px solid #c7cdd8;border-top:0;}
.calc_area .calc_btn li > a {padding:7px;}
.calc_area .calc_btn li > a.is-active{background: #EEE;}
.calc_area .calc_btn li > a:hover {color:#000;}
.calc_area .calc_btn li > a > .icons{width:46px;height:46px;margin:0 auto 5px;background-image:url('../../images/newmain/common/calculator.png');background-repeat:no-repeat;background-position:0 0;}
.calc_area .calc_btn li > a > .icons.icon_01 {background-position:0 0;}
.calc_area .calc_btn li > a > .icons.icon_02 {background-position:0 -87px;}
.calc_area .calc_btn li > a > .icons.icon_03 {background-position:0 -176px;}
.calc_area .calc_btn li > a > .icons.icon_04 {background-position:0 -266px;}
.calc_area .calc_btn li > a > .icons.icon_05 {background-position:0 -352px;}
.calc_area .calc_btn li > a > .icons.icon_06 {background-position:0 -444px;}
.calc_area .calc_btn li > a:hover > .icons.icon_01 {background-position:-54px 0;}
.calc_area .calc_btn li > a:hover > .icons.icon_02 {background-position:-54px -87px;}
.calc_area .calc_btn li > a:hover > .icons.icon_03 {background-position:-54px -176px;}
.calc_area .calc_btn li > a:hover > .icons.icon_04 {background-position:-54px -266px;}
.calc_area .calc_btn li > a:hover > .icons.icon_05 {background-position:-54px -352px;}
.calc_area .calc_btn li > a:hover > .icons.icon_06 {background-position:-54px -444px;}
#calc_box_area {width:300px;position:absolute;top:0px;display:none;background:#FFF;left:-300px;border:1px solid #DDD;border-right:none;min-height:calc(46px*4);}
#calc_box_area > div {width:100%;height:auto;display:none;padding:10px;}
#calc_box_area > div > * {padding:0px;}
#calc_box_area .box {padding:11px;border:1px solid #C7CDD8;background:#FBFBFB;text-align:center;margin-bottom:10px;}
#calc_box_area .box > .in-box {padding:11px;border:none;background:#EEE;text-align:left;margin-bottom:10px;}
#calc_box_area .btn {margin-bottom: 10px;}
#calc_box_area .transactionLease {display: none;}
#calc_box_area .office-only {display: none;}
#calc_box_area .table > tbody > tr:nth-child(n) > * {border-top: none;}
#calc_box_area .table > tbody > tr:nth-child(n) > * {padding: 2px 8px;}
#calc_box_area .table > tbody > tr.border-top > * {padding: 8px 8px 2px 8px;border-top:1px solid #c7cdd8;} 
#calc_box_area .table > tbody > tr.border-bottom > * {padding: 2px 8px 8px 8px;border-bottom:1px solid #c7cdd8;} 
#calc_box_area .table > tbody > tr > td.text-right {text-align:right;} 
#calc_box_area .calcResult {display: none;} 

.talk_fixed {position:fixed;bottom:0;left:1320px;z-index:1;}

/* 게시판 검색 */
.list_search .search_txt > a {height:36px;line-height:24px;padding:4px 10px;}
table.c_table_01, table.i_table_01 {border:1px solid #cad0da;font-size:0.875rem;}
table.c_table_01 > thead > tr > th,
table.c_table_01 > tbody > tr > th{vertical-align:middle;text-align:center;border-top:1px solid #cad0da;} 

/* ------- New_Table_Form_박성민_21.04.23 ------- */
/* 도움말 */
table.n_table_01 {border:1px solid #cad0da;font-size:0.875rem;}
table.n_table_01 > thead > tr > th,
table.n_table_01 > tbody > tr > th{vertical-align:middle;text-align:center;border-top:1px solid #cad0da;}

/* 부동산종합정보-행위제한 */
table.n_table_02 {border:1px solid #cad0da;font-size:0.875rem;}
table.n_table_02 > thead > tr > th,
table.n_table_02 > tbody > tr > th{vertical-align:middle;text-align:center;border-top:1px solid #cad0da;}
/* --------------------------------------- */ 

/* 경제지표 타이틀 스타일 수정_박성민_21.05.25 */
@media screen and (max-width:768px) {
    .diagram .title {padding:16px 10px 9px;}
    .diagram .title h4 {font-size:20px;padding-left:0px;padding-top:2px;}
    .diagram .title h4:before {display:none;}
}
@media screen and (max-width:410px) {
    .diagram .title {padding:16px 4px 9px;}
    .diagram .title h4 {font-size:18px;padding-left:0px;padding-top:4px;}
    .diagram .title h4:before {display:none;}
}
/* ------------------------------- */


/* 경제지표 표 스타일 수정_박성민_21.05.25 */
@media screen and (max-width:768px) {
    .diagram .in .table table td:first-Child {text-align:center; padding:0;}
    .diagram .in .table table td {
        padding:0 4px;
    }
}
/* ------------------------------- */
                            

/* Safari Hack_박성민_21.05.24 */
@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true)) and (not (-moz-appearance:none)) {
	.sl_copyright .call-number {
		color:#fff;
	}
}

/* 페이지넷 */
.pagination {border-radius:0!important;}
.pagination a {border:1px solid #dedede; color:#777777;}
.pagination a:hover {background-color:#353535; color:#ffffff;}

/* 메인 페이지넷 */
.pagemain .pagination-sm{margin:0}
.pagemain .pagination-sm .first,.pagemain .pagination-sm .last{display:none}
.pagemain .pagination-sm li a, .pagination > li > span{border:0;color:#333}
.pagemain .pagination-sm li.active a{background:none;border:0;color:#337ab7;}

@media (max-width:992px){
    .top {min-height:68px;background-position: 0px -80px;}
    .top > .bs-container {padding:0}
    .top .top_logo {font-size:1rem;line-height:3.6rem}
    .top .top_search {padding:0}
    .top .top_search .ts_button {display:block;margin:0 auto;width:100%;height:100%} 
    .top .top_search .ts_button button {padding:5px;height:60px; text-indent:-9999px; background-color: #ffffff; border: 0; background-image:url('../../images/newmain/common/icon_search.png'); background-repeat:no-repeat;}
    .top .top_search {width:60px;height:60px;border-right: 1px solid #cdcdcd;padding-top:0}
    .top .global_menu {top:15px;}

    .load-add-search .row > .btn{display:block;position:relative;left:auto;right:auto;top:auto;width:100%;padding:6px 12px}
    .load-add-search .form-control.input-lg {padding:6px 12px;font-size:1rem;line-height:1.43;height:34px;}
    .calc_area,.talk_fixed {display:none;}
    .top-lh-link {display:none;}
    .top_search {padding-left: 0}
    .top_search .ts_input {display:none;}
    .notice_zone {padding:0}
    .notice_zone > [class^="col-"]:first-child {padding-top:30px}
    .notice_zone > [class^="col-"]:last-child {padding-bottom:30px}
    .notice_zone > [class^="col-"]  {margin-top:15px;margin-bottom:15px}

    .nzl_tab > a {font-size:1rem;}

    .statis > ul {width:50%;float:left;}
    .statis > ul:first-child {padding-right:30px;}
    .statis > ul:last-child {padding-left:30px;border-left:1px solid #e7ebee;}
    .list-group .list-item .list-head {width:30%;font-size:1.5rem;line-height:1.3em}
    .list-group .list-item .list-body li{font-size:1.4rem;}
    
    .nzl_tab .dropdown {min-height:250px} 
    .result-address li{position:relative;padding-left:80px;font-size:1rem;line-height:1.4rem;}
    .notice_zone { min-height: 370px;}
    .result-address2 li {padding-left:120px;}
    .result-address2 li span{width: 115px; text-align: right;}
	.sub {top:60px;}
	/* banner test */
	#banner-wrap { left:280px; top:-6px;}
	#banner-wrap img {width: 85%}
}

@media (max-width:765px){
	
	.top {min-height:68px;background-position: 0px -80px;}
	.top .global_menu {display:none;}
    .bs-container h4.headline + p {font-size:1rem;line-height:1.6}
    .list-group .list-item .list-head {width:70px;min-height:95px;font-size:1rem}
    .list-group .list-item .list-body li{font-size:1.2rem}
    .statis > ul {width:100%;float:none;}
    .statis > ul:first-child {padding-right:0px;}
    .statis > ul:last-child {padding-left:0;border-left:0;}
	.global_menu {display:none;}
    .input_group .tab ul{display:table;width:100%}
    .input_group .tab ul li{display:table-cell;width:calc(100%/2);float:none;padding-right:0}
    .input_group .tab ul li a{width:100%}
    
    .nzl_tab .dropdown {min-height:380px}
    #chat-circle {display:none;}
    /* banner test */
	#banner-wrap { display:none;}
}



/*****************************************
* 2019.10.22 add copyright kang bong sang
* 씨리얼 소개 컨텐츠
*****************************************/
.bs-container .jumbotron .gt-img-float {margin-top:-30px}
/* card */
.card {display:block; width:100%; border:1px solid #e5e5e5; min-height:292px; margin:15px auto;}
.card .card-img{background:#e9ecf0;min-height:163px;text-align:center;overflow:hidden;}
.card .card-body {padding:15px;text-align:center;}
.card .card-body h5 {font-size:22px;color:#1172be;margin-top:0;}
.card .card-body h5 span {color:#e8172f;}
.card .card-body p{line-height:1.4rem;}

.card .card-img span.icons {display:block;background:url('../../images/content/content_070102.png') no-repeat;width:142px;height:120px;margin:20px auto 0;}
.card .card-img span.icon-01 {background-position:-20px -20px;}
.card .card-img span.icon-02 {background-position:-264px -20px;}
.card .card-img span.icon-03 {background-position:-510px -20px;}
.card .card-img span.icon-04 {background-position:-20px -174px;}
.card .card-img span.icon-05 {background-position:-264px -174px;}
.card .card-img span.icon-06 {background-position:-510px -174px;}

/* stick */
.stick {display:table;width:100%;border:1px solid #e5e5e5;margin:20px 0;}
.stick .stick-head {display:table-cell;width:20%;background:#e9ecf0;padding:20px;font-size:22px;text-align:center;vertical-align:middle;}
.stick .stick-head span {display:block;color:#1172be;}
.stick .stick-body {display:table-cell;width:80%;padding:20px;}
.stick .stick-body h5 {font-size:20px;margin-top:0;line-height:1.44}
.stick .stick-body ul {margin-bottom:0;}
.stick .stick-body ul li{position:relative;padding-left:20px;}
.stick .stick-body ul li:before{content:'';border:2px solid #3688c8;border-radius:50%;width:5px;height:5px;position:absolute;left:5px;top:10px;}

.banner {border-bottom:3px solid #a2a4a8;height:536px;overflow:hidden;letter-spacing:-0.05rem;background:url('../../images/content/content_070103.png') no-repeat bottom;background-size:cover;}
.banner .banner-head {height:170px;background:#1172be;color:#fff;text-align:center;vertical-align:middle;padding:20px 100px;position:relative;}
.banner .banner-head:after {content:'';position:absolute;width:50px;height:50px;background:#1172be;left:45%;bottom:-10px;transform:translate(-50%,-50%);transform:rotate(-45deg)}
.banner .banner-head h1{font-size:2rem;line-height:1.34;font-weight:normal;color:inherit;position:relative;z-index:1;padding:10px 0}
.banner .banner-body {padding:70px;}
.banner .banner-body p{font-size:2.2rem;}
.banner .banner-body .btn-gooleplay, .banner .banner-body .btn-appstore {background-size:100%;width:194px;height:57px;text-indent:-99999px;} 
.banner .banner-body .btn-gooleplay {background:url('../../images/content/btn_googleplay.png') no-repeat; }
.banner .banner-body .btn-appstore {background:url('../../images/content/btn_appstore.png') no-repeat; }

.list-history {margin:0 0;}
.list-history li{font-size:24px;padding:1.3rem 0;display:table;}
.list-history li:last-child {padding-bottom:5px;}
.list-history li span.date,.list-history li span.event {display:table-cell;vertical-align:middle;}
.list-history li span.date{font-size:40px;display:inline-block;position:relative;padding-right:40px;line-height:1.25}
.list-history li span.date:after{width:1px;height:22px;background:#a0a0a0;content:'';position:absolute;right:20px;top:5px;}

.list-history.old-history {position:relative;}
.list-history.old-history:after {width:1px;height:99%;background:#a0a0a0;content:'';position:absolute;left:110px;top:0px;}
.list-history.old-history li{font-size:1rem;}
.list-history.old-history li span.date:after {display:none;}
.list-history.old-history li span.event {position:relative;}
.list-history.old-history li span.event:before {display:block;position:absolute;left:-20px;left:-17px\9;top:45%;content:'';width:8px;height:8px;background:#fff;border:2px solid #acacac;border-radius:50%;z-index:1;}
.list-history.old-history.first li:first-child span.event:before {background:#d6dbe1;}
.list-history.old-history.last li:last-child span.event:before {background:#d6dbe1;}
.list-history.old-history.last:after  {height:86%;}
.list-history.old-history.last li:last-child span.date{color:#1172be;}
.list-history.old-history.last li:last-child span.event{font-size:1.6rem;}

/* brand */
.brand-name {margin:0 -15px}
.brand-name .row [class^="col-"] {padding:0 30px;}
.brand-name .card{background:#f0f1f6;min-height:auto;border:0;position:relative;}

.brand-name [class^="col-"]+[class^="col-"] .card:before {content:'';display:block;width:36px;height:36px;background:url(../../images/rs/rs-boxicon-plus.png) no-repeat;position:absolute;left:-30px;top:105px;z-index:2;transform:translate(-50%,-50%)}
.brand-name .card-head {background:#223872;}
.brand-name [class^="col-"]+[class^="col-"] .card-head{background:#1973ba;}
.brand-name .card-head h5{font-size:2rem;margin:0;padding:15px 20px;color:#fff;}
.brand-name .card-head h5 small{font-size:0.50em;vertical-align:middle;color:inherit}
.brand-name .card-body {text-align:left;padding:20px 50px;font-size:1.22rem;}
.brand-name .card-body li{margin:6px 0;}

.brand-bi .float{min-height:170px}
.brand-bi a{color:#454545;font-weight:normal;}

.brand-value .float {margin:15px 0 20px;width:100%;}
.brand-value .float .col:first-child {width:23%;}
.brand-value  h5 {color:#1172be !important;font-size:1.3em;position:relative;text-indent:15px;}
.brand-value  h5:before {content:'';display:block;width:5px;height:5px;border-radius:50%;border:1px solid #1172be;position:absolute;top:50%;left:0;}
.brand-value  li p.col {width:70%} 
.brand-value  li.last p {font-size:1.6rem;text-indent:10px;}

.brand-value .table-slide {display:none;}
.brand-value .table th{text-align:center;font-weight:bold;background:#c8ccd2;}
.brand-value .table > thead > tr > th, 
.brand-value .table > tbody > tr > td,
.brand-value .table > tfoot > tr > td {padding:12px 20px;vertical-align:middle;text-align:center;line-height:1.85rem;}

.brand-value .table {width:100%;border:1px solid #aaa;margin:0;}
.brand-value .table > tbody > tr > td, 
.brand-value .table > thead > tr > th,.table > tfoot > tr > td {border:1px solid #aaa;padding:5px;}
.brand-value .table > tbody > tr > td,.table > tfoot > tr > td {background:#fff;}
.brand-value .table > thead > tr > th {color:#3c363b;}
.brand-value .table > tfoot > tr > td {color:#1172be;}

@media (max-width:922px){
    .brand-name .card-head h5 {font-size:1.8rem !important;}
    .brand-name .card-body {padding:20px 20px;}
    .brand-name [class^="col-"]+[class^="col-"] .card:after {top:60%}
    .list-history li {font-size:1.3rem;padding:0.8rem 0;}
    .list-history li .data{font-size:36px}
    .copyright {height:auto;overflow:hidden;}
    .brand-name .card .card-head h5{font-size:1.8rem}
    .brand-name .card .card-body {font-size:1rem}
    .brand-name [class^="col-"]+[class^="col-"] .card:before {top:119px}
    .brand-value .float .col:first-child {width:35%}
    .brand-value .float p.col {width:65%}
    
    .stick .stick-head {width:25%}
    .stick .stick-body {width:75%}
}

@media (max-width:767px){
    .bs-container .jumbotron {padding-left:15px!important;padding-right:15px!important}
    .bs-container .jumbotron .lead {line-height:1.6em;font-size:1.6rem}
    .bs-container .jumbotron .gt-img-float {margin-top:0}
    .space-lg {padding-left:15px;padding-right:15px;}
    .banner .banner-head {padding:20px 15px;height:auto;}
    .banner .banner-head h1 {font-size:1.32rem;line-height:1.6rem;letter-spacing:-1px;}
    .banner .banner-body .btn-gooleplay, .banner .banner-body .btn-appstore {background-size:100%;width:155px;height:50px;} 
    
    .card .card-body h5 {margin-bottom:1px;}
    .card .card-body h5 .small{font-size:70%}
    .card .card-body p{line-height:1.4;margin-top:5px;font-size:0.85rem}
    
    .brand-name .row {margin-left:0;margin-right:0}
    .brand-name .row [class^="col-"] {padding:0 15px}
    .brand-name [class^="col-"]+[class^="col-"] {padding-top:50px;}
    .brand-name [class^="col-"]+[class^="col-"] .card:before {left:50%;top:-40px;transform:translate(-50%,-50%)}
    .brand-name .card-body {padding:20px;}
    .brand-value .float > .col{display:block;width:auto !important}
    .brand-value .float > h5{margin:5px 0}
    .brand-value li.last p {font-size:1.20rem}
    .list-history li {font-size:1.3rem;padding:0.4rem 0;}
    .list-history.old-history:after {left:110px}
    
    .stick .stick-head,.stick .stick-body {display:block;width:100%;}
    .stick .stick-head h5{margin:0;line-height:1.2rem}
    .stick .stick-body {line-height:1.2rem;}
    .stick .stick-body li{font-size:1rem}
    .banner {width:100%;background-position-x:75%}
    .banner .banner-body {padding:50px 15px;}
    .banner .banner-body p{font-size:2rem;text-align:center}
    .banner .banner-body .float {margin:0 auto !important}
    .banner .btn{padding:0 !important;}

    .brand-value .table-slide {display:block;}
    .brand-value .table-slide table > tbody > tr > td,
    .brand-value .table-slide table > tfoot > tr > td {font-size:1.3rem; line-height:1.5rem;padding:10px}
    .brand-value .table-responsive {display:none;}
}

/************************************
*** 부동산 종합열람 및 부동산정보열람 주소검색결과**
*************************************/
.addressResut {padding:5px 20px 0!important}
.addressResut a {display:block}
.addressResut a:focus{outline:1px dotted  #23527c}

/*************************************
********* 토지통합열람 *****
*************************************/
.openview {position:fixed;left:1420px;top:250px;width:180px}
.openview .content li{display:block;border:1px solid #d7dde3;margin-bottom:5px;background:#fff}
.openview .content li:hover a,
.openview .content li a:focus,
.openview .content li.actived {background:#1172be;color:#fff}
.openview .content li a{display:block;width:100%;padding:10px 15px;text-align:center}
.openview .content li.actived a{color:#fff}


/*************************************
****** 통계 가이드
*************************************/
.guid-banner {height:200px;background:url('../../images/rs/rs-banner.png') no-repeat;padding:65px 30px;text-align:center}

.rc-angle {display:block;position:relative;width:100%;height:610px;background:url('../../images/rs/rs-angle.png') no-repeat center 50%; margin-top:8%;}
.rc-angle > li {position:absolute;display:block;width:auto}
.rc-angle > li.angle-01 {left:41%;top:-3.5rem;text-align:center;}
.rc-angle > li.angle-02 {left:75%;top:35%;}
.rc-angle > li.angle-03 {left:67%;top:78%;}
.rc-angle > li.angle-04 {left:13%;top:78%;}
.rc-angle > li.angle-05 {left:5%;top:35%;}

.angle-tablet {display:none}
 
.numbering li > p {font-size:1.25rem}
.numbering p > .label{margin-right:10px;letter-spacing:2px!important}

.guide-coment {background:#e5e8ec;padding:50px 70px}
.guide-coment .media {padding-left:130px;position:relative}
.guide-coment .media > img{display:block;position:absolute;left:0;top:5px}

.guide-coment.rc-info .float{text-align:center}
.guide-coment.rc-info .float .icon{width:128px;height:128px;margin:0 auto;margin-bottom:5px}
.guide-coment.rc-info .float .icon + p {width:70%;margin:0 auto}

#table-slide {display:none}

@media (max-width:922px){
    .mobileMargin .bs-container {padding:15px}
    .guid-banner {padding-top:40px}
    .rc-angle [class^="angle-"] ul.col{display:none}
	.rc-angle [class^="angle-"] table {display:none}
    .rc-angle li.angle-01{left:48%;top:1rem;}
    .rc-angle li.angle-02{right:2rem;text-align:right}
    .rc-angle li.angle-03{right:7rem;text-align:right}
    .rc-angle li.angle-04{left:12%}
    .rc-angle li.angle-05{left:7%}
    .angle-tablet {display:block}
    .angle-tablet {border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;margin-bottom:50px}
    .angle-tablet .list-group-item {padding-top:20px;padding-bottom:20px}
    .angle-tablet .list-group-item + .list-group-item {border-top:1px solid #cdcdcd;} 
    .angle-tablet .float {margin-left:0;margin-right:0}
    .angle-tablet .float h5.col {width:130px;vertical-align:top;padding-top:5px}
    .mobileMargin .space-lg {padding-left:0;padding-right:0}
    .guide-coment {margin-left:-15px;margin-right:-15px}
}
@media (max-width:767px){
    .subtitle {border-bottom:0;margin-bottom:15px}
    .rc-angle {display:block;position:relative;width:100%;height:350px;background:url('../../images/rs/rs-md-angle.png') no-repeat center 50%;background-size:contain;}
    .rc-angle [class^="angle-"] h5.col{font-size:1rem}
    .rc-angle li.angle-01{left:48%;top:-3rem;}
    .rc-angle li.angle-02{right:-0.5rem;top:40%;text-align:right}
    .rc-angle li.angle-03{right:2.5rem;bottom:5px;text-align:right}
    .rc-angle li.angle-04{left:1%;bottom:5px}
    .rc-angle li.angle-05{left:0;top:40%;}
    .guid-banner .lead {font-size:1.25rem;line-height:1.4em}
    .angle-tablet .float .col {display:block;padding-top:5px;font-size:1rem}
    .guide-coment {padding:20px}
    .guide-coment .media {padding:0;}
    .guide-coment .media > img {width:80px;margin:0 auto 10px;position:relative;top:0}
    .guide-coment .media .headline {text-align:center}
    
}
@media (max-width:414px){
    .rc-angle li.angle-01 {top:0rem;}
    .total_add_sort .quickDiv .quickInput {width:160px}
    #table-slide  {display:block}
    #table-slide .table {min-height:392px}
    #table-noslide {display:none}
}

@media screen {
    .list-history.old-history::after {left:105px}
    .list-history.old-history.last::after {left:104px}
    .tab_selector > li {width:20%;}
}

@media print {
    @page { 
			/*size: A4 landscape;*/
            font-family : 'notokr','Malgun Gothic', sans-serif;
            margin: 25pt 10pt 25pt 10pt;
            border: 1pt solid gray;
            padding-bottom: 10pt;
            
            @bottom-left {
               content: 'SEE:REAL';
               font-size : 9pt;
               margin-top: 20pt;
               padding-left:0pt;
            }
            @bottom-right {
               /* content: '${resData1.name} (${resData1.sex}/${resData1.birthYear}) ${resData1.ptNo} ${resData1.ordDate}'; */
               font-size : 9pt; 
               margin-top: 20pt;
               padding-right:0pt;
            }
    }
    .page-break-before {page-break-before:always;}
    .page-break-after {page-break-after:always;}
    a[href]:after {content: "";}
    
    body {background:#fff;}
    .sub_contents {padding:0 !important;margin:0}
}
.skip-nav {
	font-size:0;
	line-height:0;
	overflow:hidden;
	position:absolute;
	left: -1000px;
	width:1px;
	height:1px;
}
.skip-nav a:focus{
	font-size:1em;
	line-height:1.5;
	overflow:visible;
	left:0;
	width:auto;
	height:auto;
	position:static;
}
.noori {
	left:0;
}
/** end **/