@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Noto+Serif:400,700');


a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, select {
    display: block
}
ol, ul {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
    content: none
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}
img {
    vertical-align: top;
    outline: 0;
    border: none
}
iframe, textarea {
    vertical-align: top
}
address {
    font-style: normal
}
.rooftop {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 78px;
    filter: alpha(opacity=0);
    opacity: 0
}
.rooftop.on {
    filter: "";
    opacity: 1
}
.joins_gnb {
    background-color: #fff!important
}
.joins_gnb .doc {
    padding: 0 40px;
    width: auto!important
}
.forehead {
    line-height: 46px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
}
.forehead .inner {
    position: relative;
    padding: 0 40px;
    width: auto!important;
    height: 46px;
    margin: auto
}
.forehead .inner:after {
    content: '';
    clear: both;
    display: block
}
.brandsolution-logo {
    float: left;
    margin-top: 16px
}
.brandsolution-logo a {
    display: block;
    width: 128px;
    height: 13px;
    background: url(../img/sp-common.png) no-repeat 0 0
}
.brand-identity {
    position: absolute;
    top: 0;
    left: 50%;
    width: 200px;
    height: 46px;
    margin-left: -100px;
    text-align: center;
    line-height: 46px
}
.brand-identity img {
    vertical-align: middle;
    position: relative;
    top: -4px
}
.sns-share-box {
    float: right;
    margin-top: 14px
}
.sns-share-box>ul:after {
    content: '';
    display: block;
    clear: both
}
.sns-share-box>ul>li {
    float: left;
    margin: 0 5px
}
.sns-share-box>ul>li>a {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/sp-common.png) no-repeat
}
.sns-share-box a.sns-fb {
    background-position: -100px -20px
}
.sns-share-box a.sns-tw {
    background-position: -120px -20px
}
.sns-share-box a.sns-ks {
    background-position: -140px -20px
}
.sns-share-box a.sns-bl {
    background-position: -160px -20px
}
.sns-share-box a.sns-more {
    background-position: -180px -20px
}
.sns-share-box a.sns-fb:hover {
    background-position: 0 -20px
}
.sns-share-box a.sns-tw:hover {
    background-position: -20px -20px
}
.sns-share-box a.sns-ks:hover {
    background-position: -40px -20px
}
.sns-share-box a.sns-bl:hover {
    background-position: -60px -20px
}
.sns-share-box a.sns-more:hover {
    background-position: -80px -20px
}
.sns-more-box {
    overflow: hidden;
    padding: 0;
    max-height: 0;
    position: absolute;
    top: 46px;
    right: 40px;
    border: none;
    background: #fff;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}
.sns-more-box.open {
    max-height: 200px;
    padding: 5px 0;
    border: 1px solid #cac9c9
}
.sns-more-box li {
    margin: 10px 18px;
    line-height: 24px;
    font-size: 12px
}
.sns-more-box i {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url(../img/sp-common.png) no-repeat
}
.sns-more-box a.sns-gp i {
    background-position: 0 -50px
}
.sns-more-box a.sns-pt i {
    background-position: -30px -50px
}
.sns-more-box a.sns-ma i {
    background-position: -60px -50px
}
.sns-more-box a {
    font-size: 12px;
    text-decoration: none;
    color: #3c3e40
}





@font-face {
    font-family: NotoSansKR;
    font-style: normal;
    font-weight: 200;
    src: url(/project/hanwha_solar/fonts/NotoSansKR-Light.eot);
    src: url(/project/hanwha_solar/fonts/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'), url(/project/hanwha_solar/fonts/NotoSansKR-Light.woff) format('woff'), url(/project/hanwha_solar/fonts/NotoSansKR-Light.otf) format('opentype')
}
@font-face {
    font-family: NotoSansKR;
    font-style: normal;
    font-weight: 300;
    src: url(/project/hanwha_solar/fonts/NotoSansKR-DemiLight.eot);
    src: url(/project/hanwha_solar/fonts/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'), url(/project/hanwha_solar/fonts/NotoSansKR-DemiLight.woff) format('woff'), url(/project/hanwha_solar/fonts/NotoSansKR-DemiLight.otf) format('opentype')
}
@font-face {
    font-family: NotoSansKR;
    font-style: normal;
    font-weight: 400;
    src: url(/project/hanwha_solar/fonts/NotoSansKR-Regular.eot);
    src: url(/project/hanwha_solar/fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'), url(/project/hanwha_solar/fonts/NotoSansKR-Regular.woff) format('woff'), url(/project/hanwha_solar/fonts/NotoSansKR-Regular.otf) format('opentype')
}




@font-face {
    font-family: noto-sans-scott;
    font-weight: 100;
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Thin.eot');
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Thin.eot') format('embedded-opentype'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Thin.woff') format('woff'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Thin.otf') format('truetype');
}

@font-face {
    font-family: noto-sans-scott;
    font-weight: 200;
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Light.eot');
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Light.eot') format('embedded-opentype'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Light.woff') format('woff'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Light.otf') format('truetype');
}

@font-face {
    font-family: noto-sans-scott;
    font-weight: 300;
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-DemiLight.eot');
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-DemiLight.eot') format('embedded-opentype'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-DemiLight.woff') format('woff'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-DemiLight.otf') format('truetype');
}

@font-face {
    font-family: noto-sans-scott;
    font-weight: 400;
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Regular.eot');
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Regular.eot') format('embedded-opentype'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Regular.woff') format('woff'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Regular.otf') format('truetype');
}

@font-face {
    font-family: noto-sans-scott;
    font-weight: 500;
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Medium.eot');
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Medium.eot') format('embedded-opentype'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Medium.woff') format('woff'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Medium.otf') format('truetype');
}

@font-face {
    font-family: noto-sans-scott;
    font-weight: 700;
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Black.eot');
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Black.eot') format('embedded-opentype'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Black.woff') format('woff'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Black.otf') format('truetype');
}

@font-face {
    font-family: noto-sans-scott;
    font-weight: 900;
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Bold.eot');
    src: url('/project/hanwha_solar/fonts/NotoSansCJKkr-Bold.eot') format('embedded-opentype'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Bold.woff') format('woff'),
    url('/project/hanwha_solar/fonts/NotoSansCJKkr-Bold.otf') format('truetype');
}


body {
    overflow-x: hidden;
    min-width: 1000px;
    margin: auto;
    font-size: 20px;
    font-family: NotoSansKR, 'Noto Sans KR', 'Source Han Sans', Roboto,  '맑은 고딕', 'Malgun Gothic', '나눔고딕', NanumGothic, sans-serif;
    font-weight: 200;
    color: #363636
}

h2 {
    font-weight: 400
}
h3 {
    font-weight: 300
}
a {
    color: #363636;
    text-decoration: none
}
p {
    letter-spacing: -1px;
    line-height: 1.75;
    word-break: keep-all
}
#viewport {
    padding-top: 78px
}
.header {
    position: relative;
    height: 100vh;
    text-align: center
}
.header .scroller, .header h1, .header h2 {
    position: absolute
}
.header h1 {
    top: 50%;
    left: 0;
    right: 0;
    line-height: 165px;
    margin-top: -229px;
    /*text-transform: uppercase;*/
    letter-spacing: -2px;
    /*font-family: Roboto, NotoSansKR, 'Noto Sans KR', sans-serif!important;*/
    font-family: 'Noto Serif', serif!important;
    font-size: 100px;
    font-weight: 400;
    color: #ee7f40
}
.header h1 .bot, .header h1 .small, .header h1 .top {
    overflow: hidden
}
.header h1 .bot {
    font-size: 35px;
    line-height: 50px;
    font-weight: 200
}
.header h1 .bot DIV.inner{
    font-family: NotoSansKR, 'Noto Sans KR', sans-serif!important;
    font-weight: 300;
    color: #ffd2a4;
}
.header h1 .top {
    color: #f6810a
}
.header h1 .top .inner {

    font-family: noto-sans-scott;
    font-weight: 500;
}
.header h1 .top .inner SPAN {
    font-family: NotoSansKR, 'Noto Sans KR', sans-serif!important;
    font-weight: 300;
    font-size: 35px;
}
.header h2 {
    top: 50%;
    left: 0;
    right: 0;
    margin-top: 30px;
    color: #fff;
    font-size: 30px
}
.header .scroller {
    overflow: hidden;
    width: 190px;
    left: 50%;
    bottom: 144px;
    margin-left: -95px
}
.header .scroller .inner {
    width: 190px;
    height: 166px;
    margin-top: 64px;



    background: url(/project/hanwha_solar/img/intro_arrow.png) top left;
    background-size: 190px 166px;

}

.header .dim {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /*opacity: .45;*/
    /*background: #000*/


    background: url(/project/hanwha_solar/img/header_bg1.png) top left;
    background-size: 1600px 1200px;
}
#bgHero {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}
.copyright {
    padding: 70px 0;
    background: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 200;
    color: #818181
}
.copyright p {
    letter-spacing: 0
}

/*기석네비*/

.navigator.movnav {
    position: fixed;
    z-index: 90;
    top: 130px;
    left: 30px;
    opacity: 1;
    width: 200px;
}
.navigator.movnav li {
    position: relative;
    margin-botom: 12px;
    text-align: left
}
.navigator.movnav li span {
    font-family: noto-sans-scott;
    display: block;
    position: absolute;
    top: -4px;
    left: 18px;
    height: 15px;
    line-height: 15px;
    text-transform: capitalize;
    vertical-align: top;
    letter-spacing: -0.5px;
    font-weight: 300;
    font-size: 14px;
    color: #b7b7b7
}
.navigator.movnav li a {
    display: inline-block;
    vertical-align: top;
    width: 8px;
    height: 0px;
    border: 2px solid #555;
    border-radius: 0;
}
.navigator.movnav li.active span {
    color: #ffffff
}
.navigator.movnav li.active a {
    border-color: #ffffff
}


.navigator.movnav li.link1.active span { color: #ffffff}
.navigator.movnav li.link2.active span { color: #fd9314}
.navigator.movnav li.link3.active span { color: #fd9314}
.navigator.movnav li.link4.active span { color: #ffffff}
.navigator.movnav li.link5.active span { color: #ffffff}
.navigator.movnav li.link6.active span { color: #fd9314}
.navigator.movnav li.link7.active span { color: #fd9314}
.navigator.movnav li.link8.active span { color: #ffffff}


.navigator.movnav li.link1.active a { border-color: #ffffff}
.navigator.movnav li.link2.active a { border-color: #fd9314}
.navigator.movnav li.link3.active a { border-color: #fd9314}
.navigator.movnav li.link4.active a { border-color: #ffffff}
.navigator.movnav li.link5.active a { border-color: #ffffff}
.navigator.movnav li.link6.active a { border-color: #fd9314}
.navigator.movnav li.link7.active a { border-color: #fd9314}
.navigator.movnav li.link8.active a { border-color: #ffffff}










.navigator {
    position: fixed;
    z-index: 90;
    top: 130px;
    left: 30px;
    opacity: 0;
    width: 200px;
}
.navigator li {
    position: relative;
    margin-botom: 12px;
    text-align: left
}
.navigator li span {
    font-family: noto-sans-scott;
    display: block;
    position: absolute;
    top: -4px;
    left: 18px;
    height: 15px;
    line-height: 15px;
    text-transform: capitalize;
    vertical-align: top;
    letter-spacing: -1px;
    font-weight: 300;
    font-size: 14px;
    color: #b7b7b7
}
.navigator li a {
    display: inline-block;
    vertical-align: top;
    width: 8px;
    height: 8px;
    border: 2px solid #555;
    border-radius: 0;
}
.navigator li.active span {
    color: #ffffff
}
.navigator li.active a {
    border-color: #ffffff
}



















.content_wrap h2 {
    line-height: 70px;
    font-size: 48px;
    font-weight: 400;
    text-align: center
}
.section1 {
    position: relative;
    /*padding: 130px 0 180px;*/
    /*background: url(/project/hanwha_solar/img/section2_bg1.jpg);*/
    background-size: cover;
    min-height: 440px;
    overflow: hidden;
}
.section1 .parallax{
    position: absolute;
    /*background: url(/project/hanwha_solar/img/section2_bg1.jpg);*/
    background:#f37321;
    background-size: cover;
    min-height: 550px;
    width: 100%;
}
.section1 h2 {
    font-size: 16px;
    color: #fff;
    padding-top: 115px;
    line-height: 60px;

    text-align: center
}
.section1 h2:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    margin: 0px auto 20px;
    background: #fabe8f;
}
.section1 .s1_stxt1 {
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    line-height: 40px;

    font-family: noto-sans-scott;
}

.section1 .s1_stxt2 {
    font-family: noto-sans-scott;
    font-size: 18px;
    font-weight: 200;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    opacity: 0.8;
}











.video_wrap {
    max-width: 1004px;
    margin: 70px auto 0
}
.video_wrap.mv_w740 {
    max-width: 740px;
    margin: 30px auto 0
}
.video_wrap.mv_w100 {
    max-width: 100%;
    margin: 30px auto 0
}
.video_wrap video {
    width: 100%;
    vertical-align: top
}
.section2 {
    position: relative;
    overflow: hidden;
    min-height: 900px;
}
.section2 .s2_movimg1{
    width: 100%;
    position: absolute;
    overflow: hidden;
    min-height: 900px;
    background: url(/project/hanwha_solar/img/section3_bg1.jpg);
    background-size: cover;
}
.section2 .s2_movimg2{
    width: 100%;
    position: absolute;
    overflow: hidden;
    min-height: 900px;
    background: url(/project/hanwha_solar/img/section3_bg2.jpg);
    background-size: cover;
    opacity: 0;
}
.section2 .s2_movimg3{
    width: 100%;
    position: absolute;
    overflow: hidden;
    min-height: 900px;
    background: url(/project/hanwha_solar/img/section3_bg3.jpg);
    background-size: cover;
    opacity: 0;
}




.section2 .s2_w01,
.section2 .s2_w02,
.section2 .s2_w03{
    width: 100%;
    height: 600px;
    border: 1px solid #101010;
}
.section2 .txt_roll{
    width: 1330px;
    margin: 266px auto 0 auto;
}
.section2 .s2_anitxt1{
    position: absolute;
    font-size: 18px;
    color: #fff;
    text-align: center;
    top: 295px;
    left: 50%;
    margin-left: -640px;
    min-height: 304px;
    width: 1280px;
    /*border: 1px solid #fff;*/


    background: url(/project/hanwha_solar/img/section3_anitxt1.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    opacity: 1;
}
.section2 .s2_anitxt2{
    position: absolute;
    font-size: 18px;
    color: #fff;
    text-align: center;
    top: 295px;
    left: 50%;
    margin-left: -640px;
    min-height: 304px;
    width: 1280px;
    /*border: 1px solid #fff;*/


    background: url(/project/hanwha_solar/img/section3_anitxt2.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    opacity: 0;
}
.section2 .s2_anitxt3{
    position: absolute;
    font-size: 18px;
    color: #fff;
    text-align: center;
    top: 295px;
    left: 50%;
    margin-left: -640px;
    min-height: 304px;
    width: 1280px;
    /*border: 1px solid #fff;*/


    background: url(/project/hanwha_solar/img/section3_anitxt3.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    opacity: 0;
}
.section2 .s2_stxt2{
    position: absolute;
    font-size: 18px;
    color: #fff;
    text-align: center;
    opacity: 0.7;
    bottom: 100px;
    left: 50%;
    width: 1100px;
    margin-left: -500px;

    font-family: noto-sans-scott;
}








.section2 h3:after, .section2 h3:before {
    position: relative;
    top: -3px;
    font-weight: 200
}
















.section3 {
    background-color: #ffffff;
    color: #000;
    text-align: center;
    overflow: hidden
}

.section3 .s3_txt_box{
    width: 1020px;
    height: 600px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}


.section3 .s3_txt_box .s3_stxt1{
    float: left;
    width: 270px;
    /*height: 600px;*/
    text-align: left;
    overflow: hidden;

    font-family: noto-sans-scott;
    font-size: 34px;
    font-weight: 500;
    color: #e97805;
    padding-top: 140px;
    line-height: 46px;
}

.section3 .s3_txt_box .s3_stxt2{
    float: left;
    width: 340px;
    /*height: 600px;*/
    text-align: left;
    overflow: hidden;

    font-family: noto-sans-scott;
    font-size: 16px;
    font-weight: 300;
    color: #666;
    line-height: 28px;
    padding-top: 140px;
    margin-left: 85px;
}

.section3 .s3_txt_box .s3_stxt3{
    float: right;
    width: 313px;
    /*height: 600px;*/
    text-align: left;
    overflow: hidden;

    font-family: noto-sans-scott;
    font-size: 16px;
    font-weight: 300;
    color: #666;
    line-height: 28px;
    padding-top: 140px;
}
.section3 .s3_txt_box .s3_stxt3 SPAN{
    font-weight: 500;
    color: #333;
}


.section3 .s3_txt_box .stxt_s3{
    position: relative;
    /* z-index: 999; */
    bottom: -20px;
    left: 353px;
    width: 827px;
    height: 76px;
    text-align: left;
    font-family: noto-sans-scott;
    font-size: 13px;
    font-weight: 300;
    color: #666;
    /* line-height: 28px; */
    padding-top: 0;
    line-height: 21px;
}













.section4 {
    position: relative;
    text-align: center;
    width: 100%;
    height: 900px;
}
.section4 .s4_rool_bg{
    position: absolute;
    width: 100%;
    text-align: center;
    background: url(/project/hanwha_solar/img/section5_bg1.jpg) no-repeat;
    background-size: cover;

    height: 900px;
}
.section4 .s4_rool_box{
    position: absolute;
    width: 50%;
    height: 900px;

    background: #000;
    /*opacity: 0.7;*/
    opacity: 0.0;
}
.section4 .s4_rool_box.active{
    opacity: 0.7;
}

.section4 .s4_rool_txt{
    position: absolute;
    width: 50%;
    height: 900px;

    font-family: noto-sans-scott;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.section4 .s4_rool_txt.s4_img0{
    background: url(/project/hanwha_solar/img/s4_left_img0.png) no-repeat 50% 60%;
    background-size: 520px 651px;
}
.section4 .s4_rool_txt.s4_img1{
    background: url(/project/hanwha_solar/img/s4_left_img1.png) no-repeat 50% 60%;
    background-size: 520px 651px;
}
.section4 .s4_rool_txt.s4_img2{
    background: url(/project/hanwha_solar/img/s4_left_img2.png) no-repeat 50% 60%;
    background-size: 520px 651px;
}
.section4 .s4_rool_txt.s4_img3{
    background: url(/project/hanwha_solar/img/s4_left_img3.png) no-repeat 50% 60%;
    background-size: 520px 651px;
}
.section4 .s4_rool_txt.s4_img4{
    background: url(/project/hanwha_solar/img/s4_left_img4.png) no-repeat 50% 60%;
    background-size: 520px 651px;
}
.section4 .s4_rool_txt.s4_img5{
    background: url(/project/hanwha_solar/img/s4_left_img5.png) no-repeat 50% 60%;
    background-size: 520px 651px;
}


.section4 .s4_rool_txt_icon{
    width: 80px;
    height: 80px;
    background: #f83490;
}
.section4 .s4_rool_right{
    position: absolute;
    right: 0;
    width: 50%;
    height: 900px;
    color: #fff;
    border-left: 1px solid #4a586c;
}
.section4 .s4_rool_right .plus_icon{
    position: absolute;
    right: 50px;
    top:54px;
    width: 70px;
    height: 70px;
    color: #fff;
    font-weight: 200;
    font-size: 54px;
    text-align: center;
}


.section4 .s4_rool_right .s4_ring1,
.section4 .s4_rool_right .s4_ring2,
.section4 .s4_rool_right .s4_ring3,
.section4 .s4_rool_right .s4_ring4,
.section4 .s4_rool_right .s4_ring5 {
    position: relative;
    height: 180px;
    color: #fff;
    text-align: left;
    border-top: 1px solid #4a586c;
    cursor: pointer;
    min-width: 765px;
}
.section4 .s4_rool_right .s4_ring1 {
    border-top: 1px solid transparent;
}
.section4 .s4_rool_right .s4_ring_txt1 {
    padding-top: 70px;
    padding-left: 70px;
    line-height: 30px;
    font-size: 26px;
    font-weight: 300;
}
.section4 .s4_rool_right .s4_ring1 .s4_ring_stxt1:after {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    margin: -25px 0 0 83px;
    background: #dadada;
}
.section4 .s4_rool_right .s4_ring2 .s4_ring_stxt1:after {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    margin: -25px 0 0 107px;
    background: #dadada;
}
.section4 .s4_rool_right .s4_ring3 .s4_ring_stxt1:after {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    margin: -25px 0 0 59px;
    background: #dadada;
}
.section4 .s4_rool_right .s4_ring4 .s4_ring_stxt1:after {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    margin: -25px 0 0 186px;
    background: #dadada;
}
.section4 .s4_rool_right .s4_ring5 .s4_ring_stxt1:after {
    content: '';
    display: block;
    width: 1px;
    height: 24px;
    margin: -25px 0 0 65px;
    background: #dadada;
}
.section4 .s4_rool_right .s4_ring_txt1 .s4_ring_stxt1 {
    color: #fff;
    font-size: 26px;
    float: left;
    margin-right: 13px;
    font-weight: 300;
}
.section4 .s4_rool_right .s4_ring_txt1 .s4_ring_stxt {
    color: #cccccc;
    font-size: 16px;
    font-weight: 200;
}


.section4 .s4_rool_right .s4_ring1:hover,
.section4 .s4_rool_right .s4_ring2:hover,
.section4 .s4_rool_right .s4_ring3:hover,
.section4 .s4_rool_right .s4_ring4:hover,
.section4 .s4_rool_right .s4_ring5:hover {
    position: relative;
    height: 180px;
    color: #1b1b1b;
    text-align: left;
    border-top: 1px solid #4a586c;
    background: #fff;
    cursor: pointer;
}
.section4 .s4_rool_right .s4_ring1:hover .s4_ring_txt1 .s4_ring_stxt1,
.section4 .s4_rool_right .s4_ring2:hover .s4_ring_txt1 .s4_ring_stxt1,
.section4 .s4_rool_right .s4_ring3:hover .s4_ring_txt1 .s4_ring_stxt1,
.section4 .s4_rool_right .s4_ring4:hover .s4_ring_txt1 .s4_ring_stxt1,
.section4 .s4_rool_right .s4_ring5:hover .s4_ring_txt1 .s4_ring_stxt1 {
    color: #1b1b1b;
    font-size: 26px;
}
.section4 .s4_rool_right .s4_ring1:hover .s4_ring_txt1 .s4_ring_stxt,
.section4 .s4_rool_right .s4_ring2:hover .s4_ring_txt1 .s4_ring_stxt,
.section4 .s4_rool_right .s4_ring3:hover .s4_ring_txt1 .s4_ring_stxt,
.section4 .s4_rool_right .s4_ring4:hover .s4_ring_txt1 .s4_ring_stxt,
.section4 .s4_rool_right .s4_ring5:hover .s4_ring_txt1 .s4_ring_stxt {
    color: #1b1b1b;
    font-size: 16px;
}






.section4 .s4_rool_right .s4_ring1:hover .plus_icon1,
.section4 .s4_rool_right .s4_ring2:hover .plus_icon1,
.section4 .s4_rool_right .s4_ring3:hover .plus_icon1,
.section4 .s4_rool_right .s4_ring4:hover .plus_icon1,
.section4 .s4_rool_right .s4_ring5:hover .plus_icon1 {
    display: block;
    position: absolute;
    right: 50px;
    top:54px;
    width: 70px;
    height: 70px;
    color: #000;
    font-weight: 200;
    font-size: 54px;
    text-align: center;
}
.section4 .s4_rool_right .s4_ring1:hover .plus_icon2,
.section4 .s4_rool_right .s4_ring2:hover .plus_icon2,
.section4 .s4_rool_right .s4_ring3:hover .plus_icon2,
.section4 .s4_rool_right .s4_ring4:hover .plus_icon2,
.section4 .s4_rool_right .s4_ring5:hover .plus_icon2 {
    display: none;
    position: absolute;
    right: 50px;
    top:54px;
    width: 70px;
    height: 70px;
    color: #1b1b1b;
    font-weight: 200;
    font-size: 54px;
    text-align: center;
}




.section4 .s4_rool_right .s4_ring1.active .plus_icon1,
.section4 .s4_rool_right .s4_ring2.active .plus_icon1,
.section4 .s4_rool_right .s4_ring3.active .plus_icon1,
.section4 .s4_rool_right .s4_ring4.active .plus_icon1,
.section4 .s4_rool_right .s4_ring5.active .plus_icon1 {
    display: none;
    position: absolute;
    right: 50px;
    top:54px;
    width: 70px;
    height: 70px;
    color: #000;
    font-weight: 200;
    font-size: 54px;
    text-align: center;
}
.section4 .s4_rool_right .s4_ring1.active .plus_icon2,
.section4 .s4_rool_right .s4_ring2.active .plus_icon2,
.section4 .s4_rool_right .s4_ring3.active .plus_icon2,
.section4 .s4_rool_right .s4_ring4.active .plus_icon2,
.section4 .s4_rool_right .s4_ring5.active .plus_icon2 {
    display: block;
    position: absolute;
    right: 51px;
    top: 68px;
    width: 70px;
    height: 70px;
    color: #1b1b1b;
    font-weight: 400;
    font-size: 33px;
    text-align: center;





}





.section4 .s4_rool_right .s4_ring1 .plus_icon1,
.section4 .s4_rool_right .s4_ring2 .plus_icon1,
.section4 .s4_rool_right .s4_ring3 .plus_icon1,
.section4 .s4_rool_right .s4_ring4 .plus_icon1,
.section4 .s4_rool_right .s4_ring5 .plus_icon1 {
    display: block;
    position: absolute;
    right: 50px;
    top:54px;
    width: 70px;
    height: 70px;
    color: #ffffff;
    font-weight: 200;
    font-size: 54px;
    text-align: center;
}
.section4 .s4_rool_right .s4_ring1 .plus_icon2,
.section4 .s4_rool_right .s4_ring2 .plus_icon2,
.section4 .s4_rool_right .s4_ring3 .plus_icon2,
.section4 .s4_rool_right .s4_ring4 .plus_icon2,
.section4 .s4_rool_right .s4_ring5 .plus_icon2 {
    display: none;
    position: absolute;
    right: 51px;
    top: 68px;
    width: 70px;
    height: 70px;
    color: #1b1b1b;
    font-weight: 400;
    font-size: 33px;
    text-align: center;
}











.section4 .s4_rool_right .s4_ring1.active,
.section4 .s4_rool_right .s4_ring2.active,
.section4 .s4_rool_right .s4_ring3.active,
.section4 .s4_rool_right .s4_ring4.active,
.section4 .s4_rool_right .s4_ring5.active {
    position: relative;
    height: 180px;
    color: #1b1b1b;
    text-align: left;
    border-top: 1px solid #4a586c;
    background: #fff;
    cursor: none;
}

.section4 .s4_rool_right .s4_ring1.active .s4_ring_txt1 .s4_ring_stxt1,
.section4 .s4_rool_right .s4_ring2.active .s4_ring_txt1 .s4_ring_stxt1,
.section4 .s4_rool_right .s4_ring3.active .s4_ring_txt1 .s4_ring_stxt1,
.section4 .s4_rool_right .s4_ring4.active .s4_ring_txt1 .s4_ring_stxt1,
.section4 .s4_rool_right .s4_ring5.active .s4_ring_txt1 .s4_ring_stxt1 {
    color: #1b1b1b;
    font-size: 26px;
}
.section4 .s4_rool_right .s4_ring1.active .s4_ring_txt1 .s4_ring_stxt,
.section4 .s4_rool_right .s4_ring2.active .s4_ring_txt1 .s4_ring_stxt,
.section4 .s4_rool_right .s4_ring3.active .s4_ring_txt1 .s4_ring_stxt,
.section4 .s4_rool_right .s4_ring4.active .s4_ring_txt1 .s4_ring_stxt,
.section4 .s4_rool_right .s4_ring5.active .s4_ring_txt1 .s4_ring_stxt {
    color: #1b1b1b;
    font-size: 16px;
}
/*.section4 .s4_rool_right .s4_ring1.active .plus_icon:hover,
.section4 .s4_rool_right .s4_ring2.active .plus_icon:hover,
.section4 .s4_rool_right .s4_ring3.active .plus_icon:hover,
.section4 .s4_rool_right .s4_ring4.active .plus_icon:hover,
.section4 .s4_rool_right .s4_ring5.active .plus_icon:hover {
    position: absolute;
    right: 50px;
    top:54px;
    width: 70px;
    height: 70px;
    color: #1b1b1b;
    font-weight: 200;
    font-size: 54px;
    text-align: center;
}*/




.section4_bak_btn {
    display: none;
    position: absolute;
    z-index: 10;
    top: 50px;
    left: 80px;
    width: 104px;
    height: 41px;
    background: url(/project/hanwha_solar/img/section4_bak_btn.png) no-repeat 0 0;
    background-size: 104px 41px;
}


.section4_bak_btn.active {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50px;
    left: 80px;
    width: 104px;
    height: 41px;
    background: url(/project/hanwha_solar/img/section4_bak_btn.png) no-repeat 0 0;
    background-size: 104px 41px;
    cursor: pointer;
}





.section4 .s4_rool_right .s4_ring5 {
    height: 174px;
    border-bottom: 1px solid #4a586c;
}
.section4 .s4_rool_right .s4_ring5:hover {
    height: 174px;
    border-bottom: 1px solid #4a586c;
}
.section4 .s4_rool_right .s4_ring5.active {
    height: 174px;
    border-bottom: 1px solid #4a586c;
}





















.section4 .carousel_wrap .box .amount:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 68px;
    margin-top: -34px;
    margin-left: -34px;
    background: url(/project/hanwha_solar/img/sprite.png) no-repeat -130px -190px;
    background-size: 200px
}































.section5 {
    text-align: center;
    color: #fff;
    padding-bottom: 100px;
}
.section5 h2 {
    font-family: noto-sans-scott;
    font-size: 30px;
    font-weight: 500;
    color: #1d1d1d;
    text-align: center;
    margin-top: 100px;
}
.section5 .s5_con_box {
    width: 960px;
    height: 160px;
    margin: 30px auto;
    background: #f7f6f6;
}
.section5 .s5_con_box.s5_view {
    opacity: 0;
    display: none;
}
.section5.active .s5_con_box.s5_view {
    opacity: 1;
    display: block;
}
.section5 .s5_con_box .s5_con_left{
    float: left;
    width: 318px;
    height: 160px;
    position: relative;
}
.section5 .s5_con_box .s5_con_left .s5_con_img1,
.section5 .s5_con_box .s5_con_left .s5_con_img2,
.section5 .s5_con_box .s5_con_left .s5_con_img3,
.section5 .s5_con_box .s5_con_left .s5_con_img4,
.section5 .s5_con_box .s5_con_left .s5_con_img5,
.section5 .s5_con_box .s5_con_left .s5_con_img6,
.section5 .s5_con_box .s5_con_left .s5_con_img7,
.section5 .s5_con_box .s5_con_left .s5_con_img8,
.section5 .s5_con_box .s5_con_left .s5_con_img9,
.section5 .s5_con_box .s5_con_left .s5_con_img10{
    width: 318px;
    height: 160px;
    position: absolute;
    background-size: 318px 160px;
}
.section5 .s5_con_box .s5_con_left .s5_con_img1{
    background: url(/project/hanwha_solar/img/s6_con_img1.jpg) no-repeat top left;
}
.section5 .s5_con_box .s5_con_left .s5_con_img2{
    background: url(/project/hanwha_solar/img/s6_con_img2.jpg) no-repeat top left;
}
.section5 .s5_con_box .s5_con_left .s5_con_img3{
    background: url(/project/hanwha_solar/img/s6_con_img3.jpg) no-repeat top left;
}
.section5 .s5_con_box .s5_con_left .s5_con_img4{
    background: url(/project/hanwha_solar/img/s6_con_img4.jpg) no-repeat top left;
}
.section5 .s5_con_box .s5_con_left .s5_con_img5{
    background: url(/project/hanwha_solar/img/s6_con_img5.jpg) no-repeat top left;
}
.section5 .s5_con_box .s5_con_left .s5_con_txt{
    position: absolute;
    width: 280px;
    left: 50%;
    margin-left: -140px;
    text-align: center;
    margin-top: 67px;
    font-size: 22px;
    font-family: noto-sans-scott;
    font-weight: 300;
}

.section5 .s5_con_box .s5_con_right{
    width: 640px;
    float: right;
    height: 160px;
    color: #666666;

    display: -webkit-flex;
    display:         flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: flex-start;
}
.section5 .s5_con_box .s5_con_right .s5_con_right_txt{
   text-align: left;
    font-size: 17px;
    margin-left: 20px;
    line-height: 25px;
    padding: 0 20px;
}
.section5 .s5_con_plus {
    width: 70px;
    height: 70px;
    text-align: center;
    margin: 0 auto;


    background: url(/project/hanwha_solar/img/s5_con_plus.png) no-repeat center center;
    cursor: pointer;
}
.section5 .s5_con_plus.active {
    width: 70px;
    height: 70px;

    background: url(/project/hanwha_solar/img/s5_con_x.png) no-repeat center center;
    cursor: pointer;
}











.section6,
.section7,
.section8,
.section9,
.section10,
.section11{
    display: block;
    min-height: 800px;
    /*border-bottom: 1px solid #ddd;*/
}

















.section6 {
    position: relative;
    background: #f2f1f1;
    text-align: center;
    color: #fff;
    padding-bottom: 50px;
    min-height: 900px;
}

.section6 .top {
    margin-bottom: 100px;
}
.section6 h2 {
    font-size: 18px;
    color: #f47808;
    padding-top: 120px;
    line-height: 25px;
    font-family: noto-sans-scott;
    font-weight: 500;
}
.section6 h2:after {
    content: '';
    display: block;
    width: 123px;
    height: 2px;
    margin: 0px auto 20px;
    background: #f47808;
}
.content_wrap .section6 .swiper-slide .s6_tit_txt1 {
    position: absolute;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    top: -75px;
    font-size: 34px;
    color: #333333;
    line-height: 40px;
    font-family: noto-sans-scott;
    font-weight: 400;
    opacity: 0;
}
.content_wrap .section6 .swiper-slide-active .s6_tit_txt1 {
    position: absolute;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    top: -75px;
    font-size: 34px;
    color: #333333;
    line-height: 40px;
    font-family: noto-sans-scott;
    font-weight: 500;
    opacity: 1;
}

.content_wrap .section6 .swiper-slide .s6_bot {
    width: 800px;
    margin: 0 auto;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -400px;
    opacity: 0;
}

.content_wrap .section6 .swiper-slide-active .s6_bot {
    width: 800px;
    margin: 0 auto;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -400px;
    opacity: 1;
    bottom: -40px;
}
.section6 .s6_tit_txt2 {
    font-size: 15px;
    color: #333333;
    line-height: 20px;
    font-family: noto-sans-scott;
    font-weight: 300;
}












































.content_wrap .section6 .swiper-container {
    width: 100%;
    height: 550px;
    margin: 20px auto;
}
.content_wrap .section6 .swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/
    width: 60%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.content_wrap .section6 .swiper-slide-active {
    opacity: 1;
}
.content_wrap .section6 .swiper-slide:nth-child(2n) {
    width: 40%;
}
.content_wrap .section6 .swiper-slide:nth-child(3n) {
    width: 20%;
}
.content_wrap .section6 .pagination {
    position: absolute;
    z-index: 20;
    left: 10px;
    bottom: 10px;
}
.content_wrap .section6 .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #222;
    margin-right: 8px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.content_wrap .section6 .swiper-visible-switch {
    background: #aaa;
}
.content_wrap .section6 .swiper-active-switch {
    background: #fff;
}




/* ===============================================================
Basic Swiper Styles
================================================================*/
.content_wrap .section6 .swiper-container {
    margin:0 auto;
    position:relative;
    overflow:inherit;
    direction:ltr;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.content_wrap .section6 .swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.content_wrap .section6 .swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.content_wrap .section6 .swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.content_wrap .section6 .swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.content_wrap .section6 .swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}






.content_wrap .section6 .swiper-button-prev {
    margin-top: -140px;
    background-size: 90px 90px;
    width: 90px;
    height: 90px;
}



.content_wrap .section6 .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 90px;
    height: 90px;
    margin-top: -140px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 90px 90px;
    background-position: center;
    background-repeat: no-repeat
}
.content_wrap .section6 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.content_wrap .section6 .swiper-button-prev, .content_wrap .section6 .swiper-container-rtl .swiper-button-next {
    background-image: url(/project/hanwha_solar/img/swiper_new_arrow1.png);
    left: 50%;
    /*right: auto*/
    margin-left: -300px;
}
.content_wrap .section6 .swiper-button-prev.swiper-button-black, .content_wrap .section6 .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.content_wrap .section6 .swiper-button-prev.swiper-button-white, .content_wrap .section6 .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.content_wrap .section6 .swiper-button-next, .content_wrap .section6 .swiper-container-rtl .swiper-button-prev {
    background-image: url(/project/hanwha_solar/img/swiper_new_arrow.png);
    right: 50%;
    margin-right: -300px;
    /*left: auto*/
}
.content_wrap .section6 .swiper-button-next.swiper-button-black, .content_wrap .section6 .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.content_wrap .section6 .swiper-button-next.swiper-button-white, .content_wrap .section6 .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}





.content_wrap .section6 .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.content_wrap .section6 .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.content_wrap .section6 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.content_wrap .section6 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}
.content_wrap .section6 button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}
.content_wrap .section6 .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.content_wrap .section6 .swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}
.content_wrap .section6 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}
.content_wrap .section6 .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}
.content_wrap .section6 .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}
.content_wrap .section6 .swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.content_wrap .section6 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}
.content_wrap .section6 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}
.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}
.content_wrap .section6 .swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}
.content_wrap .section6 .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}
.content_wrap .section6 .swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}
.content_wrap .section6 .swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}
.content_wrap .section6 .swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}
.content_wrap .section6 .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}
.content_wrap .section6 .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.content_wrap .section6 .swiper-container {
    /* Specify Swiper's Size: */

    /*width:200px;
    height: 100px;*/
}
.content_wrap .section6 .swiper-slide {
    color: #000;
    opacity: 0.2;
}
.content_wrap .section6 .swiper-slide .s6_quiz_txt{
    opacity: 0;
}
.content_wrap .section6 .swiper-slide-active {
    opacity: 1;
}
.content_wrap .section6 .swiper-slide-active .s6_quiz_txt{
    opacity: 1;
}
.content_wrap .section6 .swiper-slide-visible {
    /* Specific visible slide styling: */

}
/* ===============================================================
Pagination Styles
================================================================*/
.content_wrap .section6 .swiper-pagination-switch {
    /* Stylize pagination button: */

}
.content_wrap .section6 .swiper-active-switch {
    /* Specific active button style: */

}
.content_wrap .section6 .swiper-visible-switch {
    /* Specific visible button style: */

}



.content_wrap .section6 .swiper-slide .s6_mov_bg1 {
    width: 330px;
    height: 330px;
    /*background: #f8cdda;*/
    margin: 0 auto;
    position: absolute;
    top:0;
    left:0;
    right:0;
}



.content_wrap .section6 .swiper-slide .s6_mov_bg1 div#animation_container,
.content_wrap .section6 .swiper-slide .s6_mov_bg1 div#animation_container2,
.content_wrap .section6 .swiper-slide .s6_mov_bg1 div#animation_container3,
.content_wrap .section6 .swiper-slide .s6_mov_bg1 div#animation_container4,
.content_wrap .section6 .swiper-slide .s6_mov_bg1 div#animation_container5,
.content_wrap .section6 .swiper-slide .s6_mov_bg1 div#animation_container6,
.content_wrap .section6 .swiper-slide .s6_mov_bg1 div#animation_container7{
    margin: 0 auto;
}



.content_wrap .section6 .swiper-slide .s6_quiz_txt {
    width: 330px;
    height: 230px;
    margin: 0 auto;
    position: absolute;
    top: 330px;
    left:0;
    right:0;
}
.content_wrap .section6 .swiper-slide .s6_quiz_txt .s6_quiz_btn_set {
    width: 330px;
    height: 110px;
    /*background: #9ea859;*/
    margin: 0 auto;
}
.content_wrap .section6 .swiper-slide .s6_quiz_txt .s6_quiz_btn_set .s6_quiz_btn_o,
.content_wrap .section6 .swiper-slide .s6_quiz_txt .s6_quiz_btn_set .s6_quiz_btn_x {
    width: 100px;
    height: 100px;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 4px;
    color: #333333;

    font-family: noto-sans-scott;
    font-weight: 600;
    font-size: 55px;
    text-align: center;
    line-height: 100px;
}
.content_wrap .section6 .swiper-slide .s6_quiz_txt .s6_quiz_btn_set .s6_quiz_btn_o {
    float: left;
    margin-left: 62px;
    margin-top: 5px;
    cursor: pointer;
}
.content_wrap .section6 .swiper-slide .s6_quiz_txt .s6_quiz_btn_set .s6_quiz_btn_o.active {
    background: #f47808;
    color: #fff;
}
.content_wrap .section6 .swiper-slide .s6_quiz_txt .s6_quiz_btn_set .s6_quiz_btn_x {
    float: right;
    margin-right: 62px;
    margin-top: 5px;
    cursor: pointer;
}
.content_wrap .section6 .swiper-slide .s6_quiz_txt .s6_quiz_btn_set .s6_quiz_btn_x.active {
    background: #f47808;
    color: #fff;
}
.content_wrap .section6 .swiper-slide .s6_quiz_nomtxt {
    width: 100%;
    height: 36px;
    margin: 0 auto;

    font-size: 16px;
    color: #999999;
    line-height: 36px;
    font-family: noto-sans-scott;
    font-weight: 300;

    text-align: center;
}
.content_wrap .section6 .swiper-slide .s6_quiz_nomtxt span {
    color: #f47808;
}
.content_wrap .section6 .swiper-slide .s6_quiz_endtxt {
    width: 100%;
    height: 46px;
    margin: 0 auto;


    font-size: 28px;
    color: #ff812d;
    line-height: 46px;
    font-family: noto-sans-scott;
    font-weight: 500;




}
.content_wrap .section6 .swiper-slide .s6_quiz_endtxt1 {
    width: 100%;
    height: 46px;
    margin: 0 auto;


    font-size: 28px;
    color: #ff812d;
    line-height: 46px;
    font-family: noto-sans-scott;
    font-weight: 500;
    display: none;
}
.content_wrap .section6 .swiper-slide .s6_quiz_endtxt1.active {
    display: block;
}
.content_wrap .section6 .swiper-slide .s6_quiz_endtxt2 {
    width: 100%;
    height: 46px;
    margin: 0 auto;


    font-size: 28px;
    color: #ff812d;
    line-height: 46px;
    font-family: noto-sans-scott;
    font-weight: 500;
    display: none;
}
.content_wrap .section6 .swiper-slide .s6_quiz_endtxt2.active {
    display: block;
}


.s6_quiz_end_img {
    width: 320px;
    height: 321px;

    background: url(/project/hanwha_solar/img/qz_end.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 320px 321px;
}






















































































.section7 {
    height: 900px;
    padding: 30px;
}

.section7 .s7_inner{
    background: #f37321;
    height: 100%;
    min-width: 1240px;

    color: #fff;
    display: -webkit-flex;
    display:         flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}


.section7 .s7_inner .s7_inner_left{
    float: left;
    background: #f36c15;
    height: 100%;
    width: 50%;
    min-width: 620px;


    background: url(/project/hanwha_solar/img/s7_left_img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 526px 519px;
}
.section7 .s7_inner .s7_inner_right{
    float: right;
    background: #f6810a;
    height: 100%;
    width: 50%;
    min-width: 620px;

    text-align: center;
}
.section7 .s7_inner .s7_inner_right .s7_sample{
    min-width: 640px;
    text-align: center;
    height: 100%;
    width: 640px;
    margin: 0 auto;


    /*background: url(/project/hanwha_solar/img/sample01.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 712px 899px;*/


}








.section8 {
    position: relative;
    /*height: 1057px;*/
}
.section8 .s8_mov_box{
    /*position: absolute;*/
    /*min-height: 580px;*/
    /*background: #46699a;*/
    width: 100%;
}
.section8 .s8_mov_box .s8_mov{
    min-height: 580px;
    text-align: center;
    color: #fff;
}
.section8 .s8_mov_box .s8_play_btn{
    position: absolute;
    width:80px;
    height: 80px;
    background: #00A89A;
    top: 220px;
    left: 50%;
    margin-left: -40px;
}
.section8 .s8_mov_box .s8_svg{
    position: absolute;
    width:100%;
    height: 100px;
    bottom: 0;

    background-image: url(/project/hanwha_solar/img/s8_svg.png);
    background-position: bottom center;;
    background-repeat: no-repeat;
    background-size: 100% 50%;
    top: 486px;
    /*border: 1px solid;*/
}

.section8 .dim {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /*opacity: .45;*/
    /*background: #000*/


    background: url(/project/hanwha_solar/img/header_bg.png) top left;
    background-size: 1000px auto;
}




.section8 .s8_top{
    position: absolute;
    height: 580px;
    width: 960px;
    left: 50%;
    margin-left: -480px;

    /*display: -webkit-flex;*/
    /*display:         flex;*/
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
    /*-webkit-justify-content: center;*/
    /*justify-content: center;*/
}

.section8 .s8_top:after{
    content: '';
    clear: both;
}

.section8 .s8_stxt0{
    font-size: 54px;
    color: #fff;
    line-height: 60px;
    font-family: noto-sans-scott;
    font-weight: 600;
    text-align: left;
    margin-top: 140px;
}
.section8 .s8_stxt1{
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    font-family: noto-sans-scott;
    font-weight: 400;
}


.section8 .s8_dot{
    font-family: NotoSansKR, 'Noto Sans KR', sans-serif!important;
    padding-top: 120px;
    padding-bottom: 140px;

    background: #fff;
    /*position: relative;*/
    /*top: 580px;*/
}

.section8 .s8_dot H2{
    font-family: NotoSansKR, 'Noto Sans KR', sans-serif!important;
    color: #333333;
    font-size: 30px;
    font-weight: 600;

}
.section8 .s8_dot .s8_info_img1{
    width: 940px;
    height:192px;
    background-image: url(/project/hanwha_solar/img/s8_info_img1.png);
    background-repeat: no-repeat;
    background-size: 940px 192px;
    margin: 0 auto;

}
.section8 .s8_dot .s8_bot_stxt01{
    font-family: NotoSansKR, 'Noto Sans KR', sans-serif!important;
    color: #999999;
    font-size: 18px;
    font-weight: 400;
    text-align: center;

}

.section8 .s8_dot .s8_icon_box{
    font-family: NotoSansKR, 'Noto Sans KR', sans-serif!important;
    color: #333333;
    font-size: 30px;

    margin: 0 auto;
    width: 1000px;
    height: 200px;
}
.section8 .s8_dot .s8_icon_box:after{
    content: '';
    clear: both;
}
.section8 .s8_dot .s8_icon_box DIV.s8_icon{
    height: 200px;
    float: left;
    width: 16.666%;
    font-size: 18px;
    text-align: center;
    padding-top: 40px;
}


.section8 .s8_dot .s8_icon_box DIV.s8_icon:after{
    content: '';
    display: block;
    width: 1px;
    height: 66px;
    margin: -177px 0 0 176px;
    background: #dadada;

}
.section8 .s8_dot .s8_icon_box DIV.s8_icon.s8_iend:after{
    content: '';
    display: block;
    width: 0px;
    height: 66px;
    margin: -177px 0 0 176px;
    background: #fff;

}

.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon01,
.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon02,
.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon03,
.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon04,
.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon06,
.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon05 {
    height: 100px;

    background-image: url(/project/hanwha_solar/img/s8_sprite.png);
    background-repeat: no-repeat;
    background-size: 155px 930px;
}

.section8 .s8_dot .s8_icon_box .s8_icon .s8_itxt {
    height: 100px;
}



.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon01 {
    background-position: 10px 0;
}
.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon02 {
    background-position: 10px -155px;
}
.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon03 {
    background-position: 10px -310px;
}
.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon04 {
    background-position: 10px -465px;
}
.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon05 {
    background-position: 10px -620px;
}
.section8 .s8_dot .s8_icon_box .s8_icon .s8_icon06 {
    background-position: 10px -775px;
}











.section9 {
    font-family: NotoSansKR, 'Noto Sans KR', sans-serif!important;
    padding-bottom: 50px;
    padding-top: 120px;
    background: #f2f1f1;
}

.section9 .s9_stxt1 {
    font-size: 20px;
    color: #666;
    text-align: center;
    font-weight: 300;
}

.section9 .s9_txt1 {
    font-size: 54px;
    color: #333;
    text-align: center;
    font-weight: 600;
    padding-top: 8px;
}

.section9 .s9_txt_box {
    width: 740px;
    margin: 44px auto 0 auto;
}
.section9 .s9_stxt2 {
    float: left;
    width: 49%;
    font-size: 17px;
    color: #666666;
    text-align: left;
    font-weight: 300;
    border-right: 1px solid #ddd;
    height: 550px;

    line-height: 32px;
    letter-spacing: -0.5px;
}
.section9 .s9_stxt3 {
    float: right;
    width: 47%;
    font-size: 17px;
    color: #666666;
    text-align: left;
    font-weight: 300;
    height: 550px;

    line-height: 32px;
    letter-spacing: -0.5px;
}


.section9 .s9_stxt3 .s9_stxt3_img {
    width: 330px;
    height: 150px;
    background-image: url(/project/hanwha_solar/img/s9_img01.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 330px auto;

    margin-bottom: 20px;
}
.section9 .s9_stxt3 .s9_st01 {
    font-size: 14px;
    color: #333;
    font-weight: 600;
}
.section9 .s9_stxt3 .s9_st02 {
    font-size: 14px;
    color: #666;
    font-weight: 400;
}
.section9 .s9_stxt3 .more_new_link {
    width: 115px;
    height: 36px;

    line-height: 36px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
    text-align: center;
    border: 1px solid #999999;
    margin-top: 10px;
}

.section9 .s9_bot {
    margin-top: 90px;
    border-top: 1px solid #ddd;
    padding-top: 50px;
}


.section9 .s9_bot .in_box{
    width: 1280px;
    margin: 0 auto;
}

.section9 .s9_bot .in_box LI{
    float: left;
    width: 20%;
    font-size: 18px;
    color: #999;
    font-weight: 300;
}

.section9 .s9_bot .in_box LI DIV{
    width: 80px;
    height:64px;
    float: left;
    /*background: #00A89A;*/
}
.section9 .s9_bot .in_box LI DIV:after{
    clear: both;
}





.section9 .s9_bot .in_box LI .s9_icon1,
.section9 .s9_bot .in_box LI .s9_icon2,
.section9 .s9_bot .in_box LI .s9_icon3,
.section9 .s9_bot .in_box LI .s9_icon4,
.section9 .s9_bot .in_box LI .s9_icon5{
    background-image: url(/project/hanwha_solar/img/s9_icon_all.png);
    background-repeat: no-repeat;
    background-size: 64px auto
}

.section9 .s9_bot .in_box LI .s9_icon1 {
    background-position: 0 0;
}
.section9 .s9_bot .in_box LI .s9_icon2 {
    background-position: 0 -70px;
}
.section9 .s9_bot .in_box LI .s9_icon3 {
    background-position: 0 -140px;
}
.section9 .s9_bot .in_box LI .s9_icon4 {
    background-position: 0 -210px;
}
.section9 .s9_bot .in_box LI .s9_icon5 {
    background-position: 0 -280px;
}



.section9 .s9_bot .in_box LI P.s9_bot_txt1{
    line-height: 20px;
    padding-top: 12px;
}
.section9 .s9_bot .in_box LI P.s9_bot_txt2{
    line-height: 20px;
    padding-top: 12px;
}
.section9 .s9_bot .in_box LI P.s9_bot_txt3{
    line-height: 20px;
    padding-top: 5px;
}
.section9 .s9_bot .in_box LI P.s9_bot_txt4{
    line-height: 20px;
    padding-top: 12px;
}
.section9 .s9_bot .in_box LI P.s9_bot_txt5{
    line-height: 20px;
    padding-top: 12px;
}








.clearboth{
    clear: both;
}






























.section10 {
    background: #111111;
    position: relative;
}





.content_wrap .section10 .swiper-container1 {
    width: 100%;
    height: 450px;
    margin: 20px auto;
}
.content_wrap .section10 .swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/
    width: 60%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.content_wrap .section10 .swiper-slide-active {
    opacity: 1;
}/*
.content_wrap .section10 .swiper-slide:nth-child(2n) {
    width: 40%;
}
.content_wrap .section10 .swiper-slide:nth-child(3n) {
    width: 20%;
}*/
.content_wrap .section10 .pagination {
    position: absolute;
    z-index: 20;
    left: 10px;
    bottom: 10px;
}
.content_wrap .section10 .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #222;
    margin-right: 8px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.content_wrap .section10 .swiper-visible-switch {
    background: #aaa;
}
.content_wrap .section10 .swiper-active-switch {
    background: #fff;
}




/* ===============================================================
Basic Swiper Styles
================================================================*/
.content_wrap .section10 .swiper-container1 {
    margin:0 auto;
    position:relative;
    overflow:inherit;
    direction:ltr;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
    top: 175px;
}
.content_wrap .section10 .swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.content_wrap .section10 .swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.content_wrap .section10 .swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.content_wrap .section10 .swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.content_wrap .section10 .swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}










.content_wrap .section10 .swiper-button-next1, .swiper-button-prev1 {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}
.content_wrap .section10 .swiper-button-next1.swiper-button-disabled, .swiper-button-prev1.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.content_wrap .section10 .swiper-button-prev1, .content_wrap .section10 .swiper-container-rtl .swiper-button-next1 {
    background-image: url(/project/hanwha_solar/img/swiper1_arrow1.png);
    left: 10px;
    right: auto;
    background-size: 10px 19px;
}
.content_wrap .section10 .swiper-button-prev1.swiper-button-black, .content_wrap .section10 .swiper-container-rtl .swiper-button-next1.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.content_wrap .section10 .swiper-button-prev1.swiper-button-white, .content_wrap .section10 .swiper-container-rtl .swiper-button-next1.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.content_wrap .section10 .swiper-button-next1, .content_wrap .section10 .swiper-container-rtl .swiper-button-prev1 {
    background-image: url(/project/hanwha_solar/img/swiper1_arrow.png);
    right: 10px;
    left: auto;
    background-size: 10px 19px;
}
.content_wrap .section10 .swiper-button-next1.swiper-button-black, .content_wrap .section10 .swiper-container-rtl .swiper-button-prev1.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.content_wrap .section10 .swiper-button-next1.swiper-button-white, .content_wrap .section10 .swiper-container-rtl .swiper-button-prev1.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}




























.content_wrap .section10 .swiper-pagination1 {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.content_wrap .section10 .swiper-pagination1.swiper-pagination-hidden {
    opacity: 0
}
.content_wrap .section10 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -135px;
    left: 0;
    width: 100%
}
.content_wrap .section10 .swiper-pagination-bullet {
    width: 2px;
    height: 5px;
    display: inline-block;
    border-radius: 10%;
    background: #dadada;
    opacity: .8
}
.content_wrap .section10 button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}
.content_wrap .section10 .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.content_wrap .section10 .swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}
.content_wrap .section10 .swiper-pagination-bullet-active {
    width: 2px;
    height: 18px;
    opacity: 1;
    background: #ffffff
}
.content_wrap .section10 .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}
.content_wrap .section10 .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}
.content_wrap .section10 .swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.content_wrap .section10 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}
.content_wrap .section10 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}
.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}
.content_wrap .section10 .swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}
.content_wrap .section10 .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}
.content_wrap .section10 .swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}
.content_wrap .section10 .swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}
.content_wrap .section10 .swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}
.content_wrap .section10 .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}
.content_wrap .section10 .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.content_wrap .section10 .swiper-container1 {
    /* Specify Swiper's Size: */

    /*width:200px;
    height: 100px;*/
}
.content_wrap .section10 .swiper-slide {
    /* Specify Slides's Size: */

    /*background: #ddd;*/
    width: 700px;
    height: 450px;
}
.content_wrap .section10 .swiper-slide-active {
    /* Specific active slide styling: */

}
.content_wrap .section10 .swiper-slide-visible {
    /* Specific visible slide styling: */

}
/* ===============================================================
Pagination Styles
================================================================*/
.content_wrap .section10 .swiper-pagination-switch {
    /* Stylize pagination button: */

}
.content_wrap .section10 .swiper-active-switch {
    /* Specific active button style: */

}
.content_wrap .section10 .swiper-visible-switch {
    /* Specific visible button style: */

}





