@charset "utf-8";


@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 300;
    src: local('NotoSansKR-Light'), 
         local('NotoSansKR Light'), 
         url(../../../font/renewal/NotoSansKR-Light.eot),
         url(../../../font/renewal/NotoSansKR-Light.woff2) format('woff2'),
         url(../../../font/renewal/NotoSansKR-Light.woff) format('woff'),
         url(../../../font/renewal/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansKR-Regular'),
         local('NotoSansKR Regular'),
         url(../../../font/renewal/NotoSansKR-Regular.eot),
         url(../../../font/renewal/NotoSansKR-Regular.woff2) format('woff2'),
         url(../../../font/renewal/NotoSansKR-Regular.woff) format('woff'),
         url(../../../font/renewal/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 500;
    src: local('NotoSansKR-Medium'),
         local('NotoSansKR Medium'),
         url(../../../font/renewal/NotoSansKR-Medium.eot),
         url(../../../font/renewal/NotoSansKR-Medium.woff2) format('woff2'),
         url(../../../font/renewal/NotoSansKR-Medium.woff) format('woff'),
         url(../../../font/renewal/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 700;
    src: local('NotoSansKR-Bold'),
         local('NotoSansKR Bold'),
         url(../../../font/renewal/NotoSansKR-Bold.eot),
         url(../../../font/renewal/NotoSansKR-Bold.woff2) format('woff2'),
         url(../../../font/renewal/NotoSansKR-Bold.woff) format('woff'),
         url(../../../font/renewal/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 900;
    src: local('NotoSansKR-Black'),
         local('NotoSansKR Black'),
         url(../../../font/renewal/NotoSansKR-Black.eot),
         url(../../../font/renewal/NotoSansKR-Black.woff2) format('woff2'),
         url(../../../font/renewal/NotoSansKR-Black.woff) format('woff'),
         url(../../../font/renewal/NotoSansKR-Black.otf) format('opentype');
}


/*skip*/
#skipnavi {position: absolute; top:0; left:0; width:100%; height:0; z-index:5000;}
#skipnavi a {display:block; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; font-size:0; text-align:center;}
#skipnavi a:focus,
#skipnavi a:active,
#skipnavi a:hover {width:100%; height:30px; line-height:30px; font-size:13px; background:#10346e; color:#fff; text-decoration: none;}

#container {width:100%; height:100%;}

/* header */
#box-header {/*position:fixed;*/ width:100%; height:125px; background: #fff; /*border-bottom:solid 4px #f86b10;*/}
.headerFixed {position:fixed; top:0px; z-index:99999;}
#box-header.mn_open{position:fixed; top:0px; z-index:99999; height: 100%; background:transparent; overflow-y: auto}
#box-header #box-top-util {width:100%; height:44px; background: #fff; /*background:#f2f2f2;*/ border-bottom:solid 1px #ddd; overflow:hidden;}
#box-top-util #box-util-inner {width:1200px; margin:0 auto;}
#box-top-util #box-util-inner #top-catagory {float:left;}
#box-top-util #box-util-inner #top-catagory li {display:inline-block; width:auto; margin:6px 3px 6px 0;}
#box-top-util #box-util-inner #top-catagory li a {display:block; padding:7px 10px; border:solid 1px #cfcfcf;}
#box-top-util #box-util-inner #top-catagory li a.on {border:solid 1px #ff942c; background:#fffdf6; color:#ff942c; font-weight:bold;}
#box-top-util #box-util-inner #top-util {float:right;}
#box-top-util #box-util-inner #top-util li {display:inline-block; margin-top:14px; padding:0 7px 0 10px; border-left:solid 1px #ddd; font-size:13px; vertical-align:middle;}
#box-top-util #box-util-inner #top-util li:first-child {border:0;}
#box-top-util #box-util-inner #top-util li:last-child {}
#box-top-util #box-util-inner #top-util li a {color:#666;}
#box-top-util #box-util-inner #top-util li > #box-search-top {position:relative; width:280px; height:30px; background:#fff; border:solid 1px #cfcfcf; border-radius:15px;}
#box-top-util #box-util-inner #top-util li > #box-search-top > input[type=text] {position:absolute; top:1px; left:13px; border:0;}
#box-top-util #box-util-inner #top-util li > #box-search-top > button {position:absolute; top:4px; right:13px; width:18px; height:18px; padding:0; background:#fff; border:0;}
#box-top-util #box-util-inner #top-util li .user {font-size:13px; font-weight:bold;}
#box-top-util #box-util-inner #top-util li .btn-logout {font-size:13px; font-weight:bold; color:#333; letter-spacing:-0.5px;}
/* #box-top-util #box-util-inner #top-util li .btn-logout {display:inline-block; padding:5px 8px; background:#ff942c; border-radius:3px; color:#fff; font-size:12px;} */
#box-top-util #box-util-inner #top-util li .time {color:#679dda; font-size:13px;}
#box-top-util #box-util-inner #top-util li .btn-time-ex {display:inline-block; padding:3px 5px; background:#666; border-radius:3px; color:#fff; font-size:12px;}
#box-top-util #box-util-inner #top-util li .last-time {font-size:12px; color:#787878;}

#box-header header {width:1200px; margin:0 auto;}
#logo {position:absolute; top:68px; z-index:999; /* float:left; margin:25px 0; */}
#logo a {font-size:28px; color:#f86b10;}

.btn_menu {display:none}
.mb_gnb	{display:none;}

.pc_gnb {position:absolute; left:0; top:64px; width:100%; background:#fff; border-bottom:solid 4px #303F9F; overflow:hidden; z-index:888;}
.pc_gnb .menu {font-size:20px;}
.pc_gnb .menu.active {color:#303f9f;}
.pc_gnb>ul {margin:0 auto; width:1200px; padding-left: 200px}
.gnb:after {display:block;clear:both;content:''}
.pc_gnb > ul > li {position:relative; float:left; width:20%; height:50px;}
.pc_gnb > ul > li:hover > ul {background:#f5f6f7;}
.pc_gnb > ul > li > a {display:block;	padding:10px 0; color:#404040; text-align:center; text-decoration:none; font-weight:800;}
.pc_gnb > ul > li > a:hover {color:#303F9F;}
.pc_gnb > ul > li > ul {position:absolute; top:61px; width:100%; height:400px; padding-top:15px; background:#fff; border-right:solid 1px #cfcfcf;}
.pc_gnb > ul > li.gnb01 > ul {border-left:solid 1px #cfcfcf;}
.pc_gnb > ul > li > ul > li {float:none; font-size:15px;}
.pc_gnb > ul > li > ul > li > a {display:block; padding:9px 0; padding-left: 12px; margin-left: 20px; font-size: 0.9em; position: relative; color:#5f5f5f}
.pc_gnb > ul > li > ul > li > a:before {content: ""; position: absolute;border: 2px solid #9E9E9E;top: 50%;margin-top: -2px;left: 0;border-radius: 100px;}
.pc_gnb > ul > li > ul > li > a:hover{text-decoration: underline; color: #FF5722;}
.pc_gnb > ul > li > ul > li > a:hover:before{border-color:#FF5722}
.pc_gnb > ul > li > ul > li >ul{display: none}
.pc_gnb:after {content: "";width: 100%;border-bottom: 1px solid #cfcfcf;position: absolute;left: 0;top: 60px;}

.sitemap {position:relative; top:0; left:1160px; width:40px; height:40px; margin-top:18px; padding:10px 8px; background:#fff; border:solid 1px #cfcfcf; z-index:999; display: none}
.sitemap > a {display:block;}

/* layout style */
#box-container {width:100%;}
#box-wrap {position:relative; width:1200px; height:100%; margin:0 auto; padding:50px 0;}
#box-wrap::after {display:block; content:''; clear:both;}
#statistics-wrap {position:relative; width:100%; height:100%; margin:0 auto; padding:0; background: #edeff5;}
#statistics-wrap::after {display:block; content:''; clear:both;}

/* lacation style */
#box-location {width:100%; border-bottom:solid 1px #cfcfcf;}
.locationFixed {position:fixed; top:125px; background:#fff; z-index:999;}
#box-location #page-location {position:relative; width:1200px; height:44px; margin:0 auto; border-left:solid 1px #cfcfcf;}
#box-location #page-location > ul {float:left;}
#box-location #page-location > ul > li {float:left; position:relative; display:inline-block; border-right:solid 1px #cfcfcf;}
#box-location #page-location > ul > li > a {display:block; position:relative; padding:15px 70px 15px 20px; white-space:nowrap;}
#box-location #page-location > ul > li > a::after {position:absolute; top:19px; right:15px; width:11px; height:7px; content: ''; background:url('../../../images/rdsusr/arrow_bottom01.png') no-repeat right center; /*transition: all 0.2s; transform: rotate(180deg);*/}
#box-location #page-location > ul > li > a:hover, #box-location #page-location > ul > li > a:focus {background:#f5f5f5;}
#box-location #page-location > ul > li > a:focus::after {transition: all 0.5s; transform: rotate(180deg);}
#box-location #page-location > ul > li.page > ul {position: absolute; top: 44px; left: -1px; width: 181px; background-color: #fff; border: 1px solid #ddd; z-index:333;}
#box-location #page-location > ul > li.page > ul > li > a {display:block; padding:15px 12px; border-top:solid 1px #cfcfcf;}
#box-location #page-location > ul > li.page > ul > li:first-child > a {border-top:none;}
#box-location #page-location > ul > li.page > ul > li:hover {background:#f5f5f5;}

/* side layout */
#side {float:left; width:230px; margin-right:40px;}
#side #box-side-title {width:230px; height:150px; padding:60px 0 30px; background:#ff8d08;}
#side #box-side-title > h2 {text-align: center; color:#fff; font-size:36px; line-height:0.7;}
#side #box-side-title > h2 span {color:#ffe589; font-size:14px; font-weight:normal;}
#side-menu {}
#side-menu {}
#side-menu > li {width:100%; margin-top:5px; padding:15px; background:#ecedef; border:solid 3px #ecedef;}
#side-menu > li:hover {border:solid 3px #ff9f08; background:#fff; font-weight:bold;}
#side-menu > li > a {display:block; color:#303030; font-size:16px;}
#side-menu > li.group.active {border:solid 3px #ff9f08; background:#fff; font-weight:bold;}
#side-menu > li.group > .depth02 {margin-top:10px; padding:10px 15px; background:#fff8eb; font-weight:normal;display:none}
#side-menu > li.group > .depth02.active {display:block;}
#side-menu > li.group > .depth02 > li {line-height:180%;}
#side-menu > li.group > .depth02 > li > a:hover,
#side-menu > li.group > .depth02 > li > a.active {color:#ff8401; text-decoration:underline;}


/* contents layout */
#box-contents {float:left; position:relative; width:930px;}
#statistics-contents {float:left; position:relative; width:100%;}
#sub-title {color:#505050; font-size:34px; font-weight: 800; position: relative; padding-bottom: 1.1em; display: none;}
#sub-title:after{content: "";background-color: #ddd; background-image: url(/images/rdsusr/common/bg_degline_w.png); position: absolute; bottom: 0; width: 100%; left: 0; height: 6px;}
.page-control {position: absolute; top: 0; right: 0;display: none;}
.page-control>li {display:inline-block; width:36px; height:36px; margin-left:6px;}
.page-control>li>a {display:block; width:36px; height:36px; padding:8px 9px; border:solid 1px #cfcfcf; border-radius:50%;}
.page-control>li.btn_sns_share>a{padding: 2px}
.content-detail {clear:both;text-align: -webkit-center; /*padding-top:36px */}

/* sub상단 sns 공유(영문용) */
.sns_share_top{position: absolute; right: 0; top: 40px; width: 500px;text-align: right;z-index: 2;}
.sns_share_top>ul{display: inline-block; padding: 10px; background: #fff;border: 1px solid #444; box-shadow: #ddd 2px 2px 3px;}
.sns_share_top>ul>li{display: inline-block}
.sns_share_top>ul>li>a{display:block; width: 35px}
.sns_share_top>ul>li>a>img{width: 100%}

/* 하단 sns 공유 */
.sns_share{text-align: center; margin-top: 40px;}
.sns_share ul{padding: 20px 10px}
.sns_share li:first-child{margin-right: 20px}
.sns_share li{display: inline-block; margin-left: 5px; vertical-align: middle}
.sns_share li a{display: block;width: 50px;}
.sns_share li a>img{width: 100%; border-radius: 4px}
@media screen and (max-width: 499px) {
	.sns_share ul{padding: 10px 0}
	.sns_share li:first-child{margin-right: 10px}
	.sns_share li{margin-left: 0}
	.sns_share li a{width: 35px}
}

/* 세부사업 현황판 임시 추가 2019.08.14 */
.content-top {clear:both; padding-top:70px;}
#sub-title02 {float:left; color:#505050; font-size:20px; padding-bottom:20px;}
#sub-title03 {color:#505050; font-size:20px; padding-bottom:20px;}
#sub-title04 {color:#505050; font-size:12px;}


/* footer */
#box-banner-container {clear:both; width:100%; height:56px; background:#fff; border-top:solid 1px #cfcfcf; border-bottom:solid 1px #cfcfcf; overflow:hidden;}
#box-banner {position:relative; width:1200px; margin:0 auto;}
#box-org {float:left; width:805px;}
#box-org > h2, #box-sns > h2 {float:left; width:60px; height:56px; padding:9px 15px; border-left:solid 1px #cfcfcf; line-height:135%;}
#box-org .control-banner, #box-sns .control-banner {float:left; position:relative; width:30px; height:56px; border-left:solid 1px #cfcfcf; border-right:solid 1px #cfcfcf; z-index:555;}
#box-org .control-banner li:first-child, #box-sns .control-banner li:first-child {border-bottom:solid 1px #cfcfcf;}
#box-org .control-banner li a, #box-sns .control-banner li a {display:inline-block; padding:6px 8px;}

.als-container {position:relative; margin:0px auto;}
.als-viewport {position:relative; overflow:hidden; margin:0px auto; }
.als-wrapper {position:relative; list-style:none;}
.als-item {float:left; position:relative; display:block; text-align:center; cursor:pointer;}

#lista1, #lista2 {margin-bottom:80px;}
#lista1 .als-item {min-width:640px; min-height:32px; margin:8px 0px; text-align:left;}
#lista2 .als-item {min-width:280px; min-height:32px; margin:10px 0px; padding-top:5px;}
#lista1 .als-item a {display:inline-block; padding:0 16px; vertical-align:middle;}
#lista2 .als-item a {display:inline-block; padding:0 10px; vertical-align:middle;}
#lista1 .als-item a img {position: relative; display: block; vertical-align: middle; margin-bottom: 8px;}
#lista2 .als-item a img {width:26px; height:26px; vertical-align:middle;}

#box-footer {width:100%;}
#box-footer > footer { width:1200px;margin:0 auto;}
#box-footer > footer > .list-guide {margin:15px 0;}
#box-footer > footer > .list-guide > li {display:inline-block; border-left:solid 1px #cfcfcf;}
#box-footer > footer > .list-guide > li:first-child {border-left:0;}
#box-footer > footer > .list-guide > li > a {display:block; padding:0 8px; font-weight:bold;}
#box-footer > footer > address {padding-left:8px; line-height: 1.5; font-size: .96em;}
#box-footer > footer > .copyright {margin:20px 0; padding-left:8px;}
#box-footer > footer > .copyright-mo {display:none;}

/* login style */
/* All MENU (전체메뉴) style */
#popup-menu-layer {position: absolute; z-index:10000; top: 0; left: 0; 	right: 0}
#popup-menu-layer:before { content: ' '; position: fixed; top: 0; left: 0; right: 0; bottom: 0;	background-color: rgba(0,0,0,0.5);}
#box-all-menu {position:absolute; top:130px; left:50%; width:1200px; margin:0 0 0 -600px; background:#fff; border:solid 4px #f86b10; z-index:999}
#all-menu {width:100%; padding:50px 40px;}
#all-menu::after {display:block; content:''; clear:both;}
#all-menu > li.all-depth01 {float:left; width:190px; margin-left:30px;}
#all-menu > li.all-depth01:first-child {margin-left:0;}
#all-menu > li.all-depth01 > a {display:block; padding:0 3px 5px; border-bottom:solid 2px #ff942c; font-size:18px; font-weight:bold;}
#all-menu > li > ul.all-depth02 {margin:10px 5px 0;}
#all-menu > li > ul.all-depth02 > li {margin-top:10px;line-height:180%;}
#all-menu > li > ul.all-depth02 > li > a {font-weight: bold; font-size:15px;}
#all-menu > li > ul.all-depth02 > li > ul.all-depth03 {margin:0; padding:10px 15px; background:#fff8eb;}
#all-menu > li > ul.all-depth02 > li > ul.all-depth03 > li {line-height:180%;}
#all-menu > li > ul.all-depth02 > li > ul.all-depth03 > li > a {color:#333; letter-spacing:-1px;}
#all-menu > li > ul.all-depth02 > li a:hover {text-decoration:underline;}
.btn-close {position:absolute; top:0; right:0;}

/*
 * #popup-login-layer 추가 (2019.06.14)
 * #popup-login-layer:before 추가 (2019.06.14)
 */
#popup-login-layer {position: absolute; z-index: 10000; top: 0; left: 0; 	right: 0}
#popup-login-layer:before { content: ' '; position: fixed; top: 0; left: 0; right: 0; bottom: 0;	background-color: rgba(0,0,0,0.5);}
#popup-login {position:absolute; top:200px; left:50%; width:510px; margin:0 0 0 -255px; background:#fff; border:solid 4px #f86b10;}
#popup-login h2 {margin:56px 0 20px; text-align:center; color:#404040; font-size:28px; font-weight:bold;}
#popup-login .text-login {color:#787878; text-align:center;}
#box-login {width:280px; margin:30px auto;}
#box-login input[type=text], #box-login input[type=password] {width:280px; height:36px; margin-bottom:6px; background:#f5f5f5; border:solid 1px #cfcfcf; border-radius:0; font-size:15px; line-height:37px;}
#box-login .btn-login {width:280px; height:40px; margin-top:5px; background:#f86b10; border:0; color:#fff; font-size:16px;}
#box-login p {margin-top:14px; font-size:13px; letter-spacing:-0.5px;}
.btnArea-login {width:440px; margin:30px auto 0; padding:30px 0 40px; border-top:dashed 1px #ccc; text-align:center;}
.btnArea-login a.btn-login2 {display:inline-block; width:100px; height:32px; background:#e8e8e8; border:solid 1px #bbb; font-size:13px; text-align:center; line-height:31px;}
.btn-close {position:absolute; top:0; right:0;}


/* goto top 버튼 */
.btn_go_top{position: fixed; right: 30px; bottom: 30px; display: none}
.btn_go_top>a{display: block; width: 50px; height: 50px; background: #555b64; opacity: .6; position: relative}
.btn_go_top>a:after{content: ""; width: 16px; height: 16px; border-top: 3px solid #fff; border-left: 3px solid #fff; transform: rotate(45deg); display: block; position: absolute; top: 20px; left: 17px;}
.btn_go_top>a:hover{opacity: 1}
.btn_go_top>a>span{display: block; width: 1px; height: 1px; margin-left: -1px; margin-bottom: -1px; font-size: 0; text-align: center;}
.btn_go_top.active{display: block; z-index: 999;}
@media screen and (max-width:767px){
	.btn_go_top{right: 10px; bottom: 10px}
}


@media screen and (max-width:1024px)
{
  /* top,header */
  #box-top-util #box-util-inner {width:100%; padding:0 20px;}
  #box-top-util #box-util-inner #top-util li {margin-top:14px;}
  #box-top-util #box-util-inner #top-util li > #box-search-top {display:none;}
  #box-header header {width:100%; padding:0 20px; min-height: 81px; background: #fff}

  .pc_gnb ul {width:800px;}
  .sitemap {top:0; left:920px;}

  #box-location #page-location {width:100%;}
  #box-wrap {position:relative; width:100%; padding:50px 20px;}
  #statistics-wrap {position:relative; width:90%; padding:50px 20px;}
  #side {position:absolute; width:200px; top:50px; left:20px; z-index:100;}
  #side #box-side-title {width:200px;}

  #box-contents {width:100%; padding-left:230px;}

  #box-org {float:left; width:660px;}
  #box-sns {/*float:left;*/}
  #lista2 .als-viewport {margin:0;}
  #lista1 .als-item {min-width:560px;}
  #lista2 .als-item {min-width:280px;}
  #lista1 .als-item a {padding:0 8px;}
  #lista2 .als-item a {padding:0 5px;}

  #box-footer > footer {width:100%;}

  #box-all-menu {position:absolute; top:130px; left:50%; width:1000px; margin:0 0 0 -500px; }
  #all-menu > li.all-depth01 {float:left; width:160px; margin-left:20px;}
}

@media screen and (max-width:1000px){
  #box-banner-container {display:none;}
  #box-all-menu {display:none;}
}

@media screen and (max-width:823px){
  .btn_menu {display:block;	position:absolute; top:65px; right:22px; width:40px;}
  .btn_menu a {display:block;height:40px;text-indent:-999px;overflow:hidden;}
  .btn_menu a.btnopen {background:url('../../../images/rdsusr/icon_menu.png') no-repeat 0 0; border:1px solid #cfcfcf;}
  .btn_menu a.btnclose {display:none; background:url('../../../images/rdsusr/icon_close.png') no-repeat center center; border:1px solid #cfcfcf;}

  .mb_gnb {display:block;	position:absolute; top:120px; left:0;	z-index:9995; width:100%; height:auto; margin:0 auto; background:#fff; border-top:3px solid #0b74dd;}
  .mb_gnb a {display:block}
  .mb_gnb > ul > li > a	 {padding:20px 30px;font-size:18px;color:#fff;background:#444;border-top:1px solid #ffffff1f;}
  .mb_gnb > ul > li:first-child > a {border-top:none;}
  .mb_gnb > ul > li.open > a {background:#444;}
  .mb_gnb > ul > li > ul {display:none;}
  .mb_gnb > ul > li > ul > li > a {padding:15px 30px;font-size:17px;color:#555;background:#fff; border-top:1px solid #ddd; position: relative}
  .mb_gnb > ul > li > ul > li > a:after{content: ""; display: block; position: absolute; top: 16px; right: 20px; width: 10px; height: 10px; border-top: 2px solid #444444; border-left: 2px solid #444444; transform: rotate(-135deg)}
	.mb_gnb > ul > li > ul > li.open > a {color:#fff;background:#eb4e30;border-top:1px solid #eb4e30}
	.mb_gnb > ul > li > ul > li.open > a:after{transform: rotate(45deg); border-color: #fff}
	/* mobile 3depth */
	.mb_gnb > ul > li > ul > li > ul {display: none; border-top: 1px solid #ddd; padding:20px 0;background:#fafafa;}
	.mb_gnb > ul > li > ul > li > ul > li > a {padding:10px 0 10px 50px;font-size:15px;color:#000;}
  .mb_gnb > ul.member_gnb > li > a {padding:15px 30px;background:#444;border-top:1px solid #303030}

  .pc_gnb	{display:none;}

  .sitemap {display:none;}

  #box-wrap {padding:30px 10px;}
  #statistics-wrap {padding:30px 20px;}
  #side {display:none;}
  #box-contents {padding:0;}
  #box-location #page-location {display:none;}

  /* footer */
  #box-banner-container {display:none;}
  #box-footer {border-top:solid 1px #cfcfcf; padding:15px 20px;}
}

@media screen and (max-width:414px){ /* iphone 6/7/8/ plus */

	#box-top-util #box-util-inner #top-catagory{display: none}

  #box-location #page-location {display:none;}

  #sub-title {font-size:24px;}

  /* footer */
  #box-banner-container {display:none;}
  #box-footer > footer > .list-guide {display:none;}
  #box-footer > footer > address {display:none;}
  #box-footer > footer > .copyright {display:none;}
  #box-footer > footer > .copyright-mo {display:block; line-height:145%;}
}

@media print{	
	
	html, body{margin: 0; padding: 0}	
	
	#logo{position: static; padding:10px 0; text-align: center}
	#logo a{font-size: 1em}
	#logo a>img{width: 84px}
	#box-header{height:auto; border: solid 3px #aaa; position: static !important}
	#box-header #box-top-util{display: none}
	
	#box-header header{width: 100%}
	
	.pc_gnb{display: none}
	
	#box-location{display: none}
	
	#box-wrap{padding: 30px 0; width: 100%}
	
	#side{display: none}
	
	#box-contents{float: none; width:100%}
	
	#sub-title{font-size: 28px;border-bottom: 3px solid #ddd; padding-bottom: .5em; margin-bottom: 20px}
	#sub-title:after{content: none}
	
	.page-control{display: none}
	
	.content-detail{padding-top:20px}
	
	#box-footer > footer{width: 100%; padding-top: 10px}
	.acceptOpinion{display: none}
	#box-banner-container{display: none}
	
	#box-footer{border-top: 1px solid #ddd; page-break-inside: avoid}
	
	#box-footer > footer > .list-guide{display: none}
	
	
	
	#box-header #page-location #side #box-banner-container #box-footer {display: none;}
	#statisticsPrt .jstree_left {width:0% !important; display: none;}
	#statisticsPrt .jstree_right {width:100% !important;}
	.DTFC_LeftWrapper {display: none;}
	
	
	h1,h2,h3,h4,h5{font-weight: bold; page-break-after: avoid !important; page-break-inside: avoid}
	h1+p,h2+p,h3+p,h4+p{page-break-before: avoid}
	table,figure{page-break-inside: avoid}
	
}

@page{ size:auto; margin: 16mm }



/* 영문 */
#langEng{font-family:'NotoSansKR', Arial, sans-serif;}
#langEng #box-contents{width: 100%}
#langEng #logo{top:53px}
#langEng .pc_gnb{top: 54px}
#langEng .pc_gnb > ul{ padding-left: 220px; display: table}
#langEng .pc_gnb > ul > li{width: inherit; padding: 0 40px; float: none; display: table-cell; vertical-align: middle}
#langEng .pc_gnb > ul > li:last-child{padding-right:0}
#langEng .pc_gnb .menu{text-transform: uppercase; font-size: 1.1em; letter-spacing: -0.02em;}
#langEng #side #box-side-title{padding:10px; display: table}
#langEng #side #box-side-title > h2{display: table-cell; vertical-align: middle; font-size: 1.2em; line-height: 1.2; text-transform: uppercase;}
#langEng #side-menu > li > a{ font-size: 1.1em; line-height: 1.2;}
#langEng #side-menu > li.group > .depth02 > li>a{font-size: .9em; line-height: 1.4;}
#langEng #box-footer{border-top: solid 1px #cfcfcf;padding: 15px 20px;}
#langEng .content-detail{text-align:left}


@media screen and (max-width: 1024px){
	#langEng .pc_gnb ul{width: 100%}
	#langEng .pc_gnb > ul > li{padding: 0 10px; width: 60px}
	#langEng .pc_gnb .menu{font-size: .96em}
	#langEng #box-contents{padding-left: 0}
}
@media screen and (max-width: 823px){
	#langEng #logo{top: 60px}
	#langEng #box-container{border-top: 1px solid #ddd}	
	#langEng .mb_gnb {top: 126px;}
}

#langEng #sub-title{font-size: 1.8em; padding-right: 150px;}

#langEng .tab-menu.type2{margin:-20px 0 60px; padding: 0;}
#langEng .tab-menu.type2 li{white-space: normal; width:20%}
#langEng .tab-menu.type2 li>a{height: 100%; white-space: normal; background: #DEEDF4; border: 1px solid #DEEDF4; margin: 0 2px; border-radius: 12px; }
#langEng .tab-menu.type2 li>a:before{content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 100%; margin-left: -1px; margin-right: 0}
#langEng .tab-menu.type2 li>a>span{line-height: 1.2;font-size: .96em;color: #0B74DD; display: inline-block; vertical-align: middle}
#langEng .tab-menu.type2 li>a:hover{border: 1px solid #0B74DD; background: #0B74DD;box-shadow:none}
#langEng .tab-menu.type2 li>a:hover>span{color: #fff;}
#langEng .tab-menu.type2 li>a.active{box-shadow:none; background:#0B74DD; border: 1px solid #0B74DD; }
#langEng .tab-menu.type2 li>a.active>span{color: #fff}
#langEng .tab-menu.type2 li>a.active:after{content: ""; width: 22px; height: 22px; position: absolute; border-radius: 100px; bottom: -12px; left: 50%; margin-left: -11px; background: #000 url(/images/rdsusr/common/mj_cate_icon_act.svg) no-repeat 50%; background-size: 10px auto;}


/* 하위탭
.tab-menu-en {display: table; margin-bottom:30px; padding-left: 1px; width: 100%}
.tab-menu-en li {display: table-cell; text-align: center; vertical-align: middle; padding:16px 8px; border:solid 1px #dcdcdc; border-left: 0 none; background:#fff; margin-left: -1px; margin-bottom: -1px; transition: all 0.2s ease-in-out;}
.tab-menu-en li a {display:block; font-size:.94em; line-height: 1.2; letter-spacing:-0.03em; color:#191919; }
.tab-menu-en li:hover {border-color: #3F51B5; z-index: 1; box-shadow: 0 10px 12px rgba(63, 104, 181, 0.32);}
.tab-menu-en li:hover a{color: #3f51b5; font-weight: bold; }
.tab-menu-en li.active {background:#2221d4; border:solid 1px #2221d4; z-index:1; box-shadow:0 10px 12px rgba(63, 104, 181, 0.32);}
.tab-menu-en li.active a{color:#fff; font-weight: bold; }
*/

#langEng .tit_type1{background:url("../../../images/renewal/sub/bullet02.png") left 5px no-repeat;font-weight: 400; text-transform: uppercase}
#langEng .tit_type1:before, #langEng .tit_type1:after{content:"";display:none;}
#langEng .tit_type2>span{font-size: 1.2em}
#langEng .tit_type3{ font-size: 1.14em; font-weight: 800; text-transform: uppercase; margin-top: 40px;}

#langEng .sec_divid+.sec_divid{border-top: 1px solid #ddd; margin-top: 100px}


#langEng .vision2020_c1>ul>li>strong{font-size: .9em}
#langEng .vision2020_c2>ul{display: flex}
#langEng .vision2020_c2>ul>li p{font-size: .95em}
#langEng .vision2020_c4>ul>li>h3{font-size: 1.2em;font-weight: 800;letter-spacing:0; text-transform: uppercase}
#langEng .vision2020_c4>ul>li .v_img>p{font-size: 1.5em;letter-spacing: -0.03em;}
#langEng .vision2020_c4>ul>li.v3 h3{width: 110px;}
#langEng .vision2020_c4>ul>li.v3 .v_img>ul>li{letter-spacing: 0; font-size: 1.1em;}
#langEng .vision2020_c4>ul>li.v3 .v_img>ul>li>strong{font-size: 1em; font-weight: 800; text-transform: uppercase}
#langEng .vision2020_c3>ul>li .col1 strong{text-transform: uppercase}
@media screen and (max-width: 767px){
	#langEng .vision2020_c4>ul>li .v_img>p{font-size: 1.2em}
	#langEng .vision2020_c4>ul>li .v_img>p{padding: .92em}
}


#langEng .business_graph .graph_c1>h3{letter-spacing: -0.02em;font-size: 1.4em;}
#langEng .business_graph .graph_c2>h4{font-size:1.2em;letter-spacing: -0.02em;}
#langEng .business_graph .graph_c2>ul>li{letter-spacing: -0.02em; font-size: 1.2em;}
#langEng .business_graph .graph_c3>h4{letter-spacing: -0.02em}
#langEng .business_graph .graph_c3>p{letter-spacing: -0.02em}
#langEng .business_graph .graph_c4>ul>li>h5{letter-spacing: -0.02em}


#langEng .cont_row_type1{display: table; width: 100%}
#langEng .cont_row_type1 .col1{display: table-cell;width: 60%}
#langEng .cont_row_type1 .col2{display: table-cell; width: 40%; text-align: center; vertical-align: middle}
#langEng .cont_row_type1 .col2 img{max-width: 100%}
@media screen and (max-width: 767px){
	#langEng .cont_row_type1{display: block}
	#langEng .cont_row_type1 .col1{display: block; width: 100%}
	#langEng .cont_row_type1 .col2{display: block; width: 100%}
}

#langEng .about_menu_lst{margin: 0 -10px}
#langEng .about_menu_lst>ul{display: flex; flex-wrap: wrap}
#langEng .about_menu_lst>ul>li{background: #eee; border-radius: 14px; margin-top: 20px; padding: 20px; width:calc(33.333% - 20px);margin: 10px;}
#langEng .about_menu_lst>ul>li>div{}
#langEng .about_menu_lst>ul>li>div>strong{display: block; text-align: center; padding: 14px; background: #0080e6; border-radius: 14px 14px 0 0; margin: -20px; margin-bottom: 10px; color: #Fff; text-transform: uppercase; font-weight: 800; line-height: 1.2}
#langEng .about_menu_lst>ul>li>div>ul{display: block; margin-bottom: 0;}
#langEng .about_menu_lst>ul>li>div>ul>li{font-size: 1em; margin-top: .3em;}
@media screen and (max-width: 767px){
	#langEng .about_menu_lst>ul>li{width: calc(50% - 20px);}
}
@media screen and (max-width: 519px){
	#langEng .about_menu_lst>ul>li{width: calc(100% - 20px);}
}


#langEng .cont_intro_top{display: table;width: 100%; table-layout: fixed}
#langEng .cont_intro_top .col1{display: table-cell; width: 45%;}
#langEng .cont_intro_top .col1 img{max-width: 100%}
#langEng .cont_intro_top .col2{display: table-cell; width:55%; padding-left: 5%; vertical-align: middle}
@media screen and (max-width: 767px){
	#langEng .cont_intro_top{display: block}
	#langEng .cont_intro_top .col1{display: block; width: 100%}
	#langEng .cont_intro_top .col2{display: block; width: 100%; padding-left: 0}
}