@charset "utf-8";

/* 모바일기능버튼 */

@media screen and (max-width:1023px){
	#respond_buttons{display:block;position:fixed;top:0px;right:0px;z-index:9999}
}
#mgnb{position:fixed;z-index:100;top:0;left:0;width:100%;margin-top:-500px;border-bottom:1px solid #111}
#mgnbwrap{position:relative;background:#252525 url(/images/bird/main/mgnbwrap.gif) repeat-x 0 -3px}
#mtopmenu{width:1000px;height:415px;margin:0 auto;overflow:hidden}
#mtopmenu a{display:block;color:#fff}
#mtopmenu .th1{float:left;width:166px;height:100%}
#mtopmenu .th1:first-child{width:167px}
#mtopmenu .th1 .th1_lnk{text-align:center;padding:25px 0;font-weight:700;font-size:1.2857em;border:solid #111;border-width:0 1px;border-left-color:#2e2e2e}
#mtopmenu .th1:hover,
#mtopmenu .th1 .th1_lnk.ov,
#mtopmenu .th1 .th1_lnk.ov+.th2,
#mtopmenu .th1 .th1_lnk:hover,
#mtopmenu .th1 .th1_lnk:hover+.th2,
#mtopmenu .th1 .th1_lnk+.th2:hover{background:#0e4f86}
#mtopmenu .th1 .th1_lnk.ov+.th2,
#mtopmenu .th1 .th1_lnk:hover+.th2,
#mtopmenu .th1 .th1_lnk+.th2:hover{border-top-color:#0e4471}
#mtopmenu .th2{height:100%;padding-top:20px;border:1px solid #111;border-left-color:#2e2e2e;border-top-color:#1f1f1f}
#mtopmenu .th2 li a{padding:5px 29px;font-size:1.0714em}
#mtopmenu .th2 li a.ov, 
#mtopmenu .th2 li a:hover{text-decoration:underline}
#mtopmenu .no1 .th1_lnk,
#mtopmenu .no1 .th1_lnk+.th2{border-left-width:0}
#mtopmenu .no6 .th1_lnk,
#mtopmenu .no6 .th1_lnk+.th2{border-right-width:0}
#mtopmenu .no2 .child1,
#mtopmenu .no2 .child5{padding-right:45px}
#close_navigation{position:absolute;bottom:-58px;left:50%;margin-left:440px}

#main_header{position:fixed;top:0;left:0;z-index:100;width:100%;height:125px;background:url(/images/bird/main/header_bg.png) repeat-x}
#main_header:after{content:"";clear:both;display:block}
#main_header h1{float:left;width: 300px;height:100%;overflow:hidden;text-indent:-999px;background:url(/images/bird/main/logo_2023.png) no-repeat 50% 50%}
#main_header h1 a{display:block;height:100%}
#main_header ul{float:right}
#main_header ul li{float:left;height:125px}
#main_header ul li a{display:block;width:125px;height:50px;padding-top:75px;text-align:center;background:url(/images/bird/main/util_btn.png) no-repeat}
#main_header ul li a.icon1{background-position:19px 30px;background-color:#f4f4f4;color:#606060}
#main_header ul li a.icon2{background-position:19px -165px;background-color:#ddd;color:#606060}
#main_header ul li a.icon3{background-position:19px -362px;background-color:#767676;color:#fff}
#main_header ul li a.icon4{background-position:19px -554px;background-color:#444;color:#fff}
#main_header ul li a.icon5{background-position:19px -750px;background-color:#508128;color:#fff}

#mousewheel{position:absolute;z-index:20;top:550px;left:50%;width:56px;height:120px;margin-left:680px;text-indent:-999px;overflow:hidden;background:url(/images/bird/main/windowscroll.png) no-repeat}

#section1{width:100%;overflow:hidden;background:#000}
#section1 #visual1,
#section1 #visual2{position:relative;height:1066px;max-width:1500px;margin:0 auto}
#section1 #visual2{display:none} 
#section1 .obj{position:relative;width:10000px}
#section1 .obj .item{float:left;position:relative}
#section1 .obj .item .l{position:absolute;top:0;left:-100%;width:100%;height:100%}
#section1 .obj .item .r{position:absolute;top:0;right:-100%;width:100%;height:100%}

