@charset "utf-8";

/*

#mcontainer .float{float:left;overflow:hidden}

#quick{position:absolute;top:0;right:0;width:130px}
#quick a{display:block}
#quick a:link,#quick a:visited{color:#fff}
#quick .weather{height:420px;margin-top:5px;text-align:center;background:url(/images/kor/main/weather_bg.png) no-repeat;color:#fff}

#quick .title{height:89px;padding-top:20px;font-size:14px}
#quick .title img{display:block;margin:0 auto 10px}

#quick .option{font-size:12px}
#quick .option .temp{font-weight:700}

#quick .op1{padding-top:20px}
#quick .op1 a{display:inline-block;padding-right:10px;background:url(/images/kor/main/weather_arr.png) no-repeat 100% 50%}
#quick .op1 .temp{margin-top:5px;font-size:26px}

#quick .op2{padding-top:40px}
#quick .op2 .temp{font-size:24px}
#quick .op2 .temp span{font-weight:400;font-size:18px}

#quick .op3{padding-top:30px}
#quick .op3 .temp{font-size:20px;color:#fedf00}



#section1{background:url(/images/kor/main/section_bg1.jpg) no-repeat 50% 0}
#section1 .section-title{float:left;width:577px;height:130px;background:url(/images/kor/main/section_title1.png) no-repeat}
#section1 .content-search{position:relative;margin-left:870px;padding-top:43px;border-bottom:4px solid #2452a7}
#section1 .content-search [type="text"],#section1 .content-search [type="search"]{width:100%;height:45px;line-height:40px;border-width:0;background:transparent;color:#000}
#section1 .content-search [type="submit"]{position:absolute;bottom:0;right:0;width:45px;height:45px;overflow:hidden;text-indent:100px;border-width:0;background:url(/images/kor/main/search_btn.png) no-repeat 50% 50%}

#section2{background:url(/images/kor/main/section_bg2.jpg) repeat 50% 0}
#section2 .section-title{width:240px;height:250px;background:url(/images/kor/main/section_title2.png) no-repeat}


#section3{background:url(/images/kor/main/section_bg3.jpg) repeat 50% 0}
#section3 .section-title{width:240px;height:271px;background:url(/images/kor/main/section_title3.png) no-repeat}


#section4{background:url(/images/kor/main/section_bg4.jpg) no-repeat 50% 0}
#section4 .section-title{width:231px;height:174px;background:url(/images/kor/main/section_title4.png) no-repeat}


#section5{background:url(/images/kor/main/section_bg5.jpg) no-repeat 50% 0}
#section5 .section-title{width:240px;height:248px;background:url(/images/kor/main/section_title5.png) no-repeat}


.content-1-1{position:relative;width:850px;height:365px}
.content-1-1 .control{z-index:10;position:absolute;top:0;left:0;right:0}
.content-1-1 .control button{position:absolute;top:0;background:url(/images/kor/main/c_1_1_control.png) no-repeat}
.content-1-1 .control button[data-type="prev"]{left:0;background-position:0 0}
.content-1-1 .control button[data-type="next"]{right:0;background-position:0 0}

.content-1-1 .control .state{}
.content-1-1 .control .state button{}
.content-1-1 .control .state button[data-type="play"]{}
.content-1-1 .control .state button[data-type="stop"]{}

.content-1-1 .control .count{}
.content-1-1 .control .count i{}

.content-1-1 .item{position:absolute;top:0;left:0;width:100%;height:100%}
.content-1-1 .item a{display:block;width:100%;height:100%;overflow:hidden}


.content-1-2{width:330px;height:365px;margin-left:20px}
.content-1-2 .top{height:265px;background:#fff url(/images/kor/main/c_1_2_bg.png) no-repeat 100% 0}
.content-1-2 .top .title{width:228px;height:69px;background:url(/images/kor/main/c_1_2_title.png) no-repeat}
.content-1-2 .top a{display:inline-block;width:108px;height:108px;padding:20px 0;border-radius:100%;background:#2647a0;color:#fff}
.content-1-2 .top a .addr{display:inline-block;width:12px;height:5px;background:url(/images/kor/main/c_1_2_icon.png) no-repeat}

.content-1-2 .link{display:table;table-layout:fixed;width:100%;height:100px;text-align:center;background:#0094fd url(/images/kor/main/c_1_2_bar.png) no-repeat 50% 50%}
.content-1-2 .link a{display:table-cell;vertical-align:middle}
.content-1-2 .link span{display:inline-block;vertical-align:middle;text-align:left;line-height:1.2;color:#fff}
.content-1-2 .link .icon{margin-right:10px;background:url(/images/kor/main/c_1_2_icon.png) no-repeat}
.content-1-2 .link .icon1{width:38px;height:39px;background-position:0 -50px}
.content-1-2 .link .icon2{width:27px;height:28px;background-position:0 -100px}



.content-1-3{width:330px;height:333px}



.content-1-4{width:500px;height:333px;margin-left:20px}



.content-1-5{width:330px;height:333px;margin-left:20px}

*/