.content_wrap .section10 .swiper-slide.s10_slide1,
.content_wrap .section10 .swiper-slide.s10_slide2,
.content_wrap .section10 .swiper-slide.s10_slide3,
.content_wrap .section10 .swiper-slide.s10_slide4,
.content_wrap .section10 .swiper-slide.s10_slide5,
.content_wrap .section10 .swiper-slide.s10_slide6,
.content_wrap .section10 .swiper-slide.s10_slide7,
.content_wrap .section10 .swiper-slide.s10_slide8{
    background-repeat: no-repeat;
    background-size: 700px 450px;
    background-position: 0px 0px;
}

.content_wrap .section10 .swiper-slide.s10_slide1 {
    background-image: url(/project/hanwha_solar/img/rolling_1.png);
}
.content_wrap .section10 .swiper-slide.s10_slide2 {
    background-image: url(/project/hanwha_solar/img/rolling_2.png);
}
.content_wrap .section10 .swiper-slide.s10_slide3 {
    background-image: url(/project/hanwha_solar/img/rolling_3.png);
}
.content_wrap .section10 .swiper-slide.s10_slide4 {
    background-image: url(/project/hanwha_solar/img/rolling_4.png);
}
.content_wrap .section10 .swiper-slide.s10_slide5 {
    background-image: url(/project/hanwha_solar/img/rolling_5.png);
}
.content_wrap .section10 .swiper-slide.s10_slide6 {
    background-image: url(/project/hanwha_solar/img/rolling_6.png);
}
.content_wrap .section10 .swiper-slide.s10_slide7 {
    background-image: url(/project/hanwha_solar/img/rolling_7.png);
}
.content_wrap .section10 .swiper-slide.s10_slide8 {
    background-image: url(/project/hanwha_solar/img/rolling_8.png);
}








