@charset "utf-8";

/* common set */
ul[class^="colum"]{display:flex;}
.cont_wrap{position:relative; margin:110rem 100rem 130rem;}
a.btn_basic{display:inline-flex; align-items:center; padding:10rem 10rem; background:#f8f8f8; box-shadow:inset 3rem 3rem 6rem rgb(15 80 131 / 7%); font-size:16rem; color:#929292; border-radius:100rem;}
a.btn_basic b{margin-right:4rem; margin-left:23rem; font-weight:700; color:#222;}
a.btn_basic > i{display:flex; justify-content:center; align-items:center; width:54rem; height:54rem; margin-left:16rem; background:#1777c1; border-radius:30rem;}
a.btn_basic > i::before{content:""; display:block; width:15rem; height:7rem; transform:rotate(180deg); -webkit-transform:rotate(180deg); background-image:url(../img/common/arr_basic.png);}
.colum2{gap:70rem;}
.colum2 > li{width:-webkit-calc((100%/2) - 35rem); width:calc((100%/2) - 35rem);}
.colum3{flex-wrap:wrap; gap:62rem;}
.colum3 > li{width:-webkit-calc((100%/3) - 42rem); width:calc((100%/3) - 42rem);}

/* table set */
.scrollTable{width:100%;}
#container table.table{border-top:2rem solid #111;}
#container table.table thead th{padding:23rem 10rem; border-right:1rem solid #ddd; font-weight:400; font-size:23rem; color:#111;}
#container table.table thead th:last-child{border-right:0;}
#container table.table thead tr:last-child th{border-bottom:1rem solid #ddd;}
#container table.table thead tr th:last-child{border-right:0;}
table.table{width:100%; margin:0; padding:0; border-top:2rem solid #444547; border-bottom:1rem solid #000; border-bottom:none; border-spacing:0;}
table.table caption{display:none;}
table.table tbody tr{margin:0; padding:0; border:1rem solid #ccc;}
table.table tbody tr td{padding:20rem; border-right:1rem solid #ddd; border-bottom:1rem solid #ddd; font-weight:400; font-size:17rem; color:#444; text-align:left; text-align:center; word-break:keep-all; vertical-align:top;}
table.table tbody tr td.year{font-weight:bold;}
table.table tbody tr td:last-child{border-right:none;}
.gnb-mobile-btn span{background: #111;}

/* sub layout */
[data-site="sub"] #wrapper{position:relative;}
[data-site="sub"] #header{top:0; z-index:4;}
[data-site="sub"] #header::before{top:150rem; left:369rem; width:-webkit-calc(100% - 370rem); width:calc(100% - 370rem); height:1rem;}
[data-site="sub"] #header::after,
[data-site="sub"] #header::before{content:""; position:absolute; left:376rem; background:#eee;}
[data-site="sub"] #logo{position:fixed;/* margin-left:50rem; */}
[data-site="sub"] .gnb-container-wrap{position:absolute; right:0;}
[data-site="sub"] #header::after{position:fixed !important; top:0; left:377rem; width:1rem; height:100vh;}
[data-site="sub"].sub_about #header::after,
[data-site="sub"].sub_about #header::before{display:none;}
[data-site="sub"].sub_about #container{margin-top:0;}
[data-site="sub"].fp-viewing-2Page #logo a{background-image:url(../img/common/logo_w.png);}
[data-site="sub"].fp-viewing-2Page #header .btn_contact{color:#fff; border-color:rgba(255,255,255,0.33);}
[data-site="sub"].fp-viewing-2Page .list_lang li.on a,
[data-site="sub"].fp-viewing-2Page .gnb-item > a{color:#fff !important;}
[data-site="sub"].fp-viewing-2Page .list_lang a{color:rgba(255,255,255,0.3);}
.cont_visual{overflow:hidden;height:446rem;background:#000;margin-left: 373rem;}
.cont_visual[data-sub="01"] > i{background-image:url(../img/sub/svisual01.jpg);}
.cont_visual[data-sub="02"] > i{background-image:url(../img/sub/svisual02.jpg);}
.cont_visual[data-sub="03"] > i{background-image:url(../img/sub/svisual03.jpg);}
.cont_visual> i{display:block; height:100%; background-position:50% 50%; animation:bg_motion 1.5s ease forwards; background-repeat:no-repeat;}
.sub_titCont{display:flex; justify-content:center; position:fixed; top:0; z-index:3; width:377rem; height:100vh; padding-left:50rem; background:#fff; flex-direction:column;}
#container_wr:after{content:""; display:block; visibility:hidden; clear:both;}
#container_wr{z-index:5; height:100%; margin:0 auto; zoom:1;}
#container{position:relative;z-index:2;height:auto !important;height:500rem;margin:0;margin-top: 115rem;min-height:500rem;}
#scont_wrap{display:flex; justify-content:flex-end; align-items:flex-end; width:100%; margin:0 auto; min-height:450rem; flex-direction:column;}
#scont{width:100%; width:-webkit-calc(100% - 375rem); width:calc(100% - 378rem); margin:0; padding:0;}
.lt_wr{width:49%;}
.lt_wr:nth-child(2n+1){clear:both;}
.latest_wr:after{content:""; display:block; visibility:hidden; clear:both;}

.sub .list_lang li:first-child a::after{background:#666;}
.sub .list_lang > li:not(.on) > a{color:rgba(0,0,0,0.3);}
.sub #header .btn_menu > span{background:#222;}

/* titCont */
.sub_titCont h2{font-weight:600; font-size:45rem;}
#lnb{margin-top:48rem;}
#lnb .wrap{width:auto;}
#lnb.fixed{position:fixed; top:0;}
#lnb ul{display:flex; align-items:flex-start; flex-direction:column;}
#lnb ul > li{margin-bottom:16rem;}
#lnb ul > li:last-child{margin:0;}
#lnb ul > li > a{display:block; line-height:1.5em; font-family:'Pretendard', dotum, sans-serif; font-weight:400; font-weight:600; font-size:18rem; color:#c5c5c5; transition:all 0.3s ease; text-transform:uppercase;}
#lnb li.on > a{color:#222;}
#lnb ul > li:hover > a{color:#979797;}
#lnb li.on > a{margin-bottom:4rem; border-bottom:2rem solid #1777c1;}
.wow{opacity:0;visibility:hidden;}
[lang="en-US"] #lnb ul > li > a{font-family: 'Kanit', "Pretendard", '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}

[lang="en-US"] #lnb ul > li > a{max-width:260px;}

/* 인증서 */
#layerPopup img{width:500rem;}
.popLayer{position:fixed; opacity:0; top:0rem; left:0rem; z-index:-99; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:opacity 0.3s ease-out 0s;visibility: hidden;}
.popLayer > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26rem 18rem 49rem rgba(0,0,0,0.2); transform:translate(-50%, -50%);}
.popLayer.active{opacity:1;z-index:99;visibility: visible;}
.popLayer .close{display:block;}
.popupBox .hamburger{top:0rem; right:-67rem; width:67rem;}
.popupBox  .hamburger .bar{left:22rem;}
.hamburger{display:block; position:absolute; top:0rem; right:0; z-index:9999;width: 81rem; height:71rem; background:rgba(255,255,255,0); border:0; flex-grow:0; cursor:pointer;}
.hamburger.open{position:fixed;}
.hamburger:focus{outline:0;}
.hamburger .bar{position:absolute; left:25rem; width:25rem; height:2rem; background-color:#fff; transition:top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;}
.hamburger .bar.top{top:33rem;}
.hamburger .bar.middle{top:42rem; left:23rem; transition:opacity 1ms linear 0.2s; transform:translateY(-50%);}
.hamburger .bar.bottom{top:49rem;}
.hamburger.open .bar{transition:top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;}
.hamburger.open .bar.top{top:50%; transform:translateY(-50%) rotate(45deg);}
.hamburger.open .bar.middle{opacity:0; transition:opacity 1ms linear 0.2s;}
.hamburger.open .bar.bottom{top:50%; transform:translateY(-50%) rotate(-45deg);}
.hamburger.open:before{content:"";}
.hamburger.open div{background:#fff;}

.list_certify{width:100%; gap:75rem;}
.list_certify:after{content:''; display:block; clear:both;}
.list_certify > li{width:-webkit-calc((100%/3) - 50rem); width:calc((100%/3) - 50rem);}
.list_certify > li:nth-child(n+4){margin: 0 0rem 0 0;}
.list_certify > li > a{display:block; width:100%; height:100%;}
.list_certify > li .img{ box-sizing:border-box;margin-top: 15rem;position: relative;background: #000;}
.list_certify > li .img img{max-width:100%;opacity: 0.97 !important;}
.list_certify > li img{width:100%;height:auto;}
.list_certify > li p{display:block; box-sizing:border-box; word-break:keep-all;font-size: 18rem; font-weight:600;line-height: 1.8em;color: #222; text-align:center;text-align: left;margin-top: 30rem;letter-spacing: -0.05rem;}
.list_certify > li em{display:block; box-sizing:border-box; word-break:keep-all; font-size:12rem; font-weight:600; line-height:1.3em; color:#888; text-align:center;}
.list_certify > li > a > i{font-weight:600; font-size:16rem; color:#ccc; transition:color 0.3s ease-out; text-transform:uppercase; font-style:normal;}
.list_certify > li .img .dimm{display:block; position:absolute; opacity:0 !important; top:0; left:0; width:100%; height:100%; background:rgba(23,119,193,0.9); transition:all 0.3s ease-out !important; animation:none !important;}
.list_certify > li .img .dimm::after{content:""; position:absolute; top:40rem; right:40rem; width:28rem; height:28rem; background:url(../img/sub/icon_zoom.png) no-repeat 50% 50%; background-size:cover;}
.list_certify > li > a:hover .dimm{opacity:1 !important;}
.list_certify > li > a:hover > i{color:#1777c1;}
.index_m #header::after,
.index_m #header::before{opacity:0.1;}
.index_m .sub_titCont{z-index:1;}
.index_m #header{z-index:2;}


/*inquiry*/
.Inquiry_input_form{width:100%;margin:0 auto;padding-top: 0;}

.input_box > span{display:block;margin-bottom: 13rem;font-size: 16rem;font-weight:500;}
.input_box{margin-bottom: 26rem;}
.input_box_size1{width:285rem;}
.input_box_size2 input{width:100%; box-sizing:border-box;}
.input_box_size_call > input{width:142rem;}
.input_box > .container{display:inline-block;width:180rem;}
.input_box_size_textarea textarea{height:275rem;}
.inputbox:after{display:block; content:""; clear: both;}
.inputbox input[type="text"]{float:left;}
.inputbox span{position:relative; top:17rem; float:left; margin:0 5rem; font-size:16rem;font-family: 'Pretendard', dotum, sans-serif;}
.inputbox .select_box{margin:0 0 0 10rem;}

.area_email input[type="text"]{height:55rem;padding:10rem;background: #f7f7f7;line-height:55rem;border: 1rem solid transparent; outline:None; font-size:15rem; box-sizing:border-box; transition:all 0.3s ease;}
.area_email input[type=text]:focus, .area_email input[type=password]:focus, .area_email textarea:focus, .area_email select:focus{border: 1rem solid #1777c1 !important; box-shadow:none !Important;}
.area_email textarea{padding:10rem; width:100%; background:#f7f7f7; border:none; box-sizing:border-box; resize:none; outline:none; font-size:15rem; font-family:'Noto Sans KR', sans-serif;}
.area_email .area_box{padding: 0 0 0; border:none;}
.area_email .area_box h3{display:block; font-size:20rem; color:#222; word-break:keep-all; line-height:1.4em;}
.area_email .area_box .box_cont p{display:block;margin: 13rem 0 0; font-size:16rem; font-weight:400; color:#444;}
.area_email .area_box .box_cont .privacy_box{margin: 30rem 0 0; padding:25rem 30rem; box-sizing:border-box; background:#fff; border:1rem solid #d6d6d6;}
.area_email .area_box .box_cont .privacy_box > li{position:relative; display:block;padding: 0px 0 10rem 10rem; font-size:16rem; font-weight:400; color:#666; line-height:1.5em;}
.area_email .area_box .box_cont .privacy_box > li:last-child{padding:0 0 0 10rem;}
.area_email .area_box .box_cont .privacy_box > li:before{content:''; position:absolute; top:10rem; left:0; width:4rem; height:4rem;background: #1777c1;}
.area_email .ckbox{margin: 20rem 0 0; text-align:left;display: flex;justify-content: flex-end;}
.area_email .ckbox input[type="checkbox"]{display:none; width:15rem; height:15rem;}
.area_email .ckbox input[type="checkbox"] + label span{display:inline-block; margin-right:5rem; width:26rem; height:26rem; background:url(../img/sub/img_check.png) left top no-repeat; cursor: pointer;}
.area_email .ckbox input[type="checkbox"]:checked + label span{background:url(../img/sub/img_check.png) -27rem top no-repeat;}
.area_email .ckbox em{position:relative; top:-6rem; font-size:18rem; font-weight:400; color:#222; line-height:1.4em;}

.select_box .box {display: inline-block; position: relative; margin:0 0 0 10rem;  width: 200rem; }
.select_box .box .select{position: relative; z-index:1; box-sizing:border-box; padding:16rem 20rem; font-size: 16rem; font-weight:300; background-color: #f7f7f7; cursor: pointer; border-radius:2rem; }
.select_box.v1 .box .select{z-index:10;}
.select_box.v1 .box .list{z-index:9;}
.select_box .box .select:after { content: ''; position: absolute; top: 23rem; right: 20rem; z-index:90;  background:url(../img/sub/icon_arrow.svg) no-repeat center; width:10rem; height:8rem; background-size:contain; }
.select_box.on .box .select{border-bottom:none;}
.select_box.on .box .select:after{transform: rotate(-180deg) ;}
.select_box .box .list {display: none; overflow-y: auto; position: absolute; top: 57rem; left: 0; z-index: 10; border: 1rem solid #ccc; box-sizing:border-box; width: 100%; background-color: #fff; box-shadow: 0.624rem 2.934rem 18rem rem rgba(0, 0, 0, 0.14); border-radius:0 0 2rem 2rem; z-index:0; }
.select_box .box .list > li{font-size:15rem; font-weight:600; color:#333; line-height:1.5em;}
.select_box .box .list > li span{font-size:12rem;}
.select_box .box .list::-webkit-scrollbar { width: 10rem; height: 0; }
.select_box .box .list::-webkit-scrollbar-button:start:decrement,
.select_box .box .list::-webkit-scrollbar-button:end:increment {display: block; height: 0; }
.select_box .box .list::-webkit-scrollbar-track{background: rgba(0, 0, 0, .05); -webkit-border-radius: 10rem; border-radius:10rem; }
.select_box .box .list::-webkit-scrollbar-thumb {height: 50rem; width: 50rem; background: rgba(0, 0, 0, .2); -webkit-border-radius: 5rem; border-radius: 5rem; }
.select_box .box .list > li {box-sizing: border-box; padding: 5rem 20rem; width: 100%; cursor: pointer; height:40rem; line-height:33rem; }
.select_box .box .list > li:hover {background-color: #ccc; }


.area_btn{width:100%; text-align:center;}

#inq_submit{position:relative; display:inline-block;width: 190rem;  padding:19rem 40rem; background-size:14rem auto;border: 4rem solid #1777c1; box-sizing:border-box; border-radius:50rem;font-size: 16rem; font-weight:600;color: #1777c1; text-align:left;background: #fff;text-align: center;margin-top: 30rem;font-weight: 700;font-family: 'Pretendard', dotum, sans-serif;}

/* company */
.sub_about #scont{width:100%; min-height:auto;}
.sub_about #fp-nav ul li a.active + span{opacity:0 !important;}
.area_about .fp-tableCell{display:flex; align-items:center; overflow:hidden;}
.about_intro .txt h2{position:relative; z-index:9; line-height:1.5; font-weight:200; font-size:57rem; color:#222; text-align:center; letter-spacing:-0.05rem; animation:about_motion3 1s ease forwards;}
.about_intro .txt h2 *{font-weight:700;font-style:normal;color: #000;}
.about_intro .line > img{display:block;position:absolute;z-index:2;animation-delay: 0.3s !important;opacity: 0;}
.about_intro div.cont{margin-top:74rem;}
.about_intro .cont [data-intro]:not([data-intro="ct"]){position:absolute;z-index:0;opacity: 0;}
.about_intro .cont [data-intro="ct"]{position:relative;z-index:9;width:669rem;animation:about_motion3 1s ease forwards;animation-delay: 0.3s;opacity: 0;transform: translate(-50%,-50%);left: 50%;margin-left: -334rem;}
.about_intro{display:flex; align-items:center; position:relative; width:100%; flex-direction:column;}
.about_intro .cont{position:relative; width:90%; margin:0 6%; text-align:center; max-width:1575rem;}
.about_intro .txt p{position:relative; z-index:9; margin-top:28rem; font-weight:300; font-size:23rem; color:#b7b7b7; text-align:center; animation:about_motion3 1s ease forwards;}
.about_intro .txt p strong{display:block; margin-top:9rem; font-weight:600; color:#222;}
.about_intro .cont [data-intro="rt"]{top: -30rem;right:30rem;width:488rem;animation: about_motion2 1s ease forwards 0.4s;}
.about_intro .cont [data-intro="lt"]{bottom: -20rem;left:0;width:562rem;animation: about_motion1 1s ease forwards 0.4s;}
.about_intro .line [data-line="lt"]{top: 111rem;left: -262rem;width:245rem;animation:about_motion1 1s ease forwards;}
.about_intro .txt{display:inline-block; position:relative;}
.about_intro .line [data-line="rt"]{top: 117rem;right: -188rem;width:181rem;animation:about_motion2 1s ease forwards;}
.about_intro .line{opacity:1; visibility:visible; animation:none !important;}

.about_business .bg{display:block; position:absolute; top:0; left:0; width:100%; height:100vh; background:url(../img/sub/bg_about.jpg) no-repeat 50% 50%;}
.about_business .cont{position:relative; z-index:9; width:100vw; padding-top:2vh;}
.about_business .cont [data-busi]{position:relative; width:1200rem; margin:58rem auto; text-align:center;}
.about_business .cont [data-busi] .hov_img{position:absolute; opacity:0; visibility:hidden; top:-79%; right:0; transition:all 1s ease-out; transform:translate(0px, 60rem);}
.about_business .cont [data-busi] > strong{display:inline-block; position:relative; opacity:0.2; z-index:-1; line-height:1.4; font-family:'Pretendard', dotum, sans-serif; font-size:42rem; color:#fff; transition:font-size 0.5s ease; cursor:pointer;}
.about_business .cont [data-busi] .hov_img i{display:block; position:absolute; top:45rem; right:-51rem; font-size:15rem; color:#fff; transform:rotate(270deg);-webkit-transform: rotate(270deg); text-transform:uppercase; font-style:normal;}
.about_business .cont [data-busi] .hov_img img{display:block; width:377rem; margin-right:32rem; box-shadow:-47rem 86rem 76rem rgba(3, 32, 54, 0.61);}
.about_business .cont [data-busi].on .hov_img{opacity:1; visibility:visible; transform:translate(0px, 0rem);}
.about_business .cont [data-busi].on > strong{opacity:1; z-index:99; font-size:64rem;}
.about_business .cont [data-busi="01"] .hov_img{top:-19%; right:-10%;}
.about_business .cont [data-busi="03"] .hov_img{top:-239%; right:-9%;}
.about_business .cont [data-busi="04"] .hov_img{top:-113%; right:0%;}
.about_location{width:1400rem; margin:0 auto;}
.about_location iframe{width:100%;}
.about_location .info h3{font-size:45rem; text-indent:-2rem;}
.about_location .info > p{margin-top:28rem; font-weight:500; font-size:20rem; color:#111;}
.about_location .info *{font-family:'Pretendard', dotum, sans-serif;}
.about_location .info ul{display:flex; align-items:center; width:550rem; margin-top:66rem; flex-wrap:wrap;}
.about_location .info ul li{margin-right:14rem; margin-bottom:20rem; font-weight:400; font-size:17rem; color:#777;}
.about_location .info ul li em{margin-right:8rem; font-weight:600; color:#222;}
.about_location .info ul li:last-child{margin-bottom:0;}
.about_location .info{position:relative; width:1200rem; margin:-32rem auto 0;}
.about_location .info .btn_basic{position:absolute; right:0; bottom:0;}

/* history */
.tit_sub{font-weight:600; font-size:38rem; color:#222; text-align:center; letter-spacing:-0.05rem; word-break:keep-all;}
.tit_sub + *{margin-top:68rem;}
.history_list .inr{display:flex;}
.history_list .inr img{width:60%; max-width:687rem;}
.history_list .txt strong i{display:block; line-height:1; font-family:'Pretendard', dotum, sans-serif; font-weight:600; font-size:150rem; color:#222; letter-spacing:-0.5rem; font-style:normal;}
.history_list .txt{display:flex; justify-content:flex-start; margin-top:12%; margin-left:78rem; flex-direction:column;}
.history_list .txt em{display:block; margin-top:53rem; font-weight:600; font-size:28rem;}
.history_list .txt p{margin-top:26rem; font-size:16rem; color:#666;}
.history_list .txt strong i:first-child{position:relative; left:-208rem;}
.history_list .txt strong i:last-child{margin-top:-8rem; text-indent:-4rem;}
.area_history .controls_btn span{font-size:0;}
.area_history .controls_btn span a{display:block; display:flex; justify-content:center; align-items:center; width:40rem; height:55rem;}
.controls_btn{display:flex; position:absolute;top:50%; right:0;flex-direction:column;/* -webkit-animation-fill-mode: none !important; *//* animation-fill-mode: none !important; *//* animation: none !important; *//* opacity: 1 !important; *//* animation-duration: 0s; */z-index: 99;}
.area_history .controls_btn .prev a{opacity:0.28;transform: rotate(180deg) !important;-webkit-transform: rotate(180deg) !important;}
.controls_btn::after{content:""; position:absolute; top:50%; left:50%; width:24rem; height:1rem; margin-left:-12rem; background:#d9d9d9;}
.area_history .controls_btn span a::after{content:"";display:block;position:relative;width: 17rem;height:15rem;background-position:50% 50%;background-image:url(../img/common/arr_basic_b.png);background-repeat:no-repeat;}

/* data */
section article + article{margin-top:140rem; padding-top:110rem; border-top:2rem solid #e2e2e2;}
.list_special > li > i{display:block; height:283rem; background-position:50% 50%; background-repeat:no-repeat;}
.list_special [data-spec="01"] > i{background-image:url(../img/sub/img_data01.jpg);}
.list_special [data-spec="02"] > i{background-image:url(../img/sub/img_data02.jpg);}
.list_special [data-spec] > strong{display:block; margin-top:52rem; font-weight:600; font-size:24rem; color:#222; letter-spacing:-0.03rem;}
.list_special [data-spec] i{font-style:normal;}
.list_special [data-spec] ul{margin-top:31rem;}
.list_special [data-spec] ul li{display:flex; align-items:center; position:relative; margin-bottom:18rem; font-family:'Pretendard', dotum, sans-serif; font-size:17rem; color:#666;}
.list_special [data-spec] ul li::before{content:""; display:block; width:2rem; height:2rem; margin-right:5rem; background:#999; border-radius:10rem;}
.list_special > li > i{display:block; height:283rem; background-position:50% 50%; background-repeat:no-repeat;}
.list_special [data-spec="01"] > i{background-image:url(../img/sub/img_data01.jpg);}
.list_special [data-spec="02"] > i{background-image:url(../img/sub/img_data02.jpg);}
.list_special [data-spec] > strong{display:block; margin-top:51rem; font-weight:600; font-size:24rem; color:#222; letter-spacing:-0.03rem;}
.list_special [data-spec] i{font-style:normal;}
.list_special [data-spec] ul{margin-top:31rem;}
.list_special [data-spec] ul li{display:flex; align-items:center; position:relative; margin-bottom:18rem; font-family:'Pretendard', dotum, sans-serif; font-size:17rem; color:#666;}
.list_special [data-spec] ul li::before{content:""; display:block; width:2rem; height:2rem; margin-right:5rem; background:#999; border-radius:10rem;}
.special_img img{width:100%; max-width:1327rem;}
.diagram_cont [data-diag] > strong{display:block; font-size:27rem; color:#222; text-align:center;}
.diagram_cont [data-diag][data-line]{border:1rem solid #d1d1d1; border-radius:7rem;}
.diagram_cont [data-arr]{display:block; display:flex; justify-content:center; align-items:center; margin:25rem 0; flex-direction:column;}
.diagram_cont [data-arr] > i{width:0; height:0; border-right:5rem solid transparent; border-bottom:5rem solid transparent; border-left:5rem solid transparent; transform:rotate(180deg) !important; -webkit-transform:rotate(180deg) !important;}
.diagram_cont [data-arr="gray"] > i{border-bottom-color:#000;}
.diagram_cont [data-arr] > i:first-child{opacity:0.3 !important; margin-bottom:5rem;}
.diagram_cont [data-diag="02"] ul li:not(.plus){display:flex; justify-content:center; align-items:center; width:189rem; height:189rem; background:#fff; box-shadow:10rem 3rem 12.75rem 2.25rem rgba(0, 139, 209, 0.07); text-align:center; flex-direction:column; border-radius:100%;}
.diagram_cont [data-diag="02"] ul{justify-content:center; align-items:center;}
.diagram_cont [data-diag="02"] ul li em{line-height:1.4; margin-top:15rem; font-family:'Pretendard', dotum, sans-serif; font-weight:700; font-size:17rem;}
.diagram_cont [data-diag="02"] ul li:first-child{margin-right:22rem;}
.diagram_cont [data-diag="02"] ul .plus{margin:0 30rem;}
.diagram_cont [data-diag="02"] ul .plus::before,
.diagram_cont [data-diag="02"] ul .plus::after{content:""; position:absolute; background:#222;}
.plus::before{width:100%; height:3rem;}
.plus::after{width:3rem; height:100%;}
.diagram_cont [data-diag="02"] ul .plus{display:flex; justify-content:center; align-items:center; position:relative; width:20rem; height:20rem;}
.diagram_cont [data-diag]{padding:23rem 0;}
.diagram_cont [data-diag="02"]{position:relative; margin-top:38rem; padding:50rem 0; text-align:center;}
.diagram_cont [data-diag="02"] > strong{display:inline-block;position:absolute;top:-19rem;left:50%;z-index:5;margin-left:-90rem;padding:0 29rem;background:#fff;/* transform:translate(-50%, 50%); */}
.diagram_cont [data-diag][data-line="dash"]{border-style:dashed;}
.diagram_cont [data-diag="03"]{padding:60rem 0; text-align:center;}

.colum4{display:flex; justify-content:center; flex-direction:row; flex-wrap:wrap; row-gap:57rem; column-gap:80rem;}
.list_icon > li > p{margin-top:30rem; padding:4rem 19rem; background:#00a1e3; font-weight:700; font-size:16rem; color:#fff; border-radius:20rem;}
.list_icon{margin:0 auto; max-width:852rem;}
.list_icon >  li{min-width:135rem;}
.diagram_cont [data-diag="03"] .box > strong{font-size:27rem;}
.diagram_cont [data-diag="03"] .box{position:relative; margin:0 auto; margin-top:113rem; padding:40rem 0; background:#f8fafb; max-width:827rem; border-radius:10rem;}
.diagram_cont [data-diag="03"] .box ul li{font-weight:700; font-size:16rem; color:#555;}
.diagram_cont [data-diag="03"] .box ul li i{font-family:'Pretendard', dotum, sans-serif; font-weight:400; font-style:normal;}
.diagram_cont [data-diag="03"] .box ul li{margin:4rem 0;}
.diagram_cont [data-diag="03"] .box ul{margin-top:11rem;}
.diagram_cont [data-diag="03"] .box::before{content:""; position:absolute; top:-64rem; left:50%; z-index:-1; width:77rem; height:65rem; background:url(../img/sub/arr_plat.jpg) no-repeat 50% 50%; background-size:cover; transform:translate(-50%, 0);}
.diagram_cont [data-arr="blue"] > i{border-bottom-color:#1777c1;}
.list_round > li{margin:0 11rem; padding:15rem 45rem; background:#fff; box-shadow:10rem 3rem 12.75rem 2.25rem rgb(0 139 209 / 8%); font-family:'Pretendard', dotum, sans-serif; font-weight:800; font-size:20rem; border-radius:30rem;}
.list_round{justify-content:center; align-items:center; margin-top:29rem;}
.diagram_cont [data-diag="05"]{background-image:linear-gradient(132deg, #009cff, #ec9a0e 102%); border-radius:10rem;}
.diagram_cont [data-diag="05"] > strong{color:#fff;}
.platform_spec [data-spec] > li > em{display:block; padding:25rem 0; background:#1777c1; font-family:'Kanit', 'Pretendard', dotum, sans-serif; font-weight:600; font-size:21rem; color:#fff; text-align:center;}
.platform_spec [data-spec] > li{overflow:hidden; border-radius:10rem;}
.platform_spec [data-spec="gray"] > li > em{background:#b1c2d0;}
.platform_spec [data-spec] > li div > p{line-height:1.6; margin-bottom:14rem; font-family:'Pretendard', dotum, sans-serif; font-size:18rem; color:#222; text-align:center; word-break:keep-all; min-height:112rem;}
.platform_spec [data-spec] > li > div{padding:45rem 0; border:1rem solid #e5eff4; text-align:center; border-radius:10rem; border-top-left-radius:0; border-top-right-radius:0;}
.list_spec02{display:flex; position:relative; margin-top:130rem; margin-bottom:60rem; background:#f8fafb; border:1rem solid #e5eff4; border-radius:10rem;}
.list_spec02 > li{width:50%; padding:40rem 0; text-align:center;}
.list_spec02 > li:first-child{border-right:1rem solid #e5eff4;}
.list_spec02 > li *{font-style:normal;}
.list_spec02 > li i{font-weight:500; font-size:15rem;}
.list_spec02 > li p{margin-top:11rem; font-family:'Pretendard', dotum, sans-serif; font-weight:700; font-size:20rem;}
ul.list_spec02::before{content:""; display:block; position:absolute; top:-100rem; left:50%; z-index:99; width:77rem; height:65rem; background:url(../img/sub/arr_plat02.jpg) no-repeat 50% 50%; background-size:cover; transform:translateX(-50%);}
.full_motion{opacity:0; transition:all 0.7s ease; transform:translateY(110rem);}
div.active .full_motion{opacity:1; transform:translateY(0rem);transition-delay: 0.4s;}
.list_icon > li img{display: block; margin: 0 auto;}



/* ICT */
.ecoiot{}
.ecoito-cont{position:relative;display:flex;justify-content:center;align-items: center;gap:50rem;margin-bottom:80px;background:#f2f7fa;border-radius:10rem;padding: 50rem 40rem 40rem;box-sizing:border-box;}
.ecoito-cont .logo{position:absolute; top:30rem; right:30rem;}
.ecoito-cont .tit > h2{font-size:60rem; font-weight:bold; color:#333; line-height:1em; word-break:keep-all;}
.ecoito-cont .tit > div{margin:25rem 0;}
.ecoito-cont .tit > div > h4{margin:0 0 10rem; font-size:32rem; font-weight:300; color:#333; line-height:1em; word-break:keep-all;}
.ecoito-cont .tit > div > h3{font-size:45rem; font-weight:bold; background: linear-gradient(133deg, rgba(0,156,255,1) 0%, rgba(236,154,14,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height:1em;}
.ecoito-cont .tit .list-txt{padding:20rem 40rem 20rem 20rem; background:rgba(255,255,255,0.8); border-radius:8rem; box-sizing:border-box; border:1rem solid #e5eff4;}
.ecoito-cont .tit .list-txt > li{margin:0 0 8rem;}
.ecoito-cont .tit .list-txt > li:last-child{margiN:0;}
.ecoito-cont .tit .list-txt span{font-size:19rem;color:#555;line-height:1.2em;word-break:keep-all;font-weight: 300;}
.ecoito-cont .tit .list-txt[data-list="square"] > *::before{top:10rem;}
.ecoiot .colum3{margin:90rem 0 0;}
.ecoiot .colum3 > li{overflow: hidden; border-radius: 10rem;}
.ecoiot .colum3 > li > em{display:block; padding:19rem 0; background: linear-gradient(133deg, rgba(0,156,255,1) 0%, rgba(236,154,14,1) 100%); font-weight:600; font-size:25rem; color:#fff; text-align:center;}
.ecoiot .colum3 > li > .box-img{padding:25rem; margin:0 0 20rem; border:1rem solid #e5eff4; border-top:none; border-radius:0 0 10rem 10rem; text-align:center;}
.ecoiot .colum3 > li > .box-img img{margin:0 auto; width:auto; max-width:90%;}
.ecoiot .colum3 > li > .box-img h3{display:block; margin:15rem 0 0; font-size:22rem; font-weight:600; color:#222;}
.ecoiot .colum3 > li > .box-table{border:1rem solid #e5eff4; border-radius:10rem; box-sizing:border-box;}
#container .ecoiot .colum3 > li > div .table{border-top:none;}
#container .ecoiot .colum3 > li > div table.table tbody tr{border:none;}
#container .ecoiot table.table > *{font-family:"Pretendard", Sans-serif}
#container .ecoiot table.table tbody th{border:none;border-right:1rem solid transparent;background:#00a1e6;border-bottom:1rem solid rgba(255,255,255,0.2);color:#fff;font-size: 17rem;font-weight:600;padding: 10rem 15rem;}
#container .ecoiot table.table tbody tr:first-child th{border-radius:10rem 0 0;}
#container .ecoiot table.table tbody tr:last-child th{border-radius:0 0 0 10rem;}
#container .ecoiot table.table tbody tr td{text-align:left;font-size: 17rem;font-weight:400;color:#333;padding: 18rem 15rem;border-color:#e5eff4;}
#container .ecoiot table.table tbody tr:first-child td{border-top:none;}
#container .ecoiot table.table tbody tr:last-child td{border-bottom:none;}
#container .ecoiot table.table tbody tr.first td{padding: 9rem 15rem;font-size: 15rem;}
#container .ecoiot table.table tbody tr.first td.title{text-align:center; background:#edf8fd; color:#00a1e6; font-weight:600;}
#container .ecoiot .txt-info{text-align:right;}
.txt-info{margin:14rem 0 0; font-size:16rem; font-weight:400; color:#00a1e6;}
.data-list{margin-top:40rem; display:flex; width:100%; height: 390rem; border:1rem solid #ddd; border-radius:10rem; box-sizing:border-box; padding:30rem 0;}
.data-list > li{display: flex; flex-direction: column; justify-content: center; position:relative; width:calc(100% / 5); height:100%; padding:10rem; box-sizing:border-box; text-align:center;}
.data-list > li:before{content:''; position:absolute; top:0; right:0; width:1rem; height:100%; border-right:1rem dashed #ddd; box-sizing:border-box;}
.data-list > li:last-child:before{display:none;}
.data-list > li .icon{display:flex; justify-content: center; align-items: center; margin:0 auto; width:120rem; height:120rem; border-radius:500rem; background:#f0f6f9;}
.data-list > li img{height:50rem;}
.data-list > li .txt{margin-top:25rem;}
.data-list > li .txt > h3{margin:0 0 15rem; font-size:21rem; font-weight:bold; color:#0c85e2; word-break:keep-all; line-height:1.2em;}
.data-list > li .txt > span{display:inline-block;font-size:17rem;font-weight:500;color:#666;line-height:1.5em;word-break:keep-all;font-weight: 300;}
.program-cont{margin-top:50rem; display:block; padding:50rem; background:#f9f9f9; border:1rem solid #ddd; border-radius:10rem; box-sizing:border-box; text-align:Center;}
.program-cont > h3{display:inline-block; margin:0 0 30rem; padding:5rem 30rem; background:#00a1e6; border-radius:50rem; font-size:23rem; font-weight:600; color:#fff;}
.program-cont img{margin:0 auto; width:auto; max-width:100%;}



/* en */
[lang="en-US"] .about_business .cont [data-busi].on > strong{font-size:45rem}
[lang="en-US"] .about_business .cont [data-busi].on > strong{font-size: 50rem;}

[lang="en-US"] .about_intro .line [data-line="lt"]{left: -272rem;}
[lang="en-US"] .about_intro .line [data-line="rt"]{}

[lang="en-US"] .about_location .info ul{width: 750rem;}
[lang="en-US"] .about_location .info ul li{top: 217rem;}

[lang="en-US"] .list_certify > li p{line-height:1.5em}

[lang="en-US"] .list_icon{max-width: 1170rem;}
[lang="en-US"] .list_icon > li{width:20%;}
[lang="en-US"] .diagram_cont .colum4{column-gap: 50rem;}

[lang="en-US"] .platform_spec [data-spec] > li > div{padding:45rem 30px;}

[lang="en-US"] .list_spec02 > li{padding:30rem 30px; }
[lang="en-US"] .list_spec02 > li p{word-break:keep-all}

[lang="en-US"] .platform_spec [data-spec=gray] > li div > p{word-break:keep-all;}
[lang="en-US"] .platform_spec [data-spec=gray] > li > div{height:435px;}

[lang="en-US"]  .about_intro .txt h2 {
    line-height: 1.2;
    font-size: 47rem;
}

@keyframes about_motion1 {
	0% {transform: translateX(-30rem);opacity: 0;}  
	100% {transform: translateX(0rem);opacity: 1;}
}
@keyframes about_motion2 {
	0% {transform: translateX(30rem);opacity: 0;}  
	100% {transform: translateX(0rem);opacity: 1;}
}
@keyframes about_motion3 {
	0% {transform: translateY(30rem);opacity: 0;}  
	100% {transform: translateY(0rem);opacity: 1;}
}
@keyframes bg_motion {
	0% {transform: scale(1.2);}  
	100% {transform: scale(1);}
}
@keyframes imagescale {
	0% {
	  transform: scale(1.2)  rotate(.001deg);;
	  -webkit-transform: scale(1.2);
	  -moz-transform: scale(1.2);
	  -o-transform: scale(1.2);
	}
  
	100% {
	  transform: scale(1.0)  rotate(.001deg);;
	  -webkit-transform: scale(1.0);
	  -moz-transform: scale(1.0);
	  -o-transform: scale(1.0);
	}
}
@media screen and (max-width:1800px){
	.ecoito-cont{gap:20rem;}
	.ecoito-cont .tit .list-txt{padding:20rem;}
	.ecoito-cont .img img{height:400rem;}
}
@media screen and (max-width:1700px){
	.ecoito-cont{justify-content: space-between; gap:10rem; padding:30rem 40rem 30rem 50rem;}
	.ecoito-cont .tit > h2{font-size:50rem;}
	.ecoito-cont .tit > div > h4{font-size:28rem;}
	.ecoito-cont .tit > div > h3{font-size:40rem;}
	.ecoito-cont .tit .list-txt{padding:15rem;}
	.ecoito-cont .tit .list-txt span{font-size:18rem;}
	.ecoito-cont .img img{height:350rem;}
}
@media screen and (max-width:1600px){
	.ecoito-cont{justify-content: space-between; gap:10rem; padding:25rem 10rem 20rem 40rem;}
	.ecoito-cont .img img{height:350rem;}
}
@media screen and (max-width:1365px){
	#scont{width:100%;}
	[data-site="sub"] #logo{position:absolute;}
	[data-site="sub"] #header::after{display:none;}
	#header{position:relative;}
	#header .area_utill{/* left:359rem; */}
	[data-site="sub"] #header::before{left:0; width:100%;}
	#container{margin-top:84rem;}
	.sub_titCont *{color:#fff !important;}
	[data-site="sub"] .scroll_down{display:none;}
	.sub_titCont{position:absolute; top:188rem; left:50rem; width:auto; height:auto; padding-left:0; background:none;}
	.board_view .sub_titCont{display:none;}
	#lnb ul{flex-direction:row;}
	#lnb ul > li{margin-right:35rem; margin-bottom:0;}
	#lnb ul > li > a{opacity:0.6; font-size:25rem;}
	#lnb li.on > a{opacity:1; border-bottom:4rem solid #fff;}
	.cont_visual> i{opacity:0.8;}
	.cont_wrap{margin:110rem 50rem 130rem;}
	[data-site="sub"] #header::before{display:none;}
	.sub_titCont h2{font-weight:600; font-size:59rem;}

	[lang="en-US"] #lnb ul > li > a{max-width:inherit}
	.cont_visual{margin-left:0;}
	.about_intro .cont [data-intro="rt"]{right:-50rem;}
	.about_intro .cont [data-intro="lt"]{left:-50rem;}	

	.ecoito-cont{ padding:30rem 50rem 10rem 80rem; }
	.ecoito-cont .tit > h2{font-size:60rem;}
	.ecoito-cont .tit > div > h4{font-size:32rem;}
	.ecoito-cont .tit > div > h3{font-size:45rem;}
	.ecoito-cont .tit .list-txt span{font-size:19rem;}
	.ecoito-cont .img img{height:430rem;}
}

@media screen and (max-width:1023px){
	#container{margin-top:50rem;}
	[data-site="sub"] #header::before{display:none;}
	[data-site="sub"] #logo{position:relative; top:0; left:50rem; margin-left:0;}
	[data-site="sub"] .gnb-container-wrap{position:fixed;}
	.about_intro .txt h2{font-size:45rem;}
	.about_intro .cont [data-intro="ct"]{width:569rem;margin-left: -323rem;}
	.about_intro .cont [data-intro="rt"]{top:30rem;right: -10rem;width:348rem;}
	.about_intro .cont [data-intro="lt"]{width:372rem;}
	.about_intro .line [data-line="rt"]{top:97rem; right:-175rem; z-index:0; width:181rem;}
	.about_intro .line [data-line="lt"]{left:-162rem;}
	.sub_titCont h2{font-size:49rem;}
	#lnb ul > li > a{font-size:22rem;}
	.about_business .cont [data-busi]{width:auto;}
	.area_about .fp-tableCell{justify-content:center; overflow:visible;}
	.about_location .info{width:auto; margin:-32rem 0 0;}
	.about_location{width:90%; margin:0;}
	.about_location .info{width:auto; margin:-32rem 40rem 0;}
	.about_location .info h3{font-size:40rem;}
	.history_list .txt strong i{font-size:130rem;}
	.history_list .txt p br{display:none;}
	.area_history .controls_btn span a::after{width:17rem; height:25rem;}
	.list_certify{gap:45rem;}
	.list_certify > li{width:-webkit-calc((100%/3) - 30rem); width:calc((100%/3) - 30rem);}
	.list_certify > li p br{display:none;}
	.list_certify > li p{line-height:1.7;}
	.list_certify > li .img .dimm::after{top:30rem; right:30rem;}
	.list_round > li{padding:15rem 35rem;}
	.colum3{gap:42rem;}
	.colum3 > li{width:-webkit-calc((100%/3) - 28rem); width:calc((100%/3) - 28rem);}
	.platform_spec [data-spec] > li div{padding-right:20rem; padding-left:20rem;}
	.platform_spec [data-spec] > li div > p br{display:none;}
	.platform_spec [data-spec] > li > div img{width:100%;}

	[lang="en-US"] .platform_spec [data-spec] > li > div{}

	.ecoito-cont{ padding:10rem 10rem 10rem 30rem; }
	.ecoito-cont .tit > h2{font-size:47rem;}
	.ecoito-cont .tit > div > h4{font-size:28rem;}
	.ecoito-cont .tit > div > h3{font-size:40rem;}
	.ecoito-cont .tit .list-txt span{font-size:17rem;}
	.ecoito-cont .img img{height:320rem;}
	.data-list > li .icon{width:100rem; height:100rem;}
}

@media screen and (max-width:860px){
	.about_intro .cont [data-intro="ct"]{width:369rem;margin-left: -188rem;}
	.about_intro .cont [data-intro="lt"]{width:242rem;}
	.about_intro .cont [data-intro="rt"]{width:248rem;}
	.about_intro .txt h2{font-size:35rem;}
	.about_intro .txt p{font-size:20rem;}
	.about_intro .line [data-line="lt"]{top:22rem; left:-102rem; width:175rem;}
	.about_intro .line [data-line="rt"]{top:77rem; right:-97rem; width:131rem;}
	.cont_visual{height:386rem;}
	#lnb ul > li > a{font-size:19rem;}
	.sub_titCont h2{font-size:39rem;}
	.about_business .cont [data-busi] > strong{width:70%; font-size:37rem;}
	.about_business .cont [data-busi].on > strong{font-size:37rem;}
	.about_business .cont [data-busi]{margin:48rem auto;}
	.about_business .cont [data-busi] .hov_img img{width:267rem;}
	.about_business .cont [data-busi] .hov_img{right:30rem !important;}
	.about_location .info .btn_basic{position:relative; right:auto; bottom:0; left:-2rem; margin-top:50rem;}
	.about_location .info > p{width:80%; line-height:1.6; margin-top:25rem; word-break:keep-all;}
	.about_location .info ul{margin-top:40rem;}
	.history_list .txt strong i{font-size:80rem;}
	.history_list .txt{margin-left:38rem;}
	.history_list .txt strong i:first-child{left:-108rem;}
	.cont_wrap{margin:90rem 50rem 110rem;}
	.controls_btn{top:110rem;}
	.list_certify > li p{line-height:1.56; margin-top:23rem; font-size:17rem; word-break:initial;}
	.list_certify{gap:34rem !important; flex-direction:row !important;}
	.list_certify > li{width:-webkit-calc((100%/3) - 23rem) !important; width:calc((100%/3) - 23rem) !important;}
	.colum2{gap:40rem;}
	.colum2 > li{width:-webkit-calc((100%/2) - 20rem); width:calc((100%/2) - 20rem);}
	.list_special > li > i{height:223rem; background-size:cover;}
	.list_special > li *{word-break:keep-all;}
	.list_special [data-spec] > strong{font-size:21rem;}
	.list_special [data-spec] ul li{margin-bottom:10rem; font-size:16rem;}
	section article + article{margin-top:110rem; padding-top:80rem;}
	.tit_sub{font-size:33rem;}
	.tit_sub + *{margin-top:48rem;}
	.list_round > li{margin:0 5rem; padding:12rem 28rem; font-size:17rem; white-space:nowrap;}
	.diagram_cont [data-diag="02"] ul li:first-child{margin-right:15rem;}
	.diagram_cont [data-diag="02"]{padding:50rem 30rem;}
	.diagram_cont [data-diag="02"] ul li:not(.plus) img{height:29rem;}
	.diagram_cont [data-diag="02"] ul li:not(.plus){height:170rem;}
	.diagram_cont [data-diag] > strong{font-size:25rem;}
	.diagram_cont [data-diag="03"] .box{width:80%;}
	.diagram_cont [data-diag="03"] .box > strong{font-size:22rem;}
	.colum3{gap:34rem;}
	.colum3 > li{width:-webkit-calc((100%/3) - 23rem); width:calc((100%/3) - 23rem);}
	.platform_spec [data-spec] > li > em{display:flex; justify-content:center; align-items:center; padding:20rem 20rem; font-size:19rem; word-break:keep-all; min-height:97rem;}
	.platform_spec [data-spec] > li > div{padding:28rem 20rem;}
	.list_spec02 > li{line-height:1.7; padding:40rem 20rem;}
	.platform_spec [data-spec="blue"] > li > div{min-height:217rem;}
	.platform_spec [data-spec="gray"] > li > div{min-height:355rem;}
	.platform_spec [data-spec] > li div > p{min-height:169rem;}
	.colum3{flex-direction:column;}
	.colum3 > li{width:100%;}
	.platform_spec [data-spec] > li div > p,
	.platform_spec [data-spec="blue"] > li > div,
	.platform_spec [data-spec] > li > em{min-height:auto;}

	.about_intro .cont [data-intro="lt"] {
		left: 0rem;
		bottom: 30rem;
	}
	
	[lang="en-US"] .about_business .cont [data-busi].on > strong{font-size:30rem}
	[lang="en-US"] .about_business .cont [data-busi] > strong{font-size:27rem}

	[lang="en-US"] .platform_spec [data-spec=gray] > li > div{height:auto;}
	[lang="en-US"] .platform_spec [data-spec] > li > div{padding: 28rem 20rem;}

	[lang="en-US"] .about_location .info ul{width:100%; }

	.ecoito-cont{flex-direction: column-reverse; padding:20rem 10rem 30rem;}
	.ecoito-cont .tit{text-align:center;}
	.ecoito-cont .tit > h2{font-size:35rem;}
	.ecoito-cont .tit > div{margin:15rem 0 20rem;}
	.ecoito-cont .tit > div > h4{font-size:22rem;}
	.ecoito-cont .tit > div > h3{font-size:30rem;}
	.ecoito-cont .tit .list-txt{text-align:left;}
	.ecoito-cont .img img{height:280rem;}
	
	.data-list{flex-wrap: wrap; height:auto; padding:0;}
	.data-list > li{padding:30rem 10rem; width: calc(100% / 2); border-bottom:1rem dashed #ddd;}
	.data-list > li:nth-child(2n):before{display:none;}
	.data-list > li:last-child{width:100%; border-bottom:none;}
	.data-list > li .txt{margin-top:15rem;}
	.data-list > li .txt > h3{margin:0 0 10rem;}

	.ecoiot .colum3{margin:70rem 0 0;}
	.ecoiot .colum3 > li > em{padding:15rem 0; font-size:23rem;}
	.program-cont{padding:30rem;}
	.program-cont > h3{margin:0 0 25rem; font-size:20rem; padding:5rem 15rem;}

}

@media screen and (min-height:940px){
	.about_business .bg{background-size:cover;}
}

@media (max-width:540px){
	.about_intro .txt h2{line-height:1.4;margin:0 40rem;font-size: 24rem;}
	.about_intro .txt p{margin-top:18rem; font-size:18rem;}
	.about_intro .txt p strong{margin-top:7rem;}
	.about_intro .cont [data-intro="ct"]{width:219rem;margin-left: -109rem;}
	.about_intro .line > img{display:none;}
	.about_intro .cont [data-intro="lt"],
	.about_intro .cont [data-intro="rt"]{width: 41%;}
	[data-site="sub"] #logo{left: 0;}
	#container{margin-top:23rem;}
	.sub_titCont{top:128rem;left:20rem;width: calc(100% - 40px);}
	.cont_visual{height:256rem;}
	.cont_visual> i{background-size:cover;}
	.sub_titCont h2{font-size:29rem;}
	#lnb ul > li > a{font-size:16rem;}
	#lnb ul > li{margin-right:18rem;}
	#lnb{margin-top:28rem;}
	#lnb li.on > a{border-bottom:3rem solid #fff;}
	.area_about #section1,
	.area_about .fp-tableCell,
	.area_about #section2{height:auto !important;}
	.about_business .cont [data-busi] .hov_img{position:relative; opacity:1 !important; visibility:visible; overflow:hidden; right:0rem !important; height:190rem; margin-top:20rem; transform:translate(0px, 0);}
	.about_business .cont [data-busi] > strong{display:block; opacity:1 !important; width:100%; font-size:21rem !important; text-align:left;}
	.about_business .cont{width:auto; margin:0 20rem; padding-top:0;}
	.about_business .cont [data-busi] .hov_img img{width:100%; transform:translateY(-28%);}
	.about_business .cont [data-busi] .hov_img i{opacity:0;}
	.about_business{padding:30rem 0;}
	.about_business .bg{height:100%; background-size:cover;}
	.about_location{padding:70rem 0;}
	.about_location iframe{height:250rem;}
	.about_location .info{margin:40rem 0rem 0;}
	.about_location .info h3{font-size:27rem;}
	.about_location .info > p{line-height:1.6; margin-top:21rem; font-size:16rem;}
	.about_location .info ul li{margin-bottom:8rem; font-size:15rem; word-break:keep-all;}
	.about_location .info ul{width:auto;}
	.about_location .info ul li:last-child{letter-spacing:-0.5rem;}
	.about_location .info .btn_basic{left:-22rem; margin-top:30rem; transform:scale(0.8);}
	.cont_wrap{margin: 55rem 25rem 80rem;}
	.tit_sub{font-size:24rem; word-break:keep-all;}
	.history_list .inr{padding-top:40rem; flex-direction:column;}
	.history_list .inr img{width:100%;}
	.tit_sub + *{margin-top:38rem;}
	.history_list .txt{margin-top:0; margin-left:0;}
	.history_list .txt strong i:first-child{left:0;}
	.history_list .txt strong i:last-child{margin-left:12rem;}
	.history_list .txt em{margin-top: 8rem;font-size: 21rem;}
	.history_list .txt p{margin-top: 21rem;font-size: 15rem;line-height: 1.6;}
	.history_list .txt strong i{display:inline-block;font-size: 43rem;letter-spacing: -2rem;}
	.history_list .txt{margin: 24rem 0 0;}
	.controls_btn{transform:rotate(270deg); -webkit-transform:rotate(270deg);}
	.controls_btn{top:46rem; right:17rem; z-index:99;}
	.list_certify{gap:20rem !important;}
	.list_certify > li > a > i{display:none;}
	.list_certify > li{width:-webkit-calc((100%/2) - 10rem) !important; width:calc((100%/2) - 10rem) !important;}
	.tit_sub + *{margin-top:25rem;}
	.list_certify > li p{line-height:1.4; margin-top:17rem; font-size:15rem;}
	#layerPopup img{width:100%; min-width:270rem;}
	.popupBox .hamburger{top:-61rem; right:-25rem;}
	.list_certify > li .img .dimm::after{top:15rem; right:15rem; width:18rem; height:18rem;}
	.area_history .tit_sub{width:60%; margin:0 auto;}
	.colum2{flex-direction:column;}
	.colum2 > li{width:100%;}
	.list_special [data-spec] ul li{align-items:flex-start; font-size:15rem;}
	.list_special [data-spec] ul{margin-top:15rem;}
	.list_special [data-spec] > strong{margin-top:26rem; font-size:20rem;}
	section article + article{margin-top:80rem; padding-top:50rem;}
	.list_special [data-spec] ul li::before{position:relative; top:7rem;}
	.diagram_cont [data-diag="02"] > strong{
    margin-left: -69rem;}
	.diagram_cont [data-diag] > strong{font-size: 18rem;}
	.diagram_cont [data-diag]{padding: 35rem 0;}
	.diagram_cont [data-diag="02"]{padding:40rem 30rem;}
	.diagram_cont [data-diag="02"] ul{flex-direction:column;}
	.diagram_cont [data-diag="02"] ul li:not(.plus){height:189rem;}
	.diagram_cont [data-diag="02"] ul li:first-child{margin-right:0; margin-bottom:9rem;}
	.diagram_cont [data-diag="02"] ul .plus{width:19rem; height:19rem; margin:15rem 0;}
	.diagram_cont [data-diag="02"] ul li:not(.plus){box-shadow:10rem 10rem 15.75rem 2.25rem rgb(0 139 209 / 7%);}
	.diagram_cont [data-diag="02"] ul li em{font-size:16rem;}
	.list_icon > li > p{padding: 5rem 3rem 7rem; font-size:15rem;}
	.list_icon > li{min-width:auto;}
	.list_icon{max-width:none;}
	.colum4{row-gap:38rem; column-gap:50rem;}
	.list_icon > li{min-width:35%;}
	.diagram_cont [data-diag="03"] .box{width:90%;}
	.diagram_cont [data-diag="03"] .box ul{margin-top:19rem;}
	.list_round{margin-top:20rem; flex-wrap:wrap;}
	.list_round > li{margin:4rem 5rem; font-size:15rem;}
	.platform_spec [data-spec] > li > em{padding:18rem 20rem; font-size:17rem;}
	.platform_spec [data-spec] > li div > p{font-size:15rem;}
	.colum3{row-gap:20rem;}
	.list_spec02 > li p{line-height:1.5; font-size:18rem;}
	.platform_spec [data-spec="gray"] > li > div{min-height:auto;}
	ul.list_spec02::before{top:-79rem; width:57rem; height:49rem;}
	.list_spec02{margin-top:100rem;}
	.area_email .area_box .box_cont .privacy_box{margin:21rem 0 0; padding:19rem;}
	.area_email .area_box .box_cont .privacy_box > li{font-size:14rem; word-break:keep-all;}
	.area_email .area_box .box_cont p{font-size:15rem;}
	label.container{font-size:14rem;}
	.area_email .ckbox{margin:15rem 0 0;}
	.input_box_size_call input{width:-webkit-calc((100%/3) - 7rem); width:calc((100%/3) - 7rem);}
	.inputbox.mail input{width:-webkit-calc((100%/2) - 13rem); width:calc((100%/2) - 13rem);}
	.inputbox .select_box{margin:0;}
	.select_box .box{width:100%; margin:10px 0 0px;}
	.input_box_size_textarea textarea{height:115rem;}
	#inq_submit{width:180rem; padding:16rem 32rem; font-size:15rem;}
	.select_box .box .select{padding:16rem 15rem; font-size:14rem;}
	.input_box_size1,
	.input_box_size1 input{width:100%;}
	.container .checkmark:after{top:2rem; left:7rem;}
	.checkmark{top:2rem;}
	.input_box > span{margin-bottom:12rem; font-size:14rem;}
	.input_box{margin-bottom:20rem;}
	.area_email input[type="text"]{height:50rem;}
    .area_email .area_box .box_cont .privacy_box > li:before{top:7rem;}

	.diagram_cont [data-diag="03"] .box > strong{font-size:20rem;}
	.diagram_cont [data-diag="03"] .box ul li{font-size:15rem;}
	.about_intro .cont [data-intro="rt"]{top: 27rem;}	

	[lang="en-US"] #lnb ul > li > a{font-size:14rem}
	
	[lang="en-US"] .about_intro .txt p{padding:0 10px; word-break: keep-all;} 

	[lang="en-US"] .diagram_cont .colum4{row-gap: 38rem;}
	
	[lang="en-US"] .about_business .cont [data-busi].on > strong,
	[lang="en-US"] .about_business .cont [data-busi] > strong{font-size:21rem}
	
	[lang="en-US"] .about_location .info ul li em{display:block; margin-bottom:5px;}

	[lang="en-US"] .about_intro .txt h2{font-size:23rem}
	[lang="en-US"] .about_location .info > p{width:100%}

	[lang="en-US"] #lnb ul{align-items: stretch;}
	[lang="en-US"] #lnb li.on{border-bottom:3rem solid #fff;}
	[lang="en-US"] #lnb li.on > a{border-bottom:0}
	
	[lang="en-US"] .list_spec02 > li p{font-size:15rem}
	[lang="en-US"] .list_icon > li > p{border-radius: 15rem;word-break: break-word;font-weight: 400;line-height: 1.3;}
	[lang="en-US"] .list_icon > li:nth-child(7) > p{padding:3rem 6rem;}
	[lang="en-US"] .list_icon > li{width:43%;}
	
	[lang="en-US"] .diagram_cont .colum4{column-gap: 20rem;}
	[lang="en-US"] .diagram_cont [data-diag="02"] > strong{margin-left:-84rem;}

	[lang="en-US"] .diagram_cont [data-diag] > strong{text-transform:uppercase;}

	.ecoito-cont{flex-direction: column-reverse; padding:10rem; gap:0; margin-bottom:30rem;}
	.ecoito-cont .logo{top:15rem; right:15rem;}
	.ecoito-cont .logo img{height:15rem;}
	.ecoito-cont .tit{text-align:center;}
	.ecoito-cont .tit > h2{font-size:25rem;}
	.ecoito-cont .tit > div{margin:10rem 0 15rem;}
	.ecoito-cont .tit > div > h4{font-size:13rem; margin:0 0 7rem;}
	.ecoito-cont .tit > div > h3{font-size:22rem;}
	.ecoito-cont .tit .list-txt{text-align:left; padding:12rem; border-radius:8rem;}
	.ecoito-cont .tit .list-txt[data-list="square"] > *::before{top:6rem;}
	.ecoito-cont .tit .list-txt > li{margin:0 0 5rem;}
	.ecoito-cont .tit .list-txt span{font-size:14rem;}
	.ecoito-cont .img img{height:200rem;}

	.data-list{}
	.data-list > li{padding:15rem 10rem;}
	.data-list > li .icon{width:65rem; height:65rem;}
	.data-list > li img{height:28rem;}
	.data-list > li .txt{margin-top:10rem;}
	.data-list > li .txt > h3{margin:0 0 5rem; font-size:16rem;}
	.data-list > li .txt > span{font-size:14rem;}
	.data-list > li:nth-child(3),
	.data-list > li:nth-child(4){min-height:195rem;}

	.ecoiot .colum3{margin:30rem 0 0;}
	.ecoiot .colum3 > li > em{padding:10rem 0; font-size:18rem;}
	.ecoiot .colum3 > li > .box-img h3{font-size:16rem;}
	.ecoiot .colum3 > li > .box-img{margin:0 0 10rem; padding:15rem;}
	#container .ecoiot table.table tbody th{font-size:16rem; padding:10rem;}
	#container .ecoiot table.table tbody tr.first td{font-size:15rem;}
	#container .ecoiot table.table tbody tr td{font-size:15rem; padding:10rem;}

	.program-cont{padding:20rem;}
	.program-cont > h3{margin:0 0 10rem; padding:3rem 10rem; font-size:16rem;}
	.txt-info{margin:7rem 0 0; font-size:13rem;}

}

@media (max-width:340px){
    .input_box_size_call input{width:-webkit-calc((100%/3) - 9rem); width:calc((100%/3) - 9rem);}
}