#mcontainer{}
.oil_wrap{position:relative;background:url(/images/oil/main/oil_bg.png)no-repeat;background-size: cover;background-position: 50% 0;}
.tit_box {padding-top: 235px;}
.tit_box h2{position:absolute;top:50px;left:50%;margin-left:-330px;width:770px;height:181px;font-size:0;background: url(/images/oilspill/main/oil_title.png)no-repeat;text-align:center;}
.tit_box p{text-align:center;color:#fff;font-size: 18px;line-height: 26px;}
.cont_wrap{margin:0 auto;margin-top: 30px;padding-bottom: 120px;}
.cont_wrap .item{float:left;width: 32.6%;height:270px;background-color: #ddd;padding:40px;margin-right: 10px;margin-bottom:10px;}
.cont_wrap .item.large{width: 66%;height:270px;overflow:hidden;}
.cont_wrap h3{margin-top: 0;color:#000;font-weight:bold;}
.item.slide{position:relative;background-color: #ffc75a;}
.item.slide .slider{position:absolute;top:0;left:0;width:200%;height:270px;}
.item.slide .slider .grab{}
.item.slide .slider .grab a{float:left;display:block;width:50%;height:270px;}

.item.slide .control{position:absolute;bottom:15px; left:40px;font-size: 0;}
.item.slide .control span{float: left;}
.item.slide .control .play_button a{float: left;margin-right:10px;}
.item.slide .control .num_button button{float: left;margin-right:10px;}
.item.slide .control .play{display:block;width:7px;height:9px;background:url(/images/oil/main/ir.png)no-repeat;background-position: 0 -1px;}
.item.slide .control .stop{display:block;width:9px;height:9px;background:url(/images/oil/main/ir.png)no-repeat;background-position: 0 -20px;}
.item.slide .control .ir{display:block;width:10px;height:10px;background:url(/images/oil/main/ir.png)no-repeat;background-position: 0 -40px;}
.item.slide .control .ir.ov{display:block;width:10px;height:10px;background:url(/images/oil/main/ir.png)no-repeat;background-position: 0 -60px;}
.item.call{position:relative;margin-right: 0px;background-color:#078e89;}
.item.call .obj{padding-left: 120px;margin-top: 40px;}
.item.call h3{color: #fff;text-align: center;word-break: keep-all}
.item.call h3 span{display:inline-block;background:url(/images/oilspill/main/oil_subtitle.png) no-repeat;font-size:0;width:220px;height:44px;vertical-align:top; margin-right: 10px;}
.item.call .ir{position:absolute;top:105px;left:40px;display:inline-block;background: url(/images/oil/main/call_ico.png) no-repeat;width:105px;height:105px;}
.item.call b{width:180px;display:block; color:#fff;font-size:22px;border-bottom:1px dashed #6ab3af;padding-bottom:5px;}
.item.call .obj span{display:block;color:#fff;font-size: 16px;padding-top: 5px;    word-break: keep-all;}

.item.news{position:relative;background-color:#fff;overflow: hidden;}
.item.news h3:after{display:block;content:"";width:38px;height:1px;background-color:#202020;margin-top:20px;margin-bottom:20px;}
.item.news .report_box{position:absolute;width:200%;}
.item.news .txt_box{float: left;width: 50%;height:160px;}
.item.news .txt_box p{width:90%;font-size: 18px;font-weight:bold;color:#1f1f1f;}
.item.news .txt_box span{display:block;margin-top: 50px;color:#787878;}
.item.news .control_button{position: absolute; top: 40px; right:40px;font-size:0;}
.item.news .control_button .prev{display:inline-block;background:url(/images/oil/main/ir2.png)no-repeat; background-position:0 0;width: 34px;height: 34px;margin-right: 5px;}
.item.news .control_button .next{display:inline-block;background:url(/images/oil/main/ir2.png)no-repeat; background-position:0 -43px;width: 34px;height: 34px;}
/*
.item.center_news{position:relative;background-color:#0d3983;}
.item.center_news h3{color:#fff;}
.item.center_news h3:after{display:block;content:"";width:38px;height:1px;background-color:#fff;margin-top:20px;margin-bottom:20px;}
.item.center_news ul{width: 100%; margin-top:20px;}
.item.center_news ul li{color:#d9dde8;background: url(/images/oil/main/bul.png)no-repeat 0 10px;font-size: 14px;text-align: right;line-height: 25px;}
.item.center_news ul li a{float: left;color:#d9dde8;display:inline-block;width:70%;overflow:hidden;text-align:left;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;line-height: 25px;margin-right: 15px;padding-left:5px;}
.item.center_news li a:hover{text-decoration:underline;}
.item.center_news li a:focus{text-decoration:underline;}
.item.center_news .more_ico{position:absolute;top:40px;right:40px;display:inline-block;background:url(/images/oil/main/ir2.png)no-repeat; background-position:0 -86px;width: 34px;height: 34px;margin-right: 5px;font-size:0;}    
*/
.item.thesis{position:relative;margin-right: 0px;background-color:#fff;}
.item.thesis h3:after{display:block;content:"";width:38px;height:1px;background-color:#202020;margin-top:20px;margin-bottom:20px;}
.item.thesis ul{width: 100% margin-top:20px;}
.item.thesis ul li{color:#333;background: url(/images/oil/main/bul_2.png)no-repeat 0 10px;font-size: 14px;text-align: right;line-height: 25px;}
.item.thesis ul li a{float:left;color:#333;display:inline-block;width:70%;overflow:hidden;text-align:left;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;
    line-height: 25px;margin-right: 15px;padding-left:5px;}
.item.thesis li a:hover{text-decoration:underline;}
.item.thesis li a:focus{text-decoration:underline;}
.item.thesis .more_ico{position:absolute;top:40px;right:40px;display:inline-block;background:url(/images/oil/main/ir2.png)no-repeat; background-position:0 -129px;width: 34px;height: 34px;margin-right: 5px;font-size:0;}    
.item.button{padding:0;}
.item.button ul li{display:block;width: 100%;height: 135px; text-align:center;}
.item.button ul li a{width: 100%;height: 100%;display: inline-block;color:#fff;font-size: 16px;font-weight:bold;line-height:18px}
.item.button .button1{background-color:#e43e3e;}
.item.button .button2{background-color:#4b5667;}
.item.button .button1 span{display:block;width:69px;height:51px;background: url(/images/oil/main/ir3.png)no-repeat;background-position: 0 -178px;margin: 0 auto;margin-top: 20px;margin-bottom:20px;}
.item.button .button2 span{display:block;width:38px;height:51px;background: url(/images/oil/main/ir3.png)no-repeat;background-position: 0 -61px;margin: 0 auto;margin-top: 20px;margin-bottom:20px;}
.item.issue{position:relative;margin-right: 0px;padding:0;overflow: hidden;}
.item.issue .organ_bg{height:270px;}
.item.issue .organ_bg figure{width:200%;height:100%;margin-left:-50%;text-align:center}
.item.issue .organ_bg img{max-width:none;height:100%}
.item.issue h3{position:absolute; top: 50px;left:50%;margin-left:-120px;color:#fff;font-size:27px; font-weight:normal;}
.item.issue span{position:absolute; top: 80px;left:50%;margin-left:-125px;color:#fff;font-size:17px;opacity:0.9;}
.item.issue p{position:absolute; top: 120px;left:10%;right: 10%;width:80%;color:#fff;text-align: center;font-size:15px;z-index:20;}
.item.issue .opa_bg{width:85%;height:55px;background-color:#000;opacity:0.5;position: absolute;top:116px;left:7.5%;right:7.5%;}
.item.issue .more{position:absolute;bottom:40px;left:50%;margin-left:-90px;display:block;width:185px;height:40px;background-color:#147ada;color:#fff;font-size:16px;border-radius:100px;text-align: center;line-height:40px;}
.item.issue .more:after{display:inline-block;content:"";width:34px;height:10px;background:url(/images/oil/main/ir2.png) no-repeat;background-position: 0 -172px;margin-left: 5px;font-weight:normal}
.organ{background-color:#fff;margin:0 auto;text-align: center;width: 1200px;height:85px;line-height:85px;}
.organ b{float: left;margin-right:50px;}
.organ ul li{float:left;}
.organ ul li:after{content:"|";margin:0 20px;}

@media(max-width:1200px){
	.item.call .obj{margin-top:0;}
	.item.call b{width:150px;}
	.item.center_news ul li a,
	.item.thesis ul li a{width:62%;}
	.item.issue p{width:90%;left:5%;right:5%;}
	.item.issue .opa_bg{width:90%;left:5%;right:5%;}
	.item.news .txt_box p{width:80%;}
}

@media(max-width:1024px){
	.cont_wrap .item{width:49.4%;}
	.cont_wrap .item.large{width: 100%;}
	.item.call{margin-right:10px;}
	.item.news{margin-right:0;}
	.item.call .obj{margin-top:40px;}
	.item.center_news ul li a, 
	.item.thesis ul li a{width:72%;}
	.item.button{width:100%;height: 135px;}
	.item.button ul li{width: 50%;float: left;}
	.item.issue .organ_bg img{height:120%;}
}

@media(max-width:892px){
	.cont_wrap .item{width:49.3%;}
	.item.button{width:100%;height: 135px;}
	.item.center_news ul li a, 
	.item.thesis ul li a{width:67%;}
	.item.issue .organ_bg img{height:100%;}
}

@media(max-width:768px){
	.cont_wrap .item{width:100%;}
	.item.button ul li{width:50%;}
	.item.issue p{display:none;}
	.item.issue span{top: 90px;z-index: 20;}
	.item.issue .opa_bg{top: 88px;width: 280px;height: 30px;left:50%;margin-left: -135px;}
	.item.issue h3{font-size:24px;margin-left:-110px}
	.item.issue .more{bottom:60px;}
	.tit_box p{display:none;}
	.tit_box h2{background-size: 80%; margin-left: -300px;}
	.item.news .txt_box p{width:85%;}
	.item.slide .slider .grab figure img{height:270px;}
}

@media(max-width:640px){
	.tit_box{padding-top:200px;}
	.tit_box h2{background-size: 60%; margin-left: -220px;}
}

@media(max-width:486px){
	.tit_box{padding-top:100px;}
	.tit_box h2{top:0;background-size: 45%; margin-left: -170px;}
	.item.call .ir{display:none}
	.item.call b{width:100%}
	.item.call .obj{padding-left:0}
}

#footer{clear:both;}