#sec01 {padding: 0;  overflow: hidden; position: relative;background-size: cover; background-position: center; background-repeat: no-repeat; /*background-image: url("../img/main/01-01.jpg");*/}
#content .go-btn {position:absolute; z-index:100; left:50%; margin-left:-50px; bottom:10%; display: inline-block; padding: 10px 25px; border: 1px solid #fff; border-radius: 25px; font-size: 14px; line-height: 1; background: #fff; margin-top: 2vw;}
#content .go-btn span {display: inline-block; padding-right: 40px; margin-left:20px; line-height: 27px; color: #000; background: url(/web2024/images/link_icon_2.png) no-repeat right 0; background-size: 27px;}
#content .go-btn.sk {margin-left:-150px;}
#content .go-btn.re { bottom:13%;}
#content .go-btn-ta {position:relative; display: inline-block; padding: 10px 25px; border: 1px solid #ccc; border-radius: 25px; font-size: 14px; line-height: 1; background: #fff; margin-top: 2vw;}
#content .go-btn-ta span {display: inline-block; padding-right: 40px; margin-left:20px; line-height: 27px; color: #000; background: url(/web2024/images/link_icon_2.png) no-repeat right 0; background-size: 27px;}
#top_box{width: 100%; min-height: 42.29166666666667vw; padding: 120px 20px;position:relative;height:100%;overflow:hidden;}
#top_box h1{z-index: 3;position: absolute;bottom: 200px;width: 100%;max-width: 1710px;padding:0 20px;color: #fff;font-size: 30px; left:4%; font-weight:400;}
#top_box p {z-index: 3;position: absolute;bottom: 132px;width: 100%;max-width: 1710px;padding:0 20px;color: #fff;font-size: 13px; left:4%;}

#top_box{ width:100%; min-height:54vw; overflow:hidden; height:100%; position:relative}


#main_top{position:relative; height:840px; width:100%; min-width:1200px;}
.vis_text{position:absolute; top:202px; left:50%; z-index:100;}
.vis_text p{position:absolute; left:0; top:0;}
.vis_text .VT01{left:-410px;}
.vis_text .VT02{left:-111px;}

