@charset "utf-8";
 
select{-webkit-appearance: none; -moz-appearance: none;appearance: none; background:url(/images/common/select_arr.png) 93% 50% no-repeat;}
select::-ms-expand {display:none;}

/* 팝업 */
.popup_wrap{position:absolute; left:50%; z-index:1; margin-left:-600px; width:1200px; height:auto;}
.divpop{z-index:700; border:1px solid #444;}
.divpopt{display:none; background:#fff;}
.divpopt p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px; color:#555; font-size:12px;}
.divpopb{position:absolute; bottom:0; overflow:hidden; width:100%; box-sizing:border-box;}
.divpopb div{float:left; padding-left:10px; width:calc(100% - 40px); background:rgba(0, 0, 0, 0.4); line-height:30px; box-sizing:border-box;}
.divpopb div input{margin-right:5px;}
.divpopb div label{color:#fff; font-size:12px;}
.divpopb a{float:right; text-align:center; width:40px; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:12px; line-height:30px;}

.visual{position:relative; overflow:hidden; height:500px; margin:0 auto;}
.visual .bx-wrapper{position:absolute; top:0; left:50%; margin-left:-960px !important;}
.visual .bx-wrapper .bx-viewport{width:1920px !important;}
.visual .bx-wrapper .bx-viewport ul li img{height:500px;}
.visual .bx-wrapper .bx-controls-direction a{width:60px; height:60px; top:50%; margin-top:-30px; z-index:0;}
.visual .bx-wrapper .bx-controls-direction a.bx-prev{left:300px; background:url(/images/main/v_slide_prev.png) 0 0 no-repeat;}
.visual .bx-wrapper .bx-controls-direction a.bx-next{right:300px; background:url(/images/main/v_slide_next.png) 0 0 no-repeat;}
.visual .bx-wrapper .bx-pager{width:100%; text-align:center !important; bottom:40px;}
.visual .bx-wrapper .bx-pager div{vertical-align:middle;}
.visual .bx-wrapper .bx-pager.bx-default-pager a{width:6px; height:6px; background-color:#aaa;}
.visual .bx-wrapper .bx-pager.bx-default-pager a.active{width:10px; height:10px; background-color:#ff9966;}

.section1{background-color:#f5f5f5;}
.section1 .sec_wrap{width:1200px; margin:0 auto; padding:40px 0 37px;}
.section1 .sec_wrap ul:after{display:block; content:""; clear:both;}
.section1 .sec_wrap ul li{float:left; width:200px; text-align:center;}
.section1 .sec_wrap ul li a{display:inline-block; position:relative;}
.section1 .sec_wrap ul li a p{margin-top:17px; font-family:"NS"; font-size:18px; color:#333;}
/*
.section1 .sec_wrap ul li a:hover{
	animation-duration: 0.4s;
	animation-name: ico;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes ico {
  from {top:0;}
  to {top:10px;}
}*/

.section2 .sec_wrap{overflow:hidden; width:1200px; margin:0 auto; padding:58px 0 50px;}
.section2 .sec_wrap > div > p{margin-bottom:34px; font-family:"NSB"; font-size:20px;}
.section2 .sec_wrap > div:last-child > p{margin-bottom:23px;}
.section2 .sec_wrap .notice{position:relative; float:left; width:425px; margin-right:40px;}
.section2 .sec_wrap .notice .first{overflow:hidden; margin-bottom:25px; padding-bottom:24px; border-bottom:1px solid #ddd;}
.section2 .sec_wrap .notice .first .year{position:relative; float:left; width:78px; height:38px; padding:20px 0; border:1px solid #dddddd; text-align:center; color:#5c993d;}
.section2 .sec_wrap .notice .first .year span{display:block; margin-top:8px; font-family:"NBGB"; font-size:18px; font-style:italic;}
.section2 .sec_wrap .notice .first div{float:left; width:325px; margin-left:18px;}
.section2 .sec_wrap .notice .first div a .tit{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:46px; margin:4px 0 14px; font-family:"NBGB"; font-size:16px; text-overflow:ellipsis;/* white-space:nowrap;*/ overflow:hidden;}
.section2 .sec_wrap .notice .first div a .txt{/*display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px;*/white-space:nowrap;  font-size:15px; line-height:22px; overflow:hidden; text-overflow:ellipsis; color:#666;}
.section2 .sec_wrap .notice ul li{overflow:hidden; margin-top:16px;}
.section2 .sec_wrap .notice ul li:first-child{margin-top:0;}
.section2 .sec_wrap .notice ul li a{position:relative; float:left; width:275px; padding-left:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:18px; font-size:16px;}
.section2 .sec_wrap .notice ul li a:before{display:block; content:""; position:absolute; top:6px; left:0; width:4px; height:4px; background-color:#aaa;}
.section2 .sec_wrap .notice ul li span{float:right; color:#888;}
.section2 .sec_wrap .notice span.more{position:absolute; top:2px; right:0; padding-right:15px; background:url(/images/npokorea/main/more_ico.png) 99% 2px no-repeat; font-size:15px; color:#666;}

.section2 .sec_wrap .popup_zone{float:left; width:270px;}
.section2 .sec_wrap .popup_zone .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:auto; top:-44px; right:0; bottom:inherit;}
.section2 .sec_wrap .popup_zone .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{vertical-align:middle;}
.section2 .sec_wrap .popup_zone .bx-wrapper .bx-pager.bx-default-pager a{width:6px; height:6px; background-color:#ccc;}
.section2 .sec_wrap .popup_zone .bx-wrapper .bx-pager.bx-default-pager a.active{width:10px; height:10px; background-color:#ff9966;}
.section2 .sec_wrap .popup_zone .bx-wrapper .bx-viewport{height: 280px;}
.section2 .sec_wrap .popup_zone .bx-wrapper img{max-width: 100%;}

.section3{background:#eee url(/images/npokorea/main/sec3_bg.gif) center center no-repeat;}
.section3 .sec_wrap{position:relative; width:1200px; margin:0 auto; padding:55px 0 60px;}
.section3 .sec_wrap > p{margin-bottom:47px; font-family:"NSB"; font-size:32px; text-align:center;}
.section3 .sec_wrap ul:after{display:block; content:""; clear:both;}
.section3 .sec_wrap ul li{float:left; width:270px; margin-left:40px; box-shadow:0 4px 6px 2px rgba(70, 70, 70, 0.06);}
.section3 .sec_wrap ul li:first-child{margin-left:0;}
.section3 .sec_wrap ul li a{display:block; height:344px; padding:12px 12px 24px; background-color:#fff;}
.section3 .sec_wrap ul li a img{width:246px; height:180px; margin-bottom:25px;}
.section3 .sec_wrap ul li a div{padding:0 8px;}
.section3 .sec_wrap ul li a div p.tit{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; overflow:hidden; text-overflow:ellipsis; margin-bottom:12px; font-family:"NBGB"; font-size:16px; line-height:22px;}
.section3 .sec_wrap ul li a div p.cat{position:relative; margin-bottom:23px; font-family:"NBGB"; font-size:15px; color:#5ea63a;}
.section3 .sec_wrap ul li a div p.cat:after{display:block; content:""; position:absolute; top:7px; left:-20px; width:10px; height:3px; background-color:#5ea63a;}
.section3 .sec_wrap ul li a div p.cat span{float:right; font-family:"NBG"; color:#888;}
.section3 .sec_wrap ul li a div p.txt{height:44px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size:15px; line-height:21px;}
.section3 .sec_wrap span.more{position:absolute; top:68px; right:0; padding-right:15px; background:url(/images/npokorea/main/more_ico.png) 99% 2px no-repeat; font-size:15px; color:#666;}

.section4 .sec_wrap{position:relative; overflow:hidden; width:1200px; margin:0 auto; padding:60px 0;}
.section4 .sec_wrap .tab_list{float:left; width:890px;}
.section4 .sec_wrap .tab_list #tabNav1 {position:relative; height:224px;}
.section4 .sec_wrap .tab_list #tabNav1 h2 {position:absolute; top:0; left:0;}
.section4 .sec_wrap .tab_list #tabNav1 h2#tabNavTitle0102 {left:170px;}
.section4 .sec_wrap .tab_list #tabNav1 h2 a {display:block; position:relative; width:170px; padding-bottom:20px; font-family:"NS"; font-size:20px; font-weight:normal; text-align:center; color:#666;}
.section4 .sec_wrap .tab_list #tabNav1 h2.on a {border-bottom:4px solid #5ea63a; font-family:"NSB"; color:#444;}
.section4 .sec_wrap .tab_list #tabNav1 h2.on a:after{display:block; content:""; position:absolute; left:50%; bottom:6px; margin-left:-6px; width:12px; height:8px; background:url(/images/npokorea/main/tab_arr.gif) 0 bottom no-repeat;}
.section4 .sec_wrap .tab_list #tabNav1 #tabNav0101 {display:block;}
.section4 .sec_wrap .tab_list #tabNav1 div {display:none; padding-top:45px;}
.section4 .sec_wrap .tab_list #tabNav1 div ul{border-top:2px solid #444;}
.section4 .sec_wrap .tab_list #tabNav1 div ul li {position:relative; border-bottom:1px solid #e5e5e5;}
.section4 .sec_wrap .tab_list #tabNav1 div ul li a{display:block; overflow:hidden; width:83%; height:18px; padding:20px 10px 20px 23px; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}
.section4 .sec_wrap .tab_list #tabNav1 div ul li a:after{display:block; content:""; position:absolute; left:10px; top:27px; width:4px; height:4px; background-color:#aaa; border-radius:50%;}
.section4 .sec_wrap .tab_list #tabNav1 div ul li a span{position:absolute; top:22px; right:10px; color:#888;}
.section4 .sec_wrap .tab_list #tabNav1 div span.more {position:absolute; top:2px; right:0; padding-right:15px; background:url(/images/npokorea/main/more_ico.png) 99% 2px no-repeat; font-size:15px; color:#666;}
.section4 .sec_wrap .tab_list #tabNav1 h2#tabNavTitle0103 {left:340px;}

.section4 .sec_wrap .link{float:right; width:270px;}
.section4 .sec_wrap .link a{display:table; width:268px; height:/* 68 */110px; background:url(/images/npokorea/main/link_arr.gif) 242px center no-repeat; border:1px solid #ddd; border-top:none; font-family:"NBGB"; font-size:16px; color:#666; line-height:22px;}
.section4 .sec_wrap .link a:first-child{border-top:1px solid #ddd;}
.section4 .sec_wrap .link a:nth-child(2){height:111px;}
/* .section4 .sec_wrap .link a:nth-child(2){height:84px;} */
.section4 .sec_wrap .link a span{display:table-cell; padding-left:70px; vertical-align:middle;}
.section4 .sec_wrap .link a:nth-child(1) span{background:url(/images/npokorea/main/link_ico01.gif) 22px /* 19px */50% no-repeat;}
.section4 .sec_wrap .link a:nth-child(2) span{background:url(/images/npokorea/main/link_ico02.gif) 22px /* 30px */50% no-repeat;}
.section4 .sec_wrap .link a:nth-child(3) span{background:url(/images/npokorea/main/link_ico04.png) 22px /* 30px */50% no-repeat;}

/* banner */
.banner{border-top:1px solid #ddd;}
.b_wrap{position:relative; width:1200px; height:89px; margin:0 auto; padding:40px 0 30px;}
.b_wrap > p{margin-bottom:27px; font-family:"NS"; font-size:22px;}
.b_wrap > p span{font-family:"NSB"; color:#ff7733;}
.b_wrap div ul{overflow:hidden;}
.b_wrap div ul li{width:auto !important; text-align:center;}
.b_wrap .bx-wrapper{position:static;}
.b_wrap .bx-wrapper .bx-controls-direction{position:absolute; top:45px; right:0;}
.b_wrap .bx-wrapper .bx-controls-direction a{width:7px; height:12px; z-index:100;}
.b_wrap .bx-wrapper .bx-controls-direction a.bx-prev{top:0; right:90px; background:url(/images/main/f_banner_prev_arr.gif) 0 0 no-repeat;}
.b_wrap .bx-wrapper .bx-controls-direction a.bx-next{top:0; right:0; background:url(/images/main/f_banner_next_arr.gif) 0 0 no-repeat;}
.b_wrap .bx-wrapper .bx-controls-auto{top:43px; right:19px; bottom:intherit;}
.b_wrap .bx-wrapper .bx-controls-auto .bx-start{width:8px; height:10px; background:url(/images/main/banner_start.gif) 0 0 no-repeat;}
.b_wrap .bx-wrapper .bx-controls-auto .bx-stop{width:8px; height:10px; margin:0 11px; background:url(/images/main/banner_stop.gif) 0 0 no-repeat;}

@media only screen and (max-width:1100px) {
	
	.popup_wrap{display:none;}
	 
	
	.visual .bx-wrapper{position:relative;}
	.visual .bx-wrapper .bx-viewport{width:100% !important;}
	.visual .bx-wrapper .bx-viewport ul li img{}
	.visual .bx-wrapper .bx-controls-direction a.bx-prev{left:172px;}
	.visual .bx-wrapper .bx-controls-direction a.bx-next{right:172px;}
	 
	/* 
	.visual{height:312px;}
	.visual .bx-wrapper{position:relative; top:initial; left:initial; margin-left:0px;}
	.visual .bx-wrapper .bx-viewport{width:100% !important; height:auto;}
	.visual .bx-wrapper .bx-viewport ul li img{position:relative; left:50%; transform:translateX(-50%); height:312px;}
	  */
	/* section1 */	
	.section1{height:auto;}
	.section1 .sec_wrap{width:728px; padding:30px 20px;}
	.section1 .sec_wrap ul li{width:121px;}
	.section1 .sec_wrap ul li a img{width:80px;}
	.section1 .sec_wrap ul li a p{font-family:"NBGB"; font-size:16px;}
	.section1 .sec_wrap ul li a p span{display:block;}
	
	/* section2 */
	.section2{height:auto;}
	.section2 .sec_wrap{width:728px; padding:37px 20px 40px;}
	.section2 .sec_wrap > div > p{margin-bottom:20px; font-family:"NBGB"; font-size:16px;}
	.section2 .sec_wrap .notice{float:none; width:auto; margin:0 0 45px;}
	
	.section2 .sec_wrap .notice.type1{display:inline-block; width:460px; margin:0 37px 0 0; vertical-align:top;}
	.section2 .sec_wrap .notice .first{margin-bottom:17px; padding-bottom:20px;}
	.section2 .sec_wrap .notice .first .year{width:68px; padding:15px 0; font-size:12px; color:#888;}
	.section2 .sec_wrap .notice .first .year span{margin-top:6px; font-size:16px; color:#5c993d;}
	.section2 .sec_wrap .notice .first div{float:none; width:auto; margin:0 0 0 82px;}
	.section2 .sec_wrap .notice .first div a .tit{margin:0 0 12px; font-size:15px;}
	.section2 .sec_wrap .notice .first div a .txt{-webkit-line-clamp:1; width:100%; height:20px; font-size:13px;}
	.section2 .sec_wrap .notice ul li{margin-top:12px;}
	.section2 .sec_wrap .notice ul li a{width:80%; font-size:13px;}
	.section2 .sec_wrap .notice ul li a:before{top:5px;}
	.section2 .sec_wrap .popup_zone{display:inline-block; float:none; width:228px;}
	.section2 .sec_wrap .popup_zone ul li img{width:100%; height:100%;}
	
	
	/* section3 */
	.section3{position:relative;}
	.section3 .sec_wrap{width:728px; padding:38px 20px 40px;}
	.section3 .sec_wrap > p{margin-bottom:36px; font-size:20px;}
	.section3 .sec_wrap ul li{width:228px; margin-left:22px;}
	.section3 .sec_wrap ul li:nth-child(4){display:none;}
	.section3 .sec_wrap ul li a{height:auto;}
	.section3 .sec_wrap ul li a img{width:100%; height:auto; margin-bottom:22px;}
	.section3 .sec_wrap ul li a div p.cat{margin-bottom:20px;}
	.section3 .sec_wrap ul li a div p.cat span{font-size:13px;}
	.section3 .sec_wrap ul li a div p.txt{font-size:14px;}
	.section3 .sec_wrap span.more{top:43px; right:20px;}
	
	.section4 .sec_wrap{width:728px; padding:38px 20px 40px;}
	.section4 .sec_wrap .tab_list{float:none; width:auto; margin-bottom:40px;}
	.section4 .sec_wrap .tab_list #tabNav1{height:auto;}
	.section4 .sec_wrap .tab_list #tabNav1 h2#tabNavTitle0102{left:123px;}
	.section4 .sec_wrap .tab_list #tabNav1 h2 a{width:123px; font-family:"NBGB"; font-size:16px;}
	.section4 .sec_wrap .tab_list #tabNav1 h2.on a{font-family:"NBGB";}
	.section4 .sec_wrap .tab_list #tabNav1 div{padding-top:41px;}
	.section4 .sec_wrap .tab_list #tabNav1 div ul li a{padding:17px 10px 17px 23px; font-size:14px;}
	.section4 .sec_wrap .tab_list #tabNav1 div ul li a:after{top:23px;}
	.section4 .sec_wrap .tab_list #tabNav1 div ul li a span{top:17px;}
	.section4 .sec_wrap .link{float:none; width:auto; font-size:0;}
	.section4 .sec_wrap .link a{display:inline-block; width:241px; height:73px; background-position:95% center; border-top:1px solid #ddd; border-left:none; font-size:15px; line-height:20px; vertical-align:top;}
	.section4 .sec_wrap .link a:first-child{border-left:1px solid #ddd;}
	.section4 .sec_wrap .link a:nth-child(2){height:73px;}
	.section4 .sec_wrap .link a span{padding:27px 0 26px 70px;}
	.section4 .sec_wrap .link a:nth-child(1) span{background-position:22px 22px;}
	.section4 .sec_wrap .link a:nth-child(2) span{padding:17px 0 16px 70px; background-position:22px 25px;}
	.section4 .sec_wrap .link a:nth-child(3) span{background-position:22px 22px;}
	
	.banner{display:none;}

}	


@media only screen and (max-width:768px) {
	
	.visual{height:auto;}
	.visual .bx-wrapper{position:static; top:inherit; left:inherit; margin:0 !important;}
	.visual .bx-wrapper .bx-viewport ul li img{width:100%; height:auto;}
	.visual .bx-wrapper .bx-pager{bottom:10px;}
	.visual .bx-wrapper .bx-controls-direction a.bx-prev,
	.visual .bx-wrapper .bx-controls-direction a.bx-next{display:none;}
	
	/* section1 */
	.section1{height:auto;}
	.section1 .sec_wrap{width:auto; padding:30px 10px;}
	.section1 .sec_wrap ul{text-align:center;}
	.section1 .sec_wrap ul li{display:inline-block; width:33%;}
	.section1 .sec_wrap ul li:nth-child(n+1):nth-child(-n+3){margin-bottom:27px;}
	.section1 .sec_wrap ul li a p{margin-top:7px; font-size:13px;}	
	
	/* section2 */
	.section2{height:auto;}
	.section2 .sec_wrap{width:auto; padding:28px 10px 30px;}
	.section2 .sec_wrap .notice{margin:0 0 30px;}
	.section2 .sec_wrap .notice.type1{display:block; width:auto; margin:0 0 35px;}
	.section2 .sec_wrap .notice ul li a{width:77%;}
	.section2 .sec_wrap .notice ul li a:before{top:7px;}
	.section2 .sec_wrap .popup_zone{display:block; width:100%;}
	.section2 .sec_wrap .popup_zone .bx-wrapper{max-width:768px;}
	
	.popupzone{width:100%; margin-bottom:10px;}
	.popupzone .bx-wrapper{max-width:100%;}
	.popupzone .bx-wrapper ul li{height:auto;}	
	
	/* section3 */
	.section3{background:none; background-color:#eee;}
	.section3 .sec_wrap{width:auto; height:auto; margin:0; padding:28px 10px 30px;}
	.section3 .sec_wrap > p{margin-bottom:27px;}
	.section3 .sec_wrap ul li{width:49%; margin-left:2%;}
	.section3 .sec_wrap ul li:nth-child(3){display:none;}
	.section3 .sec_wrap span.more{top:31px;}
	
	/* section4 */
	.section4 .sec_wrap{width:auto; padding:28px 10px 30px;}
	.section4 .sec_wrap .tab_list #tabNav1 div ul li a{width:77%;}
	
	.section4 .sec_wrap .link{display:table; table-layout:fixed; width:100%;}
	.section4 .sec_wrap .link a{display:table-cell; width:auto; height:100px !important; background:none; text-align:center; vertical-align:inherit;}
	.section4 .sec_wrap .link a span{display:inline-block; padding:60px 0 0 0 !important;}
	.section4 .sec_wrap .link a:nth-child(1) span{background-position:center 8px;}
	.section4 .sec_wrap .link a:nth-child(2) span{background-position:center 22px;}
	.section4 .sec_wrap .link a:nth-child(3) span{background-position:center 10px;}
}


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

	.section2 .sec_wrap .notice ul li a{width:70%;}
	.section4 .sec_wrap .tab_list #tabNav1 div ul li a{width:70%;}

}

@media only screen and (max-width:420px) {

	.section3 .sec_wrap ul li a div p.cat span{display:none;}	
	
}

@media only screen and (max-width:380px) {
	
	.section2 .sec_wrap .notice ul li a{width:92%;}
	.section2 .sec_wrap .notice ul li span{display:none;}
	
	.section4 .sec_wrap .tab_list #tabNav1 div ul li a{width:auto;}
	.section4 .sec_wrap .tab_list #tabNav1 div ul li a span{display:none;}
	.section4 .sec_wrap .link a{font-size:13px; line-height:18px;}
	
	.section3 > div .notice1 div ul li a{width:72%;}
}

@media only screen and (max-width:320px) {

}