@charset "utf-8";


.lnb{width:100%; z-index:80; border-bottom:1px solid #eee; background:#fff;}
.lnb.fixed{position:fixed; top:0;}
.lnb .wrap{width:1400px; margin:0 auto;}
.lnb ul{max-width:100%; background:#fff; text-align:left;}
.lnb ul > li{position:relative; height:100%; margin:0 30px 0 0; display:inline-block; box-sizing:border-box;}
.lnb ul > li:last-child{border-right:0;}
.lnb li:before{content:""; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:#f26530 ; opacity:0; transition:0.3s; -webkit-transition:0.3s;}
.lnb li.active:before, .lnb li:hover:before {width:100%; margin-left:-50%; opacity:1;}
.lnb ul > li > a{display:block; border-bottom:none; padding:26px 0; font-size:18px; font-weight:500; color:#777 !important; text-align:center; line-height:1.5em;}
.lnb li:hover > a,
.lnb li.active > a{font-weight:bold; color:#f26530  !important;}

.wimg100{max-width: 100%}

.wow{opacity:0;}
.wow.animated{opacity:1;}
#svisual{position:relative; width:100%; height:521px; margin:0px auto; text-align:left; overflow:hidden;}
#svisual .area_img{width:100%; height:100%;  background-size:cover !important; animation: imagescale 3s ease-in-out alternate;
  -webkit-animation: imagescale 3s ease-in-out alternate;
  -moz-animation: imagescale 3s ease-in-out alternate;
  -o-webkit-animation: imagescale 3s ease-in-out alternate;}

#svisual.v1 .area_img{background:url(../img/sub/svisual01.jpg) no-repeat center 0px;}
#svisual.v2 .area_img{background:url(../img/sub/svisual02.jpg) no-repeat center 0px;}
#svisual.v3 .area_img{background:url(../img/sub/svisual03.jpg) no-repeat center 0px;}
#svisual.v4 .area_img{background:url(../img/sub/svisual04.jpg) no-repeat center 0px;}
#svisual.v5 .area_img{background:url(../img/sub/svisual05.jpg) no-repeat center 0px;}
#svisual .s_text{position:absolute; top:50%; left:50%; max-width:1400px; margin-left:-700px;  box-sizing:border-box; color:#fff; transform:translateY(-25%); text-align:left;}
#svisual #cn{display:none;}
#cn #svisual .s_text{display:none;} 
#cn #svisual #cn{display:block;} 
#svisual .s_text h3{display:block; margin:15px 0 0; line-height:1.3em; font-size:62px; font-weight:700; position:relative;}
#en #svisual .s_text h3{font-size:55px; line-height:1.1em;}

#svisual .s_text > span{display:block; font-size:17px; color:#fff; opacity:0.6; text-transform:uppercase;}
#svisual .s_text > span .bold{display:inline-block; font-weight:bold;}
#ko #svisual .s_text #kr{display:block;}
#ko #svisual .s_text #en{display:none;}
#en #svisual .s_text #kr{display:none;}
#en #svisual .s_text #en{display:block;}

@keyframes imagescale {
  0% {
    transform: scale(1.1)  rotate(.001deg);;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
  }

  100% {
    transform: scale(1.0)  rotate(.001deg);;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
  }
}

#area_title{margin:80px 0;}
#area_title h2{display:block; margin:30px 0 0; font-size:80px; font-weight:bold; color:#222; word-break:keep-all; line-height:1em;}
#area_title.board h2{font-size:55px; margin:0; text-align:Center;}

#area_company{display:block; padding:100px 0 0;}
#area_company.intro{text-align:Center;}
#area_company h2{display:block; margin: 0 0 50px; font-size:65px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
#area_company .area_img{display:block; width:100%;}
#area_company .area_img img{width:100%; height:auto;}
#area_company .area_txt{display:block; width:1300px; margin:0 auto; padding:60px 20px 0; box-sizing:border-box; position:relative; top:-100px; background:#fff;}
#area_company .area_txt h3{display:block; font-size:30px; font-weight:bold; color:#222; line-height:1.45em; word-break:keep-all;}
#area_company .area_txt p{display:block; margin:30px 0 0; font-size:16px; font-weight:400; color:#333; line-height:1.7em; word-break:keep-all;}

#area_vision{position:relative; display:block; padding:110px 0 140px;}
#area_vision .inr{display:flex; align-items: center; justify-content: center;}
#area_vision .area_img{width:auto;}
#area_vision .area_img img{width:auto; max-width:100%;}
#area_vision .area_txt{margin:0 0 0 70px;}
#area_vision .area_txt h3{display:block; margin:0 0 40px; font-size:45px; font-weight:bold; color:#222; line-height:1.3em; word-break:keep-all;}
#area_vision .area_txt p{display:block; margin:20px 0 0; font-size:18px; font-weight:400; color:#333; line-height:1.7em; word-break:keep-all;}
#area_vision .area_txt em{display:block;  margin:0 0 25px; font-size:23px; font-weight:bold; color:#f26530;}
#area_vision .obj_txt{position:absolute; right:0; bottom:0; font-size:145px; font-weight:bold; color:#ededed; opacity:0.4; line-height:1.2em;}

/* 파트너 */
#area_company.partner{text-align:center; padding:100px 0;}
.partner_list{}
.partner_list:after{display:block;visibility:hidden;clear:both;content:""}
#area_company.partner .partner_list > li{float:left; margin: 0 40px 45px 0; width:calc((100% / 3) - 27px); width:-webkit-calc((100% / 3) - 27px);}
#area_company.partner .partner_list > li:nth-child(3n){margin:0 0 45px;}
#area_company.partner .partner_list > li .area_img{position:relative; width:100%; height:140px; border:1px solid #eee; border-radius:10px; box-sizing:border-box;}
#area_company.partner .partner_list > li .area_img img{position:absolute; top:50%; left:50%; width:auto; max-width:100%; transform:translate(-50%, -50%);}
#area_company.partner .partner_list > li span{display:block; margin:15px 0 0; padding:0 10px; font-size:17px; font-weight:500; color:#222; line-height:1.2em; word-break:keep-all;}

/* 핵심가치 */
#area_company.value{text-align:Center;}
#area_company.value #area_gray{margin:0;}
#area_company.value .area_img img{width:auto; max-width:100%;}
.value_list{}
.value_list:after{display:block;visibility:hidden;clear:both;content:""}
.value_list > li{position:relative; float:left; padding:30px 40px; margin:0 55px 55px 0; width:calc((100% / 2) - 27.5px); width:-webkit-calc((100% / 2) - 27.5px); height:240px; background:#fff; border-radius:10px; box-sizing:border-box; box-shadow: 0px 10px 9px 1px rgba(201, 201, 201, 0.1); text-align:left; transition:all 0.5s ease; cursor:pointer;}
.value_list > li:nth-child(2n){margin:0;}
.value_list > li:after{display:block;visibility:hidden;clear:both;content:""}
.value_list > li .list_txt{}
.value_list > li .list_txt em{display:block; margin:0 0 25px; font-size:20px; font-weight:400; color:#999; line-height:1.2em;}
.value_list > li .list_txt h4{display:block; font-size:24px; font-weight:600; color:#222; line-height:1.2em;}
.value_list > li .list_txt span{display:block; margin:10px 0 0; width:calc(100% - 100px); font-size:17px; font-weight:400; color:#777; line-height:1.4em; word-break:keep-all;}
.value_list > li .area_icon{z-index:1; position:absolute; right:30px; bottom:40px; text-align:right; float:right; margin:10px 0 0; width:65px; height:65px;}
.value_list > li .area_icon img{width:auto; height:100%;}
.value_list > li .area_icon:before{content:''; z-index:-1; position:absolute; right:0; bottom:0; width:20px; height:20px; border-radius:50px; background-image: -moz-linear-gradient( -137deg, rgb(242,126,48) 0%, rgb(244,58,21) 100%);
  background-image: -webkit-linear-gradient( -137deg, rgb(242,126,48) 0%, rgb(244,58,21) 100%);
  background-image: -ms-linear-gradient( -137deg, rgb(242,126,48) 0%, rgb(244,58,21) 100%);}
.value_list > li:nth-child(2) .area_icon:before{right:-5px; bottom:-5px;}
.value_list > li:nth-child(3) .area_icon:before{right:5px; bottom:-5px;}
.value_list > li:nth-child(4) .area_icon:before{right:-5px; bottom:-3px;}
.value_list > li:hover{background-image: -moz-linear-gradient( -137deg, rgb(242,126,48) 0%, rgb(244,58,21) 100%);
  background-image: -webkit-linear-gradient( -137deg, rgb(242,126,48) 0%, rgb(244,58,21) 100%);
  background-image: -ms-linear-gradient( -137deg, rgb(242,126,48) 0%, rgb(244,58,21) 100%);}

.value_list > li:hover .list_txt em,
.value_list > li:hover .list_txt h4,
.value_list > li:hover .list_txt span{color:#fff;}


/* 연혁 */
#area_company.history{padding:100px 0;}
#area_company.history .area_title h2{margin:0 0 20px;}
#area_company.history .area_title span{display:block; font-size:27px; font-weight:400; color:#333; line-height:1.3em; word-break:keep-all;}
.history_wrap{position: relative;margin-top: 100px;display: flex;flex-wrap: wrap;}
.history_wrap .fix_year{position: absolute;top:-30px;width: 310px;line-height: 1em;font-size:60px;color: #f26530;font-weight:bold;}
.history_wrap .history_list{position: relative;width: calc(100% - 310px);left: 310px; padding:0 0 0 170px;}
.history_wrap .history_list .line{position:absolute; top:0; left:0; bottom:0; width:1px; height:100%; background:#eee;}
.history_wrap .history_list .list + .list{margin-top:110px;}
.history_wrap .history_list .year{display:none;font-size: 6.6rem;line-height: 0.9em;;}
.history_wrap .history_list ul{position:relative; width: 100%;border-top: 2px solid #222; border-bottom:1px solid #eee; padding: 33px 0 35px;}
.history_wrap .history_list ul li{position: relative; margin:0 0 25px;}
.history_wrap .history_list ul li:last-child{margin:0;}
.history_wrap .history_list ul li em{position:relative; width:40px; top:-3px; vertical-align:top; display:inline-block; font-size:30px; font-weight:600; color:#333;}
.history_wrap .history_list ul li span{display:inline-block; width:calc(100% - 55px); margin:0 0 0 12px; font-size:24px; font-weight:300; color:#444; line-height:1.4em; word-break:keep-all;}
.history_wrap .history_list ul:before{content:''; position:absolute; top:-12px; left:-181px; width:22px; height:22px; background:transparent; border:1px solid #eee; border-radius:15px;}
.history_wrap .history_list ul:after{content:''; position:absolute; top:-6px; left:-175px; width:10px; height:10px; background:#ddd; border-radius:5px;}
.history_wrap .history_list .list.active ul:before{border:1px solid #f26530;}
.history_wrap .history_list .list.active ul:after{background:#f26530; }
#historyLine{display:block; width:1px; height:0%; background:#f26530;}


#area_tech{padding:100px 0 0;}
#area_tech h2{text-align:center; display:block; margin: 0 0 50px; font-size:55px; font-weight:bold; color:#222; line-height:1.2em; word-break:keep-all;}
#area_tech .tech_top{}
#area_tech .tech_top > .inr > .area_img{width:100%; height:auto; border:1px solid #eee; box-sizing:border-box; box-shadow: 0px 5px 12.75px 2.25px rgba(201, 201, 201, 0.1);}
#area_tech .tech_top > .inr > .area_img img{width:100%; height:auto;}
#area_tech .tech_top > .inr > .area_txt{display:block; margin:70px 0 0;}
#area_tech .tech_top > .inr > .area_txt p{display:block; margin:0 0 30px; font-size:17px; font-weight:400; color:#333; line-height:1.7em; word-break:keep-all;}
#area_gray{display:block; margin:110px 0 0; background:#f9f9f9; padding:110px 0;}
#area_gray.board{margin:0;}
#area_gray .techSwiper{overflow-x:hidden; margin:50px 0 0;}
#area_gray h3{display:inline-block; padding:10px 25px; background:#f26530; border-radius:0 50px 50px 0; box-shadow: 0px 5px 9px 1px rgba(255, 195, 155, 0.42); font-size:20px; font-weight:500; color:#fff; line-height:1.2em; word-break:keep-all;}
#area_gray .area_img{display:block; width:100%; padding:50px; box-sizing:border-box; background:#fff; border:1px solid #eee; text-align:center;}
#area_gray .area_img img{width:auto; max-width:100%;}
.techSwiper .swiper-slide{margin:0 0 40px; background:#fff; border:1px solid #eee; border-radius:10px; box-sizing:border-box; padding:25px; box-sizing:border-box;}
.techSwiper .swiper-slide em{display:inline-block; margin:0 0 10px; font-size:16px; font-weight:500; color:#f26530; line-height:1.1em; word-break:keep-all;}
.techSwiper .swiper-slide h4{display:block; min-height:129px; word-break:keep-all; font-size:23px; font-weight:600; color:#222; line-height:1.4em;}

.swiper-container-horizontal>.swiper-scrollbar{position:relative; left:0; right:0; width:100%; bottom:0; opacity:1 !important;}
.techSwiper .swiper-scrollbar-drag{background:#f26530;}

#area_tech #area_vision{padding:0; margin:70px 0 0;}
.tech_list{}
.tech_list:after{display:block;visibility:hidden;clear:both;content:""}
.tech_list > li{float:left; margin:0 60px 0 0; width:calc((100% / 2) - 30px);}
.tech_list > li:nth-child(2){margin:0;}
.tech_list > li h3{margin:0 0 35px;}
.tech_list > li .area_img{width:100%; padding:30px; box-sizing:border-box; border:1px solid #eee; box-sizing:border-box; background:#fff; text-align:center;}
.tech_list > li .area_img img{width:auto; max-width:100%;}


.area_table{margin:30px 0 0;}
.area_table img{width:auto; max-width:100%;}
.pipeline .scon .table_box table thead{border-top: 1px solid #222;}
.pipeline .scon .table_box table thead th{position:relative; font-weight:600; font-size:18px; letter-spacing:-0.025em; color: #222; text-align: center; background: #fafafa; padding: 23px 0; border-bottom: 1px solid #ccc;}
.pipeline .scon .table_box table thead th::after{content:""; position:absolute; top: 50%; right: 0; width: 1px; height: 16px; background: #ccc; transform:translateY(-50%);}
.pipeline .scon .table_box table thead th:last-of-type::after{display:none; }
.pipeline .scon .table_box table tbody{}
.pipeline .scon .table_box table tbody td{position:relative; font-size:16px; letter-spacing:-0.025em; color: #555; text-align: center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 23px 0;}
.pipeline .scon .table_box table tbody td:first-of-type{font-weight: 600; color: #222; cursor: pointer;}
.pipeline .scon .table_box table tbody td:last-of-type{border-right: none;	}
.pipeline .scon .table_box table tbody td .line{position:absolute; top: 0; left: 0; display:inline-block; vertical-align: top; width: 100%; height: 100%; font-size:0; text-align: left;}
.pipeline .scon .table_box table tbody td .line span{display:inline-block; vertical-align: top; width: 50%; height: 100%; border-right: 1px solid #ccc;}
.pipeline .scon .table_box table tbody td .progress{position:relative; width: 0; height: 26px; border-radius:15px; background: rgb(42,214,189); background: linear-gradient(120deg, rgba(42,214,189,1) 0%, rgba(2,131,82,1) 100%); opacity: 0;}
.pipeline .scon .table_box table tbody td .progress::before{content:""; position:absolute; top: 50%; left: 8px; width: 10px; height: 10px; transform:translateY(-50%); border-radius:50%; background: #fff;}
.pipeline .scon .table_box table tbody td .progress::after{content:""; position:absolute; top: 50%; right: -16px;	 background:url(/img/sub/icon_pipe.png) 50% 50% no-repeat; background-size:cover; display:inline-block; width: 43px; height: 26px; transform:translateY(-50%);}
.pipeline .scon .table_box table tbody td .progress.on{animation:move 1.6s both}

@keyframes move{
	0%{width: 0%; opacity: 0;}
	100%{width: calc(100% - 16px); opacity: 1;}

}
@keyframes move1{
	0%{width: 0%; opacity: 0;}
	100%{width:85%; opacity: 1;}

}
@keyframes move2{
	0%{width: 0%; opacity: 0;}
	100%{width: 90%; opacity: 1;}

}
@keyframes move3{
	0%{width: 0%; opacity: 0;}
	100%{width: 80%; opacity: 1;}

}
@keyframes move4{
	0%{width: 0%; opacity: 0;}
	100%{width: calc(100% - 33.33%); opacity: 1;}

}

table{border-spacing: 0px; border-style: none; border-top:1px solid #eee;}
.table{width:100%;}
.table tbody tr{background:#fff;}
.table tbody tr th{text-align:center; background:#ffecd1; border-bottom:1px solid #ffdfb1; border-left:1px solid #ffdfb1; border-right:1px solid #ffdfb1; padding:35px 10px; font-size:20px; font-weight:600; color:#222;}
.table tbody tr:first-child th{border-top:1px solid #ffdfb1;}
.table tbody tr:last-child th,
.table tbody tr:last-child td{border-bottom:none;}
.table tbody tr td{position:relative; padding:20px 0; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; word-break:break-all;}
.table tbody tr:last-child{background:none; }
.table tbody tr:last-child td{border-right:none; font-size:18px; font-weight:600; color:#222; line-height:1.1em; word-break:break-word;}

.table tbody td .line{position:absolute; top: 0; left: 0; display:inline-block; vertical-align: top; width: 100%; height: 100%; font-size:0; text-align: left;}
.table tbody td .line span{display:inline-block; vertical-align: top; width: 25%; height: 100%; border-right: 1px solid #eee;}
/*.table tbody td .line.v1 .line3{position:relative; right:-1px;}*/
.table tbody td .line.v2 span{width:33.33%;}
.table tbody td .progress{position:relative; width: 0; height: 15px;  background-image: -moz-linear-gradient( 0deg, rgb(250,156,94) 0%, rgb(249,78,44) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(250,156,94) 0%, rgb(249,78,44) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(250,156,94) 0%, rgb(249,78,44) 100%); opacity: 0;}
.table tbody td .progress::after{content:""; position:absolute; top: 50%; right: -16px;	 width:0; height: 0; border-left:20px solid #f94f2c;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent; transform:translateY(-50%);}
.table tbody td .progress.on{animation:move 1.6s both;}
.table tbody .t01 td .progress.on{animation:move1 1.6s both;}
.table tbody .t04 td .progress.on{animation:move2 1.6s both;}
.table tbody .t05 td .progress.on{animation:move3 1.6s both;}
.table tbody .t06 td .progress.on{animation:move4 1.6s both;}
.table tbody .t06 td .progress::after{right: -19px;}

/* 문의하기 */
#area_company.cs{padding:100px 0;}
#area_company.cs h2{font-size:55px; text-align:center;}
.input_list{display:block; width:1000px; padding:0 0 30px; margin:70px auto 0;}
.input_list > li{position:relative; display:block; margin:0 0 40px;}
.input_list > li:after{content:''; display:block; clear:both;}
.input_list > li:last-child{margin:0;}
.input_list > li > div{float:left; margin:0 20px 0 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
.input_list > li > div:last-child{margin:0;}
.input_list > li label{display:block; margin:0 0 10px; font-size:15px; color:#333; font-weight:bold;}
.input_list > li input{width:100%; border:1px solid #ddd; border-radius:5px; background:#f9f9f9; height:60px; padding:20px; box-sizing:border-box; font-size:15px; color:#999; font-family:'Roboto', 'Noto Sans KR', sans-serif; outline:none;}
.input_list > li textarea{width:100%; border:1px solid #ddd; border-radius:5px; background:#f9f9f9; height:200px; padding:20px; box-sizing:border-box; font-size:15px; color:#999; resize:none; outline:None; font-family:'Noto Sans KR', sans-serif;}
.input_list > li.button input{float:left; width:calc(100% - 200px); width:-webkit-calc(100% - 200px); margin:0 20px 0 0; font-size:15px; color:#777; }
.input_list > li button{float:left; width:180px; height:60px; line-height:60px; background:#444; border-radius:5px; box-sizing:border-box; border:none; text-align:center; font-size:15px; color:#fff;}
.input_list > li input::placeholder { color:#777; }

#area_cs form{text-align:left;}
#area_cs .area_box{width:1000px; margin:0 auto; border:none; }
#area_cs .area_box h3{display:block; font-size:22px; color:#333; word-break:keep-all; line-height:1.4em;}
#area_cs .area_box .box_cont .privacy_box{margin:20px 0 0; padding:25px 30px; box-sizing:border-box; background:#f9f9f9; border:1px solid #d6d6d6; border-radius:5px;}
#area_cs .area_box .box_cont .privacy_box > li{display:block; padding:0 0 10px; font-size:15px; font-weight:400; color:#333; line-height:1.5em;}
#area_cs .area_box .box_cont .privacy_box > li:last-child{padding:0;}
#area_cs .ckbox{margin:35px 0 0; text-align:left;}
#area_cs .ckbox input[type="checkbox"]{display:none; width:15px; height:15px;}
#area_cs .ckbox input[type="checkbox"] + label span{display:inline-block; margin-right:5px; width:26px; height:26px; background:url(../img/sub/img_check.png) left top no-repeat; cursor: pointer;}
#area_cs .ckbox input[type="checkbox"]:checked + label span{background:url(../img/sub/img_check.png) -27px top no-repeat;}
#area_cs .ckbox em{position:relative; top:-6px; font-size:18px; font-weight:400; color:#222; line-height:1.4em;}
#area_cs .area_btn{display:block; margin:60px 0 0; text-align:center;}
#area_cs .area_btn #inq_submit{min-width:200px; padding:19px 10px; box-sizing:border-box; background:#f26530; box-shadow: 0px 5px 9px 1px rgba(255, 195, 155, 0.42); font-size:16px; font-weight:400; color:#fff; border:none; outline:None; cursor: pointer; border-radius:100px; font-family:'Roboto', 'Noto Sans KR', sans-serif;}
.sub04_01 #area_cs .box > h3{text-align:Center;}
.text_color01{color:#f26530;}

/*checkbox_custom*/
label.container{display:block;position:relative;margin-bottom:40px;padding-left:27px;color:#222;font-size:17px;font-weight:400;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.container input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:0;left:0;width:19px;height:19px;border:1px solid #ddd;}
.container:hover input ~ .checkmark{}
.container input:checked ~ .checkmark{border:1px solid #284fa2;background-color:#ffffff;}
.checkmark:after{display:none;position:absolute;content:"";}
.container input:checked ~ .checkmark:after{display:block;}
.container .checkmark:after{top:3px;left:7px;width:5px;height:9px;border:solid #284fa2;border-width:0 1px 1px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}

#area_cs .area_top{margin:30px 0 0; text-align:center;}
#area_cs .area_top h3{display:block; font-size:30px; font-weight:500; color:#333; line-height:1.5em; word-break:keep-all;}
#area_cs .area_top h3 .txt_blue{color:#284fa2;}
#area_cs .area_top span{display:inline-block; margin:7px 0 0; font-size:16px; font-weight:400; color:#777; line-height:1.5em; word-break:keep-all;}
#area_cs .box{text-align:left;}

.area_view{padding:0 0 100px;}
@media (max-width:1500px) {
	#svisual .s_text{max-width:100%; margin-left:0; left:5%;}
	#svisual .s_text h3{font-size:55px;}
	#en #svisual .s_text h3{font-size:50px;}
	.lnb .wrap{width:90%;}
	#area_company h2{font-size:58px;}

	#area_tech h2,
	#area_company.cs h2,
	#area_title.board h2{font-size:50px;}
}

@media (max-width:1400px) {
	#area_company.intro{padding:100px 0 50px;}
	#area_company .area_txt{width:90%; padding:35px 20px 0; top:-70px;}

	#area_vision{padding:100px 0 140px;}
	#area_vision .area_txt h3{font-size:38px;}

	.techSwiper .swiper-slide h4{font-size:20px; line-height:1.3em;}
}

@media (max-width:1300px) {
	.value_list > li{margin:0 40px 40px 0; width:calc((100% / 2) - 20px); width:-webkit-calc((100% / 2) - 20px);}

	.history_wrap .fix_year{width:250px;}
	.history_wrap .history_list{left:250px; width:calc(100% - 250px); padding:0 0 0 120px;}
	.history_wrap .history_list ul:after{left:-125px;}
	.history_wrap .history_list ul:before{left:-131px;}
	.history_wrap .history_list ul li{margin:0 0 20px;}
	.history_wrap .history_list ul li em{font-size:25px;}
	.history_wrap .history_list ul li span{margin:0; width:calc(100% - 45px); font-size:22px;}

	#area_tech .tech_top > .inr > .area_txt{margin:50px 0 0;}
	#area_tech .tech_top > .inr > .area_txt p{margin:0 0 20px;}
	#area_tech .tech_top > .inr > .area_txt p br{display:none;}

	.tech_list > li{margin:0 40px 0 0; width:calc((100% / 2) - 20px); width:-webkit-calc((100% / 2) - 20px);}
}
@media (max-width:1200px) {
	#svisual .s_text h3{font-size:50px;}
	#en #svisual .s_text h3{font-size:45px;}
	#area_company h2{font-size:55px;}
	#area_tech h2{margin:0 0 30px; font-size:45px;}
	#area_company.cs h2,
	#area_title.board h2{font-size:45px;}

	#area_vision .area_img{width:45%;}
	#area_vision .area_txt{margin:0 0 0 5%; width:50%;}
	#area_vision .area_txt h3{font-size:33px;}
	#area_vision .area_txt p{font-size:17px;}

	#area_company.partner .partner_list > li{margin:0 25px 30px 0; width:calc((100% / 3) - 17px); width:-webkit-calc((100% / 3) - 17px);}
	#area_vision .area_txt em{font-size:21px; margin:0 0 10px;}
}

@media (max-width:1150px) {
	#area_tech #area_vision .area_txt p br{display:none;}
	.input_list,
	#area_cs .area_box{width:100%;}
}
@media (max-width:1100px) {
	#area_company,
	#area_tech{padding:70px 0 0;}
	#area_company.intro{padding:70px 0 40px;}
	#area_company.partner,
	#area_company.history,
	#area_company.cs{padding:70px 0;}
	.area_view{padding:0 0 70px;}
	#svisual{height:450px;}
	#svisual .s_text h3{font-size:45px;}
	#en #svisual .s_text h3{font-size:40px;}
	#area_company h2{font-size:50px;}
	#area_tech h2{font-size:40px;}
	#area_company.cs h2,
	#area_title.board h2{font-size:40px;}

	#area_vision{padding:70px 0 100px;}
	.value_list > li{padding:25px 30px; margin:0 30px 30px 0; width:calc((100% / 2) - 15px); width:-webkit-calc((100% / 2) - 15px);}
	.value_list > li .area_icon{bottom:30px;}

	#area_gray{margin:70px 0 0; padding:70px 0;}
	.table tbody tr th{padding:25px 5px; font-size:18px;}
	.table tbody tr:last-child td{font-size:16px;}
}

@media (max-width:1024px) {
	#area_vision .area_txt h3{margin:0 0 20px; font-size:30px;}
	#en #area_vision .area_txt h3 br{display:none;}
	#area_vision .area_txt p{margin:15px 0 0;}
	#en #area_vision .area_txt p br{display:none;}
	#area_vision .obj_txt{font-size:100px;}

	#area_company .area_img{width:70%; margin:0 auto; }
	#area_company.value #area_gray{padding:40px 0 ;}
	.value_list > li{padding:25px; height:200px;}
	.value_list > li .list_txt em{font-size:18px; margin:0 0 15px;}
	.value_list > li .list_txt h4{font-size:22px;}
	.value_list > li .list_txt span{margin:7px 0 0; font-size:16px;}
	.value_list > li .list_txt span br{display:none;}
	.value_list > li .area_icon{width:55px; height:55px;}
	.value_list > li .area_icon:before{width:15px; height:15px;}

	#area_company.partner .partner_list > li{margin:0 20px 25px 0; width:calc((100% / 3) - 13.5px); width:-webkit-calc((100% / 3) - 13.5px);}
	#area_company.partner .partner_list > li span{margin:10px 0 0; font-size:16px;}
	#area_company.partner .partner_list > li .area_img{height:120px;}
	#area_company.partner .partner_list > li .area_img img{max-width:80%;}

	#area_company.history .area_title span{font-size:20px;}
	.history_wrap{margin-top:70px;}
	.history_wrap .fix_year{width:200px; font-size:50px;}
	.history_wrap .history_list{left:200px; width:calc(100% - 200px); padding:0 0 0 80px;}
	.history_wrap .history_list ul:after{left:-85px;}
	.history_wrap .history_list ul:before{left:-91px;}
	.history_wrap .history_list ul li{margin:0 0 15px;}
	.history_wrap .history_list ul li em{font-size:22px;}
	.history_wrap .history_list ul li span{font-size:20px;}
	.history_wrap .history_list .list + .list{margin-top:70px;}

	#area_gray h3{font-size:18px;}
	#area_gray .techSwiper{margin:30px 0 0;}
	#area_tech .tech_top > .inr > .area_txt{margin:40px 0 0;}
	#area_vision .area_txt em{font-size:18px;}
	
	.input_list{margin:40px auto 0;}
	.input_list > li label{margin:0 0 7px;}
	.input_list > li{margin:0 0 15px;}
	.input_list > li > div{width:100%; margin:0 0 15px;}
	.tech_list > li{margin:0 30px 0 0; width:calc((100% / 2) - 15px); width:-webkit-calc((100% / 2) - 15px);}

}
@media (max-width:900px) {
	#svisual .s_text h3{font-size:40px;}
	#en #svisual .s_text h3{font-size:35px;}
	#area_company h2{font-size:45px;}
	#area_tech h2{font-size:35px;}
	#area_company.cs h2,
	#area_title.board h2{font-size:35px;}

	#area_vision .area_txt h3{font-size:27px;}
	#area_vision .area_txt p{margin:10px 0 0; font-size:16px;}
	#area_vision .obj_txt{font-size:85px;}

	.value_list > li{padding:20px; margin:0 20px 20px 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
	.value_list > li .area_icon{bottom:20px;}

	#area_company.history .area_title span{font-size:17px;}
	.history_wrap{margin:50px 0 0;}
	.history_wrap .fix_year{width:150px; font-size:45px; top:-25px;}
	.history_wrap .history_list{left:150px; width:calc(100% - 150px); padding:0 0 0 50px;}
	.history_wrap .history_list ul:after{left:-55px;}
	.history_wrap .history_list ul:before{left:-61px;}
	.history_wrap .history_list ul li{margin:0 0 12px;}
	.history_wrap .history_list ul li em{top:-2px;}
	.history_wrap .history_list ul li span{font-size:18px;}
	.history_wrap .history_list .list + .list{margin-top:50px;}

	.tech_list > li{margin:0 20px 0 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}

	#area_tech .tech_top > .inr > .area_txt{margin:30px 0 0;}
	#area_tech .tech_top > .inr > .area_txt p{font-size:16px; margin:0 0 15px; line-height:1.5em;}
}

@media (max-width:850px) {
	.table tbody tr th{padding:20px 5px; font-size:16px;}
	.table tbody tr:last-child td{font-size:15px;}
	.table tbody td .progress{height:12px;}
	.table tbody td .progress::after{
	border-left: 17px solid #f94f2c;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;}
	.table tbody .t06 td .progress::after{right:-16px;}
	.table tbody tr td{padding:15px 0;}
}
@media (max-width:800px) {
	#area_vision .inr{flex-direction: column;}
	#area_vision .area_txt{width:auto; text-align:center; margin:30px 0 0;}

	.value_list > li .list_txt em{font-size:17px; margin:0 0 12px;}
	.value_list > li .list_txt h4{font-size:20px;}
	.value_list > li .list_txt span{width:calc(100% - 50px); margin:5px 0 0; font-size:15px;}
	.value_list > li .area_icon{width:45px; height:45px;}
	.value_list > li .area_icon:before{width:12px; height:12px;}

	#area_gray .tech_list h3{margin:0 0 20px;}
	#area_gray .area_img{padding:30px;}

}
@media (max-width:768px) {
	#area_company{padding:60px 0;}
	#area_company.intro,
	#area_company.history,
	#area_company.cs{padding:60px 0;}
	#area_tech{padding:60px 0 0;}
	.area_view{padding:0 0 60px;}

	#svisual{height:400px;}
	#svisual .s_text{left:3%;}
	#svisual .s_text h3{font-size:35px;}
	#en #svisual .s_text h3{font-size:30px;}
	#area_company h2{font-size:40px; margin:0 0 30px;}
	.lnb .wrap{width:94%;}
	.lnb ul > li{margin:0 15px 0 0;}
	.lnb ul > li > a{padding:20px 0; font-size:16px;}
	#area_company .area_txt{top:0; width:100%; }
	#area_company .area_txt h3{font-size:25px;}
	#area_company .area_txt p{margin:15px 0 0;}
	#area_company .area_txt{padding:35px 20px ;}

	#area_vision{padding:60px 0 80px;}
	#area_vision .area_img{width:50%;}
	#area_vision .obj_txt{font-size:75px;}

	#area_company .area_img{width:85%;}
	#area_company.value #area_gray{padding:30px 0;}
	.value_list > li{margin:0 0 15px; padding:35px 20px; width:100%; height:auto;}
	.value_list > li:nth-child(2n){margin:0 0 15px;}

	#area_company.partner{padding:60px 0;}
	#area_company.partner .partner_list > li{margin:0 20px 25px 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
	#area_company.partner .partner_list > li:nth-child(3n){margin:0 20px 25px 0;}
	#area_company.partner .partner_list > li:nth-child(2n){margin:0 0 25px;}
	#area_company.partner .partner_list > li span{margin:7px 0 0; font-size:15px;}
	#area_company.partner .partner_list > li .area_img img{max-width:auto;}

	#area_company.history .area_title h2{margin:0 0 15px;}
	#sticky-wrapper .fix_year{display:none;}
	.history_wrap{margin:30px 0 0 ;}
	.history_wrap .history_list{width:100%; left:0; padding:0 0 0 30px;}
	.history_wrap .history_list .year{display:block; margin:0 0 20px; line-height: 1em; font-size: 40px; color: #f26530; font-weight: bold;}
	.history_wrap .history_list ul{padding:20px 0 22px;}
	.history_wrap .history_list ul:after{top:-46px; left:-35px;}
	.history_wrap .history_list ul:before{top:-52px; left:-41px;}

	#area_gray h3{padding:7px 17px; font-size:16px;}
	#area_tech .tech_top > .inr > .area_txt p{font-size:15px;}
	#area_gray{margin:60px 0 0; padding:60px 0;}
	.techSwiper .swiper-slide{padding:20px;}
	.techSwiper .swiper-slide h4{font-size:18px;}

	#area_tech #area_vision{margin:40px 0 0;}

	.table tbody tr th{padding:15px 5px; font-size:15px;}
	.table tbody tr:last-child td{font-size:12px;}
	.table tbody tr td{padding:12px 0;}


}

@media (max-width:650px) {
	#area_company,
	#area_company.partner,
	#area_company.history,
	#area_company.cs{padding:50px 0;}
	#area_company.intro{padding:50px 0;}
	#area_company.value{padding:50px 0 0;}
	.area_view{padding:0 0 50px;}
	#area_tech{padding:50px 0 0;}
	#svisual{height:350px;}
	#svisual .s_text h3{margin:10px 0 0; font-size:30px;}
	#en #svisual .s_text h3{font-size:25px;}
	#area_company h2{font-size:35px}
	#area_company .area_txt h3{font-size:22px;}
	#area_company .area_txt p br{display:none;}

	#area_vision{padding:50px 0 70px;}
	#area_vision .area_txt h3{margin:0 0 15px; font-size:23px;}
	#area_vision .area_txt p{font-size:15px;}
	#area_vision .obj_txt{font-size:60px;}

	#area_company.history .area_title span{font-size:16px;}
	.history_wrap .history_list .year{margin:0 0 18px; font-size:33px;}
	.history_wrap .history_list ul li em{font-size:20px; width:30px;}
	.history_wrap .history_list ul li span{font-size:16px; width:calc(100% - 35px);}
	.history_wrap .history_list .list + .list{margin-top:30px;}
	.history_wrap .history_list ul:after{width:7px; height:7px; top:-39px; left:-34px;}
	.history_wrap .history_list ul:before{width:15px; height:15px; top:-43px; left:-38px;}
	
	#area_tech h2{font-size:30px;}
	#area_gray h3{padding:7px 15px; font-size:15px;}
	#area_tech .tech_top > .inr > .area_txt p{font-size:14px;}
	#area_gray .techSwiper{margin:20px 0 0;}
	.techSwiper .swiper-slide{padding:15px; margin:0 0 25px;}
	.techSwiper .swiper-slide em{font-size:15px; margin:0 0 6px;}
	.techSwiper .swiper-slide h4{font-size:17px;}

	#area_tech #area_vision{margin:30px 0 0;}
	#area_company.cs h2,
	#area_title.board h2{font-size:30px;}
	.input_list > li label{font-size:13px;}
	.input_list > li input{padding:12px; font-size:14px; height:50px;}
	.input_list > li textarea{padding:12px; font-size:14px; height:120px;}
	#area_title{margin:50px 0;}


	.area_table{overflow:auto;}
	.area_table .table{width:650px;}
}

@media (max-width:600px) {
	#area_gray .tech_list h3{margin:0 0 15px;}
	.tech_list > li{width:100%; margin:0 0 25px;}
}
@media (max-width:550px) {
	#area_company,
	#area_company.partner,
	#area_company.history,
	#area_company.cs{padding:40px 0;}
	#area_company.intro{padding:40px 0;}
	#area_company.value{padding:40px 0 0;}
	.area_view{padding:0 0 40px;}
	#area_tech{padding:40px 0 0;}
	#svisual{height:300px;}
	#svisual .s_text > span{font-size:16px;}
	#svisual .s_text h3{font-size:27px;}
	#en #svisual .s_text h3{font-size:22px; width:80%;}
	#en #svisual .s_text h3 br{display:none;}
	#area_company h2{font-size:27px}
	#area_company .area_txt{padding:30px 20px 0;}
	#area_company .area_txt h3{font-size:20px;}
	#area_company .area_txt p{font-size:15px; line-height:1.5em;}
	.lnb ul > li{margin:0 10px 0 0;}
	.lnb ul > li > a{padding:13px 0; font-size:15px;}

	#area_vision{padding:40px 0 60px;}
	#area_vision .area_img{width:60%;}
	#area_vision .area_txt{margin:20px 0 0;}
	#area_vision .area_txt h3{font-size:20px;}
	#area_vision .area_txt p{font-size:14px; margin:7px 0 0; line-height:1.5em;}
	#area_vision .obj_txt{font-size:50px;}

	.value_list > li{padding:25px 20px 30px; margin:0 0 10px;}
	.value_list > li .list_txt em{margin:0 0 10px; font-size:16px;}
	.value_list > li .list_txt h4{font-size:18px;}
	.value_list > li .list_txt span{margin:4px 0 0; font-size:14px;}
	.value_list > li .area_icon{right:20px; width:40px; height:40px;}

	#area_company.partner .partner_list > li{margin:0 12px 20px 0; width:calc((100% / 2) - 6px); width:-webkit-calc((100% / 2) - 6px);}
	#area_company.partner .partner_list > li:nth-child(3n){margin:0 12px 20px 0;}
	#area_company.partner .partner_list > li:nth-child(2n){margin:0 0 20px;}
	#area_company.partner .partner_list > li span{font-size:14px; word-break:break-all;}
	#area_company.partner .partner_list > li .area_img{height:85px;}

	#area_company.history .area_title h2{margin:0 0 10px;}
	#area_company.history .area_title span{font-size:14px;}
	.history_wrap .history_list{padding:0 0 0 20px;}
	.history_wrap .history_list .year{margin:0 0 15px; font-size:30px;}
	.history_wrap .history_list ul{padding:15px 0 17px;}
	.history_wrap .history_list ul:after{top:-33px; left:-23px;}
	.history_wrap .history_list ul:before{top:-37px; left:-27px;}
	.history_wrap .history_list ul li{margin:0 0 10px;}
	.history_wrap .history_list ul li em{font-size:18px; width:25px;}
	.history_wrap .history_list ul li span{font-size:15px; width:calc(100% - 30px);}

	#area_tech h2{margin:0 0 20px; font-size:25px;}

	#area_tech .tech_top > .inr > .area_txt{margin:20px 0 0;}
	#area_tech .tech_top > .inr > .area_txt p{font-size:14px;}
	#area_gray{margin:40px 0 0; padding:40px 0;}

	#area_gray h3{padding:6px 15px; font-size:14px;}
	#area_gray .techSwiper{margin:15px 0 0;}
	.techSwiper .swiper-slide{padding:12px; margin:0 0 20px;}
	.techSwiper .swiper-slide em{font-size:14px; margin:0 0 4px;}
	.techSwiper .swiper-slide h4{font-size:16px; min-height:80px;}

	#area_gray .area_img{padding:20px;}
	#area_vision .area_txt em{font-size:16px; margin:0 0 7px;}

	#area_company.cs h2{font-size:25px;}
	.input_list{margin:20px auto 0; padding:0 0 20px;}
	.input_list > li{margin:0 0 10px;}
	.input_list > li label{font-size:12px; margin:0 0 5px;}
	.input_list > li input{padding:10px;}
	#area_cs .area_box h3{font-size:18px;}
	#area_cs .area_box .box_cont .privacy_box{margin:10px 0 0; padding:10px;}
	#area_cs .area_box .box_cont .privacy_box > li{font-size:14px; line-height:1.4em;}
	#area_cs .ckbox{margin:15px 0 0;}
	#area_cs .ckbox em{top:-7px; font-size:15px;}
	#area_cs .area_btn{margin:30px 0 0;}
	#area_title{margin:40px 0;}

	.table tbody tr th{font-size:14px;}

}

@media (max-width:500px) {
	#area_tech #area_vision{margin:10px 0 0;}
	.lnb ul > li > a{padding:11px 8px; font-size:14px;}
	.lnb .wrap{width:100%;}
	.lnb ul{display:table; width:100%; text-align:center;}
	.lnb ul > li{display:table-cell; white-space:nowrap;}
	.lnb > div{width:100%; height:100%; overflow-x:scroll; overflow-y:hidden;}
}
@media (max-width:450px) {
	#area_company,
	#area_company.partner,
	#area_company.history,
	#area_company.cs{padding:30px 0;}
	#area_company.intro{padding:30px 0;}
	#area_company.value{padding:30px 0 0;}
	#area_tech{padding:30px 0 0;}
	.area_view{padding:0 0 30px;}
	#svisual{height:250px;}
	#svisual .s_text > span{font-size:15px;}
	#svisual .s_text h3{font-size:24px;}
	#en #svisual .s_text h3{font-size:20px;}
	#area_company h2{font-size:24px; margin:0 0 20px;}
	#area_company .area_txt{padding:20px 20px 0;}
	#area_company .area_txt h3{font-size:19px; line-height:1.3em;}
	#area_company .area_txt p{margin:10px 0 0; font-size:14px;}
	
	
	#area_vision{padding:30px 0 50px;}
	#area_vision .obj_txt{font-size:40px;}
	#area_vision .area_txt{margin:15px 0 0;}
	#area_vision .area_txt h3{margin:0 0 10px;}

	#area_company .area_img{width:100%;}
	.value_list > li{padding:20px 15px 25px;}
	.value_list > li .list_txt em{margin:0 0 7px; font-size:14px;}
	.value_list > li .list_txt h4{font-size:16px;}
	.value_list > li .list_txt span{margin:3px 0 0; font-size:13px;}
	.value_list > li .area_icon{right:15px; width:35px; height:35px;}
	#area_company.partner .partner_list > li span{font-size:13px;}
	#area_company.partner .partner_list > li .area_img{height:70px;}

	.history_wrap .history_list{padding:0 0 0 20px;}
	.history_wrap .history_list .year{font-size:27px;}
	.history_wrap .history_list ul{padding:15px 0;}
	.history_wrap .history_list ul li{margin:0 0 7px;}
	.history_wrap .history_list ul li em{font-size:17px;}
	.history_wrap .history_list ul li span{font-size:14px;}

	#area_tech h2{margin:0 0 15px; font-size:20px;}
	#area_gray{margin:30px 0 0; padding:30px 0;}
	#area_company.cs h2{font-size:20px;}
	#area_title{margin:30px 0;}



}

@media (max-width:350px) {
	#svisual{height:200px;}
	#svisual .s_text > span{font-size:14px;}
	#svisual .s_text h3{font-size:21px; margin:5px 0 0;}
	#en #svisual .s_text h3{font-size:19px;}
	.lnb ul > li > a{font-size:13px;}
	#area_company h2{font-size:22px;}
	#area_company .area_txt h3{font-size:17px;}
	#area_company .area_txt h3 br{display:none;}
}