.content_wrap .section10 .s10_dot_line{
    position: absolute;
    top: 400px;
    z-index: 99999;
    border-top: 3px dotted #fff;
    height: 5px;
    width: 100%;
    opacity: 0.5;
}
.content_wrap .section10 .s10_slide_txt{
    /*position: absolute;*/
    position: relative;
    left: -310px;
}
.content_wrap .section10 .s10_slide_txt .s10_sl1{
    font-family: noto-sans-scott;
    font-size: 80px;
    text-align: left;
    font-weight: 600;
    color: #fff;
    margin-bottom: 50px;
}
.content_wrap .section10 .s10_slide_txt .s10_sl2{
    font-family: noto-sans-scott;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    color: #fff;
}





.content_wrap .section10 .swiper-slide .s10_slide_txt{
    opacity: 0;
}
.content_wrap .section10 .swiper-slide-active .s10_slide_txt{
    opacity: 1;

}
.content_wrap .section10 .swiper-slide{
    opacity: 0.1;
}
.content_wrap .section10 .swiper-slide-active{
    opacity: 1;

}


.arrow_s10 {
    position: absolute;
    width: 84px;
    height: 29px;
    bottom: -42px;
    left: 50%;
    margin-left: 281px;
}
.arrow_s10:after {
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    margin: 8px 0 0 41px;
    background: #fff;
    opacity: 0.2;
}















































































