@charset "utf-8";
.p-dots ul li{display:inline-block; margin:.5px !important;}
.p-dots ul li.slick-active button{width:50px; transition:ease all .3s; background-color:#0850ff;}
.p-dots ul li button{color:#fff; width:20px; text-indent: -9999px; height:3px; background-color:rgba(255,255,255,.7);}

#mCSB_1_container .wrap-header{z-index:1;}
body #menu12181_obj8996,
body #menu12181_obj8991,
body #menu1186_obj138,
body #menu12181_obj8995,
body #menu1186_obj137,
body #menu12181_obj8994{top:0;}
#menu1186_obj165{position:relative; z-index:-1;}
#menu1186_obj157, /*개발*/
#menu12181_obj8999{position:relative; z-index:100; background-color:#fff;}

body{overflow-x:hidden;}
body.scroll-hidden{overflow:hidden;}

body.active .main-quickmenu{display:none;}
body.active .wrap-header .head-logo .global-lan{display:noㅇne;}
body.active .wrap-header .head-util{display:block; position: fixed; top: 0; right: 0;}
.wrap-header .container > .btn-mgnb{display:none;}
body.active .wrap-header .container > .btn-mgnb{}

.mainPopupWrap{position:fixed; z-index:100001; width:100%; background-color:rgba(0,0,0,.7); height:100%; display:none;}
.mainPopupWrap.on{display:block;}
.mainPopupWrap .popup-inner{max-width:1350px; margin:0 auto; margin:0 auto; text-align:center; top: 50%; position:relative; transform: translateY(-50%);}
.mainPopupWrap .popup-inner ul li{margin:0 10px;}
.mainPopupWrap .popup-inner ul li img{max-height:415px; max-width:415px; width:100%; height:100%;}
.mainPopupWrap .popup-inner ul li a{display:block;}
.mainPopupWrap .popup-inner .popup-btn{margin-top:30px;}
.mainPopupWrap .popup-inner .popup-btn a{display:inline-block; margin:0 10px; color:#fff; padding:7px 30px; border-radius:10px; font-size:17px;}
.mainPopupWrap .popup-inner .popup-btn a.close{background-color:#295ed1}
.mainPopupWrap .popup-inner .popup-btn a.today-close{background-color:#283570}
.mainPopupWrap .slick-arrow.slick-disabled{display:none !important;}
.mainPopupWrap .slick-arrow {width: 26px; height: 54px; text-indent: -5000px; background: url('../../images/main/fixPopup_arrow.png') center center no-repeat; position: absolute; top: calc(50% - 27px); z-index: 1;}
.mainPopupWrap .slick-arrow.slick-next {right: -50px; transform: rotate(180deg);}
.mainPopupWrap .slick-arrow.slick-prev {left: -50px; }

.mainPopupWrap .popup-counter{font-size:20px; color:#fff; margin-bottom:10px;}
.mainPopupWrap .popup-counter .total{font-size: 24px; color: #bd0c0c; font-family: 'Noto Regular'; padding: 0 5px;}

.wrap-header{z-index:10001;}
.wrap-header .head-logo .global-lan{position:absolute; right:20px; top:50px;}
.wrap-header .head-logo .global-lan:before{display:none;}

@media only screen and (max-width:1200px){
  .mainPopupWrap .popup-inner{max-width:850px;} 
}

@media only screen and (max-width:767px){
  .mainPopupWrap .popup-inner{max-width:415px;} 
  .mainPopupWrap .slick-arrow.slick-next {right:0;}
  .mainPopupWrap .slick-arrow.slick-prev {left:0;}
}

.main-quickmenu{position: absolute;top:250px;right:0;text-align: left; z-index: 1001; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);}
.main-quickmenu.on{right:430px;}
.main-quickmenu > ul{width:200px;}
.main-quickmenu > ul > li{background-color:rgba(0,0,0,.5); margin-bottom:4px; background-repeat:no-repeat; background-position:15px center; transition:ease all .3s;}
.main-quickmenu > ul > li:nth-child(1) > a{background: rgba(16,21,40,0.4) url('../../images/main/quick-menu-icon01.png') no-repeat 17px center;}
.main-quickmenu > ul > li:nth-child(2) > a{background: rgba(16,21,40,0.4) url('../../images/main/quick-menu-icon04.png') no-repeat 17px center;}
.main-quickmenu > ul > li:nth-child(3) > a{background: rgba(16,21,40,0.4) url('../../images/main/quick-menu-icon02.png') no-repeat 17px center;}
.main-quickmenu > ul > li:nth-child(4) > a{background: rgba(16,21,40,0.4) url('../../images/main/quick-menu-icon05.png') no-repeat 17px center;}
.main-quickmenu > ul > li:nth-child(5) > a{background: rgba(16,21,40,0.4) url('../../images/main/quick-menu-icon03.png') no-repeat 17px center;}
.main-quickmenu > ul > li:nth-child(6) > a{background: rgba(16,21,40,0.4) url('../../images/main/quick-menu-icon06.png') no-repeat 17px center;}
.main-quickmenu > ul > li:nth-child(7) > a{background: rgba(16,21,40,0.4) url('../../images/main/quick-menu-icon07.png') no-repeat 17px center;}
.main-quickmenu > ul > li:hover{background-color:rgb(10 99 247 / 50%); transition:ease all .3s; margin-left:-30px;}

.main-quickmenu > ul > li > a{padding: 20px 5px 20px 55px;font-size: 14px;font-family: 'Noto Regular';color:#fff;display: block;line-height: 1;}

.fixed-btn{position: fixed;right:30px;bottom:30px;z-index: 999;}

.wrap-header .container > .btn-mgnb{width:100%;}

@media only screen and (min-width:1400px){
  body #menu12181_obj5{height:100vh}
  .wrap-header .container > .btn-mgnb > .popu-btn{display:none;}
}
@media only screen and (max-width:1365px){
  .active .wrap-header .container > .btn-mgnb > .popu-btn{display:none;}
  .wrap-header .container > .btn-mgnb > .popu-btn{color: #fff;	line-height: 62px;	display: inline-block;	padding-left: 20px; display:inline-block;}
  .wrap-header .container > .btn-mgnb > .popu-btn> .popup-count{display: inline-block; background: #0c2ca6; border-radius: 100%; width: 30px; height: 30px; text-align: center; line-height: 30px; margin-left: 3px;}
  .main .wrap-header .head-util{display:block;}
  .main .main-quickmenu,
  .main .wrap-header .head-logo .global-lan{display:none;}
  .main .wrap-header .container > div .btn-mgnb {display: block;background: url(../../images/layout/menu-icon.png) no-repeat right top;width: 100%;}
  .wrap-header .container > .btn-mgnb{display:block !important; opacity:1 !important; width:100%;}
}
@media only screen and (min-width:1024px){
  body #menu12181_obj5{height:100vh}

}
.wrap-header .head-logo .logo-img{display:none;}

/*visual*/
.wrap-visual {position: relative; height:100vh; width:100%;}
.wrap-visual .slider{position: fixed; border-top:8px solid #17469e;}
.wrap-visual .slider {width: 100%}

/* 2022 0128 ~ 02.04 - event logo - */
.wrap-visual .visual-logo{width:100%;height:300px;position:absolute;top: 350px;left:50%; top:50%; transform: translate(-50%, -50%);background:url('../../images/main/visual-logo.png') no-repeat center center; background-size: 180px;} 

/*    .wrap-visual .visual-logo{width:100%;height:300px;position:absolute;top: 350px;left:50%; top:50%; transform: translate(-50%, -50%);background:url('../../images/main/visual-logo.png') no-repeat center center; background-size: 180px;}    */
.wrap-visual .visual-logo2{width:100%;height:300px;position:absolute;left:10%; top:7%; transform: translate(-50%, -50%);background:url('../../images/main/visual-logo2.png') no-repeat center center; background-size: 360px;}
.wrap-visual .video-box{height:100vh; overflow:hidden; width:100%;}
/*.wrap-visual  video{width:120%; margin-left:-10%;}*/
.wrap-visual  iframe{width:100%; margin-top: -125px;}

.wrap-visual .slick-slide {text-align: right; overflow:hidden; margin-top:0 !important;}
.wrap-visual .slick-slide .visual-inner{background-repeat:no-repeat; background-size:cover; background-position:center top; height:100vh;}
.wrap-visual .slick-slide .visual-inner-Pc{background-repeat:no-repeat; background-size:cover; background-position:center top; height:100vh;}
.wrap-visual .slick-slide .visual-inner-Mob{display:none;}
.wrap-visual .side {position: absolute; right: 0; top: 42%; width: 7.9%; text-align: right;}
.wrap-visual .side .user {left:0; top: 0; width: 100%; height: 31%;}
.wrap-visual .side .popup {left:0; top: 34%; width: 100%; height: 31%;}
.wrap-visual .side .untact {left:0; bottom: 0; width: 100%; height: 31%;}
.wrap-visual .visual-slogan{position: absolute;z-index:9999;left: 5% ;bottom:150px;text-align:left;color:#fff;line-height:1;}
.wrap-visual .visual-slogan > p.t{font-size: 70px; margin-bottom:10px; text-shadow: 0 0 10px rgb(0 0 0 / 50%);}
.wrap-visual .visual-slogan > p.t > span{display:block;font-family: 'Noto Bold'; margin-top:10px;}
.wrap-visual .visual-slogan > p.t > span > em{background-color:transparent; height:75px; display:inline-block;}
.wrap-visual .slick-active .visual-slogan > p.t > span > em{background-color:#0067cc;}
.wrap-visual .visual-slogan > p.b{font-size:30px; border-top:1px solid #fff; padding-top:30px; margin-top:30px;line-height: 1.3}

.active .wrap-visual .control{display:none;}
.wrap-visual .control {position:absolute;bottom: 50px;left:50%; z-index:1; transform: translateX(-50%);}
.wrap-visual .control ul li{display:inline-block; vertical-align:middle; margin-top:5px !important}
.wrap-visual .control ul li button{text-indent:-9999px; font-size:0; position:relative; cursor: pointer; display:block; margin:0; padding:3px 0; height:15px;}
.wrap-visual .control ul li button:after{content:''; width:30px; height:1px; display:block; opacity:.5; transition:ease all .3s; background-color:#fff; display:block;}
.wrap-visual .control ul li.slick-active button:after{width:60px; opacity:1;}

.wrap-visual .control .play {display:none;}
.wrap-visual .control .stop {display:none;}
@media only screen and (min-width:1960px){
  .wrap-visual iframe{width:3000px; height:2000px; margin-top:-520px;}
}

@media only screen and (max-width:1600px){
  .wrap-visual .visual-logo{}
  .wrap-visual .control{bottom:160px;}
  .wrap-visual  iframe{height:1300px; margin-top:-100px; width:2000px;}
}

@media only screen and (max-width:1400px){
  .wrap-visual,
  .wrap-visual .video-box,
  .wrap-visual .slick-slide .visual-inner{height:100vh;}
  .wrap-visual .slick-slide .visual-inner-Pc{height:100vh;}
  .wrap-visual .control{bottom:70px;}
  .wrap-visual .visual-slogan{top:300px;}
  .wrap-visual .visual-slogan > p.t{font-size:60px;}
  .wrap-visual .visual-slogan > p.b{font-size:25px; padding-top:15px; margin-top:15px;}
}

@media only screen and (max-width:1365px){
  .wrap-visual .slider{position:relative;}
  .wrap-visual .visual-logo{}
  .wrap-visual .control{bottom:40px;}
  .wrap-visual .visual-slogan{}
  .wrap-visual .visual-slogan > p.t{font-size:40px;}
  .wrap-visual .visual-slogan > p.b{font-size:20px; padding-top:15px; margin-top:15px;}
}

@media only screen and (max-width:1100px){
  .wrap-visual .visual-logo{}
  .wrap-visual .visual-slogan{bottom:100px;}
  .wrap-visual .visual-slogan > p.t{font-size:40px;}
  .wrap-visual .visual-slogan > p.b{font-size:20px; padding-top:14px; margin-top:15px;}
}

@media only screen and (max-width:767px){
  /* .wrap-visual video{width:240%; margin-left:-70%;}*/
  .wrap-visual .visual-inner{height:70vh}
  .wrap-visual iframe{width:300%; margin-left:-100%; overflow:auto; margin-top:-70%;}
  .wrap-visual .visual-logo{background-size: 110px; }
  .wrap-visual .visual-logo2{background-size: 190px; left:22%; top:10%;}
  .wrap-visual .visual-slogan{width:calc(100% - 10%); margin:0 5% 0 0; top:inherit; bottom:50px;}
  .wrap-visual .visual-slogan > p.t{font-size: 35px;}
  .wrap-visual .visual-slogan > p.b{font-size:13px; padding-top:15px; margin-top:15px; display:none;}
  .wrap-visual .control{bottom:35px; display:block !important;}
  .wrap-visual .visual-slogan > p.t > span{margin:0;}
  .wrap-visual .visual-slogan > p.t > span > em{height:auto;}
  .wrap-visual .visual-slogan > p.b br{display:none;}
  .wrap-visual,
  .wrap-visual .slick-slide{height:auto; height:70vh; overflow:hidden;}
  .wrap-visual .slick-slide .visual-inner-Pc{display:none;}
  .wrap-visual .slick-slide .visual-inner-Mob{background-repeat:no-repeat; background-size:cover; background-position:center top; height:100%; display:block;}
}

#section02{max-width:100%; overflow:hidden;}
#section02{height:100vh; background-color:#fff}
#section02 .sec-inner{background-color:#fff; position:relative; display:block; min-height:100vh; transition: cubic-bezier(0.25, 0.46, 0.49, 1.73) all .3s;}


#section02 .sec-content{position:relative; top:0;}
#section02 .sec-content .sec-img{position:relative; display:inline-block;}
#section02 .sec-content .sec-img .hover-link{position:absolute; display:table; width:100%; height:100%;  font-size:32px; background:rgba(23,70,158,.8); opacity:0; transition:ease all .3s;}
#section02 .sec-content .sec-img:hover .hover-link{opacity:1;}
#section02 .sec-content .sec-img .hover-link:focus-within{opacity:1;border-style:solid; border-width: 5px; border-color:#fd0606;}
#section02 .sec-content .sec-img .hover-link a{color:#fff; display:table-cell; vertical-align:middle; height:100%; text-align:center;}
#section02 .sec-content .sec-img .hover-link a strong{display:block;}
#section02 .sec-content .sec-img .text{padding:15px; font-size:23px; color:#fff; font-family:'Noto Medium'; text-shadow:0 0 10px rgba(0,0,0,.3);}
#section02 .sec-content .sec-img:hover .text{display:none;}
#section02 .sec-content .sec-img .text{position:absolute; right:0; bottom:0; }
#section02 .tags{display:none;}

@media only screen and (min-width:1400px){
  #section02 .sec-text{font-size: 140px; position:absolute; left:0; top:0; width:100%;}
  #section02 .sec-text p{position:absolute; overflow:hidden; font-family: 'Noto Bold';}
  #section02 .sec-text .t1{top:300px;left: 400px; font-size:170px;}
  #section02 .sec-text .t2{top: 300px;left:790px;font-weight:bold; font-size:170px;}
  #section02 .sec-text .t3{top: 340px;left:1300px;font-size:100px;line-height:1;}

  #section02 .sec-inner img.play-mo{display:none;}
  #section02 .sec-inner{width:1920px; left:50%; margin-left:-960px;}
  #section02 .sec-content .sec-img{position:absolute; overflow:hidden;  margin-top:-10px; opacity:0;}
  #section02 .sec-content .sec-img01{top:0; left:-100px;}
  #section02 .sec-content .sec-img02{top:-100px; left:720px;}
  #section02 .sec-content .sec-img03{top:0; right:40px; height:400px;}
  #section02 .sec-content .sec-img04{top: 600px;right:720px; height:300px;}
  #section02 .sec-content .sec-img05{top:950px; left:125px; height:400px;}
  #section02 .sec-content .sec-img06{top:800px; left:440px;}
  #section02 .sec-content .sec-img07{top:450px; right:-100px; height:350px;}

  #section02 .section-count{display:none;}
}
@media only screen and (max-width:1399px){
  #section02 .tags{display:block;}
  #section02 .section-count{display:block; text-align:right; font-size:22px; padding:10px;}
  #section02 .sec-content .sec-img{margin-top:0;}
  #section02 .sec-inner img.play-pc{display:none;}
  .sec-text{text-align:center; margin:50px 0 20px;}
  .sec-text p{font-size:110px; font-family:'Noto Bold'; line-height:1.1; position:relative; display:inline-block;}
  .sec-text i{display:block;}
  .sec-text p br{display:none;}

  #section02 .sec-inner .tags{font-size:35px; text-align:center; font-family: 'Noto Regular'; position:relative;}
  #section02 .sec-inner .tags span i{color:#17469e; font-style: normal;}

  #section02 .play-slide{top:100px; opacity:0; position:relative;}
  #section02 .play-slide .current{font-family:'Noto Medium'; color:#17469e;}
  #section02 .sec-content .sec-img img{width:100%; height:450px;}
  #section02 .sec-inner{min-height:auto;}
  #section02 .slick-arrow{position:absolute; top:0; z-index:1001; top:50%; margin-top:-10px; background-repeat:no-repeat; width:20px; height:30px; background-position:center; text-indent:-9999px;}
  #section02 .slick-arrow.slick-next{right:10px; background-image:url('../../images/main/s2-right.png');}
  #section02 .slick-arrow.slick-prev{left:10px; background-image:url('../../images/main/s2-left.png');}
  #section02 .slick-arrow.slick-disabled{display:none !important;}
}

@media only screen and (max-width:767px){
  .sec-text{margin:40px 0 10px;}
  #section02 .sec-inner .tags{font-size:25px; top:100px; opacity:0}
  .sec-text p{font-size:45px; opacity: 1; left: 0;}
  .sec-text p.t1,
  .sec-text p.t2{left:-70px}
  .sec-text p.t3{left:60px}
}

#section03{height:100vh !important; background-color:#fff;}
#section03 .sec-inner{background-color:#fff; position:relative; padding-top:100px;}
#section03 .title{font-size:170px; margin:0 auto;}
#section03 .title p{line-height:1; font-family: 'Noto Regular'; letter-spacing:-10px; position:relative; transition:ease all 1s; display:table; clear:both; margin:0 auto; left:0; right:0; font-weight:bold;}

#section03 .link-title{max-width:400px;}
#section03 .link-title{position:relative; left:50px; top:-150px}
#section03 .link-title p{font-size:90px; font-family:'Noto Bold'; line-height:1.2;}
#section03 .link-title a{display:block; width:380px; height:68px; line-height:68px; border:2px solid #ddd; margin:10px 0; position:relative; font-size:24px; padding-left:30px; font-family: 'Noto Regular'; transition:ease all .3s;}
#section03 .link-title a:after{content:''; width:20px; height:20px; background:#fff url('../../images/main/news-btn-plus.png') center center no-repeat; position:absolute; right:20px; top:50%; margin-top:-10px; transition:ease all .3s;}
#section03 .link-title a:hover{border-color:#000;}
#section03 .link-title a:hover:after{transform:rotate(180deg);}

#section03 .value-list{text-align:center; margin-top:150px; position:absolute; width:100%; text-align:center;}
#section03 .value-list li{margin-bottom:300px; width:420px; position:relative; overflow:hidden;}
#section03 .value-list li:nth-child(odd){margin-left:210px;}
#section03 .value-list li .thumb{height:500px;}
#section03 .value-list li .thumb a{display:block;}
#section03 .value-list li .thumb a:focus .subject{border-style:solid; border-width: 5px; border-color:#fd0606;}
#section03 .value-list li .thumb a:focus img{transform:scale(1.5);}
#section03 .value-list li .thumb img{width:100%;  max-width:100%; transition:ease all .5s;}
#section03 .value-list li:hover .thumb img{transform:scale(1.5);}

/* value creator opacity:0*/
#section03 .value-list li .subject{position:absolute; opacity:1; left:0; top:0; width:98%; height:98%; margin:1%; font-size:17px; background-color:rgba(4,37,98,.7); color:#fff; line-height:1.6; transition:ease all .3s; text-align:left; padding:40px;}
#section03 .value-list li .subject:after{content:''; width:200px; height:1px; background-color:#fff; transform:rotate(135deg); position:absolute; right:-100px; top:0; }
#section03 .value-list li .subject:hover{opacity:1;}
#section03 .value-list li .subject .date{width:65px; height:80px; text-align:center; line-height:1.2;}
#section03 .value-list li .subject .date strong{font-size:50px; font-family: 'Noto Medium';}
#section03 .value-list li .subject .text{margin-top:50px; line-height:1.4;}
#section03 .value-list li .subject .text .subject-title{font-size:24px;font-family: 'Noto Regular';display:block;line-height: 35px;max-height: 70px;overflow: hidden;}
#section03 .value-list li .subject .subject-conts{font-size:17px;margin-top:20px;display:block;line-height: 25px;max-height: 75px;overflow: hidden;}
#section03 .value-list li .subject .value-more{color:#fff; position:absolute; left:60px; bottom:60px; padding-bottom:5px;}
#section03 .value-list li .subject .value-more:after{content:''; width:100%; display:block; height:1px; background-color:#fff; position:absolute; left:0; bottom:0; }

@media only screen and (min-width:1400px){
  #section03{height:100vh !important;background-color:#fff;overflow: inherit;}
  #section03 .title p{letter-spacing:-10px; position:relative; left:0; right:0;}
  #section03 .value-list{text-align:center; position:absolute; left:50%; margin-top:150px; margin-left:-210px; overflow: inherit;}
}
@media only screen and (max-width:1399px){
  #section03 .value-list ul{display:inline-block;}
  #section03 .title{font-size:130px; height:390px; position:relative;}
  #section03 .title p.t1{transform: translateX(-100%);}
  #section03 .title p.t3{transform: translateX(70%);}
  #section03 .link-title{top:20px; position:relative;}
  #section03 .link-title p{font-size:60px; margin-bottom:30px;}
  #section03 .link-title a{font-size:20px; height:60px; line-height:60px;}
}

@media only screen and (max-width:767px){
  #section03{}
  #section03 .value-list{margin-top:50px; padding:0 0; position:absolute;}
  #section03 .title{font-size: 80px;height:auto;}
  #section03 .title p{letter-spacing:0;}
  #section03 .link-title{width: 100%;margin-top:50px;left: 0;padding: 0 20px;}
  #section03 .link-title p{font-size: 50px;margin:0;}
  #section03 .link-title a{font-size:20px; height:60px; line-height:60px; width:100%;}
  #section03 .value-list li:nth-child(even){float:right;}
  #section03 .value-list li{width: 55%;margin-left:5%;margin-bottom:140px;}
  #section03 .value-list li .thumb{height:auto; min-height:350px;}
  #section03 .value-list li .subject{padding:20px;}
  #section03 .value-list li .subject .text{margin-top:20px}
  #section03 .value-list li .subject .value-more{left:20px; bottom:20px;}
  #section03 .value-list li .subject .subject-conts{max-height:50px;}
  #section03 .value-list li:nth-child(odd){margin-left:0; margin-right:9%; float:right;}
}

#section04{height:100vh !important;}
#section04 .box01{background: url('../../images/main/people-bg.jpg') no-repeat center top; background-size:cover; color:#fff;padding:100px 100px 70px; height:800px; position:relative; background-attachment: fixed;}

#section04 .box01 .title{color:#fff;font-size:60px;font-family: 'Noto Thin';line-height: 1.1;letter-spacing: -2px;margin-bottom: 20px; position:relative;}
#section04 .box01 .title strong{color:#fff;font-family: 'Noto Medium';}
#section04 .box01 .title i{display: block;}
#section04 .box01 .conts{width:42%;color:#fff;font-size:20px;line-height: 1.6;word-break: keep-all;margin-bottom: 70px;}
#section04 .box01 .sub-title{position:absolute; right:100px; bottom:100px;  line-height:1;}
#section04 .box01 .sub-title span{display:block; font-size:60px; text-align:right;}
#section04 .box01 .sub-title strong{display:block; font-size:120px; font-family: 'Noto Medium';}

.main-people > ul{position:absolute; top:800px; width:100%;}

@media only screen and (max-width:1400px){
  #section04 .box01{height:500px; padding: 50px 50px 30px;}
  #section04 .box01 .title{font-size:50px;}
  #section04 .box01 .sub-title{bottom:50px; right:50px;}
  #section04 .box01 .sub-title span{font-size:50px;}
  #section04 .box01 .sub-title strong{font-size:100px;;}
  .main-people > ul{top:500px}
}


@media only screen and (max-width:767px){
  #section04 .box01{background: url('../../images/main/people-bg-m.jpg') no-repeat center top;}
  #section04 .box01 .sub-title span{font-size:25px;}
  #section04 .box01{height:350px; padding: 30px 30px 20px;}
  #section04 .box01 .title{font-size:30px;}
  #section04 .box01 .sub-title{bottom:30px; right:30px;}
  #section04 .box01 .sub-title strong{font-size:40px;}
  .main-people > ul{top:350px}
}


#section05{max-width:100%; overflow:hidden;}
#section05{background-color:#fff; position:relative; z-index:99;}
#section05 .title {font-family: 'Noto Thin';line-height: 1; opacity:.1; top:100px; letter-spacing:-10px; left:100px; padding-top:130px; position: relative;color:#202020; width:750px;}
#section05 .title .t1{text-align:right; font-size:55px; margin-bottom:-30px;}
#section05 .title .t2{text-align:right; font-size:110px; font-family: 'Noto Bold'; color:#000;}
#section05 .title .t2 span{font-size:150px;}

#section05 .conts{background: url('../../images/main/gongju_k.png') no-repeat 95% top;margin-top:-20px;padding: 140px 0 0;}
#section05 .conts .inner{width:1600px;margin:0 auto 150px;}
#section05 .conts .inner p{font-size: 28px;color:#555;padding-left:220px;font-family: 'Noto Thin';line-height:1.7;}
#section05 .conts .inner p i{display:block;}
#section05 .conts .inner p.top{margin-bottom:115px;}
#section05 .conts .inner .graph{padding:0 85px;margin-bottom: 125px;}
#section05 .conts .inner .graph > img{display:inline-block;vertical-align: middle;}
#section05 .conts .inner .graph > strong{display:inline-block;vertical-align: middle;font-size:20px;color:#303030;font-family: 'Noto Regular';font-style: italic;padding-left:300px;position: relative;}
#section05 .conts .inner .graph > strong:before{content:'';width:260px;height: 1px;background:#000;position: absolute;left:20px;top:50%;margin-top:5px;display: block;}
#section05 .conts .inner .graph > strong > span{font-size:30px;display: inline-block;margin-left:5px;}
#section05 .conts .inner .graph > ul{display:inline-block;vertical-align: middle;font-size:0;margin-left:45px;width:520px;margin-top:10px;}
#section05 .conts .inner .graph > ul > li{display: inline-block;vertical-align: top;font-size:25px;width:calc(100% / 2); opacity:1; height: 260px;text-align: center;padding-top: 115px;box-sizing:border-box;border-radius: 50%;color:#fff; margin-top: 0;}
#section05 .conts .inner .graph > ul > li:nth-child(1){background: #857243;}
#section05 .conts .inner .graph > ul > li:nth-child(2){background: #cd5f21;}
#section05 .conts .inner .graph > ul > li:nth-child(3){background: #cd5f21;}
#section05 .conts .inner .graph > ul > li:nth-child(4){background:#515a79;}


@media only screen and (max-width:1600px){
  #section05 .conts .inner{width:100%;}
  #section05 .conts .inner .graph > img{width:12%;}
  #section05 .conts .inner .graph > strong{margin-left:3%;width: calc(100% - 800px);box-sizing: border-box;padding-left: 18%;}
  #section05 .conts .inner .graph > strong:before{width:40%;}
}

@media only screen and (max-width:1400px){
  #section05 .conts{padding:70px 0 0;background-size: 25%;}
  #section05 .conts .inner p{font-size:24px;line-height: 1.6;}
  #section05 .conts .inner .graph{text-align: center;padding: 0 35px;}

  #section05 .conts .inner .graph > strong{width: 35%;}
  #section05 .conts .inner .graph > ul{width:400px;}
  #section05 .conts .inner .graph > ul > li{font-size:20px;height: 200px;padding-top: 85px;}
}

@media only screen and (max-width: 1100px){
  #section05 .title .t2{font-size:90px}
  #section05 .conts{padding: 75px 0 110px;}
  #section05 .conts .inner p{font-size: 17px;padding-left: 50px;padding-right: 35px;}
  #section05 .conts .inner p.top{margin-bottom: 55px;padding-left: 50px;padding-right: 50px;}
  #section05 .conts .inner .graph{margin-bottom: 65px;}

  #section05 .conts .inner .graph > img{width:15%;}
  #section05 .conts .inner .graph > strong{font-size:11px;margin-left: 5px;width: 42%;}
  #section05 .conts .inner .graph > strong > span{font-size:16px;}
  #section05 .conts .inner .graph > ul{width:280px;margin-left: 25px;}
  #section05 .conts .inner .graph > ul > li{font-size:14px;height: 140px;padding-top: 60px;}
  #section05 .conts .inner .graph > strong:before{height: 2px;margin-top: 2px;}
}

@media only screen and (max-width: 900px){
  #section05 .title{width:100%; padding:0 30px;}
  #section05 .conts .inner .graph > strong{width:38%;}
}

@media only screen and (max-width: 767px){
  #section05 .conts{padding:35px 0 80px;margin-top: 50px;background-size: 45%;}
  #section05 .conts .inner p{font-size:16px;padding-left: 50px;padding-right: 50px;}
  #section05 .conts .inner p i{display: inline-block;}
  #section05 .conts .inner .graph{padding:0;}
  #section05 .conts .inner .graph > ul > li {opacity: 1;}
  #section05 .conts .inner .graph > img{width: 80px;display:block;margin: 0 auto 40px;}
  #section05 .conts .inner .graph > strong{display: block;margin: 0 auto 65px;width: 100%;padding-left: 0;padding-top: 120px;}
  #section05 .conts .inner .graph > strong:before{width:1px;height: 80px;left:50%;top: 3px;}
  #section05 .conts .inner .graph > ul{display: block;margin: 0 auto;}
  #section05 .title {position: static; opacity: .1; padding: 0 20px; background-size: 200px auto; background-position: 50px 0; letter-spacing: -1px; }
  #section05 .title .t1 {margin-bottom: 0; padding: 35px 0 0 80px; font-size: 23px; letter-spacing: -1px; text-align: left;}
  #section05 .title .t2 {font-size: 45px; text-align: left;}
  #section05 .title .t2 span {font-size: 56px;}
}

#section06{position:relative; }
#section06 .sec-inner{width: 1920px; left:50%; margin-left:-960px; position:relative;}
#section06 .text{position:absolute; z-index:1; bottom:100px; left:30px; width:100%; text-align:center; opacity:0; line-height:1; font-family: 'Noto Regular';}
#section06 .text p.t1{font-size:75px; font-family: 'Noto Bold'; line-height:150%;}
#section06 .text p.t1 span{font-family: 'Noto Regular';}
#section06 .text p.t2{font-size:75px; font-family: 'Noto Bold'; margin-bottom:20px;}
#section06 .text p.t3{font-size:55px;}
#section06 .text p.t3 span i{color:#17469e; font-style: normal;}
#section06 .sec-inner img{width:100%;}
#section06 .sec-inner .csky-wrap{position:relative;}
#section06 .sec-inner .csky-img{transform:scale(2);}
#section06 .sec-inner .csky-wrap .csky-cover{position:absolute; left:0; top:50vh; z-index:1; opacity:0; transform:scale(2.5);}
#section06 .sec-inner .csky-wrap .csky-back{transform:scale(2.5);}
#section06 .sec-inner{height:100vh; position:relative;}

/*monitor size*/
@media screen and (min-width: 2000px), screen and (min-height: 1021px) {
  #section06 .sec-inner .csky-wrap{top:50px;}
  #section06 .text{top:53%;}
}
@media screen and (min-width: 2000px), screen and (min-height: 1250px) {
  #section06 .sec-inner .csky-wrap{top:-50px;}
  #section06 .text{top:60%;}
}


@media only screen and (max-width:1600px){
  #section06{max-width:100%; overflow:hidden;}
}

@media only screen and (max-width:1400px){
  #section06 .sec-inner .csky-wrap .csky-cover{top:0;}
  #section06 .sec-inner{width:100%; left:0; margin-left:0;}
  #section06 .sec-inner img{max-width:inherit;}
  #section06 .text{top:0; position:relative; z-index:1}
  #section06 .sec-inner .csky-wrap .csky-cover{transform:scale(3);}
}

@media only screen and (max-width: 767px){
  #section06 .sec-inner .csky-wrap .csky-cover{top:30vh;}
  #section06 .sec-inner .csky-img {max-width: inherit; transform:scale(4.5); margin-top:100;}
  #section06 .text{left:0; transform:scale(3); top:30px;}
  #section06 .text p{position:relative; left:0;}
  #section06 .text p.t1 {font-size: 50px;}
  #section06 .text p.t1 span{display:block; margin:10px 0}
  #section06 .text p.t2 {font-size: 50px;}
  #section06 .text p.t3 {font-size: 18px;}
}

#section07{position:relative; z-index:1; height:100vh;}
#section07 .sec-inner{height:100vh; top:100vh; background-size:cover; background-repeat:no-repeat; background-position:center top; position:absolute; width:100%;}
#section07 .sec-inner .title-ie{display:none;}
#section07 .secW01{background-image: url('../../images/main/sec08bg-01.jpg'); top:0;}
#section07 .secW02{background-image: url('../../images/main//sec08bg-02.jpg');}
#section07 .secW02 .mark{position:absolute; left:20px; top:20px; color:#fff; opacity:.7}
#section07 .secW03{background-image: url('../../images/main//sec08bg-03.jpg');}
#section07 .secW04{background-image: url('../../images/main//sec08bg-04.jpg');}
#section07 .secContainer{position:relative; z-index:1; height:100vh; overflow:hidden;}
#section07 .fixed{position:absolute; bottom:30px; left:0; z-index:11; width:100%; color:#fff; padding:30px; font-size:60px; font-family: 'Noto Bold'; display:table;}
#section07 .fixed > span,
#section07 .fixed > strong{display:table-cell; position: relative;}
#section07 .fixed strong{text-align:center; font-size:130px; width:40%;}
#section07 .fixed span.fixed-right{text-align:right; width:25%; padding-right:50px;}
#section07 .fixed span.fixed-left{text-align:left;  width:30%;}
#section07 .cT{display:block; position:absolute; top:100px; left: 50%; transform: translateX(-50%);}
#section07 .cT.c-1{top:0;}

@media only screen and (max-width: 1500px){
  #section07 .fixed strong{font-size:100px;}
  #section07 .fixed{font-size:40px;}
}
@media only screen and (max-width: 1200px){
  #section07 .fixed strong{font-size:80px;}
  #section07 .fixed{font-size:40px;}
}

@media only screen and (max-width: 1000px){
  #section07 .fixed{height:100vh; padding-top: 20vh;}
  #section07 .fixed strong{height: 100px; overflow: hidden; padding-top: 100px; margin: 20vh 0 20vh; padding-top:20px; font-size:65px;}
  #section07 .fixed strong,
  #section07 .fixed span.fixed-right,
  #section07 .fixed span.fixed-left{width:100%; text-align:center; display:block; }
  #section07 .fixed span.fixed-right{padding-right:0;}
  #section07 .fixed strong .ct{top:200px; transform: inherit; text-align: center; width: 100%; padding: 10px;}
}



#section08{z-index:999; position:relative;}
#section08 .sec-inner{height:100vh; position:absolute; top:0; width:100%; background-color:#fff;}
#section08 .sec-title{text-align:center; font-size:100px; margin-top:50px; opacity:.2; transform:scale(2); font-family: 'Noto Medium';}
#section08 .p-list{width:90%; margin:50px auto; overflow:hidden;}
#section08 .p-list li{width:50%;float:left;position:relative;border-bottom:1px solid #ddd; height:250px;padding: 30px 0 0 40px;box-sizing:border-box;position:relative;}
#section08 .p-list li:nth-child(even){border-left:1px solid #ddd; margin-left:-1px;}
#section08 .p-list li strong{color:#17469e; letter-spacing:-5px; position:relative; font-family: 'Noto Medium'; padding-right:30px; font-size:130px; display:inline-block; line-height:1;}
#section08 .p-list li strong em{font-size:30px; right:0; bottom:15px;}
#section08 .p-list li strong em.f-s{font-size:40px;}
#section08 .p-list li span{position: absolute;left: 300px;top: 100px; font-size:20px; font-family: 'Noto Regular'; line-height:1.2;}
#section08 .p-list li span i{display:block;}

#section08 .p-list li{opacity:0; margin-top:0;}
#section08 .p-list li.item01{width:60%;}
#section08 .p-list li.item01 strong{margin-top:20px; padding-right:45px;}
#section08 .p-list li.item01 span{top:80px; left:430px; font-size:40px;}
#section08 .p-list li.item02{width:40%;}
#section08 .p-list li.item02 strong{font-size:90px; margin-top:40px;}
#section08 .p-list li.item02 span{top:90px; left:250px;}
#section08 .p-list li.item03{width:40%;}
#section08 .p-list li.item03 strong{font-size:90px; margin-top:40px;}
#section08 .p-list li.item03 span{top:100px; left:350px;}
#section08 .p-list li.item04{width:60%;}
#section08 .p-list li.item04 strong{margin-top:20px;}
#section08 .p-list li.item04 span{top:90px; left:360px; font-size:30px;}
#section08 .p-list li.item05{width:60%; border-bottom:none;}
#section08 .p-list li.item05 strong{margin-top:20px;}
#section08 .p-list li.item05 span{top:80px; left:350px; font-size:35px;}
#section08 .p-list li.item06{width:40%; border-bottom:none;}
#section08 .p-list li.item06 strong{font-size:90px; margin-top:40px;}
#section08 .p-list li.item06 span{top:90px; left:260px;}

@media only screen and (max-width:1100px){
  #section08 .sec-title{font-size:40px;}
  #section08 .p-list li{width:100% !important; height:auto; padding:0;}
  #section08 .p-list li strong{font-size:50px !important; display:block;}
  #section08 .p-list li strong em{position:relative; bottom:0; margin-left:10px;}
  #section08 .p-list li span{position:relative; top: inherit !important; left: inherit !important; font-size: 15px !important;}
  #section08 .p-list li.item05{border-bottom:1px solid #ddd;}
  #section08 .p-list li:nth-child(even){border-left:none;}
}

@media only screen and (max-width:767px){
  #section08 .p-list li{padding-bottom:15px;}
  #section08 .p-list li strong{letter-spacing:0; margin-top:5px;}
  #section08 .p-list li strong em,
  #section08 .p-list li strong em.f-s{font-size:20px; margin-left:0;}
  #section08 .p-list li span i{display:none;}
}

.section06{margin-top:50px;}


/*note book*/
@media screen and (min-width:1100px) and (max-width:1399px) {
  .active .popu-btn{display:none;}
  #multipleDiv_factory1_29{height:100vh; overflow:hidden;}
  .wrap-visual .slider{position:relative !important;}
  #section02 {height: 100% !important;	background-color: #fff;}
  #section03 .title{font-size:110px;}
  #section03{height:100% !important;}
  #section03 .sec-inner{padding-top:30px;}
  #section03 .value-list{margin-top:0}
  #section03 .value-list li{margin-bottom:60px;}
  #section03 .link-title{top:-50px;}
  #section03 .value-list li:nth-child(n + 3){display:none;}

  #section04 .box01{height:400px;}
  .main-people > ul{top:400px;}

  #section06 .sec-inner .csky-wrap .csky-cover{top: -200px !important; transform: scale(1) !important;}
  #section06 .sec-inner .csky-img{transform: scale(1) !important;}
  #section06 .text{top:-620px; transform: scale(.6) !important;}

  #section07 .fixed{padding:0 30px;}
  #section07 .fixed strong{line-height:1.1;}
  #section07 .cT{margin-top:-30px;}
  #section08 .sec-inner {height: 100% !important;position: relative;  margin-bottom: -100vh}
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body.main{min-width:1500px; overflow:auto;}
  .wrap-visual .slider{position:relative !important;}
  #section02{height:100%;}
  #section02 .sec-content .hover-link{display:block;}
  #section02 .sec-content .hover-link a{display:block;}
  #section02 .sec-content .sec-img{opacity:1 !important;}
  #section02 .sec-content .sec-img .hover-link{display:block; opacity:1; height:auto; bottom:0;}
  #section02 .sec-content .sec-img .hover-link a{display:block; font-size:20px; padding:10px;}
  #section02 .sec-content .sec-img .hover-link a strong{display:inline-block; margin-left:10px;}
  #section02 .sec-content .sec-img .text{display:none;}
  #section02 .sec-content .sec-img01{left: 0px;}
  #section02 .sec-content .sec-img02{top: 0px;;}
  #section02 .sec-content .sec-img03{right: 240px;}
  #section02 .sec-content .sec-img04{top: 300px; right: 720px;}
  #section02 .sec-content .sec-img05{top: 580px;}
  #section02 .sec-content .sec-img06{left: 640px;}
  #section02 .sec-content .sec-img07{right:0;}
  #section02 .sec-text .t1{transform: scale(0.8, 0.8); left: 400px; top: 420px;}
  #section02 .sec-text .t2{transform: scale(0.8, 0.8); left: 790px; top:650px;}
  #section02 .sec-text .t3{transform: scale(0.8, 0.8); left: 1330px; top: 920px;}
  #section02 .sec-inner{height:1300px; padding-top:100px; padding-bottom:50px;}
  body #section03{height:auto !important; padding-bottom:100px;}
  #section03 .value-list li .subject{opacity:1;}
  #section03 .value-list{position:relative; position: relative; left: 0; margin: -100px 0 0 0;}
  #section03 .value-list .slider{display:inline-block;}
  #section03 .value-list li:nth-child(odd){margin:0 30px;; }
  #section03 .value-list li{display:inline-block;}
  #menu12181_obj8994,
  #menu1186_obj138,
  #menu1186_obj137{top:0;}
  #section04{height:auto !important;}
  #section04 > ul{position:relative; top:0}
  #section05 .conts{padding-bottom:0;}
  #section05 .title{opacity:1;}
  #section05 .conts .inner .graph > ul > li{opacity:1;}
  .main-people ul li .list .cont a{display:block;}
  .section06{margin:0;}
  #section06{margin-bottom:0px; height:auto !important;}
  #section06 .sec-inner{height:auto;}
  #section06 .sec-inner .csky-wrap{display:none;}
  #section06 .text{opacity:1; position:relative; bottom:0; left:0; margin-bottom:100px;}

  #section07{height:auto;}
  #section07 .secContainer{overflow:hidden; height:100%;}
  #section07 .fixed{display:none; overflow:hidden;}
  #section07 .sec-inner{float:left; width:50%; position:relative; top:0;}
  #section07 .sec-inner .title-ie{position:absolute; top:50%; width:100%; z-index:11; font-size:110px; color:#fff; left:0; font-family: 'Noto Bold'; margin-top:-50px; display:block;}
  #section07 .sec-slogan span, 
  #section07 .sec-slogan strong{margin-top:0; margin-bottom:150px;}
  #section08{overflow:hidden; clear: both;}
  #section08 .sec-inner{height:auto; position:relative;}
  #section08 .sec-title{opacity:1; transform: scale(1);}
  #section08 .p-list li{opacity:1; transform: scale(1);}
  ._obj{height:auto !important;}
}