/* @import url("/font/notosans.css"); @font-face { font-family: 'IBMPlexSansKR'; src: url('/font/IBMPlexSansKR-Regular.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'IBMPlexSansKR'; src: url('/font/IBMPlexSansKR-Medium.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'IBMPlexSansKR'; src: url('/font/IBMPlexSansKR-Light.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 'IBMPlexSansKR'; src: url('/font/IBMPlexSansKR-Bold.woff') format('woff'); font-weight: 600; font-style: normal; } */ body.indx{ margin:0; padding:0; min-width:1650px; height:100%; } /* 인트로_2021 */ #wrapper.intro_wrapper{position: relative; overflow: hidden;} #wrapper.intro_wrapper * {box-sizing: border-box; } #wrapper.intro_wrapper .bg{ width: 100%; height: 960px; background: #232323 url(/images/main_2021/intro_bg.jpg) center top no-repeat; position: absolute; top: 0; left: 0;} #wrapper.intro_wrapper .h_top{height: 110px; width: 100%; min-width: 1200px; border: 1px solid rgba(255, 255, 255, 0.45); position: relative;} #wrapper.intro_wrapper .h_top > div{width: 1200px; margin: 0 auto; position: relative;} #wrapper.intro_wrapper .h_top > div h1{width: 180px; height: 50px; margin-top: 25px;;} #wrapper.intro_wrapper .h_top > div #intro{display: inline-block; position: absolute; right: 0; top: 34px;;} #wrapper.intro_wrapper .h_top > div #intro a{color: #fff; font-size: 28px; line-height:36px; font-weight: bold; display: inline-block; padding: 0 20px; position: relative;} #wrapper.intro_wrapper .h_top > div #intro a:hover{color: #fff000; } #wrapper.intro_wrapper .h_top > div #intro a + a::after{content: ""; display: block; width: 1px; height: 20px;background: url(/images/main_2021/intro_icon_2021.png) -180px 0 no-repeat; position: absolute; left: 0; top: 12px; } #wrapper.intro_wrapper .line{position: absolute; top: 110px; left: 0; text-align: center; width: 100%;} #wrapper.intro_wrapper .line div{width: 1200px; position: relative; display:inline-flex; justify-content:space-between;} #wrapper.intro_wrapper .line span{display: block; width: 1px; height: 590px; background-color: rgba(255, 255, 255, 0.45); } #wrapper.intro_wrapper .line span:nth-of-type(1),.line span:nth-of-type(2),.line span:nth-of-type(4),.line span:nth-of-type(6){height: 850px; } #wrapper.intro_wrapper .title{font-size: 60px;color: #fff; width: 100%;max-width: 1200px; margin: 0px auto; font-weight: 600; line-height: 1.4; text-align: center; height: 590px; padding-top: 205px; position: relative; } #wrapper.intro_wrapper .title span{display: block; font-size:22px;font-weight: 400;} #wrapper.intro_wrapper .h_bot{height: 260px; width: 100%; min-width: 1200px;margin: 0 auto; background-color: rgba(14, 21, 28, 0.7); position: relative; } #wrapper.intro_wrapper .h_bot a{color: #fff; font-size: 26px; font-weight: 400;display: block; } #wrapper.intro_wrapper .h_bot > div{width: 1200px; margin: 0 auto; position: relative; } #wrapper.intro_wrapper .h_bot > div .main{width: 240px; float: left;} #wrapper.intro_wrapper .h_bot > div .main::before{content: ""; display: block; width: 50px; height: 60px;background: url(/images/main_2021/intro_icon_2021.png) 0 -100px no-repeat;margin: 50px auto 36px; } #wrapper.intro_wrapper .h_bot > div a.main { font-size: 28px;text-align: center;height: 260px; } #wrapper.intro_wrapper .h_bot > div ul{width: 960px; padding-top: 30px; float: right; } #wrapper.intro_wrapper .h_bot > div ul li{width: 50%; float: left;} #wrapper.intro_wrapper .h_bot > div ul li a{height: 90px; padding-top: 30px; position: relative; padding-left: 130px;} #wrapper.intro_wrapper .h_bot > div ul li a:hover{color:#fff000;} #wrapper.intro_wrapper .h_bot > div ul li a::before{content: ""; display: inline-block; width: 60px; height: 50px;background: url(/images/main_2021/intro_icon_2021.png) 0 -50px no-repeat; position: absolute; left: 40px; top: 15px; } #wrapper.intro_wrapper .h_bot > div ul li:nth-of-type(2) a::before{background-position: -60px -50px;} #wrapper.intro_wrapper .h_bot > div ul li:nth-of-type(3) a::before{background-position: -120px -50px;} #wrapper.intro_wrapper .h_bot > div ul li:nth-of-type(4) a::before{background-position: -180px -50px;} #wrapper.intro_wrapper h1{display:inline-block; width:180px; height:50px;} /* 인트로_2021 */ /* 인트로_2026 */ #wrapper.intro_wrapper_2026{position: relative; overflow: hidden;height: 875px;} #wrapper.intro_wrapper_2026 * {box-sizing: border-box; } #wrapper.intro_wrapper_2026 .bg{ width: 100%; height:875px; background: #232323 url(/images/main/intro_bg_2026.jpg) center top no-repeat; background-position:center;position: absolute; top: 0; left: 0;} #wrapper.intro_wrapper_2026 .h_top{height: 110px; width: 100%; min-width: 1200px; position: relative;} #wrapper.intro_wrapper_2026 .h_top .h_center{width: 1200px; margin: 0 auto; position: relative;} #wrapper.intro_wrapper_2026 .h_top .utilmenu{position:absolute;right:115px;top:12px;border-radius:30px;padding:3px 18px;} #wrapper.intro_wrapper_2026 .h_top .utilmenu li{display:inline-block} #wrapper.intro_wrapper_2026 .h_top .utilmenu a{position:relative;z-index:1;color:#fff;font-size:11px;font-weight:bold;margin:0 3px;} #wrapper.intro_wrapper_2026 .h_top .utilmenu ul:after{content: "";background-color:rgb(0, 0, 0, 0.5);width:100%;height:100%;top:0;left:0;display:inline-block;position:absolute;border-radius:14px; } #wrapper.intro_wrapper_2026 .h_top .h_center h1{margin-top:50px; margin-left:-230px; position:absolute;text-align:center} #wrapper.intro_wrapper_2026 .h_top .h_center #intro{display: inline-block;width:100%;text-align:center;margin-top:80px;} #wrapper.intro_wrapper_2026 .h_top .h_center #intro a{color: #fff; font-size: 30px; line-height:36px; font-weight: bold; text-shadow:2px 2px 3px black; display: inline-block; padding: 0 13px; position: relative; letter-spacing:-1px} #wrapper.intro_wrapper_2026 .h_top .h_center #intro a:hover{color: #fff; } #wrapper.intro_wrapper_2026 .h_top .h_center .bn_cancer{position:absolute;top:175px;left:-192px;} #wrapper.intro_wrapper_2026 .h_bot{height: 260px; width: 100%; min-width: 1200px;margin: 0 auto; margin-top:538px; /*background-color: rgba(14, 21, 28, 0.7);*/ position: relative; } #wrapper.intro_wrapper_2026 .h_bot a{color: #fff; font-size: 24px; font-weight: 400;display: block; } #wrapper.intro_wrapper_2026 .h_bot .h_center{width: 1000px; margin: 0 auto; position: relative; } #wrapper.intro_wrapper_2026 .h_bot .h_center .main{width: 240px; float: left;} #wrapper.intro_wrapper_2026 .h_bot .h_center .main::before{content: ""; display: block; width: 50px; height: 60px;background: url(/images/main_2021/intro_icon_2021.png) 0 -100px no-repeat;margin: 50px auto 36px; } #wrapper.intro_wrapper_2026 .h_bot .h_center a.main { font-size: 28px;text-align: center;height: 260px; } #wrapper.intro_wrapper_2026 .h_bot .h_center ul{ } #wrapper.intro_wrapper_2026 .h_bot .h_center ul li{position:relative; width: 22%; margin:0 1.5%; float: left; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);border-radius:14px;} #wrapper.intro_wrapper_2026 .h_bot .h_center ul li a{position:relative; z-index:1;display:block; text-align:center; width:100%; height: 173px; font-size:38px;padding-top:61px; line-height:1.3; letter-spacing:-2px; font-weight:600;border-radius:14px; } #wrapper.intro_wrapper_2026 .h_bot .h_center ul li a:hover, #wrapper.intro_wrapper_2026 .h_bot .h_center ul li a:focus{background-color:rgb(0, 0, 0, 0.1);} #wrapper.intro_wrapper_2026 .h_bot .h_center ul li:after{content: "";background-color:rgb(11, 80, 161, 0.9);width:100%;height:100%;top:0;left:0;display:inline-block;position:absolute;border-radius:14px; } #wrapper.intro_wrapper_2026 .h_bot .h_center ul li:nth-of-type(2):after{background-color:rgb(9, 151, 208, 0.9);} #wrapper.intro_wrapper_2026 .h_bot .h_center ul li:nth-of-type(3):after{background-color:rgb(97, 147, 15, 0.9);} #wrapper.intro_wrapper_2026 .h_bot .h_center ul li:nth-of-type(4):after{background-color:rgb(228, 102, 0, 0.9);} #wrapper.intro_wrapper_2026 .h_bot .h_center ul li:nth-of-type(2) a{} #wrapper.intro_wrapper_2026 .h_bot .h_center ul li:nth-of-type(3) a{text-align:left;padding-top:39px;padding-left:28px;} #wrapper.intro_wrapper_2026 .h_bot .h_center ul li:nth-of-type(4) a{text-align:left;padding-top:39px;padding-left:10px;} background-color:rgb(9, 151, 208, 0.9);} #wrapper.intro_wrapper_2026 h1{display:inline-block; width:336px; height:110px;} /* 인트로_2026 */ #sitecopy {display:block;padding:0;background:#000;font-size:13px;color:#fff;height:24px;;padding-top:4px; min-width: 1000px; } #sitecopy .sitecopy{width:1000px; margin:0 auto; text-align:left} #sitecopy.wide{min-width: 1200px;} .section{ display:table; width:100%} .section > div.cell{display:table-cell;vertical-align: middle; padding:60px 0;} /* #section0 > div.cell{height:900px;} #section1 > div.cell{height:810px;} */ .section .layer{width: 1000px; margin: 0 auto;/*font-family: 'Noto Sans';*/ font-size: 25px; letter-spacing: -0.025em; } .section .layer *{box-sizing: border-box;} #section0 {background: url(/images/main_2021/main_bg1.jpg) center bottom no-repeat;} #section0 #header{position: absolute; top: 0; min-width:1000px; width:100%;} #section0 .layer{ margin-top: 132px;} #section0 .top{display: block; margin-bottom: 50px;} #section0 .top::after{content: ""; display: block; clear: both;} #section0 .top .popup{width: 653px !important; overflow:hidden; height: 447px;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15) ; position:relative;float: left; background: #fff} #section0 .top .popup .bx-viewport a{ border: 15px solid #fff; text-align:right;position:relative; display:block} #section0 .top .popup .bx-viewport img{ width: 623px; height: 417px; object-fit: contain; } #section0 .top .popup .bx-controls{position:absolute; top:25px; right:30px} #section0 .top .popup .bx-controls, .bx-controls-auto-item, .bx-pager-item, .bx-controls-auto, .bx-pager{display:inline-block}s .section .bx-pager-item a{display:block;text-indent:-9999px; width:15px; height:15px; border-radius:50%; border:1px solid #666; margin-left:5px; position:relative; top:5px;;} .section .bx-pager-link {color:#FFFFFF;} .main_visual .bx-controls a{display:inline-block;padding:0 2px ;width: 26px; height: 26px;} /*.section .bx-pager-item a.active{color:#14a0c0 !important;}*/ #section0 .top .popup .bx-controls .bx-pager-item .bx-pager-link{background: url(/images/main/pop_nonactive.png) no-repeat 0 11px;} #section0 .top .popup .bx-controls .bx-pager-item .bx-pager-link span{z-index:-1;position:relative;} #section0 .top .popup .bx-controls .bx-pager-item .bx-pager-link.active{background: url(/images/main/pop_active.png) no-repeat 0 11px;} #section0 .bx-controls-auto{margin-right:7px} #section0 .top ul.ban{width: 305px; height: 447px; float: right;} #section0 .top ul.ban li{height: 130px; width: 100%; background-color: #e7242c; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);margin-bottom:29px; border-radius:0 25px 25px 25px} #section0 .top ul.ban li a{ color: #fff; display: block; width: 100%;height: 100%; padding: 30px;position: relative;} #section0 .top ul.ban li a h2{text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25) ; margin-bottom: 13px;font-size: 24px;} #section0 .top ul.ban li a p{font-size: 14px; font-weight:300;} #section0 .top ul.ban li:nth-child(2){background-color: #946F00;} #section0 .top ul.ban li:nth-child(3){background-color:#059250 ;} #section0 .top ul.ban li a::after{content: ""; display: block; width:60px; height: 60px; background: url(/images/main_2021/main_icon_2021.png) 0 -90px no-repeat; position: absolute; top: 33px; right: 15px;} #section0 .top ul.ban li:nth-child(2) a::after{background-position: -60px -90px ;} #section0 .top ul.ban li:nth-child(3) a::after{background-position: -120px -90px ;;} #section0 .bot{ width: 100%; border: 5px solid #d2eeff; display: table; } #section0 .bot li{display: table-cell; text-align: center; min-width: 145px; } #section0 .bot li:nth-child(n+2) a{border-left:1px dashed #ccc ;} #section0 .bot li a{display: block; width: 100%; height:100px; margin: 22px 0;} #section0 .bot li a strong {position: relative;} #section0 .bot li a strong::before {content: ""; display: block; width: 100%; height: 15px; background: #d2eeff; position: absolute; bottom: -5px; right: 0; z-index: 0;} #section0 .bot li a strong span {position: relative; z-index: 10; color: #2a2a2a; font-size: 17px; font-weight: 500;} #section0 .bot li a::before{content: ""; display: block; width:60px; height: 60px; background: url(/images/main_2021/main_icon_2021.png) 0 -30px no-repeat; margin: 0 auto 10px; } #section0 .bot li:nth-child(2) a::before{background-position: -60px -30px ;} #section0 .bot li:nth-child(3) a::before{background-position: -120px -30px ;} #section0 .bot li:nth-child(4) a::before{background-position: -180px -30px ;} #section0 .bot li:nth-child(5) a::before{background-position: -240px -30px ;} #section0 .bot li:nth-child(6) a::before{background-position: -300px -30px ;} #section1{background: url(/images/main_2021/main_bg2.jpg) center no-repeat; background-size: cover;} #section1 .link_list{display:block; width: 100%;} #section1 .link_list::after{content: ""; display: block; clear: both;} #section1 .link_list li{width: 33.33%;float: left;} #section1 .link_list li:nth-child(n+4){border-top: 1px solid #68b9d1;} #section1 .link_list li a{ width: 100%; height: 100%; display: block; color: #000000; line-height: 100px ; font-size: 20px; padding-left: 85px; position: relative;cursor: pointer;} #section1 .link_list li:nth-child(3n+3) a{padding-left: 125px; } #section1 .link_list li a::before{content: ""; display: inline-block; width:55px; height: 55px; background: url(/images/main_2021/main_icon_2021.png) 0 -150px no-repeat #fff; border-radius: 50%; position: absolute; top: 23px; left: 10px; } #section1 .link_list li:nth-child(3n+3) a::before{ left: 50px; } #section1 .link_list li.icon1 a::before{background-position: 0 -150px ;} #section1 .link_list li.icon2 a::before{background-position: -55px -150px ;} #section1 .link_list li.icon3 a::before{background-position: -110px -150px ;} #section1 .link_list li.icon4 a::before{background-position: -165px -150px ;} #section1 .link_list li.icon5 a::before{background-position: -220px -150px ;} #section1 .link_list li.icon6 a::before{background-position: -275px -150px ;} #section1 .link_list li.icon7 a::before{background-position:0px -205px ;} #section1 .link_list li.icon8 a::before{background-position: -55px -205px ;} #section1 .link_list li.icon9 a::before{background-position: -110px -205px ;} #section1 .link_list li.icon10 a::before{background-position: -165px -205px ;} #section1 .link_list li.icon11 a::before{background-position: -220px -205px ;} #section1 .link_list li.icon12 a::before{background-position: -274px -204px ;} #section1 .link_list li.icon13 a::before{background-position:0px -260px ;} #section1 .link_list li.icon14 a::before{background-position: -55px -260px ;} #section1 .link_list li.icon15 a::before{background-position: -110px -260px ;} #section1 .link_list li.icon16 a::before{background-position: -169px -260px ;} #section1 .bot{display:block; margin-top: 40px; margin-bottom:25px;} #section1 .bot::after{content: ""; display: block; clear: both;} #section1 .bot > div{ width: 305px; color: #fff;float: left;} #section1 .bot > div:nth-child(1) > a{display: block;width: 100%; height: 90px; background-color: #1D648E; padding: 24px 0;border: 3px solid #fff; color: #fff; position: relative; padding-left: 84px;} #section1 .bot > div:nth-child(1) > a span{display: block; border-left: 1px solid #94bed1; height: 35px; line-height: 35px;padding-left: 16px; font-size: 19px; ; } #section1 .bot > div:nth-child(1) > a + a{margin-top: 20px;} #section1 .bot > div:nth-child(1) > a::before{content: ""; display: block;width:60px; height: 60px; background: url(/images/main_2021/main_icon_2021.png) -180px -90px no-repeat; position: absolute; left: 20px; top: 10px;} #section1 .bot > div:nth-child(1) > a::after{content: ""; display: block;width:30px; height: 30px; background: url(/images/main_2021/main_icon_2021.png) -300px 0px no-repeat; position: absolute; right: 9px; top: 35px;} #section1 .bot > div:nth-child(1) > a:nth-child(2)::before{background-position:-240px -90px} #section1 .bot > div:nth-child(2){width: 655px; height: 200px; background: url(/images/main_2021/main_bg.png) right bottom no-repeat #1D648E; border: 3px solid #fff; padding: 30px 40px;float: right;} #section1 .bot > div:nth-child(2) h2{ position: relative; width: 260px; font-size: 22px; font-weight: 800; margin-bottom: 15px;} #section1 .bot > div:nth-child(2) h2::after{content: ""; display: inline-block;width:30px; height: 30px; background: url(/images/main_2021/main_icon_2021.png) -300px 0px no-repeat;position: absolute; right: 30px; top:3px; } #section1 .bot > div:nth-child(2) p{line-height: 1.4; font-weight: 300; font-size:21px;} #section1 .bot > div:nth-child(2) a{display: block; background: #fff; color: #16648b; width: 85px; height: 29px; text-align: center; padding-top: 5px; font-size: 15px; font-weight: 400; margin-top: 15px;} #section1 .bot > div:nth-child(2) button{display: block; background: #fff; color: #16648b; width: 92px; height: 29px; text-align: center; font-size: 15px; font-weight: 400; margin-top: 15px;} #section2{background: url(/images/main_2021/main_bg3.jpg) center no-repeat; background-size: cover;} #section2 div.cell{} #section2 .notice .tab_menu li{display: inline-block;} #section2 .notice .tab_menu li a{ font-size: 20px; font-weight: 300; color: #fff;cursor: pointer;} #section2 .notice .tab_menu li a.on{color: #77ddff; font-weight: 600; } #section2 .notice .tab_menu li a.on span{display: inline-block; position: relative;} #section2 .notice .tab_menu li a.on span::after{display:block; content: ""; width: 100%; height: 4px; background-color: #77ddff; position: absolute; bottom: -14px; left: 0;} #section2 .notice .tab_menu li a.on span::before{display:block; content: ""; position: absolute; bottom: -22px; left: 30px;width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #77ddff;} #section2 .notice .tab_menu li:nth-child(n+2)::before{ content: ""; display: inline-block; width: 1px; height: 20px; background: #767c89; margin: 0 40px; position: relative; top: 2px;} #section2 .notice .tab_wrap > div{display: none; position: relative;} #section2 .notice .tab_wrap > div.on{display: block;} #section2 .notice .tab_wrap > div > a{width: 29px; height: 29px;background: url(/images/main_2021/main_icon_2021.png) -270px 0px no-repeat; display: block; position: absolute; right: 0; top: -60px;cursor: pointer;} #section2 .notice .tab_wrap > div ul{display: block; margin-top: 40px; height:302px; } #section2 .notice .tab_wrap > div ul::after{content: ""; display: block; clear: both;} #section2 .notice .tab_wrap > div ul li{width: 305px; background: #fff; position: relative; float: left; margin-left:42px} #section2 .notice .tab_wrap > div ul li:nth-child(3n+1){ margin-left:0px} #section2 .notice .tab_wrap > div ul li:nth-child(n+4){margin-top: 22px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);} #section2 .notice .tab_wrap > div ul li a{padding: 25px; width: 100%;height: 140px; display: block; line-height: 1.4;cursor: pointer;} #section2 .notice .tab_wrap > div ul li a p{font-size: 18px; color: #444444;font-weight: 600; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height:52px; } #section2 .notice .tab_wrap > div ul li a span{font-size: 15px; color: #666666; position: absolute; left: 25px; bottom: 30px; font-weight: 300;} #section2 .notice .tab_wrap > div ul li a button{width: 24px; height: 24px;background: url(/images/main_2021/main_icon_2021.png) -240px 0px no-repeat; display: block; position: absolute; right: 0; bottom: 0px;} #section2 .sns{margin-top: 45px; display: block; position: relative;} #section2 .sns > div{color: #fff;} #section2 .sns > div h2{font-size: 35px; font-weight: 800; margin-bottom: 20px;} #section2 .sns ul::after{content: ""; display: block; clear: both;} #section2 .sns ul li {float:left; width:20%; } #section2 .sns ul li a {display:inline-block; font-size:20px; font-weight:200; color:#FFF; width:180px; margin-right:10px; border:1px solid #FFF; text-align:center; padding:15px 0px;} #section2 .sns ul li a.youtube_s { background:url(/images/main_2021/logo_youtube.png) 35px 15px no-repeat; text-indent:30px; } #section2 .sns ul li a.facebook_s { background:url(/images/main_2021/logo_facebook.png) 30px 10px no-repeat; text-indent:30px; } #section2 .sns ul li a.instagram_s { background:url(/images/main_2021/logo_instagram.png) 20px 10px no-repeat; text-indent:30px; } #section2 .sns ul li a.blog_s { background:url(/images/main_2021/logo_blog.png) 35px 10px no-repeat; text-indent:35px; } #section2 .sns ul li a.tv_s { background:url(/images/main_2021/logo_tv.png) 35px 10px no-repeat; text-indent:35px; } #section2 .photo{margin-top: 45px; display: block; position: relative;} #section2 .photo::after{content: ""; display: block; clear: both;} #section2 .photo > div{ color: #fff;float: left;} #section2 .photo > div h2{font-size: 35px; font-weight: 800; margin-bottom: 20px;} #section2 .photo > div p{font-size: 17px; line-height: 1.4;} #section2 .photo > ul{width: 653px;display: flex; justify-content: space-between } #section2 .photo .bx-wrapper{float: right;} #section2 .photo .list li{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);width: 306px;} #section2 .photo .list li .img{width: 306px; height: 240px; } #section2 .photo .list li .img img{width: 306px; height: 240px; object-fit: cover; } #section2 .photo .list li p{width: 306px; height: 50px; background: #fff; line-height: 50px; overflow: hidden; text-overflow: ellipsis;white-space:nowrap; color: #444; padding: 0 20px;} #section2 .bx-controls{position: absolute; left: 0; top: 100px;} #section2 .bx-controls-direction a{width: 40px; height: 40px; border-radius: 50%; background-color: #fff;display: inline-block;padding-top: 5px; margin-right: 10px;} #section2 .bx-controls-direction a::after{content: ""; width: 30px; height: 30px; background: url(/images/main_2021/main_icon_2021.png) -180px 0px no-repeat; display: block; margin: 0 auto;} #section2 .bx-controls-direction a.bx-next::after{background-position: -210px 0px;} #footer {border-top: 0; padding-bottom: 0 !important;background:#313131;z-index: 1; width: 100%; min-height:110px;min-width: 1000px; } #footer .foot_cont { width: 1000px; padding: 10px 0 35px; font-size: 15px; margin: 0px auto ; color: #a8a8a8; /*font-family: 'Noto Sans'; */} #footer .foot_cont .footer_menu{float: none;} #footer .foot_cont .footer_menu ul li a{color: #a8a8a8;font-size: 15px;padding: 10px 15px 10px 15px; } #footer .foot_cont .footer_menu ul li.important a{color: #44e8f7;} #footer .foot_cont .footer_menu p{margin-top: 5px;} #footer .foot_cont .footer_menu p span{display: inline-block; margin: 0 5px;} #footer .foot_cont .family_site{top: 25px; right:80px; text-align:right; right:0px; top:21px } #footer.intro{padding-bottom: 0px !important;background: #0e1620;min-width: 1200px;} #footer.intro .foot_cont{color: #798ca3 !important; width: 1200px !important;} #footer.intro .footer_menu p:nth-child(1){ padding-top: 20px;} #footer.intro .family_site{top: 30px;} /*2026*/ #footer_2026.intro {border-top: 0; padding-bottom: 0 !important;background:#1c2c51;z-index: 1; width: 100%;min-width: 1200px; } #footer_2026.intro .foot_cont { width: 1200px; position:relative;padding: 38px 0 34px; font-size: 15px; margin: 0px auto ; color: #dfdfdf} #footer_2026.intro .foot_cont .footer_menu{} #footer_2026.intro .foot_cont .footer_menu ul li{float:left} #footer_2026.intro .foot_cont .footer_menu ul li a{color: #dfdfdf;font-size: 18px;font-weight:bold;padding: 0 5px; } #footer_2026.intro .foot_cont .footer_menu ul li:nth-child(1) a{padding-left:0} #footer_2026.intro .foot_cont .footer_menu ul li:after{content: "";display:inline-block;width:5px;height:5px;border-radius:5px;background:#dfdfdf;vertical-align:middle;margin:-4px 5px 0 5px;} #footer_2026.intro .foot_cont .footer_menu ul li:last-child:after{content: "";width:0;height:0} #footer_2026.intro .foot_cont .footer_menu ul li.important a{color: #fcc800;} #footer_2026.intro .foot_cont .footer_menu p{margin-top: 5px;} #footer_2026.intro .foot_cont .footer_menu p span{display: inline-block; margin: 0 5px;} #footer_2026.intro .foot_cont .footer_copyright{font-size:18px;margin-top:40px;line-height:1.5;font-weight:600;} #footer_2026.intro .foot_cont .footer_copyright .text_tel{font-size:24px;margin-bottom:20px;} #footer_2026.intro .foot_cont .footer_copyright .text_copyright{font-weight:normal;font-size:14px;} #footer_2026.intro .foot_cont .family_site{top: 86px; right:0; text-align:right; position:absolute } /*.family_site a{height: 55px; display: inline-block; margin: 0; padding: 0; background: url(/images/main_2021/main_icon_2021.png) no-repeat;}*/ /*.family_site a.foo_icon1{width: 55px;background-position: 0 -315px ;}*/ /*.family_site a.foo_icon2{width: 55px;background-position: -55px -315px ;}*/ /*.family_site a.foo_icon3{width: 55px;background-position: -110px -315px ;}*/ /*.family_site a.foo_icon4{width: 110px;background-position: -165px -315px ;}*/ #myMenu{ position: fixed; right: 0px; top: 50%; transform: translateY(-50%); z-index: 10 ; height: 220px;text-align: right; } #myMenu li{display: block; clear: both;} #myMenu li:nth-child(2) a:before{background-position: -120px 0 ;} #myMenu li:nth-child(3) a:before{background-position: -150px 0 ;} #myMenu a{display: block; width: 40px; height: 40px;margin-top: 10px; background: rgba(0, 0, 0, 0.5); float: right; text-align: center; padding-left: 30px; box-sizing: border-box; position: relative;CURSOR: POINTER;} #myMenu li a::before{ content: ""; display: inline-block; width: 30px; height: 30px;background: url(/images/main_2021/main_icon_2021.png) -90px 0 no-repeat; position: absolute; top: 5px; left: 5px; } #myMenu a span{display: none;/*font-family: 'Noto Sans';*/ font-weight: 400; line-height: 40px;} #myMenu a.active{ width: 120px;background:#fff;color: #555555; font-size: 16px; } #myMenu a.active span{display: inline-block; } #myMenu li:nth-child(1) a.active{background:#0072bc;color: #fff} #myMenu li:nth-child(2) a.active{color: #076485} #myMenu li:nth-child(2) a.active:before{background-position: -30px 0 ;} #myMenu li:nth-child(3) a.active:before{background-position: -60px 0 ;} #myMenu{ display: none;} /* �����ε��� */ .sub_index{ position: relative; left: -7px; } .sub_index .title{padding: 30px 30px 26px 30px; margin-bottom: 15px; } .sub_index .title p:nth-child(1){font-size:29px ; color: #2159b7; font-weight: 900;font-family: 'Noto Sans'; } .sub_index .title p + p{margin-top: 20px; line-height: 1.6;} .sub_index .title.sub1{background: url(/images/main_2021/sub1_bg1.jpg) right top no-repeat #eee; } .sub_index .title.sub2{background: url(/images/main_2024/sub2_bg1.jpg) left top no-repeat #e7e7e7; } .sub_index .title.sub2 p:nth-child(1){color: #222; padding-top: 290px;} .sub_index .title.sub3{background: url(/images/main_2021/sub3_bg1.jpg) right bottom no-repeat #eee; } .sub_index .title.sub3 p:nth-child(1){color: #3f67c6; } .sub_index .title.sub4{background: url(/images/main_2021/sub4_bg1.jpg) right bottom no-repeat #eee; } .sub_index .title.sub4 p:nth-child(1){color: #4f44a6;font-size:24px ; font-weight: 800;line-height: 1.3; } .sub_index .title.sub5{background: url(/images/main_2021/sub5_bg1.jpg) right bottom no-repeat #eee; } .sub_index .title.sub5 p:nth-child(1){color: #3f67c6; } .sub_index .title.sub25{background: url(/images/sub/sub25/sub25_bg.jpg) right bottom no-repeat #eee; } .sub_index .title.sub25 p:nth-child(1){color: #3f67c6; } .sub_index .title.sub30{background: url(/images/sub/sub30/subIndex30_bg.jpg) right top no-repeat #243388; } .sub_index .title.sub30 p{color: #ffffff; } .sub_index .banner{display: flex; justify-content: space-between; margin-bottom: 15px;} /* 국가암관리사업본부 개편 */ .sub_index .main_banner{background:#e3e7ea;padding:20px 20px 6px 20px;} .sub_index .main_banner div{position:relative;width:350px;margin-right:14px;display:inline-block;margin-bottom: 14px; line-height:1.5;background:#fff;} .sub_index .main_banner div a{display:block;padding:30px 20px;} .sub_index .main_banner div strong{position:relative;font-size:15px;margin-bottom:5px;padding-right:15px;} .sub_index .main_banner div strong:after{display:block;content:''; top:3px;right:0;width:5px;height:10px;position:absolute;background:url(../images/sub/sub30/subIndex30_icon.gif) no-repeat;background-position:-200px 0} .sub_index .main_banner div p{color:#666;margin-top:5px;} .sub_index .main_banner div:nth-child(even){margin-right:0} .sub_index .main_banner div:after{display:block;content:''; top:23px;right:19px;width:34px;height:34px;position:absolute;background:url(../images/sub/sub30/subIndex30_icon.gif) no-repeat;} .sub_index .main_banner div.bn02:after{background-position:-50px 0} .sub_index .main_banner div.bn03:after{background-position:-100px 0} .sub_index .main_banner div.bn04:after{background-position:-150px 0} .sub_index .main_banner div.bn05:after, .sub_index .main_banner div.bn06:after{background:none;} .subIndex30_vision {overflow:hidden;border:1px solid #ccc;text-align:center;} .subIndex30_vision .bn01{padding:25px 0;line-height:1.5;border-bottom:1px solid #ccc; } .subIndex30_vision .bn01 strong{font-size:16px;color:#0072bc;} .subIndex30_vision .bn02 li{width:33.2%;float:left;border-right:1px inset #ccc;height:172px;line-height:1.5;padding:24px 0} .subIndex30_vision .bn02 li:last-child{width:33.3%;border-right:0} .subIndex30_vision .bn02 li strong{position:relative;display:block;font-size:16px;padding:32px 0} .subIndex30_vision .bn02 li strong:before{display:block;content:''; top:0;left:47%;width:24px;height:24px;position:absolute;background:url(../images/sub/sub30/subIndex30_icon.gif) no-repeat;background-position:-5px -53px;} .subIndex30_vision .bn02 li strong:after{display:block;content:''; top:71px;left:48%;width:18px;height:1px;position:absolute;background:#ccc} .subIndex30_vision .bn02 li.bn02_02 strong:before{background-position:-54px -53px } .subIndex30_vision .bn02 li.bn02_03 strong:before{background-position:-104px -53px } .subIndex30.link_ban a[class^=icon]{position: relative; padding: 20px 0 20px 50px;box-sizing: border-box;} .subIndex30.link_ban a[class^=icon]::before{ content: ""; width: 33px; height: 33px;background: url(/images/sub/sub30/subIndex30_icon.gif) no-repeat; display: block; position: absolute; top: 13px; left: 10px; } .subIndex30.link_ban a[class^=icon]:hover:after{position:absolute;content: ""; width: 99%; height:97%;top:0;left:0;border:1px solid #0072bc;} .subIndex30.link_ban a.icon01::before{background-position: 0 -100px;} .subIndex30.link_ban a.icon02::before{background-position: -50px -100px;} .subIndex30.link_ban a.icon03::before{background-position: -100px -100px;} .subIndex30.link_ban a.icon04::before{background-position: -150px -100px;} .subIndex30.link_ban a.icon05::before{background-position: 0 -150px;} .subIndex30.link_ban a.icon06::before{background-position: -50px -150px;} .subIndex30.link_ban a.icon07::before{background-position: -100px -150px;} .subIndex30.link_ban a.icon08::before{background-position: -150px -150px;} .subIndex30.link_ban a.icon09::before{background-position: 0 -200px;} .subIndex30.link_ban a.icon10::before{background-position: -50px -200px;} .subIndex30.link_ban a.icon11::before{background-position: -100px -200px;} .subIndex30.link_ban a.icon12::before{background-position: -150px -200px;} .subIndex30.link_ban a.icon13::before{background-position: 0 -250px;} .subIndex30.link_ban a.icon14::before{background-position: -50px -250px;} .subIndex30.link_ban a.icon15::before{background-position: -100px -250px;} .subIndex30.link_ban a.icon16::before{background-position: -150px -250px;} .sub_index_title{background:#747474; color:#fff; padding:7px 0px 7px 15px; border:1px solid #747474; font-weight:bold;} .sub_index .link_ban{margin-top:-1px} .sub_index .link_ban td.line2 a{padding-top:11px;padding-bottom:11px;} .group_left li{width:140px !important;border-top:1px solid #ffdec5 !important;padding:9px 0 !important;} .organization_wrap .sub_group3 {display:flex;flex-direction:row;margin-bottom:40px;position:relative;} .sub_index .text_ban{display: inline-flex; flex-wrap: wrap; width:237px; align-content: space-between; } .sub_index .link_ban + .link_ban{margin-top: 20px;} .sub_index .text_ban li{width: 100%; display: table; background: #eeeeee; border: 1px solid #dbdbdb; box-sizing:border-box} .sub_index .text_ban li a{display: table-cell; height: 65px; vertical-align: middle; padding: 0 14px;/*font-family: 'Noto Sans';*/ font-size: 14px;font-weight: 400; color: #222222;} .sub_index .text_ban li:nth-child(2) a{color: #025a88;} .sub_index .text_ban li:nth-child(3) a{color: #06762b;} .sub_index .link_ban {display: table; width: 100%;} .sub_index .link_ban th{background-color: #747474; color: #fff; text-align: left; padding:7px 0 7px 15px;border: 1px solid#747474 ;} .sub_index .link_ban td{border: 1px solid #ddd; font-weight: bold; } .sub_index .link_ban td a{display: block; width: 100%; padding: 10px 0px 10px 10px;box-sizing: border-box;} .sub_index .link_ban td .bule{color: #0272ac;} .sub_index .link_ban tr.bg td{background: #f7f7f7;} .sub_index .link_ban a.img_bn{position:relative;padding:13px 0px 13px 10px} .sub_index .link_ban a.img_bn:hover::after{content:'';position:absolute;width:99%;height:56px;border:1px solid #0072bc;display:block;top:0;left:0} .sub_index .link_ban a[class^=b_icon]{position: relative; padding: 20px 0 20px 50px;box-sizing: border-box;} .sub_index .link_ban a[class^=b_icon]::before{ content: ""; width: 32px; height: 30px;background: url(/images/main_2021/sub_index.png) 0 -190px no-repeat; display: block; position: absolute; top: 13px; left: 10px; } .sub_index .link_ban a[class^=b_icon]:hover:after{position:absolute;content: ""; width: 99%; height:97%;top:0;left:0;border:1px solid #0072bc;} .sub_index .link_ban a.b_icon1::before{background-position: 0 -190px ;} .sub_index .link_ban a.b_icon2::before{background-position: -35px -190px ;} .sub_index .link_ban a.b_icon3::before{background-position: -70px -190px ;} .sub_index .link_ban a.b_icon4::before{background-position: -105px -190px ;} .sub_index .link_ban a.b_icon5::before{background-position:-140px -190px ;} .sub_index .link_ban a.b_icon6::before{background-position: -175px -190px ;} .sub_index .link_ban a.b_icon7::before{background-position: -210px -190px ;} .sub_index .link_ban a.b_icon8::before {background-position: 0 -220px ;} .sub_index .link_ban a.b_icon9::before {background-position: -35px -220px ;} .sub_index .link_ban a.b_icon10::before{background-position: -70px -220px ;} .sub_index .link_ban a.b_icon11::before{background-position: -105px -220px ;} .sub_index .link_ban a.b_icon12::before{background-position: -140px -220px ;} .sub_index .link_ban a.b_icon13::before{background-position: -175px -220px ;} .sub_index .link_ban a.b_icon14::before{background-position: -210px -220px ;} .sub_index .link_ban a.b_icon15::before{background-position: 0 -250px ;} .sub_index .link_ban a.b_icon16::before{background-position: 0 -60px ;} .sub_index .link_ban a.b_icon17::before{background-position: -35px -60px ;} .sub_index .link_ban a.b_icon18::before{background-position: -70px -60px ;} .sub_index .link_ban a.b_icon19::before{background-position: -105px -60px ;} .sub_index .link_ban a.b_icon20::before{background-position: -140px -60px ;} .sub_index .link_ban a.b_icon21::before{background-position: 0 -90px ;} .sub_index .link_ban a.b_icon22::before{background-position: -35px -90px ;} .sub_index .link_ban a.b_icon23::before{background-position: -70px -90px ;} .sub_index .link_ban a.b_icon24::before{background-position: -105px -90px ;} .sub_index .link_ban a.b_icon26::before{background-position: -140px -90px ;} .sub_index .link_ban a.b_icon27::before{background-position: -35px -250px ;} .sub_index .link_ban a.b_icon28::before{background-position: -70px -250px ;} .sub_index .link_ban a.b_icon29::before{background-position: -105px -250px ;} .sub_index .link_ban a.b_icon30::before{ background: url('/images/sub/sub03/res_img.png') -170px -160px ;} .sub_index .link_ban a.b_icon19,.sub_index .link_ban a.b_icon20,.sub_index .link_ban a.b_icon21,.sub_index .link_ban a.b_icon22{ padding: 13px 0 13px 50px;} .sub_index .link_ban a.b_icon25{width: 100%; height: 100%;background: url(/images/main_2021/sub_index.png) 0 -135px no-repeat; } .sub_index .link_ban a.b_icon25::before{display: none;} .sub_index .link_ban .pdl20{padding-left: 20px;} .sub_index .link_ban ul[class^=style]{padding: 10px; display: flex; width: 100%;flex-wrap: wrap;} .sub_index .link_ban ul[class^=style] li{font-weight: normal;position: relative; padding-left: 10px; width: 100%; margin-bottom: 3px;} .sub_index .link_ban ul.style2 li{width: 45%;} .sub_index .link_ban ul.style3 li{width: 32%;} .sub_index .link_ban ul[class^=style] li a{padding: 0;} .sub_index .link_ban ul[class^=style] li::before{content: "-"; display: block; position: absolute; top: 0; left: 0;} .sub_index .bot_ban{_margin-top:15px;} .sub_index .bot_ban::after{content: ""; display: block; clear: both;} .sub_index .bot_ban li{width: 25%; float: left;border: 1px solid #ddd;box-sizing: border-box;} .sub_index .bot_ban li a{text-align: center;font-weight: bold; width: 100%; display: block; height: 90px;;} .sub_index .bot_ban li:nth-child(n+2){border-left: 0;} .sub_index .bot_ban li a::before{content: ""; display: block; background: url(/images/main_2021/sub_index.png) no-repeat; width: 50px; height: 50px; margin: 10px auto 5px;} .sub_index .bot_ban li.icon1 a::before{background-position:0px 0 ;} .sub_index .bot_ban li.icon2 a::before{background-position:-50px 0 ;} .sub_index .bot_ban li.icon3 a::before{background-position:-100px 0 ;} .sub_index .bot_ban li.icon4 a::before{background-position:-150px 0 ;} .sub_index .bot_ban li.icon5 a::before{background-position:-200px 0 ;} .sub_index .bot_ban2 {_margin-top:20px;} .sub_index .bot_ban2::after{content: ""; display: block; clear: both;} .sub_index .bot_ban2 li{width: 50%; float: left;border: 1px solid #ddd;border-bottom:0;box-sizing: border-box;} .sub_index .bot_ban2 li a{text-align: center;font-weight: bold; width: 100%; display: block; padding:10px 0; line-height:40px;} .sub_index .bot_ban2 li a::before{content: "";vertical-align:middle;display:inline-block; background: url(/images/main_2021/sub_index.png) no-repeat; width: 40px; height:42px} .sub_index .bot_ban2 li.icon1 a::before{background-position:-249px -3px;} .sub_index .bot_ban2 li.icon2{border-left:0;} .sub_index .bot_ban2 li.icon2 a::before{background-position:-287px -3px;} .sub_index .info_step{background: url(/images/main_2021/sub4_bg4.jpg) center top no-repeat; border: 3px solid #e7e7e7; box-sizing: border-box; margin-bottom: 20px;} .sub_index .info_step ol{width:84%;margin:0 auto;display: flex; justify-content: space-between;} .sub_index .info_step ol > li{width: 25%;} .sub_index .info_step ol li p{margin-top: 25px; height: 110px;text-align: center;/*font-family: 'Noto Sans';*/ font-size: 15px;} .sub_index .info_step ol li p span{display: block;color:#5059ab } .sub_index .info_step ol li p span+span{color: #232323 !important;font-weight: 600;} .sub_index .info_step ol li p span:nth-child(1){margin: 40px 0 10px;} .sub_index .info_step ol li:nth-child(2) p span{color:#14a0c0 ;} .sub_index .info_step ol li:nth-child(3) p span{color:#00c59f ;} .sub_index .info_step ol li:nth-child(4) p span{color:#0dca8f ;} .sub_index .info_step ol li ul{padding-left: 35px; margin-bottom: 20px;} .sub_index .info_step ol a{ display: block; width: 130px; background: #3a3a3a; color: #fff; font-weight: bold; text-align: center; padding: 5px 0; border-radius: 3px; position: relative; left: 15px;} #quick .quickList li a{ display:inline-block; } /* #quick .quickList li a:hover img { width:61px; height:58px; border:1px solid red; }*/ #quick .quickList li a:hover:before { content: ""; display:inline-block; position:absolute; width:61px; height:58px; border:1px solid #d01219; } #quick .quickList li.ql_btn1 a:hover, #quick .quickList li.ql_btn2 a:hover { border:none; } .si4_ban a{position:relative;} .si4_ban a:hover img{width:372px; height:138px; border:1px solid #FF0000;} .si4_ban2{clear:both;display:table} .si4_ban2 a{position:relative;display:inline-block;float:left;margin:3px 3px 0 0} .si4_ban2 a:nth-child(4n+4){margin:3px 0 0 0;} .si4_ban2 a:hover { text-decoration:none;} .si4_ban2 a:hover:after { content:'';display:inline-block; position:absolute; top:0; left:0; width:185px; height:35px; border:1px solid #ff0000;} .si4_ban2 a:nth-child(4n+4):hover:after { width:186px;} .sub_index3_banner {display:flex;flex-direction:row;margin-bottom:15px;} .sub_index3_banner div{flex: 1 0 auto;position:relative} .sub_index3_banner div a{width:195px;height:150px;padding:25px;display:block;} .sub_index3_banner div a:hover{text-decoration:none;} .sub_index3_banner div a:focus{outline:none;} .sub_index3_banner div.bn1{background:url('../images/main_2024/sub2_icon1.png') no-repeat 160px 115px #e2f7ff;} .sub_index3_banner div.bn1 a:hover:before, .sub_index3_banner div.bn1 a:focus:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border:2px solid #0072bc;box-sizing: border-box;} .sub_index3_banner div.bn2{background:url('../images/main_2024/sub2_icon2.png') no-repeat 160px 115px #e2ffe9;margin:0 10px;} .sub_index3_banner div.bn2 a:hover:before, .sub_index3_banner div.bn2 a:focus:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border:2px solid #109e5c;box-sizing: border-box;} .sub_index3_banner div.bn3{background:url('../images/main_2024/sub2_icon3.png') no-repeat 160px 115px #ffeee2;} .sub_index3_banner div.bn3 a:hover:before, .sub_index3_banner div.bn3 a:focus:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border:2px solid #f66800;box-sizing: border-box;} .sub_index3_banner strong{font-size:24px;font-weight:600;display:block;margin-bottom:10px;color:#000} .sub_index3_banner span{line-height:18px;color:#717171;font-size:13px;} .sub_index2_banner {display:flex;flex-direction:row;margin-bottom:15px;} .sub_index2_banner div{flex: 1 0 auto;position:relative} .sub_index2_banner div a{width:325px;height:80px;padding:25px;display:block;} .sub_index2_banner div a:hover{text-decoration:none;} .sub_index2_banner div a:focus{outline:none;} .sub_index2_banner div.bn1{background:#e2f7ff;} .sub_index2_banner div.bn1 a:hover:before, .sub_index2_banner div.bn1 a:focus:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border:2px solid #0072bc;box-sizing: border-box;} .sub_index2_banner div.bn2{background:#e2ffe9;margin:0 10px;} .sub_index2_banner div.bn2 a:hover:before, .sub_index2_banner div.bn2 a:focus:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border:2px solid #109e5c;box-sizing: border-box;} .sub_index2_banner strong{font-size:18px;font-weight:600;display:block;margin-bottom:8px;color:#000} .sub_index2_banner span{line-height:18px;color:#717171;font-size:13px;} .sub_index.index3 .title{background: url(/images/main_2021/sub2_bg1.jpg) left top no-repeat #e7e7e7;color:#000 } .sub_index.index3 .title .tit{color:#000; padding-top: 272px;} .sub_index.index3 .title .txt1{margin-top:20px !important;} .sub_index.index3 .title .txt2{margin-top:8px !important;}