@charset "utf-8";

#mcontainer .float{float:left}

#quick{position:fixed;top:20%;left:50%;width:130px;margin-left:620px;z-index:999}
#quick a{display:block}
#quick a:link,#quick a:visited{color:#fff}
#quick .weather{height:490px;text-align:center;background:url(/images/kor/main/weather_bg.png) no-repeat;color:#fff}
#quick .minwon{margin-top:10px}

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

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

#quick .op1{padding-top:15px}
#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:28px}
#quick .op2 .temp{font-size:20px;color:#fedf00}

#quick .op3{padding-top:25px}
#quick .op3 ul{text-align:left;margin:10px 0 0 15px}
#quick .op3 ul li{margin-bottom:5px}
#quick .op3 a{display:inline-block;padding-right:10px;background:url(/images/kor/main/weather_arr.png) no-repeat 100% 50%}



#section1{position:relative;height:930px;/*background:url(/images/kor/main/section_bg1.jpg) no-repeat 50% 100%;background-size:cover*/}
#section1 .motion-bg{position:absolute;top:0;left:0;width:100%;height:100%;}

.sea{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/kor/main/sea.png) no-repeat 50% 100%;}

.sky {height:100%;
    background: #c6d7f2;
    position: relative;
    overflow: hidden;
    -webkit-animation: sky_background 50s ease-out infinite;
    -moz-animation: sky_background 50s ease-out infinite;
    -o-animation: sky_background 50s ease-out infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}


