@media screen and (max-width:1720px){ .inner1720{padding:0 15px;} /*header*/ header .logo{left:15px;} header .lang{right:15px;} header nav{ margin-left: 15%; } header nav .gnb > li{ margin: 0 20px;} /*메인비주얼*/ #mainVisual .mvTit{top:300px;} /*일반현황*/ #general .scon01 ul li.list01 .txt{padding:40px 15px 0 15px;} #general .scon01 ul li.list02 .txt{padding:40px 15px 0 15px;} } @media screen and (max-width:1400px){ .inner1400{padding:0 15px;} .br1400{display:block;} /*footer*/ footer .top .topBtn{right:15px;} footer .bottom .family{right:15px;} /* 연구분야 - 핵통제연구부 */ #nuclear .box{max-width:1200px;} #nuclear .box .img{width:55%;} #nuclear .box .img:after{background-size:619px 600px;} #nuclear .box .img .circle{width:530px; height:530px;} #nuclear .box .txt{width:45%;} #nuclear .box .txt dl dd br{display:none;} /* 연구분야 - 원자력정책센터 */ #control .scon03 .box ul li.list04{right:30px;} /* 최근호 */ #recent .ctnBox .itemBox{ width: calc((100% - 30px) / 2); margin-right: 0; } #recent .ctnBox .itemBox .txtBox{ padding: 0 20px; line-height: 1.7;} } @media screen and (max-width:1300px){ .inner1300{padding:0 15px;} /*서브페이지 버튼*/ .move_wrap .prev_menu{left:15px;} .move_wrap .next_menu{right:15px;} /* 연구소 소개 - 비전과 사명 */ #vision .scon03 .mission ul li{padding:40px 23px 0;} #control .scon04 .box .list ul li:nth-child(2) dl dd br, #control .scon04 .box .list ul li:nth-child(3) dl dd br{display:none;} /*일반현황*/ #general .scon01 ul li > div{height:548px;} #general .scon01 ul li.list01 .txt > .box{padding:35px 0;} #general .scon01 ul li.list01 .txt > .box p{font-size:70px;} #general .scon03 .vsBox ul li{padding:40px 23px 0;} /* 원자력전략·정책연구 소개 */ #introduce .ctnBox .txtBox div.txt p br{ display:none; } } @media screen and (max-width:1200px){ .inner1200{padding:0 15px;} .br1400{display:none;} /*header*/ header nav{display:none;} header .lang{display:none;} header .m_menu_btn{display:block;} /*메인비주얼*/ #mainVisual .visu article{height:1000px;} #mainVisual .mvTit{top:260px;} #mainVisual .mvTit p{font-size:20px;} #mainVisual .mvTit h2{font-size:60px} /*메인컨텐츠*/ .mcpd{padding:80px 0;} /* 메인 - 미래기술연구부*/ #quickCon{margin-top:-170px;} #quickCon .box{padding:0 20px;} #quickCon .box > div{float:none; width:100% !important;} #quickCon .box .left > div{width:50% !important;} #quickCon .box .left .img{} #quickCon .box .right{height:500px;} #quickCon .box .right ul li{padding:50px;} #quickCon .box .right ul li > div{top:0; transform:none;} #quickCon .box .right ul li > div dl dt br, #quickCon .box .right ul li > div dl dd br{display:none;} /* #mcon02 .top .mcTit p br{display:none;}*/ #mcon03 ul li .txt dl dd br{display:none;} #mcon03 ul li:hover{box-shadow:none} /*서브*/ #sv{height:530px;} #lnb{display:none;} .sconTit{padding-bottom:50px;} .sconTit h3, .txt_st01{font-size:35px;} .scon{padding:50px 0;} .move_wrap .txt_box p{font-size:40px;} .move_wrap .page_move .pg_txt{display:none;} .move_wrap .page_move .circle:before{display:none;} .move_wrap .prev_menu:hover .circle{background-color:#fff; background-image:url("/img/sub/move_prev_1.png"); } .move_wrap .next_menu:hover .circle{background-color:#fff; background-image:url("/img/sub/move_next_2.png"); } #subContents > article{padding-top:30px;} /* 연구소 소개 - 비전과 사명 */ #vision .sconTit{padding-bottom:50px;} #vision .scon01 .txt_st01{padding:0;} #vision .scon02 .vision{width:auto; height:auto;} #vision .scon02 .vision .list{padding-top:50px;} #vision .scon02 .vision .list ul li{float:left; width:25% !important; padding:0 15px !important; text-align:center; position:static; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #vision .scon02 .vision .list ul li:before, #vision .scon02 .vision .list ul li:after{display:none;} #vision .scon03 .mission{padding-top:0} #vision .scon04 .sconTit{width:240px; } #vision .scon04 .history{width:calc(100% - 240px);} #vision .scon05 .mark{padding-top:0;} /* 연구소 소개 - 인사말 */ #greeting .intro .box .txt{padding-left:5%;} #greeting .intro .box .txt p{font-size:22px;} /* 연구소 소개 - 오시는 길 */ #map .scon01 .mapBox{height:680px;} #map .scon02 .info ul li{float:none; width:100% !important; margin:0 0 10px 0; } #map .scon02 .info ul li:nth-child(1){border-right:1px solid #e1e1e1;} #map .scon02 .info ul li:nth-child(3){border-top:1px solid #e1e1e1;} /* 연구분야 - 미래기술연구부 */ #future .scon02 > div{float:none; width:100% !important;} #future .scon02 .tabMenu{height:500px;} #future .scon02 .tabMenu ul li{float:left; width:50%; } #future .scon02 .tabCon .con:nth-child(1) dl, #future .scon02 .tabCon .con:nth-child(2) dl{margin-bottom:60px;} /* 연구분야 - 핵통제연구부 */ #nuclear .scon .list_icon{font-size:18px;} #nuclear .scon .list_icon+.list_icon{margin-top:20px;} #nuclear .scon01 .box .img, #nuclear .scon01 .box .txt{float:none; width:100%;} #nuclear .scon01 .box .img:after{display:none;} #nuclear .scon01 .box .img .circle{margin:0 auto;} #nuclear .scon01 .box .txt dl{padding-left:50px;} #nuclear .scon01 .box .txt dl+dl{margin-top:50px;} #nuclear .scon01 .box .txt dl:nth-child(1), #nuclear .scon01 .box .txt dl:nth-child(3){margin-left:0;} #nuclear .scon01 .box .txt dl:before, #nuclear .scon01 .box .txt dl:after{display:none;} #nuclear .scon01 .box .txt dl dt{margin-bottom:10px;} #nuclear .scon01 .box .txt dl dt br{display:none;} #nuclear .scon02, #nuclear .scon03{padding:90px 0;} #nuclear .scon04{padding:90px 0 150px;} #nuclear .scon02 .sconTit{padding-bottom:0;} #nuclear .scon02 .box > div{float:none !important; width:100%;} #nuclear .scon02 .box .txt{padding-left:0;} #nuclear .scon02 .box .txt ul li br{display:none;} #nuclear .scon02 .box .img{margin-top:0; text-align:center;} #nuclear .scon04 .list_icon+.list_icon{margin-top:20px;} #nuclear .scon04 .img img{max-width:730px;} /* 연구분야 - 원자력정책센터 */ #control .scon{padding:50px 0;} #control .scon01 .box ul li div dl dd{margin-left:10px;} #control .scon02 .txt{width:calc(100% - 300px);} #control .scon02 .txt p br{display:none;} #control .scon03 .box{height:auto; margin-top:0;} #control .scon03 .box .img{background:url("/img/sub/control03_img02.png") no-repeat center; } #control .scon03 .box .img dl{left:50%; top:53%;} #control .scon03 .box ul{padding-top:30px;} #control .scon03 .box ul li{float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; position:static;} #control .scon03 .box ul li:nth-child(2n){margin-right:0;} #control .scon03 .box ul li > .txt{width:calc(100% - 100px); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #control .scon03 .box ul li > .txt br{display:none;} #control .scon04 .box .list ul li{padding:80px 10px 0;} #control .scon04 .box .list ul li dl dt{margin-bottom:15px;} /*일반현황*/ #general .scon{padding:50px 0;} #general .scon.scon02{padding:0;} #general .scon01 ul li .txt, #general .scon01 ul li .img{float:none !important; width:100% !important} #general .scon01 ul li > div{height:auto; text-align:left;} #general .scon01 ul li .txt{padding:20px 15px !important;} #general .scon01 ul li.list01 .txt > .box p br{display:none;} #general .scon01 ul li.list01 .img{text-align:left;} #general .scon02 .sconTit{width:240px; } #general .scon02 .history{width:calc(100% - 240px);} #general .scon03 .vision .list{display:none;} #general .scon03 .vsBox{padding-top:50px} #general .scon03 .vsBox ul li{width:calc(50% - 10px); height:475px;} #general .scon03 .vsBox ul li:nth-child(2n){margin-right:0;} #general .scon03 .vsBox ul li:nth-child(n+3){margin-top:20px;} /* 고객참여 - 고객의 소리 */ #cusutomer .scon{padding:50px 0 0;} /* 최근호 - 상세 페이지 */ #recent_view .ctnBox .txtBox .title br{ display:none; } /* 편집위원회 */ #edit .tableBox table th, #edit .tableBox table td:first-of-type{ width: 18%;} #edit .tableBox table th, #edit .tableBox table td{ padding: 0 20px;} } @media screen and (max-width:960px){ .br960{display:block;} /*메인비주얼*/ #mainVisual .visu article{height:800px;} #mainVisual .mvTit p{font-size:20px; margin-bottom:15px;} #mainVisual .mvTit h2{font-size:46px;} /* #mainVisual .scrollBtn{bottom:-50px;}*//*나중에 다시 풀기*/ #mainVisual .scrollBtn{bottom:60px;}/*나중에 다시 삭제*/ #mainVisual .scrollBtn:after{height:120px;}/*나중에 다시 삭제*/ #mainVisual .slickDots, #mainVisual .slick-dots{bottom:140px;} /*메인컨텐츠*/ #quickCon{margin-top:-70px;} #mcon01 ul li{width:calc(50% - 10px); margin-right:20px;} #mcon01 ul li:nth-child(2n){margin-right:0;} #mcon01 ul li:nth-child(n+3){margin-top:40px;} #mcon02 .bottom ul li{width:50%; } #mcon02 .top .mcTit img{max-width:250px;} #mcon03 ul li .txt{height:120px;} #mcon03 ul li .txt p{font-size:20px;} #mcon03 ul li .txt dl dt{font-size:20px;} /*footer*/ footer .newsL{height:auto; } footer .newsL .newsBox > div{display:block; width:100% !important;} footer .newsL .newsBox .tit{margin-bottom:20px;} footer .bottom{padding:40px 0;} footer .bottom .logo, footer .bottom .info{float:none !important; width:100%; padding-top:20px; padding-left:0;} footer .bottom .logo{padding-top:0;} footer .bottom .info ul li > span{margin-right:0;} /* 서브 공통 */ .sconTit h3, .txt_st01{font-size:30px;} .move_wrap .txt_box p{font-size:35px;} /* 연구소 소개 - 비전과 사명 */ #vision .scon02 .vision .list li p{font-size:18px;} #vision .scon03 .mission ul li .num{font-size:60px;} #vision .scon03 .mission ul li dl dt{font-size:24px;} #vision .scon03 .mission ul li dl dt br{display:none;} #vision .scon03 .mission ul li dl dd{font-size:16px;} #vision .scon04 .sconTit{width:200px;} #vision .scon04 .history{width:calc(100% - 200px);} #vision .scon04 .history ul li dl dt{font-size:32px;} #vision .scon04 .history ul li dl dd{font-size:16px;} #vision .scon04 .history ul li dl dd > span{font-size:16px;} /* 연구소 소개 - 인사말 */ #greeting .intro{height:480px;} #greeting .intro .box .img img{max-height:400px;} #greeting .intro .box .txt p br{display:none;} #greeting .txtBox{padding:30px 20px;} #greeting .txtBox .name > p > span{font-size:26px;} /* 연구소 소개 - 조직도 */ #organ .scon01 .orgBox .top p{width:150px; height:150px; font-size:24px;} #organ .scon01 .orgBox .mid{left:calc(50% - 148px); top:190px;} #organ .scon01 .orgBox .mid p{width:180px;} #organ .scon01 .orgBox .list{height:55px; font-size:18px;} /* 연구소 소개 - 규정 */ #regulation .scon .sconTit p{font-size:18px;} #regulation .scon .name{font-size:16px;} /* 연구소 소개 - 오시는 길 */ #map .scon01 .mapBox{height:580px;} #map .scon02 .img p{padding:20px 50px; font-size:18px;} #map .scon02 .info ul li dl dt{font-size:22px; } #map .scon02 .info ul li dl dd{font-size:16px;} /* 연구분야 - 핵통제연구부 */ #nuclear .scon01 .box .txt dl{padding-left:0;} #nuclear .scon01 .box .txt dl dt{font-size:24px; background-position:left 7px;} #nuclear .scon01 .box .txt dl dt > span{font-size:20px;} #nuclear .scon03 .box ul li{height:350px;padding:40px 10px 0;} #nuclear .scon03 .box ul li .num{margin-bottom:20px;} #nuclear .scon03 .box ul li dl dt{height:50px; font-size:18px;} #nuclear .scon03 .box ul li dl dd{font-size:16px;} #nuclear .scon03 .box ul li dl dd br{display:none;} /* 연구분야 - 원자력정책센터 */ #control .scon01 .box ul li{width:calc(50% - 10px); margin-right:20px; padding:0 10px; } #control .scon01 .box ul li div dl dt{font-size:22px;} #control .scon01 .box ul li div dl dd{font-size:16px; margin-left:0;} #control .scon02 > div > div{display:block;} #control .scon02 .txt{width:100%; padding-left:0;} #control .scon02 .txt span{margin-bottom:10px; font-size:28px;} #control .scon02 .txt p{font-size:18px;} #control .scon04 .box:after{top:180px;} #control .scon04 .box .circle{width:200px; height:200px; } #control .scon04 .box .circle > div .tit img{max-width:90px;} #control .scon04 .box .circle > div .tit p{font-size:18px;} #control .scon04 .box .list ul li{padding:50px 10px 0;} #control .scon04 .box .list ul li .icon{width:120px; height:120px; padding:10px; } #control .scon04 .box .list ul li dl dt{font-size:20px; margin-bottom:5px; } #control .scon04 .box .list ul li dl dd br{display:none;} #control .scon05 .box ul li{height:55px; font-size:16px;} #control .scon05 .box .top{width:170px; height:170px;} #control .scon05 .box .top > span{font-size:24px;} #control .scon05 .box .mid:before{width:50%;} #control .scon05 .box .mid ul li{width:180px;} #control .scon05 .box .mid ul:nth-child(1):before{right:-40px;} #control .scon05 .box .mid ul:nth-child(2):before{left:-40px;} #control .scon05 .box .mid ul:nth-child(1):after{right:-50px;} #control .scon05 .box .mid ul:nth-child(2):after{left:-50px;} #control .scon05 .box .bot ul li{width:calc(25% - 15px); margin-right:20px;} /* 고객참여 - 고객의소리 */ #cusutomer .scon01 .box{padding:50px; } /* 연구소 소개 - 규정 */ #regulation .tabMenu01 ul li{width:calc(33.333333333% - 10px);} #regulation .tabMenu01 ul li button{font-size:15px; padding:0 10px; box-sizing:border-box;} /* 최근호 */ #recent .ctnBox .itemBox{ width: 100%; } #recent .ctnBox .itemBox .txtBox{ font-size:14px; } /* 최근호 - 상세 페이지 */ #recent_view .ctnBox{ flex-direction:column; align-items: center;} #recent_view .ctnBox .imgBox{ width: 250px; height: 330px;} #recent_view .ctnBox .txtBox{ padding: 0; margin-top: 60px;} #recent_view .ctnBox .txtBox ul li{ padding-left: 10px;} #recent_view .ctnBox .txtBox ul li a{ margin-left: -10px;} #recent_view .ctnBox .txtBox ul li a:before{ content:"·"; display:inline-block; font-weight: bold; margin-right: 5px;} #recent_view .ctnBox .txtBox .title{ font-size:17px; } #recent_view .ctnBox .txtBox ul li a{ font-size:15px; } #recent_view .ctnBox .txtBox ul li a img{ width: 15px;} /* 원자력전략·정책연구 소개 */ #introduce .ctnBox{ flex-direction:column; align-items: center; } #introduce .ctnBox .imgBox{ width: 70%;} #introduce .ctnBox .txtBox{ padding: 0; margin-top: 60px;} #introduce .ctnBox .txtBox .title{ font-size:24px; } #introduce .ctnBox .txtBox div.txt p{ font-size:14px; } /* 투고 및 게재 안내 */ #contribution .ctnBox .tableBox{ flex-direction: column; } #contribution .ctnBox .tableBox table:not(:last-child){ margin-right: 0; margin-bottom: -1px;} #contribution .ctnBox .tableBox table th{ font-size:17px; height: 40px;} #contribution .ctnBox .tableBox table td{ height: 120px; font-size:14px; } /* #contribution .ctnBox .tableBox table.type1 td{ height: 70px;}*/ #contribution .ctnBox .tableBox table.type2:after{ height: 38px;} #contribution .ctnBox .arrowBox p{ margin: 0 20px;} #contribution .ctnBox .arrowBox figure{ position: relative; width: 40%; height: 15px; overflow: hidden;} #contribution .ctnBox .arrowBox figure img{ position: absolute; transform: translateY(-50%); top: 50%; left: 0; max-width: fit-content;} #contribution .ctnBox .arrowBox figure:last-child img{ right: 0; left: auto;} #contribution .ctnBox .arrowBox p{ font-size:21px; } #contribution .txtBox h4{ font-size:24px; } #contribution .txtBox ul li{ font-size:16px; } #recent_view .ctnBox .btnBox, #pBtn{ font-size:17px; } /* 편집위원회 */ #edit .tableBox table{ font-size: 17px; } #edit .tableBox table th br{ display:block; } #edit .tableBox table th, #edit .tableBox table td{ padding: 0 10px; height: 65px; line-height: 1.5; font-size:14px; } #edit .iconBox{ flex-wrap: wrap; gap:20px;} #edit .iconBox .itemBox p{ font-size:16px; } #edit .iconBox .itemBox figure{ width: 30px; height: 30px;} #edit .iconBox .itemBox figure img{ width: 50%;} /* 규정 */ #rule .ctnBox .ethics #pBtn{ margin: 30px 0 0 auto;} #rule .ctnBox .ethics .txtBox dt span{ font-size:16px; } #rule .ctnBox .ethics .txtBox dt,#rule .ctnBox .ethics .txtBox dd,#rule .ctnBox .ethics .txtBox p{ font-size:15px; } #rule .tabBox{ flex-wrap:wrap; gap:20px; margin-top: 30px; } #rule .tabBox li{ width: calc((100% - 20px) / 2); height: 60px; } #rule .tabBox li:not(:last-child){ margin-right: 0; } } @media screen and (max-width:767px){ /* header */ header{height:100px;} header .logo{top:18px;} header .logo > a img{max-width:178px;} header .logo > a span{font-size:10px;} /*메인 비주얼*/ #mainVisual .visu article{height:700px;} #mainVisual .mvTit{top:210px;} #mainVisual .mvTit p{font-size:16px;} #mainVisual .mvTit h2{font-size:36px;} /*메인컨텐츠*/ #quickCon .box > div{height:auto;} #quickCon .box .left > div{float:none !important; width:100% !important; } #quickCon .box .left .img img{width:100%; max-width:100%;} #quickCon .box .left .menu{} #quickCon .box .left .menu ul{top:0; transform:none;} #quickCon .box .left .menu ul li{display:block; height:auto; padding:20px 0; font-size:16px;} #quickCon .box .left .menu ul li span{display:block;} #quickCon .box .left .menu ul li br{display:none;} #quickCon .box .right{height:auto;/*height:400px;*/} #quickCon .box .right ul li > div > span{margin-bottom:20px; font-size:18px;} #quickCon .box .right ul li > div dl{margin-bottom:30px;} #quickCon .box .right ul li > div dl dt{margin-bottom:20px; font-size:32px;} #quickCon .box .right ul li > div > span{margin-bottom:15px; font-size:16px;} #quickCon .box .right ul li > div .more > a{width:150px; height:40px; } #quickCon .box .right ul li > div .more span{padding:9px 0 10px 14px;} #quickCon .box .right ul li > div .more span:after{top:18px;} #mcon02 .top{height:650px;} #mcon02 .top .mcTit img{max-width:200px;} #mcon02 .top .mcTit p br{display:none;} #mcon03 ul li{width:100%; margin-bottom:20px;} #mcon03 ul li .txt{width:410px;} #mcon03 ul li .txt p{font-size:18px;} /*footer*/ footer .top .call, footer .top .menu{float:none;} footer .top .call{margin-bottom:10px;} footer .top .menu ul li{margin-right:20px;} footer .top .menu ul li a{padding:10px 0;} /*서브비주얼*/ #sv{height:430px;} #sv .svTit p{font-size:30px; line-height:1.5;} /* #sv .svTit p{font-size:18px;}*/ #sv .svTit h2{font-size:55px;} /* 서브공통 */ .move_wrap .page_move{margin-top:-25px;} .move_wrap .page_move .circle{width:50px; height:50px; } .move_wrap .txt_box p{font-size:30px;} .sconTit{padding-bottom:30px;} .sconTit h3, .txt_st01{font-size:26px;} .sconTit h3 font{font-size:10px;} /* .sconTit h3:after{width:10px; height:10px; right:-20px; bottom:2px;}*/ /* 연구소개 - 비전과 사명 */ #vision .scon02 .vision .circle{width:360px; height:360px; background-size:360px 360px;} #vision .scon02 .vision .logoBox img{max-width:100px;} #vision .scon02 .vision .logoBox p{font-size:14px;} #vision .scon02 .vision .logoBox p strong{font-size:18px;} #vision .scon02 .vision .list{padding-top:20px;} #vision .scon02 .vision .list ul li p{font-size:16px;} #vision .scon02 .vision .list ul li img{max-height:50px;} #vision .scon03 .mission ul li{float:none; width:100%; height:auto; margin:0 0 10px; padding:30px; } #vision .scon03 .mission ul li .num{margin-bottom:10px; font-size:50px;} #vision .scon03 .mission ul li dl dt{height:auto; margin-bottom:15px; font-size:18px;} #vision .scon03 .mission ul li dl dd{font-size:15px;} #vision .scon03 .mission ul li dl dd p br{display:none;} #vision .scon03 .mission ul li dl dd p+p{margin-top:10px;} #vision .scon04 .sconTit{width:140px;} #vision .scon04 .history ul li{padding:0 0 60px 60px;} #vision .scon04 .history ul li:before{width:28px; height:28px; left:-14px;} #vision .scon04 .history ul li:after{top:10px;} #vision .scon04 .history ul li dl:before{top:14px;} #vision .scon04 .history ul li dl dt{font-size:28px;} #vision .scon04 .history ul li dl dd > span{width:28px; height:28px; line-height:28px; margin-right:10px; font-size:14px;} #vision .scon04 .history ul li dl dd > p{width:calc(100% - 38px); font-size:15px;} #vision .scon05 .mark ul li .img img{max-width:70%;} #vision .scon05 ul li img{max-width:70%;} /* 연구소 소개 - 인사말 */ #greeting .intro{padding:50px 0;} #greeting .intro .box{padding-top:0;} #greeting .intro .box > div{display:block; width:100%;} #greeting .intro .box .txt{margin-top:0; padding:50px 15px;} #greeting .intro .box .txt p{padding-left:10px; font-size:20px;} #greeting .intro .box .txt p:before, #greeting .intro .box .txt p:after{width:20px; height:17px; background-size:20px 17px;} #greeting .intro .box .txt p:before{top:-30px;} #greeting .intro .box .txt p:after{bottom:-30px;} #greeting .intro .box .img{ position:absolute; left:0; bottom:0;} #greeting .intro .box .img img{max-height:300px;} #greeting .txtBox{padding:30px 10px;} #greeting .txtBox > p+p{margin-top:15px;} #greeting .txtBox .name > p{font-size:15px;} #greeting .txtBox .name > p > span{font-size:20px;} /* 연구소 소개 - 조직도 */ #organ .scon01 .orgBox .top p{width:120px; height:120px; font-size:20px;} #organ .scon01 .orgBox .mid{padding-right:50px; left:calc(50% - 100px); top:160px;} #organ .scon01 .orgBox .mid:before{width:50px;} #organ .scon01 .orgBox .mid:after{width:10px; height:10px; margin-top:-5px; right:45px;} #organ .scon01 .orgBox .mid p{width:150px;} #organ .scon01 .orgBox .list{font-size:16px;} #organ .scon01 .orgBox .mid:before{width:50px;} #organ .scon01 .orgBox .bot{padding:30px 10px; border:1px solid #369cd8} #organ .scon01 .orgBox .bot:before, #organ .scon01 .orgBox .bot ul li:before{display:none;} #organ .scon01 .orgBox .bot ul { gap:10px; flex-wrap:wrap; } #organ .scon01 .orgBox .bot ul li{width:calc((100% - 10px) / 2); margin-right:0;} #organ .scon01 .orgBox .bot ul li:nth-child(2n){margin-right:0;} #organ .scon01 .orgBox .bot ul li:nth-child(n+3){margin-top:0;} /* 연구소 소개 - 규정 */ #regulation .scon .sconTit p, #regulation .scon .name{font-size:15px;} /* 연구소 소개 - 오시는 길 */ #map .scon01 .mapBox{height:580px;} #map .scon01 .info ul li dl dt{font-size:22px;} #map .scon01 .info ul li{float:none; width:100% !important; height:auto; padding:30px 10px; margin:0 0 10px 0;} #map .scon01 .info ul li dl{padding-top:25px;} #map .scon02{padding-top:0;} #map .scon02 .img{margin-bottom:40px;} #map .scon02 .img p{padding:15px 20px; font-size:16px;} #map .scon02 .info ul li dl dt{font-size:20px;} #map .scon02 .info ul li{height:185px;} /* 연구분야 - 미래기술연구부 */ #future .scon02 .tabCon{padding:40px 10px 0;} #future .scon02 .tabCon .con dl dt{margin-bottom:20px; font-size:24px;} #future .scon02 .tabCon .con dl dt > span{font-size:16px;} #future .scon02 .tabCon .con dl dd{font-size:16px;} /* 연구분야 - 핵통제연구부 */ #nuclear .scon .list_icon{padding-left:25px; font-size:16px;} #nuclear .scon .list_icon:before{width:16px; height:16px; background-size:16px 16px;} #nuclear .scon01 .box .img .circle{width:420px; height:420px;} #nuclear .scon01 .box .img .circle > div > p{font-size:35px;} #nuclear .scon01 .box .txt dl dt{padding-left:28px; font-size:20px; background-size:18px 18px;} #nuclear .scon01 .box .txt dl dt > span{font-size:18px;} #nuclear .scon01 .box .txt dl dd{padding-left:28px; font-size:15px; } #nuclear .scon02, #nuclear .scon03{padding:50px 0;} #nuclear .scon04{padding:50px 0 100px;} #nuclear .scon02 .box .img img{max-width:80%;} #nuclear .scon03 .box ul li{float:none; width:100%; height:auto; padding:30px 20px; margin:0 0 15px 0;} #nuclear .scon03 .box ul li .num{font-size:40px;} #nuclear .scon03 .box ul li dl{} #nuclear .scon03 .box ul li dl dt{ display:block; height:auto; margin-bottom:10px;} #nuclear .scon03 .box ul li dl dt > span{display:block; } #nuclear .scon03 .box ul li dl dt > span br{display:none;} #nuclear .scon03 .box ul li dl dd{font-size:15px;} #nuclear .scon04 .img img{max-width:530px;} /* 연구분야 - 원자력정책센터 */ #control .scon01 .box ul li div img{max-width:80px; margin-bottom:30px;} #control .scon01 .box ul li div dl dt{margin-bottom:20px; font-size:20px;} #control .scon01 .box ul li div dl dt br{display:none;} #control .scon01 .box ul li div dl dd{font-size:15px; padding-left:15px;} #control .scon02 .txt span{font-size:24px;} #control .scon02 .txt p{font-size:16px;} #control .scon03 .box .img{height:420px; background-size:auto 420px;} #control .scon03 .box .img dl dt{font-size:28px; margin-bottom:5px;} #control .scon03 .box .img dl dd{font-size:15px;} #control .scon03 .box ul li{float:none; width:100%; margin:0 0 20px 0;} #control .scon03 .box ul li > .icon{width:80px; height:80px; } #control .scon03 .box ul li > .icon img{max-width:50%;} #control .scon04 .box .list ul li{width:100%; height:auto; padding:60px 10px 50px; margin:0 0 75px 0;} #control .scon04 .box .list ul li .icon{width:100px; height:100px; padding:7px; top:-50px;} #control .scon04 .box .list ul li .icon p img{max-width:44px;} #control .scon04 .box .list ul li dl dt{font-size:18px;} #control .scon05 .box{padding-top:300px;} #control .scon05 .box .top:before{content:""; display:block; width:1px; height:50px; margin-left:-0.5px; background-color:#369cd8; position:absolute; left:50%; top:-50px;} #control .scon05 .box .mid:before{width:calc(100% - 222px); height:110px; background-color:#fff; border:1px solid #369cd8; border-top:none; border-radius:30px; position:absolute; left:50%; top:auto; bottom:-54px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } #control .scon05 .box .mid ul:before{display:none;} #control .scon05 .box .mid ul{padding:20px; background-color:#fff; border:1px solid #369cd8; border-radius:20px;} #control .scon05 .box .mid ul:after{margin-top:0; margin-left:-8px; top:auto; right:auto !important; bottom:-13px; left:50% !important;} #control .scon05 .box .bot ul{padding:20px; background-color:#fff; border:1px solid #369cd8; border-radius:20px;} #control .scon05 .box .bot ul:before, #control .scon05 .box .bot ul li:before{display:none;} #control .scon05 .box .bot ul:after{top:-17px;} #control .scon05 .box .bot ul li{width:calc(50% - 15px);} #control .scon05 .box .bot ul li:nth-child(2n){margin-right:0;} #control .scon05 .box .bot ul li:nth-child(n+3){margin-top:20px;} /*일반현황*/ #general .scon01 ul li.list01 .txt > .box span{font-size:20px;} #general .scon01 ul li.list01 .txt > .box p{font-size:40px; line-height:1.2;} #general .scon01 ul li .txt dl dt{font-size:18px;} #general .scon01 ul li .txt dl dd{font-size:16px;} #general .scon01 ul li.list02 .txt dl{padding-top:20px;} #general .scon.scon02{padding:50px 0;} #general .scon02 .sconTit{width:auto; padding-top:0; float:none; } #general .scon02 .sconTit h3{margin-bottom:20px;} #general .scon02 .history{width:100%; padding:20px 0 0 25px; float:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #general .scon02 .history:before{left:25px; top:0;} #general .scon02 .history ul{padding:50px 0;} #general .scon02 .history ul li dl dt{font-size:30px;} #general .scon02 .history ul li dl dd > span{width:30px; height:30px; font-size:16px; line-height:30px;} #general .scon02 .history ul li dl dd > p{padding:4px 0;} #general .scon03 .vsBox ul li{width:100%; height:auto; margin-right:0; margin-bottom:20px; padding:20px;} #general .scon03 .vsBox ul li:last-child{margin-bottom:0} #general .scon03 .vsBox ul li:nth-child(n+3){margin-top:0} #general .scon04{padding:50px 0 80px;} #general .scon04 .mark ul li{width:100%; margin-right:0; margin-bottom:30px;} #general .scon04 .mark ul li:last-child{margin-bottom:0;} #general .scon04 .mark ul li .img{background-size:cover} #general .scon04 .mark .downBtn a{width:calc(50% - 30px); } #general .scon04 .mark{padding:50px 0 80px;} #general .scon04 .type ul li{width:calc(50% - 10px); margin-bottom:10px;} #general .scon04 .type ul li:nth-child(2n){margin-right:0;} #general .scon04 .type{margin-bottom:40px;} #future{padding:50px 0;} #future .scon01{padding:0 0 50px;} #future .scon01 .txt{padding:40px 0 30px; font-size:28px;} #future .scon01 .txt br{display:none;} /* 고객참여 - 고객의소리 */ #cusutomer .scon .tit h4{ font-size:24px;} #cusutomer .scon01 .box{padding:30px;} #cusutomer .scon01 .box .tit{padding:0 0 20px;} #cusutomer .scon01 .box .tit h4{display:block; width:100%; padding-left:40px; margin-bottom:15px; background-size:auto 30px;} #cusutomer .scon01 .box .tit p{display:block; width:100%; } #cusutomer .scon01 .box .tit p br{display:none;} #cusutomer .scon01 .box .write ul li input[type="text"]{font-size:16px;} #cusutomer .scon01 .box .txt .privacy{padding:10px 20px;} } @media screen and (max-width:640px){ .br640{display:block;} #future .scon02 .tabMenu ul li{float:none; width:100%; padding:15px 5px;} /*메인비주얼*/ #mainVisual .slickDots{left:40px;} #mainVisual .slick-dots{right:40px;} #mainVisual .scrollBtn > a{width:66px; height:66px; line-height:68px;} #mainVisual .scrollBtn:before{width:66px !important; height:66px !important;} /*메인컨텐츠*/ #quickCon .box{padding:0;} #quickCon .box .left .menu{padding:0 40px;} #quickCon .box .left .menu ul li:after{right:-40px;} .mcTit h3{font-size:40px;} .mcTit p{font-size:18px;} #mcon01 ul{padding-top:40px;} #mcon01 ul li .img{margin-bottom:15px;} #mcon01 ul li p{margin-bottom:16px;} #mcon02 .top .mcTit img{max-width:150px;} #mcon02 .bottom ul li{height:350px;} #mcon02 .bottom ul li > div dl{padding:30px 0 20px;} #mcon02 .bottom ul li > div dl dt{font-size:16px;} #mcon02 .bottom ul li > div dl dd br{display:none;} #mcon03 ul{padding-top:40px;} #mcon03 ul li .txt{height:100px;} #sv .svTit .txt{line-height:1.3;} .sconTit h3{font-size:24px;} .txt_st01{font-size:20px;} .sconTit h3 font{font-size:7px;} /* .sconTit h3:after{width:7px; height:7px; right:-15px; bottom:3px;}*/ .move_wrap .txt_box p br{ display:block !important; } /* 연구소개 - 비전과 사명 */ #vision .scon01 .txt_st01{} #vision .scon02 .vision .list ul li{width:50% !important;} #vision .scon02 .vision .list ul li:nth-child(n+3){margin-top:20px; } #vision .scon02 .vision .list ul li p{font-size:15px;} #vision .scon02 .vision .list ul li p br{display:none;} #vision .scon02 .vision .list ul li img{max-height:40px;} #vision .scon03 .mission ul li .num{font-size:40px;} #vision .scon03 .mission ul li dl dt{font-size:16px;} #vision .scon03 .mission ul li dl dd{font-size:14px;} #vision .scon04 .sconTit {float:none; width:100%; padding-top:0;} #vision .scon04{padding:50px 0;} #vision .scon04 .history{float:none; width:100%;} #vision .scon04 .history ul{padding:50px 0;} #vision .scon04 .history ul li dl dt{font-size:20px;} #vision .scon04 .history ul li dl dd{font-size:15px;} #vision .scon04 .history ul li dl dd > span{width:24px; height:24px; line-height:24px;} #vision .scon04 .history ul li dl dd > p{padding:0;} #vision .scon05 .mark ul li p{font-size:15px;} #vision .scon05 .mark{padding:0 0 50px;} #vision .scon05 .mark .downBtn{padding-top:30px;} #vision .scon05 .mark .downBtn a{display:block; width:80%; margin:0 auto 10px; background-position:93% center;} #vision .scon05 .type ul li{width:calc(50% - 15px);} #vision .scon05 .type ul li:nth-child(2n){margin-right:0;} #vision .scon05 .type ul li:nth-child(n+3){margin-top:20px;} /* 연구소 소개 - 규정 */ #regulation .scon .box dl dd span, #regulation .scon .box dl dd p{font-size:16px;} /* 연구소 소개 - 오시는 길 */ #map .scon01 .mapBox{height:400px;} #map .scon01 .info ul li dl dt{font-size:20px;} #map .scon02 .img p{padding:10px 15px; font-size:13px;} /* 연구분야 - 원자력정책센터 */ #control .scon01 .box ul li{float:none; width:100%; height:auto; padding:30px 10px; margin:0 0 20px 0;} #control .scon01 .box ul li div{top:0; transform:none;} #control .scon01 .box ul li div img{max-width:60px; margin-bottom:20px;} #control .scon01 .box ul li div dl{text-align:left;} #control .scon01 .box ul li div dl dt{font-size:18px; margin-bottom:10px;} #control .scon02 .txt span{font-size:20px;} #control .scon02 .txt p{font-size:15px;} #control .scon04 .box:after{top:140px;} #control .scon04 .box .circle{width:160px; height:160px;} #control .scon04 .box .circle > div .tit img{max-width:60px;} #control .scon04 .box .circle > div .tit p{padding-top:10px; font-size:16px;} /*일반현황*/ #general .scon03 .vision{width:auto; height:auto; min-height:400px; background-size:contain;} #general .scon03 .vision .logoBox img{max-width:120px;} #map .scon02 .info ul li .icon, #map .scon02 .info ul li dl{display:block;} #map .scon02 .info ul li{height:auto; padding:30px;} #map .scon02 .info ul li > div{top:0; transform:none;} #map .scon02 .info ul li .icon{width:70px; height:70px; margin-bottom:15px; background-size:45%;} #map .scon02 .info ul li dl{width:auto; padding-left:0;} #map .scon02 .info ul li dl dt{margin-bottom:10px; font-size:18px;} #map .scon02 .info ul li dl dd{font-size:15px;} /* 연구소 소개 - 규정 */ #regulation .tabMenu01 {padding-top:30px; } #regulation .tabMenu01 ul li{width:calc(33.333333333% - 4px); margin-right:5px; } #regulation .tabMenu01 ul li button{height:85px; font-size:14px; padding:0 10px; border-radius:20px; box-sizing:border-box;} } @media screen and (max-width:480px){ .br480{display:block;} /*header*/ header .logo > a img{/*width:150px;*/} /*메인비주얼*/ #mainVisual .mvTit{} #mainVisual .mvTit p{font-size:15px} #mainVisual .mvTit h2{font-size:32px} /*메인컨텐츠*/ .mcTit h3{font-size:30px;} .mcTit p{font-size:16px;} #mcon01 ul li p{font-size:15px;} #quickCon .box .right ul li{padding:30px;} #quickCon .box .right ul li > div dl dt{font-size:26px;} #quickCon .box .right ul li > div dl dd{font-size:15px;} #mcon02 .top{height:640px;} #mcon02 .top .BtnG a{margin-right:10px;} #mcon02 .top .BtnG span{width:174px;} #mcon02 .top .BtnG a:last-child{margin: 0 auto;} #mcon02 .top .BtnG a{font-size:14px;} #mcon02 .top .BtnG a:first-child span{padding-top:12px;} #mcon02 .bottom ul li > div img{max-width:100px;} #mcon03 ul li .txt{width:calc(100% - 30px);} /*footer*/ footer .newsL .newsBox .tit p{font-size:22px;} footer .newsL .newsBox .tit p > em{display:block; margin-top:5px;} footer .newsL .newsBox .email .box{width:calc(100% - 100px - 3px); height:50px;} footer .newsL .newsBox .email button{width:100px; height:50px;} footer .top .menu ul li:last-child{margin-right:0;} footer .bottom .logo img{width:120px;} footer .bottom .info ul.list01 li span{font-size:14px;} /*서브비주얼*/ #sv .svTit{top:52%;} #sv .svTit h2{font-size:45px;} /* #sv .svTit p{font-size:24px;}*/ .move_wrap .txt_box p{font-size:28px; line-height: 1.5;} /*일반현황*/ #general .scon01 ul li.list01 .txt > .box{padding:20px 0;} #general .scon01 ul li.list01 .txt > .box span{font-size:16px;} #general .scon01 ul li.list01 .txt > .box p{font-size:35px;} #general .scon02 .history ul li dl dt{font-size:28px;} #general .scon04 .mark .downBtn a{width:80%; margin:0 auto 10px;} #general .scon04 ul li img{max-width:70%;} #general .scon04 .color_info ul li .img{margin-bottom:15px;} /* 연구소소개 - 조직도*/ #organ .scon01 .orgBox .list{font-size:15px;} /* 연구분여 - 미래기술연구부*/ #future .scon01 .txt {padding: 20px 0 30px; font-size: 20px;} #future .scon02 .tabCon .con dl{margin-bottom:40px;} #future .scon02 .tabCon .con dl dt{font-size:22px;} #future .scon02 .tabCon .con dl dt > span{font-size:15px;} #future .scon02 .tabCon .con dl dd{font-size:15px;} /* 연구분야 - 핵통제연구부 */ #nuclear .sconTit h3{font-size:22px;} #nuclear .scon01 .box .img .circle{width:360px; height:360px;} #nuclear .scon01 .box .img .circle > div > p{font-size:24px;} #nuclear .scon01 .box .txt dl+dl{margin-top:30px;} #nuclear .scon01 .box .txt dl dt{margin-bottom:5px; font-size:18px; background-position:left 5px;} #nuclear .scon01 .box .txt dl dt > span{font-size:16px;} #nuclear .scon .list_icon{font-size:15px;} /* 연구분야 - 원자력정책센터 */ #control .scon01 .box ul li div dl{text-align:center;} #control .scon01 .box ul li div dl dt br{display:block;} #control .scon03 .box .img{height:360px; background-size:auto 360px;} #control .scon03 .box .img dl dt{font-size:24px;} #control .scon03 .box .img dl dd{font-size:14px;} #control .scon05 .box .top{width:120px; height:120px;} #control .scon05 .box .top > span{font-size:20px;} #control .scon05 .box .mid:before{width:calc(100% - 172px);} #control .scon05 .box .mid ul li{width:130px; font-size:15px;} /* 고객참여 - 고객의소리 */ #cusutomer .scon .tit h4{font-size:20px; } #cusutomer .scon01 .box{padding:30px 20px;} #cusutomer .scon01 .box .tit h4{padding-left:30px; background-size:auto 22px;} #cusutomer .scon01 .box .tit p{font-size:15px;} #cusutomer .scon01 .box .write{padding-bottom:15px;} #cusutomer .scon01 .box .write ul li input[type="text"], #cusutomer .scon01 .box .write ul li textarea{font-size:14px;} } @media screen and (max-width:420px){ }