/* common */

/*서브비주얼*/
#sv{height:630px; background-size:cover; position:relative;}
#sv > div{height:100%;}
#sv .svTit{color:#fff; text-align:center; position:relative; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);

}
/*
#sv .svTit p{margin-bottom:10px; font-size:20px; letter-spacing: -0.05em; line-height:1.3;}
#sv .svTit h2{font-size:65px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; text-shadow:0 0 5px rgba(0,0,0,0.3); text-transform:uppercase;}
*/
#sv .svTit p{ margin-bottom:24px; font-size:50px; line-height:57px; font-weight:bold; }
#sv .svTit .txt {font-size:16px; font-weight:400; color:#aacee4; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; text-shadow: 0 0 10px rgba(0,0,0,1);}
#sv .svTit .txt span{color:#fff;}
.sv01{background:url("/img/sub/subVisual01.jpg") no-repeat right top;}
.sv02{background:url("/img/sub/subVisual01.jpg") no-repeat right top;}
.sv03{background:url("/img/sub/subVisual01.jpg") no-repeat right top;}
.sv04{background:url("/img/sub/subVisual01.jpg") no-repeat right top;}
.sv05{background:url("/img/sub/subVisual01.jpg") no-repeat right top;}
.sv06{background:url("/img/sub/subVisual01.jpg") no-repeat right top;}

/*lnb*/
#lnb{margin-top:-33px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#lnb > div{ height:100%;}
#lnb ul{background-color:#369cd8; font-size:0; text-align:center;}
#lnb ul li{display:inline-block; vertical-align:middle; position:relative;}
#lnb ul li:last-child:after{display:none;}
#lnb ul li:after{content:""; display:block; width:1px; height:13px; background-color:#96cded; position:absolute; right:0; top:50%; margin-top:-6px;}
#lnb ul li a{display:block;height:75px; line-height:75px;  padding:0 58px; font-size:17px; font-weight:300; color:#fff;}
#lnb ul li.on a{color:#222c36}