/*.section11*/
.section11 {
    background: #f7f6f6  url("/project/hanwha_solar/img/s11_bg_all.png");
    background-position: top center;
    background-repeat:repeat;
    background-size: auto;
}


.content_wrap .section11 .swiper-container2 {
    width: 100%;
    height: 500px;
    margin: 0 auto;
}
.swiper-container2 .slide_title {position:absolute;color: #1d1d1d; font-size: 30px; font-weight: 600; opacity: 1;width:100%;text-align:center; }
.content_wrap .section11 .swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/
    /*width: 60%;*/

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.content_wrap .section11 .swiper-slide-active {
    opacity: 1;
}
/*.content_wrap .section11 .swiper-slide:nth-child(2n) {
    width: 40%;
}
.content_wrap .section11 .swiper-slide:nth-child(3n) {
    width: 20%;
}*/
.content_wrap .section11 .pagination {
    position: absolute;
    z-index: 20;
    left: 10px;
    bottom: 10px;
}
.content_wrap .section11 .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #222;
    margin-right: 8px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.content_wrap .section11 .swiper-visible-switch {
    background: #aaa;
}
.content_wrap .section11 .swiper-active-switch {
    background: #fff;
}




/* ===============================================================
Basic Swiper Styles
================================================================*/
.content_wrap .section11 .swiper-container2 {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    direction:ltr;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
    top: 175px;
}
.content_wrap .section11 .swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.content_wrap .section11 .swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.content_wrap .section11 .swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.content_wrap .section11 .swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.content_wrap .section11 .swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}