#section1 .visual_tab,
#section1 .title,
#section1 .parse,
#section1 .control{position:absolute;z-index:20}

#section1 .visual_tab{width:100%;top:200px;left:0;text-align:center}
#section1 .visual_tab a{display:inline-block;width:71px;height:70px;margin:0 15px;overflow:hidden;text-indent:-999px;background:url(/images/bird/main/visual_tab.png) no-repeat}
#section1 .visual_tab.bird a{background-position:-100px 0}
#section1 .visual_tab.bird a:first-child{background-position:0 0}
#section1 .visual_tab.build a{background-position:-100px -70px}
#section1 .visual_tab.build a:first-child{background-position:0 -70px}

#section1 .title{top:350px;left:50%;margin-left:-500px}
#section1 .pt{position:absolute;top:570px;left:50%;margin-left:-500px;font-size:1.5em;line-height:1.3}
#section1 .control{width:1000px;top:400px;left:50%;margin-left:-500px}
#section1 .control a{position:absolute;top:0;width:50px;height:118px;overflow:hidden;text-indent:-999px;background:url(/images/bird/main/visual_control.png) no-repeat}
#section1 .control a[rel="prev"]{left:-100px;background-position:0 0}
#section1 .control a[rel="prev"]:hover{background-position:0 -118px}
#section1 .control a[rel="next"]{right:-100px;background-position:-266px 0}
#section1 .control a[rel="next"]:hover{background-position:-266px -118px}

#section1 .parse{top:750px;left:50%;width:1000px;height:209px;margin-left:-500px}
#section1 .parse p{float:left;height:100%;text-align:center}
#section1 .parse p a{position:relative;display:block;height:100%;background:url(/images/bird/main/visual_parse.png);color:#fff}
#section1 .parse p a span{display:block;padding:30px 0 10px;font-size:1.5em}
#section1 .parse p a span br{display:none}
#section1 .parse .view{position:absolute;top:135px;left:50%;margin-left:-27px}

#section1 #visual1 .parse p{width:333px}
#section1 #visual1 .parse p:first-child{width:334px}
#section1 #visual1 .parse p a.ov,
#section1 #visual1 .parse p a:hover{background:url(/images/bird/main/visual_parse_bird.png)}

#section1 #visual2 .parse p{width:250px}
#section1 #visual2 .parse p a.ov,
#section1 #visual2 .parse p a:hover{background:url(/images/bird/main/visual_parse_build.png)}

#section2{width:1000px;margin:0 auto;padding:35px 0 50px}
#section2:after{content:"";clear:both;display:block}
#section2 h3{margin-bottom:20px;font-size:25px;color:#000}
#section2 [class^="mcont"]{position:relative;float:left;width:305px;height:255px}
#section2 .control{position:absolute;top:0;right:0;width:86px;height:44px;text-align:center;background:url(/images/bird/main/mcont1_control_bg.gif) no-repeat}
#section2 .more{position:absolute;top:0;right:0}
#section2 .more a{display:block;width:46px;height:46px;overflow:hidden;text-indent:-999px;background:url(/images/bird/main/more.gif) no-repeat}
#section2 .mcont1{margin-right:41px}
#section2 .mcont1 ul{position:relative}
#section2 .mcont1 ul li{position:absolute;top:0;left:0}
#section2 .mcont1 ul li a{display:block;border:1px solid #dcdcdc}
#section2 .mcont1 .control a{display:inline-block;width:20px;height:20px;margin-top:12px;overflow:hidden;text-indent:-999px;font-size:0;background:url(/images/bird/main/mcont1_control.gif) no-repeat}
#section2 .mcont1 .control a.prev{background-position:3px 0}
#section2 .mcont1 .control a.stop{background-position:-17px 0}
#section2 .mcont1 .control a[rel="play"]{background-position:0 0} 
#section2 .mcont1 .control a[rel="next"]{background-position:-39px 0}

