@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 {border:0; margin-top:6px; display: none}
#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;}


/* .user {font-size:13px; font-weight:bold; color: #fff;}
.time {font-size:13px; font-weight:bold; color: #fff;} 231107_back*/
.user {font-size:1.071rem/*15px*/; font-weight:bold; color: #fff;}
.time {font-size:1.071rem/*15px*/; font-weight:bold; color: #fff;}

@media all and (max-width:1250px) {
  .user {font-size:0.928rem/*13px*/;}
  .time {font-size:0.928rem/*13px*/;}
}




/*.pc_gnb {float:left; width:1000px; margin:20px 0 0 100px; overflow:hidden;}
.pc_gnb > ul > li {float:left; position:relative; width:15%; text-align:center; height:50px;}
.pc_gnb > ul > li > a {display:block; padding: 10px; color:#454545; font-size:20px; font-weight:bold;}
.pc_gnb > ul > li > a.disabled {color:#ddd; cursor:default;}
.pc_gnb > ul > li:hover > ul {background:#f5f6f7;}
.pc_gnb > ul > li > ul {position:absolute; top:62px; width:100%; height:370px; padding-top:12px; background:#fff; border-left:solid 1px #cfcfcf;}
.pc_gnb > ul > li > ul > li {margin:5px 0;}
.pc_gnb > ul > li > ul > li > a {display:block; padding:5px 0; color:#787878; font-size:15px;}


#gnb {float:left; margin:18px 0 18px 100px;}
#gnb > li {display:inline-block; margin:0 45px;}
#gnb > li > a {display:block; padding: 10px; color:#454545; font-size:20px; font-weight:bold;}*/
.btn_menu {display:none}
.mb_gnb	{display:none;}

.pc_gnb {position:absolute; left:0; top:64px; width:100%; background:#fff; border-bottom:solid 4px #f86b10; overflow:hidden; z-index:888;}
.pc_gnb .menu {font-size:20px;}
.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:bold;}
.pc_gnb > ul > li > a:hover {color:#f86b10;}
.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:888; display: none}
.sitemap > a {display:block;}

/* main style */
#box-main-container {width:100%; background-color:#f0f0f0;}
#box-main-wrap {width:1200px; margin:0 auto; padding:10px 0;}
#box-main-wrap:after{content: ""; display: block; clear: both}

#main-visual {float:left; width:594px; height:594px; margin:0 10px 10px 0;  border:solid 1px #cfcfcf; overflow: hidden; position: relative}
#main-visual > .bx-wrapper,
#main-visual > .bx-wrapper .bx-viewport,
#main-visual > .bx-wrapper .bx-viewport .bxslider,
#main-visual > .bx-wrapper .bx-viewport .bxslider>li,
#main-visual > .bx-wrapper .bx-viewport .bxslider>li>a,
#main-visual > .bx-wrapper .bx-viewport .bxslider>li>a>img{height: 100% !important}
#main-visual > .bx-wrapper{position: absolute; width: 100%; height: 100%}
#main-visual #list-visual {position:relative;}
#main-visual #list-visual li {position:relative;}
#main-visual #list-visual li a {display:block; width:100%;}
#main-visual #list-visual li a img {width:100%; height: 100% !important}

#main-visual .bx-wrapper .bx-prev {right:38px; background: url('../../../images/rdsusr/main_controls.png') no-repeat 0 0;}
#main-visual .bx-wrapper .bx-prev:hover, #main-visual .bx-wrapper .bx-prev:focus {background-position: 0 -50px;}
#main-visual .bx-wrapper .bx-next {right:-1px; background: url('../../../images/rdsusr/main_controls.png') no-repeat -40px 0;}
#main-visual .bx-wrapper .bx-next:hover, #main-visual .bx-wrapper .bx-next:focus {background-position: -40px -50px;}
#main-visual .bx-wrapper .bx-controls-direction a {position: absolute; bottom:-1px; outline: 0; width: 40px; height: 40px; text-indent: -9999px; z-index: 99;}

.box-group {float:right; position:relative; width:595px; margin-bottom:10px; /*overflow:hidden;*/}
#infographics {float:left; width:292px; height:292px; margin:0 10px 10px 0; background:#fff; overflow:hidden;position: relative;}
#infographics h2 {margin-top:17px; font-size:18px; font-weight:bold; text-align:center;}
#infographics #list-info {width:100%; height: 100%; position:absolute; /*margin-top:13px;*/}
#infographics #list-info > .bx-wrapper,
#infographics #list-info > .bx-wrapper .bx-viewport,
#infographics #list-info > .bx-wrapper .bx-viewport .bxslider,
#infographics #list-info > .bx-wrapper .bx-viewport .bxslider>li,
#infographics #list-info > .bx-wrapper .bx-viewport .bxslider>li>a,
#infographics #list-info > .bx-wrapper .bx-viewport .bxslider>li>a>img{height: 100% !important}

#infographics #list-info ul li a {display:block; width:100%;}
#infographics #list-info ul li a img {width:100%;height: 100% !important;}
#list-info .bx-wrapper .bx-prev {left:-1px; background: url('../../../images/rdsusr/info_controls.png') no-repeat 0 0;}
#list-info .bx-wrapper .bx-next {right:-1px; background: url('../../../images/rdsusr/info_controls.png') no-repeat -34px 0;}
#list-info .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; outline:0; width:34px; height:34px; margin-top:-15px; text-indent:-9999px; z-index:99;}

#banner {float:right; width:292px; height:292px; background:#fff; overflow:hidden; position: relative}
#banner> .bx-wrapper,
#banner> .bx-wrapper .bx-viewport,
#banner> .bx-wrapper .bx-viewport .bxslider,
#banner> .bx-wrapper .bx-viewport .bxslider>li,
#banner> .bx-wrapper .bx-viewport .bxslider>li>a,
#banner> .bx-wrapper .bx-viewport .bxslider>li>a>img{height: 100% !important}
#banner> .bx-wrapper{position: absolute; width: 100%; height: 100%}
#list-banner a img {width:100%;}

#proposal {clear: both; float:left; width:292px; height:292px; padding:30px 25px; background: url('/images/rdsusr/main_newsletter_bg.jpg') no-repeat 50% #ff942c;}
#proposal > h2 {color:#fff; font-size:26px; font-weight:800;}
#proposal > .text-proposal {margin:20px 0 80px; color:#fff; font-size:15px; line-height:1.4;}
#proposal.ev_bn{padding: 0; background: none}
#proposal.ev_bn img{width: 100%}

#box-innozone {}
#box-lifesoc {margin-top: 10px}
.box-service-go {width:292px; height:141px; padding:25px; background:#fff; border:solid 1px #cfcfcf; float: right; position: relative; z-index: 1}
.box-service-go > h2 {font-size:1.4em; font-weight:600; color: #424242}
.box-service-go > .text-service {margin-top:8px; line-height:1.4; letter-spacing: -0.01em; word-break: keep-all; word-wrap: break-word; padding-right: 40%; font-size: .9em; color: #888888}
.box-service-go > .btn-service-go {padding-top: 5px}
.box-service-go > .btn-service-go>a{background: #3683ff}
.box-service-go:after{content: ""; position: absolute; width: 138px; height: 97px; right: 14px; bottom: 20px; z-index: -1; background-position: right bottom; background-repeat: no-repeat; background-size: auto}
#box-innozone.box-service-go:after{background-image: url(/images/rdsusr/main_bn01_go_img.jpg)}
#box-lifesoc.box-service-go:after{background-image: url(/dext5img/images/main_bn_210226_newsletter.png)}

#box-news-1 {clear:both; float:left; position:relative; width:594px; height:250px; margin:0 10px 10px 0; border:solid 1px #cfcfcf; background:#fff; overflow: hidden;}
#box-news-1 > .tab {width:100%; border-bottom: solid 1px #cfcfcf;}
#box-news-1 > .tab > li {display:inline-block;}
#box-news-1 > .tab > li.current {margin-bottom:-1px; border-right:solid 1px #cfcfcf; border-left:solid 1px #cfcfcf; border-bottom:solid 1px #fff;}
#box-news-1 > .tab > li:first-child.current {border-left:0px;}
#box-news-1 > .tab > li > a {display:block; padding: 12px 15px; color:#606060; font-size:16px; font-weight:bold;}
#box-news-1 > .tab > li > a:hover,
#box-news-1 > .tab > li.current > a {color:#ff942c;}
#box-news-1 > .tabcontent {display: none; position:relative; width:100%; padding:15px 30px;}
#box-news-1 > .tabcontent.current {display: block;}
#box-news-1 > .tabcontent > h2 {display:block; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; font-size:0; text-align:center;}
.box-bodo {float:left; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:dotted 1px #ccc;}
.photo-bodo {float:left; margin-right:20px;}
.photo-bodo > a {display:inline-block;}
.dl-bodo {}
.dl-bodo > dt {font-size:15px; font-weight:bold; line-height:125%;}
.dl-bodo > dd.text-bodo {margin:10px 0; color:#606060; line-height:125%;}
.dl-bodo > dd.source-bodo > span {font-size:13px; color:#40bbe9;}
.dl-bodo > dd.source-bodo > span.date {color:#999;}
.tabcontent > .list-bodo {clear:both;}
.tabcontent > .list-bodo > li {padding-left:10px; line-height:145%; background:url('../../../images/rdsusr/bullet_triangle01.png') left center no-repeat;}
.tabcontent > .list-bodo > li > a {display:inline-block; max-width:70%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; line-height: 1.35; vertical-align: middle}
.tabcontent > .list-bodo > li > .i_new{vertical-align: middle; padding-left:3px}
.tabcontent > .list-bodo > li > .date{position:absolute; right: 30px; color: #999;font-size:13px; line-height: 1.7}
.tabcontent > .btn-more {position:absolute; display:inline-block; top:-32px; right:20px; width:24px; border:solid 1px #cfcfcf;}
.tabcontent > .btn-more > a {display:block;}

#box-news-2 {position:relative; width:594px; height:250px; margin:0 0 10px 0; border:solid 1px #cfcfcf; background:#fff; overflow: hidden;}
#box-news-2 > .tab {width:100%; border-bottom: solid 1px #cfcfcf;}
#box-news-2 > .tab > li {display:inline-block;}
#box-news-2 > .tab > li.current {margin-bottom:-1px; border-right:solid 1px #cfcfcf; border-left:solid 1px #cfcfcf; border-bottom:solid 1px #fff;}
#box-news-2 > .tab > li:first-child.current {border-left:0px;}
#box-news-2 > .tab > li > a {display:block; padding: 12px 15px; color:#606060; font-size:16px; font-weight:bold;}
#box-news-2 > .tab > li > a:hover,
#box-news-2 > .tab > li.current > a {color:#ff942c;}
#box-news-2 > .tabcontent {display: none; position:relative; width:100%; padding:15px 30px;}
#box-news-2 > .tabcontent.current {display: block;}
#box-news-2 > .tabcontent > h2 {display:block; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; font-size:0; text-align:center;}

#list-service {clear:both; float:left; width:594px; height:140px; margin:0 10px 10px 0; padding:11px 20px; border:solid 1px #cfcfcf; background:#fff;}
#list-service > ul {width:100%;text-align: center;}
#list-service > ul:after{content: ""; display: block; clear: both}
#list-service > ul > li {float: left; width:25%; text-align:center;}
#list-service > ul > li > a {display:block;}
#list-service > ul > li > a > span {display :block; color:#767676; font-weight:bold; font-size: 14px;transition: all 0.3s ease-in-out;}
#list-service > ul > li > a > span.icon{padding: 16px; background: #f5f5f5; border-radius: 100px; display: inline-block; margin-bottom: 6px;transition: all 0.3s ease-in-out;}
#list-service > ul > li > a > span.icon>img{height: 58px; width: 58px; position: relative; top: 0; transition: all 0.3s ease-in-out;}
#list-service > ul > li > a:hover >span{color: #f86b10}
#list-service > ul > li > a:hover > span.icon{background: #fff}
#list-service > ul > li > a:hover > span.icon>img{top: -5px}


#box-info, #box-business {float:left; width:292px; height:140px; padding:20px 20px 0;}
#box-info {position:relative; margin:0 10px 0 0; border:solid 1px #cfcfcf; background:#fff;}
#box-info > h2 {font-size:18px; font-weight:bold;}
#box-info > ul {display:block; width:100%; height:70px; margin-top:30px; padding-left:3px; overflow-y:scroll;}
#box-info > ul > li {padding-left:10px; line-height:135%; background:url('../../../images/rdsusr/bullet_square01.png') left center no-repeat;}
#box-info > h2 {float:left; }
#box-info > .btn-more {position:absolute; display:inline-block; top:18px; right:20px; width:24px; border:solid 1px #cfcfcf;}
#box-info > .btn-more > a {display:block;}

#box-business {padding:30px; background:#767676;}
#box-business > h2 {float:left; width:43%; color:#fff; font-size:18px; font-weight:bold; line-height:125%;}
#box-business > ul {float:right; width:45%;}
#box-business > ul > li {display:block; margin-bottom:10px;}
#box-business > ul > li > a {display:block; width:100%; height:36px; padding:8px 0; border:solid 1px #cfcfcf; color:#f1f1f1; font-size:16px; text-align:center;}

#box-media, #box-great, #box-local {float:left; position:relative; width:393px; height:250px; padding:30px; background:#fff; border:solid 1px #cfcfcf;}
#box-media, #box-great {margin:0 10px 10px 0;}
#box-media > h2, #box-great > h2, #box-local > h2 {margin-bottom:20px; font-size:18px; font-weight:bold;}
#box-media > .btn-more, #box-great > .btn-more, #box-local > .btn-more {position:absolute; display:inline-block; top:24px; right:30px; width:24px; border:solid 1px #cfcfcf;}
#box-media > .btn-more > a, #box-great > .btn-more > a, #box-local > .btn-more > a {display:block;}
#box-media> .lst_media > li > a.text-media{padding-left: 3px;line-height: 125%; white-space: normal; height: 48px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.lst_media {width:100%;}
.lst_media > li {float:left; width:50%; padding:0 7px;}
.lst_media > li > a.thumbnail-media {display:inline-block; width:156px; height:104px; border:solid 1px #cfcfcf; overflow:hidden; text-align:center; position: relative}
.lst_media > li > a.thumbnail-media > span > img {width: 100%; height: 100%; transition: all 0.3s ease-in-out;}
.lst_media > li > a.thumbnail-media:hover > span > img {-webkit-transform:scale(1.1);/*  크롬 */ -moz-transform:scale(1.1);/* FireFox */ -o-transform:scale(1.1);transform:scale(1.1);/*  default */ }
.lst_media > li > a.text-media {display:inline-block; margin-top:5px; line-height:130%;}


#box-great{position: relative}
#box-great > .photo-great {position:absolute; top: 70px; left: 30px; width: 122px; height:155px; border:solid 1px #cfcfcf; overflow:hidden;}
#box-great > #dl-great {padding-left: 142px}
#box-great > #dl-great > dt {font-size:15px; font-weight:bold; line-height:125%; overflow: hidden; text-overflow: ellipsis}
#box-great > #dl-great > dd.text-great {margin:10px 0; color:#606060; line-height:125%; white-space: normal; height:87px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow:hidden;}
#box-great > #dl-great > dd.source-great > span {font-size:13px; color:#40bbe9;}
#box-great > #dl-great > dd.source-great > span.date {color:#999;}

#box-local > #dl-local {}
#box-local > #dl-local > dt {font-size:15px; font-weight:bold; line-height:125%;}
#box-local > #dl-local > dd.text-local {margin:10px 0; color:#606060; line-height:125%;white-space: normal; height:87px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow:hidden;}
#box-local > #dl-local > dd.source-local > span {font-size:13px; color:#999;}

/* 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;}


/* 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;}

/* login style */
#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}
@media (max-width:767px){
	.btn_go_top{right: 10px; bottom: 10px}
}

@media (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; background: #fff; min-height: 81px; border-bottom: 1px solid #ddd;}

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

  #box-main-wrap {width:100%;padding:10px;}
  #main-visual {float: left; width: 49%; height:0; padding-bottom: 49%; margin: 0 1% 1% 0}
  .box-group {float:right; width:50%;}
  #infographics, #banner {width:49%; height:0; padding-bottom: 48.6%; margin:0;}

	.box-service-go:after{background-size: contain; max-height: 70%; bottom: 5px; right:5px}

  #box-innozone, #box-lifesoc {float:right; width:49%; height:0; padding:20px; padding-bottom:18.4%;position: relative;}
	#box-innozone{margin-top: 10px}
	.box-service-go > .text-service{display: none}
	.box-service-go > .btn-service-go {padding-top: 10px}
	.box-service-go > h2{font-size: 1.3em}


  #proposal {width: 49%; background-size: cover; margin-top:10px; height: 0; padding: 20px; padding-bottom:43.6%;}
  #proposal > h2 {font-size:18px;}
  #proposal > .text-proposal {margin:20px 0; font-size:0.9em;}
  #proposal > .btn-proposal-go img {width:32px;}
	
	#proposal.ev_bn{padding-bottom: 48.6%; margin-bottom: 10px;}



  #box-news-1 {float: left; width:49%; margin-right: 0; height:257px;}
  #box-news-2 {float: right; width:50%; height:257px;}

  .dl-bodo > dd.text-bodo a {white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden;}

  .tabcontent > .list-bodo > li {line-height:171%;}
  .tabcontent > .list-bodo > li > a {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

  #list-service {float:left; width:49%; margin-right: 0}
  #box-info, #box-business {width:49.5%;}
	#box-info{margin-right: 1%}

  #box-media, #box-great, #box-local {width:32.6%;}
  #box-media, #box-great {margin:0 1% 0 0;}
  .lst_media > li > a.thumbnail-media {width:100%;}

  #box-great > #dl-great > dd.text-great {white-space: normal; line-height: 1.2; height: 50px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden;}
  #box-local > #dl-local > dd.text-local {white-space: normal; line-height: 1.2; height: 82px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow:hidden;}

  #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 (max-width:1000px){
  #box-business > h2 {font-size:15px;}
  #box-business > ul > li > a {font-size:14px;}

  #box-banner-container {display:none;}

  #box-all-menu {display:none;}
}

@media (max-width:900px){
  #box-great ,#box-info, #box-business, #box-media, #box-local {padding:20px;}
  #box-media > .btn-more, #box-great > .btn-more, #box-local > .btn-more {top:16px; right:20px;}
  .lst_media > li {width:100%;}
  .lst_media > li:last-child {display:none;}
	#box-great{padding-top:20px}
	#box-great > .photo-great{top: 60px; left: 20px}

	#list-service > ul > li > a > span.icon>img{width: 48px; height: 48px}

}

@media (max-width:823px){
  #main-visual {float:left; width:49%;}
  .box-group {float:right; width:49%;}

  #box-news-1 {width:49%;}
  #box-news-2 {width:49%;}

  #list-service {float:left; width:49%;}
  #box-info, #box-business {width:48.5%;}

  #box-media, #box-great, #box-local {width:32.4%;}

  .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 #f86b10;}
  .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;}

  #infographics, #proposal {}
  #proposal > .text-proposal {margin:10px 0; font-size:13px;}
  #box-innozone, #box-lifesoc {height:86px;}

  .dl-bodo > dd.text-bodo {display:none;}
  .dl-bodo > dd.source-bodo {margin-top:40px;}
  .tabcontent > .list-bodo > li {line-height:163%;}

  #box-business > h2 {width:45%;}

  #box-great > #dl-great > dd.text-great {height:98px; -webkit-line-clamp:6;}
  #box-local > #dl-local > dd.text-local {height:98px; -webkit-line-clamp:6;}

  #box-banner-container {display:none;}
  #box-footer {border-top:solid 1px #cfcfcf; padding:15px 20px;}
}
@media (max-width:812px){
}
@media (max-width:800px){
}

@media (max-width:768px){
  #main-visual {width: 100%;  margin:10px 0 20px !important; padding: 0; padding-bottom: 99%}
  #box-top-util #box-util-inner #top-catagory {display:none;}
  #box-main-wrap {width:100%; padding:10px 20px;}
  .box-group, #box-innozone, #box-lifesoc,
  #box-news-1, #box-news-2, #list-service, #box-info, #box-business, #box-media {width:100%; height:auto; margin:0 0 20px 0}
  #box-innozone, #box-lifesoc {}
  #banner, #box-innozone, #box-lifesoc {float:right; width:49%;}
  #infographics,#banner {margin-bottom: 20px}
  .box-group {margin-bottom:0;}
  #proposal {margin-top:0; height:220px; padding-bottom: 20px}
  #proposal > .text-proposal {margin:20px 0; font-size:14px;}
  #proposal > .btn-proposal-go {margin-top:40px;}
  #box-innozone, #box-lifesoc {height:104px; padding-bottom: 20px; margin-bottom: 2%}
  .dl-bodo > dd.text-bodo {display:block;}
  #box-info {float:left; width:49%;}
  #box-business {float:right; width:49%;}
  #box-business > h2 {font-size:18px;}
  .lst_media > li {width:50%;}
  .lst_media > li:last-child {display:block;}

  #box-great, #box-local {width:49%; margin-bottom:10px;}
  #box-great {float:left;}
  #box-local {float:right;}
  #box-great .source-great, #box-local .source-local {position:absolute; bottom:20px;}

}

@media (max-width:550px){
  #box-main-wrap {width:100%; padding:10px 20px;}
  .box-group, #infographics, #proposal, #banner, #box-innozone, #box-lifesoc,
  #box-news-1, #box-news-2, #list-service, #box-info, #box-business, #box-media, #box-great, #box-local {width:100%; height:auto; margin:0 0 20px 0;}
  #box-innozone, #box-lifesoc {position:relative; padding-bottom: 20px}
  .box-group {margin-bottom:0;}
	#infographics,#banner{padding-bottom: 99%; height: 0}
  #proposal {position:relative;padding-bottom: 20px; background:  #ff942c}
  #proposal > h2 {font-size:18px;}
  #proposal > .text-proposal {display:block; float:left; width:80%; margin:20px 0 0;}
  #proposal > .btn-proposal-go {float:right; width:19%; margin-top:15px; text-align:right;}
  #proposal > .btn-proposal-go > a > img {width:33px; height:33px;}
	
	#proposal.ev_bn{height: 0; padding-bottom: 99%; margin-bottom: 20px}
	
  .lst_media > li {width:50%;}
  .lst_media > li:last-child {display:block;}
	#box-great{min-height:240px}
  #box-great > .photo-great {display:block;}

	.box-service-go > .text-service{display: block}

}
@media (max-width:414px){
  .mb_gnb {top:124px;}

  .dl-bodo > dd.text-bodo {display:none;}

  .tabcontent > .list-bodo > li > a {max-width: 90%}
  .tabcontent > .list-bodo > li > .date {display:none;}

	#list-service > ul > li > a > span.icon{padding: 10px}
	#list-service > ul > li > a > span.icon>img{width: 38px; height: 38px}

  #box-great > #dl-great > dd.text-great {height:66px; -webkit-line-clamp:4;}
  #box-great .source-great {right:20px;}
  /* 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 (max-width:375px){
  .box-group, #proposal, #box-innozone, #box-lifesoc,
  #box-news-1, #box-news-2, #list-service, #box-info, #box-business, #box-media, #box-great, #box-local {float:left; width:335px; height:auto; margin:0 0 20px 0}
  .box-group {margin:0;}

	#list-service{padding: 12px 0}
}

@media (max-width:360px){
  .box-group, #proposal, #box-innozone, #box-lifesoc,
  #box-news-1, #box-news-2, #list-service, #box-info, #box-business, #box-media, #box-great, #box-local {float:left; width:100%; height:auto; margin:0 0 20px 0}

  #box-lifesoc, #box-business {margin-bottom:0;}

  #box-news-1 > .tab > li > a {padding:12px 10px; font-size:15px;}
  .box-bodo {border-bottom:none;}
  #box-news-1 .list-bodo {}
  #box-news-1 .photo-bodo {clear:both; width:100%; height:auto; margin:0 auto;}
  #box-news-1 .photo-bodo a {display:block;}
  #box-news-1 .photo-bodo a img {width:100%; height:auto;}
  #box-news-1 .dl-bodo {clear:both; width:100%; padding-top:15px;}
  #box-news-1 .dl-bodo > dd.source-bodo {margin-top:5px;}

	#box-news-2 > .tab > li > a{font-size: 14px; padding: 12px 6px}

	#list-service > ul > li > a > span{font-size: 0.8em}

  #box-great .source-great {position:relative; left:0; bottom:0;}
}


/* 200721 실시간 스트리밍 삽입 */
.forum_stream_sec{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(/dext5img/images/main_forum_stream_bg.jpg) no-repeat 50%; background-size: contain }
.forum_stream_sec .wrapper .video_wrap{position: absolute; left: 8.4%; right: 8.8%; top: 32.4%; bottom: 21.2%; background: #000;}
.forum_stream_sec .wrapper .video_wrap #my-iframe{width: 100%; height: 100%;}
#my-iframe2{width:100%; height: 300px}
.forum_stream_sec.on{background-image: url(/dext5img/images/main_forum_stream_bg_on.jpg)}

/* 201111 실시간 스트리밍 우수사례 추가 */
.forum_stream_sec.awards2020 {background-image: url(/dext5img/images/main_forum_stream_bg_awards2020_201111.jpg)}