.content_wrap .section11 .swiper-button-next2, .swiper-button-prev2 {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}
.content_wrap .section11 .swiper-button-next2.swiper-button-disabled, .swiper-button-prev2.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.content_wrap .section11 .swiper-button-prev2, .content_wrap .section11 .swiper-container-rtl .swiper-button-next2 {
    background-image: url(/project/hanwha_solar/img/swiper_arrow1.png);
    left: 35%;
    right: auto
}
.content_wrap .section11 .swiper-button-prev2.swiper-button-black, .content_wrap .section11 .swiper-container-rtl .swiper-button-next2.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.content_wrap .section11 .swiper-button-prev2.swiper-button-white, .content_wrap .section11 .swiper-container-rtl .swiper-button-next2.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.content_wrap .section11 .swiper-button-next2, .content_wrap .section11 .swiper-container-rtl .swiper-button-prev2 {
    background-image: url(/project/hanwha_solar/img/swiper_arrow.png);
    right: 35%;
    left: auto
}
.content_wrap .section11 .swiper-button-next2.swiper-button-black, .content_wrap .section11 .swiper-container-rtl .swiper-button-prev2.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.content_wrap .section11 .swiper-button-next2.swiper-button-white, .content_wrap .section11 .swiper-container-rtl .swiper-button-prev2.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}





