@charset "ms949";
/****************************************************
* filename     : style.css (ver 1.8)
* description  : portal stylesheet
* date         : 2019.07.22
* << 개정이력(Modification Information) >>
*    수정일    수정자  수정내용
*  ----------  ------  ----------------------------------------
*  2019.10.02. 이기은  최초 생성
*  2020.06.03. 소준호  내부시스템 관리자 로그인 메일전송 OP 추가 / 분석서 2020-F00296(01)
*  2020.09.17. 심태용  데이터시각화 매매에 의한 소유권이전등기 신청 현황 제목 스타일 추가 / 분석서 2020-F00610(01)
*  2021.02.04. 정동진 메인페이지 하단 이용자현황 스타일 추가 / 분석서 2021-F00061(01)
*  2021.03.04. 정동진 메인페이지 바로가기메뉴 인기등기정보 > 데이터시각화 변경 / 분석서 2021-F00128(01)
*  2021.04.01. 남소정 등기소찾기 기능 등 제공 / 분석서 2021-F00105(01)
*  2021.04.15. 정동진 등기소찾기 바로가기 메뉴추가 등 기능개선 / 분석서 2021-F00227(01)
*  2022.03.24. 남소정 등기정보광장 모바일 환경의 개선이 필요함 / 분석서 2022-F00108(01)
*  2022.08.18. 남소정 등기정보광장 집합건물 실거래가(등기기준)정보 제공 /(2022-F00343)
*  2022.12.22. 남소정 모바일 등기정보광장 집합건물 실거래가(등기기준)정보 제공 / 2022-F00569
*  2023.10.18. 남소정 데이터시각화 개선 / 2023-F00603
*  2023.11.16. 오정현 등기현황 Open API 인증키 신청 로그인 개선 / 2023-F00628
*  2024.07.18. 변형석 [미래등기시스템구축사업] 데이터형 Open API관련 스타일 추가
*  2026.11.05. 남소정 등기정보광장 로그인 캡차 적용 / 2026-F00794
****************************************************/
@import url(style2.css);
caption, legend {position: inherit !important;visibility: hidden;overflow: hidden;width: 0;height: 0;line-height: 0;}
.skipNav {position:fixed;top:0;left:0;width:100%;height:0;line-height:0;z-index:99999;}
.skipNav a {width:0;height:0;color:transparent;font-size:0;line-height:0;text-indent:-99999px;}
.skipNav a:hover, .skipNav a:focus,.skipNav a:active {display:block;width:100%;height:16px;padding:16px 0;background:#1fa9e0;color:#fff;font-size:14px;line-height:1;text-align:center;text-indent:0;}
.flex_box {display: flex !important;}


/* layout */
#wrap { width:100%;height:100%; }
#gnb { width:100%; z-index:1000; }
#container { width:100%; padding-top:96px; }
.sub_contents { min-width:1140px; max-width:1140px; min-height:500px; margin:0 auto; padding:70px 0 60px; }

/* header gnb */
#gnb {position: fixed;top:0px; left:0; width:100%; min-width:100%;height:auto; background:#fff; }
header.fixed{position: fixed;}
.outside #gnb .logo { position:absolute; left:0;  top:43px; z-index:101;margin-left: 0;}
#gnb .logo { position:absolute; left:50%; margin-left:-600px; top:22px; z-index:101; }
#gnb .logo h1 {display:block; width:205px; height:53px;}
#gnb .logo a { display:block; width:205px; height:53px; background:url(../../../images/g440/portal/logo.png) no-repeat left top; background-size:contain; text-indent:-99999px; }
.outside #gnb .gnb_inner { position:relative; width:100%;margin:auto; }
.outside #gnb .gnb_inner .gnb_logo{width: 1200px;margin:auto;position: relative;}
#gnb .gnb_inner { position:relative; width:100%;margin:auto; }
#gnb .util_wrap { height:32px; background:#fff; }
#gnb .util_wrap .util_inner { position:relative; max-width:1200px; min-width:1200px; margin:0 auto; }
#gnb .util_wrap .util_inner .header_title { padding-left:19px; color:#000; font-size:14px; font-weight:500; line-height:1.2; }
#gnb .util_wrap .util_inner .util_menu { position:absolute; top:0; right:10px; z-index:99; }
#gnb .util_wrap .util_inner .util_menu li { display:inline-block; font-size:13px; }
#gnb .util_wrap .util_inner .util_menu li a { display:block; position:relative; padding:4px 20px 5px; }
#gnb .util_wrap .util_inner .util_menu li:last-of-type a:before { content:''; position:absolute; left:0; top:0; width:1px; height:29px; background:#dedede; }
#gnb .util_wrap .util_inner .util_menu li:last-of-type a:after { content:''; position:absolute; right:0; top:0; width:1px; height:29px; background:#dedede; }
#gnb .util_wrap .util_inner .util_menu li:not(:last-of-type) a:before { content:''; position:absolute; left:0; top:0; width:1px; height:29px; background:#dedede; }

#gnb .nav { position:relative; overflow:hidden; width:auto; height:64px; border-bottom:1px solid #d2d2d2; }
#gnb .nav .hline { position:absolute; left:0; top:64px; z-index:1; width:100%; height:100%; border-top:1px solid #d2d2d2; background:#fff; }
#gnb .nav .nav_inner { position:relative; width:auto; max-width:1200px; min-width:1200px; margin:0 auto; padding:0 6% 0 14%; z-index:100;overflow:hidden; }
#gnb .nav .nav_inner ul  {width:100%; height:auto;overflow:hidden;text-align:center;}
#gnb .nav .nav_inner ul:after { content:''; display:block;  }
#gnb .nav .nav_inner ul li {display:inline-block;vertical-align: top; width:19%;}
#gnb .nav .nav_inner ul li:nth-child(3){padding-left:25px;}
#gnb .nav .nav_inner ul li a { display:block; text-align:left; text-decoration:none; }
#gnb .nav .nav_inner ul li a strong { display:inline-block; position:relative; height:64px; padding:20px 0px; color:#000; font-size:20px; font-weight:500; line-height:1; vertical-align:top; }
#gnb .nav .nav_inner ul li a strong:after {  content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:0; }
#gnb .nav .nav_inner ul li a.on strong,
#gnb .nav .nav_inner ul li a:hover strong,
#gnb .nav .nav_inner ul li a:active strong { color:#188de6; }
#gnb .nav .nav_inner ul li a.on strong:after,
#gnb .nav .nav_inner ul li a:hover strong:after,
#gnb .nav .nav_inner ul li a:active strong:after { width:100%; height:3px; left:0; background:#188de6; opacity:1; -webkit-opacity:1; }
#gnb .nav .nav_inner ul li ul { width:auto; margin-top:1px; text-align:left; padding:12px 0 34px; }
#gnb .nav .nav_inner ul li ul li { float:none; display:block;width:auto; margin:3px 0 0 0; }
#gnb .nav .nav_inner ul li ul li a { display:inline-block; height:auto; padding:3px 0; color:#484848; font-size:15px; line-height:1.5; text-align:left; vertical-align:top; }
#gnb .nav .nav_inner ul li ul li a span { font-weight:normal; }
#gnb .nav .nav_inner ul li ul li a:hover,
#gnb .nav .nav_inner ul li ul li a:active,
#gnb .nav .nav_inner ul li ul li a.on { color:#188de6; }
#gnb .nav .nav_inner ul li ul li ul {display:none !important;}
#gnb .nav .nav_inner,
#gnb .nav .nav_inner ul li a strong:after,
#gnb .nav .nav_inner ul li ul { transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
#gnb .nav .nav_inner .group li li:nth-child(3) {padding-left:0;}

.dotlist.font15 li { font-size: 15px;}

/* header sitemap */
.sitemap { display:none; position:fixed; top:0; left:0; z-index:99999; width:100%; height:100%; color:#fff; background:#203e60; }
.sitemap.active { display:block; }
.sitemap .close { position:absolute; top:48px; right:36px; font-size:16px; }
.sitemap_wrap { width:1240px; margin:140px auto 0; }
.sitemap_wrap .sitemap_logo {position:absolute; left:36px; top:34px;}
.sitemap_wrap .sitemap_logo h1 {display:block; width:175px; height:45px; text-indent:-99999px;}
.sitemap_wrap .sitemap_logo a { display:block; width:175px; height:45px; background:url(../../../images/g440/portal/sitemap_logo.png) no-repeat left top; background-size:contain; }
.sitemap_list { overflow:hidden; position:relative; }
.sitemap_list .title { display:block; margin-bottom:50px; font-size:28px; font-weight:500; line-height:1; }
.sitemap_list > li { float:left; width:248px; padding-left:30px; }
.sitemap_list > li:not(:first-of-type) { border-left:1px solid #637890; }
.sitemap_list > li .depth2 > li > a { display:block; position:relative; margin-bottom:19px; font-size:18px; font-weight:400; line-height:1; }
.sitemap_list > li .depth2 > li:hover > a:before { content:''; position:absolute; top:2px; left:-15px; width:4px; height:15px; background:#43c2ef; }
.sitemap_list > li .depth2 .depth3 > li { position:relative; padding-left:10px; }
.sitemap_list > li .depth2 .depth3 > li:before { content:''; position:absolute; top:7px; left:0; width:5px; height:1px; background:#fff; }
.sitemap_list > li .depth2 .depth3 > li > a { display:block; margin-bottom:14px; font-size:15px; font-weight:200; line-height:1; }
.sitemap_list > li .depth2 .depth3 > li:last-child > a { margin-bottom:19px; }
.sitemap_list > li .depth2 .depth3 > li > a:hover { text-decoration:underline; }
.sitemap .ico_close { position:relative; padding-left:25px; }
.sitemap .ico_close:before,
.sitemap .ico_close:after { content:''; display:block; position:absolute; right:0; top:-2px; width:0; height:28px; border-right:2px solid #fff; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.sitemap .ico_close:after { -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.all_menu { display:block; position:absolute; top:22px; right:75px; width:24px; height:18px; text-indent:-99999px; }
.all_menu .ico_open { position:absolute; top:0; left:0; width:24px; height:2px; background-color:#000; }
.all_menu .ico_open:before { content:''; position:absolute; top:16px; left:0; width:24px; height:2px; background-color:#000; }
.all_menu .ico_open:after { content:''; position:absolute; top:8px; left:0; width:24px; height:2px; background-color:#000; }
.sitemap .sitemap_wrap .sitemap_logo a{font-size: 0;text-indent: -9999px;display: block;}

/* footer */
.footer { width:100%; min-width:1200px; background:#4d4d4d; }
.footer .inner { position:relative; width:1200px; margin:0 auto; background:#4d4d4d; }
.footer .footer_top { width:100%; height:50px; padding-top:10px; border-bottom:1px solid #5d5d5d; }
.footer .footer_nav { float:left; margin-left:23px; }
.footer .footer_nav a { display:block; float:left; position:relative; padding:5px 15px; color:#ececec; font-size:15px; }
.footer .footer_nav a:not(:first-child)::before { content:''; position:absolute; top:12px; left:0; width:1px; height:14px; background:#676767; }
 .footer .footer_nav.text-left a::before {content: '';position: absolute;top: 12px;left: 0;width: 1px;height: 14px;background: #676767;}
.footer .footer_nav a:nth-child(2) { color:#e2d27c; }
.footer .footer_link { float:right; width:197px; height:30px; padding-left:10px; border:1px solid #5d5d5d; background:#3e3e3e; font-size:14px; text-align:left; }
.footer .footer_link a { display:block; position:relative; width:100%; height:100%; }
.footer .footer_link>a::after { content:''; position:absolute; top:12px; right:12px; width:12px; height:7px; background: url(../../../images/g440/portal/footer_arrow.png) no-repeat 0 0; transform:rotate(0deg); transition:all 0.3s; }
.footer .footer_link>a.on::after { transform:rotate(180deg); transition:all 0.3s; }
.footer .footer_link .btn_link { color:#adadad; line-height:2 }
.footer .footer_link .link_wrap { display:none; position:absolute; bottom:31px; right:0; z-index:999; }
.footer .footer_link .link_inner { overflow-y:auto; width:197px; height:210px; padding:15px 0; border:1px solid #5d5d5d; background:#3e3e3e; line-height:1.3; }
.footer .footer_link .link_inner dt { padding:3px 10px; color:#f2f2f2; font-weight:200; }
.footer .footer_link .link_inner dd,
.footer .footer_link .link_inner li { display:block; float:none; width:auto; margin:0; }
.footer .footer_link .link_inner dd a,
.footer .footer_link .link_inner li a { padding:2px 10px; color:#adadad; font-size:14px; }
.footer .footer_link .link_inner dd a:hover,
.footer .footer_link .link_inner li a:hover { color:#fff; }
.footer .footer_bottom { width:100%; padding:10px 0; color:#aeaeae; font-size:13px; }
.footer .footer_bottom .footer_logo { float:left; padding:0 27px; }
.footer .footer_bottom .address { float:left; padding-top:15px; }
.footer .footer_bottom .address .call { margin-left:0px; } /*2022-F00108  margin-left값 변경(15px->0px) */
.footer_nav.text-left {margin-left:0;}
.footer .footer_bottom .footer_visitor { float:right; padding-top:15px; color:#f6f6f6; }
.footer .footer_bottom .count { color:#fff; text-align:right; font-weight:bold; width:60px; }
/* sub location nav */
.sub_nav { position:absolute; left:0; right:0; top:110px; z-index:99; width:100%; height:50px; background:#203e60; }
.sub_nav.on { position:fixed; top:0; left:0; right:0; z-index:100; }
.sub_nav a { display:block; width:100%; height:100%; }
.sub_nav>ul { width:1200px; margin:0 auto; padding-left:30px; background:#203e60; }
.sub_nav>ul>li { position:relative; float:left; height:50px; padding:15px 13px 15px 18px; font-size:18px; text-align:left; line-height:1; }
.sub_nav>ul>li::before { content:''; width:1px; height:50px; background:#102a48; position:absolute; top:0; left:0; }
.sub_nav>ul>li:last-child::after { content:''; position:absolute; top:0; right:0; width:1px; height:50px; background:#102a48; }
.sub_nav>ul>li.nav_home { position:relative; width:63px; font-size:0; text-indent:-9999px;}
.sub_nav>ul>li.nav_home::after { content:''; position:absolute; left:27px; top:18px; width:13px; height:13px; background:url(../../../images/g440/portal/ico_home.png) no-repeat 0 0; background-size:contain; }
.sub_nav>ul>li.nav_depth { width:200px; }
.sub_nav>ul>li.nav_depth1 { width:212px; }
.sub_nav>ul>li.nav_depth2 { width:212px; }
.sub_nav>ul>li.nav_depth3 { width:280px; }
.sub_nav>ul>li>a { position:relative; padding-right:18px; color:#fff; font-size:16px; font-weight:300; }
.sub_nav>ul>li.nav_depth1>a::after { content:''; position:absolute; top:10px; right:13px; width:12px; height:6px; background:url(../../../images/g440/portal/arrow_gnb1.png) no-repeat 0 0; transform:rotate(270deg); transition: all 0.3s;}
.sub_nav>ul>li.nav_depth2>a::after { content:''; position:absolute; top:10px; right:13px; width:12px; height:6px; background:url(../../../images/g440/portal/arrow_gnb1.png) no-repeat 0 0; transform:rotate(0deg); transition: all 0.3s;}
.sub_nav>ul>li.nav_depth3>a::after { content:''; position:absolute; top:10px; right:13px; width:12px; height:6px; background:url(../../../images/g440/portal/arrow_gnb1.png) no-repeat 0 0; transform:rotate(0deg); transition: all 0.3s;}
.sub_nav>ul>li.nav_depth2>a.on::after,
.sub_nav>ul>li.nav_depth3>a.on::after { transform:rotate(180deg); transition: all 0.3s; }
.sub_nav_drop { display:none; position:absolute; top:50px; left:0; z-index:10; width:100%; padding:10px 0; border:1px solid #102a48; border-top:1px solid #203e60; background:#203e60; text-align:left; }
.sub_nav_drop>li { line-height:2; }
.sub_nav_drop>li>a { padding-left:18px; color:#b1becc; font-size:16px; }
.sub_nav_drop>li>a:hover { color:#fff; }

.sub_util { position:absolute; right:50%; height:50px; margin-right:-570px; top:0; z-index:100; }
.sub_util .print { position:relative; width:50px; padding:17px 14px 16px 14px; border-left:1px solid #102a48; border-right:1px solid #102a48; text-indent:-9999px; }
.sub_util .print::after { content:''; position:absolute; top:17px; right:14px; width:22px; height:20px; background:url(../../../images/g440/portal/ico_print.png) no-repeat 0 0; background-size:contain; }
.sub_util .sns { position:absolute; top:0; right:51px; }
.sub_util .sns .btn_open { position:relative; width:50px; height:50px; padding:13px 14px; border-left:1px solid #102a48; text-indent:-9999px; }
.sub_util .sns .btn_open::after { content:''; position:absolute; top:17px; right:14px; width:22px; height:20px; background:url(../../../images/g440/portal/ico_sns.png) no-repeat 0 0; background-size:contain; }
.sub_util .sns .sns_link { overflow:hidden; position:absolute; left:0; top:0; max-height: 0; opacity:0; visibility:hidden; transition:all .3s; z-index:100; }
.sub_util .sns.active .sns_link { opacity:1; visibility:visible; max-height:200px; }
.sub_util .sns .sns_link li { position:relative; margin-top:-1px; border:1px solid #102a48; }
.sub_util .sns .sns_link li a { display:block; width:50px; height:49px; text-indent:-9999px; }
.sub_util .sns .sns_link .facebook a::before { content:''; position:absolute; top:0; left:0; width:50px; height:49px; background:url(../../../images/g440/portal/ico_facebook.png) no-repeat 0 0; background-size:contain; }
.sub_util .sns .sns_link .twitter a::before { content:''; position:absolute; top:0; left:0; width:50px; height:49px; background:url(../../../images/g440/portal/ico_twitter.png) no-repeat 0 0; background-size:contain;  }
.sub_util .sns .sns_link .link a::before { content:''; position:absolute; top:0; left:0; width:50px; height:49px; background:url(../../../images/g440/portal/ico_link.png) no-repeat 0 0; background-size:contain; }
.sub_util .sns .sns_link .btn_close { display:block; width:52px; height:51px; background:#203e60; text-indent:-9999px; }
.sub_util .sns .sns_link .btn_close a { position:relative; }
.sub_util .sns .btn_close a::before,
.sub_util .sns .btn_close a::after { content:''; display:block; position:absolute; right:23px; top:17px; width:0; height:17px; border-right:2px solid #fff; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.sub_util .sns .btn_close a::after { -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); }

/* outside */
.outside #container {padding-top:96px; }/*191px;*/
.outside #gnb .logo { top:22px; }
.outside #gnb .util_wrap {background:transparent !important; border-bottom:none !important;}
.outside #gnb .util_wrap .util_inner .header_title {display:none;}
.outside #gnb .util_wrap .util_inner .util_menu li {margin-left:-4px; font-size:13px;}
.outside #gnb .util_wrap .util_inner .util_menu li:last-of-type a:before { width:0; height:0; }
.outside #gnb .util_wrap .util_inner .util_menu li:last-of-type a:after { width:0; height:0; }
.outside #gnb .util_wrap .util_inner .util_menu li:not(:last-of-type) a:before { left:auto; right:0 !important; top:7px !important; width:1px; height:14px; }
.outside .sub_nav /*{ top:96px; }*/{top: 96px;}

/* main
****************************************************/
.main_wrap { position:relative; width:100%; }
.main_wrap.visual { width:100%;height:450px; background:#fff; }
.main_wrap.outside_visual { width:100%;height:330px; background:#203e60; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; }
.main_wrap.user {width:100%;height:342px;background:#c1e7f8;}
/* 미래등기구축사업 추가 BEGNIN */
.main_wrap.user.expt {width:100%;height:480px;background:#c1e7f8;}
/* 미래등기구축사업 추가 END */
.main_wrap.type1 {width:100%;height:400px;background:#f6f6f6;}
.main_wrap.type1.type1_height {height: auto;padding-bottom: 100px;}
.main_wrap.type2 {width:100%;height:430px;background:#fff;}
.main_wrap.outside_type1 {width:100%;height:400px;background:#fff;}
.main_wrap.outside_type2 {width:100%;height:625px;background:#f6f6f6;}
.main_wrap.boardtabs {width:100%;height:392px;background:#f6f6f6;}
.inline_flex_box.main_box{margin-top: 80px;}
.outside_visual .main_visual {width:1200px; margin:0 auto;}
/* banner common */
.outside_visual .main_visual .inner .stit { display:block; margin-bottom:18px; color:#fff; font-size:38px; font-weight:500; line-height:1; }
.outside_visual .main_visual .inner .btn span { display:block; position:relative; }
.outside_visual .main_visual .inner .btn span::after { content:''; position:absolute; right:-19px; top:10px; width:6px; height:10px; background:url(../../../images/g440/portal/ico_inbanner_arrow.png) no-repeat 0 0; background-size:contain;}
/* banner-1 */
.outside_visual .main_visual .swiper_box1 { width:1200px; height:330px;background:#203e60;/* url(../../../images/g440/portal/main_visual_slide_01.png) no-repeat 0 0; background-size:contain;*/}
.outside_visual .main_visual .swiper_box1 .inner { position:absolute; left:100px; top:35px; width:325px; height:210px; text-align:left; }
.outside_visual .main_visual .swiper_box1 .inner p { display:block; margin-bottom:50px; color:#fff; font-size:20px; line-height:1.2; letter-spacing:-0.5px; }
.outside_visual .main_visual .swiper_box1 .inner .btn_banner1 { padding:2px 40px 2px 20px; border-radius:100px; background:#287cec; color:#fff; font-size:20px; font-weight:500; text-align:left; letter-spacing:-0.5px; }
/* banner-2 */
.outside_visual .main_visual .swiper_box2 { width:1200px; height:330px; background:#203e60;/* url(../../../images/g440/portal/main_visual_slide_02.png) no-repeat 0 0; background-size:contain;*/}
.outside_visual .main_visual .swiper_box2 .inner { position:absolute; left:100px; top:35px; width:360px; height:210px; text-align:left; }
.outside_visual .main_visual .swiper_box2 .inner p { display:block; margin-bottom:50px; color:#fff; font-size:20px; line-height:1.2; letter-spacing:-0.5px; }
.outside_visual .main_visual .swiper_box2 .inner .btn_banner2 { padding:2px 40px 2px 20px; border-radius:100px; background:#12476c; color:#fff; font-size:20px; font-weight:500; text-align:left; letter-spacing:-0.5px; }
/* banner-3 */
.outside_visual .main_visual .swiper_box3 { width:1200px; height:330px; background:#203e60;/* url(../../../images/g440/portal/main_visual_slide_03.png) no-repeat 0 0; background-size:contain;*/}
.outside_visual .main_visual .swiper_box3 .inner { position:absolute; left:100px; top:35px; width:360px; height:210px; text-align:left; }
.outside_visual .main_visual .swiper_box3 .inner p { display:block; margin-bottom:50px; color:#fff; font-size:20px; line-height:1.2; letter-spacing:-0.5px; }
.outside_visual .main_visual .swiper_box3 .inner .btn_banner3 { padding:2px 40px 2px 20px; border-radius:100px; background:#00627e; color:#fff; font-size:20px; font-weight:500; text-align:left; letter-spacing:-0.5px; }
/* banner-4 */
.outside_visual .main_visual .swiper_box4 { width:1200px; height:330px; background:#203e60;/* url(../../../images/g440/portal/main_visual_slide_04.png) no-repeat 0 0; background-size:contain;*/}
.outside_visual .main_visual .swiper_box4 .inner { position:absolute; left:auto; right:auto; top:35px; width:100%; height:210px; text-align:center; }
.outside_visual .main_visual .swiper_box4 .inner p { display:block; margin-bottom:50px; color:#fff; font-size:20px; line-height:1.2; letter-spacing:-0.5px; }
.outside_visual .main_visual .swiper_box4 .inner .btn_banner4 { padding:2px 40px 2px 20px; border-radius:100px; border:1px solid #fff; background:transparent; color:#fff; font-size:20px; font-weight:500; text-align:left; letter-spacing:-0.5px; }

.outside_visual .main_visual .swiper-button-next1 {position:absolute; top:50%; right:10px; left:auto; z-index:10; width:30px;height:54px;margin-top:-27px;background:url(../../../images/g440/portal/btn_swiper_next.png); text-indent:-99999px;}
.outside_visual .main_visual .swiper-button-prev1 {position:absolute; top:50%; left:10px; right:auto; z-index:10; width:30px;height:54px;margin-top:-27px;background:url(../../../images/g440/portal/btn_swiper_prev.png); text-indent:-99999px;}
.outside_visual .main_visual .swiper-container { width:100%; height:100%; }

.main_visual .pagination1 { position:absolute; bottom:10px; z-index:10; text-align:center; }
.main_visual .pagination1 > .swiper-pagination-bullet{ bottom:10px; left:0;width:14px; height:14px; background:#909fb0 !important; border:none !important; opacity:1;}
.main_visual .pagination1 > .swiper-pagination-bullet-active{background:#da2da0 !important; border:none !important;}

.main_visual .autoplay { position:absolute; left:51%; bottom:15px; margin-left:50px; width:14px; height:14px; opacity:0.5; transition: all 0.3s; text-indent:-9999px; z-index:999; }
.main_visual .stop { display:block; width:14px; height:14px; background:url(../../../images/g440/portal/btn_pause.png) no-repeat;background-size:contain; }
.main_visual .play { display:none; width:0; height:0; border-top:7px solid transparent; border-left:11px solid #fff; border-bottom:7px solid transparent; opacity:0.5;}
.main_visual .play.active {display:block;}

.outside_visual.bgcolor1 { background:#007da8 !important; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition: all 1s; transition: all 1s; }
.outside_visual.bgcolor2 { background:#0192a1 !important; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.outside_visual.bgcolor3 { background:#05274b !important; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;transition: all 1s; }

.visual_inner {position:relative;width:1200px;height:100%;margin:0 auto;}
.visual_inner:before { content:'';display:block;margin:0 auto;width:387px;height:382px;background:url(../../../images/g440/portal/main_visual_01.png) 0 70px no-repeat;background-size:contain;}
.visual_inner .caption1 {position:absolute;left:89px;top:93px;width:275px;height:210px;color:#000;font-size:44px;line-height:1.2;text-align:center;letter-spacing:-1.5px;}
.visual_inner .caption1 strong {font-size:48px;font-weight:700;}
.visual_inner .caption2 {position:absolute;left:849px;top:93px;color:#000;font-size:18px;text-align:left;letter-spacing:-0.5px;}
.visual_inner .caption2 strong {display:block;margin-bottom:30px;font-size:40px;font-weight:500;line-height:1.2;letter-spacing:-1.5px;}
.user_inner {position:relative;width:1200px;height:100%;margin:0 auto;padding:25px 25px 0;}
.outside .user_inner::before {content:'';position:absolute;left:787px;top:12px;width:1px;height:315px;background:#e6f5fc;display:block;}
.user_inner::before {display:none;}
.outside .user_inner .info_box {display:block;float:left;/*padding-top:25px;*/}
.user_inner .info_box {display:block;float:none;/*padding-top:25px;*/}
.user_inner .info_box .box_title {position:relative;margin-bottom:20px;}
.user_inner .info_box .box_title h3 {display:inline;color:#000;font-size:30px;font-weight:500;line-height:1;letter-spacing:-0.5px;}
.user_inner .info_box .box_title button {position:absolute !important;right:0;top:0;}
.user_inner .info_box .box_title .more {position:relative;width:30px;height:30px;background-color:#65aad6;text-indent:-9999px;}
.user_inner .info_box .box_title .info_text {display:inline;position:relative;padding-left:30px;color:#000;font-size:17px;font-weight:500;line-height:1;letter-spacing:-0.3px;}
.user_inner .info_box .box_title .info_text:before {content:'';position:absolute;left:13px;bottom:3px;width:1px;height:15px;background:#b0c3cc;}
.user_inner .info_box .box_title .info_text .name {color:#0057b1;}
.user_inner .info_box .box_title .info_text .count {color:#ff6600;font-size:24px;}
.user_inner .info_box.type1 {position:relative;width:690px;margin-left:50px;}
.user_inner .info_box.type1 .box_content {width:330px;height:290px;background:#fff;}

.outside .user_inner .info_box.outside_type1 { width:742px; margin:0 40px 0 0; }
.user_inner .info_box.outside_type1 { width:742px; margin:auto; }
.user_inner .info_box.outside_type1 .myinfo_block { display:block; float:left; position:relative; width:234px; height:240px; text-align:center; }
.user_inner .info_box.outside_type1 .myinfo_block.n1 { margin-right:20px; background:#189ecd; }
.user_inner .info_box.outside_type1 .myinfo_block.n1::after { content:''; display:block; margin:0 auto; width:128px; height:128px; background:url(../../../images/g440/portal/ico_mypage_main_01.png) no-repeat; background-size:contain; }
.user_inner .info_box.outside_type1 .myinfo_block.n2 { margin-right:20px; background:#5c76c4; }
.user_inner .info_box.outside_type1 .myinfo_block.n2::after { content:''; display:block; margin:0 auto; width:128px; height:128px; background:url(../../../images/g440/portal/ico_mypage_main_02.png) no-repeat; background-size:contain; }
.user_inner .info_box.outside_type1 .myinfo_block.n3 { background:#0070ab; }
.user_inner .info_box.outside_type1 .myinfo_block.n3::after { content:''; display:block; margin:0 auto; width:128px; height:128px; background:url(../../../images/g440/portal/ico_mypage_main_03.png) no-repeat; background-size:contain; }
.user_inner .info_box.outside_type1 .myinfo_block h4 { padding-top:18px; color:#fff; font-size:22px; font-weight:500; line-height:1; letter-spacing:-0.5px; }
.user_inner .info_box.outside_type1 .myinfo_block .myinfo_count { position:absolute; left:0; right:0; bottom:56px; text-align:center; }
.user_inner .info_box.outside_type1 .myinfo_block .myinfo_count span { color:#fff; font-size:20px; }
.user_inner .info_box.outside_type1 .myinfo_block .myinfo_count span strong { font-size:30px; }
.user_inner .info_box.outside_type1 .myinfo_block a { color:#fff; }
.user_inner .info_box.outside_type1 .myinfo_block .btn_detail { position:absolute; left:0; right:27px; bottom:17px; text-align:right; }
.user_inner .info_box.outside_type1 .myinfo_block .btn_detail strong { position:relative; font-size:16px; font-weight:500; line-height:1; }
.user_inner .info_box.outside_type1 .myinfo_block .btn_detail strong::before { content:'';  position:absolute; left:-10px; top:10px;  width:0; height:0; border-top:3px solid transparent; border-left:4px solid #fff; border-bottom:3px solid transparent; }

/* 미래등기 20231208 추가  START */
.expt .user_inner .info_box.outside_type1 .myinfo_block {height:378px }
.expt > .user_inner::before {height:444px}
.expt .user_inner .info_box.outside_type1 .myinfo_block h4 {padding-top:40px}
.expt .user_inner .info_box.outside_type1 .myinfo_block.n1::after {margin-top:27px}
.expt .user_inner .info_box.outside_type1 .myinfo_block.n2::after {margin-top:27px}
.expt .user_inner .info_box.outside_type1 .myinfo_block.n3::after {margin-top:27px}
.expt .user_inner .info_box.outside_type1 .myinfo_block .myinfo_count {bottom:98px}
.expt .user_inner .info_box.outside_type1 .myinfo_block .btn_detail {right:76px;bottom:38px}
/* 미래등기 20231208 추가  END */

.user_inner .info_box.type2 .myinfo_inner { width:368px; height:240px; padding:8px 10px; border:4px solid #1fa9e0; background-color:#fff; }
.user_inner .info_box.type2 .myinfo_inner a { display:block; }
.user_inner .info_box.type2 .myinfo_inner a:not(:last-of-type) { border-bottom:1px dotted #ccc; }
.user_inner .info_box.type2 .myinfo_inner a:first-child dl { height:50px; padding-top:0; }
.user_inner .info_box.type2 .myinfo_inner dl { display:block; position:relative; height:57px; padding:7px 0; }
.user_inner .info_box.type2 .myinfo_inner dt { display:inline-block; position:relative; height:43px; color:#0080c3; font-size:18px; font-weight:500; line-height: 2.2; text-indent:58px; }
.user_inner .info_box.type2 .myinfo_inner a:nth-child(1) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_04.png) no-repeat 0 0; background-size:contain; }
.user_inner .info_box.type2 .myinfo_inner a:nth-child(2) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_05.png) no-repeat 0 0; background-size:contain; }
.user_inner .info_box.type2 .myinfo_inner a:nth-child(3) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_06.png) no-repeat 0 0; background-size:contain; }
/* 미래등기시스템구축사업 : 현재 미사용으로 주석처리하고 아래 추가
.user_inner .info_box.type2 .myinfo_inner a:nth-child(4) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_07.png) no-repeat 0 0; background-size:contain; }
*/
.user_inner .info_box.type2 .myinfo_inner a:nth-child(4) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_eapi_appl.png) no-repeat 0 0; background-size:contain; }
.user_inner .info_box.type2 .myinfo_inner a:nth-child(5) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_eapi_use.png) no-repeat 0 0; background-size:contain; }

.user_inner .info_box.type2 .myinfo_inner dl dd { display:inline-block; position:absolute; right:0; bottom:20px; }
.user_inner .info_box.type2 .myinfo_inner dl dd strong { color:#ff6600; }

.type1_inner { position:relative; width:1200px; height:100%; margin:0 auto; }
.type1_inner .caption { width:700px; margin:0 auto 55px; text-align:center; }
.type1_inner .caption p { padding-top:35px; color:#000; font-size:36px; font-weight:500; line-height:1.2; letter-spacing:-1.5px; }
.type1_inner .caption strong { color:#1197e4; font-weight:500; }
.type1_inner .service_link { width:720px; margin:0 auto; }
.type1_inner .service_link li { position:relative; text-align:center; }
.type1_inner .service_link li:not(:last-of-type) { margin-right:180px; }
.type1_inner .service_link li::before { content:'';display:block; width:120px; height:120px; }
.type1_inner .service_link ul:first-child li:nth-child(1)::before {  background:url( ../../../images/g440/portal/main_ico_circle_4.png) no-repeat 0 0; }
.type1_inner .service_link ul:first-child li:nth-child(2)::before {  background:url( ../../../images/g440/portal/main_ico_circle_03.png) no-repeat 0 0; }
.type1_inner .service_link ul:first-child li:nth-child(3)::before {  background:url( ../../../images/g440/portal/main_ico_circle_02.png) no-repeat 0 0; }
.type1_inner .service_link ul:last-child li:nth-child(1)::before {  background:url( ../../../images/g440/portal/main_ico_circle_01.png) no-repeat 0 0; }
.type1_inner .service_link ul:last-child li:nth-child(2)::before {  background:url( ../../../images/g440/portal/main_ico_circle_5.png) no-repeat 0 0; }
.type1_inner .service_link ul:last-child li:nth-child(3)::before {  background:url( ../../../images/g440/portal/main_ico_circle_6.png) no-repeat 0 0; }
.type1_inner .service_link li a { display:block; position: absolute; left:0; top:0; width:100%; height:160px; color:#000; font-size:18px; vertical-align: bottom;}
.type1_inner .service_link li a span { display:block; position:absolute; left:0; bottom:0; width:100%; }

.outside_service_link { width:1040px; margin:0 auto; }
.outside_service_link li { position:relative; text-align:center;margin:auto; }
.outside_service_link li::before { content:'';display:block; width:120px; height:120px; }
.outside_service_link li:nth-of-type(1)::before {  background:url(../../../images/g440/portal/main_ico_circle_01.png) no-repeat 0 0; } /*등기현황 */
.outside_service_link li:nth-of-type(2)::before {  background:url(../../../images/g440/portal/main_ico_circle_02.png) no-repeat 0 0; } /*등기지수 */
.outside_service_link li:nth-of-type(3)::before {  background:url(../../../images/g440/portal/main_ico_circle_11.png) no-repeat 0 0; } /*우리동네등기정보 */
.outside_service_link li:nth-of-type(4)::before {  background:url(../../../images/g440/portal/main_ico_circle_08.png) no-repeat 0 0; } /*실거래가(등기기록) 2022-F00343*/
.outside_service_link li:nth-of-type(5)::before {  background:url(../../../images/g440/portal/main_ico_circle_04.png) no-repeat 0 0; } /*관심인기지역 */
.outside_service_link li:nth-of-type(6)::before {  background:url(../../../images/g440/portal/main_ico_circle_05.png) no-repeat 0 0; } /*데이터시각화 */
.outside_service_link li:nth-of-type(7)::before {  background:url(../../../images/g440/portal/main_ico_circle_07.png) no-repeat 0 0; } /*등기소찾기*/

.outside_service_link li a { display:block; position: absolute; left:0; top:0; width:120px; height:160px; color:#000; font-size:18px; vertical-align:bottom; letter-spacing:-0.5px;}
.outside_service_link li a span { display:block; position:absolute; left:0; bottom:0; width:100%; line-height: 1.2;}
/*.outside_service_link li:nth-of-type(5) a span {bottom:-25px;}*/
.outside_service_link ul:first-child li:nth-of-type(3) a span {bottom:-20px;} /* 우리동네등기정보 */

/* 모바일 실거래가(등기기록) 바로가기 수정 시작 : ul:first-child 추가 (2022-F00569)-----------------*/
.outside_service_link ul:first-child li:nth-of-type(4) a span {bottom:-20px;} /*실거래가(등기기록) 2022-F00343*/
/* 모바일 실거래가(등기기록) 바로가기 수정 종료 --------------------------------------------------*/

.main_wrap .chart_inner {position:relative; width:1200px; height:100%; margin:0 auto;}
.main_wrap .chart_inner .chart { width:1200px; height:595px;}
.main_wrap .chart_inner .chart ul { position:relative; width:100%; }
.main_wrap .chart_inner .chart ul li .tab {display:block; position:absolute; top:0; left:190px; width:400px; height:50px; text-align:center; }
.main_wrap .chart_inner .chart ul li:first-child .tab { left:150px;}
.main_wrap .chart_inner .chart ul li:last-child .tab { left:550px;}
.main_wrap .chart_inner .chart ul li .tab h3 { position:relative; padding:20px; color:#737373; font-size:28px; font-weight:500; }
.main_wrap .chart_inner .chart ul li .tab.on h3 { color:#000; font-size:36px;}
.main_wrap .chart_inner .chart ul li:first-child .tab.on h3::after {content:'';width:1px; height:20px; background:#cfcfcf; position:absolute; right:0; top:37px;}
.main_wrap .chart_inner .chart ul li:last-child .tab.on h3::after {content:'';width:1px; height:20px; background:#cfcfcf; position:absolute; left:0; top:37px;}
.main_wrap .chart_inner .chart ul li .cont { display:none; padding-top:70px;}
.main_wrap .chart_inner .chart ul li .cont ul {}
.main_wrap .chart_inner .chart ul li .cont ul li { position:relative; margin-top:20px; vertical-align:top; }
.main_wrap .chart_inner .chart ul li .update { display:block; position:absolute; right:30px; top:30px; font-size:18px;}
.main_wrap.outside_type2 .chart_inner .chart ul li .cont ul {height:535px;}
.main_wrap.outside_type2 .chart_inner .chart ul li .cont ul li {position:relative; margin:0;}
.main_wrap.outside_type2 .chart_inner .chart ul li .cont ul li .inner1 { position:absolute !important; left:0; top:0; width:380px; height:500px; }
.main_wrap.outside_type2 .chart_inner .chart ul li .cont ul li .inner2 { position:absolute !important; left:380px; top:260px; width:250px; height:250px; }
.main_wrap.outside_type2 .chart_inner .chart ul li .cont ul li .inner3 { position:absolute !important; left:650px; top:260px; width:250px; height:250px; }
.main_wrap.outside_type2 .chart_inner .chart ul li .cont ul li .inner4 { position:absolute !important; left:920px; top:260px; width:250px; height:250px; }
.main_wrap.outside_type2 .chart_inner .chart ul li .cont ul li .inner5 { position:absolute !important; left:380px; top:0; width:770px; height:260px; }
.main_wrap.outside_type2 .chart_inner .chart ul li .cont ul li .inner6 { position:absolute !important; left:360px; top:260px; width:300px; height:250px; }
.main_wrap.outside_type2 .chart_inner .chart ul li .cont ul li .inner7 { position:absolute !important; left:680px; top:260px; width:250px; height:250px; }
.main_wrap.outside_type2 .chart_inner .chart ul li .cont ul li .inner8 { position:absolute !important; left:950px; top:260px; width:250px; height:250px; }
.type2_inner { position:relative; width:1200px; height:100%; margin:0 auto; }
.type2_inner .caption { width:1000px; margin:0 auto 55px; text-align:center; }
.type2_inner .caption p { padding-top:35px; color:#000; font-size:36px; font-weight:500; line-height:1.2; letter-spacing:-1.5px; }
.type2_inner .caption strong { color:#1197e4; font-weight:500; }
.type2_inner .service_link { width:1100px; height:220px; margin:0 auto; }
.type2_inner .service_link li { position:relative; width:250px; height:160px; text-align:center; }
.type2_inner .service_link li:not(:last-of-type) { margin-right:33px; }
.type2_inner .service_link li a {display:block; width:100%; height:100%; }
.type2_inner .service_link li a span { position:absolute; left:0; bottom:22px; width:100%; color:#fff; font-size:18px; line-height:1.2; }
.type2_inner .service_link li a span.twoline {bottom:11px;}
.type2_inner .service_link li a span.twoline2 {bottom:6px;}

.swiper-container .pagination2.type1 {position:absolute; bottom:10px; z-index:10; text-align:center;}
.swiper-container .pagination2.type1 > .swiper-pagination-bullet {width:16px; height:16px; background:#fff !important;border:1px solid #818181 !important; opacity:1;}
.swiper-container .pagination2.type1 > .swiper-pagination-bullet-active{background:#555 !important;}

.pagination.type3 {position:absolute; bottom:10px; z-index:10; text-align:center;}
.pagination.type3 > .swiper-pagination-bullet {width:10px; height:10px; background:#fff !important;border:none !important; opacity:1;}
.pagination.type3 > .swiper-pagination-bullet-active{background:#203e60 !important;}

.board_inner { position:relative; width:1200px; height:100%; padding:50px 50px 0 50px; margin:0 auto; }
.board_inner .caption { display:inline-flex; align-items:flex-start; width:410px; text-align:left; vertical-align:top; }
.board_inner .caption p { color:#000; font-size:36px; font-weight:500; line-height:1.2; letter-spacing:-1.5px; }
.board_inner .caption strong { color:#1197e4; font-weight:500; }
.board_inner .board { display:inline-flex; align-items:flex-start; width:500px;margin-left: 15px;}
.board_inner .board.type1 ul li:nth-child(3)>.tab {left: 25%;}
.board_inner .board.type1 ul li:nth-child(4)>.tab {left: 50%;}
.board_inner .board.type1 ul li:last-child .tab {right: 0px;left: inherit;}
.board_inner .board.type1 ul li .cont{border:none;}
.board_inner .board.type1.tabs_cont>ul {border:1px solid #d7d7d7;position: relative;}
.board_inner .board.type1 ul li .tab {width: 25%;height: 50px;line-height: 50px;left: 0px;top:52px;background: #fff;border-bottom: 1px solid #d7d7d7;}
.board_inner .board.type1 ul li .cont {border-top: none;}
.board_inner .board.type1 ul li .tab.on h3{border: none;}
.board_inner .board.type1 ul li .tab h3 {background: #fff;border: none;}
.tabs_box_table {position: absolute;top: 0px;width: 500px;background: #a7a7a7;padding: 14px 30px;}
.board_inner .board.type1 {width:500px;margin-right: 15px;}
.board_inner .board ul { position:relative; width:100%; }
.board_inner .board ul li .tab {display:block; position:absolute; top:0; left:190px; width:190px; height:50px; text-align:center; }
.board_inner .board ul li:first-child .tab { left:0; }
.board_inner .board ul li:last-child .tab { left:189px; }
.board_inner .board ul li .tab h3 { position:relative; padding:10px 0 9px; border:1px solid #d7d7d7; background:#eee; color:#000; font-size:20px; font-weight:500;  }
.board_inner .board ul li .tab.on h3 { border-bottom:1px solid #fff; background:#fff; color:#000; }
.board_inner .board ul li .cont { display:none; overflow:hidden; margin-top:50px; padding:30px 40px; border:1px solid #d7d7d7; background:#fff; }
.board_inner .board ul li .cont ul { padding:0; }
.board_inner .board ul li .cont ul li { margin-top:12px; position:relative; box-sizing:border-box; padding-right:85px; vertical-align:middle; }
.board_inner .board ul li .cont ul li:first-child {margin-top:0;}
.board_inner .board ul li .cont ul li .new { display:inline-block; margin-left:5px; }
.board_inner .board ul li .cont ul li span {display:block;}
.board_inner .board ul li .cont ul li span.title a {display:inline-block; color:#333; font-size:17px; width:auto; max-width:85%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:top; }
.board_inner .board ul li .cont ul li span.date { position:absolute; right:0; top:0; text-align:right; color:#333; }
.board_inner .board ul li .btn { position:absolute !important; right:0; top:0; }
.board_inner .board ul li .more { position:relative; width:30px; height:30px; background-color:#afafaf; text-indent:-9999px; }

/* login
****************************************************/
.login { position:absolute; top:50%; left:50%; width:680px; height:630px; margin-top:-315px; margin-left:-340px; border:4px solid #e7e7e7; }
.login_wrap { position:relative; }
.login_header { position:absolute; left:-4px; top:-63px; width:680px; height:53px; }
.login_header .logo { display:inline-block; }
.login_header .logo a { display:block; width:205px; height:53px; background:url(../../../images/g440/portal/logo.png) no-repeat left top; background-size:contain; text-indent:-99999px; }
.login_header .header_title { position:absolute; right:0; bottom:0; color:#000; font-size:14px; font-weight:500; line-height:1; }
.login_inner { width:420px; margin:0 auto; }
.login_inner .title { padding:52px 0 22px; font-size:38px; font-weight:500; line-height:1; text-align:center; }
.login_inner .title.underline { position:relative; }
.login_inner .title.underline::after { content:''; position:absolute; bottom:0; left:50%; width:35px; height:1px; margin-left:-17.5px; background:#818181; }
.login_inner .txt { padding:50px 0 28px; color:#000; font-size:18px; font-weight:500; text-align:center; }
.login_inner .login_form { margin-bottom:14px; }
.login_inner .form_inbox { margin-bottom:20px; }
.login_inner input[type=text], .login_inner input[type=password] { width:100%; height:58px; padding: 0 20px; font-size:16px; background:#fff; border:1px solid #ccc; }
.login_inner .btn_login { display:block; width:100%; height:58px; padding:13px 0 12px; background:#0072bc; color:#fff; font-size:20px; font-weight:500; text-align:center; line-height:1.5; }
.login_inner .desc { color:#666; }

.login_wrap.outside { position:relative; width:420px; margin:0 auto 50px; }
.login_wrap.outside .txt { margin-bottom:30px; color:#000; font-size:18px; font-weight:500; text-align:center; }
/* BEGIN: 로그인 캡차 적용을 위해 margin-bottom 수정 및 check_inbox의 width설정 추가. 2026.11.05. 남소정(2026-F00794)*/
.login_wrap.outside .check_inbox { margin-bottom:10px; width:50%}
.login_wrap.outside .form_inbox { margin-bottom:10px; }
.login_wrap.outside .btn_inbox { margin-bottom:10px; }
/* END: 로그인 캡차 적용을 위해 margin-bottom 수정 및 check_inbox의 width설정 추가. 2026.11.05. 남소정(2026-F00794)*/
.login_wrap.outside input[type=text], .login_wrap.outside input[type=password] { width:100%; height:58px; padding: 0 20px; font-size:16px; background:#fff; border:1px solid #ccc; }
.login_wrap.outside .btn_login { display:block; width:100%; height:58px; padding:13px 0 12px; background:#0072bc; color:#fff; font-size:20px; font-weight:500; text-align:center; line-height:1.5; }
.login_wrap.outside .btn_link { display:inline-block; width:48%; height:58px; border:1px solid #dfdfdf; background:#efefef; color:#666; font-size:18px; font-weight:500; }
.login_wrap.outside .desc { padding-top:20px; border-top:1px solid #dadada; color:#666; }

/* BEGIN: 로그인 캡차 적용. 2026.11.05. 남소정(2026-F00794)*/
.login_wrap.outside .check_inbox_wrap {display:flex; margin-bottom:10px;}
.login_wrap.outside .captcha_box {display:flex; align-items:stretch; width:100%; gap:4px; box-sizing:border-box; padding-top:10px;}
.login_wrap.outside .captcha_img {flex: 0 0 160px; width:160px; height:50px;}
.login_wrap.outside .captcha_img img{display:block; width:160px; height:50px; max-width:100%; object-fit:contain;}
.login_wrap.outside .captcha_btn {flex:1; min-width:0; height:50px; padding:0 4px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; border:1px solid #ccc;cursor:pointer; white-space:nowrap;}
.login_wrap.outside .captcha_answer {margin-top:10px; margin-bottom:10px;}
/* END: 로그인 캡차 적용. 2026.11.05. 남소정(2026-F00794)*/


/* common util
****************************************************/
#btn_gotop { display:block; visibility:hidden; opacity:0; position:fixed; bottom:200px; right:50px; width:56px; height:56px;  border-radius:100px; background-color:rgba(0, 0, 0, 0.3); text-indent:-99999px; transition:all 0.3s; z-index:999; }
#btn_gotop::after {content:''; display:block; position:absolute; left:0; top:0; width:56px; height:56px; background:url(../../../images/g440/portal/btn_gotop.png) no-repeat; background-size:cover; }
#btn_gotop:hover { cursor:pointer; }
#btn_gotop.show { opacity:1; visibility:visible; }

/* sub contents
****************************************************/
.sub_contents .title { display:block; margin:0 auto 73px; color:#010101; font-size:38px; font-weight:500; line-height:1; text-align:center; }
.sub_contents .title.line { position:relative; }
/*.sub_contents .title.line::after { content:''; position:absolute; top:57px; left:50%; width:35px; height:1px; margin-left:-17.5px; background:#818181; }*/
.sub_contents .title.line_block { position:relative; padding:15px 0; margin-bottom:30px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; background:#fafafa; font-size:23px; font-weight:500; }
.sub_contents .subtitle {color:#000; font-size:25px; line-height:2; font-weight:500;}
.sub_contents .subtitle.small {color:#000; font-size:22px; line-height:2;}
.sub_contents .subtitle.xsmall {color:#000; font-size:20px; line-height:1;}

.contents_txt.top { margin-bottom:15px; color:#000; font-size:16px; line-height:1; }

.sentence {font-size:16px;}
.sentence h3 {color:#000; font-size:22px; font-weight:500; line-height:2;}

.line_box {overflow:hidden; padding:15px; border:1px solid #dfdfdf; }
.line_box .dotlist li { position:relative; padding-left:10px; font-family:'Malgun Gothic'; font-size:13px; letter-spacing:-0.75px; }
.line_box .dotlist li::before { content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background:#333; }
.line_box .dotlist li .bar {margin:3px 0;}
.line_box .dotlist li .bar li { padding-left:15px;}
.line_box .dotlist li .bar li::before { content:''; position:absolute; left:3px; top:9px; width:5px; height:1px; background:#333; }
.line_box ol.num li { list-style:decimal; list-style-position:inside; }
.line_box ol.num li::before { display:none; }
.line_box .lblock {display:inline-block; padding:1px 3px 2px; border:1px solid #b0b0b0; font-size:11px; font-family:'Malgun Gothic'; line-height:1; text-indent:0; vertical-align:middle;}
.line_box h6 {margin-bottom:15px; font-size:15px; font-weight:500; line-height:1;}
.line_box .desc { font-family:'Malgun Gothic'; font-size:13px; }

.line_box.blue {padding:20px 20px 30px; border:1px solid #83d0f0;}
.line_box.blue h3 {color:#000; font-size:24px; font-weight:500; line-height:1; text-align:center;}
.line_box.blue .title_block {padding-left:20px;border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fafafa; text-align:left;}
.line_box.blue .title_block dt {display:inline-block; padding:10px 0;color:#000; font-size:18px; font-weight:500; line-height:1;}
.line_box.blue .title_block dd {display:inline-block; position:relative; color:#666; font-size:15px;}
.line_box.blue .title_block dd:before {content:'>'; display:inline-block; font-family:'Malgun Gothic';padding:0 2px;}
.line_box.blue .menu_list {padding:30px 20px; text-align:left;}
.line_box.blue .menu_list li {display:inline-block; width:33%; font-size:15px; line-height:1.8;}
.line_box.blue .menu_list li a {display:block; margin:0 !important; padding:0 !important; border:none !important; background:none !important;}

.scroll_box {overflow-y:auto; padding:15px; border:1px solid #dfdfdf;}

.primary_contents .line_box + .group.top {margin: 20px 0 10px !important;}
.primary_contents > .search_wrap .inbox {height:34px !important; padding:9px 10px 10px !important;}
.primary_contents > .line_box + .group.top {margin:20px 0 10px !important;}
.primary_contents > .group.top {margin:20px 0 10px!important;}
.primary_contents > .chart_wrap {overflow:hidden; width:100%;margin:auto;display:block;padding:15px;border:1px solid #dfdfdf;}
/*.primary_contents > .chart_wrap .chart_inner { margin:5px; padding:15px; border:1px solid #dfdfdf; }*/

.primary_contents > .chart_wrap .chart_inner+.chart_inner {margin-left:10px !important;}
.primary_contents > h3.small { color:#000; font-size:16px; line-height:2; }
.primary_contents > .btn_wrap.right {display:inline-block !important;}
.primary_contents > .group.top .bar_menu {position:absolute; left:0; bottom:0;}
.primary_contents > .group.top .bar_menu li {display:inline-block; position:relative; margin-right:24px; font-size:14px;}
.primary_contents > .group.top .bar_menu li:not(:last-of-type) a:before {content:''; position:absolute; right:-12px; top:5px; width:1px; height:12px; background:#dedede;}

/* registration data */
.rgsData_intro {width:100%;}
.rgsData_intro article {padding:50px 0;border-top:1px solid #dadada; text-align:center;}
.rgsData_intro article.n4 {padding:20px 0 0 0;border-top-width:0;}
.rgsData_intro article h3 {margin-bottom:30px; color:#000; font-size:32px; font-weight:500; line-height:1; letter-spacing:-0.5px;}
.rgsData_intro article .type1 {color:#000; font-size:22px;}
.rgsData_intro article .type2 {color:#333; font-size:16px;}
.rgsData_intro article .image {padding:40px 0;}
.rgsData_intro .process {width:590px; margin:40px auto 0;}
.rgsData_intro .process li {display:block; position:relative; width:590px; height:100px; border-radius:10px; color:#fff; text-align:center; line-height:1;}
.rgsData_intro .process li:nth-child(1) {background:#0069a1;}
.rgsData_intro .process li:nth-child(1)::before {content:''; position:absolute; left:50%; top:11px; margin-left:-25px; width:50px; height:45px; background:url(../../../images/g440/portal/img_rgsData_02.png) no-repeat; background-size:contain;}
.rgsData_intro .process li:nth-child(3) {background:#1292da;}
.rgsData_intro .process li:nth-child(3)::before {content:''; position:absolute; left:50%; top:11px; margin-left:-77px; width:154px; height:40px; background:url(../../../images/g440/portal/img_rgsData_03.png) no-repeat; background-size:contain;}
.rgsData_intro .process li:nth-child(5) {background:#049ba8;}
.rgsData_intro .process li:nth-child(5)::before {content:''; position:absolute; left:50%; top:11px; margin-left:-21.5px; width:51px; height:48px; background:url(../../../images/g440/portal/img_rgsData_04.png) no-repeat; background-size:contain;}
.rgsData_intro .process li p {padding-top:65px;}
.rgsData_intro .process li:nth-child(2n) {height:86px;}
.rgsData_intro .process li .arrow {position:relative; display:block; height:86px; padding-top:18px; color:#4f4f4f; font-size:17px; }
.rgsData_intro .process li .arrow::after {content:''; display:block; width:48px; height:29px; margin:13px auto 0; background:url(../../../images/g440/portal/img_rgsData_05.png) no-repeat; background-size:contain;}
.rgsData_intro .service {width: 1025px; margin:0 auto;}
.rgsData_intro .service dl {display:inline-block; float:left; position:relative; width:275px; text-align:left;}
.rgsData_intro .service dt {padding-bottom:17px; color:#000; font-size:25px; font-weight:500; line-height:1;}
.rgsData_intro .service dd {color:#333; font-size:16px; }
.rgsData_intro .service dl:not(:last-of-type) {margin-right:80px;}
.rgsData_intro .summary {width:1140px; height:260px; padding:39px 0 0 44px; background:url(../../../images/g440/portal/img_rgsData_06.png) no-repeat; background-size:contain; text-align:left;}
.rgsData_intro .summary p {width:420px;}
.rgsData_intro .service dl:nth-child(1)::before {content:''; display:block; margin:0 auto 30px; width:146px; height:146px; background:url(../../../images/g440/portal/img_rgsData_07.png) no-repeat; background-size:contain;}
.rgsData_intro .service dl:nth-child(2)::before {content:''; display:block; margin:0 auto 30px; width:146px; height:146px; background:url(../../../images/g440/portal/img_rgsData_08.png) no-repeat; background-size:contain;}
.rgsData_intro .service dl:nth-child(3)::before {content:''; display:block; margin:0 auto 30px; width:146px; height:146px; background:url(../../../images/g440/portal/img_rgsData_09.png) no-repeat; background-size:contain;}

/* open api */
.openapi_intro {}
.openapi_intro .process {width:100%; margin:20px auto 40px;}
.openapi_intro .process li {display:inline-block; float:left; position:relative; width:32%; height:80px;margin-bottom: 30px;padding: 0 20px;vertical-align:middle;}
.openapi_intro .process li:nth-child(1) {margin-right:20px; background:#ce63a5;}
.openapi_intro .process li:nth-child(1)::before {content:'';width:37px; height:39px; margin:20px;display: inline-flex;align-items: center;align-content: center;background:url(../../../images/g440/portal/img_openapi_01.png) no-repeat; background-size:contain;}
.openapi_intro .process li:nth-child(1)::after {content:''; position:absolute; right:-30px; top:24px; z-index:1; width:33px; height:37px; border-left:solid 20px #ce63a5; border-bottom: solid 19px transparent;
border-top: solid 18px transparent;}
.openapi_intro .process li:nth-child(2) {margin-right:20px; background:#5670c0;}
.openapi_intro .process li:nth-child(2)::before {content:''; display:inline-flex;align-items: center;align-content: center; width:51px; height:47px; margin:17px; background:url(../../../images/g440/portal/img_openapi_02.png) no-repeat; background-size:contain;}
.openapi_intro .process li:nth-child(2)::after {content:''; position:absolute; right:-30px; top:24px; z-index:1; width:33px; height:37px; border-left:solid 20px #5670c0; border-bottom: solid 19px transparent;
border-top: solid 18px transparent;}
.openapi_intro .process li:nth-child(3) {background:#2666b5;}
.openapi_intro .process li:nth-child(3)::before {content:''; display:inline-flex;align-items: center;align-content: center; width:46px; height:37px; margin:18px; background:url(../../../images/g440/portal/img_openapi_03.png) no-repeat; background-size:contain;}
.openapi_intro .process li:nth-child(3)::after {display: none;content:''; position:absolute; left:44%; top:80px; z-index:1; width:33px; height:37px; border-left:solid 19px transparent;border-top: solid 20px #2666b5;border-right: solid 19px transparent;border-bottom: solid 19px transparent;}
.openapi_intro .process li:nth-child(6) {background:#506787;}
.openapi_intro .process li:nth-child(6)::before {content:''; display:inline-flex;align-items: center;align-content: center; width:40px; height:36px; margin:22px; background:url(../../../images/g440/portal/img_openapi_04.png) no-repeat; background-size:contain;}
.openapi_intro .process li:nth-child(6)::after {display: none;content:''; position:absolute; left:44%; top:80px; z-index:1; width:33px; height:37px; border-left:solid 19px transparent; border-top:solid 20px #506787;border-bottom: solid 19px transparent;border-right: solid 19px transparent;}
.openapi_intro .process li:nth-child(5) {background:#3a5f91;margin-right: 20px;}
.openapi_intro .process li:nth-child(5)::before {content:''; display:inline-flex;align-items: center;align-content: center; width:40px; height:36px; margin:22px; background:url(../../../images/g440/portal/pc_openapi_icon5.png) no-repeat; background-size:contain;}
.openapi_intro .process li:nth-child(5)::after {content:''; position:absolute; right: -30px; top:24px; z-index:1; width:33px; height:37px;    border-top: solid 18px transparent; border-left:solid 20px #3a5f91;border-bottom: solid 19px transparent;}
.openapi_intro .process li:nth-child(4) {background:#255ba4;margin-right: 20px}
.openapi_intro .process li:nth-child(4)::before {content:''; display:inline-flex;align-items: center;align-content: center; width:40px; height:36px; margin:22px; background:url(../../../images/g440/portal/pc_openapi_icon6.png) no-repeat; background-size:contain;}
.openapi_intro .process li:nth-child(4)::after {content:''; position:absolute; right:-30px; top:24px; z-index:1; width:33px; height:37px;    border-top: solid 18px transparent; border-left:solid 20px #255ba4;border-bottom: solid 19px transparent;}
.openapi_intro .process li:nth-child(7) {background:#1987ac;margin-right: 20px;}
.openapi_intro .process li:nth-child(7)::before {content:''; display:inline-flex;align-items: center;align-content: center; width:40px; height:36px; margin:22px; background:url(../../../images/g440/portal/pc_openapi_icon7.png) no-repeat; background-size:contain;}
.openapi_intro .process li:nth-child(7)::after {content:''; position:absolute; right:-38px; top:24px; z-index:1; width:33px; height:37px; border-left:solid 20px #1987ac; border-top:solid 19px transparent;border-bottom: solid 19px transparent;border-right: solid 19px transparent;}
.openapi_intro .process li:nth-child(8) {background:#09a0c0;margin-right: 20px;}
.openapi_intro .process li:nth-child(8)::before {content:''; display:inline-flex;align-items: center;align-content: center; width:40px; height:36px; margin:22px; background:url(../../../images/g440/portal/pc_openapi_icon8.png) no-repeat; background-size:contain;}
.openapi_intro .process li:nth-child(8)::after {content:''; position:absolute; right:-38px; top:24px; z-index:1; width:33px; height:37px; border-left:solid 20px #09a0c0; border-top:solid 19px transparent;border-bottom: solid 19px transparent;border-right: solid 19px transparent;}
.openapi_intro .process li:nth-child(9) {background:#009da7;}
.openapi_intro .process li:nth-child(9)::before {content:''; display:inline-flex;align-items: center;align-content: center; width:40px; height:36px; margin:22px; background:url(../../../images/g440/portal/pc_openapi_icon9.png) no-repeat; background-size:contain;}
.openapi_intro .process li span {margin:0 auto; color:#fff;  font-weight:500;position: absolute;top: 36px;}
.openapi_intro .process li span.box_tit {position: absolute;top: 14px;}
.openapi_intro .dotlist li { position:relative; margin-bottom:5px;padding-left: 14px;}
.openapi_intro .dotlist li::before { content:''; position:absolute; left:4px; top:12px; width:3px; height:3px; background:#333; }
.sub_contents .openapi_intro em { color: #0090eb;}

.openapi_detail {}
.openapi_detail h3.small { color:#000; font-size:16px; line-height:2; }
.openapi_detail .group.top {margin:0;}
.openapi_detail .group.top .right_area { float:none; position:absolute; right:0; bottom:10px;}
/*.openapi_detail > .line_box + .group.top {margin:10px 0 20px !important;}*/

/* dataset */
.dataset_detail {}
.dataset_detail h3.small { color:#000; font-size:16px; line-height:2; }
.dataset_detail .group.top .right_area { float:none; position:absolute; right:0; bottom:10px; }

.dataPop.type1 {}
.dataPop.type1 .group.top {margin-bottom:6px;}
.dataPop.type1 .group.top h3 {font-size:25px; font-weight:500;}
.dataPop.type1 .map_wrap {overflow:hidden; text-align:center;}
.dataPop.type1 .map_wrap .arrow { display:block; width:0; height:0; border-top:12px solid transparent; border-left:18px solid #bebebe; border-bottom:12px solid transparent;}
.dataPop.type2 {}
.dataPop.type2 .desc {margin-bottom:30px; color:#333; font-size:16px; text-align:center;}

.dataPop.type2 .tabs_top10 {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 40px;
}
.dataPop.type2 .tabs_top10 > ul {
    display: table;
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
}
.dataPop.type2 .tabs_top10 > ul > li {
    position: relative;
    cursor: pointer;
    display: table-cell;
    height: 170px;
    background: #eee;
    color: #111;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    font-weight: 500;
}
.dataPop.type2 .tabs_top10 > ul > li:not(:first-child) { border-left: 1px solid #dadada; }
.dataPop.type2 .tabs_top10 > ul > li.on { background:#3590db; }
.dataPop.type2 .tabs_top10 > ul > li.on a { color: #fff; }
.dataPop.type2 .tabs_top10 > ul > li a { display: block; padding-top:100px; }

.dataPop.type2 .tabs_top10 > ul > li:nth-child(1)::before {content:''; position:absolute; left:50%; top:0px; width:160px; height:110px; margin-left:-80px; background:url(../../../images/g440/portal/ico_dataPop_tab1.png) no-repeat; background-size:contain;}
.dataPop.type2 .tabs_top10 > ul > li:nth-child(1).on::before {content:''; position:absolute; left:50%; top:0px; width:160px; height:110px; margin-left:-80px; background:url(../../../images/g440/portal/ico_dataPop_tab1_on.png) no-repeat; background-size:contain;}
.dataPop.type2 .tabs_top10 > ul > li:nth-child(2)::before {content:''; position:absolute; left:50%; top:0px; width:160px; height:110px; margin-left:-80px; background:url(../../../images/g440/portal/ico_dataPop_tab2.png) no-repeat; background-size:contain;}
.dataPop.type2 .tabs_top10 > ul > li:nth-child(2).on::before {content:''; position:absolute; left:50%; top:0px; width:160px; height:110px; margin-left:-80px; background:url(../../../images/g440/portal/ico_dataPop_tab2_on.png) no-repeat; background-size:contain;}
.dataPop.type2 .tabs_top10 > ul > li:nth-child(3)::before {content:''; position:absolute; left:50%; top:0px; width:160px; height:110px; margin-left:-80px; background:url(../../../images/g440/portal/ico_dataPop_tab3.png) no-repeat; background-size:contain;}
.dataPop.type2 .tabs_top10 > ul > li:nth-child(3).on::before {content:''; position:absolute; left:50%; top:0px; width:160px; height:110px; margin-left:-80px; background:url(../../../images/g440/portal/ico_dataPop_tab3_on.png) no-repeat; background-size:contain;}
.dataPop.type2 .tabs_top10 > ul > li:nth-child(4)::before {content:''; position:absolute; left:50%; top:0px; width:160px; height:110px; margin-left:-80px; background:url(../../../images/g440/portal/ico_dataPop_tab4.png) no-repeat; background-size:contain;}
.dataPop.type2 .tabs_top10 > ul > li:nth-child(4).on::before {content:''; position:absolute; left:50%; top:0px; width:160px; height:110px; margin-left:-80px; background:url(../../../images/g440/portal/ico_dataPop_tab4_on.png) no-repeat; background-size:contain;}
.dataPop.type2 .tabs_top10 > ul > li:nth-child(5)::before {content:''; position:absolute; left:50%; top:0px; width:160px; height:110px; margin-left:-80px; background:url(../../../images/g440/portal/ico_dataPop_tab5.png) no-repeat; background-size:contain;}
.dataPop.type2 .tabs_top10 > ul > li:nth-child(5).on::before {content:''; position:absolute; left:50%; top:0px; width:160px; height:110px; margin-left:-80px; background:url(../../../images/g440/portal/ico_dataPop_tab5_on.png) no-repeat; background-size:contain;}
.dataPop.type2 .both_wrap {overflow:hidden;}
.dataPop.type2 .both_wrap .left_wrap.line_box {height:562px;}
.dataPop.type2 .both_wrap .right_wrap {width:38%;}
.dataPop.type2 h3 {margin-bottom:40px; line-height:1;}
.dataPop.type2 .tabs_txt { width:200px; margin:0 auto 20px;}
.dataPop.type2 .tabs_txt li {display:inline-block; width:55px; margin:0 10px; text-align:center;}
.dataPop.type2 .tabs_txt li a {display:block; position:relative; padding-bottom:10px; color:#666; font-size:22px; font-weight:500;}
.dataPop.type2 .tabs_txt li.on a {color:#0072cf;}
.dataPop.type2 .tabs_txt li.on a::after {content:''; position:absolute; left:0; bottom:0; width:54px; height:2px; background:#0072cf;}

/* custom registration*/
.rgsCustom_intro {}
.rgsCustom_intro .org_list {border:1px solid #dadada; border-radius:5px;}
.rgsCustom_intro .org_list dl {display:inline-block; float:left; position:relative; width:50%; height:193px; padding:30px 30px 15px 160px; }
.rgsCustom_intro .org_list dl:nth-child(1) {border-bottom:1px solid #dadada;}
.rgsCustom_intro .org_list dl:nth-child(2) {border-bottom:1px solid #dadada;}
.rgsCustom_intro .org_list dl:nth-child(2n) {border-left:1px solid #dadada;}
.rgsCustom_intro .org_list dl:nth-child(1)::before {content:''; position:absolute; left:30px; top:30px; width:100px; height:100px; background:url(../../../images/g440/portal/main_ico_circle_03.png) no-repeat; background-size:contain;}
.rgsCustom_intro .org_list dl:nth-child(2)::before {content:''; position:absolute; left:30px; top:30px; width:100px; height:100px; background:url(../../../images/g440/portal/main_ico_circle_02.png) no-repeat; background-size:contain;}
.rgsCustom_intro .org_list dl:nth-child(3)::before {content:''; position:absolute; left:30px; top:30px; width:100px; height:100px; background:url(../../../images/g440/portal/main_ico_circle_04.png) no-repeat; background-size:contain;}
.rgsCustom_intro .org_list dl:nth-child(4)::before {content:''; position:absolute; left:30px; top:30px; width:100px; height:100px; background:url(../../../images/g440/portal/main_ico_circle_05.png) no-repeat; background-size:contain;}
.rgsCustom_intro .org_list dl .stit { color:#000; font-size:20px; line-height:1.6; font-weight:500;}
.rgsCustom_intro .org_list dl .txt { display:block; color:#333; font-size:15px; line-height:1.4; }

/* registration index */
.rgsIndex {}
.rgsIndex .list_wrap ul {}
.rgsIndex .list_wrap li.inner { display:inline-block; float:left; width:360px; height:340px; margin-right:30px; margin-bottom:30px; }
.rgsIndex .list_wrap li.inner:nth-child(3n) { margin-right:0; }
.rgsIndex .list_wrap li.inner .thumb {margin:0 auto;}
.rgsIndex .list_wrap li.inner .thumb img { width:100%;height:auto;}
.rgsIndex .list_wrap dt {display:block; margin:0 0 5px; color:#000; font-size:20px; font-weight:500; letter-spacing:-0.7px;}
.rgsIndex .list_wrap dd.desc {display:block; min-height:35.2px; margin-bottom:15px; color:#555; font-size:15px; line-height:1.2;}
.rgsIndex .list_wrap .info_area {position:absolute; left:15px; bottom:15px;}
.rgsIndex .list_wrap .info_area li {display:inline-block; margin-top:10px; color:#555; font-size:14px;}
.rgsIndex .list_wrap .info_area li .stit {position:relative; padding-right:22px;}
.rgsIndex .list_wrap .info_area li .stit::after { content:''; display:block; position:absolute; right:11px; top:6px; width:1px; height:11px; background-color:#ababab; }
.rgsIndex .list_wrap .info_area li:nth-child(1) {margin-right:34px;}

.rgsIndex .list_wrap li.inner > a { display:block; overflow:hidden; position:relative; width:360px; height:340px; padding:15px; border:1px solid #dadada; background:#fff; }
.rgsIndex .list_wrap li.inner > a dl dt:after { content:''; display:block; position:absolute; right:0; top:0; width:0; height:3px; background-color:#0a9fdd; transition: all 0.25s ease-out; opacity:0; z-index:10; }
.rgsIndex .list_wrap li.inner > a:hover dl dt:after { width:100%; opacity:1; }
.rgsIndex .list_wrap li.inner > a dl dt:before { content:''; display:block; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#0a9fdd; transition: all 0.25s ease-out; opacity:0; z-index:10; }
.rgsIndex .list_wrap li.inner > a:hover dl dt:before {width:100%; opacity:1; }
.rgsIndex .list_wrap li.inner > a dl dd:after { content:''; display:block; position:absolute; left:0; top:0; width:3px; height:0; background-color:#0a9fdd; transition: all 0.25s ease-out; opacity:0; z-index:10; }
.rgsIndex .list_wrap li.inner > a:hover dl dd:after { height:100%; opacity:1; }
.rgsIndex .list_wrap li.inner > a dl dd:before { content:''; display:block; position:absolute; right:0; bottom:0; width:3px; height:0; background-color:#0a9fdd; transition: all 0.25s ease-out; opacity:0; z-index:10; }
.rgsIndex .list_wrap li.inner > a:hover dl dd:before { height:100%; opacity:1; }
.rgsIndex .list_wrap li.inner > a > .thumb { overflow:hidden; width:100%; height:210px; transition: all 0.2s ease-out; }
.rgsIndex .list_wrap li.inner > a > .thumb img { width:100%; height:auto; margin:0 auto; transition: all 0.5s ease-out; -webkit-transform: scale3d(1.0); transform: scale3d(1,1,1); }
.rgsIndex .list_wrap li.inner > a:hover > .thumb img { width:100%; -webkit-transform: scale(1.1); transition-duration:240ms; transform: scale(1.1);}

.rgsIndex_detail {}
.rgsIndex_detail h3.small { color:#000; font-size:16px; line-height:2; }
.rgsIndex_detail .group.top .right_area { float:none; position:absolute; right:0; bottom:10px; }
.rgsIndex_detail .rtit {display:inline-block; padding:1px 12px; border:1px solid #d0d0d0; border-radius:50px; background:#f2f2f2; color:#333; font-family:'Noto Sans KR'; font-size:14px; font-weight:500;}
.rgsIndex_detail .bunsu_wrap {display:inline-block;}
.rgsIndex_detail .bunsu {display:inline-block; position:relative;}
.rgsIndex_detail .bunsu:before {content:''; position:absolute; left:0; top:22px; width:100%;height:1px; background:#000;}
.rgsIndex_detail .bunsu li {display:block; text-align:center;}
.rgsIndex_detail .bunsu_wrap span {display:inline-block;padding-top:10px; vertical-align:top;}
.rgsIndex_detail .desc.small {padding:10px 0;color:#6a6a6a; font-size:13px; line-height:1;}

/* dataInfograp */
.dataInfograp {}
.dataInfograp .desc{margin-bottom:30px; color:#333; line-height:1; text-align:center;}
.dataInfograp .list_wrap li { display:inline-block; float:left; position:relative; width:285px; height:285px; text-align:center;}
.dataInfograp .list_wrap li a { display:block; overflow:hidden; position:relative; }
.dataInfograp .list_wrap li a:before { content:''; display:block; position:absolute; left:0; top:0; width:285px; height:285px; background-size:contain; transition:all 0.4s ease-in-out; z-index:10; }
.dataInfograp .list_wrap li a:hover:before { opacity:0; transition:all 0.3s ease-in-out; transition-duration:200ms; }
.dataInfograp .list_wrap li.inner.type1 a:before { background:url(../../../images/g440/portal/img_dataInfograp_01_1.png) no-repeat 0 0; }
.dataInfograp .list_wrap li.inner.type2 a:before { background:url(../../../images/g440/portal/img_dataInfograp_02_1.png) no-repeat 0 0; }
.dataInfograp .list_wrap li.inner.type3 a:before { background:url(../../../images/g440/portal/img_dataInfograp_03_1.png) no-repeat 0 0; }
.dataInfograp .list_wrap li.inner.type4 a:before { background:url(../../../images/g440/portal/img_dataInfograp_04_1.png) no-repeat 0 0; }
.dataInfograp .list_wrap li.inner.type5 a:before { background:url(../../../images/g440/portal/img_dataInfograp_05_1.png) no-repeat 0 0; }
.dataInfograp .list_wrap li.inner.type6 a:before { background:url(../../../images/g440/portal/img_dataInfograp_06_1.png) no-repeat 0 0; }
.dataInfograp .list_wrap li.inner.type7 a:before { background:url(../../../images/g440/portal/img_dataInfograp_07_1.png) no-repeat 0 0; }
.dataInfograp .list_wrap li.inner.type8 a:before { background:url(../../../images/g440/portal/img_dataInfograp_08_1.png) no-repeat 0 0; }
.dataInfograp .list_wrap li.inner.type9 a:before { background:url(../../../images/g440/portal/img_dataInfograp_09_1.png) no-repeat 0 0; }
.dataInfograp .list_wrap li.inner.type10 a:before { background:url(../../../images/g440/portal/img_dataInfograp_10_1.png) no-repeat 0 0; }
.dataInfograp .list_wrap li.inner.type11 div { background-color: #e7e7e7; width: 100%; height: 100%;}
.dataInfograp .list_wrap li.inner.type12 div { background-color: #dcdcdc; width: 100%; height: 100%;}

.dataInfograp .list_wrap li .thumb {display:block; width:100%; height:100%; position: relative;}
.dataInfograp .list_wrap li .thumb img { width:100%;height:auto;}
.dataInfograp .list_wrap li .thumb:before { content:''; display:block; overflow:hidden; position:absolute; top:0; left:0; width:285px; height:285px; background-color: rgba(0, 0, 0, 0.5); opacity:0; -webkit-opacity:0; }
.dataInfograp .list_wrap li a:hover .thumb:before { background-color: rgba(0, 0, 0, 0.5); transition: all 0.3s ease-in-out; opacity:1; }
.dataInfograp .list_wrap li .stit { display:block; position:absolute; left:0; right:0; top:0; height:80px; margin-bottom:14px; padding:30px 0; line-height:1.2; text-align:center; z-index:10; }
.dataInfograp .list_wrap li .stit h3 {display:block; margin:0 auto; color:#fff; font-size:22px; font-weight:500; letter-spacing:-0.5px; }
.dataInfograp .list_wrap li.inner.type4 .stit {padding-top:18px;}
.dataInfograp .list_wrap li.inner.type5 .stit {padding-top:18px;}
.dataInfograp .list_wrap li.inner.type6 .stit {padding-top:18px;}
.dataInfograp .list_wrap li.inner.type9 .stit {padding-top:18px;}
.dataInfograp .list_wrap li.inner.type10 .stit {padding-top:18px;}
.dataInfograp .list_wrap li .desc { display:block; position:absolute; left:25px; right:25px; top:96px; width:235px; color:#fff; font-size:15px; font-weight:300; text-align:left; line-height:1.2; opacity:0; -webkit-opacity:0; z-index:10;}
.dataInfograp .list_wrap li a .desc span { display:block; position:relative; }
.dataInfograp .list_wrap li a .desc span:after { content:''; display:block; position:absolute; top:-20px; left:50%; height:1px; width:0px; }
.dataInfograp .list_wrap li a:hover .desc { top:97px; opacity:1; -webkit-opacity:1; transition: all 0.5s; }
.dataInfograp .list_wrap li a:hover .desc span:after { left:0; width:100%; padding-left:50%; background-color: rgba(255, 255, 255, 0.4); opacity:1; -webkit-opacity:1; transition:all 0.4s; transition-delay: 0.2s; }
.dataInfograp .list_wrap li a .arrow { opacity:0; display:block; position:absolute; right:40px; bottom:15px; width:45px; height:35px; background:url(../../../images/g440/portal/img_dataInfograp_arrow.png) no-repeat 0 0; background-size:contain; text-indent:-99999px; }
.dataInfograp .list_wrap li a:hover .arrow { opacity:1; right:25px; transition: all 0.4s ease-in-out; z-index:10; }
.dataInfograp .list_wrap li.inner.type2 .thumb:after {content:''; display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:285px; margin-left:-50px; opacity:0; -webkit-opacity:0; background-color: rgba(0, 0, 0, 0.3); transform:skew(-45deg);}
.dataInfograp .list_wrap li.inner.type2 a:hover .thumb:after {opacity:1; -webkit-opacity:1; width:100%; background-color: rgba(0, 0, 0, 0.3); transition:all 0.3s ease-in-out; }
.dataInfograp .list_wrap li.inner.type4 .thumb:after {content:''; display:block; overflow:hidden;  position:absolute; top:0; right:0; width:0; height:285px; margin-right:-50px; opacity:0; -webkit-opacity:0; background-color: rgba(6, 1, 30, 0.5); transform:skew(-135deg);}
.dataInfograp .list_wrap li.inner.type4 a:hover .thumb:after {opacity:1; -webkit-opacity:1; width:100%; background-color: rgba(6, 1, 30, 0.5); transition:all 0.3s ease-in-out; }
.dataInfograp .list_wrap li.inner.type6 .thumb:after {content:''; display:block; overflow:hidden; position:absolute; top:0; right:0; width:0; height:285px; margin-right:-50px; opacity:0; -webkit-opacity:0; background-color: rgba(94, 78, 64, 0.6); transform:skew(-135deg);}
.dataInfograp .list_wrap li.inner.type6 a:hover .thumb:after { opacity:1; -webkit-opacity:1; width:100%; background-color: rgba(94, 78, 64, 0.6); transition:all 0.3s ease-in-out; }
.dataInfograp .list_wrap li.inner.type8 .thumb:after {content:''; display:block; overflow:hidden; width:0; height: 285px; position:absolute; top:0; left: 0; margin-left:-50px; opacity:0; -webkit-opacity:0; background-color: rgba(11, 10, 20, 0.5); transform:skew(-45deg);}
.dataInfograp .list_wrap li.inner.type8 a:hover .thumb:after {opacity:1; -webkit-opacity:1; width:100%; background-color: rgba(11, 10, 20, 0.5); transition:all 0.3s ease-in-out; }

/* common dataInfograp */
.tab_infograp > ul > li { background: #0566b0; color: #fff; font-size: 20px; text-align: center; vertical-align:middle; }
.tab_infograp > ul > li a { display:block; width:170px; height:146px; padding:24px 16px; border-left: 1px solid #002a5f; }
.tab_infograp > ul > li:nth-child(1) a {position:absolute; right:510px; top:0;}
.tab_infograp > ul > li:nth-child(2) a {position:absolute; right:340px; top:0;}
.tab_infograp > ul > li:nth-child(3) a {position:absolute; right:170px; top:0;}
.tab_infograp > ul > li:nth-child(4) a {position:absolute; right:0; top:0;}
.tab_infograp > ul > li:nth-child(1) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_01.png) no-repeat; background-size:contain;}
.tab_infograp > ul > li:nth-child(2) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_02.png) no-repeat; background-size:contain;}
.tab_infograp > ul > li:nth-child(3) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_03.png) no-repeat; background-size:contain;}
.tab_infograp > ul > li:nth-child(4) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_04.png) no-repeat; background-size:contain;}
.tab_infograp > ul > li .on { background:#002a5f; }
.tab_infograp .cont { display:none; width:100%; margin-top:55px;}

.tab_infograp2 > ul > li { background: #023d0c; color: #fff; font-size: 20px; text-align: center; vertical-align:middle; }
.tab_infograp2 > ul > li a { display:block; width:170px; height:146px; padding:24px 16px; border-left: 1px solid #023d0c; }
.tab_infograp2 > ul > li:nth-child(1) a {position:absolute; right:510px; top:0;}
.tab_infograp2 > ul > li:nth-child(2) a {position:absolute; right:340px; top:0;}
.tab_infograp2 > ul > li:nth-child(3) a {position:absolute; right:170px; top:0;}
.tab_infograp2 > ul > li:nth-child(4) a {position:absolute; right:0; top:0;}
.tab_infograp2 > ul > li:nth-child(1) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap2_01.png) no-repeat; background-size:contain;}
.tab_infograp2 > ul > li:nth-child(2) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap2_02.png) no-repeat; background-size:contain;}
.tab_infograp2 > ul > li:nth-child(3) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap2_03.png) no-repeat; background-size:contain;}
.tab_infograp2 > ul > li:nth-child(4) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap2_04.png) no-repeat; background-size:contain;}
.tab_infograp2 > ul > li .on { background:#023d0c; }
.tab_infograp2 .cont { display:none; width:100%; margin-top:55px;}

.tab_infograp3 > ul > li { color: #fff; font-size: 20px; text-align: center; vertical-align:middle; }
.tab_infograp3 > ul > li a { display:block; width:150px; height:146px; padding:60px 16px 0 16px; border-left: 1px solid #00399d; }
.tab_infograp3 > ul > li:nth-child(1) a {position:absolute; right:600px; top:0;}
.tab_infograp3 > ul > li:nth-child(2) a {position:absolute; right:450px; top:0;}
.tab_infograp3 > ul > li:nth-child(3) a {position:absolute; right:300px; top:0;}
.tab_infograp3 > ul > li:nth-child(4) a {position:absolute; right:150px; top:0;}
.tab_infograp3 > ul > li:nth-child(5) a {position:absolute; right:0; top:0;}
.tab_infograp3 > ul > li .on { background:#00399d; }
.tab_infograp3 .cont { display:none; width:100%; margin-top:110px;}

.tab_infograp4 > ul > li { color:#fff; font-size:20px; text-align:center; vertical-align:middle; }
.tab_infograp4 > ul > li a { display:block; width:150px; height:146px; padding:60px 16px 0 16px; border-left: 1px solid #1a2b7f; }
.tab_infograp4 > ul > li:nth-child(1) a {position:absolute; right:600px; top:0;}
.tab_infograp4 > ul > li:nth-child(2) a {position:absolute; right:450px; top:0;}
.tab_infograp4 > ul > li:nth-child(3) a {position:absolute; right:300px; top:0;}
.tab_infograp4 > ul > li:nth-child(4) a {position:absolute; right:150px; top:0;}
.tab_infograp4 > ul > li:nth-child(5) a {position:absolute; right:0; top:0;}
.tab_infograp4 > ul > li .on { background:#1a2b7f; }
.tab_infograp4 .cont { display:none; width:100%; margin-top:55px;}

.tab_infograp10_1 > ul > li { background: #0566b0; color: #fff; font-size: 20px; text-align: center; vertical-align:middle; }
.tab_infograp10_1 > ul > li a { display:block; width:170px; height:146px; padding:24px 16px; border-left: 1px solid #002a5f; }
.tab_infograp10_1 > ul > li:nth-child(1) a {position:absolute; right:340px; top:0;}
.tab_infograp10_1 > ul > li:nth-child(2) a {position:absolute; right:170px; top:0;}
.tab_infograp10_1 > ul > li:nth-child(3) a {position:absolute; right:0px; top:0;}
.tab_infograp10_1 > ul > li:nth-child(1) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_01.png) no-repeat; background-size:contain;}
.tab_infograp10_1 > ul > li:nth-child(2) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_03.png) no-repeat; background-size:contain;}
.tab_infograp10_1 > ul > li:nth-child(3) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_04.png) no-repeat; background-size:contain;}
.tab_infograp10_1 > ul > li .on { background:#002a5f; }
.tab_infograp10_1 .cont { display:none; width:100%; margin-top:55px;}

.tab_infograp10_2 > ul > li { background: #0566b0; color: #fff; font-size: 20px; text-align: center; vertical-align:middle; }
.tab_infograp10_2 > ul > li a { display:block; width:170px; height:146px; padding:24px 16px; border-left: 1px solid #002a5f; }
.tab_infograp10_2 > ul > li:nth-child(1) a {position:absolute; right:340px; top:0;}
.tab_infograp10_2 > ul > li:nth-child(2) a {position:absolute; right:170px; top:0;}
.tab_infograp10_2 > ul > li:nth-child(3) a {position:absolute; right:0px; top:0;}
.tab_infograp10_2 > ul > li:nth-child(1) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_01.png) no-repeat; background-size:contain;}
.tab_infograp10_2 > ul > li:nth-child(2) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_03.png) no-repeat; background-size:contain;}
.tab_infograp10_2 > ul > li:nth-child(3) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_04.png) no-repeat; background-size:contain;}
.tab_infograp10_2 > ul > li .on { background:#002a5f; }
.tab_infograp10_2 .cont { display:none; width:100%; margin-top:55px;}


.dataInfograp_link {margin-bottom:30px; border:1px solid #c5c5c5; background:#fff; }
.dataInfograp_link ul {display:table; width:100%;}
.dataInfograp_link ul:not(:last-child) li {border-bottom:1px solid #c5c5c5;}
.dataInfograp_link li {display:table-cell;  position:relative; width:25%; padding:15px 10px; text-align:left; }
.dataInfograp_link li:not(:first-child):not(.no_data) { border-left: 1px solid #c5c5c5; }
.dataInfograp_link li.border_left { border-left: 1px solid #c5c5c5; }
.dataInfograp_link li a { display:block; width:100%; color:#333; font-weight:500; line-height:1; letter-spacing:-0.5px; }
.dataInfograp_link li.selected {background:#005395;}
.dataInfograp_link li.selected a {color:#fff;}
.dataInfograp_link li.selected:before,
.dataInfograp_link li.selected:after {background:#fff;}
.dataInfograp_link li:not(.no_data):before,
.dataInfograp_link li:not(.no_data):after { content:''; display:block; position: absolute; top:20px; width:8px; height:2px; background:#cecece; }
.dataInfograp_link li:not(.no_data):before { right:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; transform:rotate(45deg); }
.dataInfograp_link li:not(.no_data):after { right:10px; top:25px; transform:rotate(-45deg); }

/* ---------------------------------------------------------- */
/* 데이터시각화 A태그 outline:none 설정 추가.  2023.10.18. 남소정(2023-F00603)*/
.tab_infograp > ul > li a {outline:none !important;}
.tab_infograp2 > ul > li a {outline:none !important;}
.tab_infograp3 > ul > li a {outline:none !important;}
.tab_infograp4 > ul > li a {outline:none !important;}
.tab_infograp10_1 > ul > li a {outline:none !important;}
.tab_infograp10_2 > ul > li a {outline:none !important;}
/* ---------------------------------------------------------- */


[class*="dataInfograp_type"] section .title_block .desc.txt strong {display:inline-block; position:relative; color:#fff600; padding:4px 5px 7px; border-radius:7px; border:1px solid #000; background: rgba(43,43,43,1);
background: -moz-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(46,46,46,1) 50%, rgba(17,17,17,1) 51%, rgba(17,17,17,1) 71%, rgba(31,31,31,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43,43,43,1)), color-stop(50%, rgba(46,46,46,1)), color-stop(51%, rgba(17,17,17,1)), color-stop(71%, rgba(17,17,17,1)), color-stop(100%, rgba(31,31,31,1)));
background: -webkit-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(46,46,46,1) 50%, rgba(17,17,17,1) 51%, rgba(17,17,17,1) 71%, rgba(31,31,31,1) 100%);
background: -o-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(46,46,46,1) 50%, rgba(17,17,17,1) 51%, rgba(17,17,17,1) 71%, rgba(31,31,31,1) 100%);
background: -ms-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(46,46,46,1) 50%, rgba(17,17,17,1) 51%, rgba(17,17,17,1) 71%, rgba(31,31,31,1) 100%);
background: linear-gradient(to bottom, rgba(43,43,43,1) 0%, rgba(46,46,46,1) 50%, rgba(17,17,17,1) 51%, rgba(17,17,17,1) 71%, rgba(31,31,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#1f1f1f', GradientType=0 );}

/* type1 */
.dataInfograp_type1 .type1_inner {position:relative; width:1140px; padding-bottom:35px; background-color:#085086;}
.dataInfograp_type1 .type1_inner .top_visual {position:relative; height:725px; background:#085086 url(../../../images/g440/portal/img_dataInfograp_top_01.png) no-repeat 0 0; background-size:1140px 725px;}
.dataInfograp_type1 .type1_inner .top_visual .title_wrap {position:absolute; right:45px; top:300px; text-align:right;}
.dataInfograp_type1 .type1_inner .top_visual .title_wrap h3 {margin-bottom:30px; color:#fff; font-size:56px; text-align:right; line-height:1.2; letter-spacing:-2px;}
.dataInfograp_type1 .type1_inner .top_visual .title_wrap h3 strong {display:block; font-weight:700;}
.dataInfograp_type1 .type1_inner .top_visual .title_wrap .date_block {width:auto; color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px;}
.dataInfograp_type1 .type1_inner .top_visual .title_wrap p {margin-top:15px; color:#fff; font-size:16px; letter-spacing:-0.5px;}
.dataInfograp_type1 .type1_inner .top_visual .title_wrap .txt {display:inline-block; padding:0 10px 0 5px; line-height:1.8;}
.dataInfograp_type1 .type1_inner .top_visual .title_wrap .txt:last-child {padding:0 0 0 5px;}
.dataInfograp_type1 .type1_inner .select_inbox {background:#093a68;}
.dataInfograp_type1 .type1_inner .select_inbox > select {height:40px; border-color:rgba(255,255,255, .3); background:#093a68; color:#fff; font-size:24px;}
.dataInfograp_type1 .type1_inner .select_inbox::after {top:48%; border-top: 4px solid #fff;}
.dataInfograp_type1 .type1_inner .select_inbox:hover::after { color:#58abf9; }
.dataInfograp_type1 .type1_inner .title_block {text-align:center;}
.dataInfograp_type1 .type1_inner .title_block .rtit {display:inline-block; padding:15px 40px; border-radius:50px; background:#002a5f; color:#fff; font-size:34px; line-height:1;}
.dataInfograp_type1 .type1_inner .title_block .desc.txt {color:#fff; font-size:26px; line-height:1;}
.dataInfograp_type1 .type1_inner .title_block .desc.ico {position:relative; display:inline-block; margin-bottom:25px; color:#87cbff; font-size:20px; line-height:1;}
.dataInfograp_type1 .type1_inner .title_block .desc.ico::before {content:''; position:absolute; left:-15px; top:5px; width:9px; height:10px; background:url(../../../images/g440/portal/bul_dataInfograp_n11.png) no-repeat; background-size:contain; }
.dataInfograp_type1 .type1_inner .chart_block {background:#fff; text-align:center;}
.dataInfograp_type1 .type1_inner section.n1 {margin-top:63px; margin-bottom:90px;}
.dataInfograp_type1 .type1_inner section.n1 .title_block .rtit {margin-bottom:30px;}
.dataInfograp_type1 .type1_inner section.n1 .title_block .desc.txt {margin-bottom:25px;}
.dataInfograp_type1 .type1_inner section.n1 .title_block .desc.txt em {color:#00eaff;}
.dataInfograp_type1 .type1_inner section.n1 .title_block .desc.txt strong {}
.dataInfograp_type1 .type1_inner section.n1 .chart_wrap {overflow:hidden; margin:0 35px;}
.dataInfograp_type1 .type1_inner section.n1 .chart_block {width:48%; padding:15px;}
.dataInfograp_type1 .type1_inner section.n1 .chart_block .chart_inner {margin:0 auto;}
.dataInfograp_type1 .type1_inner section.n1 .chart_wrap .arrow { display:block; width:0; height:0; border-top:12px solid transparent; border-left:18px solid #6ab6f0; border-bottom:12px solid transparent;}
.dataInfograp_type1 .type1_inner section.n2 {position:relative; margin:0 35px;}
.dataInfograp_type1 .type1_inner section.n2::after {content:'';position:absolute; left:0; top:146px; width:100%; height:4px; background:#002a5f;}
.dataInfograp_type1 .type1_inner section.n2 .tab_wrap {overflow:hidden; border-top: 4px solid #002a5f;}
.dataInfograp_type1 .type1_inner section.n2 .tab_wrap h4 {display:inline-block; padding:33px 0 33px 24px; color:#fff; font-size:34px; line-height:1.2;}
.dataInfograp_type1 .type1_inner section.n2 .tab_wrap h4 strong { display:block; font-weight:700; }
.dataInfograp_type1 .type1_inner section.n2 .desc.txt { margin-bottom:30px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type1 .type1_inner section.n2 .chart_block { background:#fff; }
.dataInfograp_type1 .type1_inner section.n2 .chart_block .chart_inner { margin:0 auto; }
.dataInfograp_type1 .type1_inner section.n2 .chart_block .stit {display:block; margin-bottom:20px; color:#333; font-size:24px; font-weight:500;}
.dataInfograp_type1 .type1_inner section.n2 .all_line_wrap {margin-bottom:55px; padding:30px;border:8px solid #033155; background:#fff;}
.dataInfograp_type1 .type1_inner section.n2 .all_line_wrap .chart_wrap .chart_inner .line_wrap {padding:0; border:2px solid #3691c2;}
.dataInfograp_type1 .type1_inner section.n2 .all_line_wrap .chart_wrap .chart_inner .line_wrap .chart_block {margin:0; padding:0;}

/* type2 */
.dataInfograp_type2 .type2_inner {position:relative; width:1140px; padding-bottom:35px; background-color:#2a2b7c;}
.dataInfograp_type2 .type2_inner .top_visual {position:relative; height:666px; background:#2a2b7c url(../../../images/g440/portal/img_dataInfograp_top_02.png) no-repeat 0 0; background-size:1140px 666px;}
.dataInfograp_type2 .type2_inner .top_visual .title_wrap {position:absolute; left:40px; top:230px; text-align:left;}
.dataInfograp_type2 .type2_inner .top_visual .title_wrap h3 {margin-bottom:30px; color:#fff; font-size:56px; text-align:left; line-height:1.2; letter-spacing:-2px;}
.dataInfograp_type2 .type2_inner .top_visual .title_wrap h3 strong {display:block; font-weight:700;}
.dataInfograp_type2 .type2_inner .top_visual .title_wrap .date_block {width:auto; color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px;}
.dataInfograp_type2 .type2_inner .top_visual .title_wrap p {margin-top:15px; color:#fff; font-size:16px; letter-spacing:-0.5px;}
.dataInfograp_type2 .type2_inner .top_visual .title_wrap .txt {display:inline-block; padding:0 10px 0 5px;line-height:1.8;}
.dataInfograp_type2 .type2_inner .select_inbox {background:#43289a;}
.dataInfograp_type2 .type2_inner .select_inbox > select {height:40px; border-color:rgba(255,255,255, .3); background:#43289a; color:#fff; font-size:24px;}
.dataInfograp_type2 .type2_inner .select_inbox::after {top:48%; border-top: 4px solid #fff;}
.dataInfograp_type2 .type2_inner .select_inbox:hover::after { color:#ba79fe; }
.dataInfograp_type2 .type2_inner .title_block {text-align:center;overflow: hidden;}
.dataInfograp_type2 .type2_inner .title_block .rtit {display:table; margin:0 auto; padding:15px 40px; border-radius:50px; background:#120d58; color:#fff; font-size:34px; line-height:1;}
.dataInfograp_type2 .type2_inner .title_block .desc.ico {position:relative; display:inline-block; margin-bottom:25px; color:#b2b3ff; font-size:20px; line-height:1;}
.dataInfograp_type2 .type2_inner .title_block .desc.ico::before {content:''; position:absolute; left:-15px; top:5px; width:9px; height:10px; background:url(../../../images/g440/portal/bul_dataInfograp_04.png) no-repeat; background-size:contain; }
.dataInfograp_type2 .type2_inner .chart_block {background:#fff; text-align:center;}
.dataInfograp_type2 .type2_inner .chart_inner {margin:0 auto;}
.dataInfograp_type2 .type2_inner section.n1 {margin-bottom:60px;}
.dataInfograp_type2 .type2_inner section.n1 .title_block .rtit {margin-bottom:25px;}
.dataInfograp_type2 .type2_inner section.n1 .title_block .desc.txt {margin-bottom:25px;}
.dataInfograp_type2 .type2_inner section.n1 .chart_block {margin:0 35px; padding:15px;}
.dataInfograp_type2 .type2_inner section.n2 {margin:0 35px 55px; }
.dataInfograp_type2 .type2_inner section.n2 .title_block .desc.txt {margin-bottom:60px; color:#fff; font-size:26px; line-height:1;}
.dataInfograp_type2 .type2_inner section.n2 .title_block .desc.txt em {color:#a083ff;}
.dataInfograp_type2 .type2_inner section.n2 .title_block .rtit { margin-bottom:30px; }
.dataInfograp_type2 .type2_inner section.n2 .chart_block { margin-bottom:70px; padding:15px; background:#fff; }
.dataInfograp_type2 .type2_inner section.n2 .chart_block .chart_inner { margin:0 auto; }
.dataInfograp_type2 .type2_inner section.n3 .title_block .rtit { margin-bottom:30px; }
.dataInfograp_type2 .type2_inner section.n3 .chart_block .chart_inner { margin:0 auto; }
.dataInfograp_type2 .type2_inner section.n3 .chart_block .stit {display:block; margin-bottom:20px; color:#333; font-size:24px; font-weight:500;}
.dataInfograp_type2 .type2_inner section.n3 .all_line_wrap {margin:0 35px; padding:30px; border:8px solid #090a54; background:#fff;}
.dataInfograp_type2 .type2_inner section.n3 .all_line_wrap .chart_wrap .chart_inner .line_wrap {padding:0; border:2px solid #3691c2;}
.dataInfograp_type2 .type2_inner section.n3 .all_line_wrap .chart_wrap .chart_inner .line_wrap .chart_block {margin:0; padding:0;}

/* type3 */
.dataInfograp_type3 .type3_inner {position:relative; padding-bottom:35px; background:#026891 url(../../../images/g440/portal/img_dataInfograp_top_03.png) no-repeat 0 0; background-size:1140px 567px;}
.dataInfograp_type3 .type3_inner:before {content:''; position:absolute; left:0; top:0; width:1140px; height:567px; }
.dataInfograp_type3 .type3_inner .top_visual {position:relative; height:567px;}
.dataInfograp_type3 .type3_inner .top_visual .title_wrap {position:absolute; left:34px; top:80px;}
.dataInfograp_type3 .type3_inner .top_visual .title_wrap h3 {margin-bottom:140px; color:#fff; font-size:46px; line-height:1.2; letter-spacing:-2px;}
.dataInfograp_type3 .type3_inner .top_visual .title_wrap h3 strong {display:block; font-size:56px; font-weight:700;}
.dataInfograp_type3 .type3_inner .top_visual .title_wrap .date_block {width:auto; color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px;}
.dataInfograp_type3 .type3_inner .top_visual .title_wrap p {margin-top:15px; color:#fff; font-size:16px; letter-spacing:-0.5px;}
.dataInfograp_type3 .type3_inner .top_visual .title_wrap .txt {display:inline-block; padding:0 10px 0 5px;line-height:1.8;}
.dataInfograp_type3 .type3_inner .select_inbox {background:#08496e;}
.dataInfograp_type3 .type3_inner .select_inbox > select {height:40px; border-color:rgba(255,255,255, .3); background:#08496e; color:#fff; font-size:24px;}
.dataInfograp_type3 .type3_inner .select_inbox::after {top:48%; border-top: 4px solid #fff;}
.dataInfograp_type3 .type3_inner .select_inbox:hover::after { color:#4fb9e5; }
.dataInfograp_type3 .type3_inner .title_block {text-align:center;}
.dataInfograp_type3 .type3_inner .title_block .rtit { display:table; margin:0 auto; padding:15px 40px; border-radius:50px; background:#002a5f; color:#fff; font-size:34px; line-height:1;}
.dataInfograp_type3 .type3_inner .title_block .desc.txt {color:#fff; font-size:26px; line-height:1;}
.dataInfograp_type3 .type3_inner .title_block .desc.ico {position:relative; display:inline-block; margin-bottom:25px; color:#7deeff; font-size:20px; line-height:1;}
.dataInfograp_type3 .type3_inner .title_block .desc.ico::before {content:''; position:absolute; left:-15px; top:5px; width:9px; height:10px; background:url(../../../images/g440/portal/bul_dataInfograp_n5.png) no-repeat; background-size:contain; }
.dataInfograp_type3 .type3_inner .chart_block {background:#fff; text-align:center;}
.dataInfograp_type3 .type3_inner section.n1 {margin-bottom:90px;}
.dataInfograp_type3 .type3_inner section.n1 .title_block {margin-top:-23px;}
.dataInfograp_type3 .type3_inner section.n1 .title_block .rtit {margin-bottom:25px;}
.dataInfograp_type3 .type3_inner section.n1 .title_block .desc.txt {margin-bottom:25px;}
.dataInfograp_type3 .type3_inner section.n1 .chart_block {margin:0 35px; padding:15px;}
.dataInfograp_type3 .type3_inner section.n2 {margin-bottom:90px;}
.dataInfograp_type3 .type3_inner section.n2 .title_block .desc.txt {margin-bottom:25px;}
.dataInfograp_type3 .type3_inner section.n2 .title_block .desc.txt em {color:#6ef3ff;}
.dataInfograp_type3 .type3_inner section.n2 .chart_wrap {overflow:hidden; margin:0 35px;}
.dataInfograp_type3 .type3_inner section.n2 .chart_inner {margin:0 auto;}
.dataInfograp_type3 .type3_inner section.n2 .chart_block {width:49%; padding:15px;}
.dataInfograp_type3 .type3_inner section.n2 .stit {display:block; margin:35px 0; color:#333; font-size:24px; font-weight:500; line-height:1;}
.dataInfograp_type3 .type3_inner section.n3 {margin-bottom:90px;}
.dataInfograp_type3 .type3_inner section.n3 .title_block .rtit {margin-bottom:30px;}
.dataInfograp_type3 .type3_inner section.n3 .stit {margin:55px 0 30px; color:#fff; font-size:26px; line-height:1; text-align:center;}
.dataInfograp_type3 .type3_inner section.n3 .chart_block.n1 {width:45%; margin:0 auto 40px; padding:15px;}
.dataInfograp_type3 .type3_inner section.n3 .chart_block.n2 {margin:0 35px; padding:15px;}
.dataInfograp_type3 .type3_inner section.n3 .chart_inner {margin:0 auto;}
.dataInfograp_type3 .type3_inner section.n3 .arrow { display:block; width:0; height:0; margin:0 auto; border-left:12px solid transparent; border-top:18px solid #6ab6f0; border-right:12px solid transparent;}
.dataInfograp_type3 .type3_inner section.n4 {position:relative; margin:0 35px; background:#026891;}
.dataInfograp_type3 .type3_inner section.n4::after {content:'';position:absolute; left:0; top:146px; width:100%; height:4px; background:#002a5f;}
.dataInfograp_type3 .type3_inner section.n4 .tab_wrap {overflow:hidden; border-top: 4px solid #002a5f;}
.dataInfograp_type3 .type3_inner section.n4 .tab_wrap h4 {display:inline-block; padding:50px 0 33px 24px; color:#fff; font-size:34px; line-height:1.2;}
.dataInfograp_type3 .type3_inner section.n4 .tab_wrap h4 strong { display:block; font-weight:700; }
.dataInfograp_type3 .type3_inner section.n4 .desc.txt { margin-bottom:30px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type3 .type3_inner section.n4 .chart_block { margin-bottom:55px; padding:15px; background:#fff; }
.dataInfograp_type3 .type3_inner section.n4 .chart_inner { margin:0 auto; }
.dataInfograp_type3 .type3_inner section.n4 .all_line_wrap {width:100%; padding:30px; border:8px solid #084460; background:#fff;}
.dataInfograp_type3 .type3_inner section.n4 .all_line_wrap .chart_wrap .chart_inner .line_wrap {padding:0; border:2px solid #3691c2;}
.dataInfograp_type3 .type3_inner section.n4 .all_line_wrap .chart_wrap .chart_inner .line_wrap .chart_block {margin:0; padding:0;}
.dataInfograp_type3 .type3_inner section.n4 .all_line_wrap .chart_wrap .chart_block { margin:0; padding:0; }
.dataInfograp_type3 .type3_inner section.n4 .all_line_wrap .chart_inner .line_wrap {padding:0; border:2px solid #3691c2;}
.dataInfograp_type3 .type3_inner section.n4 .all_line_wrap .chart_inner .line_wrap .chart_block {margin:0; padding:0;}
.dataInfograp_type3 .type3_inner section.n4 .all_line_wrap .stit { display:block; margin-bottom:30px; color:#333; font-size:24px; font-weight:500; text-align:center; line-height:1; }

/* type4 */
.dataInfograp_type4 .type4_inner {position:relative; padding-bottom:35px; background:#0566b0 url(../../../images/g440/portal/img_dataInfograp_top_04.png) no-repeat 0 0; background-size:1140px 689px;}
.dataInfograp_type4 .type4_inner:before {content:''; position:absolute; left:0; top:0; width:1140px; height:689px; }
.dataInfograp_type4 .type4_inner .top_visual {position:relative; height:594px;}
.dataInfograp_type4 .type4_inner .top_visual .title_wrap {position:absolute; left:30px; top:130px;}
.dataInfograp_type4 .type4_inner .top_visual .title_wrap h3 {margin-bottom:30px; color:#fff; font-size:46px; line-height:1.2; letter-spacing:-2px;}
.dataInfograp_type4 .type4_inner .top_visual .title_wrap h3 strong {display:block; font-size:56px; font-weight:700;}
.dataInfograp_type4 .type4_inner .top_visual .title_wrap .date_block {width:auto; color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px;}
.dataInfograp_type4 .type4_inner .top_visual .title_wrap p {margin-top:15px; color:#fff; font-size:16px; letter-spacing:-0.5px;}
.dataInfograp_type4 .type4_inner .top_visual .title_wrap .txt {display:inline-block; padding:0 10px 0 5px;line-height:1.8;}
.dataInfograp_type4 .type4_inner .select_inbox {background:#1d3d7c;}
.dataInfograp_type4 .type4_inner .select_inbox > select {height:40px; border-color:rgba(255,255,255, .3); background:#1d3d7c; color:#fff; font-size:24px;}
.dataInfograp_type4 .type4_inner .select_inbox::after {top:48%; border-top: 4px solid #fff;}
.dataInfograp_type4 .type4_inner .select_inbox:hover::after { color:#818eda; }
.dataInfograp_type4 .type4_inner .title_block {text-align:center;overflow: hidden;margin-bottom: 10px;}
.dataInfograp_type4 .type4_inner .title_block .rtit {display:inline-block; padding:15px 40px; border-radius:50px; background:#002a5f; color:#fff; font-size:34px; line-height:1;}
.dataInfograp_type4 .type4_inner .title_block .desc.txt {color:#fff; font-size:26px; line-height:1;}
.dataInfograp_type4 .type4_inner .title_block .desc.ico {position:relative; display:inline-block; margin-bottom:25px; color:#a7efff; font-size:20px; line-height:1;}
.dataInfograp_type4 .type4_inner .title_block .desc.ico::before {content:''; position:absolute; left:-15px; top:5px; width:9px; height:10px; background:url(../../../images/g440/portal/bul_dataInfograp_n6.png) no-repeat; background-size:contain; }
.dataInfograp_type4 .type4_inner .chart_block {background:#fff; text-align:center;}
.dataInfograp_type4 .type4_inner .chart_inner {margin:0 auto;}
.dataInfograp_type4 .type4_inner section.n1 {margin-bottom:40px;}
.dataInfograp_type4 .type4_inner section.n1 .title_block .rtit {margin-bottom:25px;}
.dataInfograp_type4 .type4_inner section.n1 .title_block .desc.txt {margin-top:30px;}
.dataInfograp_type4 .type4_inner section.n1 .chart_block {margin:0 35px; padding:15px;}
.dataInfograp_type4 .type4_inner section.n2 {margin-bottom:90px;}
.dataInfograp_type4 .type4_inner section.n2 .title_block .rtit {margin-bottom:30px;}
.dataInfograp_type4 .type4_inner section.n2 .title_block .desc.txt {margin-bottom:25px;}
.dataInfograp_type4 .type4_inner section.n2 .title_block .desc.txt em {color:#6ef3ff;}
.dataInfograp_type4 .type4_inner section.n2 .chart_wrap {overflow:hidden; margin:0 35px;}
.dataInfograp_type4 .type4_inner section.n2 .chart_block {width:48%; padding:15px;}
.dataInfograp_type4 .type4_inner section.n2 .chart_wrap .arrow { display:block; width:0; height:0; border-top:12px solid transparent; border-left:18px solid #6ab6f0; border-bottom:12px solid transparent;}
.dataInfograp_type4 .type4_inner section.n3 {margin-bottom:90px;}
.dataInfograp_type4 .type4_inner section.n3 .title_block .rtit {margin-bottom:50px;}
.dataInfograp_type4 .type4_inner section.n3 .chart_block {margin:0 35px; padding:15px;}
.dataInfograp_type4 .type4_inner section.n3 .stit {margin:55px 0 30px; color:#fff; font-size:26px; line-height:1; text-align:center;}
.dataInfograp_type4 .type4_inner section.n4 {position:relative; margin:0 35px; background:#0566b0;}
.dataInfograp_type4 .type4_inner section.n4::after {content:'';position:absolute; left:0; top:146px; width:100%; height:4px; background:#002a5f;}
.dataInfograp_type4 .type4_inner section.n4 .tab_wrap {overflow:hidden; border-top: 4px solid #002a5f;}
.dataInfograp_type4 .type4_inner section.n4 .tab_wrap h4 {display:inline-block; padding:33px 0 33px 24px; color:#fff; font-size:34px; line-height:1.2;}
.dataInfograp_type4 .type4_inner section.n4 .tab_wrap h4 strong { display:block; font-weight:700; }
.dataInfograp_type4 .type4_inner section.n4 .desc.txt { margin-bottom:30px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type4 .type4_inner section.n4 .chart_block { margin-bottom:55px; padding:15px; background:#fff; }
.dataInfograp_type4 .table_wrap { margin-bottom:70px; }
.dataInfograp_type4 .table_chart { table-layout:fixed; }
.dataInfograp_type4 .table_chart thead { background:#26a5cf; }
.dataInfograp_type4 .table_chart thead th { padding:9px 0; font-size:16px; color:#fff; }
.dataInfograp_type4 .table_chart tbody td { padding:9px 0 8px; background:#fff; color:#000; font-size:15px; text-align:center; line-height:inherit; }
.dataInfograp_type4 .table_chart tbody tr:not(:last-of-type) td {border-bottom:1px solid #dadada;}
.dataInfograp_type4 .tab_infograp .tabs_inner > ul { position:relative; }
.dataInfograp_type4 .tab_infograp .tabs_inner > ul > li { color:#1b4c8b; font-size:28px; font-weight:500; text-align:center; }
.dataInfograp_type4 .tab_infograp .tabs_inner > ul > li a { display:block; width:535px; height:80px; padding: 18px 0; background:#72c2ff;color: #002a5f;}
.dataInfograp_type4 .tab_infograp .tabs_inner > ul > li:nth-child(1) {padding-top:80px;}
.dataInfograp_type4 .tab_infograp .tabs_inner > ul > li:nth-child(2) {padding-top:0px;}
.dataInfograp_type4 .tab_infograp .tabs_inner > ul > li:nth-child(1) a {position:absolute; left:0; top:0;}
.dataInfograp_type4 .tab_infograp .tabs_inner > ul > li:nth-child(2) a {position:absolute; left:50%; top:0;}
.dataInfograp_type4 .tab_infograp .tabs_inner > ul > li a.on {color:#fff; background:#002a5f; }
.dataInfograp_type4 .tab_infograp .tabs_inner > ul > li a::before {display:none;}
.dataInfograp_type4 .tab_infograp .tabs_inner > ul .cont { display:none; overflow:hidden; margin:0; border:8px solid #002a5f; background:#fff;}
.dataInfograp_type4 .tab_infograp .tabs_inner > ul .cont .stit {display:block; margin-bottom:20px; color:#333; font-size:24px; font-weight:500;}
.dataInfograp_type4 .tab_infograp .tabs_inner > ul .cont .chart_block { margin-bottom:0; padding:10px; background:#fff; }
.dataInfograp_type4 .tab_infograp .tabs_inner > ul .cont .line_wrap {border:2px solid #546381;}
.dataInfograp_type4 .tab_infograp .tabs_inner > ul .cont .line_wrap .chart_block {padding:0;}


/* type5 */
.dataInfograp_type5 .type5_inner {position:relative; width:1140px;margin: auto;padding-bottom:35px; background-color:#374598;}
.dataInfograp_type5 .type5_inner .top_visual {position:relative; height:734px; background:#374598 url(../../../images/g440/portal/img_dataInfograp_top_05.png) no-repeat 0 0; background-size:1140px 734px;}
.dataInfograp_type5 .type5_inner .top_visual .title_wrap {position:absolute; left:65px; top:300px; text-align:left;}
.dataInfograp_type5 .type5_inner .top_visual .title_wrap h3 {margin-bottom:30px; color:#fff; font-size:56px; text-align:left; line-height:1.2; letter-spacing:-2px;}
.dataInfograp_type5 .type5_inner .top_visual .title_wrap h3 strong {display:block; font-weight:700;}
.dataInfograp_type5 .type5_inner .top_visual .title_wrap .date_block {width:auto; color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px;}
.dataInfograp_type5 .type5_inner .top_visual .title_wrap p {margin-top:15px; color:#fff; font-size:16px; letter-spacing:-0.5px;}
.dataInfograp_type5 .type5_inner .top_visual .title_wrap .txt {display:inline-block; padding:0 10px 0 5px;line-height:1.8;}
.dataInfograp_type5 .type5_inner .select_inbox {background:#232e73;}
.dataInfograp_type5 .type5_inner .select_inbox > select {height:40px; border-color:rgba(255,255,255, .3); background:#232e73; color:#fff; font-size:24px;}
.dataInfograp_type5 .type5_inner .select_inbox::after {top:48%; border-top: 4px solid #fff;}
.dataInfograp_type5 .type5_inner .select_inbox:hover::after { color:#818eda; }
.dataInfograp_type5 .type5_inner .title_block {text-align:center;overflow: hidden;margin-bottom: 10px;}
.dataInfograp_type5 .type5_inner .title_block .rtit {display:table; margin:0 auto; padding:15px 40px; border-radius:50px; background:#172367; color:#fff; font-size:34px; line-height:1;}
.dataInfograp_type5 .type5_inner .title_block .desc.ico {position:relative; display:inline-block; margin-bottom:25px; color:#c2b6ff; font-size:20px; line-height:1;}
.dataInfograp_type5 .type5_inner .title_block .desc.ico::before {content:''; position:absolute; left:-15px; top:5px; width:9px; height:10px; background:url(../../../images/g440/portal/bul_dataInfograp_n67.png) no-repeat; background-size:contain; }
.dataInfograp_type5 .type5_inner .chart_block {background:#fff; text-align:center;}
.dataInfograp_type5 .type5_inner .chart_inner {margin:0 auto;}
.dataInfograp_type5 .type5_inner section.n1 {margin:75px 0 90px;}
.dataInfograp_type5 .type5_inner section.n1 .title_block .rtit {margin-bottom:25px;}
.dataInfograp_type5 .type5_inner section.n1 .title_block .desc.txt {margin-bottom:25px;}
.dataInfograp_type5 .type5_inner section.n1 .chart_block {margin:0 35px; padding:15px;}
.dataInfograp_type5 .type5_inner section.n2 {margin-bottom:90px;}
.dataInfograp_type5 .type5_inner section.n2 .title_block .desc.txt {margin-bottom:50px; color:#fff; font-size:26px; line-height:1;}
.dataInfograp_type5 .type5_inner section.n2 .title_block .desc.txt em {color:#c2b6ff;}
.dataInfograp_type5 .type5_inner section.n2 .chart_wrap {overflow:hidden; margin:0 35px;}
.dataInfograp_type5 .type5_inner section.n2 .chart_block {width:49%; padding:15px;}
.dataInfograp_type5 .type5_inner section.n2 .stit {display:block; margin:35px 0 20px; color:#333; font-size:24px; font-weight:500; line-height:1;}
.dataInfograp_type5 .type5_inner section.n3 {margin-bottom:45px;}
.dataInfograp_type5 .type5_inner section.n3 .title_block .rtit {margin-bottom:30px;}
.dataInfograp_type5 .type5_inner section.n3 .stit {margin:55px 0 30px; color:#fff; font-size:26px; line-height:1; text-align:center;}
.dataInfograp_type5 .type5_inner section.n3 .chart_block{width:45%; margin:0 auto 40px; padding:15px;}
.dataInfograp_type5 .type5_inner section.n3 .arrow { display:block; width:0; height:0; margin:0 auto; border-left:12px solid transparent; border-top:18px solid #6ab6f0; border-right:12px solid transparent;}
.dataInfograp_type5 .type5_inner section.n4 .tabs_line ul { position:relative; margin:0 35px; }
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .tabs_inner { color:#071258; font-size:28px; font-weight:500; text-align:center; }
/* (근)저당권설정/(근)저당권말소 탭 outline:none 설정 추가. 2023.10.18. 남소정(2023-F00603)*/
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .tabs_inner a { display:block; width:535px; height:80px; padding: 18px 0; background:#999dee; outline:none !important;}
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .tabs_inner:nth-child(1) {padding-top:80px;}
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .tabs_inner:nth-child(2) {padding-top:0px;}
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .tabs_inner:nth-child(1) a {position:absolute; left:0; top:0;}
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .tabs_inner:nth-child(2) a {position:absolute; left:50%; top:0;}
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .tabs_inner a.on {color:#fff; background:#172367; }
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .tabs_inner a::before {display:none;}
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .conts {overflow:hidden; margin:0 35px; padding:0 30px; border:8px solid #172367; background:transparent;}
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .conts .stit {display:block; margin-bottom:30px; color:#fff; font-size:30px; font-weight:500; line-height:1; text-align:center; }
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .conts .chart_block { margin-bottom:0; padding:15px 0; background:#fff; }
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .conts .line_wrap {border:2px solid #546381;}
.dataInfograp_type5 .type5_inner section.n4 .tabs_line .conts .line_wrap .chart_block {padding:0;}
.dataInfograp_type5 .type5_inner section.n4 .tab_wrap {overflow:hidden; position:relative; border-top: 4px solid #002a5f; text-align:left;}
.dataInfograp_type5 .type5_inner section.n4 .tab_wrap::after {content:'';position:absolute; left:0; top:146px; width:100%; height:4px; background:#002a5f;}
.dataInfograp_type5 .type5_inner section.n4 .tab_wrap h4 {display:inline-block; padding:33px 0 33px 24px; color:#fff; font-size:34px; line-height:1.2;}
.dataInfograp_type5 .type5_inner section.n4 .tab_wrap h4 strong { font-weight:700; }
.dataInfograp_type5 .type5_inner section.n4 .tab_wrap h5 { margin-bottom:20px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type5 .type5_inner section.n4 .tab_wrap p.chart_info{color:#fff;margin-bottom:20px;text-align:right;}
.dataInfograp_type5 .type5_inner section.n4 .tab_wrap .chart_block { margin:0 auto; padding:15px; background:#fff; }
.dataInfograp_type5 .type5_inner section.n4 .table_wrap { margin-bottom:55px; }
.dataInfograp_type5 .type5_inner section.n4 .table_chart { table-layout:fixed; }
.dataInfograp_type5 .type5_inner section.n4 .table_chart thead { background:#758cea; }
.dataInfograp_type5 .type5_inner section.n4 .table_chart thead th { padding:9px 0; font-size:16px; color:#fff; }
.dataInfograp_type5 .type5_inner section.n4 .table_chart tbody td { padding:9px 0 8px; background:#fff; color:#000; font-size:15px; text-align:center; line-height:inherit; }
.dataInfograp_type5 .type5_inner section.n4 .table_chart tbody tr:not(:last-of-type) td {border-bottom:1px solid #dadada;}
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul {position:absolute; top:0; right:0; width:680px; height:146px; margin:0;}
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul li { background:transparent; color: #fff; font-size: 20px; text-align: center; vertical-align:middle; }
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul li a { display:block; width:170px !important; height:146px !important; left:auto !important; padding:24px 16px; border-left: 1px solid #002a5f; background:transparent !important; }
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul li:nth-child(1) a {position:absolute !important; right:510px !important; top:0 !important;}
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul li:nth-child(2) a {position:absolute; right:340px; top:0;}
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul li:nth-child(3) a {position:absolute; right:170px; top:0;}
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul li:nth-child(4) a {position:absolute; right:0; top:0;}
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul li:nth-child(1) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_01.png) no-repeat; background-size:contain;}
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul li:nth-child(2) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_02.png) no-repeat; background-size:contain;}
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul li:nth-child(3) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_03.png) no-repeat; background-size:contain;}
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul li:nth-child(4) a::before {content:''; display:block; margin:0 auto 10px; width:60px; height:54px; background:url(../../../images/g440/portal/ico_dataInfograp_tap_04.png) no-repeat; background-size:contain;}
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp ul li .on { background:#162269 !important; }
.dataInfograp_type5 .type5_inner section.n4 .tab_infograp .cont { display:none; width:100%; margin-top:55px;}

/* type6 */
.dataInfograp_type6 .type6_inner {position:relative; background:#006402 url(../../../images/g440/portal/img_dataInfograp_top_06.png) no-repeat 0 0; background-size:1140px 700px;}
.dataInfograp_type6 .type6_inner .top_visual {position:relative; height:700px;}
.dataInfograp_type6 .type6_inner .top_visual .title_wrap {position:absolute; left:77px; top:114px;}
.dataInfograp_type6 .type6_inner .top_visual .title_wrap h3 {margin-bottom:30px; color:#fff; font-size:46px; line-height:1.2; letter-spacing:-2px;}
.dataInfograp_type6 .type6_inner .top_visual .title_wrap h3 strong {display:block; font-size:56px; font-weight:700;}
.dataInfograp_type6 .type6_inner .top_visual .title_wrap .date_block {width:auto; color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px;}
.dataInfograp_type6 .type6_inner .top_visual .title_wrap p {margin-top:15px; color:#fff; font-size:16px; letter-spacing:-0.5px;}
.dataInfograp_type6 .type6_inner .top_visual .title_wrap .txt {display:inline-block; padding:0 10px 0 5px;line-height:1.8;}
.dataInfograp_type6 .type6_inner .select_inbox {background:#073c04;}
.dataInfograp_type6 .type6_inner .select_inbox > select {height:40px; border-color:rgba(255,255,255, .3); background:#073c04; color:#fff; font-size:24px;}
.dataInfograp_type6 .type6_inner .select_inbox::after {top:48%; border-top: 4px solid #fff;}
.dataInfograp_type6 .type6_inner .select_inbox:hover::after { color:#34bd23; }
.dataInfograp_type6 .type6_inner .title_block {text-align:center;overflow: hidden;margin-bottom: 10px;}
.dataInfograp_type6 .type6_inner .title_block .rtit { display:table; margin:0 auto; padding:15px 40px; border-radius:50px; background:#023300; color:#fff; font-size:34px; line-height:1;}
.dataInfograp_type6 .type6_inner .title_block .desc.txt {color:#fff; font-size:26px; line-height:1;}
.dataInfograp_type6 .type6_inner .title_block .desc.ico {position:relative; display:inline-block; margin-bottom:25px; color:#72f51a; font-size:20px; line-height:1;}
.dataInfograp_type6 .type6_inner .title_block .desc.ico::before {content:''; position:absolute; left:-15px; top:5px; width:9px; height:10px; background:url(../../../images/g440/portal/bul_dataInfograp_n66.png) no-repeat; background-size:contain; }
.dataInfograp_type6 .type6_inner .chart_block {background:#fff; text-align:center;}
.dataInfograp_type6 .type6_inner .chart_inner {margin:0 auto;}
.dataInfograp_type6 .type6_inner .title_block .desc.txt {margin-bottom:55px;}
.dataInfograp_type6 .type6_inner .title_block .desc.txt em {color:#72f51a;}
.dataInfograp_type6 .type6_inner .table_wrap { margin-bottom:55px; }
.dataInfograp_type6 .type6_inner .table_chart { table-layout:fixed; }
.dataInfograp_type6 .type6_inner .table_chart thead { background:#1c9b0a; }
.dataInfograp_type6 .type6_inner .table_chart thead th { padding:9px 0; font-size:16px; color:#fff; }
.dataInfograp_type6 .type6_inner .table_chart tbody td { padding:9px 0 8px; background:#fff; color:#000; font-size:15px; text-align:center; line-height:inherit; }
.dataInfograp_type6 .type6_inner .table_chart tbody tr:not(:last-of-type) td {border-bottom:1px solid #dadada;}
.dataInfograp_type6 .type6_inner section.n1 {margin-top:50px; margin-bottom:55px;}
.dataInfograp_type6 .type6_inner section.n1 .chart_wrap {overflow:hidden; margin:0 35px; background:#fff;}
.dataInfograp_type6 .type6_inner section.n1 .chart_block {position:relative; padding:15px;}
.dataInfograp_type6 .type6_inner section.n1 .chart_block:nth-child(1) {width:30%;}
.dataInfograp_type6 .type6_inner section.n1 .chart_block:nth-child(2) {width:68%;}
.dataInfograp_type6 .type6_inner section.n1 .chart_block .chart_inner {min-height: 340px; margin:64px auto 0;}
.dataInfograp_type6 .type6_inner section.n1 .stit {display:block; position:absolute; top:40px; width:100%; height:64px; color:#333; font-size:24px; font-weight:500; text-align:center; line-height:1; }
.dataInfograp_type6 .type6_inner section.n2 {margin:0 35px;}
.dataInfograp_type6 .type6_inner section.n2 h4 { margin-bottom:30px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type6 .type6_inner section.n3 {margin:0 35px 70px 35px;}
.dataInfograp_type6 .type6_inner section.n3 h4 { margin-bottom:30px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type6 .type6_inner section.n4 .chart_block { margin:0 auto; padding:15px; background:#fff; }
.dataInfograp_type6 .type6_inner section.n5 {margin-bottom:45px;}
.dataInfograp_type6 .type6_inner section.n5 .title_block .rtit {margin-bottom:30px;}
.dataInfograp_type6 .type6_inner section.n5 .stit {margin:55px 0 30px; color:#fff; font-size:26px; line-height:1; text-align:center;}
.dataInfograp_type6 .type6_inner section.n5 .chart_block.n1 {width:45%; margin:0 auto 40px; padding:15px;}
.dataInfograp_type6 .type6_inner section.n5 .chart_block.n2 {margin:0 35px; padding:15px; background:#fff;}
.dataInfograp_type6 .type6_inner section.n5 .arrow { display:block; width:0; height:0; margin:0 auto; border-left:12px solid transparent; border-top:18px solid #77ba0e; border-right:12px solid transparent;}
.dataInfograp_type6 .type6_inner section.n6 {position:relative; margin:0 35px; background:#006402;}
.dataInfograp_type6 .type6_inner section.n6::after {content:'';position:absolute; left:0; top:146px; width:100%; height:4px; background:#023d0c;}
.dataInfograp_type6 .type6_inner section.n6 .tab_wrap {overflow:hidden; border-top: 4px solid #023d0c;}
.dataInfograp_type6 .type6_inner section.n6 .tab_wrap h4 {display:inline-block; padding:33px 0 33px 24px; color:#fff; font-size:34px; line-height:1.2; letter-spacing:-0.5px;}
.dataInfograp_type6 .type6_inner section.n6 .tab_wrap h4 strong { display:block; font-weight:700; }
.dataInfograp_type6 .type6_inner section.n6 h5 { margin-bottom:30px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type6 .type6_inner section.n6 .chart_block { margin-bottom:55px; padding:15px; background:#fff; }
.dataInfograp_type6 .type6_inner section.n6 .all_line_wrap {width:100%; margin-bottom:35px; padding:30px; border:8px solid #004202; background:#fff;}
.dataInfograp_type6 .type6_inner section.n6 .all_line_wrap .chart_wrap .chart_block { margin:0; padding:0; }
.dataInfograp_type6 .type6_inner section.n6 .all_line_wrap .stit { display:block; margin-bottom:30px; color:#333; font-size:24px; font-weight:500; text-align:center; line-height:1; }

/* type7 */
.dataInfograp_type7 .type7_inner {position:relative; background:#007dba url(../../../images/g440/portal/img_dataInfograp_top_07.png) no-repeat 0 0; background-size:1140px 700px;}
.dataInfograp_type7 .type7_inner .top_visual {height:700px;}
.dataInfograp_type7 .type7_inner .top_visual .title_wrap {position:absolute;left: 77px;top: 340px;}
.dataInfograp_type7 .type7_inner .top_visual .title_wrap h3 {color:#fff; font-size:46px; line-height:1.2; letter-spacing:-2px;margin-bottom: 30px;}
.dataInfograp_type7 .type7_inner .top_visual .title_wrap h3 strong {display:block; font-size:56px; font-weight:700;}
.dataInfograp_type7 .type7_inner .top_visual .title_wrap .date_block {color: #fff;width:auto;font-size:24px; font-weight:500; letter-spacing:-0.5px;}
.dataInfograp_type7 .type7_inner .top_visual .title_wrap p {color:#fff; font-size:16px; margin-top: 15px;letter-spacing:-0.5px;}
.dataInfograp_type7 .type7_inner .top_visual .title_wrap .txt {display:inline-block; padding:0 10px 0 5px; line-height:1.8;}
.dataInfograp_type7 .type7_inner .select_inbox {background:#f48716;}
.dataInfograp_type7 .type7_inner .select_inbox > select {height:40px; border-color:rgba(255,255,255, .3); background:#0075b8; color:#fff; font-size:24px;}
.dataInfograp_type7 .type7_inner .select_inbox::after {top:48%; border-top: 4px solid #fff;}
.dataInfograp_type7 .type7_inner .select_inbox:hover::after { color:#4fb9e5; }
.dataInfograp_type7 .type7_inner .title_block {text-align:center;}
.dataInfograp_type7 .type7_inner .title_block .rtit { display:table; margin:0 auto; padding:15px 40px; border-radius:50px; background:#00399d; color:#fff; font-size:34px; line-height:1;}
.dataInfograp_type7 .type7_inner .title_block .desc.txt {color:#fff; font-size:26px; line-height:1;}
.dataInfograp_type7 .type7_inner .title_block .desc.ico {position:relative; display:inline-block; margin-bottom:25px; color:#fff; font-size:20px; line-height:1;}
.dataInfograp_type7 .type7_inner .title_block .desc.ico::before {content:''; position:absolute; left:-15px; top:5px; width:9px; height:10px; background:url(../../../images/g440/portal/bul_dataInfograp_n77.png) no-repeat; background-size:contain; }
.dataInfograp_type7 .type7_inner .chart_block {background:#fff; text-align:center;}
.dataInfograp_type7 .type7_inner .chart_inner {margin:0 auto;}
.dataInfograp_type7 .type7_inner section.n1 {margin-bottom:60px;}
.dataInfograp_type7 .type7_inner section.n1 .title_block {margin-top:-6px;overflow:hidden;margin-bottom: 10px;}
.dataInfograp_type7 .type7_inner section.n1 .title_block .rtit {margin-bottom:30px;}
.dataInfograp_type7 .type7_inner section.n1 .title_block .desc.txt {margin-bottom:25px;}
.dataInfograp_type7 .type7_inner section.n1 .chart_block {margin:0 35px; padding:15px;}
.dataInfograp_type7 .type7_inner section.n2 {margin-bottom:55px;}
.dataInfograp_type7 .type7_inner section.n2 .title_block .desc.txt {margin-bottom:60px;}
.dataInfograp_type7 .type7_inner section.n2 .title_block .desc.txt em {color:#ffea00;}
.dataInfograp_type7 .type7_inner section.n2 .chart_wrap {overflow:hidden; margin:0 35px;}
.dataInfograp_type7 .type7_inner section.n2 .chart_inner {margin:0 auto;}
.dataInfograp_type7 .type7_inner section.n2 .chart_block {width:49%; padding:15px;}
.dataInfograp_type7 .type7_inner section.n2 .stit {display:block; margin:28px 0 35px; color:#333; font-size:24px; font-weight:500; line-height:1;}
.dataInfograp_type7 .type7_inner section.n2 .all_line_wrap {margin:30px 35px 0; padding:0 30px; border:8px solid #00399d; background:#fff;}
.dataInfograp_type7 .type7_inner section.n2 .all_line_wrap .chart_wrap {margin:0;}
.dataInfograp_type7 .type7_inner section.n2 .all_line_wrap .chart_wrap .chart_inner .line_wrap {padding:0; border:2px solid #3691c2;}
.dataInfograp_type7 .type7_inner section.n2 .all_line_wrap .chart_wrap .chart_inner .line_wrap .chart_block {margin:0; padding:0;}
.dataInfograp_type7 .type7_inner section.n3 {margin-bottom:55px;}
.dataInfograp_type7 .type7_inner section.n3 .title_block .rtit {margin-bottom:30px;}
.dataInfograp_type7 .type7_inner section.n3 .chart_wrap {overflow:hidden; margin:0 35px;}
.dataInfograp_type7 .type7_inner section.n3 .chart_block {width:48%; padding:15px;}
.dataInfograp_type7 .type7_inner section.n3 .chart_block .chart_inner {margin:0 auto;}
.dataInfograp_type7 .type7_inner section.n3 .chart_wrap .arrow { display:block; width:0; height:0; border-top:12px solid transparent; border-left:18px solid #fff; border-bottom:12px solid transparent;}
.dataInfograp_type7 .type7_inner section.n4 {margin:0 35px 55px; }
.dataInfograp_type7 .type7_inner section.n4 .title_block .rtit { margin-bottom:30px; }
.dataInfograp_type7 .type7_inner section.n4 .chart_block { margin-bottom:70px; padding:15px; background:#fff; }
.dataInfograp_type7 .type7_inner section.n4 .chart_block .chart_inner { margin:0 auto; }
.dataInfograp_type7 .type7_inner section.n5 {position:relative; margin:0 35px; background:transparent;}
.dataInfograp_type7 .type7_inner section.n5::after {content:'';position:absolute; left:0; top:146px; width:100%; height:4px; background:#00399d;}
.dataInfograp_type7 .type7_inner section.n5 .tab_wrap {overflow:hidden; border-top: 4px solid #00399d;}
.dataInfograp_type7 .type7_inner section.n5 .tab_wrap h4 {display:inline-block; padding:50px 0 0 24px; color:#fff; font-size:34px; line-height:1.2; letter-spacing:-0.5px;}
.dataInfograp_type7 .type7_inner section.n5 .tab_wrap h4 strong { display:block; font-weight:700; }
.dataInfograp_type7 .type7_inner section.n5 h5 { margin-bottom:30px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type7 .type7_inner section.n5 h5 span {color:#ffd800;}
.dataInfograp_type7 .type7_inner section.n5 .stit { display:block; margin:35px 0; color:#333; font-size:24px; font-weight:500; text-align:center; line-height:1; }
.dataInfograp_type7 .type7_inner section.n5 .chart_wrap { width:100%; background:#fff; }
.dataInfograp_type7 .type7_inner section.n5 .chart_block { padding:15px; background:#fff; }

/* type8 */
.dataInfograp_type8 .type8_inner {position:relative; background:#3a4eae  url(../../../images/g440/portal/img_dataInfograp_top_08.png) no-repeat 0 0; background-size:1140px 753px;}
.dataInfograp_type8 .type8_inner .top_visual {position:relative; height:753px;}
.dataInfograp_type8 .type8_inner .top_visual .title_wrap {position:absolute; right:45px; top:75px; text-align:right;}
.dataInfograp_type8 .type8_inner .top_visual .title_wrap h3 {margin-bottom:30px; color:#fff; font-size:46px; line-height:1; letter-spacing:-3px;}
.dataInfograp_type8 .type8_inner .top_visual .title_wrap h3 strong {display:block; font-size:56px; font-weight:700;}
.dataInfograp_type8 .type8_inner .top_visual .title_wrap .date_block {width:auto; color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px;}
.dataInfograp_type8 .type8_inner .top_visual .title_wrap p {margin-top:10px; color:#fff; font-size:16px; text-align:right; letter-spacing:-0.5px;}
.dataInfograp_type8 .type8_inner .top_visual .title_wrap .txt {display:inline-block; padding:0 10px 0 5px; line-height:1.8;}
.dataInfograp_type8 .type8_inner .top_visual .title_wrap .txt:last-child {padding:0 0 0 5px;}
.dataInfograp_type8 .type8_inner .select_inbox {background:#dd2e00;}
.dataInfograp_type8 .type8_inner .select_inbox > select {height:40px; border-color:rgba(255,255,255, .3); background:#4e45d0; color:#fff; font-size:24px;}
.dataInfograp_type8 .type8_inner .select_inbox::after {top:48%; border-top: 4px solid #fff;}
.dataInfograp_type8 .type8_inner .select_inbox:hover::after { color:#ff9c00; }
.dataInfograp_type8 .type8_inner .title_block {text-align:center;overflow: hidden;margin-bottom: 10px;}
.dataInfograp_type8 .type8_inner .title_block .rtit { display:table; margin:0 auto; padding:15px 40px; border-radius:50px; background:#6b0258; color:#fff; font-size:34px; line-height:1;}
.dataInfograp_type8 .type8_inner .title_block .desc.txt {color:#fff; font-size:26px; line-height:1;}
.dataInfograp_type8 .type8_inner .title_block .desc.ico {position:relative; display:inline-block; margin-bottom:25px; color:#ffc833; font-size:20px; line-height:1;}
.dataInfograp_type8 .type8_inner .title_block .desc.ico::before {content:''; position:absolute; left:-15px; top:5px; width:9px; height:10px; background:url(../../../images/g440/portal/bul_dataInfograp_08.png) no-repeat; background-size:contain; }
.dataInfograp_type8 .type8_inner .chart_block {background:#fff; text-align:center;}
.dataInfograp_type8 .type8_inner .chart_inner {margin:0 auto;}
.dataInfograp_type8 .type8_inner section.n1 {margin-top:50px; margin-bottom:90px;}
.dataInfograp_type8 .type8_inner section.n1 .title_block .rtit {margin-bottom:30px;}
.dataInfograp_type8 .type8_inner section.n1 .title_block .desc.txt {margin-bottom:25px;}
.dataInfograp_type8 .type8_inner section.n1 .title_block .desc.txt em {color:#fedb38;}
.dataInfograp_type8 .type8_inner section.n1 .chart_wrap {overflow:hidden; margin:0 35px;}
.dataInfograp_type8 .type8_inner section.n1 .chart_block {width:48%; height:620px; padding:15px;}
.dataInfograp_type8 .type8_inner section.n1 .chart_block .chart_inner {margin:0 auto;}
.dataInfograp_type8 .type8_inner section.n1 .chart_wrap .arrow { display:block; width:0; height:0; border-top:12px solid transparent; border-left:18px solid #ffc833; border-bottom:12px solid transparent;}
.dataInfograp_type8 .type8_inner section.n1 .stit { display:block; margin:35px 0; color:#333; font-size:24px; font-weight:500; text-align:center; line-height:1; }
.dataInfograp_type8 .type8_inner section.n2 {position:relative; margin:0 35px; background:transparent;}
.dataInfograp_type8 .type8_inner section.n2::after {content:'';position:absolute; left:0; top:146px; width:100%; height:4px; background:#1a2b7f;}
.dataInfograp_type8 .type8_inner section.n2 .tab_wrap {overflow:hidden; border-top: 4px solid #1a2b7f;}
.dataInfograp_type8 .type8_inner section.n2 .tab_wrap h4 {display:inline-block; padding:33px 0 33px 24px; color:#fff; font-size:34px; line-height:1.2; letter-spacing:-0.5px;}
.dataInfograp_type8 .type8_inner section.n2 .tab_wrap h4 strong { display:block; font-weight:700; }
.dataInfograp_type8 .type8_inner section.n2 h5 { margin-bottom:30px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type8 .type8_inner section.n2 .stit { display:block; margin:35px 0; color:#333; font-size:24px; font-weight:500; text-align:center; line-height:1; }
.dataInfograp_type8 .type8_inner section.n2 .chart_wrap { width:100%; background:#fff; }
.dataInfograp_type8 .type8_inner section.n2 .chart_block { padding:15px; background:#fff; }

/* type9 */
.dataInfograp_type9 .type9_inner {position:relative; padding-bottom:35px; background-color:#026891}
.dataInfograp_type9 .type9_inner:before {content:''; position:absolute; left:0; top:0; width:1140px; height:567px;position:relative; padding-bottom:35px; background:#026891 url(../../../images/g440/portal/img_dataInfograp_top_09.png) no-repeat 0 0; background-size:1140px 567px;}
.dataInfograp_type9 .type9_inner .top_visual {position:relative; height:567px; background:#026891 url(../../../images/g440/portal/img_dataInfograp_top_09.png) no-repeat 0 0; background-size:1140px 567px;}
.dataInfograp_type9 .type9_inner .top_visual .title_wrap {position:absolute; right:34px; top:80px; text-align:right;}
.dataInfograp_type9 .type9_inner .top_visual .title_wrap h3 {margin-bottom:34px; color:#fff; font-size:46px; line-height:1.2; letter-spacing:-2px;}
.dataInfograp_type9 .type9_inner .top_visual .title_wrap h3 strong {display:block; font-size:56px; font-weight:700;}
.dataInfograp_type9 .type9_inner .top_visual .title_wrap .date_block {width:auto; color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px;}
.dataInfograp_type9 .type9_inner .top_visual .title_wrap p {margin-top:15px; color:#fff; font-size:16px; letter-spacing:-0.5px;}
.dataInfograp_type9 .type9_inner .top_visual .title_wrap .txt {display:inline-block; line-height:1.8;}
.dataInfograp_type9 .type9_inner .select_inbox {background:#08496e;}
.dataInfograp_type9 .type9_inner .select_inbox > select {height:40px; border-color:rgba(255,255,255, .3); background:#1e3d7c; color:#fff; font-size:24px;}
.dataInfograp_type9 .type9_inner .select_inbox::after {top:48%; border-top: 4px solid #fff;}
.dataInfograp_type9 .type9_inner .select_inbox:hover::after { color:#4fb9e5; }
.dataInfograp_type9 .type9_inner .title_block {text-align:center;}
.dataInfograp_type9 .type9_inner .title_block .rtit { display:table; margin:0 auto; padding:15px 40px; border-radius:50px; background:#002a5f; color:#fff; font-size:34px; line-height:1;}
.dataInfograp_type9 .type9_inner .title_block .desc.txt {color:#fff; font-size:26px; line-height:1;}
.dataInfograp_type9 .type9_inner .title_block .desc.ico {position:relative; display:inline-block; margin-bottom:25px; color:#7deeff; font-size:20px; line-height:1;}
.dataInfograp_type9 .type9_inner .title_block .desc.ico::before {content:''; position:absolute; left:-15px; top:5px; width:9px; height:10px; background:url(../../../images/g440/portal/bul_dataInfograp_n5.png) no-repeat; background-size:contain; }
.dataInfograp_type9 .type9_inner .chart_block {background:#fff; text-align:center;}
.dataInfograp_type9 .type9_inner .title_block .desc.txt {color:#fff; font-size:26px; line-height:1;}
.dataInfograp_type9 .type9_inner section.n1 {margin-bottom:90px;}
.dataInfograp_type9 .type9_inner section.n1 .title_block {margin-top:23px; overflow: hidden;}
.dataInfograp_type9 .type9_inner section.n1 .title_block .rtit {margin-bottom:25px;}
.dataInfograp_type9 .type9_inner section.n2 .title_block .desc.txt {margin-bottom:25px;}
.dataInfograp_type9 .type9_inner section.n1 .chart_block {margin:0 35px; padding:15px;}
.dataInfograp_type9 .type9_inner section.n2 {margin-bottom:90px;}
.dataInfograp_type9 .type9_inner section.n2 .title_block .rtit {margin-bottom:30px;}
.dataInfograp_type9 .type9_inner section.n2 .stit {margin:55px 0 30px; color:#fff; font-size:26px; line-height:1; text-align:center;}
.dataInfograp_type9 .type9_inner section.n2 .chart_block.n1 {width:45%; margin:0 auto 40px; padding:15px;}
.dataInfograp_type9 .type9_inner section.n2 .chart_block.n2 {margin:0 35px; padding:15px;}
.dataInfograp_type9 .type9_inner section.n2 .chart_inner {margin:0 auto;}
.dataInfograp_type9 .type9_inner section.n2 .arrow { display:block; width:0; height:0; margin:0 auto; border-left:12px solid transparent; border-top:18px solid #6ab6f0; border-right:12px solid transparent;}
.dataInfograp_type9 .type9_inner section.n3 {position:relative; margin:0 35px; background:#026891;}
.dataInfograp_type9 .type9_inner section.n3::after {content:'';position:absolute; left:0; top:146px; width:100%; height:4px; background:#002a5f;}
.dataInfograp_type9 .type9_inner section.n3 .tab_wrap {overflow:hidden; border-top: 4px solid #002a5f;}
.dataInfograp_type9 .type9_inner section.n3 .tab_wrap h4 {display:inline-block; padding:33px 0 33px 24px; color:#fff; font-size:34px; line-height:1.2; letter-spacing:-0.5px;}
.dataInfograp_type9 .type9_inner section.n3 .tab_wrap h4 strong { display:block; font-weight:700; }
.dataInfograp_type9 .type9_inner section.n3 h5 { margin-bottom:30px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type9 .type9_inner section.n3 .chart_block { margin-bottom:55px; padding:14px; background:#fff; }
.dataInfograp_type9 .type9_inner section.n3 .all_line_wrap {width:100%; margin-bottom:35px; padding:30px; border:8px solid #004202; background:#fff;}
.dataInfograp_type9 .type9_inner section.n3 .all_line_wrap .chart_wrap .chart_block { margin:0; padding:0; }
.dataInfograp_type9 .type9_inner section.n3 .all_line_wrap .stit { display:block; margin-bottom:30px; color:#333; font-size:24px; font-weight:500; text-align:center; line-height:1; }

/* type10 */
.dataInfograp_type10 .type10_inner {position:relative; padding-bottom:35px; background:#0566b0 url(../../../images/g440/portal/img_dataInfograp_top_10.png) no-repeat 0 0; }
.dataInfograp_type10 .type10_inner:before {content:''; position:absolute; left:0; top:0; width:1140px; height:689px; }
.dataInfograp_type10 .type10_inner .top_visual {position:relative; height:594px;}
.dataInfograp_type10 .type10_inner .top_visual .title_wrap {position:absolute; left:30px; top:130px;}
.dataInfograp_type10 .type10_inner .top_visual .title_wrap h3 {margin-bottom:30px; color:#fff; font-size:46px; line-height:1.2; letter-spacing:-2px;}
.dataInfograp_type10 .type10_inner .top_visual .title_wrap h3 strong {display:block; font-size:56px; font-weight:700;}
.dataInfograp_type10 .type10_inner .top_visual .title_wrap .date_block {width:auto; color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px;}
.dataInfograp_type10 .type10_inner .top_visual .title_wrap p {margin-top:15px; color:#fff; font-size:16px; letter-spacing:-0.5px;}
.dataInfograp_type10 .type10_inner .top_visual .title_wrap .txt {display:inline-block; padding:0 10px 0 5px;line-height:1.8;}
.dataInfograp_type10 .type10_inner .select_inbox {background:#1d3d7c;}
.dataInfograp_type10 .type10_inner .select_inbox > select {height:40px; border-color:rgba(255,255,255, .3); background:#1d3d7c; color:#fff; font-size:24px;}
.dataInfograp_type10 .type10_inner .select_inbox::after {top:48%; border-top: 4px solid #fff;}
.dataInfograp_type10 .type10_inner .select_inbox:hover::after { color:#818eda; }

.dataInfograp_type10 .type10_inner .tab_box {height:54px;}
.dataInfograp_type10 .type10_inner .tab_off {border-top-left-radius:15px; border-top-right-radius:15px; border-bottom:0; background-color:#002a5f; width:30%; height: 54px; text-align:center; color:#ffffff; font-size:23px; position: relative; float:left; margin:0 0 0 10px;}
.dataInfograp_type10 .type10_inner .tab_on {border-top-left-radius:15px; border-top-right-radius:15px; border:1px solid #d2d2d2; border-bottom:0; background-color:#ffffff; width:30%; height: 54px; text-align:center; color:#1e3d7c; font-size:23px; position: relative; float:left; margin:0 0 0 10px;}
.dataInfograp_type10 .type10_inner .tab_box > a {cursor:pointer; font-weight:bold; font-size:14pt; line-height:55px;}
.dataInfograp_type10 .type10_inner .tab_content_box {border:2px solid #ffffff;  margin:0 10px 30px 10px;}

.dataInfograp_type10 .type10_inner .title_block {text-align:center;overflow: hidden;margin-bottom: 10px;}
.dataInfograp_type10 .type10_inner .title_block .rtit {display:inline-block; padding:15px 40px; border-radius:50px; background:#002a5f; color:#fff; font-size:34px; line-height:1;}
.dataInfograp_type10 .type10_inner .title_block .desc.txt {color:#fff; font-size:26px; line-height:1;}
.dataInfograp_type10 .type10_inner .title_block .desc.ico {position:relative; display:inline-block; margin-bottom:25px; color:#a7efff; font-size:20px; line-height:1;}
.dataInfograp_type10 .type10_inner .title_block .desc.ico::before {content:''; position:absolute; left:-15px; top:5px; width:9px; height:10px; background:url(../../../images/g440/portal/bul_dataInfograp_n6.png) no-repeat; background-size:contain; }
.dataInfograp_type10 .type10_inner .chart_block {background:#fff; text-align:center;}
.dataInfograp_type10 .type10_inner .chart_inner {margin:0 auto;}
.dataInfograp_type10 .type10_inner section.n1 {margin-bottom:40px;}
.dataInfograp_type10 .type10_inner section.n1 .title_block .rtit {margin:40px 0 25px 0;}
.dataInfograp_type10 .type10_inner section.n1 .title_block .desc.txt {margin-top:30px;}
.dataInfograp_type10 .type10_inner section.n1 .chart_block {margin:0 35px; padding:15px;}
.dataInfograp_type10 .type10_inner section.n2 {margin-bottom:50px;}
.dataInfograp_type10 .type10_inner section.n2 .title_block .rtit {margin-bottom:30px;}
.dataInfograp_type10 .type10_inner section.n2 .title_block .desc.txt {margin-bottom:25px;}
.dataInfograp_type10 .type10_inner section.n2 .title_block .desc.txt em {color:#6ef3ff;}
.dataInfograp_type10 .type10_inner section.n2 .chart_wrap {overflow:hidden; margin:0 35px;}
.dataInfograp_type10 .type10_inner section.n2 .chart_block {width:48%; padding:15px;}
.dataInfograp_type10 .type10_inner section.n2 .chart_wrap .arrow { display:block; width:0; height:0; border-top:12px solid transparent; border-left:18px solid #6ab6f0; border-bottom:12px solid transparent;}
.dataInfograp_type10 .type10_inner section.n3 {margin-bottom:90px;}
.dataInfograp_type10 .type10_inner section.n3 .title_block .rtit {margin-bottom:50px;}
.dataInfograp_type10 .type10_inner section.n3 .chart_block {margin:0 35px; padding:15px;}
.dataInfograp_type10 .type10_inner section.n3 .stit {margin:55px 0 30px; color:#fff; font-size:26px; line-height:1; text-align:center;}
.dataInfograp_type10 .type10_inner section.n4 {position:relative; margin:0 35px; background:#0566b0;}
.dataInfograp_type10 .type10_inner section.n4::after {content:'';position:absolute; left:0; top:146px; width:100%; height:4px; background:#002a5f;}
.dataInfograp_type10 .type10_inner section.n4 .tab_wrap {overflow:hidden; border-top: 4px solid #002a5f;}
.dataInfograp_type10 .type10_inner section.n4 .tab_wrap h4 {display:inline-block; padding:33px 0 33px 24px; color:#fff; font-size:34px; line-height:1.2;}
.dataInfograp_type10 .type10_inner section.n4 .tab_wrap h4 strong { display:block; font-weight:700; }
.dataInfograp_type10 .type10_inner section.n4 .desc.txt { margin-bottom:30px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type10 .type10_inner section.n4 .chart_block { margin-bottom:55px; padding:15px; background:#fff; }
.dataInfograp_type10 .type10_inner section.n5 {position:relative; margin:0 35px; background:#0566b0;}
.dataInfograp_type10 .type10_inner section.n5::after {content:'';position:absolute; left:0; top:146px; width:100%; height:4px; background:#002a5f;}
.dataInfograp_type10 .type10_inner section.n5 .tab_wrap {overflow:hidden; border-top: 4px solid #002a5f;}
.dataInfograp_type10 .type10_inner section.n5 .tab_wrap h4 {display:inline-block; padding:33px 0 33px 24px; color:#fff; font-size:34px; line-height:1.2;}
.dataInfograp_type10 .type10_inner section.n5 .tab_wrap h4 strong { display:block; font-weight:700; }
.dataInfograp_type10 .type10_inner section.n5 .desc.txt { margin-bottom:30px; color:#fff; font-size:26px; line-height:1; text-align:center; }
.dataInfograp_type10 .type10_inner section.n5 .chart_block { margin-bottom:55px; padding:15px; background:#fff; }

.dataInfograp_type10 .table_wrap { margin-bottom:50px; overflow:auto;}
.dataInfograp_type10 .table_chart { table-layout:fixed; }
.dataInfograp_type10 .table_chart thead { background:#26a5cf; }
.dataInfograp_type10 .table_chart thead th { padding:9px 0; font-size:16px; color:#fff; }
.dataInfograp_type10 .table_chart tbody td { padding:9px 0 8px; background:#fff; color:#000; font-size:15px; text-align:center; line-height:inherit; }
.dataInfograp_type10 .table_chart tbody tr:not(:last-of-type) td {border-bottom:1px solid #dadada;}
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul { position:relative; }
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul > li { color:#1b4c8b; font-size:28px; font-weight:500; text-align:center; }
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul > li a { display:block; width:535px; height:80px; padding: 18px 0; background:#72c2ff;color: #002a5f;}
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul > li:nth-child(1) {padding-top:80px;}
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul > li:nth-child(2) {padding-top:0px;}
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul > li:nth-child(1) a {position:absolute; left:0; top:0;}
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul > li:nth-child(2) a {position:absolute; left:50%; top:0;}
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul > li a.on {color:red; background:#002a5f; }
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul > li a::before {display:none;}
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul .cont { display:none; overflow:hidden; margin:0; border:8px solid #002a5f; background:#fff;}
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul .cont .stit {display:block; margin-bottom:20px; color:#333; font-size:24px; font-weight:500;}
.dataInfograp_type10 .tab_infograp10_1 .tabs_inner > ul .cont .chart_block { margin-bottom:0; padding:10px; background:#fff; }

.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul { position:relative; }
.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul > li { color:#1b4c8b; font-size:28px; font-weight:500; text-align:center; }
.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul > li a { display:block; width:535px; height:80px; padding: 18px 0; background:#72c2ff;color: #002a5f;}
.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul > li:nth-child(1) {padding-top:80px;}
.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul > li:nth-child(2) {padding-top:0px;}
.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul > li:nth-child(1) a {position:absolute; left:0; top:0;}
.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul > li:nth-child(2) a {position:absolute; left:50%; top:0;}
.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul > li a.on {color:#fff; background:#002a5f; }
.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul > li a::before {display:none;}
.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul .cont { display:none; overflow:hidden; margin:0; border:8px solid #002a5f; background:#fff;}
.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul .cont .stit {display:block; margin-bottom:20px; color:#333; font-size:24px; font-weight:500;}
.dataInfograp_type10 .tab_infograp10_2 .tabs_inner > ul .cont .chart_block { margin-bottom:0; padding:10px; background:#fff; }

/* data apply */
.dataApply_intro {}
.dataApply_intro .process {border:1px solid #dadada; border-radius:5px;}
.dataApply_intro .process dl {height:130px; padding:15px 27px;}
.dataApply_intro .process dl:not(:last-of-type) {border-bottom:1px solid #dadada;}
.dataApply_intro .process dt {display:inline-block; float:left; position:relative; width:363px; height:100px; padding:35px 0 0 184px; color:#000; font-size:18px; font-weight:500; letter-spacing:-0.5px;}
.dataApply_intro .process dd {display:inline-block; float:left; width:610px; color:#333; font-size:15px;}
.dataApply_intro .process dd.oneline {padding-top:38px;}
.dataApply_intro .process dd.twoline {padding-top:27px;}
.dataApply_intro .process.type1 dd{width: 640px;}
.dataApply_intro .process.type1 {margin-top: 10px;}
.icon_desc{position: relative;margin-top: 20px;}
.dataApply_intro .dotlist li::before{content: '';position: absolute;left: 4px;top: 12px;width: 3px;height: 3px;background: #333;}
.dataApply_intro .dotlist li {position: relative;padding-left: 15px;}
.icon_desc p {padding-left: 30px;}
.icon_desc::before{content: '';background: url(../../../images/g440/portal/data_icon1.png) no-repeat;width:18px;height: 17px;position: absolute;left: 0px;top: 4px;}
.dataApply_intro .process dl:nth-child(1) dt::before {content:''; position:absolute; left:70px; top:0px; width:100px; height:100px; background:url(../../../images/g440/portal/img_dataApply_01.png) no-repeat; background-size:contain;}
.dataApply_intro .process dl:nth-child(2) dt::before {content:''; position:absolute; left:70px; top:0px; width:100px; height:100px; background:url(../../../images/g440/portal/img_dataApply_02.png) no-repeat; background-size:contain;}
.dataApply_intro .process dl:nth-child(3) dt::before {content:''; position:absolute; left:70px; top:0px; width:100px; height:100px; background:url(../../../images/g440/portal/img_dataApply_03.png) no-repeat; background-size:contain;}
/* 데이터신청 결제분리에 따른 수수료책정항목 삭제 및 다운로드 순서변경 2020-F00296  */
.dataApply_intro .process dl:nth-child(4) dt::before {content:''; position:absolute; left:70px; top:0px; width:100px; height:100px; background:url(../../../images/g440/portal/img_dataApply_05.png) no-repeat; background-size:contain;}
/* .dataApply_intro .process dl:nth-child(5) dt::before {content:''; position:absolute; left:70px; top:0px; width:100px; height:100px; background:url(../../../images/g440/portal/img_dataApply_04.png) no-repeat; background-size:contain;} */
.dataApply_intro .process .num {position:absolute; left:0px; top:20px;}
.dataApply_intro .process strong {color:#0072cf; font-family:arial; font-size:14px; font-weight:bold; text-align:center; line-height:1;}
.dataApply_intro .process strong em {display:block; margin-top:-2px; font-size:32px; font-weight:900;}
.dataApply_intro .process.type1 dl:nth-child(1) dt::before{content: '';position: absolute;left:70px;top: 0px;background: url(../../../images/g440/portal/dataAppply2_01.png) no-repeat;}
.dataApply_intro .process.type1 dl:nth-child(2) dt::before{content: '';position: absolute;left:70px;top: 0px;background: url(../../../images/g440/portal/dataAppply2_02.png) no-repeat;}
.dataApply_intro .process.type1 dl:nth-child(3) dt::before{content: '';position: absolute;left:70px;top: 0px;background: url(../../../images/g440/portal/dataAppply2_03.png) no-repeat;}
.dataApply_intro .process.type1 dl:nth-child(4) dt::before{content: '';position: absolute;left:70px;top: 0px;background: url(../../../images/g440/portal/dataAppply2_04.png) no-repeat;}
.dataApply_intro .process.type1 dl:nth-child(5) dt::before{content: '';position: absolute;left:70px;top: 0px;background: url(../../../images/g440/portal/dataAppply2_05.png) no-repeat;}
.dataApply_intro .process.type1 dl:nth-child(6) dt::before{content: '';position: absolute;left:70px;top: 0px;background: url(../../../images/g440/portal/dataAppply2_06.png) no-repeat;width: 100px;height: 100px;}

.dataApply .desc.small {display:inline-block; position:relative; margin-left:10px; padding:10px 0 10px 11px;color:#6a6a6a; font-size:13px; line-height:1; vertical-align:top;}
.dataApply .desc.small i {position:absolute;top:11px;left:0;}
.dataApply .box_wrap.blue {overflow:hidden; padding:20px; background:#e9eef3;}
.dataApply .box_wrap.blue .table_blue { table-layout:fixed;}
.dataApply .box_wrap.blue .table_blue th { height:45px; padding:10px 5px; background:#c1d2e3; color:#3e546a; font-size:16px; }
.dataApply .box_wrap.blue .table_blue td { height:45px; padding:11px 5px 10px; border-bottom:1px solid rgba(218, 218, 218, 0.5); background:#fff; color:#000; font-size:15px; text-align:center; line-height:inherit; }
.dataApply .box_wrap.blue .table_blue td:not(:first-of-type) {border-left:1px solid rgba(218, 218, 218, 0.5);}
.dataApply .box_wrap.blue .table_blue th .check_inbox, .dataApply .box_wrap.blue .table_blue td .check_inbox {margin-top:4px;}
.dataApply .box_wrap.blue .table_blue tr.selected > td { color:#fff; background:#13ade3; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.dataApply.typ2 .group.top {margin-top:5px;}
.dataApply.typ2 .group.top > .left_area {vertical-align: text-bottom;}
.dataApply.typ2 .group.top > .left_area .subtitle {line-height:1;margin-bottom:-10px !important;}
.dataApply.typ2 .line.small {background:#fff;}
.dataApply.typ2 .ico_link {background:#eee;}
.dataApply.typ2 .ico_link ul {display:table; width:100%;}
.dataApply.typ2 .ico_link li {display:table-cell; padding:12px 27px; text-align:center; position:relative;}
.dataApply.typ2 .ico_link li:not(:first-child) { border-left: 1px solid #dadada; }
.dataApply.typ2 .ico_link li a {display:block; position:relative; width:100%; height:76px; color:#000; font-size:18px; font-weight:500; }
.dataApply.typ2 .ico_link li.selected a {color:#fff;}
.dataApply.typ2 .ico_link li:nth-child(1) a::before {content:'';position:absolute; left:0px; top:0px; width:76px; height:76px; background:url(../../../images/g440/portal/ico_dataapply1.png) no-repeat; background-size:contain; }
.dataApply.typ2 .ico_link li:nth-child(2) a::before {content:'';position:absolute; left:0px; top:0px; width:76px; height:76px; background:url(../../../images/g440/portal/ico_dataapply2.png) no-repeat; background-size:contain; }
.dataApply.typ2 .ico_link li:nth-child(3) a::before {content:'';position:absolute; left:0px; top:0px; width:76px; height:76px; background:url(../../../images/g440/portal/ico_dataapply3.png) no-repeat; background-size:contain; }
.dataApply.typ2 .ico_link li:nth-child(1).selected a::before {background:url(../../../images/g440/portal/ico_dataapply1_on.png) no-repeat;}
.dataApply.typ2 .ico_link li:nth-child(2).selected a::before {background:url(../../../images/g440/portal/ico_dataapply2_on.png) no-repeat;}
.dataApply.typ2 .ico_link li:nth-child(3).selected a::before {background:url(../../../images/g440/portal/ico_dataapply3_on.png) no-repeat;}
.dataApply.typ2 .ico_link li.selected {background:#005ea3;}
.dataApply.typ2 .ico_link li strong {display:inline-block; margin:24px 0 0 76px;}
.dataApply.typ2 .radio_box {overflow:hidden; padding:20px; border:1px solid #dfdfdf; line-height:1; }
.dataApply.typ2 .radio_box label {margin-right:76px;}
.dataApply.typ2 .radio_box [type="radio"]:checked + label:after, .dataApply.typ2 .radio_box [type="radio"]:not(:checked) + label::after {top:0.25rem; left:0.275rem;}

/* analPltfom */
.analPltfom_intro {}
.analPltfom_intro .map_wrap {margin-bottom:20px;}
.analPltfom_intro .map_wrap {margin-bottom:20px;}
.analPltfom_intro .dotlist li { position:relative; font-family: 'Malgun Gothic'; font-size:13px; text-indent:10px; line-height:1.8; }
.analPltfom_intro .dotlist li::before { content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background:#333; }
.analPltfom_intro .process { width:1140px; height:180px; padding:18px 0; background:#f4f4f4;}
.analPltfom_intro .process ul {display:block; width:850px; margin:0 auto;}
.analPltfom_intro .process li {display:inline-block; float:left; position:relative; width:120px; height:150px; margin:0 21px; text-align:center;}
.analPltfom_intro .process li:nth-child(1) span::after {content:''; position:absolute; left:9px; top:0; width:102px; height:102px; background:url(../../../images/g440/portal/img_analPltfom_01.png) no-repeat; background-size:contain;}
.analPltfom_intro .process li:nth-child(2) span::after {content:''; position:absolute; left:9px; top:0; width:102px; height:102px; background:url(../../../images/g440/portal/img_analPltfom_02.png) no-repeat; background-size:contain;}
/*.analPltfom_intro .process li:nth-child(3) span::after {content:''; position:absolute; left:9px; top:0; width:102px; height:102px; background:url(../../../images/g440/portal/img_analPltfom_03.png) no-repeat; background-size:contain;}*/
.analPltfom_intro .process li:nth-child(3) span::after {content:''; position:absolute; left:9px; top:0; width:102px; height:102px; background:url(../../../images/g440/portal/img_analPltfom_04.png) no-repeat; background-size:contain;}
.analPltfom_intro .process li:nth-child(4) span::after {content:''; position:absolute; left:9px; top:0; width:102px; height:102px; background:url(../../../images/g440/portal/img_analPltfom_05.png) no-repeat; background-size:contain;}
/*.analPltfom_intro .process li:nth-child(6) span::after {content:''; position:absolute; left:9px; top:0; width:102px; height:102px; background:url(../../../images/g440/portal/img_analPltfom_06.png) no-repeat; background-size:contain;}*/
.analPltfom_intro .process li:nth-child(5) span::after {content:''; position:absolute; left:9px; top:0; width:102px; height:102px; background:url(../../../images/g440/portal/img_analPltfom_07.png) no-repeat; background-size:contain;}
.analPltfom_intro .process li span {position:relative; height:150px;}
.analPltfom_intro .process li span::before {content:''; display:block; margin:0 auto 12px; width:102px; height:102px; border-radius:100%; background:#fff;}
.analPltfom_intro .process li .stit {display:block; margin:0 auto; color:#333; font-size:16px; line-height:1.2;}
.analPltfom_intro .process li .arrow { display:block; position:absolute; left:140px; top:45px; width:0; height:0; border-top:4px solid transparent; border-left:6px solid #9b9b9b; border-bottom:4px solid transparent;}
.analPltfom_intro .desc.ico {padding:13px 0 0 23px; background:url(../../../images/g440/portal/ico_info.png) no-repeat left 13px; background-size:16px auto; color:#333; font-size:15px; line-height:1;}

.complete_wrap.analPltfom {width:630px; margin:0 auto; text-align:center;}
.complete_wrap.analPltfom .comment {position:relative; color:#000; font-size:28px; font-weight:500;}
.complete_wrap.analPltfom .comment::before {content:''; display:block; margin:0 auto; width:220px; height:220px; background:url(../../../images/g440/portal/img_type_complete.png) no-repeat; background-size:contain;}
.complete_wrap.analPltfom .comment p {padding:30px 0 50px;}
.complete_wrap.analPltfom .line_box {position:relative; overflow:hidden; padding:15px; border:1px solid #dadada; text-align:left;}
.complete_wrap.analPltfom .line_box h3 {margin-bottom:15px; padding-bottom:10px; color:#000; font-size:18px; font-weight:500; line-height:1.1;  border-bottom:1px dotted #ccc;}
.complete_wrap.analPltfom .line_box .dotlist li { position:relative; color:#333; font-size:14px; text-indent:10px; }
.complete_wrap.analPltfom .line_box .dotlist li::before { content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#333; }
.complete_wrap.analPltfom .desc.ico {padding:13px 0 0 23px; background:url(../../../images/g440/portal/ico_info.png) no-repeat left 15px; background-size:16px auto; color:#333; font-size:15px; line-height:1.4; text-align:left;}
.complete_wrap.analPltfom .line_box.payment .inbox_blue {position:absolute; right:20px; top:25px;}


.system_intro .service_list {margin-top: 10px;}
.system_intro .service_list li {display:inline-block; float:left; position:relative; width:560px; height:234px; margin-bottom:20px; padding:30px 20px 15px 115px; border:1px solid #e6e6e6; background:#f8f8f8;}
.system_intro .service_list li:nth-child(2n) {margin-left:20px;}
.system_intro .service_list li:nth-child(1)::before {content:''; position:absolute; left:25px; top:88px; width:100%; height:64px; background:url(../../../images/g440/portal/img_system_01.png) no-repeat; background-size:contain;}
.system_intro .service_list li:nth-child(2)::before {content:''; position:absolute; left:30px; top:88px; width:100%; height:64px; background:url(../../../images/g440/portal/img_system_02.png) no-repeat; background-size:contain;}
.system_intro .service_list li:nth-child(3)::before {content:''; position:absolute; left:15px; top:68px; width:100%; height:61px; background:url(../../../images/g440/portal/img_system_03.png) no-repeat; background-size:contain;}
.system_intro .service_list li:nth-child(4)::before {content:''; position:absolute; left:30px; top:68px; width:100%; height:64px; background:url(../../../images/g440/portal/img_system_04.png) no-repeat; background-size:contain;}
.system_intro .service_list li .stit { color:#333; font-size:22px; line-height:1.6; font-weight:500;}
.system_intro .service_list li .txt { display:block; color:#666; font-size:15px; line-height:1.4;margin-top:10px;}
.system_intro .sentence p.tit {font-size: 15px;color: #333;}

.mypage_main { position:relative; }
.mypage_main .mypage_wrap.n1 .tit_wrap { position:relative; margin-bottom:15px; }
.mypage_main .mypage_wrap.n1 .tit_wrap h3 { color:#000; font-size:25px; line-height:1; font-weight:500; }
.mypage_main .mypage_wrap.n1 { width:742px;}
.mypage_main .mypage_wrap.n1.in_auto {margin:auto;}
.mypage_main .mypage_wrap.n1 .myinfo_block { display:block; float:left; position:relative; width:234px; height:240px; text-align:center; }
.mypage_main .mypage_wrap.n1 .myinfo_block.n1 { margin-right:20px; background:#189ecd; }
.mypage_main .mypage_wrap.n1 .myinfo_block.n1::after { content:''; display:block; margin:0 auto; width:128px; height:128px; background:url(../../../images/g440/portal/ico_mypage_main_01.png) no-repeat; background-size:contain; }
.mypage_main .mypage_wrap.n1 .myinfo_block.n2 { margin-right:20px; background:#5c76c4; }
.mypage_main .mypage_wrap.n1 .myinfo_block.n2::after { content:''; display:block; margin:0 auto; width:128px; height:128px; background:url(../../../images/g440/portal/ico_mypage_main_02.png) no-repeat; background-size:contain; }
.mypage_main .mypage_wrap.n1 .myinfo_block.n3 { background:#0070ab; }
.mypage_main .mypage_wrap.n1 .myinfo_block.n3::after { content:''; display:block; margin:0 auto; width:128px; height:128px; background:url(../../../images/g440/portal/ico_mypage_main_03.png) no-repeat; background-size:contain; }
.mypage_main .mypage_wrap.n1 .myinfo_block h4 { padding-top:18px; color:#fff; font-size:22px; font-weight:500; line-height:1; letter-spacing:-0.5px; }
.mypage_main .mypage_wrap.n1 .myinfo_block .myinfo_count { position:absolute; left:0; right:0; bottom:56px; text-align:center; }
.mypage_main .mypage_wrap.n1 .myinfo_block .myinfo_count span { color:#fff; font-size:20px; }
.mypage_main .mypage_wrap.n1 .myinfo_block .myinfo_count span strong { font-size:30px; }
.mypage_main .mypage_wrap.n1 .myinfo_block a { color:#fff; }
.mypage_main .mypage_wrap.n1 .myinfo_block .btn_detail { width: 234px;height: 240px;position:absolute; left:0; right:27px; bottom:0px; text-align:right; }
.mypage_main .mypage_wrap.n1 .myinfo_block .btn_detail span{position: absolute;right:27px;bottom: 16px;}
.mypage_main .mypage_wrap.n1 .myinfo_block .btn_detail strong { position:relative; font-size:16px; font-weight:500; line-height:1; }
.mypage_main .mypage_wrap.n1 .myinfo_block .btn_detail strong::before { content:'';  position:absolute; left:-10px; top:10px;  width:0; height:0; border-top:3px solid transparent; border-left:4px solid #fff; border-bottom:3px solid transparent; }

.mypage_main .mypage_wrap.n1 .more_line { position:absolute; right:0; top:-3px; width:30px; height:30px; border:1px solid #929292; background-color:#fff; text-indent:-9999px; }
[class*="btn"].more_line::before,
[class*="btn"].more_line::after {
    content: '';
    display: block;
    position: absolute;
    left: 14px;
    top: 4px;
    width: 0;
    height: 20px;
    border-right: 2px solid #363636;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
[class*="btn"].more_line::after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* 미래등기 20231208 추가  START */
.mypage_main .expt.mypage_wrap.n1 .myinfo_block {height:378px}
.mypage_main .expt.mypage_wrap.n1 .myinfo_block h4 {padding-top:40px}
.mypage_main .expt.mypage_wrap.n1 .myinfo_block.n1::after {margin-top:27px}
.mypage_main .expt.mypage_wrap.n1 .myinfo_block.n2::after {margin-top:27px}
.mypage_main .expt.mypage_wrap.n1 .myinfo_block.n3::after {margin-top:27px}
.mypage_main .expt.mypage_wrap.n1 .myinfo_block .myinfo_count {bottom:98px}
.mypage_main .expt.mypage_wrap.n1 .myinfo_block .btn_detail span {right:77px;bottom:48px}
/* 미래등기 20231208 추가  END */

.mypage_main .mypage_wrap.n2 { position:absolute; right:0; top:0; width:368px; }
.mypage_main .mypage_wrap.n2 .tit_wrap { position:relative; margin-bottom:15px; }
.mypage_main .mypage_wrap.n2 .tit_wrap .user_name { position:relative; color:#000; font-size:22px; line-height:1; text-indent:45px; }
.mypage_main .mypage_wrap.n2 .tit_wrap .user_name strong { font-size:25px; font-weight:500; }
.mypage_main .mypage_wrap.n2 .tit_wrap .user_name::before { content:''; position:absolute; left:0; top:0; width:32px; height:32px; background: url(../../../images/g440/portal/ico_mobile_user.png) no-repeat 0 0; background-size:contain; }
.mypage_main .mypage_wrap.n2 .tit_wrap a { color:#000; }
.mypage_main .mypage_wrap.n2 .tit_wrap .btn_userinfo { position:absolute; left:0; right:0; top:5px; text-align:right; }
.mypage_main .mypage_wrap.n2 .tit_wrap .btn_userinfo strong { position:relative; font-size:16px; font-weight:500; line-height:1; }
.mypage_main .mypage_wrap.n2 .tit_wrap .btn_userinfo strong::before { content:''; position:absolute; left:-10px; top:10px; width:0; height:0; border-top:3px solid transparent; border-left:4px solid #000; border-bottom:3px solid transparent; }
.mypage_main .mypage_wrap.n2 .myinfo_inner { height:240px; padding:8px 10px; border:4px solid #1fa9e0; }
.mypage_main .mypage_wrap.n2 .myinfo_inner a { display:block; }
.mypage_main .mypage_wrap.n2 .myinfo_inner a:not(:last-of-type) { border-bottom:1px dotted #ccc; }
.mypage_main .mypage_wrap.n2 .myinfo_inner a:first-child dl { height:50px; padding-top:0; }
.outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:first-child dl { height:70px; line-height: 70px;padding-top:0; }
.outside .user_inner .info_box.type2 .myinfo_inner a dl { height:70px; line-height: 70px;padding-top:0; }
.outside .user_inner .info_box.type2 .myinfo_inner a dl dd {bottom: 0;}
.outside .user_inner .info_box.type2 .myinfo_inner a dt {line-height:inherit;height:auto;}
.outside .user_inner .info_box.type2 .myinfo_inner a dt::before {top:14px;}
.outside .mypage_main .mypage_wrap.n2 .myinfo_inner dt {height: auto;line-height: inherit;}
.outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(1) dt::before {top: 14px;}
.mypage_main .mypage_wrap.n2 .myinfo_inner dl { display:block; position:relative; height:57px; padding:7px 0; }
.outside .mypage_main .mypage_wrap.n2 .myinfo_inner dl {height: 70px;line-height: 70px;}
.outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(2) dt::before {top: 14px;}
.outside .mypage_main .mypage_wrap.n2 .myinfo_inner dl dd {bottom: 0;}
.outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(3) dt::before {top: 14px;}
/* >> 미래등기시스템구축사업 추가 */
.outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(4) dt::before {top: 14px;}
.outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(5) dt::before {top: 14px;}
/* << 미래등기시스템구축사업 추가 */
.mypage_main .mypage_wrap.n2 .myinfo_inner dt { display:inline-block; position:relative; height:43px; color:#0080c3; font-size:18px; font-weight:500; line-height: 2.2; text-indent:58px; }
.mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(1) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_04.png) no-repeat 0 0; background-size:contain; }
.mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(2) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_05.png) no-repeat 0 0; background-size:contain; }
.mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(3) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_06.png) no-repeat 0 0; background-size:contain; }
/* 미래등기시스템구축사업 : 미사용으로 주석
.mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(4) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_07.png) no-repeat 0 0; background-size:contain; }
*/
/* >> 미래등기시스템구축사업 추가 */
.mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(4) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_eapi_appl.png) no-repeat 0 0; background-size:contain; }
.mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(5) dt::before { content:''; position:absolute; left:5px; top:0px; width:43px; height:43px; background: url(../../../images/g440/portal/ico_mypage_main_eapi_use.png) no-repeat 0 0; background-size:contain; }
/* << 미래등기시스템구축사업 추가 */
.mypage_main .mypage_wrap.n2 .myinfo_inner dl dd { display:inline-block; position:absolute; right:0; bottom:20px; }
.mypage_main .mypage_wrap.n2 .myinfo_inner dl dd strong { color:#ff6600; }

.mypage_main .mypage_wrap.n3 {}
.mypage_main .mypage_wrap.n3 .tit_wrap { position:relative; margin:30px 0 15px; }
.mypage_main .mypage_wrap.n3 .tit_wrap h3 { color:#000; font-size:25px; line-height:1; font-weight:500; }
.mypage_main .mypage_wrap.n3 .myinfo_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.mypage_main .mypage_wrap.n3 .myinfo_inner > ul {
    display: table;
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
}
.mypage_main .mypage_wrap.n3 .myinfo_inner > ul > li {
    position: relative;
    display: table-cell;
    height: 168px;
    padding: 15px;
    border-left: 1px solid #dadada;
    border-bottom: 0;
    background: #fff;
}
.mypage_main .mypage_wrap.n3 .myinfo_inner > ul:last-child { border-bottom: 1px solid #dadada; }
.mypage_main .mypage_wrap.n3 .stit { position:relative;margin-bottom:20px; }
.mypage_main .mypage_wrap.n3 .stit h4 { color:#000; font-size:20px; line-height:1; font-weight:500; }
.mypage_main .mypage_wrap.n3 .stit .more_plus { position:absolute; right:-7px; top:-3px; width:30px; height:30px; border:none; background-color:#fff; text-indent:-9999px; }
[class*="btn"].more_plus::before,
[class*="btn"].more_plus::after {
    content: '';
    display: block;
    position: absolute;
    left: 14px;
    top: 4px;
    width: 0;
    height: 16px;
    border-right: 2px solid #555;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
[class*="btn"].more_plus::after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.mypage_main .mypage_wrap.n3 .type_data { position:relative; height:96px; }
.mypage_main .mypage_wrap.n3 .type_data::before { content:''; position:absolute; left:5px; top:0px; width:96px; height:96px; background: url(../../../images/g440/portal/ico_mypage_main_data.png) no-repeat 0 0; background-size:contain; }
.mypage_main .mypage_wrap.n3 .type_api { position:relative; height:96px; }
.mypage_main .mypage_wrap.n3 .type_api::before { content:''; position:absolute; left:5px; top:0px; width:96px; height:96px; background: url(../../../images/g440/portal/ico_mypage_main_api.png) no-repeat 0 0; background-size:contain; }
.mypage_main .mypage_wrap.n3 .type_platform { position:relative; height:96px; }
.mypage_main .mypage_wrap.n3 .type_platform::before { content:''; position:absolute; left:5px; top:0px; width:96px; height:96px; background: url(../../../images/g440/portal/ico_mypage_main_platform.png) no-repeat 0 0; background-size:contain; }
.mypage_main .mypage_wrap.n3 .desc { padding-left:115px; padding-top:20px;}
.mypage_main .mypage_wrap.n3 .desc.threeline {padding-top:10px;}

/* fee payment - type1:credit card, type2:bank, type3:fintech, type4:mobile */
.payment_process .group.top {margin:30px 0 10px !important;}
.payment_process .tabs > ul > li.on {border-color:#0072cf;background:#0072cf;}
.payment_process .process.type1 .line_box.n2 {margin-bottom:10px;}
.payment_process .process.type1 .line.arrow {margin-left:20px;}
.payment_process .process.type1 .btn_wrap {margin:5px 0 30px;}
.payment_process .process.type2 .btn_wrap {margin:30px 0;}
.payment_process .process.type2 .line.arrow {margin-left:25px;}
.payment_process .desc {padding-left:20px; color:#6a6a6a; font-size:12px;}
.payment_process .desc.arrow {position:relative;}
.payment_process .desc.arrow::after { content:''; position:absolute; top:5px; left:10px; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid #6a6a6a; }
.payment_process .process.type3 .w32 {width:32%;}
.payment_process .process.type3 .btn_wrap {margin:5px 0 30px;}
.payment_process .process.type3 .line_box.n2 {margin-bottom:10px;}
.payment_process .process.type3 .line_box.n3 .line.arrow {margin-left:20px;}
.payment_process .process.type4 table td > .select_inbox {vertical-align:middle !important;}
.payment_process .process.type4 .line_box.n3 {margin-bottom:20px;}
.payment_process .process.type4 .line_box.n4 {margin-bottom:10px;}
.payment_process .process.type4 .line_box.n5 {margin:20px 0 10px;}
.payment_process .process.type4 section.n1 .btn_wrap {margin:30px 0;}
.payment_process .process.type4 section.n2 .btn_wrap {margin:5px 0 30px;}

.payment_detail .search_wrap dl:nth-child(1) { display:inline-block; width:49%; margin-bottom:5px; }
.payment_detail .search_wrap dl:nth-child(2) { display:inline-block; width:49%; margin-bottom:5px; }
.payment_detail .search_wrap dl:nth-child(3) { display:block; width:100%;}
.payment_detail .search_wrap dt { display:inline-block; width:100px; padding:9px 0; color:#000; font-size:16px; font-weight:500; line-height:1; vertical-align:text-top; ;  }
.payment_detail .search_wrap dd { display:inline-block; }
.payment_detail .search_wrap select { width:180px; }
.payment_detail .line_box { margin-bottom:10px; }

.payment_confirm .line_box.n1 {margin-bottom:10px;}


.pop_payContPrint .multiHead th.type1 {height:80px; padding-top:25px;}
.pop_payContPrint .multiHead th {border-bottom:1px solid #e0e0e0 !important;}
.pop_payContPrint .multiHead th:not(:last-of-type) {border-right:1px solid #e0e0e0 !important;}
.pop_payContPrint .multiHead td {border-right:none !important;}
.pop_payConfirm .line_box {margin-top:20px;}
.pop_payConfirm .table_view td dl {display:inline-block;}
.pop_payConfirm .table_view td dt {display:block; color:#1897c0; font-size:15px; font-weight:bold; }
.pop_payConfirm .table_view td dd {display:block; color:#333; font-size:14px; }
.pop_payFail .payFail_cont {position:relative;}
.pop_payFail .payFail_cont::before { content:''; position:absolute; left:0; top:0; width:96px; height:78px; background: url(../../../images/g440/portal/pop_img02_attention.png) no-repeat 0 0; background-size:contain; }
.pop_payFail .payFail_cont .desc {padding-left:115px; letter-spacing:-0.5px;}
.pop_payFail .payFail_cont .small { margin-top:15px; font-size:14px; font-family:'Malgun Gothic'; }

.search_wrap { position:relative; width:100%; margin-bottom:10px; padding:13px 20px; border:1px solid #d9e4eb; background:#edf1f4; }
.search_wrap.board label { margin-right:55px; font-weight:500; line-height:1; vertical-align:middle; }
.search_wrap.board input { vertical-align:top; }
.search_wrap.board .select_inbox { width:180px; margin-right:6px; }
.search_wrap.board .txtinput { width:570px; }
.search_wrap .select_inbox select {border: 1px solid #cedae1; font-size:14px;}
.search_inner { table-layout:fixed; }
.search_inner th { padding:0 5px; text-align:left; }
.search_inner td { padding:0 5px; text-align:left; line-height:inherit; }
.search_inner tr:not(:last-of-type) > th, .search_inner tr:not(:last-of-type) > td {padding-bottom:5px;}
.search_inner td input { vertical-align:top; }

/*실거래가(등기기준) input css 시작 (2022-F00569)-------------*/
.search_inner td .input_rtprc { vertical-align:top; margin-top:6px; width:75%;} /*검샘조건-명칭*/
.rtprc.result .title_rtprc {font-size:150%; text-align:left;} /*검색결과 타이틀 */
.rtprc.result .group.top {position:relative; margin: 20px 0 8px 0;} /*검색결과 그룹*/
.rtprc.result .group .result_count_rtprc { float:left; margin-top:16px;} /*검색결과 조회건수 문구*/
.rtprc.result .group .result_count_rtprc strong { color:#0072cf; } /*검색결과 조회건수 문구 중 숫자*/
.rtprc.result .group .btn.exel {margin-top:6px;} /*화면다운로드*/
.map_area_rtprc .map_wrap .arrow { /*지도영역 사이 화살표*/
	display:block;
	width:0; height:0;
	border-top:12px solid transparent;
	border-left:18px solid #bebebe;
	border-bottom:12px solid transparent;
}
/*실거래가(등기기준) input css 종료---------------------------*/

.datepicker { width:150px; }/* 占쎈쐻占쎈윪�굢�깷�쐻占쎈윥筌묒궍�쐻占쎈윞占쎈�э옙�쐻占쎈윪占쎈츛, 占쎈쐻占쎈윥占쎈묄占쎈쐻占쎈윪占쎌젳占쎈쐻占쎈윪�뤃�눨�쐻占쎈윪占쎌젳*/
.datepicker ~ img { margin:1px 0 0 -32px; z-index:99; position:absolute; }
input:read-only.datepicker {width:120px;}
input:-moz-read-only.datepicker {width:120px;}

input:read-only.datepicker ~ img {display:none;}
input:-moz-read-only.datepicker ~ img {display:none;}
.group.top {position:relative; margin:20px 0 10px; }
.group.both {position:relative;margin-bottom:10px; }
.group .result_count { float:left; font-weight:200; line-height:2; }
.group .result_count strong { color:#0072cf; }
.group .align_area { float:right; }
.group .align_area > .select_inbox.n1 { width:auto; }
.group .align_area > .select_inbox.n2 { width:100px; margin-left:6px; }

.group .left_area {display:inline-block; text-align:left;}
.group .right_area {display:inline-block; float:right;}
.group .desc {font-family:'Malgun Gothic'; font-size:14px; line-height:1;}
.group .left_area .desc {padding-top:15px;}
.inner_right {position:relative; height:100%;}
.inner_right .tabs_link {position:absolute; right:60px; top:-7px;}
.inner_right .favo_check {position:absolute; right:30px; top:-8px;}
.inner_right .right_util {position:relative;}

.table_wrap { position:relative; }
.table_wrap .line_left {border-left:1px solid #dadada;}
.table_view th.line_left, .table_view td.line_left {border-left:1px solid #dadada !important;}
.table_list { table-layout:fixed; border-top:2px solid #151515; }
.table_list thead { border-bottom:1px solid #151515; }
.table_list th { padding:13px 5px 12px; border-top:1px solid #151515; font-size:16px; color:#000; }
.table_list td { padding:14px 5px; border-bottom:1px solid #dadada; background:#fff; color:#000; font-size:15px; text-align:center; line-height:inherit; }
.table_list .subject { text-align:left; }
.table_list .new { margin-left:10px; vertical-align:middle; }
.table_list tr:hover > td { background:#f3f9fb; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.table_list tfoot td {padding:14px 5px; background-color:#f6f6f6; color:#000; font-size:15px; line-height:inherit; font-weight:bold;}
.table_list.multiHead th { border-left:1px solid #dadada; border-top:1px solid #dadada; }
.table_list.multiHead tr:first-of-type th:first-child { border-left-width:0; }

.table_vertical { table-layout:fixed; border-top:2px solid #151515; }
.table_vertical th { padding:10px 5px; border-bottom:1px solid #dadada; background:#f4f4f4; font-size:16px; color:#000; }
.table_vertical th:not(:first-of-type) {border-left:1px solid #dadada;}
.table_vertical td { padding:12px 5px 11px; border-bottom:1px solid #dadada; background:#fff; color:#000; font-size:15px; text-align:center; line-height:inherit; }
.table_vertical td:not(:first-of-type) {border-left:1px solid #dadada;}
.table_vertical td:not(:last-of-type) {border-right:1px solid #dadada;}
.table_vertical .subject { text-align:left; }
.table_vertical .new { margin-left:10px; vertical-align:middle; }
table .dotlist li { position:relative; font-family: 'Malgun Gothic'; font-size:13px; text-indent:10px; }
table .dotlist li::before { content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background:#333; }
table .dotlist li .bar li { margin-left:8px; padding-left:8px;}
table .dotlist li .bar li::before { content:''; position:absolute; left:7px; top:8px; width:3px; height:1px; background:#333; }
/*.table_vertical tr:hover > td { background:#f3f9fb; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }*/

.table_line { table-layout:fixed;}
.table_line td { padding:22px 5px; border-bottom:1px solid #dadada; background:#fff; color:#000; font-size:15px; text-align:left; line-height:inherit; }
.table_line tr:first-child > td {border-top:1px solid #dadada;}
.table_line dt {display:inline-block; position:relative; padding-right:12px;}
.table_line dd {display:inline-block; padding:0 40px 0 12px;}
.table_line dt::after {content:''; position:absolute; right:0; top:5px; width:1px; height:13px; background:#ababab;}
.table_line p {margin-bottom:8px; font-family:'Noto Sans KR';}
.table_line .subject {color:#000; font-size:22px; font-weight:500;}
.table_line .subject a:hover {text-decoration:underline;}
.table_line .desc {color:#555; font-size:18px;}
.table_line .depth {color:#555; font-weight:300;}
.table_line .num {color:#333; font-size:18px; font-weight:500;}
.table_line .t_poit {color:#0072cf;}
.table_line.openapi .image { width:90px; height:90px; }
.table_line.dataset .image { width:90px; height:90px; }
.table_line.regList .image { width:90px; height:90px; }
.table_line.regList .group.right.top {position:absolute;right:0; top:0; }

.modal_wrap .table_wrap { position:relative; }
.modal_wrap .table_list { table-layout:fixed; border-top:2px solid #46aedb; }
.modal_wrap .table_list thead { border-bottom:1px solid #e0e0e0; }
.modal_wrap .table_list thead th { padding:9px 0; font-size:14px; color:#1897c0; background:#eff5f7; }
.modal_wrap .table_list tbody td { padding:9px 5px 8px; border-bottom:1px solid #e0e0e0; background:#fff; color:#000; font-size:14px; text-align:center; line-height:inherit; }
.modal_wrap .table_list thead th:not(:last-of-type) { border-right:1px solid #e0e0e0; }
.modal_wrap .table_list tbody td:not(:last-of-type) { border-right:1px solid #e0e0e0; }
.modal_wrap .table_list tfoot td {padding:9px 5px 8px; background-color:#f6f6f6; font-size:14px; }
.modal_wrap [class*="btn"] {font-size:13px; font-family:'Malgun Gothic'; font-weight:bold !important;}
.modal_wrap [class*="btn"].exel {height:24px; padding:2px 9px 2px 33px; background-size:20px 20px !important; background-position:7px 2px;}
.modal_wrap [class*="btn"].line {min-width:58px; height:24px; padding:2px 14px;}
.modal_wrap .group.top {margin:10px 0 5px;}
.modal_wrap .result_count {font-size:14px;}

.popup_container .table_wrap { position:relative; }
.popup_container .table_list { table-layout:fixed; border-top:2px solid #46aedb; }
.popup_container .table_list thead { border-bottom:1px solid #e0e0e0; }
.popup_container .table_list thead th { padding:9px 0; font-size:14px; color:#1897c0; background:#eff5f7; }
.popup_container .table_list tbody td { padding:9px 0 8px; border-bottom:1px solid #e0e0e0; background:#fff; color:#000; font-size:14px; text-align:center; line-height:inherit; }
.popup_container .table_list thead th:not(:last-of-type) { border-right:1px solid #e0e0e0; }
.popup_container .table_list tbody td:not(:last-of-type) { border-right:1px solid #e0e0e0; }
.popup_container .table_list tr:hover > td { background:#f8f8f8; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }

.table_view { table-layout:fixed; }
.table_view tr:first-of-type { border-top:2px solid #151515; }
.table_view thead ~ tbody tr:first-of-type { border-top-width:0; }
.table_view th { padding:10px 16px; border-bottom:1px solid #dadada; background:#f4f4f4; color:#000; text-align:left; }
.table_view td { padding:9px 16px; border-bottom:1px solid #dadada; background:#fff; color:#000; font-size:15px; text-align:left; line-height:inherit; }
.table_view .subject { background:#fff; font-size:20px; font-weight:500; }
.table_view .view_contents {min-height:200px; padding:30px;}
.table_view .view_contents_inner {min-height:130px;}
.table_view img {vertical-align:middle;}
.table_view .required { display:inline-block; position:relative; margin-left:5px; }
.table_view .required:after {content:'*'; color:#e20a33; font-weight:500;}

.table_view .info_left {text-align:left;}
.table_view .info_left span { display:inline-block; width:315px;}
.table_view .info_left strong { position:relative; padding-right:52px; }
.table_view .info_left strong:after { content:''; display:block; position:absolute; right:25px; top:4px; width:1px; height:13px; background-color:#ccc; }
.table_view .file_list strong { display:inline-block; position:relative; padding-right:52px; vertical-align:top; }
.table_view .file_list strong:after { content:''; display:block; position:absolute; right:25px; top:4px; width:1px; height:13px; background-color:#ccc; }
.table_view .file_list .attached { display:inline-block; }
.table_view .file_list .attached li { display:block; vertical-align:top; }
.table_view .file_list .attached li:not(:last-of-type) { margin-bottom:3px; }
.table_view .file_list .attached li:hover { text-decoration:underline; }
.table_view .btn_list { padding:30px 0!important; }
.table_view .nextprev_list td:first-child { border-right:1px solid #dadada; }
.table_view .nextprev_list strong { position:relative; }
.table_view .nextprev_list strong.prev::after {
    content: '';
    position: absolute;
    top: 9px;
    right: -20px;
    width: 0;
    height: 0;
    border-left: 3.5px solid transparent;
    border-right: 3.5px solid transparent;
    border-bottom: 4px solid #424242;
}
.table_view .nextprev_list strong.next::after {
    content: '';
    position: absolute;
    top: 9px;
    right: -20px;
    width: 0;
    height: 0;
    border-left: 3.5px solid transparent;
    border-right: 3.5px solid transparent;
    border-top: 4px solid #424242;
}
.modal_wrap .table_view { table-layout:fixed; }
.modal_wrap .table_view tr:first-of-type { border-top:2px solid #46aedb; }
.modal_wrap .table_view th { padding:10px 16px; border-bottom:1px solid #dadada; background:#eff5f7; color:#1897c0; font-size:14px; text-align:left; }
.modal_wrap .table_view td { padding:9px 16px; border-bottom:1px solid #dadada; background:#fff; color:#000; font-size:14px; text-align:left; line-height:inherit; }

.popup_container .table_view { table-layout:fixed; }
.popup_container .table_view tr:first-of-type { border-top:2px solid #46aedb; }
.popup_container .table_view th { padding:10px 16px; border-bottom:1px solid #dadada; background:#eff5f7; color:#1897c0; font-size:14px; text-align:left; }
.popup_container .table_view td { padding:9px 16px; border-bottom:1px solid #dadada; background:#fff; color:#000; font-size:14px; text-align:left; line-height:inherit; }

.head_fixed {width:100%;}
.head_fixed thead {width: 100%;}
.head_fixed tbody {overflow-y:auto; width:100%; }
.head_fixed thead, .head_fixed tbody, .head_fixed tfoot, .head_fixed tr, .head_fixed th, .head_fixed td {display:block;}
.head_fixed tbody td {float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.head_fixed tfoot td {float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.head_fixed thead th {float:left; border:none !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* faq */
.faq_wrap { width:100%; height:auto; background:#f7f7f7; }
.faq_wrap li { position:relative; color:#000; font-size:18px; line-height:2; }
.faq_wrap li:not(:last-of-type) { border-bottom:2px solid #fff; }
.faq_wrap li:last-of-type.active { border-bottom:1px solid #ddd; }
.faq_wrap li a { display:block; position:relative; padding:27px 0; }
.faq_wrap li span { display:inline-block; width:155px; height:100%; margin-right:70px; text-align:center; }
.faq_wrap li span::before { content:'';position:absolute; left:155px; top:15px; width:1px; height:60px; background:#ddd; }
.faq_wrap li span::after { content:'';position:absolute; left: 190px; top:34px; width:18px; height:22px; background:url(../../../images/g440/portal/ico_faq_q.png) no-repeat 0 0;
}
.faq_wrap li li { padding:32px 40px 32px 117px; line-height:1.5; }
.faq_wrap li.active > ul {
    display: block;
    background: #fff;
}
.faq_wrap ul ul {
    display: none;
}
.faq_wrap li li:before {
    content: '';
    display: block;
    width: 59px;
    height: 48px;
    position: absolute;
    left: 35px;
    top: 23px;
    background:url(../../../images/g440/portal/ico_faq_a.png) no-repeat center center;
}
.faq_wrap li a:before,
.faq_wrap li a:after {
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    background: #686868;
    position: absolute;
    top: 44px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.faq_wrap li a:before {
    right: 50px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transform: rotate(45deg);
}
.faq_wrap li a:after {
    right: 40px;
    transform: rotate(-45deg);
}
.faq_wrap li.active a:before { transform: rotate(-45deg); }
.faq_wrap li.active a:after { transform: rotate(45deg); }

.pagination { display:block; overflow:hidden; clear:both; margin:40px auto 0; vertical-align:middle; text-align:center; }
.pagination ul { font-size:0; }
.pagination li { display:inline-block; margin:0 2px 0 3px; padding:0; }
.pagination li a { display:block; overflow:hidden; width:34px; height:34px; margin:0; border:1px solid #ddd; font-family:'Malgun Gothic'; font-size:12px; line-height:2.8; }
.pagination li a img { display:inline-block;width:32px; height:32px; margin:0; vertical-align:top; }
.pagination li.active a { background:#203e60; border-color:#203e60; color:#fff; font-weight:700; }
.pagination a:hover,
.pagination a:focus { background:#f5f5f5; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition: all 0.3s; }

/* component : button
****************************************************/
button, .btn {
    display: inline-block;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-family:'Noto Sans KR';
}

button:hover, .btn:hover,
button:active, .btn:active { background-color:inherit; }

[class*="btn"].more::before,
[class*="btn"].more::after {
    content: '';
    display: block;
    position: absolute;
    left: 14px;
    top: 5px;
    width: 0;
    height: 20px;
    border-right: 2px solid #fff;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
[class*="btn"].more::after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
[class*="btn"].line {
    min-width: 90px;
    height: 34px;
    padding: 4px 15px;
    border: 1px solid #adadad;
    color: #444;
    font-weight: 500;
}
[class*="btn"].line.small {
    min-width: 70px;
    height: 28px;
    padding: 6px 10px 8px;
    color: #333;
    font-family: 'Malgun Gothic';
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}
[class*="btn"].line.arrow {
    min-width: 50px !important;
    height: 24px;
    padding: 4px 18px 6px 9px;
    color: #333;
    font-family: 'Malgun Gothic';
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}
[class*="btn"].line.arrow::after {
    content: '';
    position: absolute;
    top: 8px;
    right: 7px;
    width: 0;
    height: 0;
    border-top: 3.5px solid transparent;
    border-bottom: 3.5px solid transparent;
    border-left: 4px solid #686868;
}

[class*="btn"].line_blue {
    min-width: 90px;
    height: 34px;
    padding: 4px 28px;
    border: 1px solid #10a1de;
    color: #10a1de;
    font-weight: 500;
}
[class*="btn"].line_red.small {
    min-width: 50px;
    height: 28px;
    padding: 6px 10px 8px;
    border: 1px solid #e64e52;
    color: #e64e52;
    font-family: 'Malgun Gothic';
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
}
[class*="btn"].srch {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 13px;
    width: auto;
    height: auto;
    padding: 9px 26px 10px;
    background: #3b7bb0;
    color:#fff;
    font-family: 'Malgun Gothic';
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
}
[class*="btn"].favo {
    width:100%;
    height: 34px;
    padding: 4px 37px 4px 15px;
    border: 1px solid #adadad;
    background: url(../../../images/g440/portal/ico_favo_on.png) no-repeat 90% 9px;
    background-size: 16px 15px;
    color: #444;
    font-weight: 500;
}
[class*="btn"].disfavo {
    width:100%;
    height: 34px;
    padding: 4px 37px 4px 15px;
    border: 1px solid #adadad;
    background: url(../../../images/g440/portal/ico_favo_off.png) no-repeat 90% 9px;
    background-size: 16px 15px;
    color: #444;
    font-weight: 500;
}
/* 2022-F00108 우리동네등기정보 관심지역 보기 css 추가 */
[class*="btn"].viewfavo {
	width:100%;
    height: 34px;
    padding: 4px 15px 4px 15px;
    border: 1px solid #adadad;
    background-size: 16px 15px;
    color: #444;
    font-weight: 500;
}
[class*="btn"].exel {
    min-width: 90px;
    height: 34px;
    padding: 4px 15px 4px 37px;
    border: 1px solid #adadad;
    background: url(../../../images/g440/portal/ico_btn_exel.png) no-repeat 10px 7px;
    color: #444;
    font-weight: 500;
}
/* 등기현황 탭 이동간 엑셀버튼 숨김방지를 위한 클래스 생성  2023.11.16. 오정현(2023-F00628)*/
[class*="btn"].apiexel {
    min-width: 90px;
    height: 34px;
    padding: 4px 15px 4px 37px;
    border: 1px solid #adadad;
    background: url(../../../images/g440/portal/ico_btn_exel.png) no-repeat 10px 7px;
    color: #444;
    font-weight: 500;
}
[class*="btn"].inbox {
    min-width: 90px;
    height: 26px;
    padding: 4px 10px 8px;
    border: 1px solid #b7cbd8;
    background: #dee9ef;
    color: #42637b;
    font-family: 'Malgun Gothic';
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}

[class*="btn"].inbox_blue {
    height: 28px;
    padding: 6px 15px 10px;
    border: 1px solid #008cba;
    background: #09a1d3;
    color: #fff;
    font-family: 'Malgun Gothic';
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}
[class*="btn"].dark {
    padding: 7px 25px 6px;
    border: none;
    background: #444;
    color: #fff;
    font-family: 'Malgun Gothic';
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
}
[class*="btn"].pop_type1 {
    padding: 9px 35px 10px;
    background: #0d8cc1;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}
.ui-dialog-buttonset > .pop_type1 {
    display: inline-block;
    position: relative;
    margin:0 3px !important;
    padding: 8px 35px 11px !important;
    background: #0d8cc1 !important;
    border-radius: 100px !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500 !important;
    font-family: 'Noto Sans KR' !important;
    line-height: 1 !important;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
[class*="btn"].pop_type2 {
    padding: 8px 35px 11px;
    background: #e0e0e0;
    border-radius: 100px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}
.ui-dialog-buttonset > .pop_type2 {
    display: inline-block;
    position: relative;
    margin:0 3px !important;
    padding: 8px 35px 11px !important;
    background: #e0e0e0 !important;
    border-radius: 100px !important;
    color: #333 !important;
    font-size: 16px;
    font-weight: 500 !important;
    font-family: 'Noto Sans KR' !important;
    line-height: 1 !important;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
[class*="btn"].lineChart {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: url(../../../images/g440/portal/btn_lineChart.png) no-repeat 0 0 ;
    background-size: contain;
    font-size: 0;
}
[class*="btn"].lineChart.on {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: url(../../../images/g440/portal/btn_lineChart_on.png) no-repeat 0 0 ;
    background-size: contain;
    font-size: 0;
}
[class*="btn"].barChart {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: url(../../../images/g440/portal/btn_barChart.png) no-repeat 0 0 ;
    background-size: contain;
    font-size: 0;
}
[class*="btn"].barChart.on {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: url(../../../images/g440/portal/btn_barChart_on.png) no-repeat 0 0 ;
    background-size: contain;
    font-size: 0;
}
[class*="btn"].stackedChart {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: url(../../../images/g440/portal/btn_stacked.png) no-repeat 0 0 ;
    background-size: contain;
    font-size: 0;
}
[class*="btn"].stackedChart.on {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: url(../../../images/g440/portal/btn_stacked_on.png) no-repeat 0 0 ;
    background-size: contain;
    font-size: 0;
}
[class*="btn"].lineCurve {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: url(../../../images/g440/portal/btn_lineCurve.png) no-repeat 0 0 ;
    background-size: contain;
    font-size: 0;
}
[class*="btn"].lineCurve.on {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: url(../../../images/g440/portal/btn_lineCurve_on.png) no-repeat 0 0 ;
    background-size: contain;
    font-size: 0;
}
[class*="btn"].pieChart {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: url(../../../images/g440/portal/btn_pieChart.png) no-repeat 0 0 ;
    background-size: contain;
    font-size: 0;
}
[class*="btn"].pieChart.on {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: url(../../../images/g440/portal/btn_pieChart_on.png) no-repeat 0 0 ;
    background-size: contain;
    font-size: 0;
}
[class*="btn"].up1 {
    width: 30px;
    height: 30px;
    border: 1px solid #adadad;
    background: url(../../../images/g440/portal/btn_last.png) no-repeat center center;
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
[class*="btn"].up2 {
    width: 30px;
    height: 30px;
    border: 1px solid #adadad;
    background: url(../../../images/g440/portal/btn_next.png) no-repeat center center;
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
[class*="btn"].down1 {
    width: 30px;
    height: 30px;
    border: 1px solid #adadad;
    background: url(../../../images/g440/portal/btn_first.png) no-repeat center center;
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
[class*="btn"].down2 {
    width: 30px;
    height: 30px;
    border: 1px solid #adadad;
    background: url(../../../images/g440/portal/btn_prev.png) no-repeat center center;
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
[class*="btn"].move_left {
    width: 34px;
    height: 34px;
    border: 1px solid #adadad;
    background: url(../../../images/g440/portal/btn_move_left.png) no-repeat center center;
}
[class*="btn"].move_right {
    width: 34px;
    height: 34px;
    border: 1px solid #adadad;
    background: url(../../../images/g440/portal/btn_move_right.png) no-repeat center center;
}

.btn_wrap.center { text-align:center; }
.btn_wrap.right { text-align:right; }
.btn_wrap.right > .btn { margin-left:6px; }
.btn_wrap.left { text-align:right; }
.btn_wrap.left > .btn { margin-right:6px; }

/* 실거래가(등기기준) 지도보기/감추기 스타일 추가 시작 (2022-F00569)----------*/
[class*="btn"].inbox_rtprc{
	min-width: 90px;
    padding: 6px 10px;
    border: 1px solid #b7cbd8;
    background: #dee9ef;
    color: #42637b;
    font-family: 'Malgun Gothic';
    font-size: 13px;
    font-weight: bold;
    margin-top : 6px;
}
/* 실거래가(등기기준) 지도보기/감추기 스타일 추가 종료 -----------------------*/

/* 실거래가(등기기준) 지도보기/감추기 버튼 div 추가 시작 (2022-F00569)-------*/
.rtprc_div {
    cursor: pointer;
    position: relative;
    display: inline-block;
    border-radius: 0;
    transition: all 0.3s;
}
/* 실거래가(등기기준) 지도보기/감추기 버튼 div 추가 종료 ---------------------*/

/* component : input
****************************************************/
input[type=text], input[type=password] {
    position: relative;
    overflow: hidden;
    height: 34px;
    padding: 0 14px;
    color: inherit;
    font-family: 'Malgun Gothic';
    font-size: 14px;
    line-height: inherit;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #cedae1;
}
input[type=text]:hover, input[type=text]:focus, input[type=text]:active,
input[type=password]:hover, input[type=password]:focus, input[type=password]:active {
    border: 1px solid #cedae1;
}
input[type=text]:disabled,
input[type=password]:disabled {
    color: #ccc;
    background: #f2f2f2;
    border: 1px solid #eee;
}
input[type=text].noline, input[type=password].noline {border:none;}

textarea {
    padding: 8px;
    background: #fff;
    border: 1px solid #dedede;
    color: inherit;
    font-family: 'Malgun Gothic';
    font-size: 14px;
    line-height: inherit;
}

.check_inbox { position:relative; text-indent:18px; line-height:1; }
.check_inbox label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.45);
    background: #fff;
    color: inherit;
    font-size: 0.875rem;
    line-height: 1;
    text-indent: 1.5rem;
    white-space: nowrap;
    cursor: pointer;
}
.check_inbox label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    width: 6px;
    height: 11px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
}
.check_inbox input[type=checkbox] { visibility:hidden; width:0; height:0; }
.check_inbox input[type=checkbox]:checked + label:before { border-color:#0072bc; background:#0072bc; }
.check_inbox input[type=checkbox]:checked + label:after { opacity:1; }
.check_inbox input[type=checkbox]:disabled + label { color:#ccc; }
.check_inbox input[type=checkbox]:disabled + label:after { border-color:#ccc; }/* flow type 占쎈쐻占쎈윪占쎌뱾占쎈쐻占쎈윪占쎈츛 */

table th .check_inbox, table td .check_inbox {width:16px; margin:0 auto;}
table th .check_inbox label, table td .check_inbox label {left:0px; right:auto;}
table .t_left > .check_inbox, table td .t_left > .check_inbox {width:auto; margin:0; text-align:left !important;}
table .t_left > .check_inbox label, table td .t_left > .check_inbox label {left:0}
.t_left li {display:inline-block; width:auto !important;}
.t_left li > .check_inbox {width:auto; margin-right:20px; text-align:left !important;}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
	display: inline-block;
	position: relative;
	padding-left: 27px;
	color: inherit;
}
[type="radio"]:checked + label::before,
[type="radio"]:not(:checked) + label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #888;
	border-radius: 100%;
	background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label::after {content:'';position:absolute;top:0.3185rem;left:0.315rem;width:0.5rem;height:0.5rem;background:#019bbb;border-radius:100%;-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;}
[type="radio"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
[type="radio"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.radio_inbox li {line-height:1;}
.radio_inbox li:not(:last-of-type) {margin-bottom:10px;}

.radio_inbox li [type="radio"]:checked + label:after,
.radio_inbox li [type="radio"]:not(:checked) + label::after{top:4px;left:4px;}


/*  option max-width占쎈쐻占쎈윥占쎈군 占쎈쐻占쎈윥占쎈젇占쎈쐻占쎈윪�억옙 width 占쎈쐻占쎈윪占쎌젳占쎈쐻占쎈윪甕겄듬쐻占쎈윥占쎈돌占쎈쐻占쎈윥筌앷엥�뒙占쎈뙔占쎌굲 占쎈쐻占쎈윥占쎈묄占쎈쐻占쎈윪占쎌젳 */
.select_inbox {
    cursor: pointer;
    position: relative;
    display: inline-block;
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.select_inbox > select {
    flex: 1;
    width: 100% ;
    height: 34px;
    padding: 0 32px 0 12px;
    color: #333;
    font-family: 'Malgun Gothic';
    font-size: 15px;
    line-height: inherit;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: none;
}
.select_inbox > select:hover,
.select_inbox > select:active,
.select_inbox > select:focus {
    color:#333;
    border:1px solid #ddd;
}
/*.select_inbox::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 12px;
    width: 0;
    height: 0;
    border-left: 3.5px solid transparent;
    border-right: 3.5px solid transparent;
    border-top: 4px solid #424242;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}*/
.select_inbox select {
  background: url('../../../images/g440/portal/select_arrow.png')no-repeat;
  background-position-x: 90%;
  background-position-y: center;
}
.top_visual .select_inbox::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 12px;
    width: 0;
    height: 0;
    border-left: 3.5px solid transparent;
    border-right: 3.5px solid transparent;
    border-top: 4px solid #424242;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.select_inbox:hover::after { color:#333; }

.filebox input[type="file"] {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip:rect(0,0,0,0);
    border: 0;
}
.filebox label {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #008cba;
    background: #09a1d3;
    color: #fff;
    font-family: 'Malgun Gothic';
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}
/* 미래등기시스템구축사업 파일업로드 추가*/
.filebox input:disabled + label {border-color:#ddd; background-color:#ddd;}

.filebox .upload_name {
    display: inline-block;
    padding: .5em .75em;
    vertical-align: middle;
    background: transparent;
    border: none;
    font-family: 'Malgun Gothic';
    font-size: 13px;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* component : tab
****************************************************/
.tabs {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}
.tabs > ul {
    display: table;
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #c5c5c5;
}
.tabs > ul > li {
    position: relative;
    cursor: pointer;
    display: table-cell;
    padding: 10px 16px;
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-left: 0;
    border-bottom: 0;
    background: #fff;
    color: #333;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.tabs > ul > li:first-child { border-left: 1px solid #c5c5c5; }
.tabs > ul > li:hover,
.tabs > ul > li:active { color:#000;}
.tabs > ul > li.on { border-color:#0072cf; background:#0072cf; }
.tabs > ul > li.on a { color: #fff; }
.tabs > ul li a { display: block; }

.tabs.type1 {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}
.tabs.type1 > ul.tabs_inner {
    display: table;
    position: relative;
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
    border-bottom: none;
}
.tabs.type1 > ul.tabs_inner::after {content:''; position:absolute; left:0; top:48px; width:100%; height:1px; background:#1498cf }
.tabs.type1 > ul.tabs_inner > li {
    position: static;
    cursor: pointer;
    display: inline;
    margin-top: 48px;
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs.type1 > ul.tabs_inner > li a.tab {
    padding: 10px 16px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    background: #f5f5f5;
    color: #1498cf;
}
.tabs.type1 > ul.tabs_inner > li a.tab {position:absolute; width:219px; height:48px; }


.tabs.type1 > ul.tabs_inner > li:nth-child(1) a.tab {left:0; top:0;}
.tabs.type1 > ul.tabs_inner > li:nth-child(2) a.tab {left:221px; top:0;}
.tabs.type1 > ul.tabs_inner > li:nth-child(3) a.tab {left:442px; top:0;}
.tabs.type1 > ul.tabs_inner > li:nth-child(4) a.tab {left:663px; top:0;}
.tabs.type1 > ul.tabs_inner > li:nth-child(5) a.tab {left:884px; top:0; width:214px;}


.tabs.type1 > ul.tabs_inner > li a.tab.on { border-color:#1498cf; background:#1498cf; color: #fff;}
.tabs.type1 > ul.tabs_inner .cont {display:none; overflow:hidden; margin-top:76px; background:#fff; }

.tabs_link {
    text-align:right;
    position: relative;
    overflow: hidden;
}
.tabs_link > ul {
    width: 280px;
    display: table;
    overflow: hidden;
    table-layout: fixed;
}
.tabs_link > ul > li {
    width: 70px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 1px 0;
    border-top: 1px solid #0072cf;
    border-right: 1px solid #0072cf;
    border-bottom: 1px solid #0072cf;
    background: #fff;
    color: #0072cf;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
     transition: all 0.3s ease;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.tabs_link > ul > li:first-child { border-left: 1px solid #0072cf; }
.tabs_link > ul > li:hover,
.tabs_link > ul > li:active { color:#0a9fdd;}
.tabs_link > ul > li.on { border-color:#0a9fdd; background:#0a9fdd; }
.tabs_link > ul > li.on a { color: #fff; }
.tabs_link > ul li a { display: block; }

.link_linebox {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
    padding: 10px 20px;
    border: 1px solid #dadada;
}
.link_linebox > ul {
    display: block;
    overflow: hidden;
    width: 100%;
}
.link_linebox > ul > li {
    position: relative;
    cursor: pointer;
    display: inline-block;
    float: left;
    width: 33.333%;
    padding: 9px 10px 8px 10px;
    background: #fff;
    color: #111;
    font-family: 'Malgun Gothic';
    font-size: 13px;
    line-height: 1.2;
    text-align: left;
    vertical-align: middle;
    letter-spacing: -0.75px;
}
.link_linebox > ul > li:hover,
.link_linebox > ul > li:active { color:#000; }
.link_linebox > ul > li.on a { color: #0072cf; font-weight:bold; }
.link_linebox > ul > li a { display: block; }
.link_linebox > ul:not(:last-of-type) li {/*margin-bottom:18px;*/}
.link_linebox > ul > li::before { content:''; position:absolute; left:0; top:15px; width:3px; height:3px; background:#333; }

.favo_check { position:relative; }
.favo_check label {
    position: absolute;
    left: 0;
    top: 0;
    width:22px;
    height:20px;
    background:url(../../../images/g440/portal/ico_favo_off.png) no-repeat 0 0;
    background-size:contain;
    cursor: pointer;
}
.favo_check label.like::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width:22px;
    height:20px;
    background:url(../../../images/g440/portal/ico_favo_on.png) no-repeat 0 0;
    background-size:contain;
    cursor: pointer;
    opacity: 1;
}
.favo_check input[type=checkbox] { visibility:hidden; width:0; height:0; }
/*.favo_check input[type=checkbox]:checked + label:after,
.favo_check input[type=checkbox]:checked + label.like::after { opacity:1; }*/

/* popup
****************************************************/
.dimLayer {
	display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.modal_wrap {
    display: none;
   /* position: absolute;*/
    position: fixed;
    z-index: 1002;
    /*max-width: 1000px;*/
    /*width: 100%;*/
    width: auto;
    min-width: 280px;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: none;
    background-clip: padding-box;
}
.modal_wrap_main,.modal_wrap_main2 {
    display: none;
   /* position: absolute;*/
    position: fixed;
    z-index: 1002;
    /*max-width: 1000px;*/
    /*width: 100%;*/
    width: auto;
    min-width: 280px;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: none;
    background-clip: padding-box;
}

.modal_wrap header,
.modal_wrap .modal_header {
    position: relative;
    padding: 15px 30px;
    border-color: #0d8cc1;
    background: #0d8cc1;
}
.modal_wrap_main header,.modal_wrap_main2 header,
.modal_wrap_main .modal_header,.modal_wrap_main2 .modal_header {
    position: relative;
    padding: 15px 30px;
    border-color: #0d8cc1;
    background: #0d8cc1;
}

.modal_wrap header h3,
.modal_wrap header h4,
.modal_wrap .modal_header h3,
.modal_wrap .modal_header h4 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1;
}
.modal_wrap_main header h3,
.modal_wrap_main header h4,
.modal_wrap_main .modal_header h3,
.modal_wrap_main .modal_header h4 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1;
}
.modal_wrap_main2 header h3,
.modal_wrap_main2 header h4,
.modal_wrap_main2 .modal_header h3,
.modal_wrap_main2 .modal_header h4 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1;
}
.modal_wrap .modal_body { padding: 20px; background-color:#fff; }

.modal_wrap footer,
.modal_wrap .modal_footer {
    padding: 10px 20px 30px;
    background: #fff;
    text-align: center;
}
.modal_wrap_main .modal_body ,.modal_wrap_main2 .modal_body { padding: 20px; background-color:#fff; }

.modal_wrap_main footer,.modal_wrap_main2 footer,
.modal_wrap_main .modal_footer ,.modal_wrap_main2 .modal_footer {
    padding: 10px 20px 30px;
    background: #fff;
    text-align: right;
}

.modal_overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8) !important;
}
.modal_wrap .close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 12px;
    height: 12px;
    font-size: 0;
    text-indent: -99999px;
}

.modal_wrap_main .close ,.modal_wrap_main2 .close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 12px;
    height: 12px;
    font-size: 0;
    text-indent: -99999px;
}
.modal_wrap .close:hover {
    color: #fff;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    transition: color 1s ease;
}
.modal_wrap_main .close:hover,.modal_wrap_main2 .close:hover {
    color: #fff;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    transition: color 1s ease;
}
.modal_header .close:before, .modal_header .close:after {
    content:'';
    display: block;
    position: absolute;
    right: 0;
    top: -2px;
    width: 0;
    height: 15px;
    border-right: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modal_header .close:after {
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.modal_wrap.alert .modal_header {background: #fff;}
.modal_wrap.alert .modal_header h3 {display:none;}
.modal_wrap.alert .modal_header .close:before, .modal_wrap.alert .modal_header .close:after {border-color:#909090 !important;}


.modal_wrap .text_content.confirm {
    position:relative;
    text-align:center;
}
.modal_wrap_main .text_content.confirm ,.modal_wrap_main2 .text_content.confirm{
    position:relative;
    text-align:center;
}
.modal_wrap .text_content.confirm:before {
    content: '';
    display: block;
    margin: 20px auto;
    width: 96px;
    height:96px;
    background:url(../../../images/g440/portal/pop_img01_confirm.png) no-repeat 0 0; background-size:contain;
}
.modal_wrap_main .text_content.confirm:before,.modal_wrap_main2 .text_content.confirm:before {
    content: '';
    display: block;
    margin: 20px auto;
    width: 96px;
    height:96px;
    background:url(../../../images/g440/portal/pop_img01_confirm.png) no-repeat 0 0; background-size:contain;
}
.popup_container .pop_close {
    position: absolute;
    right :20px;
    top: 20px;
    width: 16px;
    height: 16px;
    background:url(../../../images/g440/portal/btn_close2.png) no-repeat 0 0; background-size:11px 11px;
    text-indent: -99999px;
}
.popup_container .text_content.confirm {
    position:relative;
    text-align:center;
}
.popup_container .text_content.confirm:before {
    content: '';
    display: block;
    margin: 35px auto 20px;
    width: 96px;
    height:96px;
    background:url(../../../images/g440/portal/pop_img01_confirm.png) no-repeat 0 0; background-size:contain;
}
.popup_container .txt.type1 {color:#333; font-size:13px;}
.popup_container [type="radio"]:checked + label:after,
.popup_container [type="radio"]:not(:checked) + label::after {top:0.25rem; left:0.25rem;}


/* jquery*/
body .tree-node-hover {
	background: #f3f9fb;
	color: #000;
}
body .tree-node-selected {
	background:#f3f9fb;
	color: #0d8cc1;
}

body .ui-widget.ui-widget-content {
	background: #fff;
	border-radius: 0;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	border: none;
	background-clip: padding-box;
}
body .ui-dialog {padding:0;}
body .ui-dialog .ui-widget-header {
	border-color: #0d8cc1;
	background: #0d8cc1;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
}
body .ui-dialog .ui-dialog-titlebar {padding: 12px 30px;}
body .ui-corner-all {border-radius:0;}
body .ui-button {border:none; background:transparent;}
body .ui-button:hover, body .ui-button:active {border:none; background:transparent url(../../../images/g440/portal/btn_close.png) no-repeat left top;}
body .ui-dialog .ui-dialog-content { padding: 20px; }
body .ui-button-icon-only .ui-icon {}
body .ui-widget-header .ui-icon {background:transparent url(../../../images/g440/portal/btn_close.png) no-repeat left top;}
body .ui-dialog .ui-dialog-titlebar-close {width:16px; height:16px; right:15px;}
body .ui-dialog .ui-dialog-buttonpane {margin:0; padding:10px 20px 30px;border-width:0;}
body .ui-dialog .ui-dialog-buttonpane button {margin:0;border:none; background:transparent;}
body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:none; text-align:center;}
body .ui-widget-overlay {opacity:0.6; background:#000;}
/* easy ui */
body .panel-header.panel-header-noborder.window-header{display:none;}

/* datepicker �뜝�럥�돯�뜝�럥爾놂옙�쇀嚥∽옙�땻�떣�쐻占쎈짗占쎌굲�뜝�럩二�*/
body .ui-datepicker .ui-widget-header{background:#fff;border:none;}
body .ui-datepicker .ui-datepicker-prev span, body .ui-datepicker .ui-datepicker-next span {display:none;}
body .ui-datepicker select.ui-datepicker-month, body .ui-datepicker select.ui-datepicker-year {width:69px;}
body .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width:8px;}
body .ui-datepicker .ui-datepicker-header {padding:0;}
body .ui-datepicker .ui-state-default {border:none;}
body .ui-datepicker .ui-datepicker-buttonpane button {width:28px; margin:0 .2em; padding:0 .2em;}
body .ui-datepicker .ui-datepicker-buttonpane {margin:0;}
body .ui-datepicker .ui-widget-content {border:none;}

/* datepicker */
body .ui-datepicker {display:none;width:210px;padding:10px !important;background:#3e454f; border:1px solid #ddd !important; border-radius:3px; z-index:105 !important;} /*占쎈쐻占쎈윥�뜝�럥占쏙옙占쎌굲嶺뚮쨸占썽�얜뀘�쐻�뜝占� 占쎈쎗占쎈즴甕겸댙�삕獒뺧옙*/ /* D */
body .ui-datepicker-header {padding:0 14px; margin-bottom:6px; } /*占쎈쐻占쎈윞筌띾�ｋ쐻占쎈윥�젆�벩�쐻占쎈윪野껁깷�쐻占쎈윥占쎈였*/
body .ui-datepicker-header > .ui-datepicker-title {font-size:14px !important;color:#000;font-weight:bold;font-family:'Malgun Gothic' !important ;padding-top:2px; text-align:center;}/* D */
body .ui-datepicker-header > .ui-datepicker-title > * {margin-top:-2px}
body .ui-datepicker-title .ui-datepicker-month {display:inline-block;margin-right:8px;font-size:12px; }/*占쎈쐻占쎈윪占쎌맽 占쎈쐻占쎈윥占쎈섈占쎈쐻占쎈윪占쎄껑*/

body .ui-datepicker-header a {display:block;width:8px;height:14px !important; text-indent:-9999em; cursor:pointer;margin-top:5px !important;}/* D*/
body .ui-datepicker-prev {float:left;background:url(../../../images/g440/portal/btn-date-prev.png) no-repeat !important;}/* D*/
body .ui-datepicker-next {float:right;background:url(../../../images/g440/portal/btn-date-next.png) no-repeat !important;}/* D*/

body .ui-datepicker-calendar {width:100%;border-top:0 none;padding:5px;border-radius:3px;background:#fff;margin:0 auto;}/*占쎈쐻占쎈윞占쎈�륅┼�슣�돵獒뺣돍�삕野껁깷�쐻占쎈윥占쎈였*/
body .ui-datepicker-calendar th {font-weight:normal; padding:11px 0 9px 0; color:#333 !important; border-bottom:1px solid #666; font-size:11px !important;}/*占쎈쐻占쎈윪占쎈�듸옙�쐻占쎈윪�앗껊쐻占쎈윪野껁깷�쐻占쎈윥占쎈였*/ /* D */
body .ui-datepicker-calendar tr td:first-child {width:24px !important;}/* D */
body .ui-datepicker-calendar tr:last-child td {border-bottom:0}
body .ui-datepicker-calendar .ui-datepicker-week-end span, .ui-datepicker-week-end a {color:#ff0000!important;}/*saturday*//*  D*/
body .ui-datepicker-calendar th:first-child span, .ui-datepicker-calendar td:first-child a {color:#ff0000!important; margin-left:2px;}/*sunday*//*  D*/
body .ui-datepicker-calendar td a.ui-state-active {background:#203e60 !important;color:#fff; font-weight:bold;text-decoration: none}/*  D*/
body .ui-datepicker-calendar .ui-datepicker-today a {color:#787b81 !important;font-weight:bold;background:#f1f6fa !important; text-decoration:none !important;}/* D */
body .ui-datepicker-calendar td a:hover, .ui-datepicker-calendar td:first-child a:hover {color:#0090eb !important;}/* D */
body .ui-datepicker-calendar td {border-bottom:1px solid #e3e3e3;text-align:center;padding:0;}
body .ui-datepicker-calendar td a {display:block; width:24px !important; height:24px !important; color:#666; text-align:center; font-family:Arial; font-size:11px;line-height:25px;}/* D */
body .ui-datepicker-calendar tr{height:23px;}

body .ui-datepicker-bottom select {width:69px;height:28px;border:1px solid #c5c5c5;font-size:11px;font-family:Arial; margin-top:7px;padding-left:10px;background:#fff url(../../../images/g440/com/icon/icon-select-arrow.png)no-repeat 52px center;border-radius:3px;}
body .ui-datepicker-bottom select:first-child + select {float:left;margin-right:8px}
body .ui-datepicker-current {display:none}
body .ui-datepicker-close {position:absolute;right:10px;bottom:10px;width:28px;height:28px;background:url(../../../images/g440/portal/btn-date-close.png) no-repeat right center !important;text-indent:-9999em}/* D*/

.search-date input {width:156px; background:#fff url(../../../images/g440/portal/ico_calendar.png) no-repeat right top;font-size:15px;font-family:'dotum';cursor:pointer;}
.search-date {display:inline-block !important;}

.mobileOn {display:none;}
#slide_nav {display:none;}
.mobile_nav {display:none;}
.btn_mobile_user {display:none;}

/* media quary
****************************************************/

@media (min-width:992px) and (max-width:1023px) {
    .outside_service_link li::before {width:120px; height:120px;}
/*    .sub_contents {min-width:100%; max-width:100%;}
    .sub_util {right:0; margin-right:0;}
    .sub_nav>ul {width:100%;padding-left:0;}
    #gnb .nav .nav_inner {max-width:100%;min-width:100%;}
    #gnb .util_wrap .util_inner {max-width:100%;min-width:100%;}
    .footer {min-width:100%;}
	.footer .inner {width:100%;}
	#btn_gotop {bottom:160px; right:20px;}*/

	.rgsData_intro .service {width:100%;}
	.rgsData_intro .service dl {width:28%;margin:0 2.6% !important;}

}
/*12-17 占쎈쐻占쎈윥�뜝�럥占썬룗��占쎄껀占쎈뻘�억옙 占쎈쐻占쎈윪占쎄탾占쎈쐻占쎈윥占쎈턀濚욌꼬�슦�굲*/

@media (min-width:481px) and (max-width:992px) {

    /* 모바일화면 바로가기 아이콘 margin 수정 시작 : margin-top 0 -> 0.625rem, margin-bottm 2rem -> 3rem (2022-F00569)--*/
    .outside_service_link li{ margin:0.625rem 0.625rem 3rem 0.625rem !important;}
    /* 모바일화면 바로가기 아이콘 margin 수정 종료 ---------------------------------------------------------------------*/

    .outside_service_link li::before {width:7.5rem; height:7.5rem;}
    .main_wrap.outside_type1 {margin-bottom:20px;}
    .outside_service_link {width:100%; padding:0 0.9375rem; text-align:center;}
    .outside_service_link li a {width:100%; height:9.5rem; font-size:1rem;}
    .outside_service_link li a img {width:100%;}
    .outside_service_link li:nth-of-type(1)::before {background-size:cover !important;}
    .outside_service_link li:nth-of-type(2)::before {background-size:cover !important;}
    .outside_service_link li:nth-of-type(3)::before {background-size:cover !important;}
    .outside_service_link li:nth-of-type(4)::before {background-size:cover !important;}
    .outside_service_link li:nth-of-type(5)::before {background-size:cover !important;}
    .outside_service_link li:nth-of-type(6)::before {background-size:cover !important;}

    /* 모바일환경 바로가기아이콘 2번째 라인 수정 시작(2022-F00569) --------------------------------------------------------*/
    /* 1.관심인기지역, 데이터시각화, 등기소찾기 --> 실거래가, 관심인기지역, 데이터시각화로 변경 */
    .outside_service_link ul:nth-child(2) li:nth-of-type(1)::before {background:url(../../../images/g440/portal/main_ico_circle_08.png) no-repeat 0 0;} /* 실거래가(등기기준) */
    .outside_service_link ul:nth-child(2) li:nth-of-type(2)::before {background:url(../../../images/g440/portal/main_ico_circle_04.png) no-repeat 0 0;} /* 관심인기지역 */
    .outside_service_link ul:nth-child(2) li:nth-of-type(3)::before {background:url(../../../images/g440/portal/main_ico_circle_05.png) no-repeat 0 0;} /* 데이터시각화 */

    /* 2.실거래가(등기기준) 텍스트 위치조정*/
    .outside_service_link ul:nth-child(2) li:nth-of-type(1) a span {bottom:-20px;}

    /* 3.주석처리*/
    /*.outside_service_link ul:nth-child(2) li:nth-of-type(3)::before {background:url(../../../images/g440/portal/main_ico_circle_07.png) no-repeat 0 0;}*/
    /*.outside_service_link ul:nth-child(2) li:nth-of-type(2) a span {line-height:1.2;bottom:-0.875rem;}*/
    /*.outside_service_link ul:nth-child(2) {margin-top: 20px;}*/
    /* 모바일환경 바로가기아이콘 2번째 라인 수정 종료 ----------------------------------------------------------------------*/
}

@media(max-width:377px) {
  .outside_service_link ul:nth-child(1) li:nth-of-type(1) a span {}
}
@media (min-width:320px) and (max-width:480px) {

    .outside_service_link li::before {width:6rem; height:6rem;}

    .main_wrap.outside_type1 {margin-bottom:20px;}
    .outside_service_link {width:100%; padding:0 0.9375rem; text-align:center;}

    /* 모바일 바로가기 아이콘 상하간격 수정 : margin-top 0.625rem -> 0.925rem (2022-F00569)-------*/
    .outside_service_link li{ margin:0.925rem 0.625rem 2rem 0.625rem !important;}
    /* 모바일 바로가기 아이콘 상하간격 수정 종료 ---------------------------------------------------*/

    .outside_service_link li a {width:100%; height:7.5rem; font-size:0.875rem;}


    .outside_service_link li a img {width:100%;}
    .outside_service_link li:nth-of-type(1)::before {background-size:contain !important;}
    .outside_service_link li:nth-of-type(2)::before {background-size:contain !important;}
    .outside_service_link li:nth-of-type(3)::before {background-size:contain !important;}
    .outside_service_link li:nth-of-type(4)::before {background-size:contain !important;}
    .outside_service_link li:nth-of-type(5)::before {background-size:contain !important;}

    /* 모바일환경 바로가기아이콘 2번째 라인 수정 시작(2022-F00569) --------------------------------- */
    /* 1.관심인기지역, 데이터시각화, 등기소찾기 --> 실거래가, 관심인기지역, 데이터시각화로 변경 */
    .outside_service_link ul:nth-child(2) li:nth-of-type(1)::before {background:url(../../../images/g440/portal/main_ico_circle_08.png) no-repeat 0 0;} /* 실거래가(등기기준) */
    .outside_service_link ul:nth-child(2) li:nth-of-type(2)::before {background:url(../../../images/g440/portal/main_ico_circle_04.png) no-repeat 0 0;} /* 관심인기지역 */
    .outside_service_link ul:nth-child(2) li:nth-of-type(3)::before {background:url(../../../images/g440/portal/main_ico_circle_05.png) no-repeat 0 0;} /* 데이터시각화 */

    /* 2.바로가기 텍스트 위치조정 */
    .outside_service_link ul:first-child li:nth-of-type(3) a span {bottom:-15px;} /*우리동네등기정보*/
    .outside_service_link ul:nth-child(2) li:nth-of-type(1) a span {bottom:-15px;}/*실거래가(등기기준)*/

    /* 3.등기소찾기 바로가기 주석처리 */
    /*.outside_service_link ul:nth-child(2) li:nth-of-type(3)::before {background:url(../../../images/g440/portal/main_ico_circle_07.png) no-repeat 0 0;}*/
    /* 모바일환경 바로가기아이콘 2번째 라인 수정 종료 -------------------------------------------------*/
}

@media (min-width:992px) and (max-width:1400px){
	#gnb .nav .nav_inner {padding:0 8% 0 20%;}
}
@media(min-width:992px) and (max-width:1200px){
.type2_inner .service_link{width:100%;}
#gnb .gnb_inner {width: 100%;}
#gnb .nav .nav_inner{max-width:100%;min-width:100%;}
#gnb .util_wrap .util_inner{max-width:100%;min-width: 100%;}
.outside_visual .main_visual .swiper_box1{width: 100%;}
.type1_inner{width: 100%;}
.main_wrap .chart_inner{width: 100%;}
.board_inner{width: 100%;}
.datatab_box.type1{width: 45%;}
.board_inner .board{width: 50%;}
.type2_inner{width: 100%;}
.outside_visual .main_visual{width: 100%;}
.main_wrap .chart_inner .chart{width: 100%;}
#gnb .nav .nav_inner ul li a{text-align: center;}
.main_wrap.outside_type2 .chart_inner .chart ul li .cont ul li .inner5{width: 100%;}
.outside_service_link{width: 100%;}
.outside_service_link li{margin: auto;}
.main_wrap .chart_inner .chart ul li .cont{overflow: auto;}
}

/* 767->992 */
@media (min-width:320px) and (max-width:992px)  {
	.outside .user_inner .info_box.type2 .myinfo_inner a dl dd {bottom:30%;}
	.outside .user_inner .info_box.type2 .myinfo_inner a dl {line-height:normal;}
	.outside .user_inner .info_box.type2 .myinfo_inner a dt::before{top:3px;} /* 2022-F00108 모바일 메인페이지 나의 이용신청 현황 아이콘 위치 조정 */
 .table_view.border_n tr:first-of-type {border-top:none;}
  #gnb .logo{left: 50%;margin-left: -4.5rem;}
  .outside #gnb .logo{left: 50%;margin-left: -4.5rem;}
  #gnb .gnb_inner{width: 100%;}
  .outside #gnb .gnb_inner .gnb_logo{width:100%;}
	.chart_wrap .chart_block{overflow:auto;}
  #gnb .logo{left: 50%;margin-left: -4.5rem;}
  #gnb .gnb_inner{width: 100%;}
	.search_wrap.mobile_table td span {display:block;text-align:center;}
   .search_more_btn .more_plus {height:24px;line-height:inherit;vertical-align:top;}
   .search_more_btn [class*="btn"].more_plus::before, .search_more_btn [class*="btn"].more_plus::after {top:6px;}
   .outside .sub_contents.mopd_20 {padding-top:20px !important;}
  .dataApply_intro .process.type1 dl:nth-child(1) dt::before,.dataApply_intro .process.type1 dl:nth-child(2) dt::before,.dataApply_intro .process.type1 dl:nth-child(3) dt::before,
  .dataApply_intro .process.type1 dl:nth-child(4) dt::before,.dataApply_intro .process.type1 dl:nth-child(5) dt::before,.dataApply_intro .process.type1 dl:nth-child(6) dt::before{top: 60%;left: 0;background-position: center;width: 100%;}
  .dataApply_intro .process.type1 dd{width: 100%;}
  .outside .dataApply_intro .process.type1 dd.twoline{padding-top: 100px;}
  .system_intro .service_list li:nth-child(1)::before{top:30px;left: 0;background-position: center;}
  .system_intro .service_list li:nth-child(2)::before{top:30px;left: 0;background-position: center;}
  .system_intro .service_list li:nth-child(3)::before{top:30px;left: 0;background-position: center;}
  .system_intro .service_list li:nth-child(4)::before{top:30px;left: 0;background-position: center;}
  .system_intro .service_list li{width: 100%;height: auto;padding:110px 30px 30px 30px;text-align: center;}
  .system_intro .service_list li:nth-child(2n) {margin-left: 0;}
    .mobileOff { display:none !important; }
    .mobileOn { display:block; }
    tr.mobileOn { display:table-row; }

    #btn_gotop { bottom:1.25rem; right:0.625rem; width:2.5rem; height:2.5rem; }
    #btn_gotop::after { width:2.5rem; height:2.5rem; }
    /* layout */
    #wrap { height:100%; }

    /* popup */
    .outside .modal_wrap {width:90% !important;}
    .outside .modal_wrap .modal_header {margin:0 0.9375rem; padding-left:0; border-bottom:1px solid #46aedb; background:#fff;}
    .outside .modal_wrap .modal_header h3 {color:#018bc4;}
    .outside .modal_wrap .modal_header .close:before, .modal_wrap .modal_header .close:after {border-color:#fff;}
    .outside .modal_wrap .modal_header .close {right:0.9375rem;}
    .outside .modal_wrap.alert .modal_header {display:none !important;}
    .outside .modal_wrap .modal_footer {padding:0;}
    .outside .modal_wrap [class*="btn"].pop_type1 {width:100%; padding:1.125rem 0; border-radius:0;}
    .outside .pop_openapiKey colgroup col {display:none;}
    .outside .pop_openapiKey .table_view tr:first-of-type {border-top:none;}
    .outside .pop_openapiKey .table_view th {display:block; width:100%; border-bottom:none;}
    .outside .pop_openapiKey .table_view td {display:block; width:100%; padding:0.625rem 0; border-bottom:none;}
    .outside .pop_openapiKey .table_view td .select_inbox {width:100% !important;}
    .outside .pop_openapiKey .table_view td select {width:100% !important;}

    /* footer */
    .footer {width:100%; min-width:100%; }
    .footer .footer_top { height:auto; border-bottom-width:0; }

	/* 2022-F00108 모바일 footer_nav 반응형으로 변경하면서 주석처리함
	.footer .footer_top .inner { width:100%; }
	.footer .footer_nav { float:none;  text-align:left;margin:2px 10px; }
	.footer .footer_nav.text-left {text-align:left;}
	.footer .footer_nav a { display:inline-block; float:none; margin:1.5px 1.5px; padding:4.5px 4.5px; border:1px solid #6e6e6e; background:#5e5e5e; font-size:12px; }
	.footer .footer_nav a:not(:first-child)::before { width:0; height:0; background:transparent; }*/

	/* 2022-F00108 시작 - 모바일 footer_nav 반응형 변경*/
    .footer .footer_top .inner { width:95%; }
   	.footer .footer_nav { width:100%; margin-left:auto; margin-right:auto;}
	.footer .footer_nav a {text-align:center; padding: 1% 0 1% 0; font-size:70%; border:1px solid #6e6e6e; background:#5e5e5e;}
   	.footer .footer_nav a:nth-child(1) { width:15%; margin:0 1.5% 0 0;}
	.footer .footer_nav a:nth-child(2) { width:30%; margin:0 1.5% 0 0;}
	.footer .footer_nav a:nth-child(3) { width:25%; margin:0 1.5% 0 0;}
	.footer .footer_nav a:nth-child(4) { width:25%;}
	/* 2022-F00108 끝*/

    .footer .inner { width:95%; }
    .footer .footer_link { display:none;}
    .footer .footer_bottom { padding:1rem 0 1.25rem 0; font-size:0.75rem; }
    .footer .footer_bottom .footer_logo { display:none; }
    .footer .footer_bottom .address { padding:0; }
    .footer .footer_bottom .address .call { display:block; margin-left:0; }
    .footer .footer_bottom .address p { font-size:0.6875rem; }


    /* main visual banner*/
    .outside_visual .main_visual { width:100%; height:100% }
    .outside_visual .main_visual .inner .stit { margin-bottom:0.75rem; font-size:1.5rem; }
    .outside_visual .main_visual .inner p { margin-bottom:1.25rem !important;font-size:0.875rem !important; }
    .outside_visual .main_visual .inner .btn span::after { right:-0.75rem; top:33%; width:0.25rem; height:0.4375rem; background:url(../../../images/g440/portal/mobile_ico_arrow.png) no-repeat 0 0; background-size:contain; }
  .outside_visual .main_visual .swiper_box1 { width:100%; height:100%;background:#203e60;/*url(../../../images/g440/portal/mobile_main_visual_slide_01.png) no-repeat right bottom; background-size:17.5rem 9.125rem;*/}
    .outside_visual .main_visual .swiper_box1 .inner { left:20px; top:20px; width:auto; height:auto; }
    .outside_visual .main_visual .swiper_box1 .inner .btn_banner1 { padding:0.25rem 1.5rem 0.25rem 0.75rem; font-size:0.875rem; font-weight:400; }
  .outside_visual .main_visual .swiper_box2 { width:100%; height:100%;background:#007da8;/*url(../../../images/g440/portal/mobile_main_visual_slide_02.png) no-repeat right bottom; background-size:17.5rem 9.125rem;*/}
    .outside_visual .main_visual .swiper_box2 .inner { left:20px; top:20px; width:auto; height:auto; }
    .outside_visual .main_visual .swiper_box2 .inner .btn_banner2 { padding:0.25rem 1.5rem 0.25rem 0.75rem; font-size:0.875rem; font-weight:400; }
  .outside_visual .main_visual .swiper_box3 {width:100%; height:100%; background:#0192a1;/* url(../../../images/g440/portal/mobile_main_visual_slide_03.png) no-repeat right bottom; background-size:17.5rem 9.125rem;*/}
    .outside_visual .main_visual .swiper_box3 .inner { left:20px; top:20px; width:auto; height:auto; }
    .outside_visual .main_visual .swiper_box3 .inner .btn_banner3 { padding:0.25rem 1.5rem 0.25rem 0.75rem; font-size:0.875rem; font-weight:400; }
  .outside_visual .main_visual .swiper_box4 { width:100%; height:100%; /*background:url(../../../images/g440/portal/mobile_main_visual_slide_04.png) no-repeat; background-size:cover;*/}
    .outside_visual .main_visual .swiper_box4 .inner { left:20px; top:20px; width:auto; height:auto; text-align:left; }
    .outside_visual .main_visual .swiper_box4 .inner .btn_banner4 { padding:0.25rem 1.5rem 0.25rem 0.75rem; font-size:0.875rem; font-weight:400; }
    .outside_visual .main_visual .swiper-slide { width:100% !important; height:14.125rem; }
    .main_visual .pagination1 { bottom:2px !important; }
    .main_visual .pagination1 > .swiper-pagination-bullet{ bottom:2px; left:0; width:0.75rem; height:0.75rem; background:#909fb0 !important; border:none !important; opacity:1; }
    .main_visual .pagination1 > .swiper-pagination-bullet-active { background:#da2da0 !important; border:none !important; }
    .main_visual .autoplay {position:absolute; left:51%; bottom:6px; margin-left:50px; width:0.875rem; height:0.875rem; opacity:0.5; transition: all 0.3s; text-indent:-9999px; z-index:999;}
    .main_visual .stop { display:block; width:0.875rem; height:0.875rem; background:url(../../../images/g440/portal/btn_pause.png) no-repeat;background-size:contain; }
    .main_visual .play { display:none; width:0; height:0; border-top:0.4375rem solid transparent; border-left:0.7rem solid #fff; border-bottom:0.4375rem solid transparent; opacity:0.5; }
    .main_visual .play.active {display:block;}

    /* main userinfo */
    .outside .user_inner .info_box.outside_type1 { width:100%; margin:0; padding-top:0.625rem; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block { display:block; float:none; position:relative; width:100%; height:4.375rem; margin-bottom:0.625rem; text-align:left; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block h4 { padding:1.75rem 0 0 6rem; font-size:0.9375rem; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block.n1 { margin-right:0; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block.n1::after {position:absolute; left:5%; top:6%; width:5rem; height:100%; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block.n2 { margin-right:0; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block.n2::after { position:absolute; left:5%; top:6%; width:5rem; height:100%; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block.n3::after { position:absolute; left:5%; top:6%; width:5rem; height:100%; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block .myinfo_count { left:auto; right:10%; top:1rem; bottom:auto; text-align:right; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block .myinfo_count span { font-size:0.9375rem; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block .myinfo_count span strong { font-size:1.375rem; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block .btn_detail strong { font-size:0; }
    .outside .user_inner .info_box.outside_type1 .myinfo_block .btn_detail strong::before{display:none}
    .outside .user_inner .info_box.outside_type1 .myinfo_block .btn_detail strong::after {content:''; display:block; position:absolute; right:-0.75rem; top:-1rem; width:0.375rem; height:0.625rem; background:url(../../../images/g440/portal/ico_inbanner_arrow.png) no-repeat; background-size:contain;}

    /* 미래등기 20231208 추가  START */
    .expt .user_inner .info_box.outside_type1 .myinfo_block.n1::after {margin-top:0px}
    .expt .user_inner .info_box.outside_type1 .myinfo_block.n2::after {margin-top:0px}
    .expt .user_inner .info_box.outside_type1 .myinfo_block.n3::after {margin-top:0px}
    .expt .user_inner .info_box.outside_type1 .myinfo_block .btn_detail {right:27px;bottom:17px}
    /* 미래등기 20231208 추가  END */

    .outside .user_inner .info_box.type2 .myinfo_inner {width:100%; height:auto; padding:0.3rem 0.625rem 0.3rem 0.625rem;} /* 2022-F00108 */
    .outside .user_inner .info_box.type2 .myinfo_inner dl {height:3rem;}
    .outside .user_inner .info_box.type2 .myinfo_inner a dl {height:2.5rem;padding-top:0;line-height:normal;}
    .outside .user_inner .info_box.type2 .myinfo_inner dt {font-size:0.9375rem;}
    .outside .user_inner .info_box.type2 .myinfo_inner dd {font-size:0.9375rem; bottom:30%;}
    .outside .user_inner .info_box.type2 .myinfo_inner a dt {padding-top:8px;}
    .outside .user_inner .info_box.type2 .myinfo_inner a dt::before {width:2.125rem !important; height:2.125rem !important;}
    .outside .user_inner .info_box .box_title {margin-bottom:0.625rem;}
    .outside .user_inner .info_box .box_title .more {display:none;}
    .outside .user_inner .info_box .box_title h3 {font-size:1rem;}
    .outside .user_inner .info_box .box_title .info_text {display:block; font-size:0.875rem;padding:0;}
    .outside .user_inner .info_box .box_title .info_text .count {font-size:1.125rem; font-weight:500;}
    .outside .user_inner .info_box .box_title .info_text:before {display:none;}

    /* gnb */
    .outside #gnb nav { display:none; }
    .outside #gnb .sitemap { display:none; }
    .outside #gnb .util_wrap { display:none; }
    .outside #gnb .logo h1 { height:auto;width: 100%;}
    .outside #gnb .logo a { width:9rem; height:2.3125rem; background-size:9rem 2.3125rem; }
    .outside #gnb .logo{ top:0.75rem;  }
    .outside #gnb .gnb_inner { height:3.375rem; }

    /* login */
    .login_wrap.outside { width:100%; margin:0 auto 1.25rem; padding:0 1rem; }
    .login_wrap.outside::before {content:''; position:absolute; left:0; right:0; top:-1px; width:100%; height:1px; background-color:#fff;}
    .login_wrap.outside .txt { font-size:0.875rem; }
    .login_wrap.outside .desc { font-size:0.8125rem; }
    .login_wrap.outside .btn_link {width:100%; height:3rem; font-size:1rem;}
    .login_wrap.outside .btn_link.fl {display:none;}
    .login_wrap.outside .btn_login {height:3rem; font-size:1rem;}
    .login_wrap.outside input[type=text], .login_wrap.outside input[type=password] {height:3rem;}
    .login_wrap.outside .btn_inbox {margin-bottom:0.875rem;}
    .login_wrap.outside .form_inbox {margin-bottom:0.875rem;}
    .login_wrap.outside .desc {padding-top:0.9375rem;}

    /* sub common */
    .outside .sub_util {display:none;}
    .outside .sub_nav { position:fixed; top:3.375rem !important; height:2.5rem; z-index:100 !important; display: none;}
    .outside .sub_contents { min-width:100%; max-width:100%; min-height:auto; padding:30px 15px 15px 15px !important; /*border-top:1px solid #c4c4c4;*/}
    .outside .sub_contents.typeA{padding: 80px 0px 15px 0px;}
    .outside .sub_contents .title { margin:0;margin-bottom: 1.25rem;padding:0 0 0.9375rem 0; border-bottom:1px solid #c4c4c4; font-size:1.25rem; font-weight:700; }
    .outside .sub_contents .title.line_block {margin-left:0.9375rem; padding-bottom:0; border:none; background:none; font-size:1rem; text-align:left;}
    .outside .sub_contents .subtitle.small {padding-left:0; font-size:1rem;}
    .outside .sub_contents .subtitle {font-size:1rem;}
    .outside .contents_txt.top {margin:0; padding:0.9375rem; font-size:0.875rem; line-height:1.2;}
    .outside .sub_contents .select_inbox > select {font-size:0.8125rem;}

    /* sub contents */
  .outside .rgsData_intro {width:100%; padding:0 1.125rem 0.625rem 1.125rem;}
	.outside .rgsData_intro article {padding:1.5rem 0;}
	.outside .rgsData_intro article.n1 {border-top:none;}
	.outside .rgsData_intro article h3 {font-size:1.125rem;}
	.outside .rgsData_intro article .type1 {width:85%; margin:0 auto; font-size:0.875rem;}
	.outside .rgsData_intro article .type2 {width:100%; margin:0 auto; font-size:0.8125rem;}
	.outside .rgsData_intro article .image img {width:100%;}
	.outside .rgsData_intro .service {width:100%;}
	.outside .rgsData_intro .service dl {display:block; float:none; width:100%;}
	.outside .rgsData_intro .service dl::before {width:6rem !important; height:6rem !important; margin:1rem auto 0.625rem !important;}
	.outside .rgsData_intro .service dt {font-size:1rem; text-align:center;}
	.outside .rgsData_intro .service dd {font-size:0.8125rem;}
	.outside .rgsData_intro .process {width:100%;}
	.outside .rgsData_intro .process li {width:100%; height:4.375rem;}
	.outside .rgsData_intro .process li:nth-child(1)::before {width:2rem; height:1.875rem;}
	.outside .rgsData_intro .process li:nth-child(3)::before {width:7rem; height:1.875rem;}
	.outside .rgsData_intro .process li:nth-child(5)::before {width:2.125rem; height:2rem;}
	.outside .rgsData_intro .process li:nth-child(2n) {height:3.6rem;}
	.outside .rgsData_intro .process li p {padding-top:2.875rem; font-size:0.8125rem;}
	.outside .rgsData_intro .process li .arrow {height:2.5rem; padding-top:0.625rem; font-size:0.75rem;}
	.outside .rgsData_intro .process li .arrow::after {width:1.625rem; height:1rem;}
	.outside .rgsData_intro br {display:none;}

    .outside .table_line .subject {font-size:1rem;}
    .outside .table_line .desc {font-size:0.75rem;}
    .outside .table_line td {padding:0.875rem 0.9375rem; font-size:0.75rem;}
    .outside .table_line dt {padding-right:0.75rem;}
    .outside .table_line dd {padding:0 1.25rem 0 0.5rem;}
    .outside .search_wrap th {font-size:0.875rem;}
    .outside .table_line.openapi .image { display:none; }
    .outside .table_line.dataset .image { display:none; }
    .outside .table_line.regList .image { display:none; }
    .outside .contents_inner.dataset .group .align_area { display:none; }
    .outside .contents_inner.regList .group .align_area { display:none; }
    .outside .contents_inner.openapi .group .align_area { display:none; }
    .outside .contents_inner.notice .group .align_area { display:none; }
    .outside .contents_inner.archive .group .align_area { display:none; }
    .outside .contents_inner.faq .group .align_area { display:none; }
    .outside .contents_inner.contest .group .align_area { display:none; }
    .outside .contents_inner.dataset .line_box {display:none;}
    .outside .contents_inner.regList .line_box {display:none;}
    .outside .contents_inner.regList .mobile_map.map_wrap .line_box {display:block;}
    .outside .contents_inner.openapi .line_box {display:none;}
    .outside .contents_inner.notice .line_box {display:none;}
    .outside .contents_inner.archive .line_box {display:none;}
    .outside .contents_inner.faq .line_box {display:none;}
    .outside .contents_inner.contest .line_box {display:none;}
    .outside .contents_inner.dataset .group.top {margin:0.9375rem;}
    .outside .contents_inner.regList .group.top {margin:0.9375rem;}
    .outside .contents_inner.openapi .group.top {margin:0.9375rem;}
    .outside .contents_inner.notice .group.top {margin:0.9375rem;}
    .outside .contents_inner.archive .group.top {margin:0.9375rem;}
    .outside .contents_inner.faq .group.top {margin:0.9375rem;}
    .outside .contents_inner.contest .group.top {margin:0.9375rem;}

    .outside .contents_inner.dataset .search_wrap th {display:none;}
    .outside .contents_inner.regList .search_wrap th {display:none;}
    .outside .contents_inner.openapi .search_wrap th {display:none;}
    .outside .contents_inner.notice .search_wrap th {display:none;}
    .outside .contents_inner.contest .search_wrap th {display:none;}
    .outside .contents_inner.archive .search_wrap label {display:none;}
    .outside .contents_inner.faq .search_wrap label {display:none;}
    .outside .contents_inner.dataset .search_wrap colgroup col:first-child {display:none;}
    .outside .contents_inner.regList .search_wrap colgroup col:first-child {display:none;}
    .outside .contents_inner.openapi .search_wrap colgroup col:first-child {display:none;}
    .outside .contents_inner.notice .search_wrap colgroup col:first-child {display:none;}
    .outside .contents_inner.contest .search_wrap colgroup col:first-child {display:none;}
    .outside .contents_inner.dataset .search_wrap input[type=text] {display:block; margin-bottom:0.875rem; width:100% !important;}
    .outside .contents_inner.regList .search_wrap input[type=text] {display:block; margin-bottom:0.875rem; width:100% !important;}
    .outside .contents_inner.openapi .search_wrap input[type=text] {display:block; margin-bottom:0.875rem; width:100% !important;}
    .outside .contents_inner.notice .search_wrap input[type=text] {display:block; margin-bottom:0.875rem; width:100% !important;}
    .outside .contents_inner.archive .search_wrap input[type=text] {display:block; margin-bottom:0.875rem; width:100% !important;}
    .outside .contents_inner.faq .search_wrap input[type=text] {display:block; margin-bottom:0.875rem; width:100% !important;}
    .outside .contents_inner.contest .search_wrap input[type=text] {display:block; margin-bottom:0.875rem; width:100% !important;}
    .outside .contents_inner .search_wrap {padding:0.875rem 0.9375rem;}
    .outside .contents_inner .search_wrap .srch {position:static; width:100%;}
    .outside .contents_inner .search_wrap .select_inbox {margin-bottom:0.625rem; width:100% !important;}
    .outside .contents_inner .search_wrap .select_inbox select {width:100% !important; font-weight:bold;}
    .outside .contents_inner .search_inner td {padding:0;}

    .group.top .result_count {font-size:0.875rem; font-weight:500; line-height:1;}

    .outside .contents_inner .table_wrap+.pagination {display:none;}
    .outside .table_list th {font-size:0.8125rem;}
    .outside .table_list td {font-size:0.8125rem;}
    .outside .table_line.regList td {padding:0.875rem 0.9375rem;}
    .outside .table_line.dataset td {padding:0.875rem 0.9375rem;}
    .outside .table_line.openapi td {padding:0.875rem 0.9375rem;}
    .outside .table_line.regList td:first-child { display:none; padding:0; }
    .outside .table_line.dataset td:first-child { display:none; padding:0; }
    .outside .table_line.openapi td:first-child { display:none; padding:0; }
	.outside .contents_inner.contest td:first-child { display:none; padding:0; }
    .outside .table_line.regList colgroup col:first-child {display:none;}
    .outside .table_line.dataset colgroup col:first-child {display:none;}
    .outside .table_line.openapi colgroup col:first-child {display:none;}
    .outside .contents_inner.contest .table_line colgroup col:first-child {display:none;}
    .outside .table_line.regList colgroup col:last-child {width:10% !important;}
    .outside .table_line.dataset colgroup col:last-child {width:10% !important;}
    .outside .table_line.openapi colgroup col:last-child {width:10% !important;}
    .outside .table_line dt::after {height:11px;}
    .outside .table_line.contest dt:nth-child(3) {display:none;}
    .outside .table_line.contest dd:nth-child(4) {display:none;}
    .outside .table_line.contest dt:nth-child(5) {display:none;}
    .outside .table_line.contest dd:nth-child(6) {display:none;}
    .outside .favo_check label {width:1.125rem; height:1.0625rem;}
    .outside .inner_right .favo_check {right:0.9375rem; top:-0.125rem;}
    .outside .list_more {display:block; width:100%; padding:1rem 0;text-align:center; font-weight:500;}

	.outside .contents_inner.notice .table_view th {padding-bottom:0; border-bottom:none;}
    .outside .contents_inner.notice .table_view .nextprev_list {display:none;}
    .outside .contents_inner.notice .table_view tr:first-of-type {border-top:none;}
    .outside .contents_inner.notice .table_view .subject {font-size:1rem;}
    .outside .contents_inner.notice .table_view .info_left {padding-top: 0;}
    .outside .contents_inner.notice .table_view .info_left span:last-child {display:none;}
    .outside .contents_inner.notice .table_view .info_left span strong {display:none;}
    .outside .contents_inner.notice .table_view .view_contents {padding:0.9375rem;}
    .outside .contents_inner.notice .table_view .file_list strong {display:none;}
    .outside .contents_inner.notice .table_view .btn_list {border-bottom:none;}
    .outside .contents_inner.notice .table_view .btn_list > .btn_wrap.right {text-align:center !important;}

    .outside .contents_inner.archive .table_view th {padding-bottom:0; border-bottom:none;}
    .outside .contents_inner.archive .table_line td {padding:0.875rem 0.9375rem;}
    .outside .contents_inner.archive .table_view .nextprev_list {display:none;}
    .outside .contents_inner.archive .table_view tr:first-of-type {border-top:none;}
    .outside .contents_inner.archive .table_view .subject {font-size:1rem;}
    .outside .contents_inner.archive .table_view .info_left {padding-top: 0;}
    .outside .contents_inner.archive .table_view .info_left span:last-child {display:none;}
    .outside .contents_inner.archive .table_view .info_left span strong {display:none;}
    .outside .contents_inner.archive .table_view .view_contents {padding:0.9375rem;}
    .outside .contents_inner.archive .table_view .file_list strong {display:none;}
    .outside .contents_inner.archive .table_view .btn_list {border-bottom:none;}
    .outside .contents_inner.archive .table_view .btn_list > .btn_wrap.right {text-align:center !important;}

    .outside .contents_inner.faq .faq_wrap li {font-size:0.875rem; font-weight:500; line-height:1.5;}
    .outside .contents_inner.faq .faq_wrap li span {position:absolute; left:2.5rem; bottom:1rem; width:auto; height:auto; margin:0; padding:0.125rem 0.375rem; border:1px solid #d7d7d7; font-size:0.75rem;}
    .outside .contents_inner.faq .faq_wrap li span::after {display:none;}
    .outside .contents_inner.faq .faq_wrap li span::before {display:none;}
    .outside .contents_inner.faq .faq_wrap li a {position:relative; padding:0.875rem 0.9375rem 3rem 2.5rem;}
    .outside .contents_inner.faq .faq_wrap li a:after {display:none;}
    .outside .contents_inner.faq .faq_wrap li a:before {content:'';position:absolute; left:0.9375rem; top:1.125rem; right:auto; width:0.8125rem; height:1.125rem; transform:none; background:url(../../../images/g440/portal/ico_faq_q.png) no-repeat; background-size:contain; transform:none; border-radius:0;}
    .outside .contents_inner.faq .faq_wrap li li {padding:0.875rem 0.9375rem 0.875rem 5rem;}
    .outside .contents_inner.faq .faq_wrap li li:before {left:0.75rem; top:0.75rem; background-size:70% 70%;}
    .outside .contents_inner.faq .pagination {display:none;}

    .outside .dataset_detail .group.top {margin: 0.625rem 0 0 0.9375rem !important;}
    .outside .dataset_detail [class*="btn"].favo {height:1.5rem; padding:0.375rem 1.875rem 0.375rem 0.9375rem; border:none; font-size:0.875rem;}
    .outside .dataset_detail [class*="btn"].disfavo {height:1.5rem; padding:0.375rem 1.875rem 0.375rem 0.9375rem; border:none; font-size:0.875rem;}
    .outside .dataset_detail .group.top .right_area {bottom:0px;}
    .outside .dataset_detail .rgsIndex_detail {margin-bottom:10px;}
    .outside .dataset_detail colgroup col:nth-child(1) {width:35% !important;}
    .outside .dataset_detail colgroup col:nth-child(2) {width:auto;}
    .outside .dataset_detail colgroup col:nth-child(3) {width:auto;}
    .outside .dataset_detail colgroup col:nth-child(4) {width:auto;}
    .outside .dataset_detail .search_wrap colgroup col:first-child {width:30% !important;}
    .outside .dataset_detail .search_wrap .select_inbox {margin-bottom:0.625rem; width:48% !important;}
    .outside .dataset_detail .search_wrap .select_inbox select {width:100% !important; font-weight:bold;}
    .outside .dataset_detail .search_wrap th {padding-top:0.4rem; font-size:0.875rem; vertical-align:top;}
    .outside .dataset_detail  #search_form .search_wrap th {vertical-align:middle;}
    .outside .dataset_detail [class*="btn"].exel {border:none; font-size:0.875rem;}
    .outside .dataset_detail .table_wrap~.btn_wrap.right {text-align:center;}

	.outside .openapi_detail .subtitle {margin:0.625rem 0 0 0.9375rem !important;}
    .outside .openapi_detail colgroup col:nth-child(1) {width:35% !important;}
    .outside .openapi_detail colgroup col:nth-child(2) {width:auto;}
    .outside .openapi_detail colgroup col:nth-child(3) {width:auto;}
    .outside .openapi_detail colgroup col:nth-child(4) {width:auto;}
    .outside .openapi_detail .table_view td {word-break:break-all;}
    .outside .openapi_detail .btn_wrap.right > .btn {margin-left:-4px;}
    .outside .openapi_detail [class*="btn"] {border:none; font-size:0.875rem;}
    .outside .openapi_detail [class*="btn"]:not(:first-of-type)::before {content:''; position:absolute; left:0; top:0.75rem; width:1px; height:1rem; background:#dedede;}
    .outside .openapi_detail [class*="btn"].line {padding:0.25rem 0.625rem;}
    .outside .openapi_detail [class*="btn"].exel {padding:0.25rem 0.625rem; background:none;}
    .outside .openapi_detail .group.top .right_area .desc {display:none;}
    .outside .openapi_detail .mobileOn .desc {margin-top:-0.75rem;font-size:0.75rem;}
    .outside .openapi_detail .group.top .right_area > [class*="btn"].dark {padding:0.375rem 1.25rem; position:absolute; right:0.9375rem; bottom:-5px !important; width:4.25rem; }
    .outside .openapi_detail .table_view td input[type=text] {width:100% !important;}
    .outside .openapi_detail .table_wrap~.btn_wrap.right {text-align:center;}
    .outside .openapi_detail .table_wrap~.btn_wrap.right > [class*="btn"].line {border:1px solid #adadad;}

    /* mypage main */
    .outside .mypage_main {display:flex; flex-direction:column; margin:0.875rem 0.9375rem;}
    .outside .mypage_main .mypage_wrap.n1 { width:100%; margin:0; padding-top:1.5rem; order:0; }
    .outside .mypage_main .mypage_wrap.n1 .tit_wrap { margin-bottom:0.75rem; }
	.outside .mypage_main .mypage_wrap.n1 .tit_wrap h3 { font-size:1rem; }
	.outside .mypage_main .mypage_wrap.n1 .tit_wrap .btn.more_line { display:none; }
	.outside .mypage_main .mypage_wrap.n1 .myinfo_block { display:block; float:none; position:relative; width:100%; height:4.375rem; margin-bottom:0.625rem; text-align:left; }
	.outside .mypage_main .mypage_wrap.n1 .myinfo_block:last-child {margin-bottom:0;}
	.outside .mypage_main .mypage_wrap.n1 .myinfo_block h4 { padding:1.75rem 0 0 6rem; font-size:0.9375rem; }
	.outside .mypage_main .mypage_wrap.n1 .myinfo_block.n1 { margin-right:0; }
    .outside .mypage_main .mypage_wrap.n1 .myinfo_block.n1::after {position:absolute; left:4%; top:0; width:5rem; height:100%; }/*2022-F00108 모바일 마이페이지 나의 관심정보 아이콘 위치 조정 (left 5% ---> 2%)*/
    .outside .mypage_main .mypage_wrap.n1 .myinfo_block.n2 { margin-right:0; }
    .outside .mypage_main .mypage_wrap.n1 .myinfo_block.n2::after { position:absolute; left:4%; top:6%; width:5rem; height:100%; }/*2022-F00108 모바일 마이페이지 나의 관심정보 아이콘 위치 조정 (left 5% ---> 2%)*/
    .outside .mypage_main .mypage_wrap.n1 .myinfo_block.n3::after { position:absolute; left:4%; top:6%; width:5rem; height:100%; }/*2022-F00108 모바일 마이페이지 나의 관심정보 아이콘 위치 조정 (left 5% ---> 2%)*/
    .outside .mypage_main .mypage_wrap.n1 .myinfo_block .myinfo_count { left:auto; right:10%; top:1rem; bottom:auto; text-align:right; }
    .outside .mypage_main .mypage_wrap.n1 .myinfo_block .myinfo_count span { font-size:0.9375rem; }
    .outside .mypage_main .mypage_wrap.n1 .myinfo_block .myinfo_count span strong { font-size:1.375rem; }
    .outside .mypage_main .mypage_wrap.n1 .myinfo_block .btn_detail strong { font-size:0; }
    .outside .mypage_main .mypage_wrap.n1 .myinfo_block .btn_detail strong::before { display:none; }
    .outside .mypage_main .mypage_wrap.n1 .myinfo_block .btn_detail strong::after {content:''; display:block; position:absolute; right:-0.75rem; top:-1rem; width:0.375rem; height:0.625rem; background:url(../../../images/g440/portal/ico_inbanner_arrow.png) no-repeat; background-size:contain;}

    /* 미래등기 20231208 추가  START */
    .mypage_main .expt.mypage_wrap.n1 .myinfo_block.n1::after {margin-top:0px}
    .mypage_main .expt.mypage_wrap.n1 .myinfo_block.n2::after {margin-top:0px}
    .mypage_main .expt.mypage_wrap.n1 .myinfo_block.n3::after {margin-top:0px}
    .mypage_main .expt.mypage_wrap.n1 .myinfo_block .btn_detail span {right:27px;bottom:16px}
    /* 미래등기 20231208 추가  END */

    .outside .mypage_main .mypage_wrap.n2 {position:static; width:100%; order:-1;}
    .outside .mypage_main .mypage_wrap.n2 .tit_wrap {margin-bottom:0.75rem;}
    .outside .mypage_main .mypage_wrap.n2 .tit_wrap .btn_userinfo { display:none; }
    .outside .mypage_main .mypage_wrap.n2 .tit_wrap .user_name { font-size:0.875rem; text-indent:2rem; line-height:1.4; }
    .outside .mypage_main .mypage_wrap.n2 .tit_wrap .user_name strong { font-size:1rem; }
    .outside .mypage_main .mypage_wrap.n2 .tit_wrap .user_name::before { width:1.5625rem; height:1.5625rem; }
	/*.outside .mypage_main .mypage_wrap.n2 .myinfo_inner {width:100%; height:auto; padding:0.375rem 0.625rem 0 0.625rem;}  2022-F00108 모바일 마이페이지 스타일 변경으로 주석처리 */
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner {width:100%; height:auto; padding:0.375rem 0.1rem 0 0.1rem;} /*2022-F00108*/
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner dl {height:3rem;line-height: normal;}
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:first-child dl {height:2.5rem;padding-top:0;line-height: normal;}
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner dt {font-size:0.9375rem; padding-top:5px;} /*2022-F00108 모바일 마이페이지  신청내역 텍스트 padding-top추가*/
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner dd {font-size:0.9375rem; bottom:30%;}
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner a dt::before {width:2.125rem !important; height:2.125rem !important;top: 0;}
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner dl dd{bottom: 30%;}
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(1) dt::before{top: 0;}
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(2) dt::before{top: 0;}
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(3) dt::before{top: 0;} /*2022-F00108 모바일 마이페이지 등기정보자료 신청내역 아이콘 위치조정 */
/* >> 미래등기시스템구축사업 추가  3번째는 운영에 반영되어 있음 */
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(4) dt::before{top: 0;}
    .outside .mypage_main .mypage_wrap.n2 .myinfo_inner a:nth-child(5) dt::before{top: 0;}
/* << 미래등기시스템구축사업 추가 */
    .outside .mypage_main .mypage_wrap.n3 .tit_wrap h3 {font-size:1rem;}
    .outside .mypage_main .mypage_wrap.n3 .myinfo_inner > ul {border:none;}
    .outside .mypage_main .mypage_wrap.n3 .myinfo_inner > ul > li {display:block; width:100%; height:auto; border-left:none; border-top:1px solid #dadada;}
    .outside .mypage_main .mypage_wrap.n3 .myinfo_inner > ul:nth-child(2) > li:last-child {border-bottom:1px solid #dadada;}
    .outside .mypage_main .mypage_wrap.n3 .type_data::before,
    .outside .mypage_main .mypage_wrap.n3 .type_api::before,
    .outside .mypage_main .mypage_wrap.n3 .type_platform::before { width:3.5rem; height:3.5rem; top:-1.25rem; }
    .outside .mypage_main .mypage_wrap.n3 .stit {margin-bottom:0.625rem; padding-left:5.37rem;}
    .outside .mypage_main .mypage_wrap.n3 .stit h4 {font-size:0.9375rem;}
    .outside .mypage_main .mypage_wrap.n3 .desc { width:95%; padding-left:5.37rem; padding-top:0; font-size:0.8125rem;}
    .outside .mypage_main .mypage_wrap.n3 .type_data,
    .outside .mypage_main .mypage_wrap.n3 .type_api,
    .outside .mypage_main .mypage_wrap.n3 .type_platform {height:auto;}
    .outside .mypage_main .mypage_wrap.n3 .stit .more_plus { position:absolute; right:0; top:40%; width:auto; height:auto; border:none; background-color:transparent; }
    .outside .mypage_main .mypage_wrap.n3 .stit [class*="btn"].more_plus::before,
    .outside .mypage_main .mypage_wrap.n3 .stit [class*="btn"].more_plus::after {content:''; display:block; position:absolute; left:14px; top:20px; width:8px; height:2px; border-right:none; background:#9a9a9a; }
	.outside .mypage_main .mypage_wrap.n3 .stit [class*="btn"].more_plus::before {right:10px;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.outside .mypage_main .mypage_wrap.n3 .stit [class*="btn"].more_plus::after {right:10px; top:25px; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

	/* mypage - payment */
	.outside .payment_process .tabs { margin:1.5rem 0; }
	.outside .payment_process .tabs > ul {width:90%;margin:0 auto;}
	.outside .payment_process .tabs > ul > li {display:inline-block; width:50%; font-size:0.9375rem;}
	.outside .payment_process .tabs > ul > li:nth-child(3) {border-left:1px solid #c5c5c5;}
	.outside .payment_process .subtitle {margin:0.625rem 0 0 0.9375rem !important; font-size:1rem;}
	.outside .payment_process .table_view tbody {border-top:2px solid #151515;}
	.outside .payment_process .table_view colgroup col:nth-child(1) {width:30% !important;}
	.outside .payment_process .table_view colgroup col:nth-child(2) {width:70% !important;}
	.outside .payment_process .table_view colgroup col:nth-child(3) {width:auto !important;}
	.outside .payment_process .table_view colgroup col:nth-child(4) {width:auto !important;}
	.outside .payment_process .btn_wrap.mobileOn { position:fixed; left:0; right:0; bottom:0; width:100%; height:3.625rem; margin:0 !important; padding:0.25rem; border-top:1px solid #c4c4c4; background-color:#e6e6e6; z-index:100; }
	.outside .payment_process .btn_wrap.mobileOn .btn {width:49.25%; height:100%; margin:0 auto; padding:0.9375rem 0; font-size:1rem; line-height:1;}
	.outside .payment_process .btn_wrap.mobileOn .btn:first-child {float:left; border:1px solid #d3d3d3; background:#fff; color:#000;}
	.outside .payment_process .btn_wrap.mobileOn .btn:last-child {float:right; border:none; background:#4a63ae; color:#fff;}
	.outside .payment_process .line_box .dotlist li {font-size:0.75rem;}
	.outside .payment_process .line_box ol.num li {margin-left:12px; padding-left:0; list-style-position:outside;}
	.outside .payment_process .check_inbox {margin:0.625rem 0.9375rem 1.5625rem 0.9375rem;font-size:0.8125rem;}
	.outside .payment_process .line_box.n1 h6 {position:relative; margin-bottom:0.625rem; padding-bottom:0.625rem; border-bottom:1px dotted #d8d8d8;}
	.outside .payment_process .line_box.n1 h6.active {margin-bottom:0; padding-bottom:0; border-bottom:none;}
	.outside .payment_process .line_box.n1 h6:before,
	.outside .payment_process .line_box.n1 h6:after { content:''; display:block; width:10px; height:2px; background:#767676; position:absolute; top:5px; }
	.outside .payment_process .line_box.n1 h6:before { right:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; transform:rotate(45deg); }
	.outside .payment_process .line_box.n1 h6:after { right:4px; transform:rotate(-45deg); }
	.outside .payment_process .line_box.n1 h6.active:before { transform: rotate(-45deg); }
	.outside .payment_process .line_box.n1 h6.active:after { transform: rotate(45deg); }
	.outside .payment_process .process.type1 .btn_wrap.right {display:none;}
	.outside .payment_process .process.type1 .table_view tr:nth-child(4) td {padding:0.25rem 0.9375rem !important;}
	.outside .payment_process .process.type1 .line_box li span.ml15 {margin-left:0 !important;}
	.outside .payment_process .process.type1 .line.arrow { margin-left:0; margin-top:0.25rem;}
	.outside .payment_process .process.type1 .select_inbox {width:100% !important;}
	.outside .payment_process .process.type1 select {width:100% !important;}
	.outside .payment_process .process.type2 .btn_wrap.right {display:none;}
	.outside .payment_process .process.type2 .line.arrow { margin-left:0; margin-top:0.25rem;}
	.outside .payment_process .process.type3 .btn_wrap.right {display:none;}
	.outside .payment_process .process.type3 .line.arrow { margin-left:0 !important; margin-top:0.25rem;}
	.outside .payment_process .process.type3 .table_view td input[type=text] {width:46% !important;}
	.outside .payment_process .process.type3 .table_view td input[type=password] {width:100% !important;}
	.outside .payment_process .process.type3 .desc {padding-left:0.625rem;}
	.outside .payment_process .process.type3 .desc.arrow::after {left:0;}

	.outside .payment_detail .search_wrap {margin-bottom:1.5rem;}
	.outside .payment_detail .search_wrap dl:nth-child(1) {width:100%; margin-bottom:0.625rem;}
	.outside .payment_detail .search_wrap dl:nth-child(2) {width:100%; margin-bottom:0;}
	.outside .payment_detail .search_wrap dt {width:100%; font-size:0.875rem;text-align: left;}
	.outside .payment_detail .search_wrap dd {width:100%;}
	.outside .payment_detail .search_wrap dd .search-date input {width:46.5%;}
  #search_type2_emoney #search_text_emoney1 {width: 80% !important;}
  #search_type2_emoney {margin-bottom: 10px;}
  #search_type2_mobile .select_inbox {width:30% !important;}
  #search_text_mobile2,#search_text_mobile3 {width:30% !important;}
  #popPayContDetail{width: 100% !important;}
	.outside .payment_detail .line_box {display:none;}
	.outside .payment_detail .btn_wrap.right {display:none;}
	.outside .payment_detail .group.top {display:none;}

	.outside .payment_confirm .group.top {display:none;}
	.outside .payment_confirm .line_box.n1 {display:none;}
	.outside .payment_confirm .line_box.n2 {display:none;}
	.outside .payment_confirm .btn_wrap.right > .btn {margin-left:-4px;}
    .outside .payment_confirm [class*="btn"] {border:none; font-size:0.875rem;}
    .outside .payment_confirm [class*="btn"]:not(:first-of-type)::before {content:''; position:absolute; left:0; top:0.75rem; width:1px; height:1rem; background:#dedede;}
    .outside .payment_confirm [class*="btn"].line {padding:0.25rem 0.625rem;}
    .outside .payment_confirm [class*="btn"].exel {padding:0.25rem 0.625rem; background:none;}
    .outside .payment_confirm .table_list colgroup {display:none;}
    .outside .payment_confirm .table_list tr:first-child th {display:none;}
    .outside .payment_confirm .table_list tr:last-child th {display:block; width:100% !important;}
    .outside .payment_confirm .table_list tr:last-child td {display:block; width:100% !important;}

    .outside .mypage_dataApply .line_box {display:none;}
    .outside .mypage_dataApply .group.top {margin:0.9375rem;}
    .outside .mypage_dataApply .align_area {display:none;}
    .outside .mypage_dataApply .search_wrap table tr:first-child th {display:none;}
    .outside .mypage_dataApply .search_wrap table tr:first-child td {display:block; width:100% !important;}
    .outside .mypage_dataApply .search_wrap table tr:first-child td .select_inbox {display:block; width:100% !important;}
    .outside .mypage_dataApply .search_wrap table tr:first-child td .select_inbox select {width:100% !important;}
    .outside .mypage_dataApply .search_wrap table tr:first-child td input[type=text] {width:100% !important;}
    .outside .mypage_dataApply .search_wrap table tr:last-child th {display:block; width:100% !important; padding:0.25rem 0;}
    .outside .mypage_dataApply .search_wrap table tr:last-child td {display:block; width:100% !important;}
    .outside .mypage_dataApply .search_wrap table colgroup {display:none;}
    .outside .mypage_dataApply .table_line .group {position:relative;}
    .outside .mypage_dataApply .table_line .group .btn {position:absolute; right:0; bottom:0;}

    .outside .complete_wrap.analPltfom {width:100%; padding:0 0.9375rem;}
    .outside .complete_wrap.analPltfom .comment {padding-top:1.5rem; font-size:1.125rem;}
    .outside .complete_wrap.analPltfom .comment::before {width:10rem; height:10rem;}
    .outside .complete_wrap.analPltfom .comment p {padding:1.5rem 0;}
    .outside .complete_wrap.analPltfom .line_box h3 {font-size:0.9375rem;}
    .outside .complete_wrap.analPltfom .line_box li {font-size:0.8125rem;}
    .outside .complete_wrap.analPltfom .line_box p {font-size:0.8125rem;}
    .outside .complete_wrap.analPltfom .line_box .dotlist li {text-indent:0;}
    .outside .complete_wrap.analPltfom .desc.ico {font-size:0.8125rem;}
    .outside .complete_wrap.analPltfom .line_box.payment .inbox_blue {top:auto; bottom:0.9375rem;}


    /* 모바일 실거래가(등기기록) 검색구간 css 추가 시작 (2022-F00569)---------------*/
    .outside .contents_inner.rtPrice .line_box {display:none;}
    .outside .contents_inner.rtPrice .mobile_map.map_wrap .line_box {display:block;}
    .search_inner td .input_rtprc { width:75%;} /* 명칭 입력창 사이즈 조정*/
    .search_inner td .select_disabled {background:#d1d0d0 !important;}/* 부동산구분  */
    .rtprc.result .title_rtprc {font-size:110%;} /* 검색결과 타이틀 */
    .rtprc.result .group .btn.exel {font-size:14px;padding:0 15px 0 35px;} /* 화면다운로드 사이즈 조정*/
    .rtprc_div .btn.inbox_rtprc {margin: 10px 1px; height:34px;} /* 실거래가(등기기준) 지도보기 위치조정 (2022-F00569) */
    /* 모바일 실거래가(등기기록) css 추가 종료 ---------------------------------*/

/* ing... */
.outside .top_util {position:absolute; right:0; top:3.3rem;}
.outside .top_util .btn_info { position:relative; width:1.25rem; height:1.25rem;}
.outside .top_util .btn_info::after { content:''; position:absolute; top:2px; left:0px;margin-right: 15px;width:1.25rem; height:1.25rem; background:url(../../../images/g440/portal/ico_mobile_info.png) no-repeat 0 0; background-size:contain; }
.outside .top_util .btn_info span {padding-left:23px; padding-right:30px;font-weight:bold;}


.outside .top_util .sns { position:absolute; top:0; right:3.25rem; }
.outside .top_util .sns .btn_open { position:relative; width:11.875rem; height:1.875rem; }
.outside .top_util .sns .btn_open::after { content:''; position:absolute; top:0; left:1rem; width:1.25rem; height:1.25rem; background:url(../../../images/g440/portal/ico_mobile_sns.png) no-repeat 0 0; background-size:contain; }
.outside .top_util .sns .btn_open span {display:none;}
.outside .top_util .sns .sns_link { overflow:hidden; position:absolute; left:0; top:0; max-height: 0; opacity:0; visibility:hidden; transition:all .3s; z-index:100; }
.outside .top_util .sns.active .sns_link { opacity:1; visibility:visible; max-height:200px; }
.outside .top_util .sns .sns_link li { position:relative; margin-top:-1px; border:1px solid #102a48; }
.outside .top_util .sns .sns_link li a { display:block; width:3rem; height:3rem; text-indent:-9999px; }
.outside .top_util .sns .sns_link .facebook a::before { content:''; position:absolute; top:0; left:0; width:3rem; height:3rem; background:#00539e url(../../../images/g440/portal/ico_facebook.png) no-repeat 0 0; background-size:contain; }
.outside .top_util .sns .sns_link .twitter a::before { content:''; position:absolute; top:0; left:0; width:3rem; height:3rem; background:#28aae1 url(../../../images/g440/portal/ico_twitter.png) no-repeat 0 0; background-size:contain;  }
.outside .top_util .sns .sns_link .link a::before { content:''; position:absolute; top:0; left:0; width:3rem; height:3rem; background:#8794a5 url(../../../images/g440/portal/ico_link.png) no-repeat 0 0; background-size:contain; }
.outside .top_util .sns .sns_link .btn_close { display:block; width:3rem; height:2rem; background:#fff; text-indent:-9999px; border:none;}
.outside .top_util .sns .sns_link .btn_close a { position:relative; }
.outside .top_util .sns .btn_close a::before,
.outside .top_util .sns .btn_close a::after {
	content:'';
	display: block;
	position: absolute;
	right: 23px;
	top: 0.25rem;
	width: 0;
	height: 17px;
	border-right: 2px solid #373737;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.outside .top_util .sns .btn_close a::after {
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.sub_nav .mobileOn {color:#fff;font-size:0.9375rem;}
.sub_nav>ul {width:100%; padding-left:0;}
.sub_nav>ul>li.nav_home {display:none;}
.sub_nav>ul>li.nav_depth1 { display:none;}
.sub_nav>ul>li::before {display:none;}
.sub_nav>ul>li:last-child::after {display:none;}
.sub_nav_drop {top:2.5rem;}
.location {position:absolute;left:0.875rem;top:0.5rem;}
.location li {font-size:0.8rem; position:relative;display:inline-block;padding-right:0.875rem;}
.location li:not(:last-of-type)::after {content:''; position:absolute; right:0.125rem; top:0.4rem; width:0.5rem; height:0.75rem;background:url(../../../images/g440/portal/mobile_ico_location.png) no-repeat;background-size:contain;}
.outside .sub_nav>ul.clearfix>li a:first-child {font-size:0;}
.outside .sub_nav>ul.clearfix>li:nth-last-child(2) {display:none;}
.outside .sub_nav>ul.clearfix>li .sub_nav_drop a {font-size:0.875rem;}
.outside .sub_nav>ul.clearfix>li:last-child>a::after {top:0.325rem !important; right:0 !important;}
.outside .sub_nav>ul.clearfix>li:last-child {width:100%;height:2.5rem;padding:0.75rem;}

.table_view th { padding:0.4375rem; font-size:0.8125rem;}
.table_view td { padding:0.4375rem; font-size:0.8125rem; }
.table_view .subject { font-size:0.8125rem; }
.table_vertical th { padding:0.4375rem; font-size:0.8125rem;}
.table_vertical td { padding:0.4375rem; font-size:0.8125rem; }
.table_vertical .subject { font-size:0.8125rem; }

/* Header */
.mobile_nav {position:absolute; left:1.25rem; top:50%; display:block; width:1.125rem; height:1.125rem; margin-top:-0.5625rem; background: url(../../../images/g440/portal/mobile_ico_nav.png) no-repeat 0 0; background-size:contain;}
.btn_mobile_user {position:absolute; right:12%; top:1rem; display:block; width:1.5rem; height:1.5rem; background: url(../../../images/g440/portal/mobile_ico_user.png) no-repeat 0 0; background-size:contain;}
#slide_nav {display:none; position:fixed; width:100%; height:100% !important; left:0; top:0; z-index:99999; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;}
#slide_nav .box {position:absolute; left:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;}
#slide_nav .box .mobile_login { position:relative; display:block; width:100%; padding:12px 15px; text-indent:1.5rem; background:#203e60; color:#fff;font-size:1rem; line-height:inherit; border-bottom:7px solid #e2e2e2; }
#slide_nav .box .mobile_login::before {content:'';position:absolute;left:1rem;top:1rem;width: 1rem; height: 1rem;background: url(../../../images/g440/portal/mobile_ico_login.png) no-repeat 0 0; background-size:contain;}
#slide_nav .box .mobile_user {position:relative; height:50px; padding:0.75rem 0.9375rem 0; border-top:1px solid #d9dadc;}
#slide_nav .box .mobile_user::before {content:'';position:absolute; left:0.9375rem; top:0.75rem;width: 1.5625rem; height: 1.5625rem;background: url(../../../images/g440/portal/ico_mobile_user.png) no-repeat 0 0; background-size:contain;}
#slide_nav .box .mobile_user .user_name strong {font-weight:700;}
#slide_nav .box .mobile_user .user_name {padding-left:2.1875rem;}
#slide_nav .box .binds {height:100%; overflow:auto; background:#fff; border-top:1px solid #c4c4c4;}
#slide_nav .box ul {position:relative;width:100%; height:calc(100% - 48px);}

#slide_nav .box ul li {float:none;}
#slide_nav .box ul li a {display:block; position:relative; width:37%; padding:1.25rem 1.125rem; color:#9edff3; font-size:0.875rem; line-height:1;}
#slide_nav .box ul li a span {display:block; font-size:1.125rem; line-height:22px; font-weight:600; padding:14px 10px;}
#slide_nav .box ul li a.on {color:#fff;}
#slide_nav .box ul li a.on:after {content:""; display:block; width:12px; height:4px; background:#43c1ef; position:absolute; right:0; top:50%; margin-top:-2px;}
#slide_nav .box ul li ul {display:none; margin:0; padding:0;}
#slide_nav .box ul li ul.menuBox.group {position:absolute;overflow-y:auto;top:0;left:37%;right:0;bottom:0;background:#fff;width:auto;}
#slide_nav .box ul li ul li {position:relative;}
#slide_nav .box ul li ul li a {width:96%;color:#000; padding:0; margin:0 2%; border-bottom:1px solid #d5d5d5;}
#slide_nav .box ul li ul li a:hover, #slide_nav .box ul li ul li a:active {}
#slide_nav .box ul li ul li a strong {display:block; font-weight:normal; font-size:16px; line-height:1; padding:0; margin:0 1.5rem;  border-bottom:1px solid #d5d5d5;}/*?? 占쎈쐻占쎈윞占쎈��占쎈쐻占쎈윪占쎌졆占쎈쐻占쎈윥占쎈뤅占쎈쐻占쎈윥筌앾옙 占쎈쐻占쎈윥壤쏉옙 �뜝�럡猿�占쎈쐻占쎈쓡野껁깷�쐻�뜝占�*/
#slide_nav .box ul li ul li a strong {position:relative;}
#slide_nav .box ul li ul li a strong.active{position: absolute;left:0;top:0;width:5px;height:5px;background:#000;}
#slide_nav .box ul li ul li a.on {background:#fff; color:#000;border-bottom:0;}
#slide_nav .box ul li ul li a:after {display:none;}
#slide_nav .box ul li ul li.arrow:after {content:'';position:absolute; left:78%; top:1rem; width:1rem; height:1rem; background:url(../../../images/g440/portal/btn_depth3_close.png) no-repeat; background-size:contain;}
#slide_nav .box ul li ul li.arrow a.on:after {content:'';position:absolute; left:79.4%; top:1rem; width:1rem; height:1rem; background:#fff url(../../../images/g440/portal/btn_depth3_open.png) no-repeat; background-size:contain; z-index:10;}
#slide_nav .box ul li ul li ul {display:none;  border-bottom:1px solid #d5d5d5; margin: 0 2%;}
#slide_nav .box ul li ul li ul {width:auto;float:none; padding:0 0 10px 0;}
#slide_nav .box ul li ul li ul li {}
#slide_nav .box ul li ul li ul li a {color:#444;border-width:0 !important;}
#slide_nav .box ul li ul li ul li a span {font-size:14px; line-height:1.6; padding:5px 5px 5px 20px;}
#slide_nav .box ul li ul li ul li a.on {color:#444; background:none;}

#slide_nav .box .close {display:block; position:absolute; right:0; top:0; width:3rem; height:3rem; z-index:51; text-indent:-9999px;}
#slide_nav .box .close:after {content:""; display:block; width:1rem; height:1rem; position:absolute; right:1.125rem; top:1rem; background:url(../../../images/g440/portal/mobile_nav_close.png) no-repeat center 50%; -webkit-transition: all .8s ease; transition: all .8s ease;}
#slide_nav .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}

#slide_nav ul.group:before { content:"";display:block;position:absolute;left:0;top:0;bottom:0;width:37%;height:100%;background-color:#0185b5;}
#slide_nav ul.menuBox.group:before {display:none}
#slide_nav ul.menuBox.group ul.group:before {display:none}

.outside > #container {width:100%;}

.visual_inner {width:100%;}
.user_inner {width:100%;}
.type1_inner {width:100%;}
.main_wrap .chart_inner {width:100%;}
.type2_inner {width:100%;}
.board_inner {width:100%;}
.main_wrap .chart_inner .chart {width:100%;}
.type2_inner .service_link {width:100%; margin-bottom:30px; height:auto;}
.outside_visual .main_visual .swiper-slide {width:100% !important;}
.main_wrap.visual {height:auto;}
.main_wrap.outside_visual {height:auto;}
.main_wrap.user {height:100%; overflow:hidden;}
/* 미래등기시스템구축사업 추가 BEGIN */
.main_wrap.user.expt {height:100%; overflow:hidden;}
/* 미래등기시스템구축사업 추가  END */
.main_wrap.type1 {height:auto;}
.main_wrap.type2 {height:auto;}
.main_wrap.outside_type1 {height:auto;}
.main_wrap.outside_type2 {height:auto;}
.main_wrap.boardtabs {height:auto;}

.user_inner {width:100%;padding:0 1.125rem 0.625rem 1.125rem ;}
.user_inner .info_box {float:none; padding-bottom:0.625rem;}
.user_inner .info_box.outside_type1 img {width:100%;}
.user_inner .info_box.outside_type1 {width:100%;margin:0;}
.user_inner:before {display:none;}
.user_inner .info_box.type2 {width:100%;margin:0;}

.user_inner .info_box .box_title .more {width:1.25rem; height:1.25rem;}
[class*="btn"].more::before{height: 0.875rem;left:0.595rem;top:0.2rem;}
[class*="btn"].more::after{height: 0.875rem;left:0.595rem;top:0.2rem;}
.user_inner .pagination {margin:15px auto 0;}

.main_wrap.boardtabs {height:3.125rem; padding:1rem 0 0 1.125rem; border-top:1px solid #d9d9d9; line-height:1;}
.main_wrap.boardtabs dl dt, .main_wrap.boardtabs dl dd {display:inline-block;}
.main_wrap.boardtabs dl dt {position:relative; padding-right:0.9375rem; font-size:0.9375rem; font-weight:500;}
.main_wrap.boardtabs dl dt::after {content:''; position:absolute; right:0rem; top:-0.125rem; width:0.125rem; height:1.25rem; background:#bcbcbc;}
.main_wrap.boardtabs dl dd {position:relative; padding-left:0.75rem; font-size:0.85rem;}
.outside .main_wrap.boardtabs dl {position:relative;}
.outside .main_wrap.boardtabs dl::after { content:''; position:absolute; right:5%; top:30%; box-sizing: border-box;
	height: 0.625rem;
	width: 0.625rem;
	border-style: solid;
	border-color: #808080;
	border-width: 1px 1px 0px 0px;
	transform: rotate(45deg);
	transition: border-width 150ms ease-in-out;
}
.type1_inner .caption {width:100%;}
.type1_inner .caption p {font-size:1.1875rem;}
.type2_inner .service_link {margin-bottom:30px;}
.type2_inner .service_link ul{width:100% !important;padding-bottom:30px;}
.type2_inner .service_link li {margin:5px !important; height:auto;}
.type2_inner .service_link .swiper-wrapper { height:auto;}
.main_wrap.type2 {padding:0 0.9375rem; height:auto;}
.type2_inner .service_link li a span {font-size:0.875rem; bottom:18px;}
.type2_inner .caption {margin:0 auto 20px;}
.type2_inner .service_link img {width:100%;}
.type2_inner .swiper-container .pagination2.type1{bottom:0px;}
.type2_inner .caption {width:100%;}
.type2_inner .caption p {padding-top:1.5625rem; font-size:1.1875rem;}
.type2_inner .caption p br {display:none;}
.type2_inner {height:auto;}
.type1_inner .caption p{padding-top:1.5625rem;}
.type1_inner .caption {margin:0 auto 1.5625rem;}
.pagination.type3 {bottom:0px !important;}


}

.filebox .btn_delete {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    background-color: #ddd;
}
.filebox .btn_delete:before,
.filebox .btn_delete:after { content:''; display:block; position:absolute; left:7px; top:3px; width:0; height:9px; border-right:1px solid #737373; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.filebox .btn_delete:after { -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); }

.modal_pop_body {
    display: none;
    position:absolute;top:60%;left:50%;z-index: 1;
    padding: 15px;
    width:30%;
    max-width: 400px;
	/*min-width: 300px; */
    background-clip: padding-box;
    background-color:#3c3c8c;
}
.modal_pop_body .pop_title {color:#fff; font-size:14px; font-weight:bold}
.modal_pop_body .pop_content {color:#fff; font-size:12px;}