.clouds_one {
    background: url("/images/kor/main/cloud_one.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_one 50s linear infinite;
    -moz-animation: cloud_one 50s linear infinite;
    -o-animation: cloud_one 50s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.clouds_two {
    background: url("/images/kor/main/cloud_two.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_two 75s linear infinite;
    -moz-animation: cloud_two 75s linear infinite;
    -o-animation: cloud_two 75s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.clouds_three {
    background: url("/images/kor/main/cloud_three.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_three 100s linear infinite;
    -moz-animation: cloud_three 100s linear infinite;
    -o-animation: cloud_three 100s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}





@keyframes sky_background {
    0% {
        background: #c6d7f2;

    }
    50% {
        background: #007fd5;

    }
    100% {
        background: #c6d7f2;

    }
}


@keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}


#section1 .section-title{/*float:left;*/margin:0 auto;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{height:719px;padding:70px 0;background:url(/images/kor/main/section_bg2.jpg) repeat 50% 0;background-size:cover}
#section2 .section-title{float:left;width:240px;height:445px;background:#2fa5ba url(/images/kor/main/section_title2.png) no-repeat}


#section3{padding:70px 0}
#section3 .section-title{float:left;width:240px;height:480px;background:#1782ed url(/images/kor/main/section_title3.png) no-repeat}


#section4{position:relative;height:730px;padding:70px 0;background:url(/images/kor/main/section_bg3.jpg) repeat 50% 0;background-size:cover}
#section4 .section-title{position:relative;float:left;width:231px;height:174px;background:url(/images/kor/main/section_title4.png) no-repeat}
#section4 .deco{position:absolute;top:150px;left:50%;width:602px;height:487px;margin-left:-760px;background:url(/images/kor/main/s_3_img.png) no-repeat}
#section4 .float{position:relative}


#section5{padding:70px 0}
#section5 .section-title{position:relative;float:left;width:240px;height:480px;background:#7db602 url(/images/kor/main/section_title5.png) no-repeat}
#section5 .section-title .link{position:absolute;bottom:30px;left:0;right:0;text-align:center}
#section5 .section-title .link a{display:inline-block}




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

.content-1-1 .control .state{position:absolute;top:315px;right:20px}
.content-1-1 .control .state button{position:static;width:30px;height:30px;vertical-align:middle}
.content-1-1 .control .state button[data-type="play"]{display:none;background-position:0 -100px}
.content-1-1 .control .state button[data-type="stop"]{background-position:-50px -100px}

.content-1-1 .control .count{display:inline-block;margin-left:20px}
.content-1-1 .control .count i{display:inline-block;width:24px;height:24px;text-align:center;vertical-align:middle;font-size:13px;background:url(/images/kor/main/c_1_1_control.png) no-repeat -100px -100px;color:#fff}
.content-1-1 .control .count i:before{content:"";display:inline-block;height:105%;vertical-align:middle}


.content-1-1 .obj{position:absolute;top:0;left:0;width:200%;height:100%;overflow:hidden}
.content-1-1 .obj:after{content:"";display:block;clear:both}
.content-1-1 .obj .item{float:left;width:50%;height:100%}
.content-1-1 .obj .item a{display:block;width:100%;height:100%;overflow:hidden}
.content-1-1 .obj .item div{width:100%;height:100%;text-align:center}
.content-1-1 .obj .item div img{height:100%;max-width:920px;max-height:395px;width:100%}




.content-1-2{width:330px;height:365px;margin:0 0 20px 20px}
.content-1-2 .top{height:265px;overflow:hidden;background:#fff url(/images/kor/main/c_1_2_bg.png) no-repeat 100% 0}
.content-1-2 .top .title{width:228px;height:69px;margin:30px;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-top:30px;margin-left:40px;text-align:center;border-radius:100%;background:#2647a0;color:#fff}
.content-1-2 .top a .arr{display:inline-block;width:12px;height:7px;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{position:relative;width:330px;height:333px;background:#2c3441}
.content-1-3 .plain-title{z-index:2;position:absolute;top:0;left:0;width:63px;height:64px;background:url(/images/kor/main/c_1_3_title.png) no-repeat}

/*
.content-1-3 .control{z-index:1;position:absolute;left:0;width:100%;}
.content-1-3 .control button{float:left;width:30px;height:40px;margin-left:2px;background:url(/images/kor/main/c_4_2_control.png) no-repeat}
.content-1-3 .control button[data-type="prev"]{background-position:0 0}
.content-1-3 .control button[data-type="play"]{display:none;background-position:-31px 0}
.content-1-3 .control button[data-type="stop"]{background-position:-31px 0}
.content-1-3 .control button[data-type="next"]{background-position:-62px 0}
*/


.content-1-3 .item{position:absolute;top:0;left:0;width:100%;height:100%}
.content-1-3 .item a{display:block;width:100%;height:100%;overflow:hidden}
.content-1-3 .item .thumb{width:100%;text-align:center}
.content-1-3 .item .pt{height:100px;margin:30px}
.content-1-3 .item .pt span{display:block;font-size:14px;line-height:20px;overflow:hidden;color:#fff;font-weight:normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content-1-3 .item .pt span:first-child{margin-bottom:5px;font-size:15px;}
.content-1-3 .item .pt span.title{margin-bottom:5px;font-size:16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content-1-3 .item .pt span.text{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}



.content-1-3 .control{position:absolute;left:0;width:100%;height:50px;background:#2c3441}
.content-1-3 .control a,.content-1-3 .control button{display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(/images/kor/main/c_control.png) no-repeat}
.content-1-3 .control .count,.content-1-3 .control .state,.content-1-3 .control .more{position:absolute;top:0;height:100%}

.content-1-3 .control .count{left:20px;color:#fff}
.content-1-3 .control .count:before{content:"";display:inline-block;height:105%;vertical-align:middle}

.content-1-3 .control .state{right:50px}
.content-1-3 .control .state:before{content:"";display:inline-block;height:105%;vertical-align:middle}
.content-1-3 .control .state button[data-type="prev"]{background-position:3px 1px}
.content-1-3 .control .state button[data-type="stop"]{background-position:-21px 1px}
.content-1-3 .control .state button[data-type="play"]{display:none;background-position:-45px 1px}
.content-1-3 .control .state button[data-type="next"]{background-position:-70px 1px}

.content-1-3 .control .more{right:0}
.content-1-3 .control .more a,.content-1-3 .control .more button{width:38px;height:100%;border-left:1px solid #424954}
.content-1-3 .control .more a{background-position:-87px 17px}
.content-1-3 .control .more button{background-position:-112px 17px}



.content-1-3 .expand-target{display:none;z-index:10;position:absolute;top:0;right:0;bottom:0;left:0;padding:18px 25px 25px;background:#2c3441}
.content-1-3 .expand-target button{display:block;width:30px;height:30px;margin:20px auto 0;border:1px solid #ddd;background:url(/images/kor/main/expand_close2.png) no-repeat 50% 50%}
.content-1-3 .expand-target ul li{margin:7px 0 0}
.content-1-3 .expand-target ul li:after{content:"";display:block;clear:both}
.content-1-3 .expand-target ul li a{float:left;width:100%;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#cfcfcf}
.content-1-3 .expand-target ul li a:before{content:"";position:relative;top:-2px;display:inline-block;width:4px;height:2px;margin-right:7px;vertical-align:middle;background:#b5b9c0}
.content-1-3 .expand-target ul li a i{display:inline-block;width:50px;padding:5px 0;margin-right:10px;text-align:center;letter-spacing:-1px;line-height:1;font-size:12px;color:#fff}

.content-1-3 .expand-target ul li a:hover,
.content-1-3 .expand-target ul li a:focus{color:#fff}



.content-1-4{z-index:10;position:relative;width:500px;height:333px;padding:25px 40px 0;margin-left:20px;background:#fff}
.content-1-4 .tab{height:45px;border-bottom:1px solid #ddd}
.content-1-4 .tab:after{content:"";display:block;clear:both}
.content-1-4 .tab a{position:relative;float:left;height:100%;padding:0 15px;font-family:"nsr",sans-serif;font-size:16px;border-bottom:4px solid transparent}
.content-1-4 .tab a:before{content:"";position:absolute;top:50%;left:0;width:1px;height:16px;margin-top:-8px;background:#ddd}
.content-1-4 .tab a span{display:block;height:45px;border-bottom:4px solid transparent}
.content-1-4 .tab a span:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.content-1-4 .tab a.ov span{border-color:#005cc0}


.content-1-4 .tab .first{padding-left:0}
.content-1-4 .tab .first:before{display:none}


.content-1-4 .grap{margin-top:25px}
.content-1-4 .grap .obj{display:none}
.content-1-4 .grap .obj:first-child{display:block}
.content-1-4 .grap .obj ul{}
.content-1-4 .grap .obj ul li{margin:7px 70px 0 0}
.content-1-4 .grap .obj ul li:after{content:"";display:block;clear:both}
.content-1-4 .grap .obj ul li a{float:left;width:100%;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.content-1-4 .grap .obj ul li a i{display:inline-block;width:50px;padding:5px 0;margin-right:10px;text-align:center;letter-spacing:-1px;line-height:1;font-size:12px;color:#fff}
.content-1-4 .grap .obj ul li a span{}
.content-1-4 .grap .obj .date{float:right;width:70px;margin-right:-70px;text-align:right;font-size:13px}
.content-1-4 .grap .obj .color1{background-color:#0094fd}
.content-1-4 .grap .obj .color2{background-color:#ae1b6b}
.content-1-4 .grap .obj .color3{background-color:#ffaf00}
.content-1-4 .grap .obj .color4{background-color:#6b7382}
.content-1-4 .grap .obj .color5{background-color:#7fc100}

.content-1-4 .more{position:absolute;top:30px;right:40px}
.content-1-4 .more a,.content-1-4 .more button{float:left;width:30px;height:28px;background:url(/images/kor/main/c_1_4_icon.png) no-repeat}
.content-1-4 .more a{background-position:0 0}
.content-1-4 .more button{width:29px;background-position:-31px 0}

.content-1-4 .expand-target{display:none;position:absolute;top:0;right:0;bottom:0;left:0;padding:18px 40px 25px;background:#fff;border:1px solid #ddd}
.content-1-4 .expand-target button{display:block;width:30px;height:30px;margin:20px auto 0;border:1px solid #ddd;background:url(/images/kor/main/expand_close.png) no-repeat 50% 50%}


.content-1-5{z-index:10;position:relative;width:330px;height:333px;margin-left:20px;background:#2c3441}
.content-1-5 .plain-title{z-index:2;position:absolute;top:0;left:0;width:63px;height:64px;background:url(/images/kor/main/c_1_5_title.png) no-repeat}
.content-1-5 .obj{height:283px}
.content-1-5 .obj .item{position:absolute;top:0;left:0;width:100%;height:100%}
.content-1-5 .obj .item a{display:block;overflow:hidden}
.content-1-5 .obj .item .thumb{}
.content-1-5 .obj .item .thumb img{}
.content-1-5 .control{position:relative;height:50px;background:#2c3441}
.content-1-5 .control a,.content-1-5 .control button{display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(/images/kor/main/c_control.png) no-repeat}
.content-1-5 .control .count,.content-1-5 .control .state,.content-1-5 .control .more{position:absolute;top:0;height:100%}

.content-1-5 .control .count{left:20px;color:#fff}
.content-1-5 .control .count:before{content:"";display:inline-block;height:105%;vertical-align:middle}

.content-1-5 .control .state{right:50px}
.content-1-5 .control .state:before{content:"";display:inline-block;height:105%;vertical-align:middle}
.content-1-5 .control .state button[data-type="prev"]{background-position:3px 1px}
.content-1-5 .control .state button[data-type="stop"]{background-position:-21px 1px}
.content-1-5 .control .state button[data-type="play"]{display:none;background-position:-45px 1px}
.content-1-5 .control .state button[data-type="next"]{background-position:-70px 1px}

.content-1-5 .control .more{right:0}
.content-1-5 .control .more a,.content-1-5 .control .more button{width:38px;height:100%;border-left:1px solid #424954}
.content-1-5 .control .more a{background-position:-87px 17px}
.content-1-5 .control .more button{background-position:-112px 17px}

.content-1-5 .expand-target{display:none;z-index:10;position:absolute;top:0;right:0;bottom:0;left:0;padding:18px 25px 25px;background:#2c3441}
.content-1-5 .expand-target button{display:block;width:30px;height:30px;margin:20px auto 0;border:1px solid #ddd;background:url(/images/kor/main/expand_close2.png) no-repeat 50% 50%}
.content-1-5 .expand-target ul li{margin:7px 0 0}
.content-1-5 .expand-target ul li:after{content:"";display:block;clear:both}
.content-1-5 .expand-target ul li a{float:left;width:100%;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#cfcfcf}
.content-1-5 .expand-target ul li a:before{content:"";position:relative;top:-2px;display:inline-block;width:4px;height:2px;margin-right:7px;vertical-align:middle;background:#b5b9c0}
.content-1-5 .expand-target ul li a i{display:inline-block;width:50px;padding:5px 0;margin-right:10px;text-align:center;letter-spacing:-1px;line-height:1;font-size:12px;color:#fff}

.content-1-5 .expand-target ul li a:hover,
.content-1-5 .expand-target ul li a:focus{color:#fff}

.content-2-1,.content-2-3{background:#fff}

.content-2-1{width:610px;height:445px;padding:40px 50px 0;overflow:hidden}
.content-2-1 .tab{height:45px;border-bottom:1px solid #ddd}
.content-2-1 .tab:after{content:"";display:block;clear:both}
.content-2-1 .tab a{position:relative;float:left;height:100%;padding:0;width:25%;text-align:center;font-family:"nsr",sans-serif;font-size:19px;border-bottom:4px solid transparent}
.content-2-1 .tab a:before{content:"";position:absolute;top:50%;left:0;width:1px;height:16px;margin-top:-8px;background:#ddd}
.content-2-1 .tab a span{display:block;height:45px;border-bottom:4px solid transparent}
.content-2-1 .tab a span:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.content-2-1 .tab a.ov span{border-color:#005cc0}

.content-2-1 .tab .first{padding-left:5px}
.content-2-1 .tab .first:before{display:none}

.content-2-1 .grap{margin-top:35px}
.content-2-1 .grap .obj{display:none}
.content-2-1 .grap .obj:first-child{display:block}

.content-2-1 .grap .obj .pt{float:left;overflow:hidden}
.content-2-1 .grap .obj .title{padding-top:3px;font-size:18px}
.content-2-1 .grap .obj .more{display:inline-block;width:30px;height:28px;margin-left:5px;vertical-align:top;background:url(/images/kor/main/c_2_1_more.png) no-repeat}
.content-2-1 .grap .obj .month{height:100px;margin-top:20px;text-align:center;background:#f2f2f2}
.content-2-1 .grap .obj .month:before{content:"";display:inline-block;vertical-align:middle;height:100%}
.content-2-1 .grap .obj .month div{display:inline-block;vertical-align:middle;font-family:"nsr",sans-serif;font-size:13px}
.content-2-1 .grap .obj .month div span{display:inline-block;line-height:1;font-size:22px;color:#23469c}
.content-2-1 .grap .obj .month div span:after{content:"";display:block;width:24px;height:2px;margin:7px auto 5px;background:#c2c2c2}
.content-2-1 .grap .obj .month div span i{font-size:40px}


.content-2-1 .grap .obj ul{overflow:hidden;padding-left:25px}
.content-2-1 .grap .obj ul li{margin:5px 90px 0 0}
.content-2-1 .grap .obj ul li:after{content:"";display:block;clear:both}
.content-2-1 .grap .obj ul li a{float:left;width:100%;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.content-2-1 .grap .obj ul li a i{display:inline-block;width:50px;padding:5px 0;margin-right:10px;text-align:center;letter-spacing:-1px;line-height:1;font-size:12px;color:#fff}
.content-2-1 .grap .obj ul li a span{}
.content-2-1 .grap .obj .date{float:right;width:90px;margin-right:-90px;text-align:right;font-size:13px}
.content-2-1 .grap .obj .color1{background-color:#ae1b6b}
.content-2-1 .grap .obj .color2{background-color:#1b85f2}
.content-2-1 .grap .obj .color3{background-color:#6b7382}
.content-2-1 .grap .obj .color4{background-color:#E6007D}
.content-2-1 .grap .obj .color5{background-color:#378E42}
.content-2-1 .grap .obj .control{display:none}
.content-2-1 .grap .obj .link{margin-top:50px}
.content-2-1 .grap .obj .link-obj{display:table;table-layout:fixed;border-collapse:collapse;width:100%}
.content-2-1 .grap .obj .link a{position:relative;display:table-cell;text-align:center;vertical-align:middle;border-left:1px solid #e8e8e8}
.content-2-1 .grap .obj .link a:first-child{border-left-width:0}
.content-2-1 .grap .obj .link .icon{display:block;width:50px;height:50px;margin:0 auto 10px;background:url(/images/kor/main/c_2_1_icon.png) no-repeat}
.content-2-1 .grap .obj .link .icon1{background-position:0 0}
.content-2-1 .grap .obj .link .icon2{background-position:-50px 0}
.content-2-1 .grap .obj .link .icon3{background-position:-100px 0}
.content-2-1 .grap .obj .link .icon4{background-position:-150px 0}
.content-2-1 .grap .obj .link .icon5{background-position:-200px 0}




.content-2-2{width:330px;height:445px;margin-left:20px}
.content-2-2 .item{margin-top:0px;background:#fff}

/*.content-2-2 .item:first-child{margin-top:0}
.content-2-2 .item:first-child .pt{display:block}*/
/*20170731_����AI��oA��*/
.content-2-2 .item:nth-child(3){margin-top:0}
.content-2-2 .item .pt{display:none;height:278px}
.content-2-2 .item:nth-child(3) .pt{display:block}

.content-2-2 .item .title{height:55px}
.content-2-2 .item .title a{display:block;height:100%;padding-left:25px;color:#fff;background:url(/images/kor/main/c_2_2_arr.png) no-repeat 290px 50%}
.content-2-2 .item .title a:before{content:"";display:inline-block;height:105%;vertical-align:middle}
.content-2-2 .item .title .color1{background-color:#316ede}
.content-2-2 .item .title .color2{background-color:#23469c}
.content-2-2 .item .title .color3{background-color:#2fa5ba}

.content-2-2 .item .title .icon{position:relative;top:-2px;display:inline-block;width:35px;height:25px;vertical-align:middle;margin-right:5px;background:url(/images/kor/main/c_2_2_icon_title.png) no-repeat}
.content-2-2 .item .title .icon1{background-position:0 0}
.content-2-2 .item .title .icon2{background-position:0 -50px}
.content-2-2 .item .title .icon3{background-position:0 -100px}

.content-2-2 .item .pt{padding-top:30px}
.content-2-2 .item .pt .link{display:table;table-layout:fixed;border-collapse:collapse;width:100%}
.content-2-2 .item .pt .link a{display:table-cell;padding:5px 0;vertical-align:middle;text-align:center;letter-spacing:-1px;font-size:14px;border-left:1px solid #e8e8e8}
.content-2-2 .item .pt .link a:first-child{border-left-width:0}
.content-2-2 .item .pt .link .icon{display:block;width:50px;height:50px;margin:5px auto 0;background:url(/images/kor/main/c_2_2_icon_pt.png) no-repeat}

.content-2-2 .item .pt .link .icon1{background-position:0 0}
.content-2-2 .item .pt .link .icon2{background-position:-50px 0}
.content-2-2 .item .pt .link .icon3{background-position:-100px 0}

.content-2-2 .item .pt .link .icon4{background-position:0 -50px}
.content-2-2 .item .pt .link .icon5{background-position:-50px -50px}
.content-2-2 .item .pt .link .icon6{background-position:-100px -50px}

.content-2-2 .item .pt .link .icon7{background-position:0 -100px}
.content-2-2 .item .pt .link .icon8{background-position:-50px -100px}
.content-2-2 .item .pt .link .icon9{background-position:-100px -100px}
/* 20171103추가*/
.content-2-2 .item .pt .link .icon10{background-position:0 -100px}

/*
.content-2-2 .item .pt .link .icon4{background-position:0 -50px}
.content-2-2 .item .pt .link .icon5{background-position:-50px -50px}
.content-2-2 .item .pt .link .icon6{background-position:-100px -50px}

.content-2-2 .item .pt .link .icon7{background-position:0 -100px}
.content-2-2 .item .pt .link .icon8{background-position:-50px -100px}
.content-2-2 .item .pt .link .icon9{background-position:-100px -100px}
*/

.content-2-2 .item .pt ul{margin:25px 0 0 25px}
.content-2-2 .item .pt ul li{float:left;width:50%;max-width:150px}
.content-2-2 .item .pt ul li a{display:inline-block;font-size:14px}
.content-2-2 .item .pt ul li a:before{content:"";position:relative;top:-2px;display:inline-block;width:4px;height:2px;margin-right:7px;vertical-align:middle;background:#b5b9c0}



.content-2-3{width:100%;height:115px;margin-top:20px}
.content-2-3:after{content:"";display:block;clear:both}
.content-2-3 .plain-title{float:left;width:240px;height:100%;text-align:center;background:url(/images/kor/main/c_2_3_title_bg.png) no-repeat}
.content-2-3 .plain-title:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.content-2-3 .plain-title span{display:inline-block;width:153px;height:38px;vertical-align:middle;background:url(/images/kor/main/c_2_3_title.png) no-repeat}
.content-2-3 .link{padding-top:20px;margin-left:240px;text-align:center}
.content-2-3 .link a{display:inline-block;height:100%;width:11.11%;font-size:16px}
.content-2-3 .link .icon{display:block;width:75px;height:50px;margin:0 auto;background:url(/images/kor/main/c_2_3_icon.png) no-repeat}
.content-2-3 .link .icon1{background-position:0 0}
.content-2-3 .link .icon2{background-position:-75px 0}
.content-2-3 .link .icon3{background-position:-150px 0}
.content-2-3 .link .icon4{background-position:-225px 0}
.content-2-3 .link .icon5{background-position:-300px 0}
.content-2-3 .link .icon6{background-position:-375px 0}
.content-2-3 .link .icon7{background-position:-450px 0}
.content-2-3 .link .icon8{background-position:-525px 0}
.content-2-3 .link .icon9{background-position:-600px 0}


.content-3-1{width:960px;height:480px;overflow:hidden}
.content-3-1 ul{height:100%;overflow:hidden;border-bottom:1px solid #e3e4e7}
.content-3-1 ul li{float:left;width:25%;height:240px;border:solid #e3e4e7;border-width:1px 1px 0 0}
.content-3-1 ul li a{display:block;width:100%;height:100%;overflow:hidden}


.content-3-1 .cat .thumb{padding:30px 20px;height:130px;}
.content-3-1 .cat .thumb h2{display:block;}
.content-3-1 .cat .thumb h2 em{display:block;overflow:hidden;height:50px;color:#fff;font-size:20px;line-height:1.3;font-family:'nsr';font-weight:600}
.content-3-1 .cat .thumb span{background-color:#2C3441}


.content-3-1 .cat.color1 .thumb{background-color:#ff7600}
.content-3-1 .cat.color2 .thumb{background-color:#449f00}
.content-3-1 .cat.color3 .thumb{background-color:#357ed7}
.content-3-1 .cat.color4 .thumb{background-color:#d72f3a}
.content-3-1 .cat.color5 .thumb{background-color:#dc1581}
.content-3-1 .cat.color6 .thumb{background-color:#13af51}
.content-3-1 .cat.color7 .thumb{background-color:#00adff}
.content-3-1 .cat.color8 .thumb{background-color:#1061ea}
.content-3-1 .cat.color9 .thumb{background-color:#263282}
.content-3-1 .cat.color10 .thumb{background-color:#6b7482}
.content-3-1 .cat.color11 .thumb{background-color:#6a21c5}
.content-3-1 .cat.color12 .thumb{background-color:#009275}
.content-3-1 .cat.color13 .thumb{background-color:#ed4c4c}


.content-3-1 .thumb{position:relative;height:135px;margin:15px;overflow:hidden}
.content-3-1 .thumb div{width:200%}
.content-3-1 .thumb div img{max-width:none;height:110%}

.content-3-1 .thumb span{position:absolute;bottom:0;left:0;padding:5px 10px;line-height:1;font-size:12px;color:#fff}
.content-3-1 .thumb .color1{background-color:#ff7600}
.content-3-1 .thumb .color2{background-color:#449f00}
.content-3-1 .thumb .color3{background-color:#357ed7}
.content-3-1 .thumb .color4{background-color:#d72f3a}
.content-3-1 .thumb .color5{background-color:#dc1581}
.content-3-1 .thumb .color6{background-color:#13af51}
.content-3-1 .thumb .color7{background-color:#00adff}
.content-3-1 .thumb .color8{background-color:#1061ea}
.content-3-1 .thumb .color9{background-color:#263282}
.content-3-1 .thumb .color10{background-color:#6b7482}
.content-3-1 .thumb .color11{background-color:#6a21c5}
.content-3-1 .thumb .color12{background-color:#009275}
.content-3-1 .thumb .color13{background-color:#ed4c4c}

.content-3-1 .cnt{margin:0 15px}
.content-3-1 .cnt .pt{width:100%;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content-3-1 .cnt .info{display:table;table-layout:fixed;width:100%;margin-top:10px}
.content-3-1 .cnt .info div{display:table-cell;vertical-align:middle;font-size:14px}
.content-3-1 .cnt .info .date{color:#b3b3b3}
.content-3-1 .cnt .info .like{text-align:right;color:#767676}
.content-3-1 .cnt .info .like .icon{display:inline-block;position:relative;top:4px;width:15px;height:13px;font-size:0;vertical-align:top;background:url(/images/kor/main/c_3_1_icon.png) no-repeat}

.content-3-2{width:100%;margin-top:35px;text-align:center;overflow:hidden}
.content-3-2:after{content:"";display:block;clear:both}
.content-3-2 a{float:left;min-width:75px;width:11.11%;font-size:14px}
.content-3-2 .control{display:none}
.content-3-2 .icon{display:block;width:75px;height:75px;margin:0 auto 10px;background:url(/images/kor/main/c_3_2_icon.png) no-repeat}
.content-3-2 .icon1{background-position:0 0}
.content-3-2 .icon2{background-position:-75px 0}
.content-3-2 .icon3{background-position:-150px 0}
.content-3-2 .icon4{background-position:-225px 0}
.content-3-2 .icon5{background-position:-300px 0}
.content-3-2 .icon6{background-position:-379px 0}
.content-3-2 .icon7{background-position:-460px 0}
.content-3-2 .icon8{background-position:-525px 0}
.content-3-2 .icon9{background-position:-600px 0}
.content-3-2 .icon10{background-position:-595px 0}

.content-4-1{position:relative;width:454px;height:288px;margin-left:165px}
.content-4-1 .plain-title{z-index:3;position:absolute;top:0;left:0;width:65px;height:65px;background:url(/images/kor/main/c_4_1_title.png) no-repeat}
.content-4-1 .control{z-index:3;position:absolute;top:0;left:0;right:0}
.content-4-1 .control button{position:absolute;top:130px;width:25px;height:39px;background:url(/images/kor/main/c_4_1_control.png) no-repeat}
.content-4-1 .control button[data-type="prev"]{left:20px;background-position:0 0}
.content-4-1 .control button[data-type="next"]{right:20px;background-position:100% 0}
.content-4-1 .item{position:absolute;top:0;left:0;width:100%;height:100%}
.content-4-1 .item a{display:block}
.content-4-1 .item .thumb{z-index:1;position:relative}
.content-4-1 .item .thumb:after{content:"";z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/kor/main/opacity_block.png)}
.content-4-1 .item .pt{z-index:2;position:absolute;top:0;left:0;display:table;table-layout:fixed;width:100%;height:100%;text-align:center;color:#fff}
.content-4-1 .item .pt div{display:table-cell;vertical-align:middle;padding:0 50px;font-size:14px}
.content-4-1 .item .pt i{display:block;font-size:16px}
.content-4-1 .item .pt i:after{content:"";display:block;width:18px;height:1px;margin:15px auto;background-color:#3d90df}
.content-4-1 .item .pt b{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;font-size:18px}


.content-4-2{position:relative;width:330px;height:288px;margin-left:20px;background:#2c3441}
.content-4-2 .obj{position:relative;height:238px}
.content-4-2 .obj .item{position:absolute;top:0;left:0;width:100%;height:100%}
.content-4-2 .obj .item a{display:block;overflow:hidden}
.content-4-2 .obj .item .thumb{}
.content-4-2 .obj .item .thumb img{}
.content-4-2 .control{position:relative;height:50px;background:#2c3441}
.content-4-2 .control a,.content-4-2 .control button{display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(/images/kor/main/c_control.png) no-repeat}
.content-4-2 .control .count,.content-4-2 .control .state,.content-4-2 .control .more{position:absolute;top:0;height:100%}

.content-4-2 .control .count{left:20px;color:#fff}
.content-4-2 .control .count:before{content:"";display:inline-block;height:105%;vertical-align:middle}

.content-4-2 .control .state{right:50px}
.content-4-2 .control .state:before{content:"";display:inline-block;height:105%;vertical-align:middle}
.content-4-2 .control .state button[data-type="prev"]{background-position:3px 1px}
.content-4-2 .control .state button[data-type="stop"]{background-position:-21px 1px}
.content-4-2 .control .state button[data-type="play"]{display:none;background-position:-45px 1px}
.content-4-2 .control .state button[data-type="next"]{background-position:-70px 1px}

.content-4-2 .control .more{right:0}
.content-4-2 .control .more a,.content-4-2 .control .more button{width:38px;height:100%;border-left:1px solid #424954}
.content-4-2 .control .more a{background-position:-87px 17px}
.content-4-2 .control .more button{background-position:-112px 17px}

.content-4-2 .expand-target{display:none;z-index:10;position:absolute;top:0;right:0;bottom:0;left:0;padding:18px 25px 25px;background:#2c3441}
.content-4-2 .expand-target button{display:block;width:30px;height:30px;margin:20px auto 0;border:1px solid #ddd;background:url(/images/kor/main/expand_close2.png) no-repeat 50% 50%}
.content-4-2 .expand-target ul li{margin:7px 0 0}
.content-4-2 .expand-target ul li:after{content:"";display:block;clear:both}
.content-4-2 .expand-target ul li a{float:left;width:100%;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#cfcfcf}
.content-4-2 .expand-target ul li a:before{content:"";position:relative;top:-2px;display:inline-block;width:4px;height:2px;margin-right:7px;vertical-align:middle;background:#b5b9c0}
.content-4-2 .expand-target ul li a i{display:inline-block;width:50px;padding:5px 0;margin-right:10px;text-align:center;letter-spacing:-1px;line-height:1;font-size:12px;color:#fff}

.content-4-2 .expand-target ul li a:hover,
.content-4-2 .expand-target ul li a:focus{color:#fff}



.content-4-3{width:454px;height:288px;margin:17px 0 0 396px;padding:40px;background:#23469c}
.content-4-3 .grap{position:relative;overflow:hidden}
.content-4-3 .title{margin-bottom:25px;font-weight:700;line-height:1;font-family:"nsr",sans-serif;font-size:19px;color:#fff}

.content-4-3 .control{position:absolute;top:0;right:25px;line-height:1}
.content-4-3 .control button{display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(/images/kor/main/c_control.png) no-repeat}
.content-4-3 .control button[data-type="prev"]{background-position:3px 1px}
.content-4-3 .control button[data-type="stop"]{background-position:-21px 1px}
.content-4-3 .control button[data-type="play"]{display:none;background-position:-45px 1px}
.content-4-3 .control button[data-type="next"]{background-position:-70px 1px}

.content-4-3 .more{position:absolute;top:0;right:0}
.content-4-3 .more a{display:block;width:16px;height:16px;background:url(/images/kor/main/c_control.png) no-repeat -98px 2px}

.content-4-3 .obj{position:relative;width:200%;height:147px;overflow:hidden}
.content-4-3 .item{float:left;width:50%;height:100%}
.content-4-3 .item .thumb{float:left;}
.content-4-3 .item .pt{margin-left:140px;color:#fff}
.content-4-3 .item .pt i{display:block;font-size:18px;white-space: nowrap;  overflow: hidden;text-overflow: ellipsis}
.content-4-3 .item .pt ul{}
.content-4-3 .item .pt ul li{margin-top:9px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content-4-3 .item .pt ul li span{display:inline-block;padding:5px 7px;margin-right:7px;line-height:1;font-size:13px;background:#1b85f3}
.content-4-3 .item .pt .detail{margin-top:20px}
.content-4-3 .item .pt .detail a{display:inline-block;padding:5px 28px 5px 13px;font-size:13px;border:1px solid #fff;background:url(/images/kor/main/c_4_3_arr.png) no-repeat 80px 50%;color:#fff}




.content-4-4{width:330px;height:288px;margin:17px 0 0 20px}
.content-4-4 .top,.content-4-4 .bottom{display:table;table-layout:fixed;width:100%;height:134px;text-align:center}
.content-4-4 .top a,.content-4-4 .bottom a{display:table-cell;vertical-align:middle;color:#fff}

.content-4-4 .top{margin-bottom:20px;background:#333 url(/images/kor/main/c_4_4_top_bg.jpg) no-repeat 50% 0;background-size:cover}
.content-4-4 .top a{font-weight:700}
.content-4-4 .bottom{background:#80858a}

.content-4-4 .icon{display:block;width:50px;height:50px;margin:0 auto;background:url(/images/kor/main/c_4_4_icon.png) no-repeat}
.content-4-4 .icon1{background-position:0 0}
.content-4-4 .icon2{background-position:-50px 0}
.content-4-4 .icon3{background-position:-100px 0}
.content-4-4 .icon4{background-position:0 -50px}
.content-4-4 .icon5{background-position:-50px -50px}
.content-4-4 .icon6{background-position:-100px -50px}

.content-4-4 .top .icon{width:45px;height:45px;margin-bottom:7px;background:url(/images/kor/main/c_4_4_top_icon.png) no-repeat}


.content-5-1{height:480px;margin-left:0;overflow:hidden;border-bottom:1px solid #e3e4e7}
.content-5-1 .qrate{float:left;width:50%;height:240px;padding:25px;font-size:14px;border:solid #e3e4e7;border-width:1px 1px 0 0}
.content-5-1 .qrate.even{background-color:#f8f8f8}
.content-5-1 .qrate .title{display:block;height:36px}
.content-5-1 .qrate .title:before{content:"";display:inline-block;height:110%;vertical-align:middle}
.content-5-1 .qrate .pt{display:block;margin:20px 0}
.content-5-1 .qrate .pt .href{color:#1b86f2}
.content-5-1 .qrate .date{font-size:12px;color:#989a9b}

.content-5-1 .qrate-fb .title{background:url(/images/kor/main/fb.png) no-repeat 100% 50%}
.content-5-1 .qrate-tw .title{background:url(/images/kor/main/tw.png) no-repeat 100% 50%}
.content-5-1 .qrate-nb .title{background:url(/images/kor/main/nb.png) no-repeat 100% 50%}
.content-5-1 .qrate-kk .title{background:url(/images/kor/main/kakao.png) no-repeat 100% 50%}

.content-5-2{width: 479px;height: 480px}
.content-5-2 h3{margin-bottom:15px;font-weight: 700;line-height: 1;font-family: "nsr",sans-serif;font-size: 19px;color: #333;}
.content-5-2 .communi_lnk{position:relative;width:100%;height:240px;padding:40px;border: 1px solid #e3e4e7;border-left:none;border-bottom:none}
.content-5-2 .communi_lnk ul{padding-bottom: 30px;border-bottom: 1px solid #e3e4e7;}
.content-5-2 .communi_lnk ul li{float: left;width:25%}
.content-5-2 .communi_lnk ul li a{display:block;text-align:center;font-size: 14px;line-height:16px}
.content-5-2 .communi_lnk ul li a .c_ico{display:block;width:60px;height:60px;margin:0 auto;margin-bottom:10px;background:url(/images/kor/main/commu_ico.png) no-repeat;}
.content-5-2 .communi_lnk ul li a .c_ico.ico1{background-position: 0 0}
.content-5-2 .communi_lnk ul li a .c_ico.ico2{background-position: -74px 0}
.content-5-2 .communi_lnk ul li a .c_ico.ico3{background-position: -149px 0}
.content-5-2 .communi_lnk ul li a .c_ico.ico4{background-position: -223px 0}
.content-5-2 .job_info{position:relative;width:100%;height:240px;padding:0 40px;border: 1px solid #e3e4e7;border-left:none;border-top:none;}
.content-5-2 .job_info h3{margin-bottom:15px;}
.content-5-2 .job_info ul{margin-bottom:20px;}
.content-5-2 .job_info ul li{margin: 7px 70px 0 0;}
.content-5-2 .job_info ul li a{float: left;width: 100%;padding: 2px 0;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.content-5-2 .job_info ul li a span{display:inline-block;min-width: 53px;margin-right:10px;text-align: center;padding: 5px 10px;line-height: 1;font-size: 12px;color: #fff;}
.content-5-2 .job_info ul li a .ing{background-color:#ae1b6b}
.content-5-2 .job_info ul li a .fin{background-color:#6b7382}
.content-5-2 .job_info ul li .date{float: right;width: 70px;margin-right: -70px;text-align: right;font-size: 13px;}
.content-5-2 .job_info .ir.more{position: absolute;top:0;right:20px;width: 30px;height: 28px;background: url(/images/kor/main/c_1_4_icon.png) no-repeat;background-position: 0 0;}
.content-5-2 .job_info .job_center{clear:both;}
.content-5-2 .job_info .job_center p{float:left;border:1px solid #e3e4e7;padding: 10px 0;text-align: center;}
.content-5-2 .job_info .job_center .center_tit{width:60%;background-color:#bfb7ad;font-size:14px;color:#fff;border-color:#bfb7ad;}
.content-5-2 .job_info .job_center .center_tit .call_ico{display:inline-block;width:23px;height:23px;background:url(/images/kor/main/center_call.png) no-repeat;margin-right:5px;vertical-align:middle}
.content-5-2 .job_info .job_center .center_num{width:40%;border-left:none;font-size: 16px}


@media(max-width:1200px){
    .content-5-2{width:100%;}
    .content-5-2 .communi_lnk{border-left: 1px solid #e3e4e7;border-top: none}
    .content-5-2 .job_info{border-left: 1px solid #e3e4e7}
    .content-5-2 .communi_lnk{padding:20px;}
    .content-5-2 .job_info{padding:0 20px;}
}

@media(max-width:400px){
    .content-5-2{height:575px;}
    .content-5-2 .communi_lnk ul li{width:50%;min-height:102px;margin-bottom:20px}
    .content-5-2 .job_info{height:335px;}
    .content-5-2 .job_info .ir.more{top:50px;right:20px}
    .content-5-2 .job_info .job_center .center_tit,
    .content-5-2 .job_info .job_center .center_num{width:100%;border-left:1px solid #e3e4e7}
}




@media(min-width:0px){
    #quick{display:none}

    #mcontainer .float{float:none}


    #section1,#section2,#section3,#section4,#section5{height:auto;padding:20px 0 30px}

    #section1 .section-title{display:none;width:100%;height:65px;background-position:50% 50%;background-size:auto auto}

    #section1 .content-search{display:none}

    #section4 .deco{display:none}

    .content-1-1,.content-1-2,.content-1-3,.content-1-4,.content-1-5,
    .content-2-1,.content-2-2,.content-2-3,
    .content-3-1,.content-3-2,.content-3-3,.content-3-4,
    .content-4-1,.content-4-2,.content-4-3,.content-4-4,
    .content-5-1{width:100%;margin:10px 0 0}

    .content-1-1{width:100%;height:auto;padding-top:57%}
    .content-1-1 .control{position:static}
    .content-1-1 .control button{z-index:10;top:43%;width:33px;height:33px;background-size:auto 100px}
    .content-1-1 .control button[data-type="prev"]{left:10px}
    .content-1-1 .control button[data-type="next"]{right:10px;background-position:-34px 0}
    .content-1-1 .control .state{z-index:10;top:auto;bottom:10px;right:10px}
    .content-1-1 .control .state button{background-size:auto}
    .content-1-1 .control .count{margin-left:10px;vertical-align:middle}



    .content-1-2{height:auto}
    .content-1-2 .top{height:180px;background-position:100% 100%;background-size:auto 100%}
    .content-1-2 .top a{width:90px;height:55px;line-height:1.3;padding:10px;text-align:left;font-size:14px;border-radius:0}
    .content-1-2 .top .title{width:auto;height:55px;margin:20px 30px;background-size:auto 100%}
    .content-1-2 .link{height:50px;background-size:1px 15px}
    .content-1-2 .link .icon{display:none}
    .content-1-2 .link br{display:none}



    .content-1-3{width:100%;/*height:auto;padding-top:82.8%*/}
    .content-1-3 .item{height:100%}
    .content-1-3 .item .thumb{overflow:hidden;position:relative;margin-left:0;width:100%;height:68%;text-align:center}
    .content-1-3 .item .thumb img{max-width:none;/*height:100%;*/width:100%;}
    .content-1-3 .item .pt{height:15%;margin:2% 30px 0}
    .content-1-3 .control{bottom:0%}




    .content-1-4{height:auto;padding:25px 20px 60px}
    .content-1-4 .tab a{width:25%;padding:0 2%;text-align:center;font-size:11px}
    .content-1-4 .tab a:last-child{padding-right:0}
    .content-1-4 .more{top:285px;right:20px}

    .content-1-4 .expand-target{height:100%;padding:18px 20px 60px}
    .content-1-4 .expand-target ul{height:100%;padding-right:20px;overflow:auto}
    .content-1-4 .expand-target button{margin-top:10px}


    .content-1-5{height:auto}
    .content-1-5 .obj{height:auto;padding-top:86%}
    .content-1-5 .obj .item a:focus{border:1px dotted blue;}
    .content-1-5 .obj .item .thumb{position:relative;width:200%;margin-left:-50%;padding-top:86%}
    .content-1-5 .obj .item .thumb img{position:absolute;top:0;left:0;right:0;max-width:none;width:50%;height:100%;margin:0 auto}

    .content-1-5 .expand-target button{margin-top:10px}


    #section2 .section-title,#section3 .section-title,#section4 .section-title,#section5 .section-title{width:100%;height:50px;margin:20px 0 10px;background:transparent no-repeat 50% 0}

    #section2 .section-title{background-image:url(/images/kor/main/mo_section_title2.png)}
    #section3 .section-title{background-image:url(/images/kor/main/mo_section_title3.png)}
    #section4 .section-title{background-image:url(/images/kor/main/mo_section_title4.png)}
    #section5 .section-title{background-image:url(/images/kor/main/mo_section_title5.png)}



    .content-2-1{height:auto;padding:15px 15px 0}
    .content-2-1 .tab a{padding:0 7px;font-size:12px}
    .content-2-1 .tab a:last-child{padding-right:0}
    .content-2-1 .tab .first{padding-left:0}



    .content-2-1 .grap{margin-top:15px}
    .content-2-1 .grap .obj .pt{float:none;margin-bottom:10px}
    .content-2-1 .grap .obj .pt .title{float:left}
    .content-2-1 .grap .obj .pt .month{float:right;height:30px;padding:0 15px;margin:0}
    .content-2-1 .grap .obj .month br{display:none}
    .content-2-1 .grap .obj .month div{font-family:"ntk",sans-serif;font-size:14px}
    .content-2-1 .grap .obj .month div span,.content-2-1 .grap .obj .month div span i{font-size:14px}
    .content-2-1 .grap .obj .month div span:after{display:none}

    .content-2-1 .grap .obj ul{padding-left:0}

    .content-2-1 .grap .obj .control{display:block;position:relative;z-index:10}
    .content-2-1 .grap .obj .control button{position:absolute;top:45px;width:20px;height:39px;background:url(/images/kor/main/c_2_1_control.png) no-repeat}
    .content-2-1 .grap .obj .control button[data-type="prev"]{left:0;background-position:0 0}
    .content-2-1 .grap .obj .control button[data-type="next"]{right:0;background-position:100% 0}

    .content-2-1 .grap .obj .link{position:relative;display:block;padding-bottom:20px;margin-top:30px;overflow:hidden}
    .content-2-1 .grap .obj .link .link-obj{position:relative;width:200%;overflow:hidden}
    .content-2-1 .grap .obj .link .link-obj .item{float:left;width:20%}



    .content-2-2{height:auto}
    .content-2-2 .item .title a{background-position:90% 50%}
    .content-2-2 .item .pt{height:242px;padding:10px 0 20px;overflow:hidden}
    .content-2-2 .item .pt ul{margin-top:15px}
    .content-2-2 .item .pt ul li{max-width:137px}



    .content-2-3{height:auto}
    .content-2-3 .plain-title{float:none;width:100%;padding:10px 0;background:none;background-color:#007085}
    .content-2-3 .link{padding:10px;margin-left:0;overflow:hidden}
    .content-2-3 .link a{float:left;width:33.3%;padding:10px 0}

    /*.content-3-1{height:560px;border:1px solid #e3e4e7}*/
    .content-3-1{height:auto;border:1px solid #e3e4e7}
    /*.content-3-1 ul{overflow:auto}*/
    .content-3-1 ul li{width:50%;height:auto;/*height:auto;*//*height:auto;border-width:1px 0 0*/}
    .content-3-1 ul li:first-child{border-top-width:0}
    .content-3-1 .cnt{padding-bottom:10px}
    .content-3-1 .cnt .pt{display:none;}
    .content-3-1 .cat .thumb{padding: 15px 20px;height:75px;}

    .content-3-1 .thumb{height:auto}
    .content-3-1 .thumb div{position:relative;width:200%;margin-left:-50%;padding-top:62.5%}
    .content-3-1 .thumb div img{position:absolute;top:0;left:0;right:0;height:110%;margin:0 auto}
    .content-3-1 .img .thumb div img{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .content-3-1 .img:hover .thumb div img,
    .content-3-1 .img:focus .thumb div img{transform:scale(1.3,1.3)}






    .content-3-2{padding-top:10px}
    .content-3-2 .control{display:block;position:relative;z-index:10;margin:0 10px}
    .content-3-2 .control button{position:absolute;top:30px;width:20px;height:39px;background:url(/images/kor/main/c_2_1_control.png) no-repeat}
    .content-3-2 .control button[data-type="prev"]{left:0;background-position:0 0}
    .content-3-2 .control button[data-type="next"]{right:0;background-position:100% 0}
    .content-3-2 .grap{position:relative;width:250px;height:120px;margin:0 auto;overflow:hidden}
    .content-3-2 .grap .obj{position:relative;width:200%;height:100%;overflow:hidden}
    .content-3-2 .grap .obj a{width:25%;height:100%;line-height:1.2}


    .content-4-1{height:auto;padding-top:80%}
    .content-4-1 .control{position:static}
    .content-4-1 .control button{z-index:10;top:43%}
    .content-4-1 .item  a{width:100%;height:100%;overflow:hidden}
    .content-4-1 .item  a:focus{border:1px dotted blue;}
    .content-4-1 .item .thumb{position:relative;width:200%;height:100%;margin-left:-50%;text-align:center}
    .content-4-1 .item .thumb img{max-width:none;width:100%;height:100%}
    .content-4-1 .item .pt b{font-size:16px}



    .content-4-2{height:auto}
    .content-4-2 .obj{height:auto;padding-top:62%}
    .content-4-2 .obj .item a{display:block;width:100%;height:100%}
    .content-4-2 .obj .item a:focus{border:1px dotted blue;}
    .content-4-2 .obj .item .thumb{position:relative;width:200%;height:100%;margin-left:-50%;text-align:center}
    .content-4-2 .obj .item .thumb img{max-width:none;height:100%;width:50%}



    .content-4-3{height:auto;padding:30px}
    .content-4-3 .item .thumb{width:25.5%}
    .content-4-3 .item .pt{margin:0;padding-left:10px;overflow:hidden}



    .content-4-4{height:auto}
    .content-4-4 .top{margin-bottom:10px}



    #section5 .section-title .link{display:none}

    /*

    .content-5-1{overflow:auto;border:1px solid #e3e4e7}
    .content-5-1 .qrate{width:100%;height:auto;border-width:1px 0 0}
    .content-5-1 .qrate:first-child{border-top-width:0}
	*/

    .content-5-1{border:1px solid #e3e4e7;border-right:none;height:auto;}
    .content-5-1 .qrate{margin-top:-1px;width:50%;height:278px;/*height:auto;border-width:1px 0 0*/}

}





@media(min-width:640px){
    #mcontainer .float{float:left}


    .content-1-1,.content-1-2,.content-1-3,.content-1-4,.content-1-5,
    .content-2-1,.content-2-2,.content-2-3,
    .content-3-1,.content-3-2,.content-3-3,.content-3-4,
    .content-4-1,.content-4-2,.content-4-3,.content-4-4,
    .content-5-1{margin-top:15px}

    .content-1-1,.content-2-1,.content-3-1,.content-4-1,.content-4-2{margin-top:0}



    #section1 .section-title{display:block;height:130px}

    .content-1-1{padding-top:42.9%}
    .content-1-1 .control button{width:49px;height:49px;background-size:auto auto}
    .content-1-1 .control button[data-type="prev"]{left:20px}
    .content-1-1 .control button[data-type="next"]{right:20px;background-position:-50px 0}
    .content-1-1 .control .state{bottom:20px;right:20px}

    .content-1-1 .obj .item div img{width:auto;}



    .content-1-2{width:49%}
    .content-1-2 .top{height:241px}
    .content-1-2 .top .title{width:228px;height:69px;margin:30px;background-size:auto auto}
    .content-1-2 .top a{width:100px;height:100px;padding:32px 0 0 16px;border-radius:100%}
    .content-1-2 .link{height:100px;background-size:auto auto}
    .content-1-2 .link .icon{display:inline-block}

    .content-1-3{width:49%;height:341px;padding-top:0;margin-left:2%}
    .content-3-1 .cat .thumb{height: 130px;    padding: 30px 20px;}

    .content-1-4{width:49%;height:286px}
    .content-1-4 .tab a{padding:0 1%;font-size:16px}
    .content-1-4 .grap .obj ul{overflow:hidden;height:148px;}
    .content-1-4 .more{top:250px}

    .content-1-5{/* overflow:hidden; */width:49%;height:288px;margin-left:2%}
    .content-1-5 .obj{height:283px;padding-top:0}
    .content-1-5 .obj .item .thumb{padding-top:75%}


    #section1, #section2, #section3, #section4, #section5{padding:20px 0 50px}
    #section2 .section-title,#section3 .section-title,#section4 .section-title,#section5 .section-title{height:75px;background-position:50% -50px}



    .content-2-1{padding:25px 60px 0}
    .content-2-1 .tab a{padding:0;font-size:17px;}
    .content-2-1 .tab a:last-child{padding-right:10px}
    .content-2-1 .tab .first{padding-left:10px}
    .content-2-1 .grap .obj .pt{float:left}
    .content-2-1 .grap .obj ul{padding-left:45px}
    .content-2-1 .grap .obj .pt .title{float:none}
    .content-2-1 .grap .obj .pt .month{float:none;height:100px;margin-top:20px}
    .content-2-1 .grap .obj .month div{font-family:"nsr",sans-serif;font-size:13px}
    .content-2-1 .grap .obj .month div span{display:block;font-size:22px}
    .content-2-1 .grap .obj .month div span:after{display:block}
    .content-2-1 .grap .obj .month div span i{font-size:40px}

    .content-2-1 .grap .obj .control{display:none}
    .content-2-1 .grap .obj .link .link-obj{width:100%}




    .content-2-2{width:49%}
    .content-2-2 .item .pt ul li{max-width:175px}


    .content-2-3{width:49%;margin-left:2%}
    .content-2-3 .link a{padding:18px 0}




    .content-3-1{height:480px;margin-top:0;border-width:0}
    .content-3-1 .cnt .pt{display:block;}
    .content-3-1 ul{overflow:hidden;border:solid #e3e4e7;border-width:0 0 1px 1px}
    .content-3-1 ul li{width:33.3%;height:240px;border-width:1px 1px 0 0}
    .content-3-1 ul li:first-child{border-top-width:1px}
    .content-3-1 ul li:nth-child(7),.content-3-1 ul li:nth-child(8){display:none}
    .content-3-2 .grap{width:auto;margin:0 30px}
    .content-3-2 .grap .obj a{width:11.1%}


    .content-4-1{width:55%;height:288px;padding-top:0}
    .content-4-1 .item .pt div{padding:0 100px}


    .content-4-2{width:43%;margin-left:2%}
    .content-4-2 .obj{height:238px;padding-top:0}



    .content-4-3{width:55%;margin-left:0}
    .content-4-3 .item .thumb{width:34%}
    .content-4-3 .item .pt{padding-left:15px}



    .content-4-4{width:43%;margin-left:2%}
    .content-4-4 .top,.content-4-4 .bottom{height:120px}
    .content-4-4 .top{margin-bottom:10px}



    .content-5-1{overflow:hidden;margin-top:0;margin-right:-1px;width:58%;border-width:1px 0 1px 1px}
    .content-5-1 .qrate{width:50%;height:240px;border-width:1px 1px 0 0}
    .content-5-1 .qrate:first-child{border-top-width:1px}
    .content-5-1 .qrate:nth-child(7),.content-5-1 .qrate:nth-child(8){display:none}
    .content-5-1 .qrate.even:nth-child(5){background-color:#fff}
    .content-5-1 .qrate:nth-child(6){background-color:#f8f8f8}
    .content-5-2{width:42%;}
    .content-5-2 .communi_lnk{padding:10px 20px;border-top:1px solid #e3e4e7;}
    .content-5-2 .communi_lnk h3{display:none;}
    .content-5-2 .communi_lnk ul li{width:50%;min-height:107px;}
    .content-5-2 .communi_lnk ul{padding-bottom:10px;}
    .content-5-2 .job_info ul{margin-bottom:10px;}
    .content-5-2 .job_info h3{padding-top:15px;}
    .content-5-2 .job_info .job_center .center_tit{font-size:13px;}
    .content-5-2 .job_info .job_center .center_num{font-size:14px;}
    .content-5-2 .job_info .ir.more{top:7px;}
}




@media(min-width:1024px){
    #mcontainer .layout{max-width:974px}




    .content-1-1,.content-1-2,.content-1-3,.content-1-4,.content-1-5,
    .content-2-1,.content-2-2,.content-2-3,
    .content-3-1,.content-3-2,.content-3-3,.content-3-4,
    .content-4-1,.content-4-2,.content-4-3,.content-4-4,
    .content-5-1{margin:15px 0 0}


    .content-1-1,.content-1-2,.content-2-1,.content-2-2,.content-3-1,.content-4-1,.content-4-2,.content-5-1{margin-top:0}







    #section1 .section-title{margin:0 auto;width:577px}

    #section1 .content-search{display:block;margin-left:684px}





    .content-1-1{width:669px;height:365px;padding-top:0}




    .content-1-2{width:290px;height:365px;margin-left:15px}
    .content-1-2 .top{height:265px}
    .content-1-2 .link br{display:inline-block}




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



    .content-1-4{width:364px;height:333px;margin-left:15px}
    .content-1-4 .grap .obj ul{overflow:hidden;height:auto;}
    .content-1-4 .more{top:287px}



    .content-1-5{width:290px;height:333px;margin-left:15px}
    .content-1-5 .obj{position:relative}
    .content-1-5 .obj .item a{width:100%;height:100%}
    .content-1-5 .obj .item .thumb{height:100%;padding-top:0}



    .content-2-1{width:669px;height:445px;padding:40px 50px 0}
    .content-2-1 .tab a{font-size:18px;}
    .content-2-1 .tab a:last-child{padding-right:2%}
    .content-2-1 .tab .first{padding-left:2%}
    .content-2-1 .grap{margin-top:35px}
    .content-2-1 .grap .obj .link{margin-top:50px}



    .content-2-2{width:290px;height:445px;margin-left:15px}
    .content-2-2 .item .pt{height:280px;padding:30px 0 0}
    .content-2-2 .item .pt ul{margin:25px 0 0 25px}
    .content-2-2 .item .pt ul li{max-width:150px}



    .content-2-3{width:100%;height:115px}
    .content-2-3 .plain-title{float:left;width:117px;height:115px;padding:0;overflow:hidden;background: url(/images/kor/main/c_2_3_title_bg.png) no-repeat;background-position:0 -150px}
    .content-2-3 .link{height:100%;padding:0}
    .content-2-3 .link a{width:11.11%;padding:22px 0;line-height:1.2}


    .content-3-1 ul li{width:25%}
    .content-3-1 ul li:nth-child(7),.content-3-1 ul li:nth-child(8){display:block}



    .content-4-1{width:554px;height:351px}
    .content-4-1 .item .pt div{padding:0 155px}




    .content-4-2{width:405px;height:351px;margin-left:15px}
    .content-4-2 .obj{height:300px}



    .content-4-3{width:554px;height:288px;padding:40px}
    .content-4-3 .item .thumb{width:auto;max-width:130px;height:147px;overflow:hidden}
    .content-4-3 .item .pt{padding-left:40px}



    .content-4-4{width:405px;height:288px;margin-left:15px}



    .content-4-4 .top,.content-4-4 .bottom{height:134px}
    .content-4-4 .top{margin-bottom:20px}



    .content-5-1{margin-right:-1px;width:50%;height:480px;}
    .content-5-1 .qrate{width:50%}
    .content-5-1 .qrate.even:nth-child(5){background-color:#f8f8f8}
    .content-5-1 .qrate:nth-child(6){background-color:transparent}
    .content-5-1 .qrate:nth-child(7),.content-5-1 .qrate:nth-child(8){display:block}

    .content-5-2{width:50%;}
    .content-5-2 .communi_lnk{padding:30px 20px;padding-bottom:0;height:240px;}
    .content-5-2 .communi_lnk h3{display:block;}
    .content-5-2 .communi_lnk ul{padding-top:15px;padding-bottom:30px;}
    .content-5-2 .communi_lnk ul li{width:25%}
    .content-5-2 .job_info ul{margin-bottom:20px;min-height: 100px;}




}


@media(min-width:1200px){
    #mcontainer .layout{min-width:1200px}

    #section4 .deco{display:block}




    .content-1-1,.content-1-2,.content-1-3,.content-1-4,.content-1-5,
    .content-2-1,.content-2-2,.content-2-3,
    .content-3-1,.content-3-2,.content-3-3,.content-3-4,
    .content-4-1,.content-4-2,.content-4-3,.content-4-4,
    .content-5-1{margin:0}


    #section2,
    #section3,
    #section4,
    #section5{padding:70px 0}

    #section1 .content-search{margin-left:870px}


    #section2 .section-title,#section3 .section-title,#section4 .section-title,#section5 .section-title{margin:0}


    #section2 .section-title{width:240px;height:445px;background:#2fa5ba url(/images/kor/main/section_title2.png) no-repeat}


    #section3 .section-title{width:240px;height:480px;background:#1782ed url(/images/kor/main/section_title3.png) no-repeat}


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


    #section5 .section-title{width:240px;height:480px;background:#7db602 url(/images/kor/main/section_title5.png) no-repeat}




    .content-1-1{width:850px;height:365px}


    .content-1-2{width:330px;height:365px;margin:0 0 20px 20px}


    .content-1-3{width:330px;height:333px}
    .content-1-3 .item .thumb{height:68%}
    .content-1-3 .item .pt{height:22%;margin:6% 30px 0}
    .content-1-3 .control{bottom:30%}

    .content-1-4{width:500px;height:333px;padding:25px 40px 0;margin-left:20px}
    .content-1-4 .tab a{width:auto;padding:0 15px}
    .content-1-4 .more{top:30px;right:40px}


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





    .content-2-1{width:610px;height:445px}
    .content-2-1 .tab a{width:25%;font-size:19px;padding:0}



    .content-2-2{width:330px;height:445px;margin-left:20px}


    .content-2-3{margin-top:20px}
    .content-2-3 .plain-title{width:240px;background-position:0 0}



    .content-3-1{width:960px;height:480px}


    .content-3-2{margin-top:20px}
    .content-3-2 .control{display:none}
    .content-3-2 .grap,.content-3-2 .grap .obj{width:100%;margin:0}
    .content-3-2 .grap .obj a{width:11.1%}


    .content-4-1{width:454px;height:288px;margin-left:165px}
    .content-4-1 .item .pt div{padding:0 110px}


    .content-4-2{width:330px;height:288px;margin-left:20px}
    .content-4-2 .obj{height:238px}


    .content-4-3{width:454px;height:288px;margin:17px 0 0 396px}


    .content-4-4{width:330px;height:288px;margin:17px 0 0 20px}


    .content-5-1{width:481px;margin-left:0}
    .content-5-2{width:479px}
    .content-5-2 .communi_lnk ul{padding-bottom:50px;}




}


@media(min-width:1440px){
    #quick{display:block;}
}


#mbanner{padding:26px 0;}
#mbanner .layout{padding-left:171px;}
#mbanner .layout h2{position:absolute;top:0;left:0;font-family:"nsr",sans-serif;font-size:17px;font-weight:600;color:#121212}
#mbanner .layout .control{position:absolute;top:0;left:94px;}
#mbanner .layout .control button{display:inline-block;float:left;width:27px;height:28px;background:url(/images/kor/main/mbanner_control.png) no-repeat}
#mbanner .layout .control button[data-type="prev"]{background-position:0 0;width:28px;}
#mbanner .layout .control button[data-type="next"]{background-position:-55px 0;}
#mbanner .layout .control button[data-type="play"]{background-position:-82px 0;}
#mbanner .layout .control button[data-type="stop"]{background-position:-28px 0}
#mbanner .box{overflow:hidden;position:relative;padding:0 30px;}
#mbanner .grap{overflow:hidden;position:relative;margin-left:-28px;z-index:11;}
#mbanner .grap .obj{overflow:hidden;position:relative;width:10000px;}
#mbanner .grap .obj .item{display:inline-block;position:relative;float:left;padding:4px 28px;color:#666;font-size:15px;line-height:1.4;}
#mbanner .grap .obj .item:after{content:"";display:block;position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;background-color:#c5c5c5;}

@media(min-width:0px){
    #mbanner .layout {padding-left:0;}
    #mbanner .layout h2{display:block;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;position:relative;left:auto;}
    #mbanner .layout .control{left:auto;right:10px;}
    #mbanner .box{padding:0;}
    #mbanner .grap .obj .item{font-size:16px;}
}
@media(min-width:640px) {
    #mbanner .layout{padding-left:171px;}
    #mbanner .layout h2{position:absolute;top:0;left:0;margin:0;padding:0;border:none;}
    #mbanner .layout .control{left:94px;right:auto;}
    #mbanner .box{padding:0 30px;}
    #mbanner .grap .obj .item{font-size:15px;}


}