.content_wrap .section11 .swiper-pagination2 {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.content_wrap .section11 .swiper-pagination2.swiper-pagination-hidden {
    opacity: 0
}
.content_wrap .section11 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.content_wrap .section11 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}
.content_wrap .section11 button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}
.content_wrap .section11 .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.content_wrap .section11 .swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}
.content_wrap .section11 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f37321
}
.content_wrap .section11 .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}
.content_wrap .section11 .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}
.content_wrap .section11 .swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.content_wrap .section11 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}
.content_wrap .section11 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}
.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}
.content_wrap .section11 .swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}
.content_wrap .section11 .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}
.content_wrap .section11 .swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}
.content_wrap .section11 .swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}
.content_wrap .section11 .swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}
.content_wrap .section11 .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}
.content_wrap .section11 .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.content_wrap .section11 .swiper-container1 {
    /* Specify Swiper's Size: */

    /*width:200px;
    height: 100px;*/
}
.content_wrap .section11 .swiper-slide {
    /* Specify Slides's Size: */

    /*background: #ddd;*/
    /*width: 100%;
    height: 100%;*/
}
.content_wrap .section11 .swiper-slide-active {
    /* Specific active slide styling: */

}
.content_wrap .section11 .swiper-slide-visible {
    /* Specific visible slide styling: */

}
/* ===============================================================
Pagination Styles
================================================================*/
.content_wrap .section11 .swiper-pagination-switch {
    /* Stylize pagination button: */

}
.content_wrap .section11 .swiper-active-switch {
    /* Specific active button style: */

}
.content_wrap .section11 .swiper-visible-switch {
    /* Specific visible button style: */

}



