@charset "utf-8";
.cd-image-replace{display:none;}
/*메인공통*/
body > .wrap{min-width:1400px;}
#header{min-width:1400px;}
#header a.btn_link:focus{border:2px solid #000 !important;}
/*fullpage*/
#section0{padding-top:101px;}
#section1{background:url(/images/nMain/main/section1_bg.jpg) no-repeat center center; background-size:100% 100%; padding-top:15px;}
#section2{background:#f7f9f9; padding-top:15px;}
#section3{height:auto !important; padding:0;}
.section{background-size:cover;}
.slide{background-size:cover;}
#infoMenu li a{color:#fff;}
/*왼쪽 타이틀*/
.lf_wrap dl{display:flex; height:100%; border-radius:8px; background:#fff;}
.lf_wrap dt{overflow:hidden; position:relative; width:105px; padding:20px; color:#115259; border-radius:8px; background-color:#bbe2e8; box-sizing:border-box; font-size:18px;}
.lf_wrap dt h2{font-weight:400;font-size:18px;}
.lf_wrap dt:after{content:""; position:absolute; bottom:0; right:0; width:68px; height:58px; background:url(/images/nMain/main/idx_tit.png) bottom -27px right -3px no-repeat; box-sizing:border-box;}
.lf_wrap dd{width:calc(100% - 105px); padding:20px; box-sizing:border-box;}
.lf_wrap:LAST-CHILD dd{padding:10px;}
.lf_wrap:LAST-CHILD dd > div{width:460px; height:205px;}
.lf_wrap:LAST-CHILD dd > div > .wc{width:460px; height:205px;}
.lf_wrap .lf_more a{overflow:hidden; display:block; margin-top:15px; width:20px; height:20px; text-indent:-9999px; border-radius:50%; background:url(/images/nMain/main/icon_base.png) -30px -240px #fff;}
.lf_wrap .lf_more a:hover, .lf_wrap .lf_more a:focus, .lf_wrap .lf_more a:active{background-position-y:-270px; background-color:#14545b;}
.lf_wrap .lf_grn{color:#fff; background:#1b818c; font-size:18px;}
.lf_wrap .lf_grn h2{font-weight:300;color:#fff; background:#1b818c; font-size:18px;}
.lf_wrap .lf_grn:after{background-position:top 4px right -3px;}
.lf_wrap .bnnr_cnt{display:inline-block; margin-top:15px; padding:2px 10px 3px 10px; font-size:16px; border-radius:20px; background:#14545b; box-sizing:border-box;}
.lf_wrap .bnnr_cnt .bnnr_i{font-weight:700; color:#fde090;}
/*검색*/
.idx_srch{position:relative;}
.idx_srch label{position:absolute;font-size:0;width:0;height:0;text-indent:-9999px;}
.idx_srch input{display:block; width:100%; height:45px; margin-bottom:20px; padding:10px 65px 10px 20px; font-size:15px; border:2px solid #1b818c; border-radius:25px; background:#fff; box-sizing:border-box; font-family:NotoSansKR;}
.idx_srch input::placeholder{font-size:16px; color:#8ba3a6;}
.idx_srch input::-webkit-input-placeholde, .idx_srch input:-ms-input-placeholder, .idx_srch input:-mos-input-placeholder{font-size:16px; color:#8ba3a6;}
.idx_srch input:focus{/*outline:none; border:2px solid #fc1;*/}
.idx_srch input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #FFF inset;}
.idx_srch a{overflow:hidden; position:absolute; top:17px; right:20px; display:block; width:23px; height:23px; text-indent:-9999px; background:url('/images/nMain/main/search_icon_h.png') no-repeat;}
/*수출부적합정보*/
.idx_brd{position:relative; padding:0; border-radius:8px; background:#fff; box-sizing:border-box;}
.idx_brd .brd_list li{margin-bottom:10px;}
.idx_brd .brd_list li:last-of-type{margin-bottom:0;}
.idx_brd .brd_list li a{display:block;}
.idx_brd .brd_list li a:hover span, .idx_brd li a:focus span, .idx_brd li a:active span{font-weight:400;}
.idx_brd .brd_date{display:inline-block; width:80px; margin-left:5px; color:#868c8d; vertical-align:top;}
.idx_brd .brd_more{position:absolute; top:20px; right:20px;}
.idx_brd .brd_more a{overflow:hidden; display:block; width:35px; height:35px; text-indent:-9999px;}
.idx_brd .brd_more a:hover, .idx_brd .brd_more a:focus, .idx_brd .brd_more a:active{background-position-y:-270px;}
.idx_brd .exp_info{position:relative; display:block; width:100%; margin-top:10px; padding:10px 15px 10px 106px; background:#fbfbfb; border-radius:5px; box-sizing:border-box;}
.idx_brd .exp_info img{position:absolute; top:6px; left:10px; width:86px; height:68px;}
.idx_brd .exp_info .exp_txt{font-size:14px; height:60px; overflow:hidden; line-height:1.4;}
.idx_brd .exp_info .exp_txt p{overflow:hidden; color:#646b6c; text-overflow:ellipsis; /*display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;*/}
.idx_brd .exp_info .exp_txt span{position:relative; display:block; color:#868c8d; margin-top:5px;}
.idx_brd .exp_info .exp_txt span:before{content:""; display:inline-block; width:15px; height:15px; margin-right:6px; vertical-align:middle; background:url('/images/nMain/main/icon_base.png') 0 -300px}
/*아이콘*/
.idx_icon{display:flex;}
.idx_icon li{position:relative; width:calc(100% / 6);}
.idx_icon li:after{content:""; position:absolute; top:14px; right:0; width:1px; height:60px; background:#b4d6da;}
.idx_icon li:last-of-type:after{display:none;}
.idx_icon li a{position:relative; display:block; font-size:15px; color:#363c3d; text-align:center; line-height:1.4;}
.idx_icon li a:before{content:""; display:block; width:88px; height:88px; margin:0 auto 10px auto; border-radius:50%; background-color:#fff;}
.idx_icon li a:after{content:""; position:absolute; top:0; left:50%; width:88px; height:88px; margin-left:-44px; background:url('/images/nMain/main/idx_icon.png');}
.idx_icon li a:hover:before, .idx_icon li a:focus:before, .idx_icon li a:active:before{background-color:#fde090;}
.idx_icon li:nth-of-type(2) a:after{background-position-y:-90px;}
.idx_icon li:nth-of-type(3) a:after{background-position-y:-180px;}
.idx_icon li:nth-of-type(4) a:after{background-position-y:-270px;}
.idx_icon li:nth-of-type(5) a:after{background-position-y:-360px;}
.idx_icon li:nth-of-type(6) a:after{background-position-y:-450px;}
/*소식*/
.idx_blt{position:relative; margin:30px 0; text-align:center;}
.idx_blt:before{content:""; position:absolute; top:11px; left:0; width:100%; height:1px; background:#bbe2e8;}
.idx_blt span{position:relative; padding:0 35px; font-size:17px; color:#1b818c; background-color:#f6fbfb;}
.idx_blt span:before, .idx_blt span:after{content:""; position:absolute; top:0; left:0; width:30px; height:26px; background:url('/images/nMain/main/icon_base.png') -30px -297px;}
.idx_blt span:after{left:auto; right:0; transform:rotate(180deg);}
/*동향정보*/
.idx_pht li{display:inline-block; width:calc(50% - 10px); margin-right:15px; vertical-align:top;}
.idx_pht li:last-of-type{margin-right:0;}
.idx_pht li a{display:block; max-width:210px;}
.idx_pht .pht_img{position:relative; font-size:14px; color:#fff;}
.idx_pht .pht_img img{display:block; width:100%; max-width:210px; height:158px;}
.idx_pht .pht_img span{position:absolute; bottom:0; right:0; padding:5px 8px; background:rgba(46,49,49,.7); box-sizing:border-box;}
.idx_pht .pht_tit{overflow:hidden; display:block; position:relative; margin-top:9px; font-size:15px; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.idx_pht .pht_tit:before{content:""; display:inline-block; width:3px; height:11px; margin-right:8px; background:#fde090;}
.idx_pht li a:hover .pht_img span, .idx_pht li a:focus .pht_img span, .idx_pht li a:active .pht_img span{font-weight:400;}
/*식품안전동향*/
.lf_wrap.lf_word h4{line-height:1.4;}
.wc{width:440px; height:180px;}
.wc > g > a > .wcText1{text-anchor:middle; font-size:50px; font-weight:500; cursor:pointer;}
.wc > g > a > .wcText2{text-anchor:middle; font-size:40px; font-weight:500; cursor:pointer;}
.wc > g > a > .wcText3{text-anchor:middle; font-size:30px; font-weight:500; cursor:pointer;}
.wc > g > a > .wcText4{text-anchor:middle; font-size:20px; font-weight:500; cursor:pointer;}
.wc > g > a > .wcText5{text-anchor:middle; font-size:13px; font-weight:700; cursor:pointer;}
.wc > g > a:nth-child(10n+1) > text{fill:#1F77B4;}
.wc > g > a:nth-child(10n+2) > text{fill:#C85207;}
.wc > g > a:nth-child(10n+3) > text{fill:#2C882D;}
.wc > g > a:nth-child(10n+4) > text{fill:#D62728;}
.wc > g > a:nth-child(10n+5) > text{fill:#945FC1;}
.wc > g > a:nth-child(10n+6) > text{fill:#8C564B;}
.wc > g > a:nth-child(10n+7) > text{fill:#D72999;}
.wc > g > a:nth-child(10n+8) > text{fill:#797676;}
.wc > g > a:nth-child(10n+9) > text{fill:#807918;}
.wc > g > a:nth-child(10n+10) > text{fill:#0A8299;}
/*하단링크배너*/
.idx_site{display:flex; border-radius:8px; background:#fff; box-sizing:border-box;}
.idx_site li{width:calc(100% / 6);}
.idx_site li a{position:relative; display:block; padding:20px 0; font-size:14px; text-align:center;}
.idx_site li a:before{content:""; display:inline-block; width:20px; height:20px; margin-right:8px; vertical-align:text-bottom; background:url('/images/nMain/main/icon_base.png') 0 -390px;}
.idx_site li a:after{content:""; position:absolute; top:20px; right:0; width:1px; height:20px; background:#b4d6da;}
.idx_site li:last-of-type a:after{display:none;}
.idx_site li:nth-of-type(2) a:before{width:43px; background-position-y:-420px;}
.idx_site li:nth-of-type(3) a:before{width:16px; background-position-y:-450px;}
.idx_site li:nth-of-type(4) a:before{background-position-y:-480px;}
.idx_site li:nth-of-type(5) a:before{width:46px; background-position-y:-510px;}
.idx_site li:nth-of-type(6) a:before{width:47px; background-position-y:-540px;}
.idx_site li:nth-of-type(2) a span{position:absolute; text-indent:-9999px; font-size:0;}
/*IE*/
_:-ms-fullscreen, .idx_wrap{color:#555;}
/*레이어팝업1*/
.main_layerbig{width:auto !important;}
.mainpop{display:none; position:absolute; z-index:11;}
.mainpop > div{position:relative;}
.mainpop .layer a{display:flex;}
.mainpop .popup_link_01{display:flex; position:relative; width:100%; height:35px; align-items:center; justify-content:center; background:#345; color:#FFF;}
.mainpop .popup_link_01:hover{background:#245; font-weight:500;}
.mainpop .popup_link_01:after{content:""; position:absolute; bottom:0; width:95%; height:1px; background:#b5b5b5; z-index:2;}
.mainpop .todayClose{position:absolute; left:0; width:60%; height:35px; border:0; background:#345; color:#FFF; text-align:center; font-family:'NotoSansKR'; font-weight:400; font-size:14px; cursor:pointer;}
.mainpop .todayClose:hover{background:#245; font-weight:500;}
.mainpop .todayClose:after{content:""; position:absolute; top:5px; left:100%; width:1px; height:25px; background:#FFF; z-index:2;}
.mainpop .popupClose{position:absolute; left:60%; width:calc(40% - 20px); height:35px; padding-right:calc(15% - 20px); border:0; background:#345; color:#FFF; text-align:right; font-family:'NotoSansKR'; font-weight:400; font-size:14px; cursor:pointer;}
.mainpop .popupClose:hover{background:#245; font-weight:500;}
.mainpop .popupClose:before{content:""; position:absolute; top:0; right:-20px; border-top:20px solid #345; width:20px;}
.mainpop .popupClose:after{content:""; position:absolute; bottom:0; right:-20px; border-top:15px solid #345; border-right:20px solid rgba(0, 0, 0, 0.0);}
/*레이어팝업2*/
.main_layerbig2{width:auto !important;}
.mainpop2{display:none; position:absolute; z-index:12;}
.mainpop2 > div{position:relative;}
.mainpop2 .layer a{display:flex;}
.mainpop2 .popup_link_02{display:flex; position:relative; width:100%; height:35px; align-items:center; justify-content:center; background:#345; color:#FFF;}
.mainpop2 .popup_link_02:hover{background:#245; font-weight:500;}
.mainpop2 .popup_link_02:after{content:""; position:absolute; bottom:0; width:95%; height:1px; background:#b5b5b5; z-index:2;}
.mainpop2 .todayClose{position:absolute; left:0; width:60%; height:35px; border:0; background:#345; color:#FFF; text-align:center; font-family:'NotoSansKR'; font-weight:400; font-size:14px; cursor:pointer;}
.mainpop2 .todayClose:hover{background:#245; font-weight:500;}
.mainpop2 .todayClose:after{content:""; position:absolute; top:5px; left:100%; width:1px; height:25px; background:#FFF; z-index:2;}
.mainpop2 .popupClose{position:absolute; left:60%; width:calc(40% - 20px); height:35px; padding-right:calc(15% - 20px); border:0; background:#345; color:#FFF; text-align:right; font-family:'NotoSansKR'; font-weight:400; font-size:14px; cursor:pointer;}
.mainpop2 .popupClose:hover{background:#245; font-weight:500;}
.mainpop2 .popupClose:before{content:""; position:absolute; top:0; right:-20px; border-top:20px solid #345; width:20px;}
.mainpop2 .popupClose:after{content:""; position:absolute; bottom:0; right:-20px; border-top:15px solid #345; border-right:20px solid rgba(0, 0, 0, 0.0);}
/*레이어팝업3*/
.main_layerbig3{width:auto !important;}
.mainpop3{display:none; position:absolute; z-index:13;}
.mainpop3 > div{position:relative;}
.mainpop3 .layer a{display:flex;}
.mainpop3 .popup_link_03{display:flex; position:relative; width:100%; height:35px; align-items:center; justify-content:center; background:#345; color:#FFF;}
.mainpop3 .popup_link_03:hover{background:#245; font-weight:500;}
.mainpop3 .popup_link_03:after{content:""; position:absolute; bottom:0; width:95%; height:1px; background:#b5b5b5; z-index:2;}
.mainpop3 .todayClose{position:absolute; left:0; width:60%; height:35px; border:0; background:#345; color:#FFF; text-align:center; font-family:'NotoSansKR'; font-weight:400; font-size:14px; cursor:pointer;}
.mainpop3 .todayClose:hover{background:#245; font-weight:500;}
.mainpop3 .todayClose:after{content:""; position:absolute; top:5px; left:100%; width:1px; height:25px; background:#FFF; z-index:2;}
.mainpop3 .popupClose{position:absolute; left:60%; width:calc(40% - 20px); height:35px; padding-right:calc(15% - 20px); border:0; background:#345; color:#FFF; text-align:right; font-family:'NotoSansKR'; font-weight:400; font-size:14px; cursor:pointer;}
.mainpop3 .popupClose:hover{background:#245; font-weight:500;}
.mainpop3 .popupClose:before{content:""; position:absolute; top:0; right:-20px; border-top:20px solid #345; width:20px;}
.mainpop3 .popupClose:after{content:""; position:absolute; bottom:0; right:-20px; border-top:15px solid #345; border-right:20px solid rgba(0, 0, 0, 0.0);}
/*레이어팝업4*/
.main_layerbig4{width:auto !important;}
.mainpop4{display:none; position:absolute; z-index:13;}
.mainpop4 > div{position:relative;}
.mainpop4 .layer a{display:flex;}
.mainpop4 .popup_link_04{display:flex; position:relative; width:100%; height:35px; align-items:center; justify-content:center; background:#345; color:#FFF;}
.mainpop4 .popup_link_04:hover{background:#245; font-weight:500;}
.mainpop4 .popup_link_04:after{content:""; position:absolute; bottom:0; width:95%; height:1px; background:#b5b5b5; z-index:2;}
.mainpop4 .todayClose{position:absolute; left:0; width:60%; height:35px; border:0; background:#345; color:#FFF; text-align:center; font-family:'NotoSansKR'; font-weight:400; font-size:14px; cursor:pointer;}
.mainpop4 .todayClose:hover{background:#245; font-weight:500;}
.mainpop4 .todayClose:after{content:""; position:absolute; top:5px; left:100%; width:1px; height:25px; background:#FFF; z-index:2;}
.mainpop4 .popupClose{position:absolute; left:60%; width:calc(40% - 20px); height:35px; padding-right:calc(15% - 20px); border:0; background:#345; color:#FFF; text-align:right; font-family:'NotoSansKR'; font-weight:400; font-size:14px; cursor:pointer;}
.mainpop4 .popupClose:hover{background:#245; font-weight:500;}
.mainpop4 .popupClose:before{content:""; position:absolute; top:0; right:-20px; border-top:20px solid #345; width:20px;}
.mainpop4 .popupClose:after{content:""; position:absolute; bottom:0; right:-20px; border-top:15px solid #345; border-right:20px solid rgba(0, 0, 0, 0.0);}
/*#공통*/
.idx_wrap{}
.idx_wrap .inner{min-width:1400px;}
.idx_cont{display:flex; flex-wrap:wrap;}
.idx_cont .idx_brd{width:calc(50% - 10px); margin-bottom:30px;}
.idx_cont .idx_brd:nth-child(even){width:calc(50% - 20px); margin-left:30px;}
.idx_cont .idx_brd:nth-child(5){width:100%;}
/*#section1*/
/*page title*/
#section1 .section_tit{margin:20px 0;}
#section1 .section_tit h2{color:#fff; font-size:35px; font-family:NanumSquare; font-weight:800; display:inline-block; margin-right:15px; position:relative;}
#section1 .section_tit h2::after{content:''; background-color:#22b8c8; width:12px; height:12px; border-radius:12px; display:block; position:absolute; top:-10px; left:-10px;}
#section1 .section_tit span{color:#fff; font-size:24px; font-family:NanumSquare; font-weight:600; display:inline-block;}
/*#section1*/
#section1 .idx_brd{background:none;}
.main_visual{width:100%; height:100vh; margin-top:-101px;}
.main_visual .swiper{width:100%; height:100%;}
.main_visual .swiper-slide{text-align:center; font-size:18px; background:#fff; display:flex; justify-content:center; align-items:center;}
.main_visual .swiper-slide img{display:block; width:100%; height:100%; object-fit:cover;}
.main_visual .swiper-slide .inner{position:absolute; top:260px; left:0; right:0; width:1400px; text-align:left;animation:mymove 2s infinite;animation-iteration-count:1;}
.main_visual .swiper-slide .inner span{display:block; font-size:28px; color:#fff; line-height:34px; font-weight:600; margin-bottom:20px; text-shadow:2px 2px 5px #000;}
.main_visual .swiper-slide .inner strong{display:block; font-size:50px; color:#fff; font-family:NanumSquare; font-weight:600; text-shadow:5px 5px 5px #000;}
.main_visual .swiper-slide:nth-child(1) .inner{position:absolute; top:260px; left:0; right:0; width:1400px; text-align:left;animation:mymove 2s infinite;animation-iteration-count:1;}
.main_visual .swiper-slide:nth-child(2) .inner{position:absolute; top:260px; left:0; right:0; width:1400px; text-align:left;animation:mymove 2s infinite;animation-iteration-count:1;}
.main_visual .swiper-slide:nth-child(3) .inner{position:absolute; top:260px; left:0; right:0; width:1400px; text-align:left;animation:mymove 2s infinite;animation-iteration-count:1;}

@keyframes mymove{
	from{left:33%; opacity:0;}
	to{left:0%; opacity:1;}
}

.visual_menu{position:absolute; bottom:150px; width:100%; z-index:100;}
.visual_menu ul{display:flex;}
.visual_menu ul li{width:100%; margin-right:40px;}
.visual_menu ul li a{position:relative; width:100%; height:90px; border-radius:5px; background-color:rgba(0, 0, 0, 0.1); backdrop-filter:blur(15px); display:block; text-align:center; padding-top:150px;}
.visual_menu ul li a::before{content:''; position:absolute; top:50px; left:0; display:block; width:100%; height:78px; background:url('/images/nMain/main/visual_icon2.png') no-repeat center 0;}
.visual_menu ul li:nth-child(2) a::before{background-position-y:-78px;}
.visual_menu ul li:nth-child(3) a::before{background-position-y:-156px;}
.visual_menu ul li:nth-child(4) a::before{background-position-y:-234px;}
.visual_menu ul li:nth-child(5) a::before{background-position-y:-312px;}
.visual_menu ul li:nth-child(6) a::before{background-position-y:-390px;}
.visual_menu ul li:nth-child(6){margin-right:0;}
.visual_menu ul li span{display:block; font-size:17px; color:#5cefff; font-family:NanumSquare; line-height:28px; font-weight:600; width:100%;}
.visual_menu ul li strong{display:block; font-size:21px; color:#fff; font-family:NanumSquare; line-height:28px; font-weight:600; margin-top:3px; width:100%;}
.swiper-control{position:absolute; bottom:8%; left:0; z-index:150; width:100%; height:auto}
.swiper-control .inner{position:relative; margin:0 auto;}
.swiper-control .swiper-pagination span{width:9px; height:9px; background-color:#fff; opacity:1; margin-right:40px !important; position:relative;}
.swiper-control .swiper-pagination span.swiper-pagination-bullet-active{width:9px; height:9px; background-color:#22b8c8; opacity:1;}
.swiper-control .swiper-pagination span.swiper-pagination-bullet-active:before{content:''; width:29px; height:29px; border:1px solid #22b8c8; display:block; border-radius:60px; position:absolute; top:-11px; left:-11px;}
.swiper-control .pause{border:0; text-indent:-999px; width:100px; height:100px; position:absolute; bottom:0; left:0; z-index:200; display:block; background:url('/images/nMain/main/swiper-icon.png') no-repeat center 0; background-position-y:-54px; width:27px; height:27px; left:250px; top:-30px; cursor:pointer;}
.swiper-control .play{border:0; text-indent:-999px; width:100px; height:100px; position:absolute; bottom:0; left:0; z-index:200; display:block; background:url('/images/nMain/main/swiper-icon.png') no-repeat center 0; background-position-y:-81px; width:27px; height:27px; left:250px; top:-30px; display:none;}
.swiper-control .swiper-pagination-bullets.swiper-pagination-horizontal{width:auto !important;}
.swiper-control .swiper-button-next{background:url('/images/nMain/main/swiper-icon.png') no-repeat center 0; background-position-y:-27px; width:27px; height:27px; left:200px; right:auto; top:-8px;}
.swiper-control .swiper-button-prev{background:url('/images/nMain/main/swiper-icon.png') no-repeat center 0; width:27px; height:27px; left:160px; right:auto; top:-8px;}
.swiper-control .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display:none;}
.swiper-control .swiper-button-next:after{display:none;}
.main_visual .scrollDown{position:absolute;bottom:40px;left:48%;z-index:10;}
.main_visual .scrollDown .border{position:relative;width:80px;height:1px;background:#fff;transform:rotate(90deg);}
.main_visual .scrollDown .border span{display:inline-block;position:absolute;width:8px;height:8px;border-radius:100%;top:50%;left:0;background:#fff; transform:translateY(-50%);}
.main_visual .scrollDown p{font-size:10px; color:#fff; margin-top:-70px; text-align:center; font-weight:bold; letter-spacing:2px;}
.moveYani{transition:left .5s ease; -webkit-transition:left .5s ease; animation:moveYani 5s infinite ease-in-out;}
.visual_menu ul li a:hover:before{animation:basic 0.2s 1 alternate-reverse}

@keyframes basic{
	0%{transform:translateY(0)}
	100%{transform:translateY(5px)}
}

/*국내외 일일정보, 오늘의 생활정보 게시판*/
.main_board{width:calc(100% - 60px); background-color:rgba(255,255,255,0.1); border-radius:5px; padding:30px;}
.main_board h3{font-weight:800; color:#fff; font-size:24px; font-family:NanumSquare; margin-bottom:20px;}
.main_board ul li{margin-bottom:14px;}
.main_board ul li a{display:flex; justify-content:space-between;}
.main_board ul li p{font-weight:100; color:#fff; font-size:16px; width:calc(100% - 120px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.main_board ul li span{color:#fff; font-size:14px; font-family:Verdana;}
.main_board ul li:nth-child(1){display:flex; margin-bottom:25px;}
.main_board ul li:nth-child(1) span{order:1; display:block; margin-right:20px; width:72px; height:72px; border-radius:5px; background-color:#40686c; color:#fff; text-align:center; font-size:13px;}
.main_board ul li:nth-child(1) strong{display:block; margin-top:11px; font-size:28px; font-family:NanumSquare; font-weight:800;}
.main_board ul li:nth-child(1) p{order:2; font-size:17px; color:#5cefff; font-family:NanumSquare; line-height:28px; font-weight:600; margin-top:8px; width:calc(100% - 80px); height:60px; white-space:pre-wrap; overflow:hidden; text-overflow:ellipsis; word-break:break-word; box-sizing:border-box; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main_board ul li:nth-child(1) a{width:100%;}
.main_board ul li:nth-child(4){margin-bottom:0;}
.main_board .more_btn{position:absolute; width:12px; height:12px; display:block; text-indent:-999px; font-size:0; top:39px; right:40px;}
.main_board .more_btn::before{content:''; position:absolute; top:5px; right:0; background:#fff; height:2px; width:12px; display:block;}
.main_board .more_btn::after{content:''; position:absolute; top:0; right:5px; background:#fff; width:2px; height:12px; display:block;}
/*보고서/간행물*/
.main_report{width:calc(100% - 60px); background-color:rgba(255,255,255,0.1); border-radius:5px; padding:30px;}
.main_report h3{font-weight:800; color:#fff; font-size:24px; font-family:NanumSquare; margin-bottom:15px;}
.main_report .more_btn{position:absolute; width:12px; height:12px; display:block; text-indent:-999px; font-size:0; top:39px; right:40px;}
.main_report .more_btn::before{content:''; position:absolute; top:5px; right:0; background:#fff; height:2px; width:12px; display:block;}
.main_report .more_btn::after{content:''; position:absolute; top:0; right:5px; background:#fff; width:2px; height:12px; display:block;}
.main_report ul li{display:flex; margin-bottom:10px;}
.main_report ul li a{display:flex; width:100%;}
.main_report ul li a strong{display:inline-block; margin-top:0; line-height:27px; font-size:14px; color:#fff; font-weight:800; width:110px; height:27px; text-align:center; background-color:rgb(255,255,255,0.15); border-radius:30px; margin-right:10px;}
.main_report ul li p{font-weight:100; color:#fff; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; width:calc(100% - 120px); line-height:25px;}
.main_report ul li:nth-child(1){margin-bottom:16px;}
.main_report ul li:nth-child(1) .report_img{width:80px; height:108px; border-radius:5px; margin-right:20px;}
.main_report ul li:nth-child(1) .info{width:calc(100% - 76px);}
.main_report ul li:nth-child(1) .info a{display:block; margin-bottom:10px;}
.main_report ul li:nth-child(1) .info strong{display:inline-block; margin-top:0; line-height:27px; font-size:14px; font-family:NotoSansKR; color:#fff; width:110px; height:27px; text-align:center; background-color:#284c4f; border-radius:30px; margin-right:10px;}
.main_report ul li:nth-child(1) .info span{margin-bottom:2px; font-size:17px; color:#5cefff; font-family:NanumSquare; font-weight:600; width:calc(100% - 135px); vertical-align:middle; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.main_report ul li:nth-child(1) p{font-weight:100; color:#fff; font-size:14px; height:44px; width:100%; line-height:21px; white-space:pre-wrap; overflow:hidden; text-overflow:ellipsis; word-break:break-word; box-sizing:border-box; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main_report ul li:nth-child(3){margin-bottom:0;}
/*카드뉴스*/
.main_card{}
.main_card{width:calc(100% - 60px); background-color:rgba(255,255,255,0.1); border-radius:5px; padding:30px;}
.main_card h3{font-weight:800; color:#fff; font-size:24px; font-family:NanumSquare; margin-bottom:15px;}
.main_card .more_btn{position:absolute; width:12px; height:12px; display:block; text-indent:-999px; font-size:0; top:39px; right:40px;}
.main_card .more_btn::before{content:''; position:absolute; top:5px; right:0; background:#fff; height:2px; width:12px; display:block;}
.main_card .more_btn::after{content:''; position:absolute; top:0; right:5px; background:#fff; width:2px; height:12px; display:block;}
.main_card ul{display:flex; justify-content:space-between;}
.main_card ul li{}
.main_card ul li:nth-child(3){}
.main_card ul li .card_img{width:187px; height:187px;}
.main_card ul li a{width:187px; height:187px; position:relative; display:block; background:#fff; box-sizing:border-box;}
.main_card ul li a .info{position:absolute; background-color:rgb(0,0,0,0.7); width:167px; height:36px; left:0; bottom:0; padding:10px;}
.main_card ul li a .info strong{display:block; margin-bottom:10px; font-size:15px; color:#fff; font-weight:500; height:36px; white-space:pre-wrap; overflow:hidden; text-overflow:ellipsis; word-break:break-word; box-sizing:border-box; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main_card ul li a:focus{border:2px dotted #000 !important;}
/*주요서비스*/
.main_quick{display:flex;}
.main_quick .quick_title{color:#fff; font-size:22px; font-family:NanumSquare; font-weight:800; text-align:right; width:calc(100% - 1248px); padding-top:20px; margin-right:30px;}
.main_quick .quick_title span{color:#5cefff; display:block;}
.main_quick .quick_list{width:100%; background-color:rgba(255,255,255,0.1); border-radius:5px;}
.main_quick .quick_list ul{display:flex; justify-content:space-between; height:100%; align-items:stretch;}
.main_quick .quick_list ul li{border-right:1px solid rgba(255,255,255,0.1); text-align:center; width:16.6%;}
.main_quick .quick_list ul li a{padding-top:100px; padding-bottom:20px; display:flex; height:calc(100% - 120px); text-align:center; justify-content:center; align-items:center;}
.main_quick .quick_list .quick_icon1::before{content:""; position:absolute; top:20px; width:63px; height:62px; background:url(/images/nMain/main/quick_ico.png) no-repeat;}
.main_quick .quick_list .quick_icon2::before{content:""; position:absolute; top:38px; width:88px; height:28px; background:url(/images/nMain/main/quick_ico.png) no-repeat; background-position:0 -162px;}
.main_quick .quick_list .quick_icon3::before{content:""; position:absolute; top:35px; width:145px; height:30px; background:url(/images/nMain/main/quick_ico.png) no-repeat; background-position:0 -57px; background-size:100%;}
.main_quick .quick_list .quick_icon4::before{content:""; position:absolute; top:20px; width:65px; height:66px; background:url(/images/nMain/main/quick_ico.png) no-repeat; background-position:0 -96px;}
.main_quick .quick_list .quick_icon5::before{content:""; position:absolute; top:20px; width:65px; height:66px; background:url(/images/nMain/main/quick_ico.png) no-repeat; background-position:-95px -95px;}
.main_quick .quick_list .quick_icon6::before{content:""; position:absolute; top:22px; width:72px; height:59px; background:url(/images/nMain/main/quick_ico.png) no-repeat; background-position:-88px 0;}
.main_quick .quick_list .quick_icon7::before{content:""; position:absolute; top:33px; width:102px; height:42px; background:url(/images/nMain/main/quick_ico.png) no-repeat; background-position:0 -189px;}
.main_quick .quick_list .quick_icon8::before{content:""; position:absolute; top:40px; width:150px; height:45px; background:url(/images/nMain/main/quick_ico08.png) no-repeat; background-size:100%;}
.main_quick .quick_list ul li:nth-last-child(1){border:0;}
.main_quick .quick_list ul li a span{color:#fff; font-size:15px; text-align:center;}
.main_quick .more_btn{background:url('/images/nMain/main/quick_more_btn.png') no-repeat center 0; width:81px; height:52px; display:block; font-size:0; position:absolute; bottom:10px; left:53px; cursor:unset;}
/*#section2*/
#section2 .idx_brd{background:none; margin-bottom:55px;}
#section2 .idx_cont .idx_brd:nth-child(even){width:calc(50% - 30px); margin-left:60px;}
/*page title*/
#section2 .section_tit{margin:20px 0 40px 0;}
#section2 .section_tit h2{color:#000; font-size:35px; font-family:NanumSquare; font-weight:800; display:inline-block; margin-right:15px; position:relative;}
#section2 .section_tit h2::after{content:''; background-color:#22b8c8; width:12px; height:12px; border-radius:12px; display:block; position:absolute; top:-10px; left:-10px;}
#section2 .section_tit span{color:#000; font-size:24px; font-family:NanumSquare; font-weight:600; display:inline-block;}
/*게시판-공지사항*/
.notice{border:10px solid #e7f9fb; padding:40px; background-color:#fff; height:100%; position:relative; height:252px;}
.notice::before{content:''; background:url('/images/nMain/main/idx_brd_icon2.png') no-repeat -8px 0; width:33px; height:33px; display:block; position:absolute; top:36px;}
.brd_tab{position:relative; width:calc(100% - 50px); height:auto; padding-left:50px;}
.brd_tab > li{float:left; margin-right:40px;}
.brd_tab > li button{position:relative; display:inline-block; padding:0 1px 7px 0; font-family:NanumSquare; font-size:21px; font-weight:400; color:#666; letter-spacing:-1.5px; border:none; background:none; cursor:pointer; z-index:9;}
.brd_tab > li button::after{content:''; position:absolute; width:1px; height:15px; background-color:#d9d9d9; transform:rotate(-155deg); top:3px; right:-21px;}
.brd_tab > li:nth-child(4) button:after{display:none;}
.brd_tab > li:nth-child(5){margin-bottom:0;}
.brd_tab > li button:hover, .brd_tab > li button:focus, .brd_tab > li button:active{font-weight:700; color:#1b818c;}
.brd_tab > li > div{display:none; position:absolute; top:60px; left:0; width:100%;}
.brd_tab .brd_list li{margin-bottom:20px; position:relative; padding-left:15px;}
.brd_tab .brd_list li::before{content:''; position:absolute; top:7px; left:0; background:#005a64; height:4px; width:4px; display:block; border-radius:5px;}
.brd_tab .brd_more{background:#e6f8fa; width:35px; height:35px; border-radius:3px; position:absolute; top:-67px; right:0; text-indent:-9999px;}
.brd_tab .brd_more a::before{content:''; position:absolute; top:16px; right:11px; background:#005a64; height:2px; width:12px; display:block;}
.brd_tab .brd_more a::after{content:''; position:absolute; top:11px; right:16px; background:#005a64; width:2px; height:12px; display:block;}
.idx_brd .brd_tit{position:relative; overflow:hidden; padding-right:20px; display:inline-block; width:calc(100% - 100px); color:#363636; font-size:18px; vertical-align:top; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.idx_brd .brd_tit span{display:inline-block; min-width:100px; height:23px; margin-right:8px; font-size:14px; text-align:center; line-height:23px; border-radius:20px;}
.idx_brd .brd_tit .brd_exp{background:#1b818c; color:#fff;}
.idx_brd .brd_tit .brd_pol{background:#bbe2e8; color:#115259;}
.idx_brd .brd_tit .brd_res{background:#ffeebf; color:rgb(163, 107, 12);}
.idx_brd .brd_list > li > a{display:flex; justify-content:space-between;}
.idx_brd{flex:1 1 40%;}
/*게시판_on*/
.brd_tab > li.on button{font-weight:800; color:#000; font-size:24px;}
.brd_tab > li.on div{display:block;}
.brd_tab .brd_tit .brd_new{width:20px; height:20px; line-height:20px; min-width:0; font-weight:500; color:#fff; background:#f36a5d; border-radius:0;}
/*기관동향*/
.movement{}
.movement span.tit{display:block; font-weight:800; color:#000; font-size:24px; font-family:NanumSquare; padding-left:45px; margin-bottom:15px;}
.movement span.tit::before{content:''; background:url('/images/nMain/main/idx_brd_icon2.png') no-repeat -8px -43px; width:33px; height:33px; display:block; position:absolute; top:-5px; left:0;}
.movement .bnnr_cntr{position:absolute; top:0; right:31px; font-size:14px; color:#222; font-family:Tahoma;}
.movement .idx_move .bnnr_cntr span{display:inline-block;}
.movement .idx_move .bnnr_cntr a{overflow:hidden; display:inline-block; width:28px; height:28px; text-indent:-9999px; background:url('/images/nMain/main/banner_ctr.png') no-repeat;}
.movement .idx_move .bnnr_cntr .next a{background-position-x:-93px;}
.movement .idx_move .bnnr_cntr .stop a{background-position-x:-30px; background-position-y:0 !important;}
.movement .lf_more{position:absolute; top:0; right:0; background:url('/images/nMain/main/banner_ctr.png') no-repeat; background-position-x:-124px; text-indent:-9999px; width:28px; height:28px;}
.movement .lf_more a{display:block; width:28px; height:28px;}
.movement ul li a{border:1px solid #dde8e9; border-radius:5px; display:block; background:#fff; height:306px;}
.movement ul li a .pht_img{width:313px; height:220px;}
.movement ul li a span.pht_tit{overflow:hidden; color:#000; font-size:18px; font-weight:500; display:block; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.movement ul li a span.date{font-size:16px; color:#444; font-family:Tahoma; display:block;}
.movement .pht_info{padding:20px;}
.movement .lf_more a:focus{border:2px dotted #000 !important;}
/*알림배너 */
.banner{}
.banner h3{font-weight:800; color:#000; font-size:24px; font-family:NanumSquare; padding-left:45px; margin-bottom:23px;}
.banner h3::before{content:''; background:url('/images/nMain/main/idx_brd_icon2.png') no-repeat -8px -86px; width:33px; height:33px; display:block; position:absolute; top:-5px; left:0;}
.banner .bxslider > li > a { display:block; }
.banner .bxslider > li > a:focus {border:2px dotted #000 !important;}   
.banner img{display:block; width:668px; height:340px; border:1px solid #dde8e9; border-radius:5px;}
.banner .bnnr_cnt{position:absolute; top:5px; right:110px; font-size:14px; color:#d9d9d9; font-family:Tahoma;}
.banner .bnnr_cnt span{margin:0 5px; color:#222;}
.banner .bnnr_cnt .bnnr_i{font-weight:bold;}
.banner .bnnr_cntr{position:absolute; top:20px; right:20px; font-size:14px; color:#222; font-family:Tahoma;}
.banner .idx_bnnr .bnnr_cntr span{display:inline-block;}
.banner .idx_bnnr .bnnr_cntr div{display:inline-block;}
.banner .idx_bnnr .bnnr_cntr a{overflow:hidden; display:inline-block; width:28px; height:28px; text-indent:-9999px; background:url('/images/nMain/main/banner_ctr.png') no-repeat;}
.banner .idx_bnnr .bnnr_cntr .next a{background-position-x:-93px;}
.banner .idx_bnnr .bnnr_cntr .bx-stop{background-position-x:-30px; background-position-y:0 !important;}
.banner .idx_bnnr .bnnr_cntr .bx-start{background-position-x:-63px; background-position-y:0 !important;}
/*정책브리핑*/
.briefing{}
.briefing iframe{width:668px; height:350px; border:0;}
.briefing h3{font-weight:800; color:#000; font-size:24px; font-family:NanumSquare; padding-left:45px; margin-bottom:15px;}
.briefing h3::before{content:''; background:url('/images/nMain/main/idx_brd_icon2.png') no-repeat -8px -129px; width:33px; height:33px; display:block; position:absolute; top:-5px; left:0;}
.briefing .bnnr_cntr{position:absolute; top:0; right:31px; font-size:14px; color:#222; font-family:Tahoma;}
.briefing .idx_brie .bnnr_cntr span{display:inline-block;}
.briefing .idx_brie .bnnr_cntr a{overflow:hidden; display:inline-block; width:28px; height:28px; text-indent:-9999px; background:url('/images/nMain/main/banner_ctr.png') no-repeat;}
.briefing .idx_brie .bnnr_cntr .next a{background-position-x:-93px;}
.briefing .idx_brie .bnnr_cntr .stop a{background-position-x:-30px; background-position-y:0 !important;}
.briefing .lf_more{position:absolute; top:0; right:0; background:url('/images/nMain/main/banner_ctr.png') no-repeat; background-position-x:-124px; text-indent:-9999px; width:28px; height:28px;}
.briefing ul li{}
.briefing ul li a{border:1px solid #dde8e9; border-radius:5px; display:block; background:#fff; padding:20px; height:248px;}
.briefing ul li a strong{color:#016975; font-size:14px; background-color:#e7f9fb; border-radius:100px; padding:5px 12px; display:inline-block; margin:19px 0;}
.briefing ul li a span.tit{color:#000; font-size:18px; font-weight:bold; display:block; margin-bottom:20px; height:42px; overflow:hidden; text-overflow:ellipsis; word-break:break-word; box-sizing:border-box; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.briefing ul li a p{color:#444; font-weight:300; font-size:15px; margin-bottom:15px; height:53px; overflow:hidden; text-overflow:ellipsis; word-break:break-word; box-sizing:border-box; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.briefing ul li a span.date{font-size:14px; color:#444; font-family:Tahoma; display:block; text-align:right;}
/*가로 1920px 이하 가로 스크롤*/
@media screen and (max-width:1400px){
	body{overflow-x:scroll !important;}
	#fp-nav{display:none;}
}
/*세로*/
@media (max-height:909px){
	body.fp-viewing-1 .section{padding-top:10px;}
	body.fp-viewing-2 .section{padding-top:10px;}
	.main_visual .swiper-slide .inner{top:20%;}
	body{overflow-y:scroll !important;}
	body #section0, body #section1, body #section2{height:auto !important;}
}
/*keyframes*/
@keyframes moveYani{
	0%{left:0;}
	50%{left:95%;}
	100%{left:0;}
}