#section2 .mcont2{margin-right:44px}
#section2 .mcont2 .garp{border:1px solid #dcdcdc}
#section2 .mcont2 .garp p{padding:21px 0 20px 125px;border-bottom:1px dashed #dcdcdc;background:url(/images/bird/main/mcont2_icon.gif) no-repeat 20px 50%;color:#434341}
#section2 .mcont2 .garp p em{display:block;color:#767676}
#section2 .mcont2 .garp ul{margin:11px 15px}
#section2 .mcont2 .garp ul li{display:block;margin:5px 0;overflow:hidden}
#section2 .mcont2 .garp ul li a{float:left}
#section2 .mcont2 .garp ul li span{float:right}
#section2 .mcont3 .garp{height:181px;border:1px solid #dcdcdc;background:url(/images/bird/main/mcont3_bg.gif) no-repeat}
#section2 .mcont3 .garp p{position:absolute;top:0;left:0;visibility:hidden}
#section2 .mcont3 .garp ul{margin:115px 0 0 18px}
#section2 .mcont3 .garp ul li span{font-weight:bold;margin-right:5px;color:#252525}

#section3{height:550px;background:url(/images/bird/main/section3_pattern.gif)}
#section3 .grap{position:relative;width:1000px;margin:0 auto}
#section3 .grap h3{position:absolute;top:60px;left:50%}
#section3 .grap h3 .ov{position:relative;z-index:10} 
#section3 .grap h3.title1{margin-left:-305px}
#section3 .grap h3.title2{margin-left:15px}
#section3 .grap .obj{position:absolute;top:180px;left:0;width:1000px}
#section3 .grap .obj:after{content:"";clear:both;display:block}
#section3 .grap .obj li{position:relative;float:left;width:304px;height:310px;margin-left:44px;background:#fff;overflow:hidden}
#section3 .grap .obj li:first-child{margin-left:0}
#section3 .grap .obj li a{position:absolute;bottom:0;left:0;width:100%;background-color:#fff}
#section3 .grap .obj li dl{position:relative;height:108px;padding:0 25px;background:url(/images/bird/main/more2.gif) no-repeat 235px 30px}
#section3 .grap .obj li dt{position:absolute;top:-38px;left:0;height:38px;padding:0 15px;line-height:38px;font-size:15px;color:#fff}
#section3 .grap .obj li dt.color1{background:url(/images/bird/main/section3_color1.png)}
#section3 .grap .obj li dt.color2{background:url(/images/bird/main/section3_color2.png)}
#section3 .grap .obj li dd.subject{padding:22px 0 5px;font-size:18px;color:#252525}
#section3 .grap .obj li dd.date{padding-left:20px;background:url(/images/bird/main/section3_list_icon.gif) no-repeat 0 50%;color:#777}

#section4{width:1000px;margin:0 auto;padding:35px 0 50px;border-bottom:0}
#section4:after{content:"";clear:both;display:block}

#section4 .mcont4{float:left;position:relative;width:650px}
#section4 .mcont4 h3{margin-bottom:20px;font-size:25px;color:#000}
#section4 .mcont4 .grap{position:relative;width:100%;height:443px;border:1px solid #dcdcdc;overflow:hidden}
#section4 .mcont4 .grap .item{position:absolute;top:0;left:0;width:100%;background:#fff}
#section4 .mcont4 .grap .item .pt{float:left;width:261px}
#section4 .mcont4 .grap .item .pt strong,
#section4 .mcont4 .grap .item .pt em,
#section4 .mcont4 .grap .item .pt p{display:block;text-align:center}
#section4 .mcont4 .grap .item .pt strong{padding-top:120px}
#section4 .mcont4 .grap .item .pt em{padding-top:10px}
#section4 .mcont4 .grap .item .pt p{padding-top:100px}
#section4 .mcont4 .grap .item .pt p img{margin-bottom:5px}
#section4 .mcont4 .grap .item .map{float:right}
#section4 .mcont4 .control{position:absolute;top:140px;left:0;width:261px;text-align:center}
#section4 .mcont4 .control a{display:inline-block;width:14px;height:14px;overflow:hidden;text-indent:-999px;background:url(/images/bird/main/mcont4_control.gif) no-repeat}
#section4 .mcont4 .control a.ov{background-position:0 100%}
#section4 .mcont4 .more{position:absolute;top:0;right:0}
#section4 .mcont4 .more a{display:block;width:46px;height:46px;overflow:hidden;text-indent:-999px;background:url(/images/bird/main/more.gif) no-repeat}