/* go_top */
.go_top {bottom: 30px; margin-left: 585px;position:fixed; z-index:99999; bottom:20px; right:3%; width:40px;height:40px;text-align:center;border-radius:0px;background-color:rgba(0,0,0,0.7);}
.go_top span {display:block;padding-top:12px;font-size:11px;color:#fff;}

#visual{width:100%; min-width:1000px; overflow:hidden; position:absolute; height:840px; top:0px; z-index:88; background-color:#191b27;}
.VS_img{z-index:5; position:relative;}
#visual_slides li{width:1920px; position:absolute; left:-960px; margin-left:50%; top:0; height:551px;}
#visual_slides img{display:block; position:absolute; }

#visual_controll{position:absolute; z-index:999; bottom:0; height:48px; left:50%; width:360px; margin-left:-180px;background-color:rgba(19,20,21,0.94);}
#pagination{text-align:center;  width:200px; position:relative; z-index:66; margin-left:53px; border:1px #333 solid; border-top:0; border-bottom:0;}
#pagination li{display:inline-block;}
#pagination li a{display:block; font-size:0; overflow:hidden; width:14px; height:48px;  margin:0 3px; background:url(http://www.gncn.or.kr/busan/images/main/visual_btn.png) no-repeat 50% -240px;  }
#pagination .play_stop{position:absolute; width:52px; right:-53px; display:block; top:0;border-right:1px #333 solid;}
#pagination .play_stop a{display:block; width:52px; margin:0;}
#pagination li .vis-play{background:transparent url(http://www.gncn.or.kr/busan/images/main/visual_btn.png) no-repeat 50% -144px; display:none;}
#pagination li .vis-stop{background:transparent url(http://www.gncn.or.kr/busan/images/main/visual_btn.png) no-repeat 50% -96px;}
#pagination li.current a{background:transparent url(http://www.gncn.or.kr/busan/images/main/visual_btn.png) no-repeat 50% -192px; }

#prev-next{position:absolute; top:0; left:0px;  z-index:55; width:100%;}
#prev-next a{display:block; overflow:hidden; font-size:0; width:52px; height:48px; background:url(http://www.gncn.or.kr/busan/images/main/visual_btn.png) no-repeat 50% -0px; }
#prev-next #fade-next{top:0; background-position:50% -48px; right:0;position:absolute; }


/*
#program{width:100%; background: url(/web2024/images/main/pro_bg.gif); padding-top:102px; overflow:hidden;}
*/
/*
#program{padding: 100px 0 150px; overflow: hidden; position:relative; background:url(/web2024/images/main_visual_7.jpg)no-repeat center 0px #bf2b3b; background-attachment:fixed;}
*/
#program{padding:3vw 0 5vw; overflow: hidden; position:relative; background-attachment:fixed;}
#program .title{ width:90%; max-width:1700px; margin:0 auto; padding:0vw 0 5vw 0;display:flex;}
#program .program_contain{}
#program h2{}
#program h1{font-size:20px; color:#083c50;text-align:center;}
.program_box{max-width:100%; margin:5vw auto 0; height:auto;}
.program_list{position:relative; justify-content:center; display:flex;}
.program_list li{float:left; height:120px;}
.program_list:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
.program_list li{width:17%;}
.program_list li:first-child{width:17%;}
.program_list li button{/*border-left:1px #272727 solid;*/ display:block; text-align:center; width:100%;font-size:17px; color:#000; background:#fff;height:120px;}
.program_list li button:hover{}
.program_list li span{ width:100%;margin:75px 0 0; display:inline-block; padding:10px 20px; border-top-right-radius:5px; border-top-left-radius:5px;}
.program_list .active span{ background:#000;}
.program_list .active button{background-position:50% -84px; color:#fff; font-weight:bold; background: #000;}
.program_list li.PL01 button{ background:url(/web2024/images/main/main_tab_icon1.png) no-repeat 50% 0; background-size:15%;}
.program_list .active.PL01 button{background:url(/web2024/images/main/main_tab_icon1.png) no-repeat 50% 0; background-size:15%;}
.program_list li.PL02 button{ background:url(/web2024/images/main/main_tab_icon2.png) no-repeat 50% 0; background-size:15%;}
.program_list .active.PL02 button{background:url(/web2024/images/main/main_tab_icon2.png) no-repeat 50% 0; background-size:15%;}
.program_list li.PL03 button{background:url(/web2024/images/main/main_tab_icon3.png) no-repeat 50% 0; background-size:15%;}
.program_list .active.PL03 button{background:url(/web2024/images/main/main_tab_icon3.png) no-repeat 50% 0; background-size:15%;}
.program_list li.PL04 button{background:url(/web2024/images/main/main_tab_icon4.png) no-repeat 50% 0; background-size:15%;}
.program_list .active.PL04 button{background:url(/web2024/images/main/main_tab_icon4.png) no-repeat 50% 0; background-size:15%;}
.program_list li.PL05 button{background-position:50% -984px;}
.program_list .active.PL05 button{background-position:50% -884px;}
.program_list li.PL06 button{background-position:50% -1184px;}
.program_list .active.PL06 button{background-position:50% -1084px;}
.program_list li:first-child button{border-left:0;}
.PB_tit{ display:block; margin:0px auto 0;}
.tab_content{position:relative; padding:12vw 7vw 15vw; min-height:600px}
.tab_container{list-style: none; display:block; text-align:center; border-top:1px solid #000;background:url(/web2024/images/main_visual_2.jpg) no-repeat 50% 0; background-size:cover; background-attachment:fixed;}
.tab_btn{text-align:center; margin:0 auto; width:154px; height:44px;}
.tab_btn a{display:block; width:100%; line-height:44px; background:#083c50; border:1px transparent solid; border-radius:5px; font-size:15px; font-family:NGB; color:#fff;}

/*
#tab1{background:url(/web2024/images/main_visual_2.jpg) no-repeat 50% 0; background-size:cover; background-attachment:fixed;}
#tab2{background:url(/web2024/images/main_visual_5.jpg) no-repeat 50% 0; background-size:cover; background-attachment:fixed;}
#tab3{background:url(/web2024/images/main_visual_6.jpg) no-repeat 50% 0; background-size:cover; background-attachment:fixed;}
#tab4{background:url(/web2024/images/main_visual_4.jpg) no-repeat 50% 0; background-size:cover; background-attachment:fixed;}
*/

/*.touchSlider {width:83%; margin:0 auto; position:relative; overflow:hidden; z-index:55;}
.touchSlider ul {  position:relative; top:0; left:0; overflow:hidden; }
.touchSlider ul li { float:left; width:100%;font-size:14px; color:#45536f;  height:347px;}*/
.TT_area{/*float:left; width:33.3%;*/ text-align:center; background-color:rgba(255,255,255,0.2); border-radius:5px; padding:0.5vw; width:90%; margin:0 auto; height:auto;transition:all 0.5s ease;backdrop-filter: blur(5px); border:1px solid; border-color:rgba(255,255,255,0.2);}
.TT_area .pro_cont{ padding:0 10px;}
.TT_area .pro_cont .lt_dir{font-family:'Noto Sans KR', sans-serif;}
.TT_area .pro_img{width:100%; overflow:hidden; border:1px transparent solid; border-radius:5px; margin:0 auto;transform:scale(1);transition: 1.5s transform 0s;} 
.TT_area h3{font-size:16px; color:#fff; margin:19px 0 15px; height:30px;transition:all 0.5s ease;}
.TT_area p{color:#fff; font-size:12px; margin-top:0vw; margin-bottom:10px; line-height:1.5;height:4vw; overflow:hidden; text-align:left}
.TT_area span, .TT_area span a {display:inline-block; color:#9b918e; font-size:14px; line-height:30px; border-radius:5px; padding:0 14px; right:10px; bottom:30px;}
.TT_area .foot{ padding:0; height:auto; font-size:12px; text-align:right}
.TT_area i{ padding-right:5px; max-width:20px; text-align:center}
div[class^="pro_slider_"] {padding-bottom:30px; margin:0; width:100%; box-sizing: border-box; z-index:55;}
.main_cont2 .PB_tit{ font-size:2.5vw; color:#fff; text-align:center; font-weight:400; padding:0 0 5vh; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); font-family: 'Playfair Display', sans-serif;}
.main_cont2 .PB_tit.v_bla{  color:#000; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);}

.TT_area:hover {background-color:rgba(0,0,0,1);box-shadow: 2px 0px 5px 2px rgba(0,0,0,.05);}
.TT_area:hover .pro_img {transform: scale(1);}
.TT_area:hover h3 {color:#fff;}
.TT_area:hover p{color:#fff;}


.blur_area{ display:none; position:absolute; width:80vw; left:50%; margin-left:-40vw; height:450px;}
.blur{ position:absolute; width:30%;backdrop-filter: blur(5px); height:25vw; z-index:100;}
.blur_area .le{margin-left:-25vw;}
.blur_area .ri{margin-right:-25vw; right:0;}

.btn_area { width:40vw; position:absolute; left:50%; margin-left:-20vw; z-index:101; }
.btn_area button { display:block; width:32px; height:58px; font-size:0px; background:url(/web2024/images/main/pro_arrow_wht.png) no-repeat 50% 0;}
.btn_area button.btn_prev { float:left; }
.btn_area button.btn_next { float:right; background-position:50% 100%; }
.sub.paging { background:#f5f5f5; text-align:center; overflow:hidden; }
.paging .btn_page { display:inline-block; width:10px; height:10px; margin:3px; font-size:0px; line-height:0; text-indent:-9999px; background:#3399CC; }
.count {height:36px; font-size:13px; line-height:36px; text-align:center;}
.paging .btn_page.on { background:#ff0000; }


#quick_cont{background:#e6e6e6; width:100%; padding:100px 0 95px;}
.QC_list{width:1200px; margin:0 auto;}
.QC_list li{float:left; width:25%; height:280px; text-align:center; background:url(http://www.gncn.or.kr/busan/images/main/main_quick_img.png) no-repeat; color:#fff; background-color:#fff;} 
.QC_list li a{display:block; width:100%; height:100%; color:inherit;}
.QC_list:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
.QC_list h3{font-size:21px; padding-top:140px;}
.QC_list p{line-height:20px; font-size:14px; color:#777474; margin-top:14px;}
.QC_list li.QCL01{background-position:50% 50px; background-color:#5e71a4;}
.QC_list li.QCL01 p{color:#fff;}
.QC_list li.QCL02{background-position:50% -250px; color:#5e71a4;}
.QC_list li.QCL03{background-position:50% -550px; background-color:#748c95;  font-family:'NGB'; font-size:26px; padding-top:140px; height:140px;}
.QC_list li.QCL03 a{display:inline;}
.QC_list li.QCL03 span{display:block; font-family:'NGR'; font-size:14px; font-weight:normal; margin:2px 0 7px;}
.QC_list li.QCL04{background-position:50% -850px; color:#748c95;}
.QC_list li.QCL05{width:50%; font-size:0;background-image:url(http://www.gncn.or.kr/busan/images/main/main_quick05_m.jpg); background-position:50% 50%;}
.QC_list li.QCL06{background-position:50% -1150px; color:#897f78;}
.QC_list li.QCL07{background-position:50% -1450px;background-color:#897f78;}
.QC_list li.QCL07 a{display:inline;}
.QC_list li.QCL07 h3{padding-bottom:15px;}
.QC_list li.QCL07 .Q_poster02{ text-align:center;  font-family:'NGB'; font-size:13px;}
.QC_list li.QCL07 .Q_poster02 span{display:inline-block; background:url(http://www.gncn.or.kr/busan/images/main/arrow01.png) no-repeat 85% 50%; background-size:7px 5px; padding:0 30px 0 14px; line-height:34px;border-radius:3px;border:1px #d7d0ca solid;}

.quick_box{width:1200px; margin:50px auto 0;}
#notice_m, #facebook{float:left; position:relative;}
#notice_m h2, #facebook h2{font-size:24px; color:#7f6e64; font-family:'Exo'; font-weight:700; letter-spacing:0.1em;}
#facebook h2{color:#2f4c96; z-index:888; position:relative;}
#notice_m .sec_btn a, #facebook .sec_btn a{position:absolute; right:0; top:0; background:url(http://www.gncn.or.kr/busan/images/main/plus_btn.gif) no-repeat 100% 0; background-size:38px 72px; width:38px; height:36px; display:block; font-size:0; z-index:999;}
#notice_m .sec_btn a{right:61px; background-position:100% 100%;}
#notice_m .sec_btn{ display:none;}
#facebook{margin-left:62px; width:538px;}
#notice_m{width:40%; border-right:1px #cac9c9 solid; height:215px; padding:0 20px;}
.quick_box:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
#notice_m ul{margin-right:10px; margin-top:10px;}
#notice_m li{position:relative;  margin-bottom:6px;}
#notice_m li a{color:#999; max-width:100%; overflow:hidden; display:inline-block; font-size:15px;}
#notice_m li a:hover{color:#c36430;}
#notice_m li span{position:absolute; right:0; color:#767472;}

#notice_tit{ width:60%; height:50px; float:left; padding:0 0 0 30px;}
#notice_tit ul{margin-right:10px; margin-top:10px;}
#notice_tit li{position:relative;  margin-bottom:10px; line-height:35px; border-bottom:1px solid #CCCCCC; }
#notice_tit li a{color:#767472; max-width:100%; overflow:hidden; display:inline-block;}
#notice_tit li a:hover{color:#c36430;}
#notice_tit li span{ right:0; color:#767472; display:block; float:right}

.face_box{position:absolute; top:-15px; left:12px;  height:71px; background:#e6e6e6; z-index:88; width:538px;}
.face_cont{width:538px; position:absolute; top:-23px; left:12px; z-index:77;}

/* Owl Carousel */
.owl-carousel {display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage {position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer {position:relative;overflow:inherit;-webkit-transform:translate3d(0px, 0px, 0px)}
.owl-carousel.owl-loaded {display:block}
.owl-carousel.owl-loading {opacity:0;display:block}
.owl-carousel.owl-hidden {opacity:0}
.owl-carousel .owl-refresh .owl-item {display:none}
.owl-carousel .owl-item {position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img {display:block;width:100%}
.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab {cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
@media screen and (max-width:1352px){
	#notice_tit li span{float:none}
}

@media screen and (max-width:1250px){
#main_top{min-width:1000px;}
.H_box{width:100%; min-width:1000px;}
.program_box{width:1000px;}
.QC_list{width:1000px;}

.quick_box{width:1000px;}

#facebook{width:458px; margin-left:42px;}
#notice_m .sec_btn a{right:41px;}
#notice_m ul{margin-right:41px;}

.blur_area{width:950px; left:50%; margin-left:-475px;}
.btn_area{width:950px; left:50%; margin-left:-475px;}

.face_box{width:458px; left:0;}
.face_cont{width:458px; left:0;}

}

@media screen and (max-width:640px){
#main_top{max-width:640px; min-width:100%; height:100%; min-width:320px;}
.H_box{width:100%; max-width:640px;}

#visual{width:100%; max-width:640px; height:500px; min-width:100%; position:relative; overflow:hidden;}
.vis_text{top:100px; width:214px; margin-left:20px;}
.vis_text .VT01{display:none;}
.vis_text .VT02 img{width:214px;}
#visual_slides{ z-index:999;}
#visual_slides li{width:100%; max-width:640px; height:500px;  background:yellow;overflow:hidden;  margin-left:0; left:0; overflow:hidden; text-align:center; position:relative;}
#visual_slides img{display:block; margin:0 auto; left:50%; margin-left:-571px; height:500px;}

.VS_img{height:100px;}
.visual_img{height:100px;}

#notice_tit{ width:100%; padding-left:5px;}
#notice_tit li span { position: relative; display:block;}
#notice_tit li {line-height:25px; font-size:15px;}

#program{height:100%; padding:25px 0; max-width:640px; min-width:320px;}
.program_box{ height:100%; padding-bottom:0px; margin-top:20px;}
.program_list { height:65px;}
.program_list li{width:33%; margin-top: -48px;}
.program_list li button{background:none; padding-top:0; height:48px;}
.program_list li:first-child,.program_list li.PL04{width:34%;}
.program_list li.PL04 button,.program_list li.PL05 button,.program_list li.PL06 button{}
.program_list li.PL01 button{ background:url(/web2024/images/main_tab_icon1.png) no-repeat 50% 30%; background-size:30%;}
.program_list .active.PL01 button{background:url(/web2024/images/main_tab_icon1_wht.png) no-repeat 50% 30%; background-size:30%;}
.program_list li.PL02 button{;background:url(/web2024/images/main_tab_icon2.png) no-repeat 50% 30%; background-size:30%;}
.program_list .active.PL02 button{background:url(/web2024/images/main_tab_icon2_wht.png) no-repeat 50% 30%; background-size:30%;}
.program_list li.PL03 button{ background:url(/web2024/images/main_tab_icon3.png) no-repeat 50% 30%; background-size:30%;}
.program_list .active.PL03 button{background:url(/web2024/images/main_tab_icon3_wht.png) no-repeat 50% 30%; background-size:30%;}
.program_list li.PL04 button{background:url(/web2024/images/main_tab_icon4.png) no-repeat 50% 30%; background-size:30%;}
.program_list .active.PL04 button{background:url(/web2024/images/main_tab_icon4_wht.png) no-repeat 50% 30%; background-size:30%;}
.PB_tit{margin-top:20px; height:80px;}
.PB_tit img{height:23px; margin-top:20px;}
.main_cont2 .PB_tit {font-size:4vw;}
#tab3 .PB_tit img{width:100%; max-width:600px; height:18px;}
.tab_container{width:100%; margin:0 auto;}

.blur_area{width:100%; left:0; margin-left:0;}
.blur_area .le { margin-left:-65px; display:none}
.blur_area .ri { margin-right:-65px;display:none}
.btn_area{width:100%; left:-12%; margin-left:0; display:none}
.btn_area .btn_next{position:absolute; top:0; right:-24%;}
div[class^="pro_slider_"]{padding-bottom:20px;}
.program_list li span{font-size:3vw;}

.TT_area p{display:block;}
.TT_area{/*float:left; width:33.3%;*/ padding:2vw; }

#quick_cont{padding:25px 0;width:100%; max-width:640px; min-width:320px;}
.quick_box{width:100%; margin-top:25px;}
.QC_list{width:96%; position:relative;}
.QC_list li{width:50%; height:165px; background-size:50px 900px; background-color:#fff;}
.QC_list li.QCL01{background-position:50% 30px; background-color:#5e71a4;}
.QC_list li.QCL02{background-position:50% -120px;}
.QC_list li.QCL03{background-position:50% -270px; margin-top:165px; left:0; background-color:#748c95; height:85px; padding-top:80px; width:100%;line-height:25px;}
.QC_list li.QCL03 a{font-size:18px; }
.QC_list li.QCL03 span{font-size:12px; display:inline-block;margin:0px 5px;}
.QC_list li.QCL04{background-position:50% -420px; position:absolute; top:165px; left:0;}
.QC_list li.QCL05{ background-position:50% 50%; background-size:707px 165px; background-image:url(http://www.gncn.or.kr/busan/images/main/main_quick05_m.jpg); position:absolute; top:165px; right:0;}
.QC_list li.QCL06{background-position:50% -570px;}
.QC_list li.QCL07{background-position:50% -720px; background-color:#897f78;}
.QC_list h3{padding-top:80px; font-size:18px;}
.QC_list li p{font-size:12px; margin-top:10px; line-height:16px;}
.QC_list li.QCL07 .Q_poster02{font-size:12px;}
#notice_m{width:96%; border-right:0; float:none; margin:0 auto; height:100%; padding:0;}
#notice_m .sec_btn a{right:0;}
#notice_m ul{margin:20px 0;}
#notice_m ul a{max-width:100%;  height:24px; line-height:24px;}
#notice_m span{display:none;}
#facebook{width:96%; margin:0 auto; float:none; height:250px;}
.face_box{width:100%; left:0;}
.face_cont{width:100%;}

#program .title{ width:90%; margin:0 auto; padding:0vw 0 20vw 0;display: block;}


}