/*prev next버튼*/
.move_wrap{padding-top:42px; margin-top:-42px; background-color:#f7f7f7; text-align:center;}
.move_wrap > div{padding:70px 0;}
.move_wrap .page_move{margin-top:-32.5px; position:absolute; top:50%;}
.move_wrap .prev_menu{left:0;}
.move_wrap .next_menu{right:0;}
.move_wrap .page_move a{display:block; font-size:0;}
.move_wrap .page_move a > span, 
.move_wrap .page_move a > em{display:inline-block; vertical-align:middle;} 
.move_wrap .page_move .pg_txt{font-size:0;font-weight:300; color:#222c36; font-family: 'Kanit', sans-serif; }
.move_wrap .page_move .circle{display:inline-block; vertical-align:middle; width:65px; height:65px; background-color:#fff; border-radius:50%; background-repeat:no-repeat; position:relative;}
.move_wrap .prev_menu .circle{background-image:url("/img/sub/move_prev_1.png"); background-position:center center;}
.move_wrap .next_menu .circle{background-image:url("/img/sub/move_next_2.png"); background-position:center center;}
.move_wrap .page_move .circle:before{content:""; display:block; width:42px; height:1px; margin-top:-0.5px; background-color:#222c36; position:absolute; top:50%;}
.move_wrap .prev_menu .circle:before{ right:-8px;}
.move_wrap .next_menu .circle:before{ left:-8px;}
.move_wrap .prev_menu .pg_txt{padding-left:14px;}
.move_wrap .next_menu .pg_txt{padding-right:14px;}

.move_wrap .txt_box{display:inline-block; vertical-align:top;}
.move_wrap .txt_box p{font-size:45px; font-weight:700; color:#222c36; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;} 
.move_wrap .txt_box p > span{color:#369cd8;} 

/*hover*/
.move_wrap .page_move:hover .pg_txt{font-size:14px; }
.move_wrap .page_move:hover .circle:before{background-color:#fff;}
.move_wrap .prev_menu:hover .circle{background-color:#222c36; background-image:url("/img/sub/move_prev_1_on.png"); }
.move_wrap .next_menu:hover .circle{background-color:#222c36; background-image:url("/img/sub/move_next_2_on.png"); }



/*서브페이지 공통*/
.cr_blue{color:#369cd8;}
.cr_green{color:#3cb44a;}
.bg_blue{background-color:#369cd8;}
.bg_wh{background-color:#fff;}
.bg_br{background-color:#231815;}

.sconTit{padding-bottom:60px;}
.sconTit h3{display:inline-block; font-size:40px; font-weight:700; color:#222c36;  line-height:1.3; position:relative;}
.sconTit h3 font{font-size:15px;color:#369cd8;}
/*.sconTit h3:after{content:""; display:block; width:15px; height:15px; background-color:#369cd8; border-radius:50%; position:absolute; right:-30px; bottom:7px;}*/

.txt_st01{line-height:1.3; font-size:45px; font-weight:900; color:#26292f;  }

.scon{padding:100px 0;}

#subContents{position:relative;}
#subContents > article{padding-bottom:100px; overflow:hidden;}

/* 연구소 소개 - 비전과 사명 */
#vision{}
#vision .sconTit{padding-bottom:0;}
#vision .scon:nth-child(even){background-color:#f7f7f7;}
#vision .scon01{}
#vision .scon01 .txt_st01{padding:100px 0 80px; text-align:center;}

#vision .scon02{}
#vision .scon02 .vision{width:584px; height:584px; margin:0 auto; position:relative;}
#vision .scon02 .vision .circle{width:582px; height:582px; margin:0 auto; background:url("/img/sub/vision02_img01.png") no-repeat center; position:relative;}
#vision .scon02 .vision .list{}
#vision .scon02 .vision .list ul{}
#vision .scon02 .vision .list ul li{position:absolute;}
#vision .scon02 .vision .list ul li:nth-child(odd){width:200px; padding-right:62px;}
#vision .scon02 .vision .list ul li:nth-child(even){width:230px; padding-left:120px;}
#vision .scon02 .vision .list ul li:before{content:""; display:block; width:20px; height:20px; background-color:#369cd8; border-radius:50%; position:absolute; bottom:0; z-index:1;}
#vision .scon02 .vision .list ul li:after{content:""; display:block; width:90px; height:1px; background-color:#e1e1e1;  position:absolute; bottom:10px; }
#vision .scon02 .vision .list ul li:nth-child(1){left:-191px; top:70px;}
#vision .scon02 .vision .list ul li:nth-child(2){right:-280px; top:70px}
#vision .scon02 .vision .list ul li:nth-child(3){left:-188px; bottom:170px;}
#vision .scon02 .vision .list ul li:nth-child(4){right:-278px; bottom:170px;}
#vision .scon02 .vision .list ul li:nth-child(odd):before{right:0;}
#vision .scon02 .vision .list ul li:nth-child(even):before{left:0;}
#vision .scon02 .vision .list ul li:nth-child(odd):after{right:0;}
#vision .scon02 .vision .list ul li:nth-child(even):after{left:0;}
#vision .scon02 .vision .list ul li img{}
#vision .scon02 .vision .list ul li p{padding-top:10px; font-size:20px; font-weight:500; color:#222c36; letter-spacing: -0.05em; line-height:1.3;}
#vision .scon02 .vision .logoBox{width:100%; text-align:center;position:absolute; left:0; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);

}
#vision .scon02 .vision .logoBox img{margin-bottom:10px;}
#vision .scon02 .vision .logoBox p{font-size:26px; font-weight:700; color:#26292f; letter-spacing: -0.05em; line-height:1.2;}
#vision .scon02 .vision .logoBox p strong{display:block; padding-top:5px; font-size:40px;}

#vision .scon03 .mission{padding-top:60px;}
#vision .scon03 .mission ul{}
#vision .scon03 .mission ul li{float:left; width:calc(33.333333333% - 4px); height:500px; padding:80px 40px 0 75px;  margin-right:5px; border:1px solid #e1e1e1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#vision .scon03 .mission ul li:last-child{margin-right:0;}
#vision .scon03 .mission ul li .num{margin-bottom:30px; font-size:72px; font-weight:700; color:#f1f1f1; letter-spacing: -0.05em; font-family: 'Roboto Condensed', sans-serif;}
#vision .scon03 .mission ul li dl{color:#26292f; line-height:1.2;}
#vision .scon03 .mission ul li dl dt{height:100px; font-size:26px; font-weight:700; }
#vision .scon03 .mission ul li dl dd{font-size:17px; font-weight:300;}
#vision .scon03 .mission ul li dl dd p{}
#vision .scon03 .mission ul li dl dd p+p{margin-top:15px;}

#vision .scon04{padding:0; }
#vision .scon04 .sconTit{float:left; width:340px; padding-top:100px;}
#vision .scon04 .history{float:left; width:calc(100% - 340px); position:relative;}
#vision .scon04 .history:before{content:""; display:block; width:1px; height:100%; background-color:#ccc; position:absolute; left:0; top:0;}
#vision .scon04 .history ul{padding:110px 0;}
#vision .scon04 .history ul li{padding: 0 0 70px 70px; position:relative; }
#vision .scon04 .history ul li:last-child{padding-bottom:0;}
#vision .scon04 .history ul li:before{content:""; display:block; width:34px; height:34px; background-color:#fff; border:1px solid #ddd; border-radius:50%; position:absolute; left:-17px; top:0; }
#vision .scon04 .history ul li:after{content:""; display:block; width:10px; height:10px; background-color:#369cd8; border-radius:50%; position:absolute; left:-4px; top:13px; }
#vision .scon04 .history ul li dl{}
#vision .scon04 .history ul li dl:before{content:""; display:block; width:40px; height:1px; background-color:#369cd8; position:absolute; left:0; top:17px;}
#vision .scon04 .history ul li dl dt{margin-bottom:15px; font-size:36px; font-weight:700; color:#369cd8; font-family: 'Roboto Condensed', sans-serif;}
#vision .scon04 .history ul li dl dd{font-size:17px; color:#666;}
#vision .scon04 .history ul li dl dd > span{display:inline-block; vertical-align:top; width:34px; height:34px; margin-right:20px; background-color:#369cd8; border-radius:50%; text-align:center; line-height:34px; font-size:18px; font-weight:700; color:#fff; font-family: 'Roboto Condensed', sans-serif;}
#vision .scon04 .history ul li dl dd > p{display:inline-block; vertical-align:top; width:calc(100% - 54px); padding:6px 0; line-height:1.3;}

#vision .scon05{}
#vision .scon05 ul li{}
#vision .scon05 ul li:last-child{margin-right:0 !important;}
#vision .scon05 ul li img{margin:auto; position:absolute; left:0; right:0; top:0; bottom:0;}
#vision .scon05 .ci_tit{margin-bottom:18px; font-size:18px; font-weight:700; color:#333; letter-spacing: -0.05em;}
#vision .scon05 .mark{padding:50px 0 130px;}
#vision .scon05 .mark ul{}
#vision .scon05 .mark ul li{float:left; width:calc(50% - 13px); margin-right:26px;}
#vision .scon05 .mark ul li p{margin-bottom:18px; font-size:18px; font-weight:500; color:#222c36; letter-spacing: -0.05em; text-align:right;}
#vision .scon05 .mark ul li .img{width:100%; height:auto; padding-top:62.5%; background:url("/img/sub/logo_bg.jpg") no-repeat; background-size:contain; position:relative;}
#vision .scon05 .mark ul li .img img{margin:auto; position:absolute; left:0; right:0; top:0; bottom:0;}
#vision .scon05 .mark .downBtn{padding-top:50px; font-size:0; text-align:center;}
#vision .scon05 .mark .downBtn a{display:inline-block; vertical-align:middle;  width:225px; height:47px; padding-left:30px; margin:0 15px; line-height:47px; font-size:14px; font-weight:700; color:#333; text-align:left; font-family: 'Roboto', sans-serif; text-transform:uppercase; background:#fff url("/img/sub/icon_down.png") no-repeat 85% center; border:1px solid #e1e1e1; border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#vision .scon05 .mark .downBtn a > span{font-weight:700; color:#369cd8;}
#vision .scon05 .type{margin-bottom:96px;}
#vision .scon05 .type ul{}
#vision .scon05 .type ul li{float:left;  width:calc(25% - 15px); height:128px; margin-right:20px; position:relative; }
#vision .scon05 .color_info ul li{float:left; width:calc(50% - 10px); margin-right:20px;}
#vision .scon05 .color_info ul li .img{margin-bottom:35px; height:134px; position:relative;}
#vision .scon05 .color_info ul li p{margin-bottom:15px;font-size:18px; font-weight:900; color:#333; text-transform:uppercase; font-family: 'Nanum Gothic', sans-serif;}
#vision .scon05 .color_info ul li dl{text-transform:uppercase; font-family: 'Nanum Gothic', sans-serif;}
#vision .scon05 .color_info ul li dl dt{font-size:16px; font-weight:700; color:#333; line-height:1.4;}
#vision .scon05 .color_info ul li dl dd{font-size:14px; color:#666;  line-height:1.4;}
#vision .scon05 .color_info ul li dl dd span{display:inline-block; width:70px;}

/* 연구소 소개 - 인사말 */
#greeting{}
#greeting .intro{height:535px; background:url("/img/sub/greeting_bg.jpg") no-repeat center top; background-size:cover; position:relative;}
#greeting .intro .box{padding-top:80px;font-size:0; text-align:center;}
#greeting .intro .box > div{display:inline-block; vertical-align:middle; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#greeting .intro .box .txt{margin-top:-70px; padding-left:16%;; text-align:center;}
#greeting .intro .box .txt p:before,
#greeting .intro .box .txt p:after{content:""; display:block; width:27px; height:24px; margin-left:-13.5px; position:absolute; left:50%; }
#greeting .intro .box .txt p:before{background:url("/img/sub/greeting_icon01.png") no-repeat center; top:-60px;}
#greeting .intro .box .txt p:after{background:url("/img/sub/greeting_icon02.png") no-repeat center; bottom:-60px;}
#greeting .intro .box .txt p{font-size:26px; font-weight:700; letter-spacing: -0.05em; line-height:1.5;  position:relative;}
#greeting .intro .box .img{}
#greeting .txtBox{padding:60px 50px; }
#greeting .txtBox > p{line-height:1.7; font-size:17px; font-weight:300; color:#26292f; letter-spacing: -0.025em;}
#greeting .txtBox > p+p{margin-top:30px;}
#greeting .txtBox .name{float:right; padding-top:40px; text-align:right;}
#greeting .txtBox .name > p{line-height:1.3; font-size:18px; font-weight:700; color:#222c36; }
#greeting .txtBox .name > p+p{margin-top:10px;}
#greeting .txtBox .name > p > span{display:inline-block; font-size:30px; font-weight:500;}

/* 연구소 소개 - 조직도 */
#organ{}
#organ .scon01 .orgBox{position:relative;}
#organ .scon01 .orgBox .top{padding-bottom:140px; position:relative;}
#organ .scon01 .orgBox .top:after{content:""; display:block; width:1px; height:100%; margin-left:-0.5px; background-color:#369cd8; position:absolute; left:50%; bottom:0;}
#organ .scon01 .orgBox .top p{width:210px; height:210px; margin:0 auto; background-color:#369cd8; border-radius:50%; font-size:30px; font-weight:700; color:#fff; text-align:center; letter-spacing: -0.05em;}
#organ .scon01 .orgBox .mid{padding-right:115px; position:absolute; left:calc(50% - 173px); top:230px; transform:translateX(-50%);}
#organ .scon01 .orgBox .mid:before{content:""; display:block; width:115px; height:1px; margin-top:-0.5px; background-color:#369cd8; position:absolute; right:0; top:50%;}
#organ .scon01 .orgBox .mid:after{content:""; display:block; width:14px; height:14px; margin-top:-7px; background-color:#369cd8; border-radius:50%; position:absolute; right:108px; top:50%;}
#organ .scon01 .orgBox .mid p{width:230px; }
#organ .scon01 .orgBox .bot{padding-top:65px; position:relative;}
#organ .scon01 .orgBox .bot:before{content:""; display:block; width:calc(100% + 2px - (100% - 120px) / 7); height:1px; background-color:#369cd8; position:absolute; left:calc(50% + 1px); top:0;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);

}
#organ .scon01 .orgBox .bot ul{ display:flex; justify-content: center; gap:0 20px; width:100%; }
#organ .scon01 .orgBox .bot ul:after{display:none; }
#organ .scon01 .orgBox .bot ul li{ width:calc((100% - 100px) / 7); position:relative;}
#organ .scon01 .orgBox .bot ul li:before{content:""; display:block; width:1px; height:65px; margin-top:-0.5px; background-color:#369cd8; position:absolute; left:50%; top:-65px;}
#organ .scon01 .orgBox .bot ul li:last-child{margin-right:0;}
#organ .scon01 .orgBox .list{height:65px; line-height:1.2; font-size:20px; font-weight:700; color:#369cd8; text-align:center; letter-spacing: -0.05em; border-radius:30px; border:1px solid #369cd8; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#organ .scon01 .orgBox span{display:block; position:relative; top:50%; transform:translateY(-50%);}

/* 연구소소개  - 규정 */
#regulation{}
#regulation .tabMenu01{padding-top:50px;}
#regulation .tabMenu01 ul{text-align:center; font-size:0;}
#regulation .tabMenu01 ul li{display:inline-block; vertical-align:middle; width:300px; margin-right:15px;}
#regulation .tabMenu01 ul li:last-child{margin-right:0;}
#regulation .tabMenu01 ul li button{width:100%; height:60px; padding:0; font-size:16px; color:#fff; line-height:1.3; background-color:#369cd8; border-radius:30px; border:none; outline:none;}
#regulation .tabMenu01 ul li.on button{background-color:#222c36;}


#regulation .scon{display:none;}
#regulation .scon .sconTit{}
#regulation .scon .sconTit h3{margin-bottom:20px;}
#regulation .scon .sconTit p{font-size:20px; color:#333; line-height:1.4;}
#regulation .scon .name{text-align:right; font-size:18px; color:#333; line-height:1.4;}
#regulation .scon .box{padding-top:50px;}
#regulation .scon .box dl{line-height:1.4;}
#regulation .scon .box dl+dl{margin-top:30px;}
#regulation .scon .box dl dt{margin-bottom:10px; font-size:16px; color:#333; }
#regulation .scon .box dl dt strong{font-size:18px;}
#regulation .scon .box dl dd{font-size:0;}
#regulation .scon .box dl dd+dd{margin-top:10px; }
#regulation .scon .box dl dd span,
#regulation .scon .box dl dd p{display:inline-block; vertical-align:top; font-size:17px; color:#666; }
#regulation .scon .box dl dd.num{padding-left:10px;}
#regulation .scon .box dl dd.num+.num{margin-top:5px;}
#regulation .scon .box dl dd.num span,
#regulation .scon .box dl dd.num p{font-size:15px;}
#regulation .scon .box dl dd span{width:20px;}
#regulation .scon .box dl dd span.w25{width:25px;}
#regulation .scon .box dl dd p{width:calc(100% - 25px);}


/* 연구소 소개 - 오시는 길*/
#map{}
#map .scon01 .mapBox{height:780px;}
#map .scon01 .mapBox .root_daum_roughmap .wrap_map{height:100%;}
#map .scon01 .info{padding-top:30px;}
#map .scon01 .info ul{}
#map .scon01 .info ul li{float:left; width:calc(33.333333333% - 10px); height:260px; padding:50px 10px 0; margin-right:15px; text-align:center; background-color:#f5f5f5; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#map .scon01 .info ul li:last-child{margin-right:0;}
#map .scon01 .info ul li dl{padding-top:30px; }
#map .scon01 .info ul li dl dt{margin-bottom:20px;font-size:24px; font-weight:700; color:#333; line-height:1.3; font-family: 'Roboto Condensed', sans-serif;}
#map .scon01 .info ul li dl dd{font-size:16px; font-weight:300; color:#666; line-height:1.4; letter-spacing: -0.025em;}
#map .scon02{padding-top:50px;}
#map .scon02 .img{margin-bottom:80px; position:relative;}
#map .scon02 .img img{}
#map .scon02 .img p{ padding:20px 65px; background-color:#fff; border:1px solid #e1e1e1; text-align:center; font-size:20px; font-weight:700; color:#333; line-height:1.2; position:absolute; right:0; bottom:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#map .scon02 .img p > em{color:#369cd8;}
#map .scon02 .img p > span{}
#map .scon02 .sconTit{padding-bottom:30px;}
#map .scon02 .info{}
#map .scon02 .info ul{font-size:0;}
#map .scon02 .info ul li{float:left; height:225px; padding-left:50px; border:1px solid #e1e1e1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#map .scon02 .info ul li:nth-child(1){width:57.69230769231%; border-right:none;}
#map .scon02 .info ul li:nth-child(2){width:42.30769230769%; }
#map .scon02 .info ul li:nth-child(3){width:100%; border-top:none;}
#map .scon02 .info ul li > div{position:relative; top:50%; transform:translateY(-50%);}
#map .scon02 .info ul li .icon,
#map .scon02 .info ul li dl{display:inline-block; vertical-align:middle; }
#map .scon02 .info ul li .icon{width:94px; height:94px; background-color:#3cb44a; background-repeat:no-repeat; background-position:center center; border-radius:50%;}
#map .scon02 .info ul li:nth-child(1) .icon{background-image:url("/img/sub/map02_icon01.png");}
#map .scon02 .info ul li:nth-child(2) .icon{background-image:url("/img/sub/map02_icon02.png");}
#map .scon02 .info ul li:nth-child(3) .icon{background-color:#369cd8; background-image:url("/img/sub/map02_icon03.png");}
#map .scon02 .info ul li dl{width:calc(100% - 94px); padding-left:50px; color:#333; line-height:1.4; letter-spacing: -0.025em; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#map .scon02 .info ul li dl dt{margin-bottom:15px; font-size:24px; font-weight:700; text-transform:uppercase}
#map .scon02 .info ul li dl dd{padding-left:10px; font-size:18px; position:relative;}
#map .scon02 .info ul li dl dd:before{content:""; display:block; width:2px; height:2px; background-color:#333; border-radius:50%; position:absolute; left:0; top:9px; }
#map .scon02 .info ul li dl dd+dd{margin-top:7px;}


/*일반현황*/
#general{padding-bottom:0 !important;}
#general .scon{padding:100px 0;}
#general .scon01{}
#general .scon01 ul{}
#general .scon01 ul li{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#general .scon01 ul li > div{width:50%; height:706px; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#general .scon01 ul li.list01 .txt,
#general .scon01 ul li.list02 .img{float:left;}
#general .scon01 ul li.list01 .img,
#general .scon01 ul li.list02 .txt{float:right;}
#general .scon01 ul li.list01 .txt{padding:40px 0 0 300px;}
#general .scon01 ul li.list01 .txt > .box{padding:75px 0; }
#general .scon01 ul li.list01 .txt > .box p{font-size:100px; font-weight:700; color:#222c36; letter-spacing: -0.05em; line-height:82%; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif;}
#general .scon01 ul li.list01 .txt > .box span{display:block; margin-bottom:10px; font-size:24px; color:rgba(51,51,51,0.3); line-height:1.3;}
#general .scon01 ul li.list01 .txt > .box em{color:#369cd8;}
#general .scon01 ul li .txt dl{}
#general .scon01 ul li .txt dl dt{margin-bottom:10px; font-size:22px; font-weight:500; color:#333; line-height:1.3; letter-spacing: -0.05em;}
#general .scon01 ul li .txt dl dd{padding-left:10px; font-size:17px; font-weight:300; color:#666; line-height:1.7; position:relative;}
#general .scon01 ul li .txt dl dd:before{content:""; display:block; width:5px; height:1px; background-color:#666; position:absolute; left:0; top:13px;}
#general .scon01 ul li.list02 .txt{padding:130px 300px 0 0;}
#general .scon01 ul li.list02 .txt dl{padding-top:45px;}
#general .scon01 ul li .img{background-size:cover;}
#general .scon01 ul li.list01 .img{text-align:right;}

#general .scon02{padding:0; background-color:#f7f7f7;}
#general .scon02 .sconTit{float:left; width:340px; padding-top:100px;}
#general .scon02 .history{float:left; width:calc(100% - 340px); position:relative;}
#general .scon02 .history:before{content:""; display:block; width:1px; height:100%; background-color:#ccc; position:absolute; left:0; top:0;}
#general .scon02 .history ul{padding:110px 0;}
#general .scon02 .history ul li{padding: 0 0 70px 70px; position:relative; }
#general .scon02 .history ul li:last-child{padding-bottom:0;}
#general .scon02 .history ul li:before{content:""; display:block; width:34px; height:34px; background-color:#fff; border:1px solid #ddd; border-radius:50%; position:absolute; left:-17px; top:0; }
#general .scon02 .history ul li:after{content:""; display:block; width:10px; height:10px; background-color:#369cd8; border-radius:50%; position:absolute; left:-4px; top:13px; }

#general .scon02 .history ul li dl{}
#general .scon02 .history ul li dl:before{content:""; display:block; width:40px; height:1px; background-color:#369cd8; position:absolute; left:0; top:17px;}
#general .scon02 .history ul li dl dt{margin-bottom:15px; font-size:36px; font-weight:700; color:#369cd8; font-family: 'Roboto Condensed', sans-serif;}
#general .scon02 .history ul li dl dd{font-size:17px; color:#666;}
#general .scon02 .history ul li dl dd > span{display:inline-block; vertical-align:top; width:34px; height:34px; margin-right:20px; background-color:#369cd8; border-radius:50%; text-align:center; line-height:34px; font-size:18px; font-weight:700; color:#fff; font-family: 'Roboto Condensed', sans-serif;}
#general .scon02 .history ul li dl dd > p{display:inline-block; vertical-align:top; width:calc(100% - 54px); padding:6px 0; line-height:1.3;}

#general .scon03{padding:100px 0;}
/*#general .scon03 .vision{max-width:1030px; margin:0 auto; position:relative;}*/
#general .scon03 .vision{width:582px; height:582px; margin:0 auto; background:url("/img/sub/general03_img01.jpg") no-repeat center; position:relative;}
#general .scon03 .vision .list{}
#general .scon03 .vision .list li{position:absolute;}
#general .scon03 .vision .list li:nth-child(odd){width:200px; padding-right:62px;}
#general .scon03 .vision .list li:nth-child(even){width:230px; padding-left:120px;}
#general .scon03 .vision .list li:before{content:""; display:block; width:20px; height:20px; background-color:#369cd8; border-radius:50%; position:absolute; bottom:0; z-index:1;}
#general .scon03 .vision .list li:after{content:""; display:block; width:90px; height:1px; background-color:#e1e1e1;  position:absolute; bottom:10px; }
#general .scon03 .vision .list li:nth-child(1){left:-191px; top:70px;}
#general .scon03 .vision .list li:nth-child(2){right:-280px; top:70px}
#general .scon03 .vision .list li:nth-child(3){left:-188px; bottom:170px;}
#general .scon03 .vision .list li:nth-child(4){right:-278px; bottom:170px;}
#general .scon03 .vision .list li:nth-child(odd):before{right:0;}
#general .scon03 .vision .list li:nth-child(even):before{left:0;}
#general .scon03 .vision .list li:nth-child(odd):after{right:0;}
#general .scon03 .vision .list li:nth-child(even):after{left:0;}
#general .scon03 .vision .list li img{}
#general .scon03 .vision .list li p{padding-top:10px; font-size:20px; font-weight:500; color:#222c36; letter-spacing: -0.05em; line-height:1.3;}
#general .scon03 .vision .logoBox{width:100%; text-align:center;position:absolute; left:0; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);

}
#general .scon03 .vision .logoBox img{margin-bottom:10px;}
#general .scon03 .vision .logoBox p{font-size:16px; color:rgba(34,44,54,0.5); letter-spacing: -0.05em; line-height:1.6;}
#general .scon03 .vsBox{padding-top:115px;}
#general .scon03 .vsBox ul{}
#general .scon03 .vsBox ul li{float:left; width:calc(25% - 17px); height:559px; padding:60px 23px 0;  margin-right:20px; text-align:center; border:1px solid #e1e1e1; border-radius:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#general .scon03 .vsBox ul li:last-child{margin-right:0;}
#general .scon03 .vsBox ul li img{}
#general .scon03 .vsBox ul li span{display:block; padding:30px 0;  font-size:20px; font-weight:500; color:#222c36; letter-spacing: -0.05em; line-height:1.3;}
#general .scon03 .vsBox ul li p{font-size:15px; font-weight:300; color:#666; line-height:1.5; text-align:left; letter-spacing: 0;}

#general .scon04{padding:110px 0; background-color:#f7f7f7;}
#general .scon04 ul li{}
#general .scon04 ul li:last-child{margin-right:0 !important;}
#general .scon04 ul li img{margin:auto; position:absolute; left:0; right:0; top:0; bottom:0;}
#general .scon04 .ci_tit{margin-bottom:18px; font-size:18px; font-weight:700; color:#333; letter-spacing: -0.05em;}
#general .scon04 .mark{padding:50px 0 130px;}
#general .scon04 .mark ul{}
#general .scon04 .mark ul li{float:left; width:calc(50% - 13px); margin-right:26px;}
#general .scon04 .mark ul li p{margin-bottom:18px; font-size:18px; font-weight:500; color:#222c36; letter-spacing: -0.05em; text-align:right;}
#general .scon04 .mark ul li .img{width:100%; height:auto; padding-top:62.5%; background:url("/img/sub/logo_bg.jpg") no-repeat; position:relative;}
#general .scon04 .mark ul li .img img{margin:auto; position:absolute; left:0; right:0; top:0; bottom:0;}
#general .scon04 .mark .downBtn{padding-top:50px; font-size:0; text-align:center;}
#general .scon04 .mark .downBtn a{display:inline-block; vertical-align:middle;  width:225px; height:47px; padding-left:30px; margin:0 15px; line-height:47px; font-size:14px; font-weight:700; color:#333; text-align:left; font-family: 'Roboto', sans-serif; text-transform:uppercase; background:#fff url("/img/sub/icon_down.png") no-repeat 85% center; border:1px solid #e1e1e1; border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#general .scon04 .mark .downBtn a > span{font-weight:700; color:#369cd8;}
#general .scon04 .type{margin-bottom:96px;}
#general .scon04 .type ul{}
#general .scon04 .type ul li{float:left;  width:calc(25% - 15px); height:128px; margin-right:20px; position:relative; }
#general .scon04 .color_info ul li{float:left; width:calc(50% - 10px); margin-right:20px;}
#general .scon04 .color_info ul li .img{margin-bottom:35px; height:134px; position:relative;}
#general .scon04 .color_info ul li p{margin-bottom:15px;font-size:18px; font-weight:900; color:#333; text-transform:uppercase; font-family: 'Nanum Gothic', sans-serif;}
#general .scon04 .color_info ul li dl{text-transform:uppercase; font-family: 'Nanum Gothic', sans-serif;}
#general .scon04 .color_info ul li dl dt{font-size:16px; font-weight:700; color:#333; line-height:1.4;}
#general .scon04 .color_info ul li dl dd{font-size:14px; color:#666;  line-height:1.4;}
#general .scon04 .color_info ul li dl dd span{display:inline-block; width:70px;}


/* 연구분야 - 미래기술연구부 */
#future{padding:100px 0;}
#future .scon01{padding:45px 50px 110px;}
#future .scon01 .txt{padding-bottom:70px; font-size:35px; font-weight:500; color:#222c36; letter-spacing: -0.05em; line-height:1.4; text-align:center;}
#future .scon01 .box{}
#future .scon01 .box .img{position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#future .scon01 .box .img img{}
#future .scon02 > div{float:left;}
#future .scon02 .tabMenu{width:352px; height:967px; padding:0 44px; background-color:#212c37; /*position:absolute; right:0; top:0;*/ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#future .scon02 .tabMenu ul{position:relative; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
#future .scon02 .tabMenu ul li{padding:30px 5px; font-size:16px; color:#f1f1f1; line-height:1.3; border-bottom:1px solid rgba(255,255,255,0.2); position:relative; cursor:pointer; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#future .scon02 .tabMenu ul li:last-child{border-bottom:none;}
#future .scon02 .tabMenu ul li.on{font-weight:700; color:#369cd8; border-bottom:1px solid #369cd8;}
#future .scon02 .tabCon{width:calc(100% - 352px); padding:60px 40px 0; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#future .scon02 .tabCon .con{display:none;}
#future .scon02 .tabCon .con.on{display:block; }
#future .scon02 .tabCon .con dl{margin-bottom:60px;}
#future .scon02 .tabCon .con:nth-child(1) dl,
#future .scon02 .tabCon .con:nth-child(2) dl{margin-bottom:4px;}
#future .scon02 .tabCon .con dl dt{margin-bottom:35px; line-height:1.4; font-size:28px; font-weight:500; color:#369cd8; letter-spacing: -0.05em; }
#future .scon02 .tabCon .con dl dt > span{display:block; font-size:18px;}
#future .scon02 .tabCon .con dl dd{line-height:1.5; font-size:17px; color:#666; letter-spacing: -0.05em;}
#future .scon02 .tabCon .con .img{text-align:center;}
#future .scon02 .tabCon .con .img img{}

/* 연구분야 - 핵통제연구부 */
#nuclear{padding-bottom:0 !important;}
#nuclear .scon{position:relative;}
#nuclear .scon:nth-child(even){background-color:#f7f7f7;}
#nuclear .scon01 .box{width:100%; max-width:1540px; padding:0 15px; margin:0 auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#nuclear .scon01 .box > div{float:left;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#nuclear .scon01 .box .img{width:48%; position:relative; }
#nuclear .scon01 .box .img .circle{width:630px; height:630px; padding:25px; background-color:#f5f5f5; border-radius:50%; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#nuclear .scon01 .box .img .circle > div{width:100%; height:100%; background:url("/img/sub/nuclear01_img01.png") no-repeat center; background-size:contain;}
#nuclear .scon01 .box .img .circle > div > p{width:100%; text-align:center; font-size:45px; font-weight:700; color:#fff; position:absolute; left:0; top:50%; z-index:1;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
#nuclear .scon01 .box .img:after{content:""; display:block; width:619px; height:682px; background:url("/img/sub/nuclear01_icon01.png") no-repeat; position:absolute; right:0; top:50px;}
#nuclear .scon01 .box .txt{width:52%; padding-top:60px;}
#nuclear .scon01 .box .txt dl{padding-left:100px; position:relative;}
#nuclear .scon01 .box .txt dl+dl{margin-top:100px;}
#nuclear .scon01 .box .txt dl:nth-child(1){margin-left:-74px;}
#nuclear .scon01 .box .txt dl:nth-child(3){margin-left:-64px;}
#nuclear .scon01 .box .txt dl:before{content:""; display:block; width:8px; height:8px; background-color:#369cd8; border-radius:50%; position:absolute; left:-5px; top:20px;}
#nuclear .scon01 .box .txt dl:after{content:""; display:block; width:100px; height:1px; background-color:#369cd8; position:absolute; left:0; top:23px;}
#nuclear .scon01 .box .txt dl dt{padding-left:40px; margin-bottom:30px; font-size:30px; font-weight:500; color:#333; letter-spacing: -0.05em; line-height:1.4;background:url("/img/sub/nuclear01_icon02.png") no-repeat left 13px;}
#nuclear .scon01 .box .txt dl dt > span{font-size:24px;}
#nuclear .scon01 .box .txt dl dd{padding-left:40px; font-size:17px; color:#666; letter-spacing: -0.025em; line-height:1.7; }

#nuclear .scon .list_icon{padding-left:35px; font-size:20px; font-weight:500; color:#333; line-height:1.5; letter-spacing: -0.05em; position:relative; }
#nuclear .scon .list_icon+.list_icon{margin-top:40px;}
#nuclear .scon .list_icon:before{content:""; display:block; width:22px; height:22px; background:url("/img/sub/nuclear01_icon02.png") no-repeat; position:absolute; left:0; top:4px;}

#nuclear .scon02,
#nuclear .scon03,
#nuclear .scon04{padding:180px 0;}

#nuclear .scon02{}
#nuclear .scon02 .box{}
#nuclear .scon02 .box > div{width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#nuclear .scon02 .box .txt{float:left; padding-left:15px; }
#nuclear .scon02 .box .img{float:right; margin-top:-140px;}

#nuclear .scon03{}
#nuclear .scon03 .box{}
#nuclear .scon03 .box ul{text-align:center;}
#nuclear .scon03 .box ul li{float:left; width:calc(33.333333333% - 9px); height:425px; padding:70px 10px 0; margin-right:13px; border:1px solid #e1e1e1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#nuclear .scon03 .box ul li:last-child{margin-right:0;}
#nuclear .scon03 .box ul li .num{margin-bottom:50px; font-size:50px; font-weight:700; color:#ccc; letter-spacing: -0.05em; font-family: 'Roboto Condensed', sans-serif;}
#nuclear .scon03 .box ul li dl{}
#nuclear .scon03 .box ul li dl dt{display:table; width:100%; height:60px; margin-bottom:30px;font-size:22px; font-weight:500; letter-spacing: -0.05em; line-height:1.4;}
#nuclear .scon03 .box ul li dl dt > span{display:table-cell; vertical-align:middle;}
#nuclear .scon03 .box ul li dl dd{font-size:18px; color:#333; letter-spacing:-0.05em; line-height:1.6;}

#nuclear .scon04{overflow:hidden;}
#nuclear .scon04 .list_icon+.list_icon{margin-top:30px;}
#nuclear .scon04 .img{position:absolute; right:-150px; bottom:-220px;}

/* 연구분야 - 원자력정책센터 */
#control{}
#control .scon{padding:180px 0;}
#control .scon:nth-child(even){background-color:#f7f7f7;}
#control .scon01{}
#control .scon01 .box{}
#control .scon01 .box ul{}
#control .scon01 .box ul li{float:left; width:calc(50% - 27px); height:500px; margin-right:54px; text-align:center; border:1px solid #e1e1e1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#control .scon01 .box ul li:last-child{margin-right:0;}
#control .scon01 .box ul li div{position:relative; top:50%; transform:translateY(-50%);}
#control .scon01 .box ul li div img{margin-bottom:50px;}
#control .scon01 .box ul li div dl{}
#control .scon01 .box ul li div dl dt{margin-bottom:50px; font-size:26px; font-weight:500; color:#333; line-height:1.3; letter-spacing: -0.05em;}
#control .scon01 .box ul li div dl dd{padding-left:20px; margin-left:50px; text-align:left; font-size:17px; color:#666; line-height:1.3; letter-spacing: -0.05em; position:relative;}
#control .scon01 .box ul li div dl dd+dd{margin-top:5px;}
#control .scon01 .box ul li div dl dd:before{content:""; display:block; width:2px; height:2px; background-color:#666; border-radius:50%; position:absolute; left:0; top:10px;}

#control .scon02{}
#control .scon02 > div{font-size:0;}
#control .scon02 > div > div{display:inline-block; vertical-align:top;}
#control .scon02 .txt{width:calc(100% - 400px); padding-left:18%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#control .scon02 .txt span{display:block; margin-bottom:50px; font-size:30px; font-weight:500; line-height:1.3; letter-spacing: -0.05em;}
#control .scon02 .txt p{font-size:20px; color:#666; line-height:1.5; letter-spacing: -0.05em;}


#control .scon03{}
#control .scon03 .box{margin-top:50px; height:804px; position:relative; }
#control .scon03 .box .img{height:700px; background:url("/img/sub/control03_img01.png") no-repeat 55px center; background-size:contain; position:relative; }
#control .scon03 .box .img dl{text-align:center; position:absolute; left:53%; top:50%; transform:translate(-50%, -50%);}
#control .scon03 .box .img dl dt{margin-bottom:35px; font-size:38px; font-weight:700; letter-spacing: -0.035em; font-family: 'Roboto Condensed', sans-serif;}
#control .scon03 .box .img dl dd{line-height:1.3; font-size:18px; color:#333; letter-spacing: -0.035em;}
#control .scon03 .box ul{}
#control .scon03 .box ul li{font-size:0; position:absolute;}
#control .scon03 .box ul li > div{display:inline-block; vertical-align:middle;}
#control .scon03 .box ul li > .icon{width:100px; height:100px; background-color:#f5f5f5; text-align:center; border-radius:50%;}
#control .scon03 .box ul li > .icon img{position:relative; top:50%; transform:translateY(-50%);}
#control .scon03 .box ul li > .txt{padding-left:20px; line-height:1.6; font-size:15px; color:#687581; letter-spacing: -0.035em; }			
#control .scon03 .box ul li.list01{left:110px; top:-50px;}
#control .scon03 .box ul li.list02{right:0; top:-50px;}
#control .scon03 .box ul li.list03{left:12px; bottom:25%; }
#control .scon03 .box ul li.list04{right:-30px; bottom:25%; } 
#control .scon03 .box ul li.list05{left:39%; bottom:0; }

#control .scon04{}
#control .scon04 .box{}
#control .scon04 .box .circle{width:257px; height:257px; padding:11px; margin:0 auto 110px; border:1px solid #369cd8; border-radius:50%; position:relative; z-index:1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#control .scon04 .box:after{content:""; display:block; width:100%; height:410px; background:url("/img/sub/control04_img01.png") no-repeat center top; position:absolute; left:0; top:240px;}
#control .scon04 .box .circle > div{width:100%; height:100%; background-color:#369cd8; border-radius:50%;}
#control .scon04 .box .circle > div .tit{width:100%; text-align:center; position:relative; top:50%; transform:translateY(-50%);}
#control .scon04 .box .circle > div .tit img{}
#control .scon04 .box .circle > div .tit p{padding-top:15px; font-size:20px; font-weight:700; color:#fff; letter-spacing: -0.025em;}
#control .scon04 .box .list{position:relative; z-index:1;}
#control .scon04 .box .list ul{}
#control .scon04 .box .list ul li{float:left; width:calc(33.333333333% - 20px); height:295px; padding:100px 10px 0; margin-right:30px; background-color:#fff; border-radius:20px; position:relative;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#control .scon04 .box .list ul li:last-child{margin-right:0;}
#control .scon04 .box .list ul li .icon{width:150px; height:150px; padding:20px; margin:0 auto; background-color:#fff; border-radius:50%; position:absolute; left:50%; top:-75px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);


}
#control .scon04 .box .list ul li .icon p{width:100%; height:100%; background-color:#369cd8; border-radius:50%; text-align:center;}
#control .scon04 .box .list ul li .icon p img{position:relative; top:50%;  transform:translateY(-50%);}
#control .scon04 .box .list ul li dl{text-align:center;}
#control .scon04 .box .list ul li dl dt{margin-bottom:25px; font-size:22px; font-weight:500; color:#333; line-height:1.3; letter-spacing: -0.05em;}
#control .scon04 .box .list ul li dl dd{font-size:15px; color:#666; line-height:1.6; letter-spacing: -0.025em;}

#control .scon05{} 
#control .scon05 .box{position:relative;} 
#control .scon05 .box span{display:block; position:relative; top:50%; transform:translateY(-50%);} 
#control .scon05 .box ul li{height:65px; text-align:center; line-height:1.3; font-size:20px; font-weight:700; color:#369cd8; letter-spacing: -0.05em; background-color:#fff; border:1px solid #369cd8; border-radius:30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#control .scon05 .box .top{width:210px; height:210px; margin:0 auto 50px; background-color:#369cd8; border-radius:50%; position:relative; z-index:1;} 
#control .scon05 .box .top:after{content:""; display:block; width:1px; height:50px; margin-left:-0.5px; background-color:#369cd8; position:absolute; left:50%; bottom:-50px;}
#control .scon05 .box .top > span{text-align:center; font-size:30px; font-weight:700; color:#fff; letter-spacing: -0.05em;}
#control .scon05 .box .mid{width:100%; max-width:980px;  position:absolute; left:50%; top:32px; transform:translateX(-50%); }
#control .scon05 .box .mid:before{content:""; display:block; width:37%; height:1px; margin-top:-0.5px; background-color:#369cd8; position:absolute; left:50%; top:50%; transform:translateX(-50%); z-index:-1; }
#control .scon05 .box .mid ul{position:relative;} 
#control .scon05 .box .mid ul:nth-child(1){float:left;} 
#control .scon05 .box .mid ul:nth-child(2){float:right;} 
#control .scon05 .box .mid ul:before{content:""; display:block; width:160px; height:90px; background-color:#fff; border:1px solid #369cd8; border-radius:20px; position:absolute; top:50%; z-index:-1;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
#control .scon05 .box .mid ul:nth-child(1):before{right:-80px; border-left:none;}
#control .scon05 .box .mid ul:nth-child(2):before{left:-80px; border-right:none;}
#control .scon05 .box .mid ul:after{content:"+"; display:block; margin-top:-16px; font-size:30px; font-weight:900; color:#369cd8; position:absolute; top:50%; }
#control .scon05 .box .mid ul:nth-child(1):after{right:-88px; }
#control .scon05 .box .mid ul:nth-child(2):after{left:-88px; }
#control .scon05 .box .mid ul li{width:230px;} 
#control .scon05 .box .mid ul li+li{margin-top:12px;}
#control .scon05 .box .bot{width:100%; max-width:1080px; margin:0 auto;}
#control .scon05 .box .bot ul{padding-top:80px; font-size:0; position:relative; }
#control .scon05 .box .bot ul:before{content:""; display:block; width:77%; height:110px; background-color:#fff; border:1px solid #369cd8; border-bottom:none; border-radius:30px; position:absolute; left:50%; top:0;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
}
#control .scon05 .box .bot ul:after{content:"+"; display:block; margin-left:-9px; font-size:30px; font-weight:900; color:#369cd8; position:absolute; left:50%; top:-16px; }
#control .scon05 .box .bot ul li{display:inline-block; vertical-align:top; width:calc(25% - 40px); margin-right:50px; position:relative;  z-index:1;}
#control .scon05 .box .bot ul li:before{content:""; display:block; width:1px; height:80px; margin-left:-0.5px; background-color:#369cd8; position:absolute; left:50%; top:-80px;}
#control .scon05 .box .bot ul li:last-child{margin-right:0;}
#control .scon05 .box .bot ul li:first-child:before,
#control .scon05 .box .bot ul li:last-child:before{display:none;}

/* 알림마당 - NIFTEP 소식 신청 */
#cusutomer{}
#cusutomer *{box-sizing:border-box;}
#cusutomer .scon{padding:100px 0 0;}
#cusutomer .scon .tit{}
#cusutomer .scon .tit *{letter-spacing: -0.025em; }
#cusutomer .scon .tit h4{font-size:30px; font-weight:700; color:#222c36; line-height:1.3; }
#cusutomer .scon01{}
#cusutomer .scon01 .box{padding:100px 14%; background-color:#f5f5f5;}
#cusutomer .scon01 .box .tit{padding:0 20px 50px; font-size:0;}
#cusutomer .scon01 .box .tit h4{display:inline-block; vertical-align:middle; width:300px; padding-left:80px; background:url("/img/sub/mail_icon01.png") no-repeat left center;}
#cusutomer .scon01 .box .tit p{width:calc(100% - 300px); display:inline-block; vertical-align:middle; font-size:16px; color:#6e7174; line-height:1.5;}
#cusutomer .scon01 .box .write{padding-bottom:30px;}
#cusutomer .scon01 .box .write ul{}
#cusutomer .scon01 .box .write ul li{}
#cusutomer .scon01 .box .write ul li:first-child{height:60px; margin-bottom:10px; }
#cusutomer .scon01 .box .write ul li:last-child{height:150px;}
#cusutomer .scon01 .box .write ul li input[type="text"],
#cusutomer .scon01 .box .write ul li textarea{  font-size:18px; color:#898989; letter-spacing: -0.025em; background-color:#fff; border:1px solid #e1e1e1; outline:none;
border-radius:0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
#cusutomer .scon01 .box .write ul li input[type="text"]{width:100%; height:100%; padding:0 20px; }
#cusutomer .scon01 .box .write ul li textarea{width:100%; height:100%; padding:20px; resize:none;}
#cusutomer .scon01 .box .txt{padding:0;}
#cusutomer .scon01 .box .txt .privacy{height:135px; padding:10px 40px; background-color:#e1e1e1;  font-size:15px; font-weight:300; color:#666; line-height:1.6; border-radius:10px; overflow-y:auto; position:relative;}
#cusutomer .scon01 .box .txt .privacy > div{}
/*#cusutomer .scon01 .box .txt .privacy:after{content:""; display:block; width:100%; height:10px; background-color:#e1e1e1; position:absolute; left:0; bottom:0;}*/
#cusutomer .scon01 .box .txt .rdBtn{width:100%; max-width:300px; margin:20px auto 30px; }
#cusutomer .scon01 .box .txt .rdBtn ul{}
#cusutomer .scon01 .box .txt .rdBtn ul li{float:left; width:calc(50% - 10px); margin-right:10px; }
#cusutomer .scon01 .box .txt .rdBtn ul li:last-child{float:right; margin-right:0;}
#cusutomer .scon01 .box .txt .rdBtn ul li input[type="radio"]{margin-right:5px; }
#cusutomer .scon01 .box .txt .rdBtn ul li label{font-size:15px; color:#333; letter-spacing: -0.025em;}
#cusutomer .scon01 .box .go_btn{ text-align:center; }
#cusutomer .scon01 .box .go_btn button{width:300px; height:50px; padding:0; background-color:#222c36; font-size:15px; line-height:1.2; color:#fff; border:none; outline:none; cursor:pointer;}


/* 최근호 */
#recent .ctnBox{ display:flex; gap: 30px; flex-wrap:wrap; }
#recent .ctnBox .itemBox{ width: calc((100% - 90px) / 2); box-sizing:border-box; margin-right: 30px; border:1px solid #eee; }
#recent .ctnBox .itemBox a{ display:flex; align-items:center; }
#recent .ctnBox .itemBox .imgBox{ position: relative; width: 96px; height: 130px; overflow: hidden; margin: 0; flex-shrink:0; }
#recent .ctnBox .itemBox .imgBox img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit: cover;}
#recent .ctnBox .itemBox .txtBox{ padding: 0 30px; color:#26292f;}
#recent .page{ margin-top: 50px;}

/* 최근호 - 상세 페이지 */
#recent_view .ctnBox{ display:flex; }
#recent_view .ctnBox .imgBox{ position: relative; overflow: hidden; margin: 0; flex-shrink:0; width: 376px; height: 504px;}
#recent_view .ctnBox .imgBox img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit: cover; }
#recent_view .ctnBox .txtBox{ padding: 20px 0 0 50px; color:#26292f;}
#recent_view .ctnBox .txtBox .title{ font-size:20px; font-weight: bold; line-height: 1.5; margin-bottom: 35px;}
#recent_view .ctnBox .txtBox ul{margin-bottom: 55px;}
#recent_view .ctnBox .txtBox ul li a{ color:#26292f; font-size:17px; line-height: 1.7647;}
#recent_view .ctnBox .txtBox ul li a img{ vertical-align:middle; margin-left: 7px;}
#recent_view .ctnBox .btnBox,#pBtn{ display:flex; justify-content:center; align-items:center; gap:10px; font-size:20px; width: 180px; height: 50px; background: #369cd8; border-radius:10px; color:#fff; font-weight: 500;}


/* 원자력전략·정책연구 소개 */
#introduce .ctnBox{ display:flex; }
#introduce .ctnBox .imgBox{ margin: 0; flex-shrink:0; }
#introduce .ctnBox .txtBox{ font-size:17px; color:#26292f; padding: 15px 0  0 50px; }
#introduce .ctnBox .txtBox .title{ font-weight: bold; font-size:30px; line-height: 1.3333;}
#introduce .ctnBox .txtBox p.txt{ margin: 40px 0 35px;}
#introduce .ctnBox .txtBox div.txt{ line-height: 1.7647; letter-spacing:-1px; }
#introduce .ctnBox .txtBox div.txt p:not(:last-child){ margin-bottom: 15px;}

/* 투고 및 게재 안내 */
#contribution .ctnBox{ margin-bottom: 80px; }
#contribution .ctnBox .tableBox{ display:flex; text-align: center; }
#contribution .ctnBox .tableBox table * { border:1px solid #ddd; }
#contribution .ctnBox .tableBox table th{ font-size:20px; height: 60px; color:#26292f; font-weight: 400;}
#contribution .ctnBox .tableBox table td{ height: 180px; color:#26292f; line-height: 1.625;}
#contribution .ctnBox .tableBox table:not(:last-child){ margin-right: -1px;}
#contribution .ctnBox .tableBox table{ position: relative; }
#contribution .ctnBox .tableBox table.type2:after{ content:''; display:block; position: absolute; top: -1px; left: 0; width: calc(100% - 6px); height: 56px; border:3px solid #369cd8;  z-index: 5;}
#contribution .ctnBox .tableBox table.type2 th{ color:#369cd8; font-weight: bold;}
#contribution .ctnBox .tableBox table.type2 td{ background: rgba(54,156,216,0.1); }
#contribution .ctnBox .arrowBox{ margin: 20px 0 0; display:flex; align-items:center; justify-content:space-between; }
#contribution .ctnBox .arrowBox figure{ margin: 0;}
#contribution .ctnBox .arrowBox p{ font-size:25px; font-weight: bold; color:#26292f;  flex-shrink:0; }
#contribution .txtBox{ color:#26292f; }
#contribution .txtBox h4{ font-size: 30px; font-weight: bold; margin-bottom: 30px;}
#contribution .txtBox ul li{ font-size:18px; line-height: 1.7777; text-indent:-18px; margin-left: 18px;}
#contribution #pBtn{ margin: 35px 0 0  auto ;}

/* 편집위원회 */
#edit .tableBox{ margin-bottom: 30px; }
#edit .tableBox table{ color:#26292f; font-size:20px; }
#edit .tableBox table th{ background: rgba(54,156,216,0.1); font-weight: 500;}
#edit .tableBox table th br{ display:none; }
#edit .tableBox table th,#edit .tableBox table td{ height: 60px; border:1px solid #ddd; padding: 0 30px; box-sizing:border-box; }
#edit .tableBox table th, #edit .tableBox table td:first-of-type{ width: 15.5%; text-align: center; }
#edit .iconBox{ display:flex; gap:40px; }
#edit .iconBox .itemBox{ display:flex; align-items:center; }
#edit .iconBox .itemBox figure{ width: 50px; height: 50px; border:1px solid rgba(38,41,47,0.3); border-radius:50%; display:flex; justify-content:center; align-items:center; margin: 0 10px 0 0;}
#edit .iconBox .itemBox p{ font-size: 18px; color:#26292f; }

/* 규정 */
#rule .tabBox{ display:flex; margin-top: 100px;}
#rule .tabBox li{ width: calc((100% - 90px) / 4); height: 60px; }
#rule .tabBox li:not(:last-child){ margin-right: 30px; }
#rule .tabBox li button{ font-size:16px; font-weight: 500; width: 100%; height: 100%; border:none; outline:none; background: #369cd8; color:#fff; border-radius:100px; }
#rule .tabBox li.on button{ background: #222c36;}
#rule .ctnBox section{ display:none; }
#rule .ctnBox section.on{ display:block; }
#rule .ctnBox .txtBox{ color:#26292f; font-size:17px; line-height: 1.7647;}
#rule .ctnBox .txtBox dl:not(:last-child){ margin-bottom: 10px; }
#rule .ctnBox .txtBox dt{}
#rule .ctnBox .txtBox dt em{ font-weight: 500;  font-size:18px; }
#rule .ctnBox .txtBox dt span{ font-weight: 500; display:block; }
#rule .ctnBox .txtBox dd{ margin-left: 20px; text-indent:-20px;	}
#rule .ctnBox .txtBox dd ul{ margin-left: 20px; }
#rule .ctnBox .txtBox dd ul li{ color:#555; margin-left: 20px; text-indent:-20px;}
#rule .ctnBox .txtBox > p{ margin-top: 35px; color:#26292f; }
#rule .ctnBox .txtBox > p span{ color:#e22626; }
#rule .ctnBox .txtBox dd p{ margin-left: 20px;}
#rule .ctnBox #pBtn{ margin: 0 0 0 auto;}