#section4 .mcont5{float:right}
#section4 .mcont5 p{width:305px;overflow:hidden}
#section4 .mcont5 p a{display:block;height:100%;text-align:center}
#section4 .mcont5 p a em{display:block;font-size:20px}
#section4 .mcont5 .bg1{height:243px}
#section4 .mcont5 .bg1 a{padding:30px 0 5px;background:url(/images/bird/main/mcont5_bg1.gif) no-repeat;color:#252525}
#section4 .mcont5 .bg2{height:266px}
#section4 .mcont5 .bg2 a{padding:140px 0 5px;background:url(/images/bird/main/mcont5_bg2.gif) no-repeat;color:#fff}

@media screen and (max-width:1519px){
	#mousewheel{display:none}
}

@media screen and (max-width:1279px){
	#mousewheel{display:none}
	#section1 .control a[rel="prev"]{left:0;}
	#section1 .control a[rel="next"]{right:0;}
	#section1 .title{margin-left:-350px}
}

@media screen and (max-width:1023px){
	#main_header{height:80px}
	#section1 .control{display:none}
	#section1 .title{left:5%;margin-left:0}
	#section1 .pt{left:4%;margin-left:0}
	#section1 .parse{left:5%;width:90%;margin-left:0}
	#section1 #visual1 .parse p{width:32.66%;margin-left:1%}
	#section1 #visual1 .parse p:first-child{width:32.66%;margin-left:0}
	#section1 #visual2 .parse{height:220px;}
	#section1 #visual2 .parse p{width:24.25%;margin-left:1%}
	#section1 #visual2 .parse p:first-child{width:24.25%;margin-left:0}
	#section1 #visual2 .parse p a span{font-size:1em}
	#section1 #visual1 .parse p a span br{display:none;}
	#section1 #visual2 .parse .view{margin-top:10px;}
	#section1 .parse p a{word-break: keep-all;}
	#section2{position:relative;width:95%;padding:35px 0 280px;box-sizing: border-box;}
	#section2 [class^="mcont"]{width:49%;margin-right:0;margin-left:2%}
	#section2 [class^="mcont"]:first-child{margin-left:0}
	#section2 .mcont2{position:absolute;width:100%;bottom:0;left:0;box-sizing:border-box;margin:0;}
	#section3{padding:0 2.5%;}
	#section3 .grap{width:100%;}
	#section3 .grap .obj{width:100%;}
	#section3 .grap .obj li{width:32%;margin-left:2%;}
	#section3 .grap .obj li dl{padding: 0 10px;background:none;}
	#section3 .grap .obj li dd.subject{font-size:15px;}
	#section3 .grap .obj li img{width:100%;height:203px;}
	#section4{width:95%;padding:35px 2.5% 50px;}
	#section4 .mcont4{width:100%;margin-bottom:50px;}
	#section4 .mcont5{float:none;}
	#section4 .mcont5 p{width:48%;float:left;margin-left:4%}
	#section4 .mcont5 p:first-child{margin-left:0}
	#section4 .mcont5 .bg1,
	#section4 .mcont5 .bg2{height:266px;}
	#section4 .mcont5 .bg1 a{padding:20px 0;box-sizing:border-box;background: url(/images/bird/main/mcont5_bg1.gif) no-repeat 50% 50%;background-size:cover;}
	#section4 .mcont5 .bg2 a{padding:140px 0 0;box-sizing:border-box;background: url(/images/bird/main/mcont5_bg2.gif) no-repeat 50% 50%;background-size:cover;}
}

