@charset "UTF-8";
/* 실시간 운영현황 */
.area-title{position: relative;font-size: 140%;font-weight: bold;padding-bottom: 10px;}
.area-title ul{overflow: hidden;font-weight: normal;position: absolute;bottom: 5px;right: 0;font-size: 80%;}
.area-title ul li{float: left;margin-left: 10px;}
.sbg-1{color:#00a040;}
.sbg-2{color:#373f4c;}
.sbg-3{color:#ccbc25;}
.sbg-4{color:#ac2e28;}
.around-radiation-wrap{overflow:hidden;width:100%;}
.around-radiation-wrap .area-map{background:url(/images/sub3/left_map.gif) no-repeat #f7f7f7;width:355px;float:left;min-height:585px;position:relative;}
.around-radiation-wrap .area-map .smap-point{position:absolute;}
.around-radiation-wrap .area-map .smap-point a{display:inline-block;height:42px;padding:10px 0 0 0px;background:url(/images/main/map_icon_off.png) no-repeat 100% 0;color:#fff;font-size:140%;width:70px;box-sizing:border-box;font-family:"NanumSquareRoundB";text-shadow:2px 2px #666;background-size:25px;}
.around-radiation-wrap .area-map .smap-point a.on,
.around-radiation-wrap .area-map .smap-point a:hover{background:url(/images/main/map_icon_on.png) no-repeat 100% 0;color:#e2d534;}
.around-radiation-wrap .area-map .point-1{top:345px;left:233px;}
.around-radiation-wrap .area-map .point-2{top:325px;left:75px;}
.around-radiation-wrap .area-map .point-2 a{padding:10px 0 0 35px;background-position:0;}
.around-radiation-wrap .area-map .point-2 a.on,
.around-radiation-wrap .area-map .point-2 a:hover{background-position:0;}
.around-radiation-wrap .area-map .point-3{top:269px;left:240px;}
.around-radiation-wrap .area-map .point-4{top:155px;left:230px;}
.around-radiation-wrap .area-map .point-5{top:312px;left:245px;}
.around-radiation-wrap .area-map .point-list{overflow:hidden;position:absolute;display:none;}
.around-radiation-wrap .area-detail-map{float:left;width:409px;}
.around-radiation-wrap .area-detail-data{float:right;width:400px;height:590px;overflow:auto;}

.ov-img{
	-webkit-animation:blink 0.4s ease-in-out infinite alternate;
	-moz-animation:blink 0.4s ease-in-out infinite alternate;
	animation:blink 0.4s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0.4;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0.4;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0.4;}
	100% {opacity:1;}
}

/* 20190121 운영현황 변경 */
/*실시간 운전 현황*/
.gori-content-box{width:100%; overflow: hidden;}
.content-box-hogi li{width:65%;  float: left;}
.content-box-hogi li.gori01{ height: 690px; background: url("/images/sub2/new/01-bg.gif") no-repeat; position: relative;}
.content-box-hogi li.gori03{ height: 690px; background: url("/images/sub2/new/01-bg0301.gif") no-repeat; position: relative;}
.content-box-hogi li.gorinew01{ height: 690px; background: url("/images/sub2/new/01-bgnew01.gif") no-repeat; position: relative;}

.content-box-hogi li.saeul01{ height: 690px; background: url("/images/sub2/new/saeul-bg01.gif") no-repeat; position: relative;}

.content-box-hogi li.wolsong01{ height: 690px; background: url("/images/sub2/new/wolsong-bg01.gif") no-repeat; position: relative;}
.content-box-hogi li.wolsong02{ height: 690px; background: url("/images/sub2/new/wolsong-bg02.gif") no-repeat; position: relative;}
.content-box-hogi li.newwolsong{ height: 690px; background: url("/images/sub2/new/wolsong-bgnew01.gif") no-repeat; position: relative;}

.content-box-hogi li.hanbit01{ height: 690px; background: url("/images/sub2/new/hanbit-bg01.gif") no-repeat; position: relative;}

.content-box-hogi li.hanul01{ height: 695px; background: url("/images/sub2/new/hanul-bg01.gif") no-repeat; position: relative;}
.content-box-hogi li.hanul03{ height: 695px; background: url("/images/sub2/new/hanul-bg03.gif") no-repeat; position: relative;}

.realtime-selectbox{display:none;}
/*2019-03-08 호기별 운영정보*/
.ov-img{position:absolute;display:none;}
.gori01_1
{background:url(/images/sub2/new/1_A.png) no-repeat;top:288px;left:211px;width:57px;height:111px;}

.gori01_2
{background:url(/images/sub2/new/2_A.png) no-repeat;top:233px;left:191px;width:166px;height:187px;}

.gori01_3
{background:url(/images/sub2/new/5_01-bg.png) no-repeat;top:107px;left:170px;width:333px;height:450px;}

.gori01_4
{background:url(/images/sub2/new/8_A.png) no-repeat;top:49px;left:316px;width:177px;height:141px;}

.gori01_5
{background:url(/images/sub2/new/9_A.png) no-repeat;top:184px;left:457px;width:98px;height:95px;}


.gori03_1
{background:url(/images/sub2/new/1_A.png) no-repeat;top:284px;left:209px;width:57px;height:111px;}

.gori03_2
{background:url(/images/sub2/new/2_A.png) no-repeat;top:232px;left:191px;width:166px;height:187px;}

.gori03_3
{background:url(/images/sub2/new/5_01-bg0301.png) no-repeat;top:104px;left:176px;width:333px;height:450px;}

.gori03_4
{background:url(/images/sub2/new/8_B.png) no-repeat;top:48px;left:316px;width:178px;height:141px;}

.gori03_5
{background:url(/images/sub2/new/9_A.png) no-repeat;top:183px;left:458px;width:98px;height:95px;}


.gorinew01_1
{background:url(/images/sub2/new/1_A.png) no-repeat;top:284px;left:208px;width:57px;height:111px;}

.gorinew01_2
{background:url(/images/sub2/new/2_A.png) no-repeat;top:230px;left:189px;width:166px;height:187px;}

.gorinew01_3
{background:url(/images/sub2/new/5_01-bgnew01.png) no-repeat;top:103px;left:177px;width:333px;height:450px;}

.gorinew01_4
{background:url(/images/sub2/new/8_B.png) no-repeat;top:48px;left:313px;width:177px;height:141px;}

.gorinew01_5
{background:url(/images/sub2/new/9_A.png) no-repeat;top:181px;left:455px;width:98px;height:95px;}


.hanbit01_1, .hanbit03_1, .hanbitnew01_1 
{background:url(/images/sub2/new/1_A.png) no-repeat;top:287px;left:207px;width:57px;height:111px;}

.hanbit01_2, .hanbit03_2, .hanbitnew01_2
{background:url(/images/sub2/new/2_A.png) no-repeat;top:233px;left:188px;width:166px;height:187px;}

.hanbit01_3{background:url(/images/sub2/new/5_hanbit-bg01.png) no-repeat;top:104px;left:174px;width:330px;height:450px;}
.hanbit01_4{background:url(/images/sub2/new/8_B.png) no-repeat;top:51px;left:311px;width:177px;height:141px;}

.hanbit01_5, .hanbit03_5, .hanbitnew01_5
{background:url(/images/sub2/new/9_A.png) no-repeat;top:184px;left:453px;width:98px;height:95px;}


.newwolsong_1
{background:url(/images/sub2/new/1_A.png) no-repeat;top:303px;left:205px; width:57px;height:111px;}

.newwolsong_2
{background:url(/images/sub2/new/2_A.png) no-repeat;top:251px;left:185px;width:166px;height:187px;}

.newwolsong_3
{background:url(/images/sub2/new/5_wolsong-bgnew01.png) no-repeat;top:123px;left:172px; width:344px;height:438px;}

.newwolsong_4
{background:url(/images/sub2/new/8_B.png) no-repeat;top:68px;left:309px; width:181px;height:160px;}

.newwolsong_5
{background:url(/images/sub2/new/9_A.png) no-repeat;top:202px;left:451px; width:98px;height:95px;}



.wolsong01_1
{background:url(/images/sub2/new/1_B.png) no-repeat;top:317px;left:244px;width:57px;height:111px;}


.wolsong01_2
{background:url(/images/sub2/new/2_B.png) no-repeat;top:211px;left:221px;width:169px;height:260px;}

.wolsong01_3
{background:url(/images/sub2/new/5_wolsong-bg01.png) no-repeat;top:135px;left:162px;width:366px;height:495px;}

.wolsong01_4
{background:url(/images/sub2/new/8_E.png) no-repeat;top:65px;left:318px;width:180px;height:165px;}

.wolsong01_5
{background:url(/images/sub2/new/9_A.png) no-repeat;top:220px;left:448px;width:98px;height:95px;}

.wolsong02_1
{background:url(/images/sub2/new/1_B.png) no-repeat;top:317px;left:244px;width:57px;height:111px;}


.wolsong02_2
{background:url(/images/sub2/new/2_B.png) no-repeat;top:211px;left:221px;width:169px;height:260px;}

.wolsong02_3
{background:url(/images/sub2/new/5_wolsong-bg02.png) no-repeat;top:135px;left:162px;width:366px;height:495px;}

.wolsong02_4
{background:url(/images/sub2/new/8_E.png) no-repeat;top:65px;left:318px;width:180px;height:165px;}

.wolsong02_5
{background:url(/images/sub2/new/9_A.png) no-repeat;top:220px;left:448px;width:98px;height:95px;}




.hanul01_1
{background:url(/images/sub2/new/1_A.png) no-repeat;top:302px;left:204px; width:57px;height:111px;}

.hanul01_2
{background:url(/images/sub2/new/2_A.png) no-repeat;top:248px;left:183px; width:166px;height:187px;}

.hanul01_3
{background:url(/images/sub2/new/5_hanul-bg01.png) no-repeat;top:141px;left:156px;width:366px;height:495px;}

.hanul01_4
{background:url(/images/sub2/new/8_D.png) no-repeat;top:69px;left:309px;width:180px;height:125px;}

.hanul01_5
{background:url(/images/sub2/new/9_A.png) no-repeat;top:201px;left:446px;width:98px;height:95px;}



.hanul03_1
{background:url(/images/sub2/new/1_A.png) no-repeat;top:284px;left:210px;width:57px;height:111px;}

.hanul03_2
{background:url(/images/sub2/new/2_A.png) no-repeat;top:234px;left:191px;width:166px;height:187px;}

.hanul03_3
{background:url(/images/sub2/new/5_01-bg0301.png) no-repeat;top:105px;left:177px;width:333px;height:450px;}

.hanul03_4
{background:url(/images/sub2/new/8_B.png) no-repeat;top:48px;left:316px;width:177px;height:141px;}

.hanul03_5
{background:url(/images/sub2/new/9_A.png) no-repeat;top:184px;left:458px;width:98px;height:95px;}


.saeul01_1
{background:url(/images/sub2/new/1_A.png) no-repeat;top:299px;left:199px; width:57px;height:111px;}

.saeul01_2
{background:url(/images/sub2/new/2_A.png) no-repeat;top:243px;left:183px; width:166px;height:187px;}

.saeul01_3
{background:url(/images/sub2/new/5_saeul-bg01.png) no-repeat;top:83px;left:171px;width:350px;height:472px;}

.saeul01_4
{background:url(/images/sub2/new/8_C.png) no-repeat;top:61px;left:306px;width:179px;height:142px;}

.saeul01_5
{background:url(/images/sub2/new/9_A.png) no-repeat;top:194px;left:448px;width:98px;height:95px;}





/*.content-box-hogi li:first-child:before{content: none;}*/
/*
2019-02-13 leecs update

.content-box-hogi li:nth-child(2){width: 35%;}

.content-box-hogi li:nth-child(2) .top-tit-box{width:100%; height: 100px; background: gray; border-radius: 5px;}
.content-box-hogi li:nth-child(2) .top-tit-box dd{width:33.333%; height: 100px; background: #63984f; float: left; padding: 15px 20px 15px 20px;}
.content-box-hogi li:nth-child(2) .top-tit-box dd:first-child{border-radius: 5px 0 0 5px;}
.content-box-hogi li:nth-child(2) .top-tit-box dd:nth-child(2){width:33.333%; height: 100px; background: #218b71;}
.content-box-hogi li:nth-child(2) .top-tit-box dd:nth-child(3){width:33.333%; height: 100px; background: #9A8B29; border-radius: 0px 5px 5px 0px;}
.content-box-hogi li:nth-child(2) .top-tit-box dd span{display: block; color:#fff; text-align: center; border-bottom:solid 1px #fff; padding: 0 0 5px 0; font-size:16px; font-weight: bold;}
.content-box-hogi li:nth-child(2) .top-tit-box dd b{display: block; text-align: center; font-size:18px; font-weight: bold; color:#fff; padding-top:3px;}
.content-box-hogi li:nth-child(2) .content-chartbox{border:solid 2px #717171; border-radius: 5px; background: #fff; margin-top:20px; background: #f0f0f0; float: left; }
.content-box-hogi li:nth-child(2) .content-chartbox .chartbox-tit{padding: 10px; background: #5b5b5b; color:#fff; letter-spacing: -0.5px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con{padding: 10px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con .con-tit-wrap{width:100%; padding-bottom: 20px; }
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con .con-tit-wrap span{display: inline-block; width: 45%; background: #328557; color:#fff; text-align: center; border-radius: 20px; padding: 10px 0 10px 0; position: relative;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con .con-tit-wrap span:before{content: ""; width: 10px; height: 6px; background: url("/images/sub2/0301-downico.jpg") no-repeat;
    display: inline-block; position: absolute; left: 50%; top:41px; transform: translateX(-50%);}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con .con-tit-wrap span:nth-child(2){display: inline-block; width: 33%;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con .con-tit-wrap span:nth-child(3){display: inline-block; width: 15%;}

.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul{width:100%; float: left; padding-bottom: 20px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li{width:100%; border-radius: 20px; background: #fff !important;  height: auto; margin-top:10px; position:relative;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:first-child{margin-top:0px; margin-bottom:20px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:nth-child(4){ margin-bottom:20px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:nth-child(7){ margin-bottom:20px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span{display: inline-block; vertical-align: middle;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span:first-child{width:45%; text-align: center; padding: 0 0 0 15px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span:nth-child(2){width:33%; text-align: center;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span:nth-child(3){width:19%; text-align: center; position: relative;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span:nth-child(3):before{content:""; width:10px; height: 10px; background: #fff; border:solid 3px #00ad4d; border-radius: 30px;
    display: inline-block; position: absolute; left: 64%; top:-11px; transform: translateX(-50%);}

.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:first-child:after{content: ""; width:100%; border-bottom: dashed 1px #6e6e6e; display: inline-block; position: absolute; bottom:-15px; left:0;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:nth-child(4):after{content: ""; width:100%; border-bottom: dashed 1px #6e6e6e; display: inline-block; position: absolute; bottom:-15px; left:0;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:nth-child(7):after{content: ""; width:100%; border-bottom: dashed 1px #6e6e6e; display: inline-block; position: absolute; bottom:-15px; left:0;}

.list-style-chart li a{padding: 10px; display: block;}
.list-style-chart li a:hover{background: #bfedc8; border-radius: 30px;}
.list-style-chart li:focus {background: #bfedc8; border-radius: 30px;}
.list-style-chart li:first-child:hover > dl.chart-on-box01{display: block; }
.list-style-chart li:first-child:focus > dl.chart-on-box01{display: block; }
.list-style-chart li:nth-child(2):hover  > dl.chart-on-box02{display: block; }
.list-style-chart li:nth-child(2):focus  > dl.chart-on-box02{display: block; }
.list-style-chart li:nth-child(3):hover  > dl.chart-on-box03{display: block; }
.list-style-chart li:nth-child(3):focus  > dl.chart-on-box03{display: block; }
.list-style-chart li:nth-child(4):hover  > dl.chart-on-box04{display: block; }
.list-style-chart li:nth-child(4):focus  > dl.chart-on-box04{display: block; }
.list-style-chart li:nth-child(5):hover  > dl.chart-on-box05{display: block; }
.list-style-chart li:nth-child(5):focus  > dl.chart-on-box05{display: block; }
.list-style-chart li:nth-child(6):hover  > dl.chart-on-box06{display: block; }
.list-style-chart li:nth-child(6):focus  > dl.chart-on-box06{display: block; }
.list-style-chart li:nth-child(7):hover  > dl.chart-on-box07{display: block; }
.list-style-chart li:nth-child(7):focus  > dl.chart-on-box07{display: block; }
.list-style-chart li:nth-child(8):hover  > dl.chart-on-box08{display: block; }
.list-style-chart li:nth-child(8):focus  > dl.chart-on-box08{display: block; }
.list-style-chart li:nth-child(9):hover  > dl.chart-on-box09{display: block; }
.list-style-chart li:nth-child(9):focus  > dl.chart-on-box09{display: block; }



.list-style-chart dl:before{content: ""; width:29px; height: 17px; background: url("/images/sub2/chart-on-box-point.png"); position: absolute; top:-17px; left:48px; }
*/

.content-box-hogi li:nth-child(2){width: 35%;}

.content-box-hogi li:nth-child(2) .top-tit-box{width:100%; height: 100px; background: gray; border-radius: 5px;}
.content-box-hogi li:nth-child(2) .top-tit-box dd{width:33.333%; height: 100px; background: #63984f; float: left; padding: 15px 20px 15px 20px;}
.content-box-hogi li:nth-child(2) .top-tit-box dd:first-child{border-radius: 5px 0 0 5px;}
.content-box-hogi li:nth-child(2) .top-tit-box dd:nth-child(2){width:33.333%; height: 100px; background: #218b71;}
.content-box-hogi li:nth-child(2) .top-tit-box dd:nth-child(3){width:33.333%; height: 100px; background: #9A8B29; border-radius: 0px 5px 5px 0px;}
.content-box-hogi li:nth-child(2) .top-tit-box dd span{display: block; color:#fff; text-align: center; border-bottom:solid 1px #fff; padding: 0 0 5px 0; font-size:16px; font-weight: bold;}
.content-box-hogi li:nth-child(2) .top-tit-box dd b{display: block; text-align: center; font-size:18px; font-weight: bold; color:#fff; padding-top:3px;}
.content-box-hogi li:nth-child(2) .content-chartbox{border:solid 2px #717171; border-radius: 5px; background: #fff; margin-top:20px; background: #f0f0f0; float: left; }
.content-box-hogi li:nth-child(2) .content-chartbox .chartbox-tit{padding: 10px; background: #5b5b5b; color:#fff; letter-spacing: -0.5px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con{padding: 10px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con .con-tit-wrap{width:100%; padding-bottom: 20px; }
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con .con-tit-wrap span{display: inline-block; width: 45%; background: #328557; color:#fff; text-align: center; border-radius: 20px; padding: 10px 0 10px 0; position: relative;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con .con-tit-wrap span:before{content: ""; width: 10px; height: 6px; background: url("/images/sub2/0301-downico.jpg") no-repeat;
    display: inline-block; position: absolute; left: 50%; top:41px; transform: translateX(-50%);}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con .con-tit-wrap span:nth-child(2){display: inline-block; width: 33%;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con .con-tit-wrap span:nth-child(3){display: inline-block; width: 15%;}

.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul{width:100%;float: left;padding-bottom: 8px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li{width:100%;border-radius: 20px;background: #fff !important;height: auto;margin-top: 5px;position:relative;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:first-child{margin-top:0px;margin-bottom: 9px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:nth-child(4){margin-bottom: 8px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:nth-child(7){margin-bottom: 11px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span{display: inline-block; vertical-align: middle;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span:first-child{width:45%; text-align: center; padding: 0 0 0 25px;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span:nth-child(2){width:33%; text-align: center;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span:nth-child(3){width:19%; text-align: center; position: relative;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span.bg-1:nth-child(3):before{content:""; width:10px; height: 10px; background: #fff; border:solid 3px #00ad4d; border-radius: 30px;display: inline-block; position: absolute; left: 64%; top:-11px; transform: translateX(-50%);}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span.bg-2:nth-child(3):before{content:""; width:10px; height: 10px; background: #fff; border:solid 3px #96962E; border-radius: 5px;display: inline-block; position: absolute; left: 64%; top:-11px; transform: translateX(-50%);}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span.bg-3:nth-child(3):before{content:"";             height: 10px; background: #fff; 							border-radius: 3px; border-bottom: 10px solid #D96200; border-right: 10px solid transparent; border-left: 10px solid transparent; display: inline-block; position: absolute; left: 64%; top:-15px; transform: translateX(-50%);}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li span.bg-4:nth-child(3):before{content:""; width:10px; height: 10px; background: #fff; border:solid 3px #bbd5ff; border-radius: 30px;display: inline-block; position: absolute; left: 64%; top:-11px; transform: translateX(-50%);}




.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:first-child:after{content: ""; width:100%; border-bottom: dashed 1px #6e6e6e; display: inline-block; position: absolute; bottom:-7px; left:0;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:nth-child(4):after{content: ""; width:100%; border-bottom: dashed 1px #6e6e6e; display: inline-block; position: absolute; bottom:-7px; left:0;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:nth-child(7):after{content: "";width:100%;border-bottom: dashed 1px #6e6e6e;display: inline-block;position: absolute;bottom: -7px;left:0;}




.list-style-chart li a{padding: 4px;display: block; cursor:pointer;}
.list-style-chart li a:hover{background: #bfedc8; border-radius: 30px; font-weight:500;}
.list-style-chart li:focus {background: #bfedc8; border-radius: 30px;}
.list-style-chart li:nth-child(4) a:hover{background: #bfedc8; border-radius: 21px;}
.list-style-chart li:nth-child(4) a:focus{background: #bfedc8; border-radius: 21px;}

.list-style-chart li:first-child:hover > dl.chart-on-box01{display: block; }
.list-style-chart li:first-child:focus > dl.chart-on-box01{display: block; }
.list-style-chart li:nth-child(2):hover  > dl.chart-on-box02{display: block; }
.list-style-chart li:nth-child(2):focus  > dl.chart-on-box02{display: block; }
.list-style-chart li:nth-child(3):hover  > dl.chart-on-box03{display: block; }
.list-style-chart li:nth-child(3):focus  > dl.chart-on-box03{display: block; }
.list-style-chart li:nth-child(4):hover  > dl.chart-on-box04{display: block; }
.list-style-chart li:nth-child(4):focus  > dl.chart-on-box04{display: block; }
.list-style-chart li:nth-child(5):hover  > dl.chart-on-box05{display: block; }
.list-style-chart li:nth-child(5):focus  > dl.chart-on-box05{display: block; }
.list-style-chart li:nth-child(6):hover  > dl.chart-on-box06{display: block; }
.list-style-chart li:nth-child(6):focus  > dl.chart-on-box06{display: block; }
.list-style-chart li:nth-child(7):hover  > dl.chart-on-box07{display: block; }
.list-style-chart li:nth-child(7):focus  > dl.chart-on-box07{display: block; }
.list-style-chart li:nth-child(8):hover  > dl.chart-on-box08{display: block; }
.list-style-chart li:nth-child(8):focus  > dl.chart-on-box08{display: block; }
.list-style-chart li:nth-child(9):hover  > dl.chart-on-box09{display: block; }
.list-style-chart li:nth-child(9):focus  > dl.chart-on-box09{display: block; }




.list-style-chart dl{
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  border:2px solid #076923;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  width:329px; height: auto; background:#338641; display: none;
}
.list-style-chart dl:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:40px; /* controls horizontal position */
  border-width:20px 20px 0;
  border-style:solid;
  border-color:#076923 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller  triangle */
.list-style-chart dl:after {
  content:"";
  position:absolute;
  bottom:-18px; /* value = - border-top-width - border-bottom-width */
  left:42px; /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width:18px 18px 0;
  border-style:solid;
  border-color:#338641 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}


/* Variant : top */
.list-style-chart dl.top:before {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:40px; /* controls horizontal position */
  border-width:0 20px 20px;
}
.list-style-chart dl.top:after {
  top:-18px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:42px; /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width:0 18px 18px;
}

/* Variant : left */
.list-style-chart dl.left:before {
  top:10px; /* controls vertical position */
  bottom:auto;
  left:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 30px 15px 0;
  border-color:transparent #076923;
}

.list-style-chart dl.left:after {
  top:12px; /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom:auto;
  left:-28px; /* value = - border-left-width - border-right-width */
  border-width:12px 28px 14px 0;
  border-color:transparent #338641;
}

/* Variant : right */
.list-style-chart dl.right:before {
  top:10px; /* controls vertical position */
  bottom:auto;
  left:auto;
  right:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 0 15px 30px;
  border-color:transparent #076923;
}
.list-style-chart dl.right:after {
  top:12px; /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom:auto;
  left:auto;
  right:-28px; /* value = - border-left-width - border-right-width */
  border-width:12px 0 14px 28px;
  border-color:transparent #338641;
}

/*
2019-02-11 leecs update
.list-style-chart dl.chart-on-box01{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:160px; left:-449px; opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box02{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:57px; left:-584px; opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box03{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-50px; left:-585px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box04{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:0px; left:-655px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box05{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-298px; left:-655px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box06{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-410px; left:-585px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box07{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-514px; left:-411px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box08{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-448px; left:-448px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box09{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-482px; left:-360px;  opacity: 0.9; display: none;}
*/
/* 2019-02-13 update
.list-style-chart dl.chart-on-box01{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:170px; left:-590px; opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box02{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:130px; left:-584px; opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box03{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-50px; left:-540px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box04{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:70px; left:-600px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box05{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-200px; left:-640px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box06{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-280px; left:-585px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box07{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-320px; left:-550px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box08{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-350px; left:-500px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box09{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-300px; left:-360px;  opacity: 0.9; display: none;}
*/



/* .list-style-chart dl.chart-on-box03{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:90px; left:-525px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box04{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:90px; left:-600px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box05{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-200px; left:-620px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box06{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-260px; left:-585px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box07{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-300px; left:-550px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box08{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-322px; left:-502px;  opacity: 0.9; display: none;}
.list-style-chart dl.chart-on-box09{width:329px; height: auto; background:#338641; border-radius: 20px; border:solid 2px #076923; padding: 10px; position: absolute; top:-266px; left:-360px;  opacity: 0.9; display: none;} */

.gori-content-box1 .list-style-chart dl.chart-on-box01{position: absolute; top:158px; left:-591px;}
.gori-content-box1 .list-style-chart dl.chart-on-box02{ position: absolute; top:137px; left:-600px;}
.gori-content-box1 .list-style-chart dl.chart-on-box03{ position: absolute; top:104px; left:-600px;}
.gori-content-box1 .list-style-chart dl.chart-on-box04{ position: absolute; top:69px; left:-600px;}
.gori-content-box1 .list-style-chart dl.chart-on-box05{ position: absolute; top:-400px; left:-544px;}
.gori-content-box1 .list-style-chart dl.chart-on-box06{ position: absolute; top:-430px; left:-544px;}
.gori-content-box1 .list-style-chart dl.chart-on-box07{ position: absolute; top:-490px; left:-544px;}
.gori-content-box1 .list-style-chart dl.chart-on-box08{ position: absolute; top:-550px; left:-480px;}
.gori-content-box1 .list-style-chart dl.chart-on-box09{ position: absolute; top:-286px; left:-366px;}

.hanbit-content-box1 .list-style-chart dl.chart-on-box01{position: absolute; top:150px; left:-591px;}
.hanbit-content-box1 .list-style-chart dl.chart-on-box02{ position: absolute; top:125px; left:-600px;}
.hanbit-content-box1 .list-style-chart dl.chart-on-box03{ position: absolute; top:100px; left:-600px;}
.hanbit-content-box1 .list-style-chart dl.chart-on-box04{ position: absolute; top:60px; left:-600px;}
.hanbit-content-box1 .list-style-chart dl.chart-on-box05{ position: absolute; top:-400px; left:-544px;}
.hanbit-content-box1 .list-style-chart dl.chart-on-box06{ position: absolute; top:-450px; left:-544px;}
.hanbit-content-box1 .list-style-chart dl.chart-on-box07{ position: absolute; top:-500px; left:-544px;}
.hanbit-content-box1 .list-style-chart dl.chart-on-box08{ position: absolute; top:-540px; left:-481px;}
.hanbit-content-box1 .list-style-chart dl.chart-on-box09{ position: absolute; top:-262px; left:-345px;}

.wolsong-content-box1 .list-style-chart dl.chart-on-box01{position: absolute; top:170px; left:-558px;}
.wolsong-content-box1 .list-style-chart dl.chart-on-box02{ position: absolute; top:170px; left:-558px;}
.wolsong-content-box1 .list-style-chart dl.chart-on-box03{ position: absolute; top:140px; left:-564px;}
.wolsong-content-box1 .list-style-chart dl.chart-on-box04{ position: absolute; top:110px; left:-564px;}
.wolsong-content-box1 .list-style-chart dl.chart-on-box05{ position: absolute; top:-400px; left:-618px;}
.wolsong-content-box1 .list-style-chart dl.chart-on-box06{ position: absolute; top:-430px; left:-618px;}
.wolsong-content-box1 .list-style-chart dl.chart-on-box07{ position: absolute; top:-480px; left:-624px;}
.wolsong-content-box1 .list-style-chart dl.chart-on-box08{ position: absolute; top:-545px; left:-480px;}
.wolsong-content-box1 .list-style-chart dl.chart-on-box09{ position: absolute; top:-250px; left:-361px;}

.wolsongnew-content-box1 .list-style-chart dl.chart-on-box01{position: absolute; top:160px; left:-600px;}
.wolsongnew-content-box1 .list-style-chart dl.chart-on-box02{ position: absolute; top:145px; left:-611px;}
.wolsongnew-content-box1 .list-style-chart dl.chart-on-box03{ position: absolute; top:111px; left:-612px;}
.wolsongnew-content-box1 .list-style-chart dl.chart-on-box04{ position: absolute; top:75px; left:-608px;}
.wolsongnew-content-box1 .list-style-chart dl.chart-on-box05{ position: absolute; top:-420px; left:-552px;}
.wolsongnew-content-box1 .list-style-chart dl.chart-on-box06{ position: absolute; top:-455px; left:-548px;}
.wolsongnew-content-box1 .list-style-chart dl.chart-on-box07{ position: absolute; top:-495px; left:-556px;}
.wolsongnew-content-box1 .list-style-chart dl.chart-on-box08{ position: absolute; top:-520px; left:-496px;}
.wolsongnew-content-box1 .list-style-chart dl.chart-on-box09{ position: absolute; top:-286px; left:-359px;}


.hanul-content-box1 .list-style-chart dl.chart-on-box01{position: absolute; top:150px; left:-600px;}
.hanul-content-box1 .list-style-chart dl.chart-on-box02{ position: absolute; top:150px; left:-601px;}
.hanul-content-box1 .list-style-chart dl.chart-on-box03{ position: absolute; top:110px; left:-601px;}
.hanul-content-box1 .list-style-chart dl.chart-on-box04{ position: absolute; top:80px; left:-601px;}
.hanul-content-box1 .list-style-chart dl.chart-on-box05{ position: absolute; top:-360px; left:-617px;}
.hanul-content-box1 .list-style-chart dl.chart-on-box06{ position: absolute; top:-380px; left:-617px;}
.hanul-content-box1 .list-style-chart dl.chart-on-box07{ position: absolute; top:-450px; left:-624px;}
.hanul-content-box1 .list-style-chart dl.chart-on-box08{ position: absolute; top:-500px; left:-493px;}
.hanul-content-box1 .list-style-chart dl.chart-on-box09{ position: absolute; top:-265px; left:-360px;}


.hanul03-content-box1 .list-style-chart dl.chart-on-box01{position: absolute; top:158px; left:-591px;}
.hanul03-content-box1 .list-style-chart dl.chart-on-box02{ position: absolute; top:137px; left:-600px;}
.hanul03-content-box1 .list-style-chart dl.chart-on-box03{ position: absolute; top:104px; left:-600px;}
.hanul03-content-box1 .list-style-chart dl.chart-on-box04{ position: absolute; top:69px; left:-600px;}
.hanul03-content-box1 .list-style-chart dl.chart-on-box05{ position: absolute; top:-420px; left:-544px;}
.hanul03-content-box1 .list-style-chart dl.chart-on-box06{ position: absolute; top:-450px; left:-544px;}
.hanul03-content-box1 .list-style-chart dl.chart-on-box07{ position: absolute; top:-500px; left:-544px;}
.hanul03-content-box1 .list-style-chart dl.chart-on-box08{ position: absolute; top:-550px; left:-490px;}
.hanul03-content-box1 .list-style-chart dl.chart-on-box09{ position: absolute; top:-286px; left:-350px;}

.saeul-content-box1 .list-style-chart dl.chart-on-box01{position: absolute; top:150px; left:-600px;}
.saeul-content-box1 .list-style-chart dl.chart-on-box02{ position: absolute; top:140px; left:-601px;}
.saeul-content-box1 .list-style-chart dl.chart-on-box03{ position: absolute; top:102px; left:-601px;}
.saeul-content-box1 .list-style-chart dl.chart-on-box04{ position: absolute; top:80px; left:-601px;}
.saeul-content-box1 .list-style-chart dl.chart-on-box05{ position: absolute; top:-430px; left:-559px;}
.saeul-content-box1 .list-style-chart dl.chart-on-box06{ position: absolute; top:-450px; left:-559px;}
.saeul-content-box1 .list-style-chart dl.chart-on-box07{ position: absolute; top:-500px; left:-550px;}
.saeul-content-box1 .list-style-chart dl.chart-on-box08{ position: absolute; top:-540px; left:-500px;}
.saeul-content-box1 .list-style-chart dl.chart-on-box09{ position: absolute; top:-280px; left:-354px;}




.list-style-chart dl .txt-wrap{width: 100%; display: block; margin:5px 0 0 0; padding-bottom:0px !important;  float: left;}
.list-style-chart dl .txt-wrap:first-child{}
.list-style-chart dl dt{width:22%; float: left; margin:  0 0 0 0px; padding: 2px; background: #fff; border-radius: 20px; color:#0f7620; text-align: center; display: block; font-weight: bold;}
.list-style-chart dl dd{width:73%; padding:4px 0 0 0px; letter-spacing: -1.2px; float: right; color:#fff;}




.list-style-chart li:before{content: "1"; width:23px; height: 18px; background: #fff; border:solid 3px #6e6e6e;  border-radius: 30px; color: #6e6e6e; text-align: center; margin-top:-14px; position: absolute; top:49%; left:-2px; padding:2px 0px 3px 0px;}
.list-style-chart li:hover:before{background: #19812a; border:solid 3px #19812a; color:#fff;}
.list-style-chart li:nth-child(2):before{content: "2";}
.list-style-chart li:nth-child(3):before{content: "3";}
.list-style-chart li:nth-child(4):before{content: "4";}
.list-style-chart li:nth-child(5):before{content: "5";}
.list-style-chart li:nth-child(6):before{content: "6";}
.list-style-chart li:nth-child(7):before{content: "7";}
.list-style-chart li:nth-child(8):before{content: "8";}
.list-style-chart li:nth-child(9):before{content: "9";}
.list-style-chart li:nth-child(10):before{content: "10";}



/*.chart-on-box02{width:329px; height: 135px; background: url("/images/sub2/chart-on-box.png") no-repeat; position: absolute; top:-33px; left:-468px; display: none;}
.chart-on-box02 .txt-wrap{width: 100%; display: block; margin:5px 0 0 0; padding-bottom:0px !important;  float: left;}
.chart-on-box02 .txt-wrap:first-child{margin:34px 0 0 0;}
.chart-on-box02 dt{width:22%; float: left; margin:  0 0 0 10px; padding: 2px; background: #fff; border-radius: 20px; color:#0f7620; text-align: center; display: block; font-weight: bold;}
.chart-on-box02 dd{width:73%; padding:4px 0 0 10px; letter-spacing: -0.5px; float: left; color:#fff;}*/

/*
.chart-on-box03{width:329px; height: 135px; background: url("/images/sub2/chart-on-box.png") no-repeat; position: absolute; top:-33px; left:-468px; display: none;}
.chart-on-box03 .txt-wrap{width: 100%; display: block; margin:5px 0 0 0; padding-bottom:0px !important;  float: left;}
.chart-on-box03 .txt-wrap:first-child{margin:34px 0 0 0;}
.chart-on-box03 dt{width:22%; float: left; margin:  0 0 0 10px; padding: 2px; background: #fff; border-radius: 20px; color:#0f7620; text-align: center; display: block; font-weight: bold;}
.chart-on-box03 dd{width:73%; padding:4px 0 0 10px; letter-spacing: -0.5px; float: left; color:#fff;}
*/

.bt-box-list{width:100%; float: left; margin:20px 0 0 0;text-align:right;}
.bt-box-list a{width:60px; height:39px;  display: inline-block; text-align: left; padding: 9px 0 0 20px; color:#00a233; font-size:17px; font-weight: bold; position: relative;}
.bt-box-list a:before{content:""; height: 10px; background: #fff;  
    display: inline-block; position: absolute; top:13px; left: 0px;  }
.bt-box-list a:nth-child(1){ display: inline-block; margin:0 0 0 3px; color:#00ad4d; }
.bt-box-list a:nth-child(1):before{border:solid 3px #00ad4d;border-radius: 30px; width:10px;}
.bt-box-list a:nth-child(2){ display: inline-block; margin:0 0 0 3px; color: #96962E; }
.bt-box-list a:nth-child(2):before{border:solid 3px  #96962E;border-radius: 5px; width:10px;}
.bt-box-list a:nth-child(3){ display: inline-block; margin:0 0 0 -13px; color:#D96200;  }

/*------------------------------------------------------------------*/


/*조직도*/

.og01-tbimg{display: none;}
.og01-mbimg{display: none;}

/*원전 운전을 어떻게 할까요?*/
.Nuclear-wrap{width:100%; overflow: hidden; padding:20px; position: relative; background: url("/images/sub5/0601-bt-bg.jpg") no-repeat #f7f7f7; padding-bottom:200px; background-position: center bottom;}
.Nuclear-wrap02{width:100%; height: 1900px; overflow: hidden; padding:20px; position: relative; background: url("/images/sub5/0602-bg01.jpg") no-repeat;}
.Nuclear-wrap03{width:100%; height: auto; overflow: hidden; padding:20px; position: relative; background: url("/images/sub5/0603-bg01.jpg") no-repeat;}
.Nuclear-wrap04{width:100%; height: auto; overflow: hidden; padding:20px; position: relative; background: url("/images/sub5/0604-bg01.jpg") no-repeat;}
.Nuclear-wrap05{width:100%; height: auto; overflow: hidden; padding:20px; position: relative; background: url("/images/sub5/0605-bg01.jpg");}

.Nuclear-tit{font-size:50px;}
.Nuclear-tit .tit-bold{color:#f36100; display: inline-block; /* font-family: 'BMJUA'; */}
.Nuclear-tit .top-tit{display: block; font-size:18px; color:#333333; font-family: "NanumSquareRoundL"; font-weight: bold;}
.Nuclear-wrap .ft-nm{font-family:"NanumSquareRoundL"; font-weight:bold;}
.Nuclear-wrap02 .tit-bold{color:#39a300; display: inline-block; /*font-family: 'BMJUA'; */}
.Nuclear-wrap02 .h5bi-box p .p-bold{color:#39a300;}
.Nuclear-wrap02 .h5bi-box .Nuclear-h5bi-tit{background: #474747;}
.Nuclear-wrap02 .h5bi-box .label-tit{width:397px; height: 35px; color:#fff; display: block; margin: 0 auto; background: url("/images/sub5/0602-tit-bg01.png") no-repeat; font-family: "NanumSquareRoundL"; padding:4px 0 0 0; font-weight: bold; font-size:20px; text-align: center;}
.Nuclear-wrap02 .h5bi-box .ico-list{width:547px; margin:0 auto; display: block; padding: 20px 0 0 0; overflow: hidden;}
.Nuclear-wrap02 .h5bi-box .ico-list li{float: left; margin:0 0 0 20px;}
.Nuclear-wrap02 .h5bi-box .ico-list li:first-child{margin:0 0 0 0px;}

.Nuclear-wrap03 .Nuclear-tit{color:#4445d8;}
.Nuclear-wrap03 .h5bi-box .Nuclear-h5bi-tit{background: #474747;}
.Nuclear-wrap03 .item2-ft-left li{}
.Nuclear-wrap03 .item2-ft-left li:nth-child(2){float: right;}
.Nuclear-wrap03 .item2-ft-left li:nth-child(2) .tit{background: #6981c4;}
.Nuclear-wrap03 .item2-ft-left li .tit{ text-align: center; padding: 10px; color:#fff; background: #4d8be0; display: block;}
.Nuclear-wrap03 .item2-ft-left li .con{ text-align: left; padding: 10px; color:#333333; background: #fff; display: block;}

.Nuclear-wrap03 .item2-ft-left li{background: #fff;}
.Nuclear-wrap03 .item2-ft-left-re li{height: 109px;}
.Nuclear-wrap03 .item2-ft-left li .item-h5-st{position: relative; padding:30px 0 0 126px; font-family: "NanumSquareRoundL"; font-size:16px; font-weight: bold; color:#000000;}
.Nuclear-wrap03 .item2-ft-left li .item-h5-st:before{content: ""; width:59px; height: 69px; padding:20px; background: url("/images/sub5/0603-ico01.png") no-repeat #f0f0f0 center; display: inline-block; position: absolute; top:0; left:0;}
.Nuclear-wrap03 .item2-ft-left li:nth-child(2) .item-h5-st:before{background: url("/images/sub5/0603-ico02.png") no-repeat #f0f0f0 center;}
.Nuclear-wrap03 .item2-ft-left li .item-h5-st .shame{color:#555555;}
.Nuclear-wrap03 .item2-ft-left li .item-h5-st .shame b{color:#0088c8; font-size:20px; font-weight: bold;  display: inline-block;}

.item3-mg-st{width:100%; float: left;}
.item3-mg-st li{width:30.5%; float: left; margin:0 0 0 40px; position: relative; z-index: 1;}
.item3-mg-st li:first-child{margin:0 0 0 0px;}
.item3-mg-st li:nth-child(2) .tit{background: #6981c4;}
.item3-mg-st li:nth-child(3) .tit{background: #0eb097;}

.item3-mg-st li span{display: block; padding:10px;}
.item3-mg-st li .tit{background: #4d8be0; color:#fff; text-align: center;}
.item3-mg-st li .con{background: #fff; color:#333; text-align: left; height: 65px;}
.item3-mg-st li:after{content: ""; width:48px; height: 43px; background: url("/images/sub5/0603-ico03.png"); display: block; position: absolute; top:-41px; right:30px;}
.item3-mg-st li:nth-child(2):after{width:53px; height:41px; background: url("/images/sub5/0603-ico04.png"); z-index: -1;}
.item3-mg-st li:nth-child(3):after{width:55px; height:42px; background: url("/images/sub5/0603-ico05.png"); z-index: -1;}
.Nuclear-wrap03 .Nuclear-commonbtn{width: 250px; background: #4662b2;}
.Nuclear-wrap03 .Nuclear-commonbtn span:after{background: url("/images/sub5/0601-btn-ico01.png") no-repeat #153baa center;}

.Nuclear-wrap04 .Nuclear-tit .tit-bold{color:#703a49;}
.Nuclear-wrap04 .h5bi-box .Nuclear-h5bi-tit{background: #466689;}
.Nuclear-wrap04 .number-list{width:100%; padding: 0 0 0 90px;}
.Nuclear-wrap04 .number-list li{ position: relative; padding: 9px 0 0 80px; margin:25px 0 0 0;}
.Nuclear-wrap04 .number-list li:before{content: "1방호벽"; padding: 10px; background: #7bac54; color:#fff; text-align: center; display: inline-block; position: absolute; top:0; left:0;}
.Nuclear-wrap04 .number-list li:nth-child(2):before{content: "2방호벽";}
.Nuclear-wrap04 .number-list li:nth-child(3):before{content: "3방호벽";}
.Nuclear-wrap04 .number-list li:nth-child(4):before{content: "4방호벽";}
.Nuclear-wrap04 .number-list li:nth-child(5):before{content: "5방호벽";}

.Nuclear-wrap04 .item3-ft-left li{position: relative;}
.Nuclear-wrap04 .item3-ft-left li:after{content: ""; width:29px; height: 29px; background: url("/images/sub5/0604-listico.png") no-repeat; display: inline-block; position: absolute; top:64px; right:0;}
.Nuclear-wrap04 .item3-ft-left li:nth-child(3):after{content: none;}
.Nuclear-wrap04 .item3-ft-left li span{display: block; text-align: center; padding: 10px 0 0 0; width:225px; margin:0 auto;}
.Nuclear-wrap04 .Nuclear-commonbtn{width:295px; background: #68ba27;}
.Nuclear-wrap04 .Nuclear-commonbtn span:after{background: url("/images/sub5/0601-btn-ico01.png") no-repeat #509f11 center;}

.Nuclear-wrap05 .Nuclear-tit .tit-bold{color:#e44848;}
.Nuclear-wrap05 .h5bi-box .Nuclear-h5bi-tit{background: #7d6139;}
.Nuclear-wrap05 .Nuclear-commonbtn{width:215px; background: #3467a5;}
.Nuclear-wrap05 .Nuclear-commonbtn span:after{background: url("/images/sub5/0601-btn-ico01.png") no-repeat #0e4991 center}
.Nuclear-wrap05 ul.item5-ft-left{margin-top:70px;}
.Nuclear-wrap05 ul.item5-ft-left li{padding: 55px 10px 25px 10px; background: #fff; border:solid 2px #d89945; height: 220px; position: relative; text-align:center;}
.Nuclear-wrap05 ul.item5-ft-left li:nth-child(2){border:solid 2px #7d8f81;}
.Nuclear-wrap05 ul.item5-ft-left li:nth-child(3){border:solid 2px #ce6363;}
.Nuclear-wrap05 ul.item5-ft-left li:nth-child(4){border:solid 2px #5a82b3;}
.Nuclear-wrap05 ul.item5-ft-left li:nth-child(5){border: solid 2px #797979;}

.Nuclear-wrap05 ul.item5-ft-left li:before{content: "부지사전승인\A신청"; width:109px; height: 67px; font-family: 'BMJUA'; font-size:20px; background: #d89945; ; border-radius: 60px; display: inline-block; padding:44px 0 0 0; color:#fff;   position: absolute; top:-67px;  left:50%; transform:translateX(-50%); text-align: center; background-position: center;}
.Nuclear-wrap05 ul.item5-ft-left li:nth-child(2):before{content: "건설허가신청"; background: #7d8f81;}
.Nuclear-wrap05 ul.item5-ft-left li:nth-child(3):before{content: "운영허가신청"; background: #ce6363;}
.Nuclear-wrap05 ul.item5-ft-left li:nth-child(4):before{content: "계속운전신청"; background: #5a82b3;}
.Nuclear-wrap05 ul.item5-ft-left li:nth-child(5):before{content: "영구정지"; background: #797979;}

.Nuclear-wrap05 .h6bi-type{font-family: "NanumSquareRoundL"; font-size:16px; color:#555555; font-weight: bold;}
.Nuclear-wrap05 .h6bi-type .number{font-family: 'BMJUA'; font-size:30px; font-weight: bold; margin-right:10px; display: inline-block;}
.Nuclear-wrap05 .h6bi-type .bold{color:#aa3b3b;}

.Nuclear-wrap05 .boxlist{width:100%; overflow: hidden; margin:0px 0 0 0;}
.Nuclear-wrap05 .boxlist li{ background: #fff; position: relative; margin:20px 0 0 0; }
.Nuclear-wrap05 .boxlist li:first-child{margin:5px 0 0 0;}
.Nuclear-wrap05 .boxlist li span{display:inline-block; float: left; width:220px; height: 100%;  padding: 21px; text-align: center; background: #7d8f81; color:#fff; margin-right:20px; position: absolute;}
.Nuclear-wrap05 .boxlist li p{padding: 10px 10px 10px 244px;}

.Nuclear-wrap05 .boxlist.list01 li:first-child p{ padding: 30px 40px 30px 244px; }
.Nuclear-wrap05 .boxlist.list01 li:nth-child(2) p{ padding: 30px 10px 30px 244px; }
.Nuclear-wrap05 .boxlist.list01 li:nth-child(3) p{ padding: 30px 10px 30px 244px; }
.Nuclear-wrap05 .boxlist.list01 li:nth-child(4) span{ padding: 10px;}
.Nuclear-wrap05 .boxlist.list01 li:nth-child(5) p{ padding: 30px 10px 30px 244px; }

.Nuclear-wrap05 .boxlist.list02 li:first-child span{ padding: 20px 10px 10px 10px;}
.Nuclear-wrap05 .boxlist.list02 li:first-child p{ padding: 30px 10px 30px 244px; }
.Nuclear-wrap05 .boxlist.list02 li:nth-child(2) span{ padding: 10px;}
.Nuclear-wrap05 .boxlist.list02 li:nth-child(3) p {
    padding: 30px 10px 30px 244px;
}
/*
.Nuclear-wrap05 .boxlist.list02 li:nth-child(3) p{ padding: 31px;}
.Nuclear-wrap05 .boxlist.list03 li:first-child p{ padding: 31px;}
*/



.h5bi-box{width: 100%; overflow: hidden;}
.h5bi-box .Nuclear-h5bi-tit{ background:#5e5eb1; padding: 5px 7px 5px 7px; color:#fff; display: inline-block; border-radius: 10px; font-size:26px; margin:20px 0 0 0;}
.h5bi-box p{font-family: "NanumSquareRoundL"; font-weight: bold; padding: 10px 5px 10px 5px;}
.p-bold{display: inline-block; color: #f36100; font-family: "NanumSquareRoundL"; font-weight: bold;}

.p-type-st{position: relative; padding:0 0 0 100px; font-family:"NanumSquareRoundL"; font-weight:bold;}
.p-type-st:before{content:"1차 계통"; width:86px; height: 78px; background: url("/images/sub5/0601-bullit-bg01.png") no-repeat; font-family: 'BMJUA'; text-align: center; font-size:20px; color:#fff; padding: 17px 0 0 0; display: inline-block; position: absolute; top:0; left:0;}
.p-type-st:nth-child(2){margin:40px 0 0 0;}
.p-type-st:nth-child(2):before{content: "2차 계통"; top:-18px;}

.Nuclear-wrap .item1 li:first-child{border-bottom:solid 1px #cecece;}
.h5bi-box .ol-num-type1{margin:20px 0 0 20px;}
.h5bi-box .ol-num-type1 li{}
.h5bi-box .ol-num-type1 li span{background: #4c4c4c;}
.ol-num-type00{width:100%; overflow: hidden;}
.ol-num-type00 li{position: relative; padding: 20px 0 0 40px; font-family:"NanumSquareRoundL"; font-weight:bold;}
.ol-num-type00 li:before{content: "1"; width:30px; height: 25px; background: #4c4c4c; border-radius: 20px; color:#fff; text-align: center; position: absolute; top:18px; left:0; padding-top: 5px;}
.ol-num-type00 li:nth-child(2):before{content:"2";}
.ol-num-type00 li:nth-child(3):before{content:"3";}
.ol-num-type00 li:nth-child(4):before{content:"4";}

.Nuclear-wrap .cluod-ico{width:79px; height:39px; background: url("/images/sub5/cloud-ico.png"); display: block; position: absolute; top:50px; left:150px;}
.Nuclear-commonbtn{width:230px; padding: 10px 10px; background: #12a64e; border: none; border-radius: 5px; position: relative; text-align: left; margin:20px 0 20px 0; cursor:pointer;}
.Nuclear-commonbtn span{color:#fff; font-size:15px; font-weight: bold;}
.Nuclear-commonbtn span:after{content: ""; width:21px; height: 20px; background: url("/images/sub5/0601-btn-ico01.png") no-repeat #00742f center; position: absolute; top:0; right:0; display: inline-block; border-radius:0px 5px 5px 0px; padding:12px 10px 8px 10px;}



/* 실시간 운전현황 */
.plant-graphic{height:750px;box-sizing:border-box;border:1px solid #e3e3e3;position:relative;}
.graphic1{background:url(/images/sub2/BR0302INFO2.jpg) no-repeat;}
.graphic1_1{background:url(/images/sub2/BR0302INFO3.jpg) no-repeat;}
.graphic1_2{background:url(/images/sub2/BR0302INFO7.jpg) no-repeat;}
.graphic1_3{background:url(/images/sub2/BR0302INFO8.jpg) no-repeat;}

.graphic2{background:url(/images/sub2/BR0303.jpg) no-repeat;}
.graphic3{background:url(/images/sub2/BR0305INFO1.jpg) no-repeat;}
.graphic3_1{background:url(/images/sub2/BR0305INFO3.jpg) no-repeat;}
.graphic3_2{background:url(/images/sub2/BR0305INFO7.jpg) no-repeat;}
.graphic4{background:url(/images/sub2/BR0304INFO1.jpg) no-repeat;}
.graphic4_1{background:url(/images/sub2/BR0304INFO3.jpg) no-repeat;}
.graphic5{background:url(/images/sub2/BR0312INFO9.jpg) no-repeat;}

.plant-graphic .graphic-item{position:absolute;}

.plant-graphic .graphic-item .chart-layer{
	position:relative;
	box-sizing: border-box;display: inline-block;font-family: 'NanumSquareRoundB';font-size: 100%;min-width: 120px;text-align: center;padding: 0;border-radius: 8px;box-shadow: 2px 2px 2px #333;cursor: pointer;
	-webkit-transition:width 0.5s, height 0.5s, background-color 0.5s, -webkit-transform 0.5s;transition:width 0.5s, height 0.5s, background-color 0.5s, transform 0.5s;
}
.plant-graphic .graphic-item .chart-layer:hover{border: 2px dashed #3eb1ff;background: #005b9a !important;}
.plant-graphic .graphic-item .chart-layer .chart-layer-header {color: #fff;font-size: 13px;padding: 4px 10px;background: rgba(0,0,0,0.3);border-radius: 8px 8px 0 0;}
.plant-graphic .graphic-item .chart-layer .chart-layer-body {padding: 5px;color: #fff;padding: 5px;color: #fff;font-size: 13px;}
.plant-graphic .graphic-item .chart-layer .chart-layer-desc{position: absolute;top: 0;right: -360px;width: 350px;height: auto;padding: 20px;background: #fff;-webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px;border: 0;z-index: 999;opacity: 0;visibility: hidden;transition: .1s linear;transform: translateY(-20px);text-align: left;box-shadow: 2px 2px 3px #000;}
.plant-graphic .graphic-item .chart-layer .chart-layer-desc:after {content: '';position: absolute;border-style: solid;border-width: 6px 18px 6px 0;border-color: transparent #fff;display: block;width: 0;z-index: 0;left: -18px;top: 23px;}    
.plant-graphic .graphic-item .chart-layer .chart-layer-desc:before {content: '';position: absolute;border-style: solid;border-width: 6px 18px 6px 0;border-color: transparent #fff;display: block;width: 0;z-index: 0;left: -18px;top: 23px;}    
.plant-graphic .graphic-item .chart-layer .chart-layer-desc p.error {background: url(/images/sub3/bg_icon_tip.png) no-repeat #efefef 5px 50%;background-size: 20px;padding: 8px 8px 8px 30px;border-radius: 8px;margin-top: 10px;font-size: 13px;color: #000;}
    



.plant-graphic .graphic-item .chart-layer.on .chart-layer-desc,
.plant-graphic .graphic-item .chart-layer:hover .chart-layer-desc{opacity: 1;visibility: visible;transform: translateY(0);}


  


.plant-graphic .graphic-item .chart-layer.bg-1{background:#00ae4f;}
.plant-graphic .graphic-item .chart-layer.bg-2{background:#eae400}
.plant-graphic .graphic-item .chart-layer.bg-3{background:#ff8000}
.plant-graphic .graphic-item .chart-layer.bg-4{background:#bbd5ff}
.plant-graphic .graphic-item .chart-layer.bg-10{background:rgba(187,213,255,0.8);}

.plant-graphic .item-1{top: 270px;left: 172px;}    
.plant-graphic .item-2{top: 190px;left: 225px;}    
.plant-graphic .item-3{top:90px;left:514px;}
.plant-graphic .item-4{top:170px;left:415px;}
.plant-graphic .item-5{top:311px;left:406px;}
.plant-graphic .item-6{top:311px;left:625px;}
.plant-graphic .item-7{top:423px;left:216px;}
.plant-graphic .item-8{top:490px;left:235px;}
.plant-graphic .item-9{top:540px;left:425px;}
.plant-graphic .item-10{top: 530px;left: 110px;}

.plant-graphic .right-info-box {position: absolute;top: 20px;right: 20px;width: 180px;}
.plant-graphic .right-info-box ul {overflow: hidden;background: #005b9a;border-radius: 10px;}
.plant-graphic .right-info-box ul li:first-child {background: #0191c8;border-radius: 10px 10px 0 0;border-bottom: 1px solid #fff;text-align: left;}
.plant-graphic .right-info-box ul li .bTitle {font-weight: 600;padding-bottom: 2px;}
.plant-graphic .right-info-box ul li .bValue {font-size: 14px;}
.plant-graphic .right-info-box ul li {color: #fff;box-sizing: border-box;font-size: 120%;padding: 12px 10px 10px 10px;text-align: right;}
    
.plant-graphic .right-info-box ul.time {background: #12511a;margin-top: 20px;}
.plant-graphic .right-info-box ul.time li:first-child {background: #26a137;}

.plant-wrap .plant-graphic-legend{position:absolute;bottom:20px;right:20px;}
.plant-wrap .plant-graphic-legend span{display: inline-block;padding: 5px 30px;font-family: 'NanumSquareRoundR';font-size: 120%;text-align: center;border: 4px solid #fff;border-radius: 10px 0 10px 0;font-weight:bold;background: #fff;}
.plant-wrap .plant-graphic-legend span.bg-1{border-color: #00ae4f;color: #00ae4f;}
.plant-wrap .plant-graphic-legend span.bg-2{border-color: #eae400;color: #eae400;font-weight: bold;margin:0 5px;}
.plant-wrap .plant-graphic-legend span.bg-3{border-color: #ff8000;color: #ff8000;}
.plant-wrap .plant-graphic-legend span.bg-4{border-color: #bbd5ff;color: #bbd5ff;}
.plant-wrap .plant-graphic-legend span.bg-10{background:#bbd5ff;}

.plant-wrap .plant-table{margin-top:45px;clear:both;}
.plant-wrap .plant-table td b{color:#000;font-weight:bold;}
.plant-wrap .plant-table td span{display:inline-block;width:25px;height:25px;border-radius:15px;}
.plant-wrap .plant-table td span.bg-1{border:4px solid #00ae4f;}
.plant-wrap .plant-table td span.bg-2{border:4px solid #ccc600;}
.plant-wrap .plant-table td span.bg-3{border:4px solid #ff8000;}
.plant-wrap .plant-table td span.bg-4{border:4px solid #bbd5ff;}
.plant-wrap .plant-table td span.bg-10{border:4px solid #bbd5ff;}





/* 0501_원자력안전*/
.safe-spot{background:url(/images/sub3/bg_box.gif) no-repeat 100% 0 #f7f7f7;height:107px;box-sizing:border-box;text-align:center;padding-top:40px;margin:20px 0;}
.white-box{background:#fff;display:inline-block;padding:25px 80px;}
.gray-box{background:url(/images/sub3/bg_box_1.gif) no-repeat;display:inline-block;padding:25px 0;width:856px;height:78px;box-sizing:border-box;}

/* 020102_원전비상대응조직*/
.org-img img{max-width:100%;}

/* 020103_유관기관 및 연락처*/
.org-list{background:url(/images/sub3/bg_icon_1.png) no-repeat;padding:0 0 0 130px;display:inline-block;min-height:95px;font-size:160%;}
.org-list dt{padding:17px 0 10px 0;font-family:'NanumSquareRoundB';}
.org-list dd{font-size:80%;font-family:'NanumSquareRoundB';color:#666;}
.org-list dt,
.org-list dd{text-align:left;}

/*070101_지진은 어떻게 일어날까요*/
.earth-desc{width:58%;}
.earth-img{position:absolute;right:0;top:-194px;}
.earch-word{width:70%;position:relative;}
.earch-word-img{position:absolute;top:48px;right:30px;border:1px solid #d6d6d6;background:#fff;padding:30px 40px;}
.txt-tip{font-size:200%;font-family:'NanumSquareRoundB';background:url(/images/sub3/bg_icon_tip.png) no-repeat;min-height:36px;padding-top:3px;padding-left:40px;box-sizing:border-box;}
.u-line{border-bottom:1px solid #d6d6d6;padding-bottom:15px;margin-bottom:10px;}

/*070102_우리나라는 지진에 안전한가요*/
.chart-desc{position:absolute;top:110px;right:30px;background:#fbfbfb;padding:20px;width:240px;line-height:180%;font-size:110%;}

/** 03 방사선·안전 **/

/* 실시간 방사선량  > 원전주변 실시간 방사선량  ((임시)) */
.map-top-wrap{width:100%; float: left;}
.realtime-mapwrap{width:100%; background: #f7f7f7; float: left; margin-bottom:30px; }
.realtime-mapwrap .map-list{width:295px; height: 537px; background: url("/images/sub3/maplist-wrap.png") no-repeat; background-position: 4px 5px; float: left; position: relative;}

.realtime-mapwrap .map-list a{color:#333 !important;}

.realtime-mapwrap .map-list .map-hanul{width:75px; height:42px; background:url("/images/main/map_icon_off.png") no-repeat; background-position: left; padding:11px 0 0 34px; font-size:20px; font-weight: bold; color: #333;  position: absolute; top:125px; right:-27px;}
.realtime-mapwrap .map-list .map-hanul:hover{background:url("/images/main/map_icon_on.png") no-repeat; background-position: left; padding:11px 0 0 34px; color:#fdec45;}

/*.realtime-mapwrap .map-list .map-wolsong{width:75px; height:42px; background:url("/images/main/map_icon_off.png") no-repeat; background-position: right; padding:16px 0 0 0; font-size:20px; color: #fff; text-shadow: 2px 2px 2px gray; position: absolute; top:245px; right:-5px;}
.realtime-mapwrap .map-list .map-wolsong:hover{background:url("/images/main/map_icon_on.png") no-repeat; background-position: right; color:#fdec45;}*/

.realtime-mapwrap .map-list .map-wolsong{width:75px; height:42px; background:url("/images/main/map_icon_off.png") no-repeat; background-position: left; padding:11px 0 0 37px; font-size:20px; font-weight: bold; color: #333;  position: absolute; top:245px; right:-40px;}
.realtime-mapwrap .map-list .map-wolsong:hover{background:url("/images/main/map_icon_on.png") no-repeat; background-position: left; color:#333;}

.realtime-mapwrap .map-list .map-saeul{width:75px; height:42px; background:url("/images/main/map_icon_off.png") no-repeat; background-position: left; padding:20px 0 0 34px; font-size:20px; font-weight: bold; color: #333;  position: absolute; top:300px; right:-40px;}
.realtime-mapwrap .map-list .map-saeul:hover{background:url("/images/main/map_icon_on.png") no-repeat; background-position: left; color:#fdec45;}

.realtime-mapwrap .map-list .map-gori{width:75px; height:42px; background:url("/images/main/map_icon_off.png") no-repeat; background-position: left; padding:31px 0 0 34px; font-size:20px; font-weight: bold; color: #333;  position: absolute; top:327px; right:-22px;}
.realtime-mapwrap .map-list .map-gori:hover{background:url("/images/main/map_icon_on.png") no-repeat; background-position: left; color:#fdec45;}

.realtime-mapwrap .map-list .map-hanbit{width:75px; height:42px; background:url("/images/main/map_icon_off.png") no-repeat; background-position: right; padding:17px 0 0 0px; font-size:20px; font-weight: bold; color: #333; position: absolute; top:298px; right:216px;}
.realtime-mapwrap .map-list .map-hanbit:hover{background:url("/images/main/map_icon_on.png") no-repeat;  color:#fdec45; background-position: right;}


.realtime-mapwrap .map-list .active{background:url("/images/main/map_icon_on.png") no-repeat; background-position: right;}
.realtime-mapwrap .map-list .active:nth-child(5){background:url("/images/main/map_icon_on.png") no-repeat; background-position: left;}
.realtime-mapwrap .map-list .active:first-child{color:#fdec45; background-position: left;}
.realtime-mapwrap .map-list .active:nth-child(2){color:#fdec45; background-position: left;}
.realtime-mapwrap .map-list .active:nth-child(3){color:#fdec45; background-position: left;}
.realtime-mapwrap .map-list .active:nth-child(4){color:#fdec45; background-position: left;}
.realtime-mapwrap .map-list .active:nth-child(5){color:#333; background-position: right;}

.realtime-mapwrap .map-content{width:842px; height: 585px;  float: right; border-left: solid 1px #d5d5d5; position: relative;}
.realtime-mapwrap .map-content a{height:30px; background: url("/images/sub3/map-bullit-off.png") no-repeat; background-position: center; padding: 23px 0 0 0; position: absolute; color: #fff; }
.realtime-mapwrap .map-content a:hover{background: url("/images/sub3/map-bullit-on.png") no-repeat; background-position: center;}
.realtime-mapwrap .map-content .map-posi-over{width:13px; height:30px; background: url("/images/sub3/map-bullit-off.png") no-repeat; background-position: center; padding: 23px 0 0 0; position: absolute; color: #fff;}

.realtime-mapwrap .hanul-con{ height: 585px; background: url("/images/sub3/mapblock-img-hanul.png") no-repeat;}
.realtime-mapwrap .hanul-con .map-posi01{top:116px; left: 28px;}
.realtime-mapwrap .hanul-con .map-posi02{top:186px; left: 28px;}
.realtime-mapwrap .hanul-con .map-posi03{top:248px; left: 82px;}
.realtime-mapwrap .hanul-con .map-posi04{top:345px; left: 220px;}
.realtime-mapwrap .hanul-con .map-posi05{top:520px; left: 166px;}
.realtime-mapwrap .hanul-con .map-posi06{top:241px; left: 194px;}



.realtime-mapwrap .wolsong-con{ height: 585px; background: url("/images/sub3/mapblock-img-wolsong.png") no-repeat;}
.realtime-mapwrap .wolsong-con .map-posi01{top:114px; left: 20px;}
.realtime-mapwrap .wolsong-con .map-posi02{top:157px; left: 271px;}
.realtime-mapwrap .wolsong-con .map-posi03{top:294px; left: 231px;}
.realtime-mapwrap .wolsong-con .map-posi04{top:389px; left: 199px;}
.realtime-mapwrap .wolsong-con .map-posi05{top:520px; left: 80px;}


.realtime-mapwrap .gori-con{ height: 585px; background: url("/images/sub3/mapblock-img-gori.png") no-repeat;}
.realtime-mapwrap .gori-con .map-posi01{top:242px; left: 230px;}
.realtime-mapwrap .gori-con .map-posi02{top:294px; left: 87px;}
.realtime-mapwrap .gori-con .map-posi03{top:343px; left: 91px;}
.realtime-mapwrap .gori-con .map-posi04{top:343px; left: 131px;}
.realtime-mapwrap .gori-con .map-posi05{top:330px; left: 193px;}
.realtime-mapwrap .gori-con .map-posi06{top:510px; left: 5px;}





.realtime-mapwrap .saeul-con{ height: 585px; background: url("/images/sub3/mapblock-img-saeul.png") no-repeat;}
.realtime-mapwrap .saeul-con .map-posi01{top:20px; left: 20px;}
.realtime-mapwrap .saeul-con .map-posi02{top:90px; left: 70px;}
.realtime-mapwrap .saeul-con .map-posi03{top:39px; left: 300px;}
.realtime-mapwrap .saeul-con .map-posi04{top:225px; left: 130px;}
.realtime-mapwrap .saeul-con .map-posi05{top:232px; left: 260px;}
.realtime-mapwrap .saeul-con .map-posi06{top:272px; left: 203px;}
.realtime-mapwrap .saeul-con .map-posi07{top:388px; left: 166px;}


.realtime-mapwrap .hanbit-con{ height: 585px; background: url("/images/sub3/mapblock-img-hanbit.png") no-repeat;}
.realtime-mapwrap .hanbit-con .map-posi01{top:191px; left: 122px;}
.realtime-mapwrap .hanbit-con .map-posi02{top:164px; left: 182px;}
.realtime-mapwrap .hanbit-con .map-posi03{top:164px; left: 240px;}
.realtime-mapwrap .hanbit-con .map-posi04{top:205px; left: 343px;}
.realtime-mapwrap .hanbit-con .map-posi05{top:234px; left: 282px;}
.realtime-mapwrap .hanbit-con .map-posi06{top:382px; left: 313px;}

.realtime-mapwrap .hanbit-con .map-over-box .posi-rel{position: relative;}
.realtime-mapwrap .hanbit-con .map-over-box .posi-rel:before{content: "부지내"; width:78px; height: 25px; background: #3a3a3a; border-radius: 20px; padding:5px 0 0 0; color:#fff; position: absolute; top:-15px; left:30%; text-align: center;}
.realtime-mapwrap .hanbit-con .map-over-box .posi-rel a{height:30px; background: url("/images/sub3/map-bullit-off.png") no-repeat; background-position: center; padding: 23px 0 0 0; color:#333; font-size:13px; text-align: center;}
.realtime-mapwrap .hanbit-con .map-over-box .posi-rel .map-sub-posi01{position: absolute; top:0; left: 132px;}
.realtime-mapwrap .hanbit-con .map-over-box .posi-rel .map-sub-posi02{position: absolute; top:117px; left: 5px;}
.realtime-mapwrap .hanbit-con .map-over-box .posi-rel .map-sub-posi03{position: absolute; top:123px; left: 70px;}
.realtime-mapwrap .hanbit-con .map-over-box .posi-rel .map-sub-posi04{position: absolute; top:102px; left: 111px;}

.realtime-mapwrap .saeul-con .map-over-box .posi-rel{position: relative;}
.realtime-mapwrap .saeul-con .map-over-box .posi-rel:before{content: "부지내"; width:78px; height: 25px; background: #3a3a3a; border-radius: 20px; padding:5px 0 0 0; color:#fff; position: absolute; top:-15px; left:30%; text-align: center;}
.realtime-mapwrap .saeul-con .map-over-box .posi-rel a{width:47px; height:30px; text-align: center; font-size:13px; background: url("/images/sub3/map-bullit-off.png") no-repeat; background-position: center; padding: 23px 0 0 0; color:#333;}
.realtime-mapwrap .saeul-con .map-over-box .posi-rel .map-sub-posi01{position: absolute; top:38px; left: 20px;}
.realtime-mapwrap .saeul-con .map-over-box .posi-rel .map-sub-posi02{position: absolute; top:15px; left: 15px; background-position: right; padding: 6px 10px 0 0;}
.realtime-mapwrap .saeul-con .map-over-box .posi-rel .map-sub-posi03{position: absolute; top:8px; left: 70px; background-position: left;}
.realtime-mapwrap .saeul-con .map-over-box .posi-rel .map-sub-posi04{position: absolute; top:9px; left: 108px; background-position: left; padding:7px 0 0 12px;}
.realtime-mapwrap .saeul-con .map-over-box .posi-rel .map-sub-posi05{position: absolute; top:30px; left: 108px; }
.realtime-mapwrap .saeul-con .map-over-box .posi-rel .map-sub-posi06{position: absolute; top:66px; left: 108px; background-position: left; padding: 7px 0 0 15px; width: 60px; }
.realtime-mapwrap .saeul-con .map-over-box .posi-rel .map-sub-posi07{position: absolute; top:85px; left: 100px; background-position: left; padding: 7px 0 0 15px; width: 60px; }
.realtime-mapwrap .saeul-con .map-over-box .posi-rel .map-sub-posi08{position: absolute; top:103px; left: 91px; background-position: left; padding: 7px 0 0 15px; width: 60px; }

.realtime-mapwrap .hanul-con .map-over-box .posi-rel{position: relative;}
.realtime-mapwrap .hanul-con .map-over-box .posi-rel:before{content: "부지내"; width:78px; height: 25px; background: #3a3a3a; border-radius: 20px; padding:5px 0 0 0; color:#fff; position: absolute; top:-15px; left:30%; text-align: center;}
.realtime-mapwrap .hanul-con .map-over-box .posi-rel a{width:47px; height:30px; text-align: center; font-size:13px; background: url("/images/sub3/map-bullit-off.png") no-repeat; background-position: center; padding: 23px 0 0 0; color:#333;}
.realtime-mapwrap .hanul-con .map-over-box .posi-rel .map-sub-posi01{width:86px; padding:8px 0 0 15px; position: absolute; top:16px; left: 30px; background-position: left;}
.realtime-mapwrap .hanul-con .map-over-box .posi-rel .map-sub-posi02{width:66px; padding:8px 0 0 15px; position: absolute; top:38px; left: 14px; background-position: left;}
.realtime-mapwrap .hanul-con .map-over-box .posi-rel .map-sub-posi03{width:73px; padding:8px 0 0 15px; position: absolute; top:55px; left: 90px; background-position: left;}
.realtime-mapwrap .hanul-con .map-over-box .posi-rel .map-sub-posi04{width:51px; padding:8px 0 0 15px; position: absolute; top:76px; left: 5px; background-position: left;}
.realtime-mapwrap .hanul-con .map-over-box .posi-rel .map-sub-posi05{width:51px; padding:8px 0 0 15px; position: absolute; top:97px; left: 28px; background-position: left;}
.realtime-mapwrap .hanul-con .map-over-box .posi-rel .map-sub-posi06{width:59px; padding:8px 0 0 15px; position: absolute; top:120px; left: 5px; background-position: left;}
.realtime-mapwrap .hanul-con .map-over-box .posi-rel .map-sub-posi07{width:75px; padding:8px 0 0 15px; position: absolute; top:129px; left: 87px; background-position: left;}
.realtime-mapwrap .hanul-con .map-over-box .posi-rel .map-sub-posi08{width:75px; padding:8px 0 0 15px; position: absolute; top:142px; left: 40px; background-position: left;}

.realtime-mapwrap .wolsong-con .map-over-box .posi-rel{position: relative;}
.realtime-mapwrap .wolsong-con .map-over-box .posi-rel:before{content: "부지내"; width:78px; height: 25px; background: #3a3a3a; border-radius: 20px; padding:5px 0 0 0; color:#fff; position: absolute; top:-15px; left:30%; text-align: center;}
.realtime-mapwrap .wolsong-con .map-over-box .posi-rel a{width:47px; height:30px; text-align: center; font-size:13px; background: url("/images/sub3/map-bullit-off.png") no-repeat; background-position: center; padding: 23px 0 0 0; color:#333;}
.realtime-mapwrap .wolsong-con .map-over-box .posi-rel .map-sub-posi01{width:53px; padding:8px 0 0 15px; position: absolute; top:32px; left: 119px; background-position: left;}
.realtime-mapwrap .wolsong-con .map-over-box .posi-rel .map-sub-posi02{width:86px; padding:8px 0 0 15px; position: absolute; top:53px; left: 83px; background-position: left;}
.realtime-mapwrap .wolsong-con .map-over-box .posi-rel .map-sub-posi03{width:86px; padding:8px 0 0 15px; position: absolute; top:72px; left: 67px; background-position: left;}
.realtime-mapwrap .wolsong-con .map-over-box .posi-rel .map-sub-posi04{width:86px; padding:8px 0 0 15px; position: absolute; top:90px; left: 26px; background-position: left;}
.realtime-mapwrap .wolsong-con .map-over-box .posi-rel .map-sub-posi05{width:86px; padding:8px 0 0 15px; position: absolute; top:108px; left: 74px; background-position: left;}
.realtime-mapwrap .wolsong-con .map-over-box .posi-rel .map-sub-posi06{width:86px; padding:8px 0 0 15px; position: absolute; top:124px; left: 54px; background-position: left;}
.realtime-mapwrap .wolsong-con .map-over-box .posi-rel .map-sub-posi07{width:86px; padding:8px 0 0 15px; position: absolute; top:140px; left: 86px; background-position: left;}
.realtime-mapwrap .wolsong-con .map-over-box .posi-rel .map-sub-posi08{width:86px; padding:8px 0 0 15px; position: absolute; top:156px; left: 62px; background-position: left;}

.realtime-mapwrap .gori-con .map-over-box .posi-rel{position: relative;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel:before{content: "부지내"; width:78px; height: 25px; background: #3a3a3a; border-radius: 20px; padding:5px 0 0 0; color:#fff; position: absolute; top:-15px; left:30%; text-align: center;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel a{width:47px; height:30px; text-align: center; font-size:13px; background: url("/images/sub3/map-bullit-off.png") no-repeat; background-position: center; padding: 23px 0 0 0; color:#333;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel .map-sub-posi01{width:53px; padding:8px 0 0 15px; position: absolute; top:0px; left: 127px; background-position: left;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel .map-sub-posi02{width:53px; padding:8px 0 0 15px; position: absolute; top:16px; left: 136px; background-position: left;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel .map-sub-posi03{width:53px; padding:8px 15px 0 0px; position: absolute; top:16px; left: 65px; background-position: right;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel .map-sub-posi04{width:53px; padding:8px 0px 0 15px; position: absolute; top:32px; left: 99px; background-position: left;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel .map-sub-posi05{width:75px; padding:8px 0px 0 15px; position: absolute; top:48px; left: 89px; background-position: left;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel .map-sub-posi06{width:53px; padding:8px 0px 0 15px; position: absolute; top:63px; left: 74px; background-position: left;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel .map-sub-posi07{width:53px; padding:19px 0px 0 0px; position: absolute; top:65px; left: 130px; background-position: left;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel .map-sub-posi08{width:64px; padding:8px 0px 0 15px; position: absolute; top:98px; left: 10px; background-position: left;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel .map-sub-posi09{width:64px; padding:8px 0px 0 15px; position: absolute; top:98px; left: 103px; background-position: left;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel .map-sub-posi10{width:64px; padding:8px 0px 0 15px; position: absolute; top:117px; left: 15px; background-position: left;}
.realtime-mapwrap .gori-con .map-over-box .posi-rel .map-sub-posi11{width:64px; padding:8px 0px 0 15px; position: absolute; top:139px; left: 47px; background-position: left;}


.strTime span{display:inline-block; text-align:right; background:#888888; padding:10px; color:#fff; margin-bottom:10px;}



.map-content .map-top-left-tit{font-size:32px; font-weight: bold; color: #111111; text-align: left; padding: 20px; line-height: 130%;}
.map-content .map-top-left-tit span{display: block; text-align: left;}
.gori-con .map-top-left-tit{color: #fff;}

.map-content .map-bt-rt-tit{font-size:32px; font-weight: bold; color: #111111; text-align: left; padding: 20px; line-height: 130%; position: absolute; right:0; bottom:0;}
.map-content .map-bt-rt-tit span{display: block; text-align: left;}

.map-content .map-bt-lt-tit{font-size:32px; font-weight: bold; color: #111111; text-align: left; padding: 20px; line-height: 130%; position: absolute; left:0; bottom:0;}
.map-content .map-bt-lt-tit span{display: block; text-align: left;}

.hanbit-con .map-over-box{width:191px; height: 178px; background: url("/images/sub3/hanbit-bg01.jpg"); border:solid 5px #3a3a3a; border-radius: 20px; position: absolute; top:250px; left: 54px; z-index: 1; display: none;}
.realtime-mapwrap .hanbit-con .map-posi01:hover > .map-over-box{display: block !important;}

.saeul-con .map-over-box{width:191px; height: 178px; background: url("/images/sub3/saeul-bg01.jpg"); border:solid 5px #3a3a3a; border-radius: 20px; position: absolute; top:372px; left: 188px; z-index: 1; display: none;}
.realtime-mapwrap .saeul-con .map-posi01:hover > .map-over-box{display: block !important;}

.hanul-con .map-over-box{width:191px; height: 178px; background: url("/images/sub3/hanul-bg01.jpg"); border:solid 5px #3a3a3a; border-radius: 20px; position: absolute; top:61px; left: 167px; z-index: 1; display: none;}
.realtime-mapwrap .hanul-con .map-posi01:hover > .map-over-box{display: block !important;}

.wolsong-con .map-over-box{width:191px; height: 193px; background: url("/images/sub3/wolsong-bg01.jpg"); border:solid 5px #3a3a3a; border-radius: 20px; position: absolute; top:194px; left: 25px; z-index: 1; display: none;}
.realtime-mapwrap .wolsong-con .map-posi01:hover > .map-over-box{display: block !important;}

.gori-con .map-over-box{width:191px; height: 193px; background: url("/images/sub3/gori-bg01.jpg"); border:solid 5px #3a3a3a; border-radius: 20px; position: absolute; top:374px; left: 200px; z-index: 1; display: none;}
.realtime-mapwrap .gori-con .map-posi01:hover > .map-over-box{display: block !important;}





.realtime-tb-right{width:100%; overflow: hidden;float: right;}
.condition-list-wrap{width:246px; float: right;}
.condition-list-wrap li{float: left; position: relative; padding: 0 10px 10px 23px; font-weight: bold;}
.condition-list-wrap li:before{content: ""; width:21px; height: 21px; background: url("/images/sub3/condition-ico01.png") no-repeat; position: absolute; top:2px; left: 0; display: inline-block;}
.condition-list-wrap li:nth-child(2):before{background: url("/images/sub3/condition-ico02.png") no-repeat;}
.condition-list-wrap li:nth-child(3):before{background: url("/images/sub3/condition-ico03.png") no-repeat;}
.condition-list-wrap li:nth-child(4){padding: 0 10px 10px 27px; }
.condition-list-wrap li:nth-child(4):before{background: url("/images/sub3/condition-ico04.png") no-repeat; top:0px;}
.realtime-tb-right table tr td .c-green{color: #00a040; display: inline-block;}
.realtime-tb-right table tr td .c-green{color: #00a040; display: inline-block;}

.add-led .condition-list-wrap{font-size:70%;color:#000;}
.add-led .condition-list-wrap li{padding-top:3px;}



/*국가환경방사선자동감시망*/
.radiation-wrap{width: 100%; overflow:hidden; height: 513px; background:url("/images/sub3/radiation-bg.jpg");padding:40px;}
.radiation-bg-box{width:60%; float: left; background: #fff; padding: 40px 20px 40px 20px;}
.radiation-tit{font-size:30px; font-weight: bolder; color:#35589a; font-family: 'NanumSquareRoundR';}
.radiation-tit-txt{font-size:18px; color:#000; display: block; padding:10px 0 0 0 ;}
.txt-box{font-size:17px; color:#333333; padding: 20px 0 0 0;}
.radiation-right-img{width:38%; float: right; padding: 40px 0 0 0;}
/*지진 발생시 장소별 행동요령*/
.calamity-wrap{width:100%; overflow: hidden;}
.calamity-logo{text-align: center; padding: 0 0 20px 0;}
.calamity-list-box{width:100%; margin:20px 0 0 0; float: left;}
.calamity-list-box li{width:31%; float: left; margin:15px 0 0 15px;}
.calamity-list-box li:first-child{margin:0 0 0 0px;}
.calamity-list-box li:nth-child(2){margin:0 0 0 15px;}
.calamity-list-box li:nth-child(3){margin:0 0 0 15px;}
.calamity-list-box li:nth-child(4){margin:15px 0 0 0px;}
.calamity-list-box li:nth-child(7){margin:15px 0 0 0px;}


/* 비상시 주민행동요령 */
.movie-wrap {overflow:hidden;height:400px;margin-top:15px;}
.movie-wrap .videoView {width:50%;float:left;}
.movie-wrap .videoText {width:50%;height:400px;float:left;overflow-y:auto;padding:30px;border:1px solid #cfced3;color:#666;line-height:1.6;}
.ebook-wrap {margin-top:15px;}
.ebook-wrap > ul {border:1px solid #ddd;padding:40px 60px;overflow:hidden;}
.ebook-wrap > ul > li {float:left;}
.ebook-wrap > ul > li:last-child {width:60%;float:right;background-color:#f7f7f7;padding:40px;}
.ebook-wrap .page-list {padding-bottom:20px;}
.ebook-wrap .page-list li {background:url("/images/sub3/bg-dotted.gif") repeat-x 0 50%;line-height:1.7;}
.ebook-wrap .page-list strong {background-color:#f7f7f7;padding-right:15px;}
.ebook-wrap .page-list span {float:right;display:block;background-color:#f7f7f7;padding-left:15px;}


/* 원자력안전문화 */
.safety8-box {padding:20px 250px;}
.safety8-box strong {font-size:1.45em;display:block;text-align:center;}
.safety8-box strong:after {margin:0 auto;display:block;content:'|';}
.safety8-box .ol-num-type1 {padding:20px 0 40px 0;}
.safety8-box .ol-num-type1 li {float:left;width:50%;}

/* 연도별발전(셀렉트) */
.year-wrap .year-head:after {display:block;content:'';clear:both;}
.year-wrap .year-head h4 {float:left;}
.year-wrap .select-wrap {min-width:20% !important;line-height:40px;float:right;position:relative;display:inline-block;zoom:1;}
.year-wrap .select-wrap .select-list {display:none;position:absolute;top:40px;left:0;width:100%;height:auto;overflow:auto;z-index:100;border:1px solid #ddd;}
.year-wrap .select-wrap span.select {display:inline-block;}
.year-wrap .select-wrap span.select .def {position:absolute;left:0;top:0;width:100%;background:#fff url('/images/guide/input_white.gif');height:40px;text-indent:8px;border:1px solid #ddd;color:#010101;overflow:hidden;}
.year-wrap .select-wrap span.select .def > span {display:block;height:100%;background:url('/images/sub/ico-select.png') no-repeat 90% 50%;padding-right:20px;}
.year-wrap .select-wrap span.select .options {width:100%;text-align:left;background:#fff;}
.year-wrap .select-wrap span.select .options.on {z-index:9999;}
.year-wrap .select-wrap span.select .options li {border-top:1px solid #ddd;text-indent:8px;background:#fff;height:40px;line-height:40px;}
.year-wrap .select-wrap span.select .options li a {display:block;}
.year-wrap .select-wrap span.select .options li a:hover,
.year-wrap .select-wrap span.select .options li a.focus {background:#999;color:#fff;}
.year-wrap .select-wrap span.select .options li:first-child {border-top:0;}
.year-wrap .select-wrap span.select .options li:hover a {color:#fff;font-weight:bold;}

/*** 지진안전 ***/
.earthquake-wrap {position:relative;}
.earthquake-wrap .small-tit{font-size:21px; font-weight: bold; color:#333333;}
.earthquake-wrap .sub-txt {padding-left:5px;}
.list-img-wt{width:95%; height: 200px;}
.position-rt-bt{position: absolute; bottom:20px; right:20px;}
.earthquake-wrap .ht-290{height: 290px;}

.earthquake-wrap .list-box{width:100%; overflow: hidden;}
.earthquake-wrap .list-box li{width:48.5%; height: 526px; border:solid 1px #d6d6d6; padding: 15px; float: left; margin:0 0 0 20px;}
.earthquake-wrap .list-box li:first-child{margin:0 0 0 0px;}
.earthquake-wrap .list-box li:nth-child(3){margin:20px 0 0 0px;}
.earthquake-wrap .list-box li:nth-child(4){margin:20px 0 0 20px;}
.earthquake-wrap .list-box li ul.item2-ft-left li{width:48%; height: auto; float: left; padding:2px 0 2px 15px;  border: none; margin:0px 0 0 0; }
.earthquake-wrap .list-box li ul.item2-ft-left li ul li{width:100%; height: auto;}
.earthquake-wrap ul.item2-ft-left li:nth-child(2n){margin-left:0px;}
.earthquake-wrap ul.item2-ft-left li{margin:0 0 0 0px;}
.earthquake-wrap .earthquake-list-wrap{width:70%; float: left; padding:0 0 0 30px;}
.earthquake-wrap .txt-bg-box{display:inline-block; line-height: 150%;  padding: 15px; background: #fbfbfb; color:#333333;}
.earthquake-wrap .top-bd-txt{border-top:solid 1px #d6d6d6; margin:20px 0 0 0; padding: 5px 0 0 0; display: inline-block;}
.earthquake-wrap .block-list{display: block; float: left; margin:20px 0 0 0;}
.earthquake-wrap .block-list:first-child{margin:0px 0 0 0;}
.earthquake-wrap .block-list .img-wh{width:176px;}
.earthquake-wrap .list-box2-wrap{width:100%; overflow: hidden;}
.earthquake-wrap .list-box2-wrap li{width:60%; float: left;}
.earthquake-wrap .list-box2-wrap li:nth-child(2){width:40%;}
.earthquake-wrap .list-box2-wrap li .bg-box-gray{width:100%; background: #f7f7f7; padding: 15px; float: left; display: block;}
.earthquake-wrap .list-box2-wrap li .bg-box-gray .img-left-box{width:40%; float: left;}
.earthquake-wrap .list-box2-wrap li .bg-box-gray:nth-child(2){margin:20px 0 0 0;}
.earthquake-wrap .list-box2-1depth-wrap{ float: left; padding:0 0 0 20px;}
.earthquake-wrap .list-box2-1depth-wrap ul li{width:100%; float: none;}
.earthquake-wrap .list-box2-1depth-wrap ul li:nth-child(2){width: 100%;}

.earthquake-wrap .earthquake-item4{width:100%; overflow: hidden; margin:30px 0 30px 0;}
.earthquake-wrap .earthquake-item4 li{width:23%; height: 310px; float: left; margin:0 0 0 20px; border:solid 1px #d6d6d6; padding:0px 20px 20px 20px;}
.earthquake-wrap .earthquake-item4 li:first-child{margin:0 0 0 0px;}
.earthquake-wrap .earthquake-item4 li .bd-top-line{width:100%; height: 6px; display: block; background: #2e70a3;}
.earthquake-wrap .earthquake-item4 li .txt{width:100%; height: 90px; padding: 20px 0 20px 0; border-bottom:solid 1px #2e70a3; font-weight: bold;}
.earthquake-wrap .earthquake-item4 li .name-wrap{width:100%;}
.earthquake-wrap .earthquake-item4 li .name-wrap span{width:50%; display:block; font-weight: bold; text-align: center; float: left;}

.earthquake-wrap .txt-right-bg{padding: 15px; background: #f7f7f7; position: absolute; top:20px; right:20px; margin-top: 180px;}
.earthquake-wrap .txt-right-bg span{display: block; position: relative; padding: 0 0 0 18px; font-weight: bold;}
.earthquake-wrap .txt-right-bg span:before{content: ""; width:9px; height: 9px; background: #595656; border-radius: 20px; display: inline-block; position: absolute; top:5px; left: 0;}
.earthquake-wrap .txt-right-bg span:nth-child(2):before{content: ""; width:9px; height: 9px; border-radius: 0px; background: #c03b5c; display: inline-block; position: absolute; top:5px; left: 0;}
.earthquake-wrap .txt-right-bg span:nth-child(3):before{content: ""; width:9px; height: 9px; border-radius: 0px; background: #174996; display: inline-block; position: absolute; top:5px; left: 0;}

.earthquake-wrap .earthquake-item2-ft{width:100%; overflow: hidden;}
.earthquake-wrap .earthquake-item2-ft li{width:48.5%; height: 660px; float: left; border:1px solid #ccc; padding: 15px;}
.earthquake-wrap .earthquake-item2-ft li:nth-child(2){float: right;}
.earthquake-wrap .earthquake-item2-ft li ul li{width:48.5%; height: 450px; float: left;}
.earthquake-wrap .earthquake-item2-ft li ul li:nth-child(2){float: right;}
.earthquake-wrap .earthquake-item2-ft li ul li .bd-tp-line-txt{display: block; border-top:solid 1px #333333; padding: 15px; margin:20px 0 0 0;}
.earthquake-wrap .earthquake-item2-ft li ul li .bd-tp-line-txt2{display: block;border-top:solid 1px #333333;padding: 15px 0 0 0;margin:20px 0 0 0;}

.earthquake-wrap .pd-lt-st{padding-left:50px;}
.earthquake-wrap .item1 li{ margin:20px 0 0 0; float: left;}
.earthquake-wrap .item1 li:first-child{margin:0px 0 0 0;}
.earthquake-wrap .item1 li .left-img-ico{ width: 169px; height: 169px; background: #fff; border:solid 5px #35589a; border-radius: 90px; padding:17px 0 0 0; float: left;}
.earthquake-wrap .item1 li .left-img-ico img{display:block; margin:0 auto;}
.earthquake-wrap .item1 li .left-img-ico .left-img-txt{display: block; text-align: center; padding: 10px 0 0 0; font-weight: bold;}
.earthquake-wrap .item1 li .right-line{width:80%; float: left; border-bottom:solid 1px #35589a; padding:43px 0 8px 80px; font-size:22px; font-weight: bold; color:#35589a; float: left; position: relative;}
.earthquake-wrap .item1 li .right-line:before{content: ""; width:15px; height: 15px; background: #fff; border:solid 3px #b9c3d6; border-radius: 30px; display: block; position: absolute; top:72px; left:30px;}
.earthquake-wrap .item1 li .right-line-txt{width:80%; display: block; padding: 10px 0 0 82px; float: left;}

.earthquake-wrap .img-sz li img{width: 100%;}
.earthquake-wrap .img-sz li:nth-child(2){float: right;}
.earthquake-wrap .right-ft li:nth-child(2){float: right;}
.earthquake-wrap .txt-right-ft li:nth-child(2){float: right;}

/* 안전점검의날 */
.safe-item4{width:100%; overflow: hidden; margin:30px 0 30px 0;}
.safe-item4 li{width:23%; height: 260px; float: left; margin:0 0 0 20px; border:solid 1px #d6d6d6; padding:0px 20px 20px 20px;}
.safe-item4 li:first-child{margin:0 0 0 0px;}
.safe-item4 li .txt{width:100%; height: 90px; padding: 20px 0 20px 0; font-weight: bold;}
.safe-item4 li .name-wrap{width:100%;}
.safe-item4 li .name-wrap span{width:50%; display:block; font-weight: bold; text-align: center; float: left;}


.chart-tb-img{display:none;}
.chart-mb-img{display:none;}

.txt-bx-wrap span{ position:absolute; background:#fff; color:#333; border:solid 2px #2296e0; border-radius:20px; padding:2px 15px; font-weight:bold;}
.txt01-bx{ top:302px; left:105px; }
.txt02-bx{top:347px; left:266px;}
.txt03-bx{top:215px; left:224px;}
.txt04-bx{top:178px; left:235px;}
.txt05-bx{top:239px; left:473px;}
.txt06-bx{top:209px; left:526px;}

/*gori*/
.txt01-bx-gori01, .txt01-bx-gori03, .txt01-bx-gori03, .txt01-bx-gorinew01, .txt01-bx-gorinew02{top:302px; left:105px; }
.txt02-bx-gori01, .txt02-bx-gori03, .txt02-bx-gori03, .txt02-bx-gorinew01, .txt02-bx-gorinew02{top:375px; left:270px;}
.txt03-bx-gori01, .txt03-bx-gori03, .txt03-bx-gori03, .txt03-bx-gorinew01, .txt03-bx-gorinew02{top:215px; left:224px;}
.txt04-bx-gori01, .txt04-bx-gori03, .txt04-bx-gori03, .txt04-bx-gorinew01, .txt04-bx-gorinew02{top:178px; left:235px;}
.txt05-bx-gori01, .txt05-bx-gori03, .txt05-bx-gori03, .txt05-bx-gorinew01, .txt05-bx-gorinew02{top:239px; left:473px;}
.txt06-bx-gori01, .txt06-bx-gori03, .txt06-bx-gori03, .txt06-bx-gorinew01, .txt06-bx-gorinew02{top:209px; left:526px;}

.txt01-bx-hanbit01 {top:302px; left:105px;}
.txt02-bx-hanbit01 {top:370px; left:282px;}
.txt03-bx-hanbit01 {top:237px; left:234px;}
.txt04-bx-hanbit01 {top:178px; left:249px;}
.txt05-bx-hanbit01 {top:260px; left:460px;}
.txt06-bx-hanbit01 {top:220px; left:520px;}

.txt01-bx-wolsong01, .txt01-bx-wolsong02 {top:345px; left:155px;}
.txt02-bx-wolsong01, .txt02-bx-wolsong02 {top:286px; left:348px;}
.txt03-bx-wolsong01, .txt03-bx-wolsong02 {top:262px; left:235px;}
.txt04-bx-wolsong01, .txt04-bx-wolsong02 {top:178px; left:235px;}
.txt05-bx-wolsong01, .txt05-bx-wolsong02 {top:322px; left:473px;}
.txt06-bx-wolsong01, .txt06-bx-wolsong02 {top:273px; left:526px;}

.txt01-bx-newwolsong {top:302px; left:105px;}
.txt02-bx-newwolsong {top:375px; left:270px;}
.txt03-bx-newwolsong {top:215px; left:224px;}
.txt04-bx-newwolsong {top:178px; left:235px;}
.txt05-bx-newwolsong {top:239px; left:473px;}
.txt06-bx-newwolsong {top:209px; left:526px;}

.txt01-bx-hanul01 {top:302px; left:105px;}
.txt02-bx-hanul01 {top:410px; left:282px;}
.txt03-bx-hanul01 {top:237px; left:234px;}
.txt04-bx-hanul01 {top:178px; left:249px;}
.txt05-bx-hanul01 {top:296px; left:492px;}
.txt06-bx-hanul01 {top:255px; left:535px;}


.txt01-bx-hanul03 {top:302px; left:105px;}
.txt02-bx-hanul03 {top:375px; left:270px;}
.txt03-bx-hanul03 {top:215px; left:224px;}
.txt04-bx-hanul03 {top:178px; left:235px;}
.txt05-bx-hanul03 {top:239px; left:473px;}
.txt06-bx-hanul03 {top:209px; left:526px;}


.txt01-bx-saeul01 {top:302px; left:105px;}
.txt02-bx-saeul01 {top:404px; left:282px;}
.txt03-bx-saeul01 {top:237px; left:234px;}
.txt04-bx-saeul01 {top:178px; left:249px;}
.txt05-bx-saeul01 {top:296px; left:492px;}
.txt06-bx-saeul01 {top:255px; left:535px;}

/* -블릿 */
h4.quake-h4 {
    font-size: 17px;
    margin-bottom: 20px;
    color: #000;
}
p.p-type01{font-size:16px; padding: 15px 0 15px 0; color:#333333; position: relative; z-index: 1;}
/* -특수이미지 */
.simg01 {position:absolute;right:0;top:60px;}

/* -팁박스 */
.tip-box {width:100%;border:1px dashed #ccc;padding:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;margin-top:50px;}
.tip-box > strong {background:url('/images/sub3/ico-tip.png') no-repeat 0 50%;display:block;padding-left:50px;line-height:26px;font-size:22px;border-bottom:1px solid #ddd;}
.tip-box .tip-con {padding:20px 10px 0;overflow:hidden;}
.tip-box .tip-con strong {display:block;}

.tip-box .tip-con.type01 .tipTxt {width:76%;float:left;padding-top:10px;}
.tip-box .tip-con.type01 .tipImg {width:20%;float:right;border:1px solid #ddd;padding:5px;background-color:#fff;}
.tip-box .tip-con.type01 .tipImg > span {display:block;}
.tip-box .tip-con.type02 .tipTxt {width:100%;}

/*tab*/
.Safety-eq-wrap{width:100%; overflow: hidden;}
.Safety-eq-wrap .tabs{width:100%; float: left; border-bottom:solid 1px #959595;}
.Safety-eq-wrap .tabs li{width:25%; float: left; border:solid 1px #d6d6d6; border-left: none; padding:15px; cursor: pointer;}
.Safety-eq-wrap .tabs li:first-child{border-left:solid 1px #d6d6d6;}
.Safety-eq-wrap .tabs li.active{background: #35589a; position: relative;}
.Safety-eq-wrap .tabs li.active:before{content: ""; width:19px; height: 19px; background: url("/images/sub3/tab-active-ico.png"); display: inline-block; position: absolute; top:18px; right:18px;}
.Safety-eq-wrap .tabs li.active span{color:#fff;}
.Safety-eq-wrap .tabs li span{font-size:18px; color:#111111;}

.more-box-wrap .more-btn{position:absolute;top:27px;right:10px;background:url(/images/main/bg_bbs_icon_more.png) no-repeat;text-indent:-9999px;display:inline-block;width:13px;height:18px;}


@media all and (max-width:1200px){

  .map-wrap{overflow-x: scroll;}
    .realtime-mapwrap{width:1200px;}
}

/*호기별 운영정보*/
@media all and (max-width:1199px){
.content-box-hogi li:nth-child(1){display:none;}
.content-box-hogi li:nth-child(2){width: 100%;}
.content-box-hogi li:nth-child(2) .content-chartbox .chartbox-tit{display:none;}
.content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con ul li:first-child{display:block;}
}

@media all and (max-width:1024px){


    /*방사선 안전*/
    .radiation-wrap{height:auto; background: #ccddfa;}
    .radiation-bg-box{width: 100%;}
    .radiation-right-img{display: none;}

    .safety8-box{padding: 0px 0px;}
    .safety8-box .ol-num-type1 li{width: 100%;}

     /*** 지진안전 ***/
    .earthquake-wrap ul.item4-6-left li{width:100%;}
    .earthquake-wrap ul.item4-6-left li img{display: block; margin:0 auto;}
    .earthquake-wrap .top-bd-txt{width:100%;}
    .earthquake-wrap .block-list:first-child{margin:50px 0 0 0;}

    .earthquake-wrap .earthquake-item4 li{width:48%;}
    .earthquake-wrap .earthquake-item4 li:nth-child(3){margin:20px 0 0 0px;}
    .earthquake-wrap .earthquake-item4 li:nth-child(4){margin:20px 0 0 20px;}

    .earthquake-wrap .earthquake-item2-ft li{width:100%; height: auto;}
    .earthquake-wrap .earthquake-item2-ft li ul li{height: 360px;}
    .earthquake-wrap .earthquake-item2-ft li ul li:nth-child(2){margin-top:0px;}
    .earthquake-wrap .earthquake-item2-ft li:nth-child(2){ margin-top:30px;}


    .earthquake-wrap .pd-lt-st{padding-left: 0px; padding-top:50px;}
    .earthquake-wrap .item1 li .left-img-ico{float: none; display: block; margin:0 auto;}
    .earthquake-wrap .item1 li .right-line{width: 100%; text-align: center; padding: 43px 0 8px 0px;}

    .earthquake-wrap .list-box li{width:100%; height: auto; margin:20px 0 0 0px;}
    .earthquake-wrap .list-box li:nth-child(4){margin:20px 0 0 0px;}

    .safe-item4 li{width:48%;}
    .safe-item4 li:nth-child(3){margin:20px 0 0 0px;}
    .safe-item4 li:nth-child(4){margin:20px 0 0 20px;}


    .simg01{position: relative; top:0px; right:0px;}
    .simg01 img{display: block; margin: 0 auto; padding: 40px 0 0 0;}

    .ps-ab-st .condition-list-wrap{position: absolute; left:20px;}

    .og01-tbimg{display: block;}
    .og01-pcimg{display: none;}

      /*원전 운전을 어떻게 할까요?*/
    .Nuclear-wrap03{background: #c9e6fc;}
    .item3-mg-st li{width:30%;}
    .Nuclear-wrap04{background: #f6d8cb;}
    .Nuclear-wrap04 .number-list{padding: 0 0 0 0px;}


	.chart-tb-img{display:block;}
	.chart-mb-img{display:none;}
	.chart-pc-img{display:none;}
}


@media all and (max-width:900px){
    /*원전 운전을 어떻게 할까요?*/
    .item3-mg-st li{width:100%;}
    .item3-mg-st li:nth-child(2){margin:60px 0 0 0px;}
    .item3-mg-st li:nth-child(3){margin:60px 0 0 0px;}

}

@media all and (max-width:767px){
    /*호기별 운영정보*/
    
    .content-box-hogi li.gori01{display:none; }
    .content-box-hogi li:nth-child(2){width:100%;}  
    .content-box-hogi li:nth-child(2) .content-chartbox .content-chartbox-con .con-tit-wrap .con-tit03{width:15%;}
	

     /*실시간 주변 방시선량*/
     .map-wrap{display:none;}
	 #msgTxt{display:none;}
	 .realtime-selectbox{display: block;width: 100%;   padding: 0 10px;line-height: 140%;height: 40px;font-size: 15px;}


    /*비상시주민행동요령*/
    .movie-wrap{height: auto;}
    .movie-wrap .videoView{width:100%;}
    .movie-wrap .videoText{width:100%;}
    .ebook-wrap > ul > li{float: none;}
    .ebook-wrap > ul > li > a > img{display: block; margin: 0 auto;}
    .ebook-wrap > ul > li:last-child{width: 100%; float: none;}

   /*** 지진안전 ***/
    .earthquake-wrap .block-list .img-wh{width:auto; display: block; margin:0 auto; float: none;}
    .earthquake-wrap .earthquake-list-wrap{width:100%; padding:0 0 0 0px;}
    .earthquake-wrap .list-box2-wrap li{width:100%;}
    .earthquake-wrap .list-box2-wrap li:nth-child(2){width:100%; margin:20px 0 0 0;}

    .earthquake-wrap ul.item7-3-left li{width:100%;}
    .earthquake-wrap ul.item7-3-left li:nth-child(2) img{ display: block; margin:0 auto;}

    ul.item-list2-3wrap li{width:100%;}
    ul.item-list2-3wrap li:nth-child(2){margin:20px 0 0 0px;}

    ul.item-list2-3wrap li:nth-child(3){width:48%;}
    ul.item-list2-3wrap li:nth-child(4){width:48%;}
    ul.item-list2-3wrap li:nth-child(5){width:48%; margin:20px 0 0 0px;}
    ul.item-list2-3wrap li:nth-child(6){width:48%; margin:20px 0 0 20px;}

    /*원전지도*/
    .realtime-tb-right{width:100%; margin:30px 0 0 0;}
 
    .realtime-tb-right{width:100%;}
   
    .plant-graphic{overflow-x:scroll; display:none;}


        /*원전 운전을 어떻게 할까요?*/
    .Nuclear-wrap ul.item7-3-left li{width:100%;}
    .Nuclear-wrap ul.item7-3-left li:nth-child(2){display: none;}

    ul.item5-ft-left li{width:48%;}
    ul.item5-ft-left li:nth-child(3){margin:80px 0 0 0px;}
    ul.item5-ft-left li:nth-child(4){margin:80px 0 0 17px;}
    ul.item5-ft-left li:nth-child(5){margin:80px 0 0 0px;}
}

@media all and (max-width:640px){
.radiation-tit{font-size:18px; }
.radiation-tit-txt{font-size:14px;}
.txt-box{font-size:12px;}

	.ebook-wrap .page-list li{background:none;}
	.ebook-wrap .page-list span{display:none;}

    .earthquake-wrap .earthquake-item4 li{width:100%; margin:20px 0 0 0px;}
    .earthquake-wrap .earthquake-item4 li:nth-child(4){margin:20px 0 0 0px;}
    .earthquake-wrap .earthquake-item4 li .name-wrap span:first-child{text-align: right; padding: 0 34px 0 0 ;}
    .earthquake-wrap .earthquake-item4 li .name-wrap span:nth-child(2){text-align: left; padding: 0 0 0 34px ;}
    .earthquake-wrap .earthquake-item4 li img{display:block; margin:0 auto;}

    .tip-box .tip-con.type01 .tipTxt{width:100%;}
    .tip-box .tip-con.type01 .tipImg{display: none;}

    .earthquake-wrap .txt-right-bg{position: relative; top:0; right:0;}

    .earthquake-wrap .earthquake-item2-ft li ul li{width:100%; height: auto;}
    .earthquake-wrap .earthquake-item2-ft li ul li img{display:block; margin:0 auto;}
    .earthquake-wrap .earthquake-item2-ft li ul li:nth-child(2){margin:20px 0 0 0;}

    .earthquake-wrap .list-box li ul.item2-ft-left li{width:100%;}
    
    .safe-item4 li{width:100%; margin:20px 0 0 0px;}
    .safe-item4 li:nth-child(4){margin:20px 0 0 0px;}
    .safe-item4 li .name-wrap span:first-child{text-align: right; padding: 0 34px 0 0 ;}
    .safe-item4 li .name-wrap span:nth-child(2){text-align: left; padding: 0 0 0 34px ;}
    .safe-item4 li img{display:block; margin:0 auto;}
    

    .calamity-list-box li{width:48%;}
    .calamity-list-box li:nth-child(3){margin:15px 0 0 0px;}
    .calamity-list-box li:nth-child(4){margin:15px 0 0 15px;}
    .calamity-list-box li:nth-child(5){margin:15px 0 0 0px;}
    .calamity-list-box li:nth-child(9){margin:15px 0 0 0px;}

    ul.item3-ft-left li:first-child{margin:20px 0 0 0 !important;}
    ul.item3-ft-left li{width:100%; margin:40px 0 0 0 !important;}

    ul.item2-ft-left li{width:100%;}
    ul.item2-ft-left li:nth-child(2){margin-top:20px;}

    ul.item-list2-3wrap li:nth-child(3){width:100%;}
    ul.item-list2-3wrap li:nth-child(4){width:100%;}
    ul.item-list2-3wrap li:nth-child(5){width:100%; margin:20px 0 0 0px;}
    ul.item-list2-3wrap li:nth-child(6){width:100%; margin:20px 0 0 0px;}

    .og01-tbimg{display: none;}
    .og01-mbimg{display: block;}

      /*원전 운전을 어떻게 할까요?*/
    .Nuclear-wrap02{height: auto; background:#edf7c9;}
    .Nuclear-wrap02 .h5bi-box .label-tit{width:100%; background: #474747;}
    .Nuclear-wrap02 .h5bi-box .ico-list{width:100%;}
    .Nuclear-wrap02 .h5bi-box .ico-list li{width:277px; margin:0 auto; display: block; float: none;}
    .Nuclear-wrap02 .h5bi-box .ico-list li img{display: block; margin: 0 auto;}
    .Nuclear-wrap02 .h5bi-box .ico-list li:first-child{margin:0 auto;}
    .Nuclear-wrap02 .h5bi-box .ico-list li:nth-child(2){padding-top: 20px;}
    .Nuclear-wrap02 .h5bi-box .ico-list li:nth-child(3){padding-top: 20px;}
    .Nuclear-wrap04 .item3-ft-left li:after{content:none;}

    ul.item5-ft-left li{width:100%;}
    .Nuclear-wrap05 ul.item5-ft-left li{height: auto;}
    ul.item5-ft-left li:nth-child(2){margin:80px 0 0 0px;}
    ul.item5-ft-left li:nth-child(3){margin:80px 0 0 0px;}
    ul.item5-ft-left li:nth-child(4){margin:80px 0 0 0px;}
    ul.item5-ft-left li:nth-child(5){margin:80px 0 0 0px;}

    .Nuclear-wrap05 .boxlist{width:100%; overflow: hidden;}
    .Nuclear-wrap05 .boxlist li{width:100%;}
    .Nuclear-wrap05 .boxlist li span{position: relative; width:100%;}
    .Nuclear-wrap05 .boxlist li p{padding: 20px; overflow: hidden;}

     .Nuclear-wrap05 .boxlist.list01 li:first-child p {padding: 20px; overflow: hidden; }
     .Nuclear-wrap05 .boxlist.list01 li:nth-child(2) p {padding: 20px; overflow: hidden; }
     .Nuclear-wrap05 .boxlist.list01 li:nth-child(3) p {padding: 20px; overflow: hidden; }
     .Nuclear-wrap05 .boxlist.list01 li:nth-child(5) p {padding: 20px; overflow: hidden; }
    .Nuclear-wrap05 .boxlist.list02 li:first-child p { padding: 20px; overflow: hidden; }
    .Nuclear-wrap05 .boxlist.list02 li:nth-child(3) p { padding: 20px; overflow: hidden; }
	
	.chart-mb-img{display:block;}
	.chart-tb-img{display:none;}
	.chart-pc-img{display:none;}
}

@media all and (max-width:480px) {

    .calamity-list-box li{width:100%; margin:15px 0 0 0px;}
    .calamity-list-box li:nth-child(2){margin:15px 0 0 0px;}
    .calamity-list-box li:nth-child(3){margin:15px 0 0 0px;}
    .calamity-list-box li:nth-child(4){margin:15px 0 0 0px;}
    .calamity-list-box li:nth-child(5){margin:15px 0 0 0px;}
    .calamity-list-box li:nth-child(9){margin:15px 0 0 0px;}
}

/*임시 스타일*/
.tip-box .build-txt1
{    
    background: url(/images/sub3/ico-tip.png) no-repeat 0 50%;
    display: block;
    padding-left: 50px;
    line-height: 50px;
    font-size: 22px;
    border-bottom: 1px solid #f7f7f7;
}    

.tip-box .build-txt1 .build-txt2{ padding-left:13px; color: #a9a6a6; }