.content_wrap .section11 .swiper-slide {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

}
.content_wrap .section11 .swiper-slide.s11_slide1 {
}

.content_wrap .section11 .swiper-slide.swiper-slide-active .slide_title {
    width: 400px !important;
    color: #1d1d1d;
    font-size: 30px;
    font-weight: 600;
    opacity: 1;
}

/* 20170802 dave */
.content_wrap .section11 .swiper-slide.swiper-slide-active .slide_con1 {

    font-family: noto-sans-scott;
    // width: 400px !important;
    width: 100% !important;
    color: #f37321;
    font-size: 100px;
    font-weight: 600;
    opacity: 1;
    text-align:center;
    position:absolute;
    left:0px;
    top:100px;
}
.content_wrap .section11 .swiper-slide.swiper-slide-active .slide_con1 SPAN {
    color: #f37321;
    font-size: 40px;
    font-weight: 600;
    opacity: 1;
}
.content_wrap .section11 .swiper-slide.swiper-slide-active .slide_con2 {
    position: absolute;
    top:300px;
      // width: 660px!important;
    width: 100%!important;
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    opacity: 1;
    line-height: 22px;
    min-height: 80px;
    left:0px;
    text-align:center;
}









.content_wrap .section11 .swiper-slide .slide_title {
    width: 400px!important;
    color: #1d1d1d;
    font-size: 30px;
    font-weight: 600;
    opacity: 0;
}
.content_wrap .section11 .swiper-slide .slide_con1 {
    font-family: noto-sans-scott;
    // width: 400px!important;
     width: 100%!important;
    color: #333333;
    font-size: 100px;
    font-weight: 600;
    opacity: 1;
    text-align:center;
    position:absolute;
    left:0px;
    top:100px
}
.content_wrap .section11 .swiper-slide .slide_con1 SPAN {
    color: #333333;
    font-size: 40px;
    font-weight: 600;
    opacity: 1;
}
.content_wrap .section11 .swiper-slide .slide_con2 {
    color: #666666;
    font-size: 18px;
    font-weight: 300;
    opacity: 0;
    position: relative;
    top: -60px;
    min-height: 80px;
    width: 660px!important;
}