@media screen and (max-width:767px){
	#section1{height:750px}
	#section1 .visual_tab{top:150px;}
	#section1 #visual1, #section1 #visual2{max-width:100%;height:100%}
	#section1 .obj{width:100%;}
	#section1 .obj .item img{max-width:none;height:750px;margin-left:-150px}
	#section1 .pt{top:420px;font-size:1.2em;}
	#section1 .parse{top:520px;}
	#section1 .title{top:280px;width:320px;}
	#section1 #visual1 .parse p a span{padding:90px 0;}
	#section1 #visual2 .parse p a span{padding:50px 0;}
	#section1 .parse p{overflow:hidden;}
	#section1 #visual1 .parse p{word-break: keep-all}
	#section1 #visual2 .parse p{width:49.25%;height:49.5%;margin-bottom:1%;}
	#section1 #visual2 .parse p:first-child{width:49.25%;}
	#section1 #visual2 .parse p:nth-child(2n+1){margin-left:0}
	#section1 #visual2 .parse p:nth-child(3),
	#section1 #visual2 .parse p:nth-child(4){margin-bottom:0}
	#section1 .parse .view{display:none}
	#section2{padding:35px 0 0;}
	#section2 [class^="mcont"]{width:100%;margin-right:0;margin-left:0;margin-bottom:50px;}
	#section2 .mcont2{position:relative;height: 180px}
	#section3 .grap h3{width:250px}
	#section3 .grap h3.title1 {margin-left: -185px;}
	#section3 .grap h3.title2{width:185px;}
	#section2 .mcont3 .garp{background:#fcfcfb url(/images/bird/main/mcont3_bg.gif) no-repeat 50% 50%;}
	#section2 .mcont3 .garp ul li{text-align:center}
	#section4 .mcont4 .grap{height: 700px;}
	#section4 .mcont4 .grap .item .pt{float:none;width:100%;}
	#section4 .mcont4 .grap .item .map{float:none;text-align: center;}
	#section4 .mcont4 .grap .item .pt strong{padding-top:60px;}
	#section4 .mcont4 .grap .item .pt p{padding-top:20px;}
	#section4 .mcont4 .control{top:90px;}
	#section2 .mcont1 ul li{width:100%;text-decoration:center}
	#section2 .mcont1 ul li a{background-color:#f0f0f0;}
	#section3 .grap .obj{top:155px;}
	#section3 .grap .obj li{width: 100%;height:120px;margin-bottom:2%;margin-left:0}
	#section3 .grap .obj li img{width:30%;height:100%}
	#section3 .grap .obj li a{left:30%;}
	#section3 .grap .obj li dt{top:70px;left:-26%;width:26%;padding: 0;text-align:center;font-size:13px}
}

@media screen and (max-width:479px){
	#section1{height:650px}
	#section1 .obj .item img{height:650px;margin-left:-250px}
	#main_header h1{width:175px;background-size:contain;}
	#section1 .title{width:280px}
	#section1 #visual1 .parse p{height:100px;}
	#section1 #visual1 .parse p a span{padding: 30px 20px;font-size: 1em;}
	#section1 .pt,
	#section2 .pt{left:2%;font-size: 1em}
	#section3 .grap h3{width:193px;}
	#section3 .grap h3.title1{margin-left: -145px;}
	#section3 .grap h3.title2{width:140px;margin-left:7px}
	#section4 .mcont4 .grap{height:545px}
	#section4 .mcont4 .grap .item .map{height:300px;}
	#section4 .mcont4 .grap .item .map img{height:100%;max-width:none}
	#section4 .mcont5 p{float:none;width:100%;margin-left:0;margin-bottom:20px}
	#section1 #visual1 .parse p a span br{display:block;}
}

@media screen and (max-width:379px){
	#section1 #visual1 .parse p a span{padding: 30px 18px;}
	#section3 .grap .obj li img{width:35%;height:100%}
	#section3 .grap .obj li a{left:35%;}
	#section3 .grap .obj li dt{top:70px;left:-32%;width:32%;padding: 0;text-align:center;font-size:13px}
	#section3 .grap .obj li dd.date{font-size:13px;}
}