@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');/*font-family: 'Roboto', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); /*font-family: 'Lato', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');/* font-family: 'Nanum Gothic', serif; */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');/*font-family: 'Open Sans', sans-serif;*/

/*layout*/
body{width:100%; overflow-x:hidden;}
.bg{width:100%; height:100%; background:#000; z-index:90; display:block; position:fixed; left:0; top:0; right:0; bottom:0;}
.bg.show{display:none;}
.sub_cont{margin-top:75px;}
.sub_cont .container{width:1200px;}

/*lnb*/
.m_lnb{width:100%;  padding-top:76px; display:none; position:relative;}
.m_lnb p{background: linear-gradient(90deg, rgba(246,138,31,1) 0%, rgba(240,78,34,1) 100%); text-align:center; color:#fff;font-family:'NotoSansCJKkrRegular', sans-serif; font-size:24px; line-height:65px; cursor:pointer; position:relative;}
.m_lnb p a{display:block; width:100%; background: linear-gradient(90deg, rgba(246,138,31,1) 0%, rgba(240,78,34,1) 100%); text-align:center; color:#fff;font-family:'NotoSansCJKkrRegular', sans-serif; font-size:24px; line-height:65px; cursor:pointer; position:relative;}
.m_lnb p:before{content:""; width:20px; height:11px; background:url(/skin/skin221/images/lnb_arrow.png) no-repeat; position:absolute; right:50px; top:27px;}
.m_lnb p.on:before{transform:rotate(180deg) translateY(50%);}
.m_lnb ul{display:none; width:100%; position:absolute; left:0; top:141px; background:#f5f5f5; z-index:99;}
.m_lnb ul li{}
.m_lnb ul li a{font-size:24px; font-family:'NotoSansCJKkrRegular', sans-serif; text-align:center; display:block; line-height:65px; color:#000;}

/*sub_top*/
.sub_top{width:100%; height:477px; position:relative; background:url(../images/sub/sub_top.jpg) no-repeat center; background-size:cover; overflow:hidden; box-sizing:border-box; }
.sub_top .container{position:relative; height:100%;}
.sub_wrap .wave{position:relative;}
.sub_wrap .wave img{position:absolute; height:300px; right:-800px; bottom:-195px; z-index:2;}
.sub_top h2{color:#fff; text-align:center; font-size:40px; font-family:'NotoSansCJKkrRegular', sans-serif;padding-top:170px; transition:all 0.2s}
.sub_top .breadcrumb{position:absolute; right:0; top:34px; overflow:hidden; z-index:20;}
.sub_top .breadcrumb li{float:left; position:relative; padding:0 13px;}
.sub_top .breadcrumb li:first-child{padding-left:0;}
.sub_top .breadcrumb li:after{content:">"; position:absolute; right:0; top:0; width:5px; height:8px; color:#fff;} 
.is-ie .sub_top .breadcrumb li:after{top:2px;}
.sub_top .breadcrumb li:last-child:after{width:0; height:0;}
.sub_top .breadcrumb li img{padding-right:6px;}
.sub_top .breadcrumb li a{color:#fff; font-size:13px;font-family:'NotoSansCJKkrDemiLight', sans-serif;}

.scont1 .container > p.ph4{display:block;}
.scont1 .container > p.mh4{display:none;}

.scont1{width:100%; z-index:3; box-sizing:border-box; overflow:hidden; background-position:center top;}
.scont1 h3{font-size:35px; color:#222; font-family:'NotoSansCJKkrRegular', sans-serif; padding-bottom:43px; line-height:50px; text-align:center; letter-spacing:-2px;}
.sub_top h2{position:relative;}
.sub_top h2:after{content:""; width:36px;height:35px; background:url(/skin/skin221/images/st_obj.png) no-repeat; position:absolute; left:50%; transform:translateX(-50%); top:120px;}
.scont1 h4{text-align:center; font-size:28px; color:#222;font-family:'NotoSansCJKkrRegular', sans-serif; line-height:40px; padding-bottom:70px; word-break:keep-all;}
.scont1 h4 span{color:#f04e23;}
.scont1 h4.ph4{display:block;}
.scont1 h4.mh4{display:none;}
/*sub cont01*/
.ov_cont .scont1{height:873px; margin-top:-2px; padding-top:0;}
.ov_cont .scont1 .container{position:relative; height:100%; background:url(/skin/skin221/images/scont1_cbg.jpg) no-repeat left top; padding-top:70px;}
.ov_cont .scont1 h4{text-align:center; font-size:28px; color:#222;font-family:'NotoSansCJKkrRegular', sans-serif; line-height:40px; padding-bottom:70px;}
.ov_cont .scont1 h4 span{color:#f04e23;}
.ov_cont .scont1 img{width:50%; float:left; width:auto; margin-left:61px;}
.ov_cont .scont1 .s1_txt{width:50%;float:right; box-sizing:border-box; padding:20px 28px;}
.ov_cont .scont1 .s1_txt p{font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#555; font-size:16px; padding-bottom:20px; line-height:25px; word-break:keep-all;}
.ov_cont .scont1 .s1_txt p em{color:#f04e23;}
.is-ie .ov_cont .scont1 .s1_txt p{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}

.ov_cont .scont1 h4{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.ov_cont .scont1 img{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.ov_cont .scont1 .s1_txt{opacity:0; transform:translateY(40%); transition:all 0.5s;}

.ov_cont .scont1.show h4{opacity:1; transform:translateY(0);}
.ov_cont .scont1.show img{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.ov_cont .scont1.show .s1_txt{opacity:1; transform:translateY(0);transition-delay:0.4s;}



.scont2{width:100%; background:#f6f6f6;}
.scont2 h3{font-size:35px; color:#222; font-family:'NotoSansCJKkrRegular', sans-serif; padding-top:0px; text-align:center;}
/*sub cont02*/
.ov_cont .scont2{height:645px;}
.ov_cont .scont2 ul{overflow:hidden; padding-top:37px; padding-left:10px; padding-bottom:10px;}
.ov_cont .scont2 li{float:left; width:33.333%; box-sizing:border-box; position:relative; overflow:hidden;}
.ov_cont .scont2 li:nth-child(4){margin-top:25px;}
.ov_cont .scont2 li:nth-child(5){margin-top:25px;}
.ov_cont .scont2 li:nth-child(6){margin-top:25px;}
.ov_cont .scont2 li img{float:left;}
.ov_cont .scont2 li .s2_txt{float:left;padding-top:43px; padding-left:22px;}
.ov_cont .scont2 li .s2_txt p{font-family: "NotoSansCJKkrRegular", sans-serif; color:#f04e23; font-size:16px;padding-bottom:17px;}
.ov_cont .scont2 li .s2_txt span{font-size:42px; color:#111;font-family:'PHCB', sans-serif; }
.ov_cont .scont2 li .s2_txt em{font-size:22px; color:#111;font-family:'PHCB', sans-serif;}

.scont3{width:100%; overflow:hidden;}
.scont3 h3{font-size:35px; color:#222; font-family:'NotoSansCJKkrRegular', sans-serif; padding-top:107px; text-align:center;}
/*sub cont03*/
.ov_cont  .scont3{height:777px; }
.ov_cont .scont3 .container{position:relative; height:100%;}
/*.scont3 .container:before{content:""; position:absolute; right:-160px; top:0; width:177px; height:174px; background:url(../images/sub/sub3_circle.png) no-repeat; z-index:-1;animation:circle2 3s infinite alternate;}
.scont3 .container:after{content:""; position:absolute; left:-400px; bottom:-373px; width:644px; height:644px; background:url(../images/sub/sub3_circle2.png) no-repeat; z-index:-1;animation:circle 2s infinite alternate;}*/
.ov_cont .scont3 h3{font-size:35px; color:#222; font-family:'NotoSansCJKkrRegular', sans-serif; padding-top:107px; text-align:center;}
.ov_cont .scont3 .sc3_boxwrap{/*overflow:hidden;*/ padding-top:49px;}
.ov_cont .scont3 .sc3_boxwrap .sc3_box{float:left; margin-right:26px;width:280px;}
.ov_cont .scont3 .sc3_boxwrap .sc3_box:last-child{margin-right:0;}
.ov_cont .scont3 .sc3_box .sc3_topb{width:100%; /*height:240px;*/ text-align:center; /*padding-top:108px;*/ box-sizing:border-box; position:relative;}
/*.ov_cont .scont3 .sc3_box:nth-child(1) .sc3_topb{background:url(../images/sub/sc_box01.png) no-repeat;}
.ov_cont .scont3 .sc3_box:nth-child(2) .sc3_topb{background:url(../images/sub/sc_box02.png) no-repeat;}
.ov_cont .scont3 .sc3_box:nth-child(3) .sc3_topb{background:url(../images/sub/sc_box03.png) no-repeat;}
.ov_cont .scont3 .sc3_box:nth-child(4) .sc3_topb{background:url(../images/sub/sc_box04.png) no-repeat;}*/
.ov_cont .scont3 .sc3_box .sc3_topb img{width:100%;}
.ov_cont .scont3 .sc3_box .sc3_topb p{width:100%; font-size:26px; color:#fff;font-family:'NotoSansCJKkrRegular', sans-serif; padding-bottom:11px; word-break:keep-all; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;}
.ov_cont .scont3 .sc3_box .sc3_topb span{font-size:18px; color:#fff; font-family: 'Lato', sans-serif;}
.ov_cont .scont3 .sc3_box .sc3_botb{text-align:center; padding-top:17px;}
.ov_cont .scont3 .sc3_box .sc3_botb p{font-size:24px; color:#222;font-family:'NotoSansCJKkrRegular', sans-serif; line-height:30px; padding-bottom:18px; word-break:keep-all;}
/*.is-ie .ov_cont .scont3 .sc3_box .sc3_botb p{font-family:'NotoSansCJKkrLight', sans-serif;}*/
.ov_cont .scont3 .sc3_box .sc3_botb .more{display:block;font-size:14px;color:#f04d22;font-family: "NotoSansCJKkrRegular", sans-serif; line-height:42px; width:172px; text-align:center; border:1px solid #f04d22; border-radius:10px 0 10px 0; background:#fff; overflow:hidden; position:relative; padding-top:0; z-index:0; transition:all 0.5s; margin:0 auto;}
.ov_cont .scont3 .sc3_box .sc3_botb .more span{color:#f04d22; line-height:42px;}
.ov_cont .scont3 .sc3_box .sc3_botb .more img{padding-left:11px; vertical-align:0;}
.ov_cont .scont3 .sc3_box .sc3_botb .more span{transition:all 0.5s;}
.ov_cont .scont3 .sc3_box .sc3_botb .more:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.ov_cont .scont3 .sc3_box .sc3_botb .more:hover{}
.ov_cont .scont3 .sc3_box .sc3_botb .more:hover span{color:#fff;}
.ov_cont .scont3 .sc3_box .sc3_botb .more:hover:before{transform:translateY(0) rotate(0);}
.ov_cont .scont3 .s3_circle{position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}
.ov_cont .scont3 .s3_circle .s3c01{position:absolute; right:-160px; top:0; /*animation:circle2 3s infinite alternate;*/}
.ov_cont .scont3 .s3_circle .s3c02{position:absolute; left:-400px; bottom:-373px; /*animation:circle 3s infinite alternate;*/}

.ov_cont .scont3 .sc3_box:nth-child(1){opacity:0; transform:translateY(20%); transition:all 0.5s;}
.ov_cont .scont3 .sc3_box:nth-child(2){opacity:0; transform:translateY(20%); transition:all 0.5s; transition-delay:0.2s;}
.ov_cont .scont3 .sc3_box:nth-child(3){opacity:0; transform:translateY(20%); transition:all 0.5s; transition-delay:0.4s;}
.ov_cont .scont3 .sc3_box:nth-child(4){opacity:0; transform:translateY(20%); transition:all 0.5s; transition-delay:0.6s;}

.ov_cont .scont3.show .sc3_box:nth-child(1){opacity:1; transform:translateY(0);}
.ov_cont .scont3.show .sc3_box:nth-child(2){opacity:1; transform:translateY(0);}
.ov_cont .scont3.show .sc3_box:nth-child(3){opacity:1; transform:translateY(0);}
.ov_cont .scont3.show .sc3_box:nth-child(4){opacity:1; transform:translateY(0);}

@keyframes circle2{
	0%{transform:translate(0,5%)}
	100%{transform:translate(0,0)}
}

.swiper-container-ov{height:auto}
.swiper-container-ov{overflow:visible;}
.swiper-container-ov:after{content:""; display:block; clear:both;}
.swiper-container-ov .swiper-slide{height:auto;}


/*scont_bt*/
.scont_bt{overflow:hidden; border-top:1px solid #dadada; padding-top:60px; padding-bottom:91px; background:#fff;}
.scont_bt h4{font-size:20px; color:#222; font-family:'PHCL', sans-serif; font-weight:bold; padding-bottom:23px;}
.scont_bt .sb_btn{overflow:hidden; height:135px;}
.scont_bt a{float:left; width:calc(50% - 10px); height:100%; display:block; position:relative; overflow:hidden;}
.scont_bt a.info{margin-right:20px;}
.scont_bt a:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; transition:transform 2s;}
.scont_bt a.info:before{background:url(/skin/skin221/images/scont_b1.jpg) no-repeat center; background-size:cover;}
.scont_bt a.his:before{background:url(/skin/skin221/images/scont_b2.jpg) no-repeat center; background-size:cover;}
.scont_bt a:hover:before{transform:scale(1.1);}
.is-ie .scont_bt a{transform: perspective(1000px) translateZ(0px);}
.is-ie .scont_bt a:hover:before{transform: perspective(1000px) translateZ(100px);}
.scont_bt a .sb_txt{position:absolute; left:62px; top:50%; transform:translateY(-50%);}
.scont_bt a span{color:#fff; font-size:24px;font-family:'NotoSansCJKkrRegular', sans-serif;}
.scont_bt a img{vertical-align:-11px; padding-right:15px;transform:rotate(180deg);}


/* history */
.sub_cont.his_cont{}
.his_cont .scont1{position:relative;}
.his_cont .scont1 h3{position:relative;}
.his_cont .scont1 h4{position:relative; padding-bottom:110px;}
.his_cont .scont2{background:none; padding-bottom:180px;}
.his_cont .history-wrap{padding-bottom:157px;}
.his_cont .sub_top{background:url(/skin/skin221/images/history/his_top.jpg) no-repeat top; background-size:cover;}
.his_cont .sub_top .container{position:relative;}
.his_cont .sub_top .his_txtwrap{position:absolute; left:50%; top:0; transform:translateX(-50%); width:1200px; height:100%; overflow:hidden;}
.his_cont .sub_top .his_txtwrap .his_txt{position:absolute; left:0; width:480px; opacity:0;}
.his_cont .sub_top .his_txtwrap .his_txt.show1{opacity:1; animation: txt 30s linear infinite;}
.his_cont .sub_top .his_txtwrap .his_txt.show2{opacity:1; animation: txt2 30s linear infinite;}
.his_cont .sub_top .his_txtwrap .his_txt p{color:#fff; text-align:left; font-size:20px; margin-bottom:30px;font-family: 'Nanum Myeongjo', serif; font-weight:900; letter-spacing:-0.05em; opacity:0.9;}
.his_cont .sub_top .his_txtwrap .his_txt p.ht1{font-size:22px;}
.his_cont .sub_top .his_txtwrap .his_txt span{display:block;color:#fff;font-size:20px; line-height:33px;font-family: 'Nanum Myeongjo', serif; font-weight:900; }

.history_wrap{}
.history_wrap .his_tab{z-index:10;}
.history_wrap .his_tab.fixed{position:fixed; top:0; width:1200px; padding-top:75px;}
.history_wrap .his_tab ul{overflow:hidden;}
.history_wrap .his_tab ul li{float:left; width:33.333%; box-sizing:border-box; text-align:center; border:1px solid #dadada; margin-left:-1px; background:#fff;}
.history_wrap .his_tab ul li:first-child{margin-left:0;}
.history_wrap .his_tab ul li a{display:block; width:100%; font-family:'Open Sans', sans-serif; font-size:16px; color:#666; line-height:58px;}
.history_wrap .his_tab ul li.on{background:#f04e23; border-color:#f04e23;}
.history_wrap .his_tab ul li.on a{color:#fff;}
.history_wrap .his_box{position:relative; /*margin-top:44px;*/}
.history_wrap .his_box .yeartxt{font-family:'NotoSansCJKkrRegular', sans-serif; font-size:120px; color:#f2f2f2; letter-spacing:-2px; padding-left:470px; font-style:italic; padding-bottom:50px; z-index:-1;}
.history_wrap .his_box .year_wrap{overflow:hidden; position:relative;}
.history_wrap .his_box .year_wrap .year{}
.history_wrap .his_box .year_wrap .year.year2010{}
.history_wrap .his_box .year_wrap .year_box{width:100%; padding-bottom:40px; /*background:url(../images/sub/history/his_bg_line.png) repeat-y left 421px top;*/ position:relative; }
.history_wrap .his_box .year_wrap .year_box.first{}
.history_wrap .his_box .year_wrap .year#y2000 .year_box.first{/*margin-top:56px;*/}
.history_wrap .his_box .year_wrap .year#y1990 .year_box.first{/*margin-top:55px;*/}
.history_wrap .his_box .year_wrap .year_box.first .year_right{padding-top:4px;}
.history_wrap .his_box .year_wrap .progress{width:1px; height:5380px; position:absolute; left:calc(50% - 6px); top:18px; background:#dadada; overflow:hidden;}
.history_wrap .his_box .year_wrap .progress .line{width:100%; height:0; background:#f04e23; transition:height 0.5s;}
/*.history_wrap .his_box .year_wrap .progress .line{width:1px; height:4600px; position:absolute; left:421px; top:0; z-index:-1; overflow:hidden; background:#dadada;}
.history_wrap .his_box .year_wrap .progress .line:after{content:""; width:100%; height:0;; position:absolute; left:0; top:0; transition:height 0.5s}*/
/*.history_wrap .his_box .year_wrap .progress .line.line-back{background:#dadada;}
.history_wrap .his_box .year_wrap .progress .line.line-front{height:0; background:#f04e23; transition:height 0.5s;}
.history_wrap .his_box .year_wrap .progress .line.line-front.show{height:4600px;}*/
.history_wrap .his_box .year_wrap .progress.first .line{top:144px;}
.history_wrap .his_box .year_wrap .progress.last .line{height:100%;}
.history_wrap .his_box .year_wrap .progress.last .line.line-front{height:0;}



/*.progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 20rem; }
 .progress * {
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none; }
 .progress::before, .major-history .progress::after {
    content: '';
    display: block;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%; }
.progress::before {
    position: relative;
    background: #191919;
    height: 5px;
    width: 5px;
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
.progress::after {
    position: absolute;
    height: 40px;
    width: 40px;
    border: 1px solid #000;
    opacity: 0.3; }
.progress .line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #000;
    opacity: 0.05;
    left: 50%; }
    .major-history .progress .line-front {
      opacity: 1;
      background: #191919;
      -webkit-transform-origin: top;
              transform-origin: top; }*/



.history_wrap .his_box .year_wrap .year_box:last-child:after{content:""; width:10px; height:1000px; background:#fff; position:absolute; left:calc(50% - 9px); top:27px; }
.history_wrap .his_box .year_wrap .year_box h6{float:left; width:50%;font-family:'NotoSansCJKkrRegular', sans-serif; font-size:43px; color:#f04e23; font-style:italic; box-sizing:border-box; background:url(/skin/skin221/images/history/hiso.png) no-repeat right center; text-align:center;}
.history_wrap .his_box .year_wrap .year_box .year_right{float:right; width:50%; box-sizing:border-box;}
.history_wrap .his_box .year_wrap .year_box .year_right .month{}
.history_wrap .his_box .year_wrap .year_box .year_right .month:first-child{padding-top:10px;}
.history_wrap .his_box .year_wrap .year_box .year_right .month p{font-size:18px; color:#bfb7b4; float:left; width:117px; text-align:center;}
.history_wrap .his_box .year_wrap .year_box .year_right .month ul{float:left; width:calc(100% - 117px);}
.history_wrap .his_box .year_wrap .year_box .year_right .month ul li{font-size:18px; color:#4d4d4d; padding-bottom:24px; position:relative; padding-left:15px; font-family:'NotoSansCJKkrDemiLight', sans-serif; line-height:1.4; word-break:keep-all;}
.is-ie .history_wrap .his_box .year_wrap .year_box .year_right .month ul li{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.history_wrap .his_box .year_wrap .year_box .year_right .month ul li:before{content:""; width:3px; height:3px; background:#f04e23; border-radius:50%; position:absolute; left:0; top:12px;}
.history_wrap .his_box .year_wrap .year_box .year_right .month ul li.imglist img{padding-right:20px;}
.history_wrap .his_box .year_wrap .year_box .year_right .month ul li.imglist img:last-child{padding-right:0;}
.history_wrap .his_box .year_wrap .year_box .year_right .month ul li.imglist:before{width:0; height:0;}

/*.history_wrap .his_box .year_wrap{ position:relative;background:url(../images/sub/history/his_bg.png) repeat-y;}
.history_wrap .his_box .year_wrap:before{content:"";width:12px; height:12px; background:#bfb7b4; position:absolute; left:50%; top:0; transform:translateX(-50%); border-radius:50%; margin-left:1px;}
.history_wrap .his_box .year_wrap:after{content:"";width:12px; height:12px; background:#bfb7b4; position:absolute; left:50%; bottom:0; transform:translateX(-50%); border-radius:50%; margin-left:1px;}
.history_wrap .his_box .year{}
.history_wrap .his_box .year2010{padding-top:160px;}
.history_wrap .his_box .year1970{position:relative;}
.history_wrap .his_box .year_wrap .year1970{padding-bottom:62px;}
.history_wrap .his_box .year_wrap .year_box {width:798px; margin:0 auto; overflow:hidden; padding-bottom:61px;}
.history_wrap .his_box .year_wrap .year_box img{}
.history_wrap .his_box .year_wrap .year_box h6{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:32px; padding-bottom:37px; position:relative;}
.history_wrap .his_box .year_wrap .year_box h6:before{content:""; width:14px; height:14px; background:url(../images/sub/history/his_obj.png) no-repeat; position:absolute; top:6px; z-index:2;}
.history_wrap .his_box .year_wrap .year_box p{font-size:17px; color:#4d4d4d; font-family:'NotoSansCJKkrDemiLight', sans-serif; padding-bottom:25px;}
.history_wrap .his_box .year_wrap .year_box p span{color:#bfb7b4;}
.history_wrap .his_box .year_wrap .year_box .img_left{float:left; width:362px;}
.history_wrap .his_box .year_wrap .year_box .txt_right{float:right; width:362px;}
.history_wrap .his_box .year_wrap .year_box .txt_right h6:before{left:-42px; }
.history_wrap .his_box .year_wrap .year_box .img_right{float:right; width:362px;}
.history_wrap .his_box .year_wrap .year_box .txt_left{float:left; width:362px; text-align:right;}
.history_wrap .his_box .year_wrap .year_box .txt_left h6:before{right:-46px;}
.history_wrap .his_box .year_wrap .year_box .txt_right p span{padding-right:25px;}
.history_wrap .his_box .year_wrap .year_box .txt_left p span{padding-left:25px;}*/

.his_cont .scont_bt{margin-top:160px;}

/* message */
.msg_cont .sub_top{background:url(/skin/skin221/images/sub_title_company.jpg) no-repeat center; background-size:cover;}
.msg_cont .sub_top h2{position:relative;}
.msg_cont .sub_top h2:after{content:""; width:36px;height:35px; background:url(/skin/skin221/images/st_obj.png) no-repeat; position:absolute; left:50%; transform:translateX(-50%); top:120px;}
.msg_cont .scont1{background:#fff; padding-bottom:140px;}
.msg_cont .msg_top{width:100%; height:470px; position:relative; background:url(/skin/skin221/images/msg_bg.png) no-repeat; overflow:hidden;}
.msg_cont .msg_top img.chairman{position:absolute; bottom:0; right:140px;}
.msg_cont .msg_top .msgt_txt{width:462px; position:absolute; top:0; right:50%; padding-top:133px; padding-left:32px; box-sizing:border-box;}
.msg_cont .msg_top .msgt_txt span{color:#f04e23; font-family: "NotoSansCJKkrRegular",sans-serif; font-size:16px;}
.msg_cont .msg_top .msgt_txt h4{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:32px; color:#222; line-height:47px; letter-spacing:-2px; padding-top:23px; padding-bottom:85px; text-align:left;}
.msg_cont .scont1 .msg_top .msgt_txt h4.m_ptv{display:block;}
.msg_cont .scont1 .msg_top .msgt_txt h4.m_tmv{display:none;}
.msg_cont .msg_top .msgt_txt p{font-family: "NotoSansCJKkrRegular", sans-serif; font-size:18px; color:#222;}
.msg_cont .msg_top .msgt_txt p img{padding-left:18px; vertical-align:-13px;}
.msg_cont .msg_bttm{width:100%; overflow:hidden; padding-top:30px;}
.msg_cont .msg_bttm > div{width:50%; box-sizing:border-box; padding:29px 30px 29px 19px;}
.msg_cont .msg_bttm .msgb_left{float:left;}
.msg_cont .msg_bttm .msgb_right{float:right;}
.msg_cont .msg_bttm h5{font-family: "NotoSansCJKkrRegular", sans-serif; font-size:22px; padding-bottom:16px; text-transform:uppercase;}
.msg_cont .msg_bttm h5 em{color:#f04e23;}
.msg_cont .msg_bttm p{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; line-height:30px;word-break:keep-all;  margin-bottom:19px;}
.is-ie .msg_cont .msg_bttm p{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}

.msg_cont .scont1 .msg_top img.chairman{opacity:0; transition:all 0.8s; right:-20%;}
.msg_cont .scont1 .msg_top .msgt_txt span{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.msg_cont .scont1 .msg_top .msgt_txt h4{opacity:0;transform:translateY(40%); transition:all 0.5s;}
.msg_cont .msg_top .msgt_txt p{opacity:0; transform:translateY(40%); transition:all 0.5s;}

.msg_cont .scont1.show .msg_top img.chairman{opacity:1; right:140px;}
.msg_cont .scont1.show .msg_top .msgt_txt span{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.msg_cont .scont1.show .msg_top .msgt_txt h4{opacity:1; transform:translateY(0); transition-delay:0.4s;}
.msg_cont .scont1.show .msg_top .msgt_txt p{opacity:1; transform:translateY(0); transition-delay:0.6s;}

/* philosophy */
.ps_cont .sub_top{background:url(/skin/skin221/images/ps_top.jpg) no-repeat; background-size:cover;}
.ps_cont .sub_top h2{position:relative;}
.ps_cont .sub_top h2:after{content:""; width:36px;height:35px; background:url(/skin/skin221/images/st_obj.png) no-repeat; position:absolute; left:50%; transform:translateX(-50%); top:120px;}
.ps_cont .scont1{background:url(/skin/skin221/images/ps/psc1_bg.jpg) no-repeat center top;}
.ps_cont .scont1 .ps1_top{width:823px; margin:0 auto; height:481px; position:relative;}
.ps_cont .scont1 .ps1_top .ps1t_cir{width:334px; height:334px; position:absolute; left:50%; top:0; transform:translateX(-50%); background:url(../images/sub/ps/psc.png) no-repeat;}
.ps_cont .scont1 .ps1_top .ps1t_cir p{text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);font-family: "NotoSansCJKkrRegular",sans-serif; font-size:29px;color:#f04e23; line-height:44px; letter-spacing:-1px; }
.ps_cont .scont1 .ps1_top .ps1t_cir p span{}
.ps_cont .scont1 .ps1_top:before{content:""; width:823px; height:348px; background:url(../images/sub/ps/psc1_after.png) no-repeat; position:absolute; top:152px; left:50%; transform:translateX(-50%); z-index:0;}
.ps_cont .scont1 .ps1_top span{display:block; width:100%; position:absolute; left:50%; transform:translateX(-50%); bottom:68px;font-family: "NotoSansCJKkrRegular", sans-serif; font-size:22px; line-height:32px; text-align:center;}
.ps_cont .scont1 .ps1_bttm{margin-top:-32px; position:relative; padding-bottom:135px;}
.ps_cont .scont1 .ps1_bttm ul{overflow:hidden;}
.ps_cont .scont1 .ps1_bttm li{width:33.333%; float:left; box-sizing:border-box; text-align:center;}
.ps_cont .scont1 .ps1_bttm li img{}
.ps_cont .scont1 .ps1_bttm li p{font-size:20px;color:#f04e23;font-family: "PHCL",sans-serif; font-weight:bold; padding-top:30px; padding-bottom:15px;}
.is-ie .ps_cont .scont1 .ps1_bttm li p{font-family: "PHCL-ie",sans-serif;}
.ps_cont .scont1 .ps1_bttm li span{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:15px; color:#666; line-height:26px; word-break:keep-all;}
.ps_cont .scont1 .ps1_bttm li span.pcv{display:block;}
.ps_cont .scont1 .ps1_bttm li span.tmv{display:none;}
.is-ie .ps_cont .scont1 .ps1_bttm li span{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}

.ps_cont .scont1 .ps1_top{opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.2s;}
.ps_cont .scont1 .ps1_top span{opacity:0; transform:translate(-50%,40%); transition:all 0.5s; }
.ps_cont .scont1 .ps1_bttm li:nth-child(1){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.2s;}
.ps_cont .scont1 .ps1_bttm li:nth-child(2){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.4s;}
.ps_cont .scont1 .ps1_bttm li:nth-child(3){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.6s;}

.ps_cont .scont1.show .ps1_top{opacity:1; transform:translateY(0);}
.ps_cont .scont1 .ps1_top.show span{opacity:1; transform:translate(-50%,0);}
.ps_cont .scont1.show .ps1_bttm.show li{opacity:1; transform:translateY(0);}

.ps_cont .scont2{padding-bottom:115px;}
.ps_cont .scont2 h3{}
.ps_cont .scont2 .ps2_box{width:100%; height:461px; position:relative;}
.ps_cont .scont2 .ps2_box .ps2_cir{width:289px; height:289px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url(../images/sub/ps/psc2_cir.png) no-repeat center;}
.ps_cont .scont2 .ps2_box .ps2_cir p{font-size:36px;color:#f04e23;font-family: "NotoSansCJKkrRegular",sans-serif; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; line-height:45px;}
.ps_cont .scont2 .ps2_box .ps2_list{width:100%; height:100%; position:relative;}
.ps_cont .scont2 .ps2_box .ps2_list:after{content:"";width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/sub/ps/psc2_bg.png) no-repeat center;}
.ps_cont .scont2 .ps2_box ul li{position:absolute; width:369px; background:#fff; padding-top:29px; padding-left:103px; padding-bottom:25px; box-sizing:border-box;}
.ps_cont .scont2 .ps2_box ul li:nth-child(1){left:0; top:0; background:#fff url(../images/sub/ps/ps2_icon01.png) no-repeat left 28px center;}
.ps_cont .scont2 .ps2_box ul li:nth-child(2){left:0; bottom:0;background:#fff url(../images/sub/ps/ps2_icon02.png) no-repeat left 22px center;}
.ps_cont .scont2 .ps2_box ul li:nth-child(3){right:0; top:0;background:#fff url(../images/sub/ps/ps2_icon03.png) no-repeat left 24px center;}
.ps_cont .scont2 .ps2_box ul li:nth-child(4){right:0; bottom:0;background:#fff url(../images/sub/ps/ps2_icon04.png) no-repeat left 37px center;}
.ps_cont .scont2 .ps2_box ul li p{font-family: "PHCL",sans-serif; font-weight:bold; font-size:20px; padding-bottom:8px;}
.ps_cont .scont2 .ps2_box ul li span{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:15px; color:#666; line-height:25px; letter-spacing:-2px;}
.ps_cont .scont2 .ps2_box ul li span.spcv{display:block;}
.ps_cont .scont2 .ps2_box ul li span.mov{display:none;}
.ps_cont .scont2 .ps2_box ul li span.spcv2{display:block;}
.ps_cont .scont2 .ps2_box ul li span.stv2{display:none;}
.ps_cont .scont2 .ps2_box ul li span.mov2{display:none;}
.is-ie .ps_cont .scont2 .ps2_box ul li span{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif; letter-spacing:-1px;}

.ps_cont .scont2 .ps2_box .ps2_cir{opacity:0; transition:all 0.6s;}
.ps_cont .scont2 .ps2_box .ps2_list:after{opacity:0; transition:all 0.6s;}
.ps_cont .scont2 .ps2_box ul li{opacity:0; transition:all 0.5s;}
.ps_cont .scont2 .ps2_box ul li:nth-child(1){transform:translateX(-40%); transition-delay:0.2s;}
.ps_cont .scont2 .ps2_box ul li:nth-child(2){transform:translateX(-40%); transition-delay:0.4s;}
.ps_cont .scont2 .ps2_box ul li:nth-child(3){transform:translateX(40%); transition-delay:0.6s;}
.ps_cont .scont2 .ps2_box ul li:nth-child(4){transform:translateX(40%); transition-delay:0.8s;}

.ps_cont .scont2.show .ps2_box .ps2_cir{opacity:1;}
.ps_cont .scont2.show .ps2_box .ps2_list:after{opacity:1;}
.ps_cont .scont2.show .ps2_box ul li{opacity:1; transform:translateX(0);}

.ps_cont .scont3{padding-bottom:200px;}
.ps_cont .scont3 .ps3_stit{margin-top:50px;font-family:'NotoSansCJKkrRegular', sans-serif; font-size:19px; line-height:33px; text-align:center; width:100%; border:10px solid #f8f8f8; padding:50px 0; word-break:keep-all;}
.ps_cont .scont3 .ps3_stit.pcv{display:block;}
.ps_cont .scont3 .ps3_stit.mov{display:none;}
.is-ie .ps_cont .scont3 .ps3_stit{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.ps_cont .scont3 ul.ps3_list{width:100%;padding-top:12px;}
.ps_cont .scont3 ul.ps3_list > li{border-bottom:1px solid #dadada; overflow:hidden; padding-top:42px;padding-bottom:24px;}
.ps_cont .scont3 ul.ps3_list > li p{float:left; width:345px; text-align:center; font-size:20px; letter-spacing:-1px;font-family: "PHCL",sans-serif; font-weight:bold;}
.ps_cont .scont3 ul.ps3_list > li p.pcv{display:block !important;}
.ps_cont .scont3 ul.ps3_list > li p.mov{display:none;}
.ps_cont .scont3 ul.ps3_list > li p img{display:block; margin:0 auto; }
.ps_cont .scont3 ul.ps3_list > li:nth-child(1) p img{padding-top:16px;}
.ps_cont .scont3 ul.ps3_list > li:nth-child(2) p img{padding-top:28px;}
.ps_cont .scont3 ul.ps3_list > li:nth-child(3) p img{padding-top:24px;}
.ps_cont .scont3 ul.ps3_list > li:nth-child(4) p img{padding-top:37px;}
.ps_cont .scont3 ul.ps3_list > li ul{float:right; width:calc(100% - 345px); box-sizing:border-box; }
.ps_cont .scont3 ul.ps3_list > li ul li{padding-bottom:14px;overflow:hidden; }
.ps_cont .scont3 ul.ps3_list > li ul li span{ font-size:16px;font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; line-height:26px;}
.is-ie .ps_cont .scont3 ul.ps3_list > li ul li span{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.ps_cont .scont3 ul.ps3_list > li ul li span b{float:left;display:inline-block; font-family: "NotoSansCJKkrMedium", sans-serif; width:100px; color:#222;}
.ps_cont .scont3 ul.ps3_list > li ul li span em{float:left;display:inline-block; width:calc(100% - 100px);}

/* network */
.nt_cont .sub_top{background:url(/skin/skin221/images/g_top.jpg) no-repeat center; background-size:cover;}
.nt_cont .scont1{padding-bottom:100px;}
.nt_cont .scont1 h3{}
.nt_cont .scont1 p{font-size:28px; line-height:40px; font-family: "NotoSansCJKkrRegular",sans-serif; color:#222; text-align:center; word-break:keep-all;}
.nt_cont .scont1 p span{color:#f04e23;}
.nt_cont .scont1 img{display:block; margin:0 auto;}
.nt_cont .ntt_tab{width:100%; display:none; background:#fff; }
.swiper-container2{height:auto; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.swiper-container2 .swiper-wrapper{height:auto;}
.nt_cont .ntt_tab .ntt_ul{}
.nt_cont .ntt_tab .ntt_ul .swiper-slide{position:relative; text-align:center; width:13.333%;}
.nt_cont .ntt_tab .ntt_ul .swiper-slide:after{content:""; width:3px; height:3px; background:#dadada; border-radius:50%; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.nt_cont .ntt_tab .ntt_ul .swiper-slide:last-child:after{width:0; height:0;}
.nt_cont .ntt_tab .ntt_ul .swiper-slide a{font-family: "PHCL",sans-serif; font-weight:bold; color:#666; font-size:16px; line-height:65px; display:inline-block;}
.nt_cont .ntt_tab .ntt_ul .swiper-slide a.on{color:#f04e23; position:relative;}
.nt_cont .ntt_tab .ntt_ul .swiper-slide a.on:after{content:""; width:calc(100% + 20px); height:2px; background:#f04e23; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%);}
.nt_cont .ntt_cont1 ul{overflow:hidden; margin:0 auto; width:400px; padding-top:76px;}
.nt_cont .ntt_cont1 ul li{float:left; width:33.3%; box-sizing:border-box; text-align:center; position:relative;}
.nt_cont .ntt_cont1 ul li:after{content:""; position:absolute; right:0; top:8px; width:1px; height:50px; background:#e0dbd7;}
.nt_cont .ntt_cont1 ul li:last-child:after{width:0; height:0;}
.nt_cont .ntt_cont1 ul li p{color:#f04d22; font-family: 'Open Sans', sans-serif; font-size:40px; font-weight:600;}
.nt_cont .ntt_cont1 ul li span{display:block; font-size:14px; font-family: 'Open Sans', sans-serif; color:#222; padding-top:8px; text-transform:uppercase;}
.nt_cont .ntt_cont1 .map{position:relative; width:1192px; height:612px; margin:auto; margin-top:-69px;}
.nt_cont .ntt_cont1 .map .mapimg{width:100%;}
.nt_cont .ntt_cont1 .map .mapimg.pcv{display:block !important;}
.nt_cont .ntt_cont1 .map .mapimg.tbv{display:none;}
.nt_cont .ntt_cont1 .map .mapimg.mov{display:none;}
.nt_cont .ntt_cont1 .map a{position:absolute; line-height:27px; color:#fff; background:#f04d22; border-radius:15px; padding:0 13px; text-align:center;font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px;}
.nt_cont .ntt_cont1 .map a:hover{background:#59514e;}
.nt_cont .ntt_cont1 .map a.on{background:#59514e;}
.nt_cont .ntt_cont1 .map a.UK{left:21px; top:162px;}
.nt_cont .ntt_cont1 .map a.Czech{top:162px; left:144px;}
.nt_cont .ntt_cont1 .map a.Slovakia{top:195px; left: 151px;}
.nt_cont .ntt_cont1 .map a.India{top:308px; left: 286px;}
.nt_cont .ntt_cont1 .map a.China{top:272px; left:355px;}
.nt_cont .ntt_cont1 .map a.Vietnam{top:356px; left:380px;}
.nt_cont .ntt_cont1 .map a.Indonesia{top:402px; left:461px;}
.nt_cont .ntt_cont1 .map a.Japan{top:232px; left:535px;}
.nt_cont .ntt_cont1 .map a.US{top:211px; left:892px;}
.nt_cont .ntt_cont1 .map a.Mexico{top:311px; left:918px;}
.nt_cont .ntt_cont1 .map a.malaysia{top:411px; left:355px;}
.nt_cont .ntt_cont1 .map a.korea{top:262px; left:438px;}
.nt_cont .ntt_cont1 .map .svg{position:absolute; left:29px; top:43px; width:910px; height:333px;}
.nt_cont .ntt_cont1 .map .dot{animation:dots 2s infinite;}
@keyframes dots{
	0%{transform:scale(1); opacity:0.3;}
	100%{transform:scale(5); opacity:0;}
}
.nt_cont .ntt_cont1 .map .dot2{animation:dots 3s infinite;}
.nt_cont .ntt_cont1 .map span{position:absolute; top:214px; left:456px;}
.nt_cont .ntt_cont1 .map span img{}

.nt_cont .scont1 .container > p{opacity:0; transform:translateY(40%); transition:all 0.5s;}

.nt_cont .scont1.show .container > p{opacity:1; transform:translateY(0);}
.ntt_cont2 .ntt2_cont{display:none;}
.nt_cont .scont1 .ntt_cont2{}
.nt_cont .scont1 .ntt_cont2 > img{padding-top:47px;}
.ntt_cont2 .ntt2_tab{border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:0 160px; margin-top:15px;}
.ntt_cont2 .ntt2_tab ul{overflow:hidden; }
.ntt_cont2#ntt_2 .ntt2_tab li{float:left; width:14.2%; text-align:center;position:relative;}
.ntt_cont2#ntt_3 .ntt2_tab li{float:left; width:33.333%; text-align:center;position:relative;}
.ntt_cont2#ntt_4 .ntt2_tab li{float:left; width:50%; text-align:center;position:relative;}
.ntt_cont2 .ntt2_tab li a{display:inline-block; line-height:65px; color:#666; font-family: "NotoSansCJKkrRegular",sans-serif;}
.ntt_cont2 .ntt2_tab li:after{content:""; width:3px; height:3px; background:#dadada; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.ntt_cont2 .ntt2_tab li:last-child:after{width:0; height:0;}
.ntt_cont2 .ntt2_tab li.on a{position:relative;}
.ntt_cont2 .ntt2_tab li.on a:after{content:""; width:100%; height:2px; background:#f04e23; position:absolute; bottom:0; left:0;}
.ntt_cont2 .ntt2_cont{padding-bottom:112px;}
.ntt_cont2 .ntt2_cont h5{font-size:22px; font-family: "NotoSansCJKkrRegular",sans-serif; padding-left:19px; position:relative;}
.ntt_cont2 .ntt2_cont h5:before{content:""; width: 12px; height: 13px; background: url(../images/sub/ett_list.png) no-repeat; position: absolute; left: 0; top: 4px;}
.ntt_cont2 .ntt2_cont .nt2box_wrap{border-top:1px solid #dadada; margin-top:28px; }
.ntt_cont2 .ntt2_cont .ntt2_box{position:relative; overflow:hidden;}
.ntt_cont2 .ntt2_cont .ntt2_box:after{content:""; width:321px; height:1px; background:#dadada; position:absolute; left:0; bottom:0;}
.ntt_cont2 .ntt2_cont .ntt2_box h6{font-family: "PHCL",sans-serif; font-weight:bold; font-size:18px; letter-spacing:-1px; color:#f04e23; line-height:36px;}
.ntt_cont2 .ntt2_cont .ntt2_box h6 span{position:absolute; left:11px; top:50%; transform:translateY(-50%);}
.ntt_cont2 .ntt2_cont .ntt2_box ul{float:right; width:calc(100% - 352px);box-sizing:border-box;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li{border-bottom:1px solid #dadada;padding:39px 0 29px 18px; overflow:hidden;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p{text-align:left;font-family:'NotoSansCJKkrDemiLight', sans-serif;font-size:16px; line-height:29px;;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li img{display:inline; padding-right:7px;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.loca{float:left; width:100%; padding-bottom:14px; display:block; font-weight:bold;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.loca span{padding-right:13px; position:relative;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.loca span:after{content:""; width:1px; height:13px; background:#dadada; position:absolute; right:0; top:8px;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.loca span:last-child{padding-left:12px;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.loca span:last-child:after{width:0; height:0;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.address{float:left; display:inline-block; color:#666;padding-left:60px; padding-right:12px; width:70%;  position:relative; box-sizing:border-box;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.address img{position:absolute; left:0; top:9px;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.address span{color:#222; padding-right:10px; position:absolute; left:18px; top:0;  font-weight:bold;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.address em{}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.call{float:left; display:inline-block; color:#666;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.call img{vertical-align:-4px;}
.ntt_cont2 .ntt2_cont .ntt2_box ul li p.call span{color:#222; padding-right:10px; font-weight:bold;}
.ntt_cont2 .ntt2_cont .ntt2_box.nonecall ul li p.address{width:100%;}

/*.ntt_cont2 .ntt2_cont ul{border-top:1px solid #dadada; margin-top:28px;}
.ntt_cont2 .ntt2_cont ul li{position:relative; overflow:hidden;}
.ntt_cont2 .ntt2_cont li h6{font-family: "PHCL",sans-serif; font-weight:bold; font-size:18px; letter-spacing:-1px; padding-left:11px; width:312px; border-bottom:1px solid #dadada;  color:#f04e23; float:left; box-sizing:border-box;}
.ntt_cont2 .ntt2_cont li div{padding:39px 0 34px 18px; border-bottom:1px solid #dadada; float:right; width:calc(100% - 352px);}
.ntt_cont2 .ntt2_cont li div img{display:inline; padding-right:7px;}
.ntt_cont2 .ntt2_cont li div p{text-align:left;font-family:'NotoSansCJKkrDemiLight', sans-serif;font-size:16px; line-height:1;}
.ntt_cont2 .ntt2_cont li div p.loca{padding-bottom:20px; display:block; font-weight:bold;}
.ntt_cont2 .ntt2_cont li div p.loca span{padding-right:13px; position:relative;}
.ntt_cont2 .ntt2_cont li div p.loca span:last-child{padding-left:12px;}
.ntt_cont2 .ntt2_cont li div p.loca span:after{content:""; width:1px; height:13px; background:#dadada; position:absolute; right:0; top:8px;}
.ntt_cont2 .ntt2_cont li div p.loca span:last-child:after{width:0; height:0;}
.ntt_cont2 .ntt2_cont li div p.address{display:inline-block; color:#666; padding-right:70px;}
.ntt_cont2 .ntt2_cont li div p.address img{vertical-align:-4px;}
.ntt_cont2 .ntt2_cont li div p.address span{color:#222; padding-right:10px;}
.ntt_cont2 .ntt2_cont li div p.call{display:inline-block; color:#666;}
.ntt_cont2 .ntt2_cont li div p.call img{vertical-align:-4px;}
.ntt_cont2 .ntt2_cont li div p.call span{color:#222; padding-right:10px;}*/

/*.nt_cont .scont2{background:#fff; margin-top:-60px; padding-bottom:119px;}
.nt_cont .scont2 .tab{position:relative; border-bottom:1px solid #dadada; padding-bottom:67px;}
.nt_cont .scont2 .t_tab > li{float:left; width:50%; box-sizing:border-box; border:1px solid #dadada; text-align:center; background:#fff;}
.nt_cont .scont2 .t_tab > li:last-child{margin-left:-1px;}
.nt_cont .scont2 .t_tab > li > a{display:block; font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; color:#666; line-height:60px;}
.nt_cont .scont2 .t_tab > li.on{background:#f04e23;border:1px solid #f04e23;}
.nt_cont .scont2 .t_tab > li.on > a{color:#fff;}
.nt_cont .scont2 .t_tab .b_tab{position:absolute; top:60px; left:50%; transform:translateX(-50%); width:350px; overflow:hidden;}
.nt_cont .scont2 .t_tab .b_tab li{float:left; display:inline-block; margin-right:80px; position:relative;}
.nt_cont .scont2 .t_tab .b_tab li:after{content:""; width:3px; height:3px; background:#dadada; position:absolute; right:-37px; top:50%; transform:translateY(-50%);}
.nt_cont .scont2 .t_tab .b_tab li:last-child{margin-right:0;}
.nt_cont .scont2 .t_tab .b_tab li a{display:inline-block; padding:0 8px; line-height:70px; font-size:16px; color:#666; font-family: "PHCL",sans-serif; font-weight:bold;}
.nt_cont .scont2 .t_tab .b_tab li.on a{color:#222; position:relative;}
.nt_cont .scont2 .t_tab .b_tab li.on a:after{content:""; width:100%; height:2px; background:#f04e23; position:absolute; bottom:0; left:0;}
.nt_cont .scont2 .sc_cont{position:relative;}
.nt_cont .scont2 .sc_cont .dis{padding-top:57px; position:absolute; right:0;}
.nt_cont .scont2 .sc_cont .dis li{float:left; margin-right:45px; position:relative; padding-left:28px; font-size:14px; color:#666;font-family:'NotoSansCJKkrDemiLight', sans-serif;}
.nt_cont .scont2 .sc_cont .dis li:last-child{margin-right:0;}
.nt_cont .scont2 .sc_cont .dis li:before{content:""; width:20px; height:3px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.nt_cont .scont2 .sc_cont .dis li.d_o:before{background:#f68b1f;}
.nt_cont .scont2 .sc_cont .dis li.d_g:before{background:#8cc63f;}
.nt_cont .scont2 .sc_cont .list{width:100%; padding-top:97px; overflow:hidden;}
.nt_cont .scont2 .sc_cont .list li{float:left; width:calc(33.333% - 20px); height:400px; border:1px solid #dadada; box-sizing:border-box; padding: 60px 33px; margin-right:30px; margin-bottom:37px; position:relative;}
.nt_cont .scont2 .sc_cont .list li:nth-child(3n){margin-right:0;}
.nt_cont .scont2 .sc_cont .list li.orange{border-top:2px solid #f68b1f;}
.nt_cont .scont2 .sc_cont .list li.green{border-top:2px solid #8cc63f;}
.nt_cont .scont2 .sc_cont .list li h5{font-size:22px;font-family: "PHCL",sans-serif; line-height:36px; }
.nt_cont .scont2 .sc_cont .list li h5 em{font-size:24px; font-family: "NotoSansCJKkrRegular",sans-serif; color:#222;letter-spacing:-1px;}
.nt_cont .scont2 .sc_cont .list li .list_span{position:absolute; top:164px;}
.nt_cont .scont2 .sc_cont .list li span{color:#666; font-size:16px;font-family:'NotoSansCJKkrDemiLight', sans-serif; display:block; margin-bottom:34px; line-height:29px;}
.nt_cont .scont2 .sc_cont .list li span img{padding-right:10px;}*/

/* ci */
.ci_cont .sub_top{background:url(../images/sub/ci/ci_top.jpg) no-repeat left center; background-size:cover;}
.ci_cont .scont1{}
.ci_cont .scont1 .container{padding-bottom:80px; border-bottom:1px solid #dadada;}
.ci_cont .scont1 p{font-size:28px; line-height:40px; font-family: "NotoSansCJKkrRegular",sans-serif; color:#222; text-align:center; word-break:keep-all;}
.ci_cont .scont1 p span{color:#f04e23;}
.ci_cont .scont1 .container > img{display:block; margin:0 auto;/* margin-top:40px;*/}
.ci_cont .scont1 .ci_disc{text-align:center; padding-top:30px;}
.ci_cont .scont1 .ci_disc li{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:17px; color:#666; line-height:30px;}
.is-ie .ci_cont .scont1 .ci_disc li{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.ci_cont .scont1 .down_wrap{width:415px; margin:0 auto; padding-top:35px; overflow:hidden;}
.ci_cont .scont1 .down_wrap a{display:inline-block; border:1px solid #f04d22; border-radius: 10px 0 10px 0; width:200px; box-sizing:border-box; line-height:40px; padding-left:18px;font-family:'NotoSansCJKkrMedium', sans-serif; font-size:14px; color:#f04d22; position:relative;}

.ci_cont .scont1 .down_wrap a{float:left; display:block; background:#fff; overflow:hidden; z-index:0; transition:all 0.5s;}
.ci_cont .scont1 .down_wrap a:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.ci_cont .scont1 .down_wrap a{color:#f04e23;font-family: "NotoSansCJKkrRegular", sans-serif; display:block;}
.ci_cont .scont1 .down_wrap a:hover{color:#fff;}
.ci_cont .scont1 .down_wrap a:hover:before{transform:translateY(0) rotate(0);}

.ci_cont .scont1 .down_wrap a:first-child{margin-right:9px;}
.ci_cont .scont1 .down_wrap a img{margin:0; display:inline-block; position:absolute; right:17px; top:13px;}
.ci_cont .scont2{background:#fff; padding-top:90px; padding-bottom:116px;}
.ci_cont .scont2 h4{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:30px; letter-spacing:-2px; padding-bottom:25px;}
.ci_cont .scont2 p{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:17px; color:#666; line-height:30px; word-break:keep-all;}
.ci_cont .scont2 .sig_box{position:relative;margin-top:25px; width:100%; }
.ci_cont .scont2 .sig_box img{width:100%; margin:0 auto;}
.ci_cont .scont2 .sig_box img.cipc{display:block;}
.ci_cont .scont2 .sig_box img.cit{display:none;}
.ci_cont .scont2 .sig_box img.cim{display:none;}
.ci_cont .scont2_2{padding-bottom:109px; padding-top:0;}
.ci_cont .scont3{background:#fff; padding-bottom:117px;}
.ci_cont .scont3 h4{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:30px; letter-spacing:-2px; padding-bottom:25px;}
.ci_cont .scont3 .container > p{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:17px; color:#666; line-height:30px; word-break:keep-all; padding-right:100px; padding-bottom:65px;}
.is-ie .ci_cont .scont3 .container > p{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.ci_cont .scont3 .color_wrap{margin-bottom:61px;}
.ci_cont .scont3 .color_wrap:last-child{margin-bottom:0;}
.ci_cont .scont3 .color_wrap h5{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; letter-spacing:-1px;}
.ci_cont .scont3 .color_wrap ul{padding-top:17px; overflow:hidden; }
.ci_cont .scont3 .color_wrap ul li{float:left; width:calc(25% - 15px); box-sizing:border-box; margin-right:20px;}
.ci_cont .scont3 .color_wrap ul li:last-child{margin-right:0;}
.ci_cont .scont3 .color_wrap ul li .c_color{width:100%; height:130px; box-sizing:border-box; padding:32px 0 0 28px; background-size:cover;}
.ci_cont .scont3 .color_wrap ul li .c_color h6{font-family: "PHCL",sans-serif; font-weight:bold; font-size:18px; color:#fff;}
.ci_cont .scont3 .color_wrap ul li .c_txt{width:100%; box-sizing:border-box; border:1px solid #dadada; border-top:none; padding-top:20px; padding-left:26px; padding-bottom:19px;}
.ci_cont .scont3 .color_wrap ul li .c_txt p{font-family: 'Open Sans', sans-serif; font-size:15px; line-height:25px; color:#222;}
.ci_cont .scont3 .color_wrap ul li .c_txt span{display:block;font-family: 'Open Sans', sans-serif;font-size:15px;line-height:25px; color:#666;}

.ci_cont .scont1 p{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.ci_cont .scont1 .container > img{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.ci_cont .scont1 .ci_disc{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.ci_cont .scont1 .down_wrap{opacity:0; transform:translateY(40%); transition:all 0.5s;}

.ci_cont .scont1.show p{opacity:1; transform:translateY(0);}
.ci_cont .scont1.show .container > img{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.ci_cont .scont1.show .ci_disc{opacity:1; transform:translateY(0); transition-delay:0.4s;}
.ci_cont .scont1.show .down_wrap{opacity:1; transform:translateY(0); transition-delay:0.6s;}

/* location */
.lc_cont .sub_top{background:url(../images/sub/loca_top.jpg) no-repeat center; background-size:cover;}
.lc_cont .scont1{}
.lc_cont .scont1 h3{padding-bottom:55px;}
.lc_cont .scont1 .map-box{width:100%; height:385px; background:#ccc url(../images/sub/map.jpg) no-repeat center; overflow:hidden; border:1px solid #dadada;}
.lc_cont .scont1 .info_list{overflow:hidden; padding-top:55px; padding-bottom:163px;}
.lc_cont .scont1 .info_list li{float:left; width:33.333%; box-sizing:border-box; text-align:center; position:relative;}
.lc_cont .scont1 .info_list li:after{content:""; width:1px; height:151px; background:#dadada; position:absolute; right:-1px; top:0;}
.lc_cont .scont1 .info_list li:last-child:after{width:0; height:0;}
.lc_cont .scont1 .info_list li img{}
.lc_cont .scont1 .info_list li p{font-family: 'Open Sans', sans-serif; font-weight:600; font-size:16px; color:#f04e23; padding-top:23px; padding-bottom:15px;}
.lc_cont .scont1 .info_list li span{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; color:#666;}
.is-ie .lc_cont .scont1 .info_list li span{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}

/* culture */
.cc_cont .sub_top{background:url(../images/sub/c_top.jpg) no-repeat center; background-size:cover;}
.cc_cont .scont1 .container{padding-bottom:93px; border-bottom:1px solid #dadada;}
.cc_cont .scont1 .container > p{font-size:28px; line-height:40px; font-family: "NotoSansCJKkrRegular",sans-serif; color:#222; text-align:center; word-break:keep-all;}
.cc_cont .scont1 .container > p span{color:#f04e23;}
.cc_cont .scont1 .container > p.spcv{display:block;}
.cc_cont .scont1 .container > p.mov{display:none;}
.cc_cont .scont1 .cc1_box{width:719px; height:417px; margin:0 auto; margin-top:50px; position:relative; box-sizing:border-box;}
.cc_cont .scont1 .cc1_box.cc1_box1{display:block;}
.cc_cont .scont1 .cc1_box.cc1_box2{display:none;}
.cc_cont .scont1 .cc1_box1 > img{position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.cc_cont .scont1 .cc1_box2{text-align:center;}
.cc_cont .scont1 .cc1_box2 > img{width:535px;}
.cc_cont .scont1 .cc1_box ul{}
.cc_cont .scont1 .cc1_box ul li{position:absolute; text-align:center;}
.cc_cont .scont1 .cc1_box ul li:nth-child(1){left:50%; top:0; transform:translateX(-50%);}
.cc_cont .scont1 .cc1_box ul li:nth-child(2){left:0; bottom:0;}
.cc_cont .scont1 .cc1_box ul li:nth-child(3){right:0; bottom:0;}
.cc_cont .scont1 .cc1_box ul li img{}
.cc_cont .scont1 .cc1_box ul li p{color:#5b5150;font-family: "PHCL",sans-serif; font-weight:bold; font-size:20px; padding:12px 0 8px;}
.cc_cont .scont1 .cc1_box ul li:nth-child(2) p{padding-bottom:17px;}
.cc_cont .scont1 .cc1_box ul li:nth-child(3) p{padding-bottom:17px;}
.cc_cont .scont2{background:#fff; padding-bottom:200px; padding-top:87px;}
.cc_cont .scont2 .cc2_box{overflow:hidden; margin-bottom:110px;}
.cc_cont .scont2 .cc2_box img{float:left;}
.cc_cont .scont2 .cc2_box.cc2_box2 img{float:right;}
.cc_cont .scont2 .cc2_box .cc2_txt{float:left; width:calc(100% - 470px); box-sizing:border-box; padding:52px 0 0 62px;}
.cc_cont .scont2 .cc2_box.cc2_box2 .cc2_txt{float:left;}
.cc_cont .scont2 .cc2_box .cc2_txt h4{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:26px; padding-bottom:25px; word-break:keep-all;}
.cc_cont .scont2 .cc2_box .cc2_txt p{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; line-height:28px; color:#666; letter-spacing:-1px; word-break:keep-all;}
.cc_cont .scont2 .cc2_box .cc2_txt p.pc{display:block;}
.cc_cont .scont2 .cc2_box .cc2_txt p.mo{display:none;}
.is-ie .cc_cont .scont2 .cc2_box .cc2_txt p{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif; letter-spacing:0;}
.cc_cont .scont2 .cc2_box .cc2_txt p span{color:#f04e23;}
.cc_cont .scont2 .cc2_box:nth-child(2) .cc2_txt{text-align:right; padding:86px 48px 0 0;}
.cc_cont .scont2 .cc2_box:nth-child(3){margin-bottom:0;}

.cc_cont .scont1 .container > p{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.cc_cont .scont1 .cc1_box ul li:nth-child(1){opacity:0;  transition:all 0.5s;}
.cc_cont .scont1 .cc1_box ul li:nth-child(2){opacity:0; transition:all 0.5s;}
.cc_cont .scont1 .cc1_box ul li:nth-child(3){opacity:0;  transition:all 0.5s;}
.cc_cont .scont1 .cc1_box1 > img{opacity:0; transition:all 0.4s;}

.cc_cont .scont1.show .container > p{opacity:1; transform:translateY(0);}
.cc_cont .scont1.show .cc1_box ul li:nth-child(2){opacity:1; transition-delay:0.5s;}
.cc_cont .scont1.show .cc1_box ul li:nth-child(1){opacity:1; transition-delay:0.8s;}
.cc_cont .scont1.show .cc1_box ul li:nth-child(3){opacity:1; transition-delay:1.1s;}
.cc_cont .scont1.show .cc1_box1 > img{opacity:1; transition-delay:1.5s;}






/* experience */
.ebg{position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:90;}
.ebg h2{font-size:50px; color:#222; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-family: "NotoSansCJKkrRegular",sans-serif; letter-spacing:2px;}
.ebg h2 span{display:inline-block;}
.ebg h2 span.color{color:#f04e23;}

.ebg{transition:all 0.8s; transition-delay:3.2s;}
.ebg h2{transition:all 0.2s; transition-delay:3s; text-align:center; line-height:1.2;}
.ebg h2 span:nth-child(1){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0s;}
.ebg h2 span:nth-child(2){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.08s;}
.ebg h2 span:nth-child(3){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.16s;}
.ebg h2 span:nth-child(4){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.24s;}
.ebg h2 span:nth-child(5){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.32s;}
.ebg h2 span:nth-child(6){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.40s;}
.ebg h2 span:nth-child(7){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.48s;}
.ebg h2 span:nth-child(8){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.56s;}
.ebg h2 span:nth-child(9){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.64s;}
.ebg h2 span:nth-child(10){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.72s;}
.ebg h2 span:nth-child(11){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.8s;}
.ebg h2 span:nth-child(12){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.88s;}
.ebg h2 span:nth-child(13){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:0.96s;}
.ebg h2 span:nth-child(14){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.04s;}
.ebg h2 span:nth-child(15){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.12s;}
.ebg h2 span:nth-child(16){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.20s;}
.ebg h2 span:nth-child(17){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.28s;}
.ebg h2 span:nth-child(18){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.36s;}
.ebg h2 span:nth-child(19){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.44s;}
.ebg h2 span:nth-child(20){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.52s;}
.ebg h2 span:nth-child(21){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.60s;}
.ebg h2 span:nth-child(22){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.68s;}
.ebg h2 span:nth-child(23){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.76s;}
.ebg h2 span:nth-child(24){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.84s;}
.ebg h2 span:nth-child(25){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:1.92s;}
.ebg h2 span:nth-child(26){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:2s;}
.ebg h2 span:nth-child(27){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:2.08s;}
.ebg h2 span:nth-child(28){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:2.16s;}
.ebg h2 span:nth-child(29){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:2.24s;}
.ebg h2 span:nth-child(30){opacity:0; transform:translateY(50px); transition:all 0.5s; transition-delay:2.32s;}

.ebg.on{top:-100%;}
.ebg.on h2{opacity:0;}
.ebg.on h2 span:nth-child(1){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(2){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(3){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(4){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(5){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(6){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(7){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(8){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(9){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(10){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(11){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(12){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(13){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(14){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(15){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(16){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(17){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(18){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(19){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(20){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(21){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(22){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(23){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(24){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(25){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(26){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(27){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(28){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(29){opacity:1; transform:translateY(0);}
.ebg.on h2 span:nth-child(30){opacity:1; transform:translateY(0);}

#contents.exp_cont{margin-top:0;}
#fullpage{-webkit-transform: translateZ(0x);}
#fp-nav{right:0;}


.exp_cont .section{width:100%; height:100%;}
.exp_cont .section .container{height:100%; position:relative;}
.exp_cont .section .scroll{opacity:0;}
.exp_cont .section.show .scroll{opacity:1;}
.exp_cont .section .scroll span{background:#fff;}
.exp_cont .section > img{display:none;}
.is-ie .exp_cont .section > img{display:none; width:100%; height:100%; position:fixed; left:0; top:0;}
/*.exp_cont .section.sec1{background:url(../images/sub/coc/coc_01.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;}
.exp_cont .section.sec2{background:url(../images/sub/coc/coc_02.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;}
.exp_cont .section.sec3{background:url(../images/sub/coc/coc_03.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;}
.exp_cont .section.sec4{background:url(../images/sub/coc/coc_04.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;}
.exp_cont .section.sec5{background:url(../images/sub/coc/coc_05.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;}
.is-ie .exp_cont .section.sec1{background-image: url(../images/sub/coc/coc_01.jpg) no-repeat; background-attachment:fixed; background-position:center center; background-size:cover;transform: translateZ(0); -webkit-transform: translateZ(0);transition:transform 10ms linear}
.is-ie .exp_cont .section.sec1:before{content:""; width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/sub/coc/coc_01.jpg) no-repeat center; background-size:cover;}
.is-ie .exp_cont .section.sec2{background-image: url(../images/sub/coc/coc_02.jpg) no-repeat; background-attachment:fixed; background-position:center center; background-size:cover;transform: translateZ(0); -webkit-transform: translateZ(0);transition:transform 10ms linear}
.is-ie .exp_cont .section.sec3{background-image: url(../images/sub/coc/coc_03.jpg) no-repeat; background-attachment:fixed; background-position:center center; background-size:cover;transform: translateZ(0); -webkit-transform: translateZ(0);transition:transform 10ms linear}
.is-ie .exp_cont .section.sec4{background-image: url(../images/sub/coc/coc_04.jpg) no-repeat; background-attachment:fixed; background-position:center center; background-size:cover;transform: translateZ(0); -webkit-transform: translateZ(0);transition:transform 10ms linear}
.is-ie .exp_cont .section.sec5{background-image: url(../images/sub/coc/coc_05.jpg) no-repeat; background-attachment:fixed; background-position:center center; background-size:cover;transform: translateZ(0); -webkit-transform: translateZ(0);transition:transform 10ms linear}
.exp_cont .section.sec6{background:none; background-color:transparent; background-size:cover; background-attachment:fixed;}*/
.fp-section{position:static;}
.section{background-attachment:fixed; background-repeat:no-repeat; -webkit-transform: translateZ(0x);}
.section.sc0{padding-top:76px;}
.section.sc1{background:#fff; position:relative;}
.section.sc2{background-image: url(/web/images/sub/coc/sc1_bg.jpg); background-size:cover; background-position:center top;}
.section.sc2 .sc2_diagram{position:absolute; left:50%; top:316px;}
.section.sc3{background-image: url(/web/images/sub/coc/sc2_bg.jpg); background-size:cover; background-position:right top;}
.section.sc4{background-image: url(/web/images/sub/coc/sc3_bg.jpg); background-size:cover; background-position:center top;}
.section.sc5{background-image: url(/web/images/sub/coc/sc4_bg.jpg); background-size:cover; background-position:center top;}
.section.sc6{background-image: url(/web/images/sub/coc/sc5_bg.jpg); background-size:cover; background-position:center top;}
/*.section{position:relative;-webkit-transform: translateZ(0x);}
.section:after{background-attachment:fixed;-webkit-transform: translateZ(0x);}
.section.sc2:after{background-image: url(/web/images/sub/coc/coc_01.jpg); background-size:cover;background-position:0 0; content:""; width:100%; height:100%; position:absolute; left:0; top:0;}
.section.sc3:after{background-image: url(/web/images/sub/coc/coc_02.jpg); background-size:cover;background-position:0 0; content:""; width:100%; height:100%; position:absolute; left:0; top:0;}
.section.sc4:after{background-image: url(/web/images/sub/coc/coc_03.jpg); background-size:cover;background-position:0 0; content:""; width:100%; height:100%; position:absolute; left:0; top:0;}
.section.sc5:after{background-image: url(/web/images/sub/coc/coc_04.jpg); background-size:cover;background-position:0 0; content:""; width:100%; height:100%; position:absolute; left:0; top:0;}
.section.sc6:after{background-image: url(/web/images/sub/coc/coc_05.jpg); background-size:cover;background-position:0 0; content:""; width:100%; height:100%; position:absolute; left:0; top:0;}*/
.section.sc7:after{padding-top:0;}
.exp_cont .section.sc6 .container{height:auto;}
.exp_cont .section .sec_txt{position:absolute; }
.exp_cont .section .sec_txt span{font-family: "PHCL",sans-serif; font-size:22px; color:#fff; display:block;}
.exp_cont .section .sec_txt h4{display:inline-block; font-family: "NotoSansCJKkrRegular",sans-serif; font-size:55px; color:#fff; padding-bottom:29px; position:relative; z-index:1;} 
.exp_cont .section .sec_txt h4:before{content:""; width:50px; height:49px; background:url(../images/sub/coc/h4_obj.png) no-repeat; position:absolute;  z-index:-1;}
/*.exp_cont .section.sec1 .sec_txt h4:before{right:-31px; top:0;}
.exp_cont .section.sec2 .sec_txt h4:before{right:-31px; top:0;}
.exp_cont .section.sec3 .sec_txt h4:before{right:-29px; top:0;}
.exp_cont .section.sec4 .sec_txt h4:before{right:-20px; top:3px;}
.exp_cont .section.sec5 .sec_txt h4:before{right:-31px; top:0;}*/

.exp_cont .section .sec_txt p{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:18px; color:#fff; line-height:34px; word-break:keep-all;}
.is-ie .exp_cont .section .sec_txt p{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.exp_cont .section .sec_txt p span{font-size:17px; display:inline;}

.exp_cont .section.sc2 .sec_txt{left:0; top:204px; width:100%;}
.exp_cont .section.sc3 .sec_txt{right:0; top:173px; text-align:right;}
.exp_cont .section.sc4 .sec_txt{left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
.exp_cont .section.sc5 .sec_txt{left:50%; top:50%; transform:translateY(-50%); padding-left:85px; width:50%;}
.exp_cont .section.sc6 .sec_txt{left:0;top:50%; transform:translateY(-50%);}

.exp_cont .section.sc2 .sec_txt h4:before{right:-31px; top:-24px;}
.exp_cont .section.sc3 .sec_txt h4:before{left:-31px; top:-27px;}
.exp_cont .section.sc4 .sec_txt h4:before{right:-29px; top:-24px;}
.exp_cont .section.sc5 .sec_txt h4:before{right:-34px; top:-22px;}
.exp_cont .section.sc6 .sec_txt h4:before{left:-31px; top:-23px;}


.exp_cont .section .sec_txt span{}
.exp_cont .section .sec_txt span.on{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:50px; color:#fff;}

.exp_cont .section .sec_txt{opacity:0;}
.exp_cont .section .sec_txt h4{opacity:0; transform:translateY(50px); transition:all 1s cubic-bezier(.66,0,.34,1); }
.exp_cont .section .sec_txt p{opacity:0; transform:translateY(50px); transition:all 1s cubic-bezier(.66,0,.34,1);transition-delay:0.5s;}

.exp_cont .section.show .sec_txt{opacity:1;}
.exp_cont .section.show .sec_txt h4{opacity:1; transform:translateY(0);}
.exp_cont .section.show .sec_txt p{opacity:1; transform:translateY(0);}

.exp_cont .section.end .sec_txt h4{transition-delay:0s;}
.exp_cont .section.end .sec_txt p{transition-delay:0s;}

/*.exp_cont .section .sec_txt{opacity:0;}
.exp_cont .section .sec_txt span{opacity:0; transform:translateY(50px); transition:all 1s cubic-bezier(.66,0,.34,1); transition-delay:0s;}
.exp_cont .section .sec_txt h4{opacity:0; transform:translateY(50px); transition:all 1s cubic-bezier(.66,0,.34,1); transition-delay:0.5s;}
.exp_cont .section .sec_txt p{opacity:0; transform:translateY(50px); transition:all 1s cubic-bezier(.66,0,.34,1);}

.exp_cont .section .sec_txt.show{opacity:1;}
.exp_cont .section .sec_txt.show span{opacity:1; transform:translateY(0);}
.exp_cont .section .sec_txt.show h4{opacity:1; transform:translateY(0);}
.exp_cont .section .sec_txt.show p{opacity:1; transform:translateY(0);}

.exp_cont .section .sec_txt.end p{opacity:1; transform:translateY(0); transition-delay:0s;}*/

/*.exp_cont .section .sec_txt p span.underline span.line{transition:all 0.5s; transform:translateY(0);}

.exp_cont .section.sec1 .sec_txt.show p span.underline1 span.line{width:100%; transition-delay:2.7s;transform:translateY(0);}
.exp_cont .section.sec1 .sec_txt.show p span.underline2 span.line{width:100%; transition-delay:3.2s;transform:translateY(0);}
.exp_cont .section.sec1 .sec_txt.show2 p span.underline1 span.line{width:100%; transition-delay:6s;transform:translateY(0);}
.exp_cont .section.sec1 .sec_txt.show2 p span.underline2 span.line{width:100%; transition-delay:6.5s;transform:translateY(0);}
.exp_cont .section.sec2 .sec_txt.show p span.underline1 span.line{width:100%; transition-delay:2.4s;transform:translateY(0);}
.exp_cont .section.sec2 .sec_txt.show p span.underline2 span.line{width:100%; transition-delay:2.9s;transform:translateY(0);}
.exp_cont .section.sec3 .sec_txt.show p span.underline1 span.line{width:100%; transition-delay:2.4s;transform:translateY(0);}
.exp_cont .section.sec3 .sec_txt.show p span.underline2 span.line{width:100%; transition-delay:2.9s;transform:translateY(0);}
.exp_cont .section.sec4 .sec_txt.show p span.underline1 span.line{width:100%; transition-delay:2.4s;transform:translateY(0);}
.exp_cont .section.sec4 .sec_txt.show p span.underline2 span.line{width:100%; transition-delay:2.9s;transform:translateY(0);}
.exp_cont .section.sec5 .sec_txt.show p span.underline1 span.line{width:100%; transition-delay:2.4s;transform:translateY(0);}



.exp_cont .scont_bt{position:absolute; bottom:451px; width:100%; z-index:20;}
.exp_cont #footer{position:absolute; bottom:0; z-index:20;}

.slides-container {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.sec_slide {position: relative; width: 100%; height: 100%; overflow: hidden; background:transparent;}
.sec_slide.hf{height:779px;}
.slide{}

.slide_nav{position:fixed; right:42px; top:50%; transform:translateY(-50%); z-index:11;}
.slide_nav ul{}
.slide_nav ul li{}
.slide_nav ul li a{display:block; font-size:12px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:600; position:relative; margin-bottom:35px;}
.slide_nav ul li a span.dot{display:block; width:14px; height:14px;  box-sizing:border-box; position:relative;}
.slide_nav ul li a span.dot:before{content:""; width:3px; height:3px; background:#fff; border-radius:50%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.slide_nav ul li a span.dot::after{content:""; width:1px; height:27px; background:rgba(255,255,255,0.5); position:absolute; left:50%; top:17px;}
.slide_nav ul li:last-child a span.dot::after{width:0; height:0;}
.slide_nav ul li a span{}
.slide_nav ul li a span.nav_tit{position:absolute; right:22px; top:0; opacity:0;}
.slide_nav ul li a.active > span.dot{border:3px solid #f04e23; border-radius:50%;}
.slide_nav ul li a.active > span.dot:before{}
.slide_nav ul li a.active span.nav_tit{opacity:1;}




/* business */
.bs_cont .sub_top{background: url(../images/sub/business/business_top.jpg) no-repeat center; background-size:cover;}
.bs_cont .scont1 h4.spcv{display:block;}
.bs_cont .scont1 h4.mov{display:none;}
.bs_cont .bs_box{padding-top:46px; padding-bottom:100px;}
.bs_cont .bs_box ul{overflow:hidden; }
.bs_cont .bs_box ul li{float:left;width:calc(25% - 20px); margin-right:26px; margin-bottom:77px;}
.bs_cont .bs_box ul li:last-child{margin-right:0;}
.bs_cont .bs_box ul li img{}
.bs_cont .bs_box ul li h5{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:24px; padding-top:30px;}
.bs_cont .bs_box ul li p{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:17px; color:#666; padding-top:20px; line-height:28px; word-break:keep-all; height:56px;}
.bs_cont .bs_box a.more{display:block;font-size:14px;color:#f04e23; width:172px; text-align:center; border:1px solid #f04d22; border-radius:10px 0 10px 0; background:#fff; overflow:hidden; position:relative; padding-top:0px; z-index:0; transition:all 0.5s;margin-top:24px;}
.bs_cont .bs_box a.more:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.bs_cont .bs_box a.more span{color:#f04e23;font-family: "NotoSansCJKkrRegular", sans-serif; display:block; line-height:40px;}
.bs_cont .bs_box a.more span img{padding-left:11px; vertical-align:0px;}
.bs_cont .bs_box a.more:hover span{color:#fff;}
.bs_cont .bs_box a.more:hover:before{transform:translateY(0) rotate(0);}

.bs_cont .scont1 h4{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.bs_cont .scont1.show h4{opacity:1; transform:translateY(0);}

/* automotive parts */
.am_cont .sub_top{background: url(../images/sub/business/am_bg.jpg) no-repeat center;background-size:cover;}
.am_cont .am_box{}
.am_cont .am_box .m_tab{display:none; width:100%; font-size:12px; line-height:32px; background:#f04e23 url(../images/sub/business/am_tab.png) no-repeat center right 12px; background-size:14px; padding-left:12px; color:#fff;font-family:'NotoSansCJKkrMedium', sans-serif; box-sizing:border-box;}
.am_cont .am_box ul{}
.am_cont .am_box ul li{float:left; width:25%; box-sizing:border-box; text-align:center; border:1px solid #dadada; margin-left:-1px;}
.am_cont .am_box ul li a{display:block; width:100%; font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; color:#666; line-height:58px;}
.is-ie .am_cont .am_box ul li a{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.am_cont .am_box ul li.on{background:#f04e23; border-color:#f04e23;}
.am_cont .am_box ul li.on a{color:#fff;font-family:'NotoSansCJKkrMedium', sans-serif;}
.am_cont .amb_cont{padding-top:77px; padding-bottom:75px;}
.am_cont .amb_cont h4{text-align:center;font-family: "NotoSansCJKkrRegular",sans-serif; font-size:30px; letter-spacing:-2px; padding-bottom:30px;}
.am_cont .amb_cont .container > p{text-align:center;font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:17px; line-height:32px; padding-bottom:25px; word-break:keep-all;}
.am_cont .amb_cont .container > p span{color:#f04e23;}
.am_cont .amb_cont .container > p.spcv{display:block;}
.am_cont .amb_cont .container > p.mov{display:none;}
.am_cont .amb_cont a.btn2{display: block; font-size: 14px; color: #f04d22; font-family: "NotoSansCJKkrRegular", sans-serif; line-height: 42px; border: 1px solid #f04d22;border-radius: 10px 0 10px 0; background: #fff; overflow: hidden; position: relative; padding-left: 19px; padding-top: 0; z-index: 0; transition: all 0.5s; margin: 0 auto; box-sizing: border-box; color: #f04d22; line-height: 41px; transition: all 0.5s; margin-bottom:42px;}
.am_cont .amb_cont a.btn2:before {content: ""; display: block; width: 110%; height: 100%; position: absolute; left: 0; top: 0; background: #f04d22; transform-origin: 0 0;   transform: translateY(100%) rotate(30deg); z-index: -1;transition: transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.am_cont .amb_cont a.btn2:hover{color: #fff;}
.am_cont .amb_cont a.btn2:hover:before {transform: translateY(0) rotate(0);}
.am_cont .amb_cont a.btn2 img{padding-left: 15px;vertical-align: -2px;}
.am_cont .amb_cont#amb_1 a.btn2{width:229px;}
.am_cont .amb_cont#amb_2 .btn2_wrap{overflow:hidden; width:504px; margin:0 auto;}
.am_cont .amb_cont#amb_2 a.btn2:first-child{width:249px; float:left; margin-right:6px;}
.am_cont .amb_cont#amb_2 a.btn2:last-child{width:249px; float:left;}
.am_cont .amb_cont#amb_4 a.btn2{width:289px;}
.is-ie .am_cont .amb_cont p{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.am_cont .amb_cont .amc_box{position:relative;  background-size:100%; }
.am_cont .amb_cont#amb_1 .amc_box{height:491px;}
.am_cont .amb_cont#amb_2 .amc_box{ box-sizing:border-box;}
.am_cont .amb_cont#amb_3 .amc_box{height:431px;}
.am_cont .amb_cont .amc_box > img.spcv{display:block;}
.am_cont .amb_cont .amc_box > img.tbv{display:none}
.am_cont .amb_cont .amc_box > img.mov{display:none}
.am_cont .amb_cont#amb_1 .amc_box .amc_bwrap{position:absolute;top:0; width:100%; height:520px;}
.am_cont .amb_cont#amb_2 .amc_box .amc_bwrap{position:absolute;top:55px; width:100%; height:240px;}
.am_cont .amb_cont#amb_3 .amc_box .amc_bwrap{position:absolute; top:55px; left:0; width:100%; height:240px;}
.am_cont .amb_cont .amc_box .ambtn{width:254px; height:150px; padding:5px 20px;border:1px solid #f04e23; border-radius:10px 0 10px 0; box-sizing:border-box; background:#fff;position:absolute;}
.am_cont .amb_cont .amc_box .ambtn.amb1_btn{left:0; top:0; }
.am_cont .amb_cont .amc_box .ambtn.amb2_btn{left:0; bottom:0; }
.am_cont .amb_cont .amc_box .ambtn.amb3_btn{right:0; top:0; }
.am_cont .amb_cont .amc_box .ambtn.amb4_btn{right:0; top:50%; transform:translateY(-50%); }
.am_cont .amb_cont .amc_box .ambtn.amb5_btn{right:0; bottom:0; }
.am_cont .amb_cont .amc_box .ambtn h6{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:16px; color:#f04e23; letter-spacing:-1px; line-height:44px; text-align:center;}
.am_cont .amb_cont .amc_box .ambtn ul{overflow:hidden;}
.am_cont .amb_cont .amc_box .ambtn ul li{float:left; width:33.333%;}
.am_cont .amb_cont .amc_box .ambtn ul li:last-child{margin-right:0;}
.am_cont .amb_cont .amc_box .ambtn ul li img{display:block; margin:0 auto;}
.am_cont .amb_cont .amc_box .ambtn ul li span{display:block; color:#5b5150; font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:14px; line-height:18px; padding-left:14px; position:relative;}
.am_cont .amb_cont .amc_box .ambtn ul li span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.am_cont .amb_cont .amc_box .ambtn ul li span:before{content:"¡¤"; position:absolute; left:8px; top:0;}
.am_cont .amb_cont .amc_box .ambtn > img{display:block; margin:0 auto;}
.am_cont .amb_cont .amc_box .ambtn > a{display:inline-block; font-family: "NotoSansCJKkrRegular",sans-serif; font-size:16px; color:#f04e23; letter-spacing:-1px; line-height:44px; padding:0 16px;border:1px solid #f04e23; border-radius:10px 0 10px 0; box-sizing:border-box; background:#fff;position:absolute;}
.am_cont .amb_cont .amc_box .ambtn > a img{position:absolute; right:16px; top:16px;}
.am_cont .amb_cont#amb_1 .amc_box .ambtn.amb1_btn > a{left:0; top:0;}
.am_cont .amb_cont#amb_1 .amc_box .ambtn.amb2_btn > a{left:0; bottom:0; }
.am_cont .amb_cont#amb_1 .amc_box .ambtn.amb3_btn > a{right:0; top:0; }
.am_cont .amb_cont#amb_1 .amc_box .ambtn.amb4_btn > a{right:0; top:50%; transform:translateY(-50%);}
.am_cont .amb_cont#amb_1 .amc_box .ambtn.amb5_btn > a{right:0; bottom:0; }
/*.am_cont .amb_cont#amb_2 .amc_box .ambtn.amb1_btn > a{left:44px; top:0; width:229px;}
.am_cont .amb_cont#amb_2 .amc_box .ambtn.amb2_btn > a{left:44px; top:50%; transform:translateY(-50%); width:229px;}
.am_cont .amb_cont#amb_2 .amc_box .ambtn.amb3_btn > a{left:44px; bottom:0; width:229px;}
.am_cont .amb_cont#amb_2 .amc_box .ambtn.amb4_btn > a{right:44px; top:0; width:165px;}
.am_cont .amb_cont#amb_2 .amc_box .ambtn.amb5_btn > a{right:44px; top:50%; transform:translateY(-50%); width:165px;}
.am_cont .amb_cont#amb_2 .amc_box .ambtn.amb6_btn > a{right:44px; bottom:0; width:165px;}*/
.am_cont .amb_cont#amb_2 .amc_box{}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab{width:100%;border-top:1px solid #dadada; border-bottom:1px solid #dadada;background:#fff; z-index:9;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab.fixed{position:fixed; top:75px; left:50%; transform:translateX(-50%);}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab.fixed ul{ }
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul{width:100%;margin:0 auto;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li{float:left; padding:0 24px; width:20%; position:relative; box-sizing:border-box;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li:nth-child(1){width:17%;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li:nth-child(2){width:25%;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li:nth-child(3){width:23%;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li:nth-child(4){width:20%;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li:nth-child(5){width:15%;}
/*.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li:after{content:""; width:3px; height:3px; background:#dadada; border-radius:50%; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li:last-child:after{width:0; height:0;}*/
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li a{display:block; text-align:center;font-family: "PHCL",sans-serif; font-weight:bold; font-size:16px;color:#666; line-height:65px; height:65px; position:relative;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li a span{display:block; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); line-height:1.2; word-break:keep-all;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li a br{display:none;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li.on a{color:#222;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li.on a:after{content:""; width:100%; height:2px; background:#f04e23; position:absolute; left:0; bottom:-1px;}

.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li a{position: relative; -webkit-transition: color .1s,background-color .1s;}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li a:before{ position: absolute; bottom: -1px; left: 0; height: 2px; width: 100%; content: ''; background-color: #f04e23; 
	-webkit-transform-origin: right top; 
	transform-origin: right top; 
	-webkit-transform: scaleX(0); transform: scaleX(0); 
	-webkit-transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1);
	transition: transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
}
.am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li a:focus:before, .am_cont .amb_cont#amb_2 .amc_box .amb_innertab ul li a:hover:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }

.am_cont .amb_cont#amb_2 .amb2_innercont{padding-top:75px; padding-bottom:95px;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg{background:#f7f7f7;}
.am_cont .amb_cont#amb_2 .amb2_innercont h5{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:30px; padding-bottom:40px;}
.am_cont .amb_cont#amb_2 .amb2_innercont h6{color:#5b5150; font-size:22px;font-family: "NotoSansCJKkrRegular",sans-serif; position:relative; padding-left:19px;}
.am_cont .amb_cont#amb_2 .amb2_innercont h6:before{content: ""; width: 12px; height: 13px; background: url(../images/sub/ett_list.png) no-repeat; position: absolute; left: 0; top: 4px}
.am_cont .amb_cont#amb_2 .amb2_innercont ul ul{margin-top:27px;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg ul ul{width:100%; background:#f7f7f7; border-radius:85px 0 85px 0; overflow:hidden;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg ul ul li{float:left; width:33.333%; text-align:center; padding:43px 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg ul ul li img{}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg ul.ul li{position:relative;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg ul.ul li:hover .hover_box{opacity:1;}
.am_cont .amb_cont#amb_2 .amb2_innercont ul .hover_box{opacity:0; width:100%; height:calc(100% - 47px); position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.8); transition:opacity 0.2s;}
.am_cont .amb_cont#amb_2 .amb2_innercont ul .hover_box p{color:#fff; font-size:16px; line-height:28px; font-family:'NotoSansCJKkrDemiLight', sans-serif; text-align:center; width:90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); word-break:keep-all;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul{overflow:hidden;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul > li{float:left; position:relative;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul > li:hover .hover_box{opacity:1;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul > li:nth-child(1){width:calc(33.333% - 30px); margin-right:60px; box-sizing:border-box;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul > li:nth-child(2){width:calc(66.666% - 30px);}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul > li:nth-child(3){width:calc(33.333% - 40px); margin-right:60px; box-sizing:border-box; margin-top:48px;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul > li:nth-child(4){width:calc(33.333% - 40px); margin-right:60px; box-sizing:border-box; margin-top:48px;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul > li:nth-child(5){width:calc(33.333% - 40px); margin-top:48px;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul ul{overflow:hidden; background:#fff; padding:16px 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul > li:nth-child(1) ul{padding:50px 0; border-radius:50px 0 0 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul > li:nth-child(2) ul{padding:50px 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul > li:nth-child(5) ul{border-radius:0 0 50px 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg ul.ul ul li{float:left; text-align:center; width:100%;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg2 ul ul{width:100%; overflow:hidden; border-radius:0; background:#fff;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg2 ul ul li{float:left; width:33.333%; text-align:center; padding:65px 0; background:#f7f7f7; border-radius:50px 0 50px 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg2 ul.ul > li:nth-child(1){width:100%; padding-right:0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg2 ul.ul > li:nth-child(2){width:100%; margin-top:48px;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg2 ul.ul > li:nth-child(3){width:33.333%;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg2 ul.ul > li ul{overflow:hidden;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg2 ul.ul > li ul li{float:left;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg2 ul.ul > li:nth-child(1) ul{padding:32px 0 0;border-radius:50px 0 0 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg2 ul.ul > li:nth-child(2) ul{padding:47px 0 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg2 ul.ul > li:nth-child(3) ul{padding:60px 0;border-radius:0 0 50px 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg2 ul.ul > li:nth-child(1) ul li{width:33.3333%;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg2 ul.ul > li:nth-child(2) ul li{width:25%;}
.am_cont .amb_cont#amb_2 .amb2_innercont.gbg2 ul.ul > li ul li p{font-size:16px; font-family:'NotoSansCJKkrDemiLight', sans-serif; margin-top:32px; margin-bottom:30px;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg3 ul.ul > li:nth-child(1){margin:50px 0 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg3 ul.ul > li:nth-child(2){margin:27px 0 65px;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg3 ul.ul > li:nth-child(3){margin:58px 0 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg3 ul.ul > li:nth-child(1) ul{border-radius:85px 0 0 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg3 ul.ul > li:nth-child(2) ul{border-radius:0 0 0 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg3 ul.ul > li:nth-child(3) ul{border-radius:0 0 85px 0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg3 ul.ul > li:nth-child(1) li{padding-bottom:0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg3 ul.ul > li:nth-child(3) li{width:16.666%; padding-bottom:0;}
.am_cont .amb_cont#amb_2 .amb2_innercont.wbg3 ul.ul li p{font-size:16px; font-family:'NotoSansCJKkrDemiLight', sans-serif; padding-top:23px; padding-bottom:42px;}
.am_cont .amb_cont#amb_3 .container > p{padding-bottom:0;}
.am_cont .amb_cont#amb_3 a.btn2{display:block;font-size:14px;color:#f04d22;font-family: "NotoSansCJKkrRegular", sans-serif; line-height:42px; width:229px; border:1px solid #f04d22; border-radius:10px 0 10px 0; background:#fff; overflow:hidden; position:relative; padding-left:19px; padding-top:0; z-index:0; transition:all 0.5s; margin:0 auto; margin-top:33px; box-sizing:border-box;color:#f04d22; line-height:41px;transition:all 0.5s;}
.am_cont .amb_cont#amb_3 a.btn2 img{padding-left:34px; vertical-align:-1px;}
.am_cont .amb_cont#amb_3 a.btn2:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.am_cont .amb_cont#amb_3 a.btn2:hover{color:#fff;}
.am_cont .amb_cont#amb_3 a.btn2:hover:before{transform:translateY(0) rotate(0);}
.am_cont .amb_cont#amb_3 .innetcont{padding-top:55px;}
.am_cont .amb_cont#amb_3 .innetcont img.spcv{display:block}
.am_cont .amb_cont#amb_3 .innetcont img.mov{display:none}
.am_cont .amb_cont#amb_3 .innetcont .ul_wrap{padding-top:88px; overflow:hidden;}
.am_cont .amb_cont#amb_3 .innetcont .ul_wrap .ulbox{width:calc(33.333% - 40px); height:370px; margin-right:60px; float:left; box-sizing:border-box; border-top:1px solid #dadada;}
.am_cont .amb_cont#amb_3 .innetcont .ul_wrap .ulbox:after{content:""; display:block; clear:both;}
.am_cont .amb_cont#amb_3 .innetcont .ul_wrap .ulbox.ulbox3{margin-right:0;}
.am_cont .amb_cont#amb_3 .innetcont .ul_wrap .ulbox h6{float:left; width:150px; font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; line-height:36px; letter-spacing:-1px; box-sizing:border-box; padding-top:30px; padding-left:4px; position:relative;}
.am_cont .amb_cont#amb_3 .innetcont .ul_wrap .ulbox h6.spcv{display:block}
.am_cont .amb_cont#amb_3 .innetcont .ul_wrap .ulbox h6.mov{display:none;}
.am_cont .amb_cont#amb_3 .innetcont .ul_wrap .ulbox h6:before{content:""; width:100%; height:1px; background:#f04d22; position:absolute; left:0; top:-1px;}
.am_cont .amb_cont#amb_3 .innetcont .ul_wrap .ulbox ul{float:left; width:calc(100% - 150px); box-sizing:border-box; padding-top:28px; padding-left:28px;}
.am_cont .amb_cont#amb_3 .innetcont .ul_wrap .ulbox ul li{font-size:16px; font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; color:#666; line-height:30px; padding-left:12px; position:relative;}
.am_cont .amb_cont#amb_3 .innetcont .ul_wrap .ulbox ul li:before{content:""; width:3px; height:3px; background:#f04d22; border-radius:50%; position:absolute; left:0; top:14px;}
.am_cont .amb_cont#amb_3 h5{text-align:left; font-size:22px; padding-left:19px; position:relative; padding-bottom:23px; font-family: "NotoSansCJKkrRegular",sans-serif; }
.am_cont .amb_cont#amb_3 h5:before{content: ""; width: 12px; height: 13px; background: url(../images/sub/ett_list.png) no-repeat; position: absolute; left: 0; top: 4px;}

.am_cont .amb_cont#amb_4{padding-bottom:0;}
.am_cont .amb_cont#amb_4 > p{text-align:center;font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:17px; line-height:32px; padding-bottom:25px; word-break:keep-all;}
.am_cont .amb_cont#amb_4 > p span{color:#f04e23;}
.am_cont .amb_cont#amb_4 .innercont{}
.am_cont .amb_cont#amb_4 .innercont.innercont1{padding-bottom:108px;}
.am_cont .amb_cont#amb_4 .innercont.innercont2{background:#f7f7f7; padding-bottom:187px;}
.am_cont .amb_cont#amb_4 .innercont .amb3_innercont{ padding-top:70px;}
.am_cont .amb_cont#amb_4 .innercont.innercont1 .amb3_innercont{border-top:1px solid #dadada;}
.am_cont .amb_cont#amb_4 .innercont .amb3_innercont h5{font-size:30px; font-family: "NotoSansCJKkrRegular",sans-serif; padding-bottom:38px;}
.am_cont .amb_cont#amb_4 .innercont .amb3_innercont .ul{}
.am_cont .amb_cont#amb_4 .innercont .amb3_innercont .ul > li{margin-bottom:33px;}
.am_cont .amb_cont#amb_4 .innercont .amb3_innercont .ul > li:last-child{margin-bottom:0;}
.am_cont .amb_cont#amb_4 .innercont .amb3_innercont .ul > li ul{width:100%; background:#f7f7f7; border-radius:85px 0 85px 0; overflow:hidden;}
.am_cont .amb_cont#amb_4 .innercont.innercont2 .amb3_innercont .ul > li ul{background:#fff;}
.am_cont .amb_cont#amb_4 .innercont .amb3_innercont .ul > li ul li{float:left; width:25%; text-align:center; padding:45px 0;}
.am_cont .amb_cont#amb_4 .innercont .amb3_innercont2 .ul > li ul li{width:33.333%;}
.am_cont .amb_cont#amb_4 .innercont .amb3_innercont .ul > li ul li p{font-size:16px; font-family:'NotoSansCJKkrDemiLight', sans-serif; padding-top:16px; }
/*.am_cont .amb_cont#amb_4 .innercont{border-top:1px solid #dadada; padding-top:70px;}
.am_cont .amb_cont#amb_4 .innercont .press{overflow:hidden;}
.am_cont .amb_cont#amb_4 .innercont .press h5{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:30px; padding-bottom:35px;}
.am_cont .amb_cont#amb_4 .innercont .press > div{float:left;}
.am_cont .amb_cont#amb_4 .innercont .press > div h6{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; position:relative; padding-left:19px; padding-top:4px;}
.am_cont .amb_cont#amb_4 .innercont .press > div h6:before{content: ""; width: 12px; height: 13px; background: url(../images/sub/ett_list.png) no-repeat; position: absolute; left: 0; top: 4px}
.am_cont .amb_cont#amb_4 .innercont .press > div h6:before{}
.am_cont .amb_cont#amb_4 .innercont .press > div table{width:315px; height:393px; margin-right:59px; margin-top:27px; border-top:1px solid #f04d22;}
.am_cont .amb_cont#amb_4 .innercont .press > div table tr{border-bottom:1px solid #dadada;}
.am_cont .amb_cont#amb_4 .innercont .press > div table th{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:15px; color:#000; padding:17px 0;border-right:1px solid #dadada; background:#f7f7f7; font-weight:bold;}
.am_cont .amb_cont#amb_4 .innercont .press > div table th:last-child{border-right:0;}
.am_cont .amb_cont#amb_4 .innercont .press > div table td{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:15px; color:#666; border-right:1px solid #dadada; text-align:center; vertical-align:middle;}
.am_cont .amb_cont#amb_4 .innercont .press > div table td:last-child{border-right:0;}
.am_cont .amb_cont#amb_4 .innercont .press > div table td ul{}
.am_cont .amb_cont#amb_4 .innercont .press > div table td ul li{line-height:36px;}
.am_cont .amb_cont#amb_4 .innercont .casting{overflow:hidden; margin-top:142px; padding-bottom:100px;}
.am_cont .amb_cont#amb_4 .innercont .casting h5{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:30px; padding-bottom:35px;}
.am_cont .amb_cont#amb_4 .innercont .casting > div{float:left;}
.am_cont .amb_cont#amb_4 .innercont .casting > div table{width:686px; height:428px; border-top:1px solid #f04d22; margin-left:62px;}
.am_cont .amb_cont#amb_4 .innercont .casting > div table tr{border-bottom:1px solid #dadada;}
.am_cont .amb_cont#amb_4 .innercont .casting > div table th{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:15px; color:#000; padding:17px 0;border-right:1px solid #dadada; background:#f7f7f7; font-weight:bold;}
.am_cont .amb_cont#amb_4 .innercont .casting > div table th:last-child{border-right:0;}
.am_cont .amb_cont#amb_4 .innercont .casting > div table td{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:15px; color:#666; border-right:1px solid #dadada; padding:10px 0 17px 33px; vertical-align:middle; line-height:26px;}
.is-ie .am_cont .amb_cont#amb_4 .innercont .casting > div table td{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.am_cont .amb_cont#amb_4 .innercont .casting > div table td:last-child{border-right:0;}*/

.am_cont .amb_cont#amb_3 .amcbox .ambtn.amb1_btn > a{left:44px; top:0; width:193px;}
.am_cont .amb_cont#amb_3 .amc_box .ambtn.amb2_btn > a{left:44px; bottom:0;width:193px;}
.am_cont .amb_cont#amb_3 .amc_box .ambtn.amb3_btn > a{right:44px; top:50%; transform:translateY(-50%); width:193px;}
.am_cont .amb_cont .amc_box .pop_bg{display:none; width:100vw; height:100vh; position:fixed; left:0; top:0; background:rgba(0,0,0,0.4); z-index:99;}
.am_cont .amb_cont .amc_box .ambtn .amb_pop{display:none; position:absolute; width:456px; height:397px; background:#5b5150; box-sizing:border-box; border-radius:84px 0 84px 0; padding:51px; z-index:99;}
.am_cont .amb_cont#amb_2 .amc_box .ambtn .amb_pop{height:439px;}
.am_cont .amb_cont#amb_3 .amc_box .ambtn .amb_pop{height:414px;}
.am_cont .amb_cont .amc_box .ambtn .amb_pop.ambp_left{top:0; left:0;}
.am_cont .amb_cont .amc_box .ambtn .amb_pop.ambp_right{top:0; right:0;}
.am_cont .amb_cont#amb_2 .amc_box .ambtn .amb_pop.ambp_left{top:-79px; left:0;}
.am_cont .amb_cont#amb_2 .amc_box .ambtn .amb_pop.ambp_right{top:-79px; right:0;}
.am_cont .amb_cont#amb_3 .amc_box .ambtn .amb_pop.ambp_left{top:-79px; left:0;}
.am_cont .amb_cont#amb_3 .amc_box .ambtn .amb_pop.ambp_right{top:-79px; right:0;}
.am_cont .amb_cont .amc_box .ambtn .amb_pop .pop_close{position:absolute; top:23px; right:20px;}
.am_cont .amb_cont .amc_box .ambtn .amb_pop p{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:28px; letter-spacing:-1px; padding-left:9px; color:#f04e23; padding-bottom:24px;}
.am_cont .amb_cont .amc_box .ambtn .amb_pop p em{display:block; font-size:22px; color:#bfb7b4; line-height:26px;}
.am_cont .amb_cont .amc_box .ambtn .amb_pop img{display:block; margin:0 auto; margin-bottom:20px;}
.am_cont .amb_cont .amc_box .ambtn .amb_pop span{font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#fff; font-size:15px; line-height:26px; word-break:keep-all;}
.is-ie .am_cont .amb_cont .amc_box .ambtn .amb_pop span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}

.am_cont .amb_cont .amc_box .ambtn > a{display:block; background:#fff; overflow:hidden; z-index:0; transition:all 0.5s;}
.am_cont .amb_cont .amc_box .ambtn > a:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.am_cont .amb_cont .amc_box .ambtn > a:hover{color:#fff;}
.am_cont .amb_cont .amc_box .ambtn > a:hover:before{transform:translateY(0) rotate(0);}

.swiper-container-am{height:auto;}
.swiper-container-am .swiper-wrapper{height:auto;}
.swiper-container-am .swiper-slide{width:20%;}

/* equipment */
.eq_cont .sub_top{background: url(../images/sub/business/eq_bg.jpg) no-repeat center;background-size:cover;}
/*.eq_cont .scont1 h4 em{font-family: 'Nanum Gothic', serif; font-weight:800;}
.eq_cont .scont1 img{display:block; margin:0 auto;}
.eq_cont .scont1 ul{overflow:hidden; padding-top:86px; padding-bottom:160px;}
.eq_cont .scont1 ul li{float:left; width:calc(50% - 29px); height:215px; margin-right:29px; border:1px solid #dadada; border-top:1px solid #f04d22; box-sizing:border-box; padding-top:42px; padding-left:42px;}
.eq_cont .scont1 ul li:nth-child(1){margin-bottom:41px; background:url(../images/sub/business/eq_list01.jpg) no-repeat right 44px center;}
.eq_cont .scont1 ul li:nth-child(2){margin-right:0;margin-bottom:41px;background:url(../images/sub/business/eq_list02.jpg) no-repeat right 44px center;}
.eq_cont .scont1 ul li:nth-child(3){background:url(../images/sub/business/eq_list03.jpg) no-repeat right 44px center;}
.eq_cont .scont1 ul li:nth-child(4){margin-right:0;background:url(../images/sub/business/eq_list04.jpg) no-repeat right 44px center;}
.eq_cont .scont1 ul li h6{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:26px; color:#f04d22; padding-bottom:19px;}
.eq_cont .scont1 ul li p{width:301px; word-break:keep-all; font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:16px; line-height:28px;}
.is-ie .eq_cont .scont1 ul li p{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}*/
.eq_cont .scont1{padding-bottom:106px;}
.eq_cont .scont1 .inner{border-top:1px solid #dadada; padding-top:80px;}
.eq_cont .scont1 .inner h5{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:30px; padding-bottom:25px;}
.eq_cont .scont1 .inner > p{font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:17px; line-height:28px;}
.eq_cont .scont1 .inner .inbox{padding-top:50px;}
.eq_cont .scont1 .inner .inbox2{padding-top:96px;}
.eq_cont .scont1 .inner .inbox h6{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:26px; color:#f04d22}
.eq_cont .scont1 .inner .inbox ul{overflow:hidden; padding-top:24px;}
.eq_cont .scont1 .inner .inbox ul li{float:left; margin-right:60px;}
.eq_cont .scont1 .inner .inbox ul li:last-child{margin-right:0}
.eq_cont .scont1 .inner .inbox ul li p{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; padding-top:29px; padding-bottom:20px;}
.eq_cont .scont1 .inner .inbox ul li span{font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:16px; line-height:28px;}
.is-ie .eq_cont .scont1 .inner .inbox ul li span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.eq_cont .scont1 .inner .inbox ul li img{}
.eq_cont .scont1 .inner .inbox2{overflow:hidden;}
.eq_cont .scont1 .inner .inbox .txtbox{float:left; width:calc(100% - 774px);}
.eq_cont .scont1 .inner .inbox .txtbox h6{}
.eq_cont .scont1 .inner .inbox .txtbox p{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; line-height:36px; padding-top:31px; padding-bottom:8px;}
.eq_cont .scont1 .inner .inbox .txtbox span{font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:16px; line-height:28px;}
.is-ie .eq_cont .scont1 .inner .inbox .txtbox span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.eq_cont .scont1 .inner .inbox > img{float:left; width:774px;}
.eq_cont .scont2{padding-top:91px; padding-bottom:107px;}
.eq_cont .scont2 h5{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:30px; padding-bottom:25px;}
.eq_cont .scont2 .container > p{font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:17px; line-height:28px;}
.eq_cont .scont2 .inbox2{overflow:hidden; margin-top:55px;}
.eq_cont .scont2 .inbox .txtbox{float:left; width:calc(100% - 774px);}
.eq_cont .scont2 .inbox h6{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:26px; color:#f04d22}
.eq_cont .scont2 .inbox .txtbox p{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; line-height:36px; padding-top:31px; padding-bottom:8px;}
.eq_cont .scont2 .inbox .txtbox span{font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:16px; line-height:28px;}
.is-ie .eq_cont .scont2 .inbox .txtbox span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.eq_cont .scont2 .inbox > img{float:left; width:774px;}
.eq_cont .scont3{padding-top:91px; padding-bottom:252px;}
.eq_cont .scont3 h5{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:30px; padding-bottom:25px;}
.eq_cont .scont3 .container > p{font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:17px; line-height:28px;}
.eq_cont .scont3 .inner{overflow:hidden; padding-top:35px;}
.eq_cont .scont3 .inner .inbox{float:left; margin-right:55px; width:calc(50% - 28px); overflow:hidden;}

.eq_cont .scont3 .inner .inbox:last-child{margin-right:0;}
.eq_cont .scont3 .inner .inbox img{float:left;}
.eq_cont .scont3 .inner .inbox .txtbox{float:left; padding-top:10px; padding-left:24px; width:calc(100% - 180px); box-sizing:border-box;}
.eq_cont .scont3 .inner .inbox .txtbox h6{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:26px; color:#f04d22; padding-bottom:20px;}
.eq_cont .scont3 .inner .inbox .txtbox span{font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:16px; line-height:28px; display:block; width:100%;}
.is-ie .eq_cont .scont3 .inner .inbox .txtbox span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.eq_cont .scont3 .inner .inbox img{}

.eq_cont .scont1 h4{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.eq_cont .scont1.show h4{opacity:1; transform:translateY(0);}

/* 200320 */
.eq_cont .scont1 .inner_box{overflow:hidden;margin-bottom:63px; }
.eq_cont .scont1 .inner_box.first{border-top:1px solid #dadada; padding-top:80px;}
.eq_cont .scont1 .inner_box:last-child{margin-bottom:0;}
.eq_cont .scont1 .inner_box img{float:left; width:470px;}
.eq_cont .scont1 .inner_box .txtbox{float:left; width:calc(100% - 470px); box-sizing:border-box;}
.eq_cont .scont1 .inner_box.left .txtbox{padding-top:55px; padding-left:57px;}
.eq_cont .scont1 .inner_box.right .txtbox{padding-top:76px; padding-right:63px; text-align:right;}
.eq_cont .scont1 .inner_box.right img{float:right;}
.eq_cont .scont1 .inner_box .txtbox p{font-size:26px;font-family: "NotoSansCJKkrRegular",sans-serif;color:#f04e23; padding-bottom:24px;}
.eq_cont .scont1 .inner_box .txtbox p em{font-size:20px; color:#666; display:block; padding-top:15px;}
.eq_cont .scont1 .inner_box .txtbox span{display:block; font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; line-height:28px; color:#666; padding-bottom:15px; word-break:keep-all;}
.eq_cont .scont1 .inner_box .txtbox span.spcv{display:block;}
.eq_cont .scont1 .inner_box .txtbox span.mov{display:none;}
.is-ie .eq_cont .scont1 .inner_box .txtbox span{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}


/* solution */
.sl_cont .sub_top{background: url(../images/sub/business/sl_top.jpg) no-repeat center;background-size:cover;}
.sl_cont .scont1{padding-bottom:160px;}
.sl_cont .scont1 h4{padding-bottom:30px;}
.sl_cont .scont1 a.btn2{display: block; font-size: 14px; color: #f04d22; font-family: "NotoSansCJKkrRegular", sans-serif; line-height: 42px; border: 1px solid #f04d22; border-radius: 10px 0 10px 0; background: #fff; overflow: hidden; position: relative; padding-left: 19px; padding-top: 0; z-index: 0; transition: all 0.5s; margin: 0 auto; box-sizing: border-box; color: #f04d22; line-height: 41px; transition: all 0.5s; width:240px; margin-bottom:70px;}
.sl_cont .scont1 a.btn2:before {content: ""; display: block; width: 110%; height: 100%; position: absolute; left: 0; top: 0; background: #f04d22; transform-origin: 0 0;   transform: translateY(100%) rotate(30deg); z-index: -1;transition: transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.sl_cont .scont1 a.btn2:hover{color: #fff;}
.sl_cont .scont1 a.btn2:hover:before {transform: translateY(0) rotate(0);}
.sl_cont .scont1 a.btn2 img{padding-left: 15px;vertical-align: -2px;}
.sl_cont .scont1 .list_top{overflow:hidden;}
.sl_cont .scont1 .list_top li{float:left; width:25%; text-align:center;}
.sl_cont .scont1 .list_top li img{}
.sl_cont .scont1 .list_top li h6{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; padding-top:27px; padding-bottom:10px;}
.sl_cont .scont1 .list_top li p{width:240px; margin:0 auto; word-break:keep-all;font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:16px;line-height:28px;}
.is-ie .sl_cont .scont1 .list_top li p{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
/*.sl_cont .scont1 .list_btm{padding-top:93px; overflow:hidden;}
.sl_cont .scont1 .list_btm li{float:left; width:calc(33.333% - 40px); height:275px; box-sizing:border-box; margin-right:60px; background:#f7f7f7; margin-bottom:40px; text-align:center; padding-top:53px;}
.sl_cont .scont1 .list_btm li:nth-child(3n){margin-right:0;}
.sl_cont .scont1 .list_btm li:first-child{border-radius:85px 0 0 0;}
.sl_cont .scont1 .list_btm li:last-child{border-radius:0 0 85px 0;}
.sl_cont .scont1 .list_btm li h6{font-family: "PHCL",sans-serif; font-weight:bold; font-size:19px; padding-top:28px;}*/
.sl_cont .scont1 .office{padding-top:90px;}
.sl_cont .scont1 .office .off_img{}
.sl_cont .scont1 .office .off_img img{width:calc(50% - 13px); padding-right:20px;}
.sl_cont .scont1 .office .off_img img:last-child{padding-right:0;}
.sl_cont .scont1 .office .off_txt{padding-top:56px; overflow:hidden;}
.sl_cont .scont1 .office .off_txt h6{float:left; width:216px; box-sizing:border-box; font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; padding-left:20px; position:relative;}
.sl_cont .scont1 .office .off_txt h6:before{content:""; width: 12px; height: 13px; background: url(../images/sub/ett_list.png) no-repeat; position: absolute; left: 0; top: 4px;}
.sl_cont .scont1 .office .off_txt ul{float:right; width:calc(100% - 216px); box-sizing:border-box;}
.sl_cont .scont1 .office .off_txt ul li{float:left; width:33.333%; box-sizing:border-box; padding-left:12px; position:relative; font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:17px; padding-bottom:17px; word-break:keep-all;}
.sl_cont .scont1 .office .off_txt ul li:before{content:""; width:3px; height:3px; background:#f04d22; border-radius:50%; position:absolute; left:0; top:8px;}

.sl_cont .scont1 h4{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.sl_cont .scont1 a.btn2{opacity:0; transform:translateY(40%); transition:all 0.5s;transition-delay:0.2s;}
.sl_cont .scont1 .list_top li:nth-child(1){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.4s;}
.sl_cont .scont1 .list_top li:nth-child(2){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.6s;}
.sl_cont .scont1 .list_top li:nth-child(3){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.8s;}
.sl_cont .scont1 .list_top li:nth-child(4){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:1.0s;}

.sl_cont .scont1.show h4{opacity:1; transform:translateY(0);}
.sl_cont .scont1.show a.btn2{opacity:1; transform:translateY(0);}
.sl_cont .scont1.show .list_top li:nth-child(1){opacity:1; transform:translateY(0);}
.sl_cont .scont1.show .list_top li:nth-child(2){opacity:1; transform:translateY(0);}
.sl_cont .scont1.show .list_top li:nth-child(3){opacity:1; transform:translateY(0);}
.sl_cont .scont1.show .list_top li:nth-child(4){opacity:1; transform:translateY(0);}


/*customer*/
.cs_cont .sub_top{background: url(../images/sub/business/cs_top.png) no-repeat center;background-size:cover;}
.cs_cont .scont1{padding-bottom:175px;}
.cs_cont .scont1 h4{padding-bottom:65px;}
.cs_cont .cs_wrap{padding-bottom:65px;}
.cs_cont .cs_wrap .cs_box{border-top:1px solid #dadada; }
.cs_cont .cs_wrap .cs_box h5{float:left; width:197px;padding-top:48px; font-size:22px; font-family:'NotoSansCJKkrRegular', sans-serif; letter-spacing:-1px; position:relative;}
.cs_cont .cs_wrap .cs_box h5:before{content:""; width:100%; height:1px; background:#f04e23; position:absolute; left:0; top:-1px;}
.cs_cont .cs_wrap .cs_box ul{float:right; width:calc(100% - 197px); overflow:hidden;}
.cs_cont .cs_wrap .cs_box li{float:left; width:20%; height:133px; text-align:center; position:relative;}
.cs_cont .cs_wrap .cs_box li img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.cs_cont .scont1 h4{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.cs_cont .scont1.show h4{opacity:1; transform:translateY(0);}


/* ethic */
.et_cont .sub_top{background: url(../images/sub/et_top.jpg) no-repeat center; background-size:cover;}
.et_cont .scont1{}
.et_cont .scont1 .container{}
.et_cont .scont1 .container > p{text-align:center; font-size:28px; color:#222;font-family:'NotoSansCJKkrRegular', sans-serif; line-height:40px; padding-bottom:46px; word-break:keep-all;}
.et_cont .scont1 .container > p span{color:#f04e23;}
.et_cont .scont1 .container > span{display:block; font-size:17px; line-height:32px; color:#666; font-family:'NotoSansCJKkrDemiLight', sans-serif; text-align:center;}
.is-ie .et_cont .scont1 .container > span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.et_cont .scont1 .report_box{width:100%; background:#f7f7f7; border-radius:85px 0 85px 0; box-sizing:border-box; padding:55px 60px 45px; position:relative;}
.et_cont .scont1 .report_box h6{font-size:22px; font-family: "NotoSansCJKkrRegular",sans-serif; letter-spacing:-2px; position:relative; padding-left:19px;}
.et_cont .scont1 .report_box h6:before{content:""; width:12px; height:13px; background:url(../images/sub/ett_list.png) no-repeat; position:absolute; left:0; top:4px;}
.et_cont .scont1 .report_box p{font-size:16px; line-height:30px; color:#666; font-family:'NotoSansCJKkrDemiLight', sans-serif; padding-top:11px;}
.is-ie .et_cont .scont1 .report_box p{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.et_cont .scont1 .report_box a.btn{}
.et_cont .scont1 .report_box a.btn{display:block;font-size:14px;color:#f04d22;font-family: "NotoSansCJKkrRegular", sans-serif; width:219px; border:1px solid #f04d22; border-radius:10px 0 10px 0; background:#fff; overflow:hidden; position:relative; padding-left:20px; padding-top:0; z-index:0; transition:all 0.5s; box-sizing:border-box;color:#f04d22; line-height:42px;transition:all 0.5s; position:absolute; right:60px; bottom:49px;}
.et_cont .scont1 .report_box a.btn img{padding-left:24px; vertical-align:0px;}
.et_cont .scont1 .report_box a.btn:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.et_cont .scont1 .report_box a.btn:hover{color:#fff;}
.et_cont .scont1 .report_box a.btn:hover:before{transform:translateY(0) rotate(0);}

.et_cont .scont3{padding-bottom:191px;}
.et_cont .scont3 .tab_wrap{}
.et_cont .scont3 .tab_wrap ul{overflow:hidden;}
.et_cont .scont3 .tab_wrap ul li{float:left; width:33.333%; box-sizing:border-box; text-align:center; border:1px solid #dadada; margin-left:-1px; background:#fff;}
.et_cont .scont3 .tab_wrap ul li:first-child{margin-left:0;}
.et_cont .scont3 .tab_wrap ul li a{display:block; width:100%; font-family:'Open Sans', sans-serif; font-size:16px; color:#666; line-height:58px;}
.et_cont .scont3 .tab_wrap ul li.on{background:#f04e23; border-color:#f04e23;}
.et_cont .scont3 .tab_wrap ul li.on a{color:#fff;}

.et_cont .scont3 .et_tcont{padding-top:75px;}
.et_cont .scont3 .et_tcont > h5{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:30px; letter-spacing:-2px; padding-bottom:28px;}
.et_cont .scont3 .et_tcont > p{font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; font-size:17px; line-height:32px; word-break:keep-all; padding-right:100px; padding-bottom:60px;}
.is-ie .et_cont .scont3 .et_tcont p{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.et_cont .scont3 .et_tcont > ul{border-top:1px solid #f04e23;}
.et_cont .scont3 .et_tcont > ul > li{border-bottom:1px solid #dadada; position:relative;}
.et_cont .scont3 .et_tcont > ul > li h6{font-size:18px; font-family: "PHCL",sans-serif; font-weight:bold; line-height:77px; padding-left:30px; cursor:pointer; position:relative;}
.et_cont .scont3 .et_tcont > ul > li h6 img{position:absolute; right: 41px; top:50%; margin-top:-5px;;}
.et_cont .scont3 .et_tcont > ul > li h6.on{}
.et_cont .scont3 .et_tcont > ul > li h6.on img{transform:rotate(180deg);}
.et_cont .scont3 .et_tcont > ul > li .ett_text{background:#f7f7f7; padding:50px; display:none; line-height:30px;}
.is-ie .et_cont .scont3 .et_tcont > ul > li .ett_text span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.et_cont .scont3 .et_tcont > ul > li .ett_text ul{}
.et_cont .scont3 .et_tcont > ul > li .ett_text ul > li{}
.et_cont .scont3 .et_tcont > ul > li .ett_text ul > li p{line-height:24px;}
.et_cont .scont3 .et_tcont > ul > li .ett_text ul > li p.t_tit{padding-top:14px; font-weight:bold; position:relative;font-size:15px; padding-bottom: 10px;font-family:'NotoSansCJKkrDemiLight', sans-serif;}
.et_cont .scont3 .et_tcont > ul > li .ett_text ul > li p.t_tit:before{content:""; }
.et_cont .scont3 .et_tcont > ul > li .ett_text ul > li p.t_tit.first{padding-top:0;}
.et_cont .scont3 .et_tcont > ul > li .ett_text ul > li p.t_cont{padding-left:10px; font-size:14px;font-family:'NotoSansCJKkrDemiLight', sans-serif;}
.is-ie .et_cont .scont3 .et_tcont > ul > li .ett_text ul > li p.t_cont{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.et_cont .scont3 .et_tcont > ul > li .ett_text ul > li ol{}
.et_cont .scont3 .et_tcont > ul > li .ett_text ul > li ol li{font-size:14px; line-height:24px; padding-left:15px; padding-bottom:10px;font-family:'NotoSansCJKkrDemiLight', sans-serif;}
.is-ie .et_cont .scont3 .et_tcont > ul > li .ett_text ul > li ol li{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.et_cont .scont3 .et_tcont > ul > li .ett_text ul > li ol li.first{padding-top:10px;}
.et_cont .scont3 .et_tcont > ul > li .ett_text ul > li ol li em{text-decoration:underline;}
.et_cont .scont3 .et_tcont > ul > li .ett_text ul > li ol li span{display:block; font-weight:bold; padding-bottom:10px;}
.et_cont .scont3 .et_tcont a.down_btn{display:block;font-size:14px;color:#f04d22;font-family: "NotoSansCJKkrRegular", sans-serif; line-height:42px; width:219px; border:1px solid #f04d22; border-radius:10px 0 10px 0; background:#fff; overflow:hidden; position:relative; padding-left:20px; padding-top:0; z-index:0; transition:all 0.5s; margin:0 auto; margin-top:54px; box-sizing:border-box;color:#f04d22; line-height:42px;transition:all 0.5s;}
.et_cont .scont3 .et_tcont a.down_btn img{padding-left:22px; vertical-align:-2px;;}
.et_cont .scont3 .et_tcont a.down_btn:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.et_cont .scont3 .et_tcont a.down_btn:hover{color:#fff;}
.et_cont .scont3 .et_tcont a.down_btn:hover:before{transform:translateY(0) rotate(0);}

.et_cont .scont3 .et_tcont.ettc2{}
.et_cont .scont3 .et_tcont .obj_box h5{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:30px; letter-spacing:-2px; padding-bottom:27px;}
.et_cont .scont3 .et_tcont.ettc2 h6{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; letter-spacing:-2px; position:relative; padding-left:19px;}
.et_cont .scont3 .et_tcont.ettc2 h6:before{content:""; width:12px; height:13px; background: url(../images/sub/ett_list.png) no-repeat; position:absolute; left:0; top:4px;}
.et_cont .scont3 .et_tcont.ettc2 .obj_box .br_box{width:100%; height:313px; margin-top:28px; box-sizing:border-box; overflow:hidden; background:#f7f7f7; border-radius:50px 0 50px 0;}
.et_cont .scont3 .et_tcont.ettc2 .obj_box .br_box .br_txtbox{float:left; width:50%; box-sizing:border-box; padding:68px 0 0 80px;}
.et_cont .scont3 .et_tcont.ettc2 .obj_box .br_box .br_txtbox p{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:26px;color:#f04d22; word-break:keep-all; line-height:1.2;}
.et_cont .scont3 .et_tcont.ettc2 .obj_box .br_box .br_txtbox span{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; color:#666; word-break:keep-all; display:block; width:100%; line-height:32px; padding-top:30px;}
.et_cont .scont3 .et_tcont.ettc2 .obj_box .br_box .br_txtbox span.spcv{display:block;}
.et_cont .scont3 .et_tcont.ettc2 .obj_box .br_box .br_txtbox span.mov{display:none;}
.is-ie .et_cont .scont3 .et_tcont.ettc2 .obj_box .br_box .br_txtbox span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.et_cont .scont3 .et_tcont.ettc2 .obj_box .br_box .br_imgbox{float:right; width:50%; height:100%; background:url(../images/sub/br_img01.png) no-repeat center; background-size:cover;}
.et_cont .scont3 .et_tcont .obb2{padding-top:78px;}
.et_cont .scont3 .et_tcont .obb2 ul.ilist{overflow:hidden; border-top:none; padding-top:35px; 
display: flex;  flex-wrap: wrap;}
.et_cont .scont3 .et_tcont .obb2 ul.ilist > li{/*float:left;width:calc(25% - 25px); height:400px;*/  margin-right:33px; border:1px solid #dadada; border-radius:20px 0 20px 0; -webkit-box-sizing:border-box; box-sizing:border-box; padding:29px 34px 0;
  width: calc(25% - 25px); /* ¹éºÐÀ² ÇÔ¼ö */
}
.et_cont .scont3 .et_tcont .obb2 ul.ilist > li:last-child{margin-right:0;}
.et_cont .scont3 .et_tcont .obb2 ul.ilist > li img{display:block; margin:0 auto; padding-bottom:22px;}
.et_cont .scont3 .et_tcont .obb2 ul.ilist > li ul{border-top:1px solid #dadada; padding-top:27px; padding-bottom:27px;}
.et_cont .scont3 .et_tcont .obb2 ul.ilist > li ul li{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; color:#666; padding-bottom:15px; padding-left:12px; position:relative; word-break:keep-all;}
.et_cont .scont3 .et_tcont .obb2 ul.ilist > li ul li:last-child{padding-bottom:0;}
.et_cont .scont3 .et_tcont .obb2 ul.ilist > li ul li:before{content:""; width:3px; height:3px; background:#f04e23; position:absolute; left:0; top:8px;}
.et_cont .scont3 .et_tcont .obb3{padding-top:78px;}
.et_cont .scont3 .et_tcont .obb3 p{padding-top:34px;font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:17px; color:#666; line-height:1.2; word-break:keep-all;}
.et_cont .scont3 .et_tcont .obb4{padding-top:78px;}
.et_cont .scont3 .et_tcont .obb4 h6{padding-bottom:34px;}
.et_cont .scont3 .et_tcont .obb4 ul{background:url(../images/sub/ettbg.png) no-repeat; width:100%; height:343px; border:1px solid #dadada; border-radius:85px 0 85px 0; box-sizing:border-box; padding:52px 0 0 70px;}
.et_cont .scont3 .et_tcont .obb4 ul li{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; color:#666; padding-bottom:17px; word-break:keep-all; }
.et_cont .scont3 .et_tcont .obb4 ul li span{color:#f04d22; }

.et_cont .scont3 .et_tcont.ettc3 > h5{padding-bottom:38px;}
.et_cont .scont3 .et_tcont.ettc3 h6{font-family: "NotoSansCJKkrRegular",sans-serif; font-size: 22px;letter-spacing: -2px; position: relative; padding-left: 19px;}
.et_cont .scont3 .et_tcont.ettc3 h6:before{content: ""; width: 12px; height: 13px; background: url(../images/sub/ett_list.png) no-repeat; position: absolute; left: 0; top: 4px;}
.et_cont .scont3 .et_tcont.ettc3 .report_box{}
.et_cont .scont3 .et_tcont.ettc3 .report_box p{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; color:#666; line-height:30px; padding-top:15px;}
.is-ie .et_cont .scont3 .et_tcont.ettc3 .report_box p{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.et_cont .scont3 .et_tcont.ettc3 .report_box a.btn2{margin:0; margin-top:20px;width:219px; padding-left:20px;}
.et_cont .scont3 .et_tcont.ettc3 .report_box a.btn2 img{padding-left:20px;}
.et_cont .scont3 .et_tcont.ettc3 .obj_box{padding-top:84px;}
.et_cont .scont3 .et_tcont.ettc3 .obj_box h6{padding-bottom:21px;}
.et_cont .scont3 .et_tcont.ettc3 .obj_box .list{border-top:1px solid #f04d22;}
.et_cont .scont3 .et_tcont.ettc3 .obj_box .list > li{position:relative; padding:34px 40px 37px 251px; border-bottom:1px solid #dadada;}
.et_cont .scont3 .et_tcont.ettc3 .obj_box .list > li p{position:absolute; left:9px; top:46px; font-size:20px; color:#5b5150;font-family: "PHCL",sans-serif; font-weight:bold; line-height:36px;}
.et_cont .scont3 .et_tcont.ettc3 .obj_box .list > li p.spcv{display:block;}
.et_cont .scont3 .et_tcont.ettc3 .obj_box .list > li p.mov{display:none;}
.et_cont .scont3 .et_tcont.ettc3 .obj_box .list > li ul{}
.et_cont .scont3 .et_tcont.ettc3 .obj_box .list > li ul li{position:relative; padding-left:10px; padding-bottom:13px;font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; color:#666; line-height:26px; word-break:keep-all;}
.et_cont .scont3 .et_tcont.ettc3 .obj_box .list > li ul li:last-child{padding-bottom:0;}
.et_cont .scont3 .et_tcont.ettc3 .obj_box .list > li ul li:before{content:""; width:3px; height:3px; background:#f04d22; border-radius:50%; position:absolute; left:0; top:14px;}
.et_cont .scont3 .et_tcont.ettc3 a.btn{display:block;font-size:14px;color:#f04d22;font-family: "NotoSansCJKkrRegular", sans-serif; line-height:42px; width:177px; border:1px solid #f04d22; border-radius:10px 0 10px 0; background:#fff; overflow:hidden; position:relative; padding-left:28px; padding-top:0; z-index:0; transition:all 0.5s; margin:0 auto; margin-top:54px; box-sizing:border-box;color:#f04d22; line-height:42px;transition:all 0.5s;}
.et_cont .scont3 .et_tcont.ettc3 a.btn img{padding-left:53px; vertical-align:0px;}
.et_cont .scont3 .et_tcont.ettc3 a.btn:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.et_cont .scont3 .et_tcont.ettc3 a.btn:hover{color:#fff;}
.et_cont .scont3 .et_tcont.ettc3 a.btn:hover:before{transform:translateY(0) rotate(0);}

.et_cont .scont1{}
.et_cont .scont1 .container{}
.et_cont .scont1 .container > p{opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.2s;}
.et_cont .scont1 .container > span{opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.4s;}

.et_cont .scont1.show{}
.et_cont .scont1.show .container{opacity:1; transform:translateY(0);}
.et_cont .scont1.show .container > p{opacity:1; transform:translateY(0);}
.et_cont .scont1.show .container > span{opacity:1; transform:translateY(0);}



/* social */
.sc_cont .sub_top{background: url(../images/sub/sc_top.jpg) no-repeat center; background-size:cover;}
.sc_cont .scont1{}
.sc_cont .scont1 .container{}
.sc_cont .scont1 .container > p{text-align:center; font-size:28px; color:#222;font-family:'NotoSansCJKkrRegular', sans-serif; line-height:40px; padding-bottom:60px; word-break:keep-all;}
.sc_cont .scont1 .container > p span{color:#f04e23;}
.sc_cont .scont1 .container > span{display:block; font-size:17px; line-height:32px; color:#666; font-family:'NotoSansCJKkrDemiLight', sans-serif; text-align:center;}
.is-ie .sc_cont .scont1 .container > span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.sc_cont .scont1{background:none; padding-top:0px; padding-bottom:126px;}
.sc_cont .sc_cont1{width:100%; background:url(/skin/skin221/images/sc_cont1_bg.jpg) no-repeat center top; background-size:cover; overflow:hidden; border-top:1px solid #dadada; padding-top:84px;}
.sc_cont .sc_cont1 .sc1_txt{float:left;}
.sc_cont .sc_cont1 .sc1_img{float:right;}
.sc_cont .sc_cont1 .sc1_txt h4{font-size:35px;font-family: "NotoSansCJKkrRegular",sans-serif;  padding-bottom:32px; text-align:left;}
.sc_cont .sc_cont1 .sc1_txt h6{font-size:24px; line-height:40px;font-family: "NotoSansCJKkrRegular",sans-serif; }
.sc_cont .sc_cont1 .sc1_txt h6 span{color:#f04d22;}
.sc_cont .sc_cont1 .sc1_txt h6.spcv{display:block;}
.sc_cont .sc_cont1 .sc1_txt h6.mov{display:none;}
.sc_cont .sc_cont1 .sc1_txt p{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:17px; line-height:28px; color:#666; padding-top:10px;}
.is-ie .sc_cont .sc_cont1 .sc1_txt p{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.sc_cont .sc_cont1 .sc1_txt p.spcv{display:block;}
.sc_cont .sc_cont1 .sc1_txt p.mov{display:none;}
.sc_cont .scont2{padding:104px 0 120px;}
.sc_cont .scont2 h4{font-size:35px;font-family: "NotoSansCJKkrRegular",sans-serif;  padding-bottom:32px; text-align:center; padding-bottom:55px;}
.sc_cont .scont2 ul{overflow:hidden; display:flex; flex-wrap:wrap;}
.sc_cont .scont2 ul li{width:calc(25% - 20px); margin-right:26px;}
.sc_cont .scont2 ul li:last-child{margin-right:0;}
.sc_cont .scont2 ul li img{}
.sc_cont .scont2 ul li .txtbox{padding-top:27px;}
.sc_cont .scont2 ul li .txtbox p{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; padding-bottom:13px; word-break:keep-all;}
.sc_cont .scont2 ul li .txtbox span{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:17px; line-height:28px; color:#666; letter-spacing:-1px;}
.is-ie .sc_cont .scont2 ul li .txtbox span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.sc_cont .scont2 ul li .txtbox span.spcv{display:block;}
.sc_cont .scont2 ul li .txtbox span.mov{display:none;}

.sc_cont .scont3{padding:100px 0 95px;}
.sc_cont .scont3 h4{font-size:35px;font-family: "NotoSansCJKkrRegular",sans-serif; text-align:center; padding-bottom:52px;}
.sc_cont .scont3 h5{font-size:26px;font-family: "NotoSansCJKkrRegular",sans-serif; text-align:center; padding-bottom:20px;}
.sc_cont .scont3 h5 em{color:#f04d22;}
.sc_cont .scont3 p{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:17px; line-height:32px; color:#666; text-align:center;}
.sc_cont .scont3 p.spcv{display:block;}
.sc_cont .scont3 p.mov{display:none;}
.is-ie .sc_cont .scont3 p{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.sc_cont .scont3 a.btn2{display:block;font-size:14px;color:#f04d22;font-family: "NotoSansCJKkrRegular", sans-serif; line-height:42px; width:244px; border:1px solid #f04d22; border-radius:10px 0 10px 0; background:#fff; overflow:hidden; position:relative; padding-left:16px; padding-top:0; z-index:0; transition:all 0.5s; margin:0 auto; margin-top:33px; box-sizing:border-box;color:#f04d22; line-height:41px;transition:all 0.5s;}
.sc_cont .scont3 a.btn2 img{padding-left:21px; vertical-align:-1px;}
.sc_cont .scont3 a.btn2:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.sc_cont .scont3 a.btn2:hover{color:#fff;}
.sc_cont .scont3 a.btn2:hover:before{transform:translateY(0) rotate(0);}
.sc_cont .scont3 .diagram{position:relative; width:100%; margin-top:35px;}
.sc_cont .scont3 .diagram:before{content:""; width:100%; height:1px; background:#dadada; position:absolute; left:0; top:126px; z-index:-1;}
.sc_cont .scont3 .diagram .d_center{position:absolute; left:50%; top:0; transform:translateX(-50%); width:255px;}
.sc_cont .scont3 .diagram .d_left{float:left;}
.sc_cont .scont3 .diagram .d_right{float:right;}
.sc_cont .scont3 .diagram ul{width:440px; overflow:hidden; padding-top:66px;}
.sc_cont .scont3 .diagram ul li{float:left; width:50%; box-sizing:border-box; text-align:center; padding:0 20px; word-break:keep-all;}
.sc_cont .scont3 .diagram ul li img{display:block; margin:0 auto;}
.sc_cont .scont3 .diagram ul li p{color:#5b5150; font-family: "PHCL",sans-serif; font-weight:bold; font-size:20px;padding-top:23px; padding-bottom:15px;}
.sc_cont .scont3 .diagram ul li span{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:15px; color:#666; word-break:keep-all; line-height:24px;}
.sc_cont .scont4{background:#f6f6f6; padding:117px 0 137px; margin-bottom:152px;}
.sc_cont .scont4 h4{font-size:35px;font-family: "NotoSansCJKkrRegular",sans-serif; text-align:center; padding-bottom:73px;}
.sc_cont .scont4 .sct_cont .sctc_box{overflow:hidden; padding-bottom:63px; }
.sc_cont .scont4 .sct_cont .sctc_box:last-child{padding-bottom:0;}
.sc_cont .scont4 .sct_cont .sctc_box .sctc_txt{width:calc(100% - 470px); box-sizing:border-box;}
.sc_cont .scont4 .sct_cont .sctc_box.sctc_left .sctc_txt{float:right; padding:46px 0 0 57px}
.sc_cont .scont4 .sct_cont .sctc_box.sctc_left img{float:left;}
.sc_cont .scont4 .sct_cont .sctc_box.sctc_right .sctc_txt{float:left; padding:60px 60px 0 0; text-align:right;}
.sc_cont .scont4 .sct_cont .sctc_box.sctc_txt img{float:right;}
.sc_cont .scont4 .sct_cont .sctc_box .sctc_txt h6{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:26px; padding-bottom:23px;}
.sc_cont .scont4 .sct_cont .sctc_box .sctc_txt p{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; padding-bottom:9px;}
.sc_cont .scont4 .sct_cont .sctc_box .sctc_txt p em{color:#f04d22;}
.sc_cont .scont4 .sct_cont .sctc_box .sctc_txt span{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:17px; color:#666; word-break:keep-all; line-height:28px; display:block;}
.is-ie .sc_cont .scont4 .sct_cont .sctc_box .sctc_txt span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.sc_cont .scont4 .sct_cont .sctc_box .sctc_txt span.spcv{display:block;}
.sc_cont .scont4 .sct_cont .sctc_box .sctc_txt span.mov{display:none;}

.sc_cont .scont1 h3{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.sc_cont .scont1 .container > p{opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.2s;}

.sc_cont .scont1.show h3{opacity:1; transform:translateY(0);}
.sc_cont .scont1.show .container > p{opacity:1; transform:translateY(0);}




/* green */
.gr_cont .sub_top{background: url(../images/sub/green_top.jpg) no-repeat center; background-size:cover;}
.gr_cont .scont1{}
.gr_cont .scont1 .container{padding-bottom:72px; border-bottom:1px solid #dadada;}
.gr_cont .scont1 .container > p{text-align:center; font-size:28px; color:#222;font-family:'NotoSansCJKkrRegular', sans-serif; line-height:40px; padding-bottom:29px; word-break:keep-all;}
.gr_cont .scont1 .container > p span{color:#f04e23;}
.gr_cont .scont1 .diagram2{}
.gr_cont .scont1 .diagram2 .h4{width:287px; height:286px; background:url(../images/sub/green_circle.png) no-repeat center; position:relative; margin:0 auto;}
.gr_cont .scont1 .diagram2 h4{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding-bottom:0; font-size:30px; color:#f04d22; line-height:35px; padding-top:11px;}
.gr_cont .scont1 .diagram2 ul{overflow:hidden; padding-top:85px; position:relative; width:1063px; margin:0 auto;}
.gr_cont .scont1 .diagram2 ul:before{content:""; width:865px; height:74px; background:url(../images/sub/gs1_line.png) no-repeat left top; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.gr_cont .scont1 .diagram2 ul li{float:left; width:20%; text-align:center;}
.gr_cont .scont1 .diagram2 ul li p{color:#5b5150; font-size:18px;font-family:'PHCL', sans-serif; font-weight:bold; text-align:center; line-height:26px; padding-bottom:20px;}
.gr_cont .scont1 .diagram2 ul li img{}
.gr_cont .scont2{background:#fff;}
.gr_cont .scont2 ul{overflow:hidden; padding-bottom:65px; border-bottom:1px solid #dadada;}
.gr_cont .scont2 ul li{float:left; width:50%; box-sizing:border-box; padding-top:69px;}
.gr_cont .scont2 ul li p{font-size:22px;font-family:'NotoSansCJKkrRegular', sans-serif; padding-bottom:12px;}
.gr_cont .scont2 ul li p em{color:#f04e23;}
.gr_cont .scont2 ul li span{font-size:16px; line-height:28px; color:#666; font-family:'NotoSansCJKkrDemiLight', sans-serif; word-break:keep-all;}
.gr_cont .scont2 ul li span.spcv{display:block;}
.gr_cont .scont2 ul li span.mov{display:none;}
.is-ie .gr_cont .scont2 ul li span{font-family:'NotoSansCJKkrDemiLight-ie', sans-serif;}
.gr_cont .scont1 .diagram2 .tmimg{display:none;}
.gr_cont .scont3{padding-bottom:203px; margin-top:133px;}
.gr_cont .scont3 h6{font-size:30px;font-family:'NotoSansCJKkrRegular', sans-serif; padding-bottom:25px;}
.gr_cont .scont3 .container > p{font-size:17px; line-height:32px; color:#666; font-family:'NotoSansCJKkrDemiLight', sans-serif; padding-right:200px; word-break:keep-all;}
.gr_cont .scont3 .diagram{overflow:hidden; padding-top:55px;}
.gr_cont .scont3 .diagram > div{width:124px; height:124px; border-radius:50%; float:left; margin-left:63px; position:relative;}
.gr_cont .scont3 .diagram > div:after{content:""; width:15px; height:28px; background:url(../images/sub/d_arrow.png) no-repeat; position:absolute; left:150px; top:50px;}
.gr_cont .scont3 .diagram > div.last:after{width:0; height:0;}
.gr_cont .scont3 .diagram > div p{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; font-family:'PHCL', sans-serif; font-weight:bold; font-size:18px; color:#fff; line-height:25px; letter-spacing:-2px; text-align:center;}
.gr_cont .scont3 .diagram > div{display:block;}
.gr_cont .scont3 .diagram .diaimg{display:none;}
.gr_cont .scont3 ul{border-top:1px solid #f04d22; margin-top:57px;}
.gr_cont .scont3 ul li{border-bottom:1px solid #dadada;}
.gr_cont .scont3 ul li p{font-size:16px; color:#666; font-family:'NotoSansCJKkrDemiLight', sans-serif;overflow:hidden; word-break:keep-all;}
.gr_cont .scont3 ul li p span{color:#5b5150;font-family:'PHCL', sans-serif; font-weight:bold; font-size:17px; letter-spacing:-2px; width:209px; display:block; box-sizing:border-box; padding-left:35px; float:left; line-height:63px;}
.gr_cont .scont3 ul li p em{float:right; width:calc(100% - 209px); line-height:27px; padding:17px 0;}
.gr_cont .scont4{padding-top:24px;padding-bottom:262px; }
.gr_cont .scont4 .container{position:relative;}
.gr_cont .scont4 h6{padding-bottom:24px;}
.gr_cont .scont4 p{font-size:17px; color:#666; font-family:'NotoSansCJKkrDemiLight', sans-serif; line-height:32px;}
.gr_cont .scont4 ul{padding-top:39px;}
.gr_cont .scont4 ul li{font-size:16px; color:#666; font-family:'NotoSansCJKkrDemiLight', sans-serif; padding-bottom:25px; padding-left:10px; position:relative;}
.gr_cont .scont4 ul li:last-child{padding-bottom:0;}
.gr_cont .scont4 ul li:before{content:""; width:3px; height:3px; background:#f04d22; border-radius:50%; position:absolute; left:0; top:9px;}
.gr_cont .scont4 img{position:absolute; right:0; top:0;}

.gr_cont .scont1{}
.gr_cont .scont1 .container{}
.gr_cont .scont1 .container > p{opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.2s;}
.gr_cont .scont1 .container > span{opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.4s;}
.gr_cont .scont1 .diagram2 .h4{opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.6s;}
.gr_cont .scont1 .diagram2 ul li:nth-child(1){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:1.0s;}
.gr_cont .scont1 .diagram2 ul li:nth-child(2){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:1.2s;}
.gr_cont .scont1 .diagram2 ul li:nth-child(3){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:1.4s;}
.gr_cont .scont1 .diagram2 ul li:nth-child(4){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:1.6s;}
.gr_cont .scont1 .diagram2 ul li:nth-child(5){opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:1.8s;}

.gr_cont .scont1.show{}
.gr_cont .scont1.show .container{opacity:1; transform:translateY(0);}
.gr_cont .scont1.show .container > p{opacity:1; transform:translateY(0);}
.gr_cont .scont1.show .container > span{opacity:1; transform:translateY(0);}
.gr_cont .scont1.show .diagram2 .h4{opacity:1; transform:translateY(0);}
.gr_cont .scont1.show .diagram2 ul li:nth-child(1){opacity:1; transform:translateY(0);}
.gr_cont .scont1.show .diagram2 ul li:nth-child(2){opacity:1; transform:translateY(0);}
.gr_cont .scont1.show .diagram2 ul li:nth-child(3){opacity:1; transform:translateY(0);}
.gr_cont .scont1.show .diagram2 ul li:nth-child(4){opacity:1; transform:translateY(0);}
.gr_cont .scont1.show .diagram2 ul li:nth-child(5){opacity:1; transform:translateY(0);}


/* co-creation ¼öÁ¤ºÎºÐ */

footer{width:100%; background:#323232;}
.sub_cont footer .container{position:relative; width:1300px;}
.footer11{padding-top:70px;}
.footer11{overflow:auto;}
.footer11:before,.footer11:after{}
.footer11:after{}
.footer11 > div{float:left; display:inline-block;}
.footer11 > div.clearfix{float:none; clear:both;}
.clearfix:after{content:""; display:table; clear:both;}

.footer11 .footer_left{width:870px; float:left;}
.footer11 .footer_left > ul{overflow:hidden;}
.footer11 .footer_left > ul ul{padding-bottom:1px;}
.footer11 .footer_left > ul > li{float:left; width:25%;}
.footer11 .footer_left > ul > li p{font-size:16px; color:#fff;font-family:'PHCL', sans-serif; font-weight:bold; padding-bottom:20px;}
.footer11 .footer_left > ul > li li{}
.footer11 .footer_left > ul > li li a{font-size:14px; color:#888;font-family: 'NotoSansCJKkrDemiLight', sans-serif;; line-height:24px;}
.footer11 .footer_center{float:left;}
.footer11 .top{position:absolute; right:0; bottom:142px;}
.footer11 .top span{display:block; color:#888; font-size:12px;font-family: 'Open Sans', sans-serif; text-align:center; padding-top:10px;}
.footer11 .footer_bottom{width:100%; border-top:1px solid rgba(255,255,255,0.2); margin-top:45px; padding-top:35px; padding-bottom:44px; overflow:hidden;}
.footer11 .footer_bottom .fb_left{float:left;}
.footer11 .footer_bottom .fb_left ul{}
.footer11 .footer_center ul.terms{padding-bottom:18px;}
.footer11 .footer_bottom .fb_left ul.add{padding-bottom:10px;font-family: 'NotoSansCJKkrDemiLight', sans-serif;}
.footer11 .footer_bottom .fb_left ul li{display:inline-block;color:#888;font-family: 'NotoSansCJKkrDemiLight', sans-serif;;}
.footer11 .footer_center ul.terms li{padding-bottom:18px;}
.footer11 .footer_center ul.terms li a{font-size:14px; position:relative; margin-left:11px; margin-right:9px; color:#888;font-family: 'NotoSansCJKkrDemiLight', sans-serif;}
.footer11 .footer_center ul.terms li a em{color:#f05023;}

.footer11 .footer_bottom .fb_left ul.add li{font-size:13px; padding-right:16px;}
.footer11 .footer_bottom .fb_right p.copy{color:#888;font-family: 'NotoSansCJKkrDemiLight', sans-serif; font-size:13px; position:absolute; right:0;}
.footer11 .footer_right{width:197px; float:right; font-size:14px;font-family: 'Open Sans', sans-serif; border-bottom:1px solid rgba(255,255,255,0.2);margin-top:-15px; position:relative; box-sizing:border-box; position:absolute; right:0; top:70px;}
.footer11 .footer_right > a{display:block;color:#888; padding:15px 13px 18px 11px; box-sizing:border-box;}
.footer11 .footer_right.on > a{border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2);; padding-left:10px; padding-right:12px;}
.footer11 .footer_right img{float:right; vertical-align:-5px;}
.footer11 .footer_right.on img{transform:rotate(180deg);}
.footer11 .footer_right ul{display:none; width:100%; background:#fff; position:absolute; left:0; bottom:100%; box-sizing:border-box; border:1px solid #323232;}
.footer11 .footer_right.on ul{display:block;}
.footer11 .footer_right ul li{}
.footer11 .footer_right ul li a{font-family: 'NotoSansCJKkrDemiLight', sans-serif; font-size:14px; color:#555; display:block;padding:15px 0 15px 21px; }
.footer11 .footer_right ul li a:before{width:0; height:0;}
.footer11 .footer_right ul li:hover{background:#f05023;}
.footer11 .footer_right ul li:hover a{color:#fff; }

.footer11 li a{position: relative; -webkit-transition: color .1s,background-color .1s;}
.footer11 li a:before{ position: absolute; top: 22px; left: 0; height: 1px; width: 100%; content: ''; background-color: #f04e23; 
	-webkit-transform-origin: right top; 
	transform-origin: right top; 
	-webkit-transform: scaleX(0); transform: scaleX(0); 
	-webkit-transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1);
	transition: transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
}
.footer11 li a:focus:before, .footer11 li a:hover:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }

.exp_cont .sc1.on .scont1{padding-top:70px; transition:all 0.9s;}
.exp_cont .sc1 .scont1{padding-top:146px;transition:all 0.9s;}
.exp_cont .sc1.on .scont1 .s1_txt .slt_left{opacity:0; transform:translateY(40%); transition:all 0.9s;}
.exp_cont .sc1.on .scont1 .s1_txt .slt_right{opacity:0; transform:translateY(40%); transition:all 0.9s;}

.exp_cont .sc1 .scont1 .s1_txt .slt_left{opacity:1; transform:translateY(0); transition:all 0.9s; transition-delay:0s;}
.exp_cont .sc1 .scont1 .s1_txt .slt_right{opacity:1; transform:translateY(0); transition:all 0.9s; transition-delay:0s;}

.exp_cont .sc1 .scroll p{color:#aca3a1;}
.exp_cont .sc1 .scroll span{background:#aca3a1; overflow:hidden;}

.exp_cont .sub_top{background:url(../images/sub/coc/coc_top.jpg) no-repeat center; background-size:cover;}
.exp_cont .scont1 .scroll p{color:#f04e23;*font-family: 'Open Sans', sans-serif; font-weight:700;}
.exp_cont .scont1{position:relative; padding-bottom:155px; height:100vh;}
.exp_cont .scont1 .container > p{font-size:28px; line-height:40px; font-family: "NotoSansCJKkrRegular",sans-serif; color:#222; text-align:center; padding-bottom:60px;}
.exp_cont .scont1 .container > p span{color:#f04e23;}
.exp_cont .scont1 .coc_img{position:relative;}
.exp_cont .scont1 .coc_img:before{content:""; width:3000px; height:1px; background:url(../images/sub/coc/bg_bar.jpg) repeat-x; position:absolute; left:-1000px; top:68px; z-index:-1;}
.exp_cont .scont1 .coc_img ul{ width:714px; margin:0 auto;position:relative; overflow:hidden;}
.exp_cont .scont1 .coc_img ul:before{/*content:""; width:3000px; height:1px; background:url(../images/sub/coc/bg_bar.jpg) repeat-x; position:absolute; left:-1000px; top:68px; z-index:-1;*/}
.exp_cont .scont1 .coc_img ul li{float:left; margin-right:16px;}
.exp_cont .scont1 .coc_img ul li:last-child{margin-right:0;}
.exp_cont .scont1 .coc_img ul li:nth-child(1) .svgbox{width:127px; height:135px; background:url(../images/sub/coc/coc_icon1.png); position:relative;}
.exp_cont .scont1 .coc_img ul li:nth-child(2) .svgbox{width:132px; height:135px; background:url(../images/sub/coc/coc_icon2.png); position:relative;}
.exp_cont .scont1 .coc_img ul li:nth-child(3) .svgbox{width:126px; height:135px; background:url(../images/sub/coc/coc_icon3.png); position:relative;}
.exp_cont .scont1 .coc_img ul li:nth-child(4) .svgbox{width:129px; height:135px; background:url(../images/sub/coc/coc_icon4.png); position:relative;}
.exp_cont .scont1 .coc_img ul li:nth-child(5) .svgbox{width:133px; height:135px; background:url(../images/sub/coc/coc_icon5.png); position:relative;}
.exp_cont .scont1 .coc_img ul li .svgbox svg{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.exp_cont .scont1 .coc_img ul li span{}
.exp_cont .scont1 .coc_img ul li p{text-align:center; padding-top:19px; color:#5b5150; font-size:16px;font-family: "NotoSansCJKkrRegular",sans-serif; }
.exp_cont .scont1 .s1_txt{overflow:hidden; padding-top:75px;}
.exp_cont .scont1 .s1_txt > div{width:50%; box-sizing:border-box; padding:0 34px;}
.exp_cont .scont1 .s1_txt .slt_left{float:left; }
.exp_cont .scont1 .s1_txt .slt_right{float:right; }
.exp_cont .scont1 .s1_txt p{word-break:keep-all;font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; line-height:32px; margin-bottom:19px;}
.is-ie .exp_cont .scont1 .s1_txt p{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.exp_cont .scont1 .s1_txt p.sl_tit{font-size:22px; padding-bottom:16px;font-family:'NotoSansCJKkrRegular', sans-serif; margin-bottom:0;}
.exp_cont .scont1 .s1_txt p span{color:#f04e23;}

.exp_cont .scont1 .container > p{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.exp_cont .scont1.show .container > p{opacity:1; transform:translateY(0);}



/*.exp_cont .sc1 .scont1 .coc_img ul li .svgbox svg{opacity:0; transition:opacity 0.2s;}
.exp_cont .sc1.show2 .scont1 .coc_img ul li .svgbox svg{opacity:1;}*/

.exp_cont .scont_bt{position:static;}


/* wash */
.ws_cont .sub_top{background: url(../images/sub/business/wash_bg.jpg) no-repeat center;background-size:cover;}
.ws_cont .scont1 .container{padding-bottom:60px; border-bottom:1px solid #dadada;}
.ws_cont .scont1 h4{padding-bottom:20px;}
.ws_cont .scont1 h4 em{font-family:'NotoSansCJKkrRegular', sans-serif;}
.ws_cont .scont1 a.btn2{display: block; font-size: 14px; color: #f04d22; font-family: "NotoSansCJKkrRegular", sans-serif; line-height: 42px; border: 1px solid #f04d22; border-radius: 10px 0 10px 0; background: #fff; overflow: hidden; position: relative; padding-left: 19px; padding-top: 0; z-index: 0; transition: all 0.5s; margin: 0 auto; box-sizing: border-box; color: #f04d22; line-height: 41px; transition: all 0.5s; width:275px; margin-bottom:60px;}
.ws_cont .scont1 a.btn2:before {content: ""; display: block; width: 110%; height: 100%; position: absolute; left: 0; top: 0; background: #f04d22; transform-origin: 0 0;   transform: translateY(100%) rotate(30deg); z-index: -1;transition: transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.ws_cont .scont1 a.btn2:hover{color: #fff;}
.ws_cont .scont1 a.btn2:hover:before {transform: translateY(0) rotate(0);}
.ws_cont .scont1 a.btn2 img{padding-left: 15px;vertical-align: -2px;}
.ws_cont .scont1 .icolist{padding-bottom:77px; border-bottom:1px solid #dadada;}
.ws_cont .scont1 .icolist ul{overflow:hidden; background:url(../images/sub/business/ws_line.png) no-repeat center top 68px;}
.ws_cont .scont1 .icolist ul li{float:left; width:25%; text-align:center;}
.ws_cont .scont1 .icolist ul li img{}
.ws_cont .scont1 .icolist ul li p{padding-top:25px; padding-bottom:20px;font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px;}
.ws_cont .scont1 .icolist ul li span{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:15px; line-height:28px;}
.is-ie .ws_cont .scont1 .icolist ul li span{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.ws_cont .scont1 .diagram{width:100%; height:495px; position:relative;}
.ws_cont .scont1 .diagram .dia_cc{width:247px; height:247px; position:absolute; bottom:57px;; left:50%; transform:translateX(-50%); }
.ws_cont .scont1 .diagram .dia_cc:before{content:""; width:356px; height:299px; background:url(../images/sub/business/wash_d_line.png) no-repeat center; position:absolute; left:50%; bottom:0;; transform:translateX(-50%);}
.ws_cont .scont1 .diagram .dia_cc img{}
.ws_cont .scont1 .diagram .dia_cc p{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;font-family: "NotoSansCJKkrRegular",sans-serif; font-size:28px; line-height:39px;color:#f04e23;}
.ws_cont .scont1 .diagram ul{}
.ws_cont .scont1 .diagram ul li{overflow:hidden; position:absolute;}
.ws_cont .scont1 .diagram ul li img{float:left;}
.ws_cont .scont1 .diagram ul li span{float:left; color:#5b5150;font-family: "PHCL",sans-serif; font-weight:bold; font-size:18px; line-height:28px; padding-top:30px; padding-left:17px;}
.ws_cont .scont1 .diagram ul li:nth-child(1){top:0; left:50%; transform:translateX(-50%); padding-left:166px; }
.ws_cont .scont1 .diagram ul li:nth-child(2){right:calc(50% + 167px); bottom:0;}
.ws_cont .scont1 .diagram ul li:nth-child(2) img{float:right;}
.ws_cont .scont1 .diagram ul li:nth-child(2) span{float:left; text-align:right; padding-left:0; padding-right:17px;}
.ws_cont .scont1 .diagram ul li:nth-child(3){left:calc(50% + 167px); bottom:0;}
.ws_cont .scont1 .diagram .tbv{display:none;}
.ws_cont .scont2{background:#fff; padding-top:120px; padding-bottom:152px;}
.ws_cont .scont2 .inner_box{overflow:hidden;margin-bottom:63px;}
.ws_cont .scont2 .inner_box:last-child{margin-bottom:0;}
.ws_cont .scont2 .inner_box img{float:left; width:470px;}
.ws_cont .scont2 .inner_box.right img{float:right;}
.ws_cont .scont2 .inner_box .txtbox{float:left; width:calc(100% - 470px); box-sizing:border-box;}
.ws_cont .scont2 .inner_box.left .txtbox{padding-top:55px; padding-left:57px;}
.ws_cont .scont2 .inner_box.right .txtbox{padding-top:76px; padding-right:63px; text-align:right;}
.ws_cont .scont2 .inner_box .txtbox p{font-size:26px;font-family: "NotoSansCJKkrRegular",sans-serif;color:#f04e23; padding-bottom:24px;}
.ws_cont .scont2 .inner_box .txtbox p em{font-size:20px; color:#666; display:block; padding-top:15px;}
.ws_cont .scont2 .inner_box .txtbox span{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; line-height:28px; color:#666;}
.ws_cont .scont2 .inner_box .txtbox span.spcv{display:block;}
.ws_cont .scont2 .inner_box .txtbox span.mov{display:none;}
.is-ie .ws_cont .scont2 .inner_box .txtbox span{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}

.ws_cont .scont1 h4{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.ws_cont .scont1 a.btn2{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.ws_cont .scont1 .diagram{opacity:0; transition:all 0.5s;}
.ws_cont .scont1 .diagram ul li:nth-child(1){opacity:0;  transition:all 0.5s;}
.ws_cont .scont1 .diagram ul li:nth-child(2){opacity:0; transition:all 0.5s;}
.ws_cont .scont1 .diagram ul li:nth-child(3){opacity:0;  transition:all 0.5s;}

.ws_cont .scont1.show h4{opacity:1; transform:translateY(0);}
.ws_cont .scont1.show a.btn2{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.ws_cont .scont1.show .diagram{opacity:1;  transition-delay:0.6s;}
.ws_cont .scont1.show .diagram ul li:nth-child(1){opacity:1; transition-delay:0.8s;}
.ws_cont .scont1.show .diagram ul li:nth-child(2){opacity:1; transition-delay:1s;}
.ws_cont .scont1.show .diagram ul li:nth-child(3){opacity:1; transition-delay:1.2s;}

/*privacy*/
.pr_cont{padding-top:75px;}
.pr_cont h2{text-align:center; font-size:32px; font-family: "NotoSansCJKkrRegular",sans-serif; padding-bottom:45px;}
.pr_cont .container > p{font-size:16px; font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; line-height:28px;}
.is-ie .pr_cont .container > p{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.pr_cont .privacy_tab{padding-top:62px; padding-bottom:65px;}
.pr_cont .privacy_tab ul{overflow:hidden;}
.pr_cont .privacy_tab ul li{float:left; width:calc(50% - 15px); margin-right:30px; margin-bottom:6px; background:#f7f7f7;border:1px solid #f7f7f7; box-sizing:border-box;}
.pr_cont .privacy_tab ul li:hover{border:1px solid #222;}
.pr_cont .privacy_tab ul li:nth-child(2n){margin-right:0;}
.pr_cont .privacy_tab ul li:nth-child(9){margin-bottom:0;}
.pr_cont .privacy_tab ul li:nth-child(10){margin-bottom:0;}
.pr_cont .privacy_tab ul li a{display:block; line-height:50px; padding-left:45px; font-size:16px; color:#222; font-family: "PHCL",sans-serif; font-weight:bold;}
.pr_cont .privacy_box{padding-bottom:65px;}
.pr_cont .privacy_box h4{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:22px; padding-bottom:13px;}
.pr_cont .privacy_box .privacy_txt{width:100%; background:#f7f7f7; padding:25px 29px; box-sizing:border-box;}
.pr_cont .privacy_box .privacy_txt p{font-size:16px; font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; line-height:28px; letter-spacing:-1px; word-break:keep-all;}
.pr_cont .privacy_box#ch8 .privacy_txt ul{padding-top:30px;}
.pr_cont .privacy_box#ch9 .privacy_txt ul{padding-top:30px;}
.pr_cont .privacy_box .privacy_txt li{font-size:16px; font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; line-height:28px; letter-spacing:-1px; word-break:keep-all;}
.is-ie .pr_cont .privacy_box .privacy_txt p{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif; letter-spacing:0;}
.is-ie .pr_cont .privacy_box .privacy_txt li{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif; letter-spacing:0;}

/*email*/
.em_cont{padding-top:75px; padding-bottom:170px;}
.em_cont h2{text-align:center; font-size:32px; font-family: "NotoSansCJKkrRegular",sans-serif; padding-bottom:54px;}
.em_cont .notice_box{width:743px; margin:0 auto; background:#f7f7f7; text-align:center; padding:50px 0;}
.em_cont .notice_box img{}
.em_cont .notice_box p{font-size:16px; font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666; line-height:28px; padding:26px 0;}
.is-ie .em_cont .notice_box p{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.em_cont .notice_box p.pc{display:block;}
.em_cont .notice_box p.mo{display:none;}
.em_cont .notice_box span{font-size:16px; font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#222;}

/* affiliate */
.af_cont .sub_top{background:url(../images/sub/business/af_top.jpg) no-repeat center;background-size:cover;}
.af_cont .scont1{padding-bottom:170px;}
.af_cont .af_wrap{padding-bottom:15px;}
.af_cont .af_wrap:last-child{padding-bottom:0;}
.af_cont .af_wrap .af_box{border-top:1px solid #dadada;}
.af_cont .af_wrap .af_box h5{float:left; width:197px;padding-top:48px; font-size:22px; font-family:'NotoSansCJKkrRegular', sans-serif; letter-spacing:-1px; position:relative;}
.af_cont .af_wrap .af_box h5:before{content:""; width:100%; height:1px; background:#f04e23; position:absolute; left:0; top:-1px;}
.af_cont .af_wrap .af_box ul{float:right; width:calc(100% - 197px); overflow:hidden; padding-top:50px; padding-left:40px; box-sizing:border-box;}
.af_cont .af_wrap .af_box li{float:left; width:calc(33.333% - 21px); height:100px; margin-right:31px; box-sizing:border-box; margin-bottom:59px;}
.af_cont .af_wrap .af_box li:nth-child(3n){margin-right:0;}
.af_cont .af_wrap .af_box li:last-child{margin-right:0;}
.af_cont .af_wrap .af_box li span{display:block; width:100%; height:100px; position:relative; border-radius:50px 0 50px 0;}
.af_cont .af_wrap .af_box li span:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.af_cont .af_wrap .af_box li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.af_cont .af_wrap .af_box li p{font-family: 'NotoSansCJKkrRegular',sans-serif; font-size:18px; padding:20px 0 0 12px;}

/* co-creation */
.coc_cont .sub_top{background:url(../images/sub/coc/coc_top.jpg) no-repeat center; background-size:cover;}
.coc_cont .scont1{-webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden;backface-visibility:hidden; overflow:visible;}
.coc_cont .scont1:after{content:""; display:block; clear:both;}
.coc_cont .scont1 .container{padding-bottom:170px; }
.coc_cont .scont1 .container > p{font-size:28px; line-height:40px; font-family: "NotoSansCJKkrRegular",sans-serif; color:#222; text-align:center; word-break:keep-all;}
.coc_cont .scont1 .container > p.spcv{display:block;}
.coc_cont .scont1 .container > p.mov{display:none;}
.coc_cont .scont1 .container > p span{color:#f04e23;}
.coc_cont .scont1 .s1_txt{overflow:hidden; padding-top:75px;border-top:1px solid #dadada; margin-top:50px;}
.coc_cont .scont1 .s1_txt > div{width:50%; box-sizing:border-box; padding:0 34px; }
.coc_cont .scont1 .s1_txt .slt_left{float:left; }
.coc_cont .scont1 .s1_txt .slt_right{float:right; }
.coc_cont .scont1 .s1_txt p{word-break:keep-all;font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:16px; line-height:32px; margin-bottom:19px;}
.coc_cont .scont1 .s1_txt p.sl_tit{font-size:22px; font-family:'NotoSansCJKkrRegular', sans-serif;}
.is-ie .coc_cont .scont1 .s1_txt p{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
/*.coc_cont .scont1 .s1_txt p.sl_tit{font-size:22px; padding-bottom:16px;font-family:'NotoSansCJKkrRegular', sans-serif; margin-bottom:0;}*/
.coc_cont .scont1 .s1_txt p span{color:#f04e23;}
.coc_cont .scont1 .img_box{width:100%; height:710px; position:static; background-image: url(../images/sub/coc/coc_img01.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed;-webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden;backface-visibility:hidden;}
.coc_cont .scont1 img{position:absolute; left:calc(50% + 361px); bottom:-120px;}
.coc_cont .coc_box{}
.coc_cont .coc_box .container{overflow:hidden; }
.coc_cont .scont2 .container{height:354px; padding-top:107px; box-sizing:border-box;}
.coc_cont .scont3 .container{height:316px; padding-top:102px; box-sizing:border-box;}
.coc_cont .scont4 .container{height:364px; padding-top:114px; box-sizing:border-box;}
.coc_cont .scont5 .container{height:354px; padding-top:111px; box-sizing:border-box;}
.coc_cont .scont6 .container{height:375px; padding-top:118px; box-sizing:border-box;}
.coc_cont .coc_box h4{float:left; display:inline-block;text-align:center;}
.coc_cont .coc_box h4 em{display:block; font-family: "NotoSansCJKkrRegular",sans-serif; font-size:45px;}
.coc_cont .coc_box h4 img{padding-top:26px; }
.coc_cont .coc_box .img_box{width:100%; height:560px;}
.coc_cont .coc_box .coc_txt{float:right; width:calc(100% - 275px); word-break:keep-all;}
.coc_cont .coc_box .coc_txt p{font-family: "NotoSansCJKkrRegular",sans-serif; font-size:25px; line-height:36px; padding-bottom:20px; word-break:keep-all;}
.coc_cont .coc_box .coc_txt p.spcv{display:block;}
.coc_cont .coc_box .coc_txt p.mov{display:none; word-break:keep-all;}
.coc_cont .coc_box .coc_txt p em{color:#f04e23;}
.coc_cont .coc_box .coc_txt span{font-family:'NotoSansCJKkrDemiLight', sans-serif; font-size:18px; line-height:30px; color:#555; word-break:keep-all;}
.is-ie .coc_cont .coc_box .coc_txt span{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif;}
.coc_cont .scont2{background:#f6f6f6;}
.coc_cont .scont2 .img_box{background:url(../images/sub/coc/coc_img02_2.jpg) no-repeat center; background-size:cover; padding-top:38px; box-sizing:border-box; height:584px;}
.coc_cont .scont2 .img_box img{display:block; margin:0 auto;}
.coc_cont .scont3 .img_box{height:auto;}
.coc_cont .scont3 .img_box img{width:100%;}
.coc_cont .scont3 .img_box img.spcv{display:block;}
.coc_cont .scont3 .img_box img.stmv{display:none;}
.coc_cont .scont3 .img_box img.smov{display:none;}
.coc_cont .scont4 .img_box{background:url(../images/sub/coc/coc_img04.png) no-repeat center; background-size:cover;}
.coc_cont .scont5 .img_box{height:570px; background:url(../images/sub/coc/coc_img05.png) no-repeat center; background-size:cover;}
.coc_cont .scont6{padding-bottom:152px;}
.coc_cont .scont6 .img_box{height:550px; background:url(../images/sub/coc/coc_img06.jpg) no-repeat center; background-size:cover;}

.coc_cont .scont1 h3{opacity:0; transform:translateY(40%); transition:all 0.5s;}
.coc_cont .scont1 .container > p{opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.2s;}
.coc_cont .scont1 .s1_txt .slt_left{opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.4s;}
.coc_cont .scont1 .s1_txt .slt_right{opacity:0; transform:translateY(40%); transition:all 0.5s; transition-delay:0.6s;}

.coc_cont .scont1.show h3{opacity:1; transform:none;}
.coc_cont .scont1.show .container > p{opacity:1; transform:none;}
.coc_cont .scont1.show .s1_txt .slt_left{opacity:1; transform:none;}
.coc_cont .scont1.show .s1_txt .slt_right{opacity:1; transform:none;}