.content_wrap .section11 .swiper-slide .slide_con2232323 {
    // // width: 400px !important;
    // width: 100% !important;
    // color: #666666;
    // font-size: 18px;
    // font-weight: 300;
    // opacity: 0;
    // position: relative;
    // top: -60px;
    // min-height: 80px;
        position: absolute;
    top:300px;
      // width: 660px!important;
    width: 100%!important;
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    opacity: 1;
    line-height: 22px;
    min-height: 80px;
    left:0px;
    text-align:center;
}












.section12{
}

























































.ending {
    position: relative;
    z-index: 80;
    height: 545px;
    color: #fff
}
.ending .foot_log {
    position: absolute;
    z-index: 30;
    top: 80px;
    left: 50%;
    margin-left: -110px;
    text-align: center;


    width: 220px;
    height: 80px;
    background: url(/project/hanwha_solar/img/sprite.png) no-repeat 3px -2529px;
    /*background-size: 200px;*/
    overflow: hidden;
}
.ending .foot_stxt {
    position: absolute;
    z-index: 30;
    top: 190px;
    left: 0;
    right: 0;
    font-size: 17px;
    text-align: center;
    color: #fff;
}
.ending .foot_btn01 {
    position: absolute;
    z-index: 30;
    top: 250px;
    left: 50%;
    margin-left: -110px;
    width: 224px;
    height: 64px;
    font-size: 17px;
    text-align: center;
    color: #f3651b;
    background: #fff;
}
.ending .foot_btn01 a{
    font-size: 17px;
    text-align: center;
    color: #f3651b;
    font-family: noto-sans-scott;
    font-weight: 400;
    line-height: 64px;
}
.ending .foot_btn02 {
    position: absolute;
    z-index: 30;
    top: 320px;
    width: 220px;
    height: 60px;
    left: 50%;
    margin-left: -110px;
    font-size: 17px;
    text-align: center;
    border: 2px solid #fff;
}
.ending .foot_btn02 a{
    font-size: 17px;
    text-align: center;
    color: #fff;
    font-family: noto-sans-scott;
    font-weight: 400;
    line-height: 60px;
}


.ending .desaturate, .ending .end, .ending .saturate {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%
}
.ending .desaturate {
    z-index: 10;
    background-image: url(/project/hanwha_solar/img/footer_bg1.jpg)
}
.ending .saturate {
    z-index: 20;
    opacity: 0;
    background-image: url(/project/hanwha_solar/img/footer_bg1.jpg)
}





.move_part {
    padding: 0 0;
    background: url(/project/hanwha_solar/img/footer_bg2.jpg) no-repeat 50% 50%;
    background-size: cover;
    height: 520px;
}
.move_part .part_inner {
    width: 515px;
    margin: auto;
    padding-top: 100px;
}
.move_part .part_inner:after {
    content: '';
    display: block;
    clear: both
}
.move_part .txt_box {
    color: #fff;
    font-size: 30px;
    border-bottom: 2px solid #7d3d14;
    height: 50px;
    text-align: center;
    margin-top: 80px;
    font-family: noto-sans-scott;
    font-weight: 400;
}
.move_part .txt_box SPAN{
    color: #f3681c;
}


.move_part .txt_box1 {
    color: #fff;
    font-size: 30px;
    border-bottom: 0px solid #7d3d14;
    height: 50px;
    text-align: center;
    width: 181px;
    margin: 0 auto;
}
.move_part .txt_box1 a {
    width: 181px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    color: #f37321;
    background: url(/project/hanwha_solar/img/foot_comingsoon.png) no-repeat 50% 50%;
    background-size: 181px 24px;
}








































































































































/* parallax CSS - Parallax sample*/

article h2, article h1 {
    font-size: 3.6em;
    line-height: 1em;
    margin: 25px 0;
}

.first.hw_content {
   /* border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);*/
    color: #333;
    /*height: 100vh;*/
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}
.second.hw_content {
    height: auto;
    margin: 0 auto;
    padding: 0 0;
    position: relative;
    width: 100%;
    background: #fff;
    margin-bottom: 690px;
    z-index: 2;
}
.theend.hw_content {
    color: #333;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    width: 100%;
    background: #a4a826;
    opacity: 0;
}


/* section first */
.hw_main_mov {
    margin: 0;
    position: fixed;
    width: 100%;
    height: 100vh;
}


/* section the end */
.theend .footer_box {
    position: fixed;
    /*text-shadow: 0 0 16px rgba(140, 123, 96, 0.8);*/
    width: 100%;
    height: 690px;
    bottom: 0;
}
.theend.hw_content.addindex {
    opacity: 1;
}



/*parallax CSS - Parallax sample  끝*/