@charset "utf-8";
@import url('bbs_custom.css');

/* header black */
#header .inr:before{content:''; opacity:1; position:absolute; left:0px; top:99px; display:block; width:100%; height:1px; background:#e4e4e4; transition:opacity 0.2s linear 0s;}
#header .inr h1 > a{background-image:url(../images/common/logo_blue.svg);}
#header .inr nav .gnb > li > a{color:#333;}
#header .inr .area_lang button{color:#222;}
#header .inr .area_lang button:before{background-image:url(../images/common/ico_lang_black.png)}
#header.active .inr h1 > a{background-image:url(../images/common/logo.svg);}
.list_lang{border:1px solid #ddd;}
.btn_menu span:before{background-image:url(../images/common/ico_menuopen_b.png);}

/* layout */
#content{padding-top:50px;}
[data-subarea]{position:relative; padding:150px 0px;}
[data-subarea] .inr{max-width:1400px; margin:0 auto; padding:0 20px;}
[data-subarea] > .box{position:relative;}
[data-subarea].gray{background:#f7f7f7;}
[data-subarea] [class*="obj_bg"]{display:block; position:absolute;}
.inr.white{background:#fff;}
.inr.gray{background:#f7f7f7;}
	/* flex box */
.flex_group{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.flex_group.between{justify-content:space-between; align-items:flex-end;}
img.web{display:inline;}
img.mob{display:none;}

/* title */
.title_big{font-size:60px; color:#222; letter-spacing:-2px; font-weight:300; line-height:1.4em; word-break:keep-all;}
.title_big strong{font-weight:500;}
.title_big.eng{text-transform:uppercase; font-weight:700; letter-spacing:0;}
.title_middle{font-size:45px; color:#222; letter-spacing:-2px; font-weight:500; line-height:1.4em; word-break:keep-all;}
.title_small{font-size:35px; color:#222; letter-spacing:-2px; font-weight:500; line-height:1.4em; word-break:keep-all;}
.title_ssmall{display:flex; align-items:center; justify-content:center; margin-top:25px; font-size:25px; color:#333; font-weight:300; line-height:1.4em; word-break:keep-all;}
.title_ssmall img{display: inline-block; border: 1px solid #ddd}
.title_ssmall p{padding-left: 25px; text-align: left}
.title_small + p{margin-top:25px; font-size:20px; font-weight:300; word-break:keep-all;}
.title_blue{margin-top:25px; font-size:20px; font-weight:500; color:#0083c3; word-break:keep-all;}
html[lang="en"] .title_big,
html[lang="en"] .title_middle,
html[lang="en"] .title_small{letter-spacing:-0.5px;}

.emt{height:50px;}

.list_dot{margin-top:25px;}
.list_dot > li{position:relative; margin-top:5px; padding-left:15px; font-size:18px; font-weight:300;}
.list_dot > li:first-child{margin-top:0px;}
.list_dot > li:before{content:''; display:block; position:absolute; top:10px; left:0px; width:3px; height:3px; background:#222;}

/* motion */
.hide_show{opacity:0; transition:opacity 0.7s ease 0s;}
.hide_show.motion_in,
.motion_in .hide_show{opacity:1;}
.hide_showDown{opacity:0; transform:translateY(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
.hide_showDown.motion_in,
.motion_in .hide_showDown{opacity:1; transform:translateY(0px);}
.hide_showUp{opacity:0; transform:translateY(30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
.hide_showUp.motion_in,
.motion_in .hide_showUp{opacity:1; transform:translateY(0px);}

/* about */
[data-subarea="about01"] .inr{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
[data-subarea="about01"] p{margin-bottom:40px; font-size:20px; color:#444; font-weight:300; line-height:2em; letter-spacing:-1px;}
[data-subarea="about01"] p strong{font-weight:500;}
[data-subarea="about01"] p:last-child{margin-top:70px; margin-bottom:80px;}
[data-subarea="about01"] .title_big{margin-bottom:100px;}
[data-subarea="about01"] .ani_box{margin-top:77px;}
[data-subarea="about01"] .obj_bg{right:0px; top:0px; z-index:-1; width:calc((100% / 16) * 4); height:100%; background:#f7f7f7;}
[data-subarea="about01"].is_motion .obj_bg{transform:scaleX(0); transform-origin:100% 0; transition:transform 1s ease 0s;}
[data-subarea="about01"].is_motion.motion_in .obj_bg{transform:scaleX(1);}
[data-subarea="about01"].is_motion .is_motion p{opacity:0; transition:opacity 0.7s ease 0s;}
[data-subarea="about01"].is_motion .is_motion.motion_in p{opacity:1;}
[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(1){transition-delay:0.2s;}
[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(2){transition-delay:0.4s;}
[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(3){transition-delay:0.6s;}
[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(4){transition-delay:0.8s;}
[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(5){transition-delay:1s;}
[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(6){transition-delay:1.2s;}
[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(7){transition-delay:1.4s;}
[data-subarea="about02"] .obj_bg{right:0px; top:0px; width:calc((100% / 16) * 1); height:100%; background:#fff;}
[data-subarea="about02"] .diagram{position:relative;}
[data-subarea="about02"] .diagram img{max-width:100%;}
[data-subarea="about02"] .diagram span[data-diagram]{display:block; position:absolute; left:50%; padding-left:110px;}
[data-subarea="about02"] .diagram span[data-diagram] > *{display:block;}
[data-subarea="about02"] .diagram span[data-diagram] i{position:absolute; left:0px; top:6px;}
[data-subarea="about02"] .diagram span[data-diagram] em{font-size:19px; font-weight:700; color:#111;}
[data-subarea="about02"] .diagram span[data-diagram] ul{margin-top:5px;}
[data-subarea="about02"] .diagram span[data-diagram] ul > li{margin-bottom:7px; font-size:17px; color:#333; line-height:1.3em; word-break:keep-all;}
[data-subarea="about02"] .diagram span[data-diagram="01"]{top:130px; margin-left:113px;}
[data-subarea="about02"] .diagram span[data-diagram="01"] ul > li br{display:none;}
[data-subarea="about02"] .diagram span[data-diagram="02"]{bottom:100px; margin-left:297px;}
[data-subarea="about02"] .diagram span[data-diagram="03"]{bottom:70px; left:auto; right:50%; margin-right:297px; padding-left:0; padding-right:110px; text-align:right;}
[data-subarea="about02"] .diagram span[data-diagram="03"] i{left:auto; right:0px;}
[data-subarea="about02"] .diagram span[data-diagram="03"] ul > li:nth-of-type(2) br{display:none;}
[data-subarea="about02"] .diagram span[data-diagram="03"] .nowrap{white-space:nowrap;}
[data-subarea="about02"] .diagram.motion_in .hide_show{transition-delay:0s;}
[data-subarea="about02"] .diagram.motion_in [data-diagram="01"]{transition-delay:0.5s;}
[data-subarea="about02"] .diagram.motion_in [data-diagram="02"]{transition-delay:0.8s;}
[data-subarea="about02"] .diagram.motion_in [data-diagram="03"]{transition-delay:1.1s;}
[data-subarea="about03"]{padding-bottom:200px;}
[data-subarea="about03"] .obj_bg,
[data-subarea="about04"] .obj_bg{left:0px; top:0px; z-index:-1; width:calc((100% / 16) * 1); height:18%; background:#f7f7f7;}
.list_certificate{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin-left:-80px; margin-top:95px;}
.list_certificate > li{width:calc(100% / 4  - 80px); margin-left:80px; text-align:center; margin-bottom:70px;}
.list_certificate .img{display:block; position:relative; width:100%; padding-top:133.8%; box-sizing:border-box; border:1px solid #ececec;}
.list_certificate .img img{position:absolute; left:0px; top:0px; max-width:100%; height:100%; object-fit:cover;}
.list_certificate em{display:block; margin-top:35px; color:#666; font-size:16px; font-weight:500;}
.list_certificate p{margin-top:3px; font-size:20px; font-weight:500;}
html[lang="en"] [data-subarea="about01"] .inr{flex-wrap:nowrap;}
html[lang="en"] [data-subarea="about01"] .inr > div:nth-of-type(1){padding-right:30px;}
html[lang="en"] [data-subarea="about02"] .diagram span[data-diagram="01"] ul > li br{display:block;}

[data-subarea="about04"] .title_middle{margin-bottom:35px;}
[data-subarea="about04"] .title_middle br{display:none;}
[data-subarea="about04"] .flex_group{flex-wrap:nowrap;}
[data-subarea="about04"] .box{margin-top:65px; padding-bottom:50px;}
[data-subarea="about04"] .box .img{flex:none; display:block; width:591px; height:380px;}
[data-subarea="about04"] .box .img img{max-width:100%;}
[data-subarea="about04"] .box .txt{flex:auto; margin-left:70px;}
[data-subarea="about04"] .box .list_skew{margin-top:0px;}
[data-subarea="about04"] .list_skew .col02{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; padding-top:20px;}
[data-subarea="about04"] .list_skew .col02 > li{width:calc(100% / 2); box-sizing:border-box; padding-right:20px;}
[data-subarea="about04"] .list_skew .col02 > li:first-child{margin-top:10px;}

/* history */
[data-subarea="histroy01"]{padding-bottom:200px;}
[data-subarea="histroy01"] .box{position:relative; padding-top:80px;}
[data-subarea="histroy01"] .obj_bg01{left:0px; top:80px; z-index:-1; width:calc((100% / 16) * 15); height:40%; background:#f7f7f7;}
[data-subarea="histroy01"] .obj_bg02{right:0px; top:180px; z-index:-1; width:calc((100% / 16) * 12); height:100%; background:#fff;}
[data-subarea="histroy01"] .flex_group.inr{padding-top:80px;}
[data-subarea="histroy01"] .flex_group .title_big{flex:none; width:337px;}
[data-subarea="histroy01"] .flex_group .list_history{flex:none; width:calc(100% - 337px); display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; position:relative; z-index:10; margin-top:20px; background:#fff;}
[data-subarea="histroy01"].is_fast .obj_bg01{transform:scaleY(0); transform-origin:0 0; transition:transform 1s ease 0s;}
[data-subarea="histroy01"].is_fast.motion_in .obj_bg01{transform:scaleY(1);}
[data-history]{width:calc(50% - 95px); margin-left:95px; margin-top:200px;}
[data-history] em{display:block; margin-bottom:30px; font-family:'Roboto', 'Noto Sans KR', Sans-serif; font-size:35px; font-weight:700; color:#0083c3;}
[data-history] ul > li{position:relative; margin-bottom:20px; padding-left:100px; line-height:1.6em;}
[data-history] ul > li > *{font-size:20px;}
[data-history] ul > li span{position:absolute; top:0px; left:0px; width:100px; font-family:'Roboto', Sans-serif; font-weight:500;}
[data-history] ul > li p{color:#333; font-weight:300; word-break:keep-all;}
[data-history] ul > li .img{overflow:hidden; display:inline-block; margin-left:-100px; margin-top:15px; border:1px solid #ededed; text-align:center;}
[data-history] ul > li .img img{max-width:100%;}
[data-history="01"]{margin-top:120px;}
[data-history="02"]{margin-top:365px;}
[data-history="03"]{margin-top:-80px;}
[data-history].is_motion ul > li{opacity:0; transform:translateY(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
[data-history].motion_in.is_motion ul > li{opacity:1; transform:translateY(0px);}
[data-history].motion_in ul > li:nth-of-type(1){transition-delay:0.2s;}
[data-history].motion_in ul > li:nth-of-type(2){transition-delay:0.3s;}
[data-history].motion_in ul > li:nth-of-type(3){transition-delay:0.4s;}
[data-history].motion_in ul > li:nth-of-type(4){transition-delay:0.5s;}
[data-history].motion_in ul > li:nth-of-type(5){transition-delay:0.6s;}
[data-history].motion_in ul > li:nth-of-type(6){transition-delay:0.7s;}
[data-history].motion_in ul > li:nth-of-type(7){transition-delay:0.8s;}
[data-history].motion_in ul > li:nth-of-type(8){transition-delay:0.9s;}
[data-history].motion_in ul > li:nth-of-type(9){transition-delay:1.0s;}
[data-history].motion_in ul > li:nth-of-type(10){transition-delay:1.1s;}
[data-history].motion_in ul > li:nth-of-type(11){transition-delay:1.2s;}
[data-history].motion_in ul > li:nth-of-type(12){transition-delay:1.3s;}
[data-history].motion_in ul > li:nth-of-type(13){transition-delay:1.4s;}
[data-history].motion_in ul > li:nth-of-type(14){transition-delay:1.5s;}

/* vision */
[data-subarea="vision01"]{padding-bottom:200px;}
[data-subarea="vision01"] .obj_roof{top:370px; z-index:-1; font-size:300px; color:#f7f7f7; font-weight:700;}
.group_vision{position:relative; padding-top:370px;}
[data-vision="graph"]{position:absolute; top:105px; left:50%; z-index:20; width:573px; height:595px; transform:translateX(calc(-50% + 0.5px));}
[data-vision="graph"] > *{display:block;}
[data-vision="graph"] > i{position:absolute; z-index:3;}
[data-vision="graph"] span > em{position:absolute; left:0px; top:0px;}
[data-vision="graph"] span > em img{clip-path:url(#clipping);}
[data-vision="graph"].is_motion span svg{width:100%; height:100%;}
[data-vision="graph"].is_motion span path{d:path("M128.44,68.63c24.5-73,117-91.27,169-37.77S386,117.49,442.2,187.94c63,79,68.7,95.47,105.2,140.47,48.72,60.06,26.19,147.28-51.8,165.28s-88.76,31.67-182.4,51.25c-85.51,17.89-118.68,32.26-191.68,47.26S-17.71,539.69,4.29,464.69s31.85-127,56.91-206.75C94.2,152.94,103.94,141.63,128.44,68.63Z"); transition:0.8s ease 0s;}
[data-vision="graph"].is_motion.motion_in span path{d: path("M128.44,68.63c24.5-73,117-91.27,169-37.77s55.76,112,117.72,177.43c60.7,64.12,95.7,75.12,132.2,120.12,48.72,60.06,26.19,147.28-51.8,165.28s-103.77-8-197.4,11.6c-85.51,17.89-103.68,71.91-176.68,86.91S-17.71,539.69,4.29,464.69,98,390.56,132.2,314.29C174.84,219.24,103.94,141.63,128.44,68.63Z"); transition-delay:0.6s;}
[data-vision="graph"].is_motion span{opacity:0; transform:scale(0.3); transition:0.7s cubic-bezier(0.49, 0.38, 0.14, 1.05) 0s;}
[data-vision="graph"].is_motion.motion_in span{opacity:1; transform:scale(1); transition-delay:0.2s;}
[data-vision="graph"].is_motion > i{opacity:0; transform:scale(0.2); transition:0.5s cubic-bezier(0.49, 0.4, 0.26, 1.07) 0s;}
[data-vision="graph"].is_motion.motion_in > i{opacity:1; transform:scale(1); transition-delay:0.7s;}
[data-vision="imgText"]{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-end;}
[data-vision="imgText"] .img{display:inline-block;}
[data-vision="imgText"] .txt{display:inline-block; position:relative; left:-220px; z-index:10; padding:90px 0 100px 100px; background:#fff; letter-spacing:-2px;}
[data-vision="imgText"] .txt em{display:block; font-size:35px; color:#333; word-break:keep-all;}
[data-vision="imgText"] .txt em i{display:block; margin-top:10px; font-size:40px; color:#111; font-weight:500; word-break:keep-all;}
[data-vision="imgText"] .txt p{margin-top:55px; font-size:25px; font-weight:300; color:#333; word-break:keep-all;}
html[lang="en"] [data-vision="imgText"] .txt em{font-size:28px;}
html[lang="en"] [data-vision="imgText"] .txt{letter-spacing:-1px;}

[data-subarea="vision01"] .diagram{position:absolute; top:205px; left:50%; z-index:20; width:690px; height:690px; transform:translateX(-35%);}
[data-subarea="vision01"] .diagram .obj_txt{opacity:0.15; display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:100%; height:100%; font-size:70px; font-weight:700; color:#009ae6;}
[data-subarea="vision01"] .diagram [data-visionDia] i{display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:174px; height:174px; background:#00afd0; border-radius:100%; box-shadow:0 30px 60px rgba(0,0,0,0.15); font-size:25px; font-weight:500; color:#fff; letter-spacing:-1px;}
[data-subarea="vision01"] .diagram [data-visionDia="02"] i{background-color:#028bce;}
[data-subarea="vision01"] .diagram [data-visionDia="03"] i{background-color:#373792;}
[data-subarea="vision01"] .diagram [data-visionDia="04"] i{background-color:#003ed0;}
[data-subarea="vision01"] .diagram .break{display:none; flex-basis:100%;}

[data-subarea="vision01"] .diagram .list.is_motion [data-visionDia]{opacity:0; transition:opacity 0.9s ease-in-out 0s;}
[data-subarea="vision01"] .diagram .list.is_motion.motion_in [data-visionDia]{opacity:1;}
[data-subarea="vision01"] .diagram .list.is_motion.motion_in [data-visionDia="01"]{transition-delay:0.3s;}
[data-subarea="vision01"] .diagram .list.is_motion.motion_in [data-visionDia="02"]{transition-delay:0.45s;}
[data-subarea="vision01"] .diagram .list.is_motion.motion_in [data-visionDia="03"]{transition-delay:0.6s;}
[data-subarea="vision01"] .diagram .list.is_motion.motion_in [data-visionDia="04"]{transition-delay:0.75s;}

/* client */
[data-subarea="client01"]{padding-bottom:200px;}
[data-subarea="client01"] .box{position:relative;}
[data-subarea="client01"] .box > .inr{padding-bottom:100px;}
[data-subarea="client01"] .box_client{position:relative; z-index:1; padding-top:77px;}
[data-subarea="client01"] .box_client .inr{text-align:center;}
[data-subarea="client01"] .obj_bg01{left:0px; top:80px; z-index:-1; width:calc((100% / 16) * 10); height:70%; background:#f7f7f7;}
[data-subarea="client01"] .box_client .obj_bg02{right:0px; top:0; z-index:-1; width:calc((100% / 16) * 15); height:100%; background:#fff;}
[data-subarea="client01"].is_fast .obj_bg01{transform:scaleY(0); transform-origin:0 0; transition:transform 1s ease 0s;}
[data-subarea="client01"].is_fast.motion_in .obj_bg01{transform:scaleY(1);}
.list_client{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin-left:-27px; margin-top:70px;}
.list_client > li{width:calc(100% / 4 - 27px); height:124px; box-sizing:border-box; margin-left:27px; margin-bottom:35px; border:1px solid #ddd;}
.list_client > li > a{display:inline-block; width:100%; height:100%;}
.list_client > li span{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; height:100%;}
.list_client > li span img{max-width:100%; max-height:100%; object-fit:cover;}
.list_partner{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin-bottom:100px;}
.list_partner a{flex:none; overflow:hidden; display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:220px; height:220px; box-sizing:border-box; border:1px solid #ddd; border-radius:100%;}
.list_partner p{margin-left:45px; font-size:25px; font-weight:400; word-break:keep-all; text-align:left;}

/* contact */
.area_map{position:relative; margin-top:80px;}
.map_kakako{overflow:hidden; width:100%; height:650px;}
.map_kakako .root_daum_roughmap .wrap_map{height:650px;}
.map_kakako iframe{width:100%; height:100%;}
.map_info{display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; position:absolute; bottom:0px; left:0px; z-index:10; width:50%; box-sizing:border-box; background:#fff;}
.map_info .box{width:calc(100% - 90px); box-sizing:border-box; padding:35px 35px 35px 50px; letter-spacing:-1px;}
.map_info .box em{display:block; margin-bottom:15px; font-size:25px; color:#111; font-weight:600;}
.map_info .box p{font-size:18px; color:#333; font-weight:300;}
.map_info .box p i{font-size:16px;}
.map_info .box ul{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin-top:15px;}
.map_info .box ul > li{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin-right:65px; font-size:18px; color:#333;}
.map_info .box ul > li a{display:inline-block; color:#333;}
.map_info .box ul > li span{margin-left:10px;}
.map_info .box ul > li i{font-weight:600;}
.map_info .box ul > li:last-child{margin-right:0px;}
.map_info .btn_mapGo{display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:90px; background:#00afd0; color:#fff; text-align:center; font-size:15px;}
.map_info .btn_mapGo span:before{content:''; display:block; width:22px; height:27px; margin:0 auto 15px; background:url(../images/contents/img_map01.svg) no-repeat 50% 0; background-size:auto 100%;}
.map_info .btn_mapGo:hover span:before,
.map_info .btn_mapGo:focus span:before{animation:bounce 0.8s ease infinite;}
.map_info.hide_showUp.motion_in{transition-delay:0.5s;}
[data-subarea="map02"]{padding-top:0px !important;}
[data-subarea="map02"] .btn_mapGo{background:#0083c3;}
[data-subarea="map03"]{padding-top:0px !important; padding-bottom:200px;}
[data-subarea="map03"] .btn_mapGo{background:#003ed0;}
html[lang="en"] .map_info .box{letter-spacing:-0.5px;}

/* rnd */
[data-subarea="rnd01"] h3 + p{margin-top:86px; font-size:25px; color:#333;}
[data-subarea="rnd01"] .inr{position:relative;}
.obj_group{position:absolute; right:0px; bottom:-300px; width:541px; height:541px;}
[data-rndobj="bg"]{position:relative; width:100%; height:100%;}
[data-rndobj="bg"] > span{display:block;}
[data-rndobj="bg"] .obj_logo{opacity:0.2; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
[data-rndobj="bg"] .obj_round{width:100%; height:100%;}
[data-rndobj="bg"] .obj_round circle{transform:translate(50%,50%);}
[data-rndobj="bg"] .obj_round svg:hover,
[data-rndobj="bg"] .obj_round svg:focus{outline:none;}
[data-rndobj="icon"]{position:absolute; top:0px; left:0px; z-index:5; width:100%; height:100%;}
[data-rndobj="icon"] li[class*="ico"]{position:absolute; top:50%; left:50%; display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:150px; height:150px; margin:-75px 0 0 -75px; background:#0083c3; border-radius:100%; box-shadow:0 30px 60px rgba(0,0,0,0.15); text-align:center;}
[data-rndobj="icon"] li[class*="ico"] span{opacity:0.8; display:block; margin-top:13px; font-size:16px; color:#fff; line-height:1.2em;}
[data-rndobj="icon"] li[class*="ico"] i{display:block; margin:5px auto 0; background-repeat:no-repeat; background-position:50% 0; background-size:auto 100%;}
[data-rndobj="icon"] li.icon01 i{width:59px; height:59px; background-image:url(../images/contents/img_rnd_obj03.svg);}
[data-rndobj="icon"] li.icon02{background:#373792;}
[data-rndobj="icon"] li.icon02 i{width:53px; height:66px; background-image:url(../images/contents/img_rnd_obj04.svg);}
[data-rndobj="icon"] li.icon03{background:#003ed0;}
[data-rndobj="icon"] li.icon03 i{width:59px; height:61px; background-image:url(../images/contents/img_rnd_obj05.svg);}
[data-rndobj="icon"] li.icon04{background:#00afd0;}
[data-rndobj="icon"] li.icon04 i{width:62px; height:58px; background-image:url(../images/contents/img_rnd_obj06.svg);}
.is_motion [data-rndobj="icon"] li{opacity:0; transform:rotate(0) translateY(-270px) rotate(0); transition:opacity 0.5s ease 0s, transform 1.5s ease-in-out 0s;}
.is_motion.motion_in [data-rndobj="icon"] li{opacity:1;}
.is_motion.motion_in [data-rndobj="icon"] li.icon01{transform:rotate(29deg) translateY(-270px) rotate(-29deg); transition-delay:0s, 0.2s;}
.is_motion.motion_in [data-rndobj="icon"] li.icon02{transform:rotate(104deg) translateY(-270px) rotate(-104deg);}
.is_motion.motion_in [data-rndobj="icon"] li.icon03{transform:rotate(178deg) translateY(-270px) rotate(-178deg);}
.is_motion.motion_in [data-rndobj="icon"] li.icon04{transform:rotate(270deg) translateY(-270px) rotate(-270deg);}
[data-subarea="rnd02"]{padding-bottom:300px;}
[data-subarea="rnd02"] .obj_bg{left:0px; top:0px; z-index:-1; width:calc((100% / 16) * 1); height:100%; background:#f7f7f7;}
[data-subarea="rnd02"] .list_number > li{flex:0 1 calc(50% - 30px); margin-right:30px;}
[data-subarea="rnd02"] .list_number > li:nth-child(2n){margin-left:30px; margin-right:0px;}
[data-subarea="rnd02"] .list_number > li span{width:calc(100% - 90px);}
[data-subarea="rnd03"] .obj_bg{right:0px; top:0px; z-index:1; width:calc((100% / 16) * 1); height:100%; background:#fff;}
[data-subarea="rnd03"] .list_number > li{flex:auto; width:100%;}
[data-subarea="rnd04"]{padding-bottom:200px;}
[data-subarea="rnd04"] .list_certificate{margin-top:45px;}
.box_rnd_banner{position:relative; z-index:10; margin-top:-300px; margin-bottom:100px;}
.box_rnd_banner .box{position:absolute; top:0px; left:0px; display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; width:100%; height:100%; box-sizing:border-box; padding-left:115px; color:#fff;}
.box_rnd_banner i{overflow:hidden; display:block;}
.box_rnd_banner i:after{content:''; display:block; clear:both;}
.box_rnd_banner i img{object-fit:cover; float:right; height:100%;}
.box_rnd_banner em{margin-bottom:22px; margin-left:3px; font-size:20px; font-weight:600; letter-spacing:1px;}
.box_rnd_banner span{font-size:40px; font-weight:300; line-height:1.3em;}
.box_rnd_banner p{font-size:50px; font-weight:500; line-height:1.3em;}
.list_number{counter-reset:title; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin-top:45px;}
.list_number > li{flex:0 1 530px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; box-sizing:border-box; margin-bottom:40px; padding-right:20px; font-size:20px;}
.list_number > li:before{counter-increment:title; content:counters(title, "-", decimal-leading-zero)""; display:inline-block; width:60px; height:60px; line-height:58px; box-sizing:border-box; margin-right:30px; border:1px solid #222; text-align:center; font-weight:700; font-size:16px;}
.list_number > li p{width:100%; box-sizing:border-box; margin-top:10px; padding:20px 30px; background:#ecf4f8; font-size:16px;}
.list_number > li span{width:calc(100% - 90px);}

/* invest */
[data-subarea="invest01"] .flex_group.between{margin-top:90px;}
[data-subarea="invest01"] .flex_group.between span{margin-bottom:5px;}
[data-subarea="invest01"] .recent_data{margin-top:80px;}
[data-subarea="invest01"] .recent_data > div{box-sizing:border-box;}
[data-subarea="invest01"] .recent_data .total{width:50%;}
[data-subarea="invest01"] .recent_data .total em{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; height:96px; box-sizing:border-box; padding:10px; border-top:2px solid #222; font-size:25px; font-weight:500;}
[data-subarea="invest01"] .recent_data .total ul{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin-bottom:50px; border-bottom:1px solid #222;}
[data-subarea="invest01"] .recent_data .total ul > li{display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:50%; min-height:160px; box-sizing:border-box; padding:10px; border-top:1px solid #e5e5e5;}
[data-subarea="invest01"] .recent_data .total ul > li i{margin-bottom:15px; font-size:18px;}
[data-subarea="invest01"] .recent_data .total ul > li span{font-size:25px; font-weight:500;}
[data-subarea="invest01"] .recent_data .total_new{width:50%; font-family:'Roboto', 'Noto Sans KR', '맑은 고딕', Sans-serif;}
[data-subarea="invest01"] .recent_data .total_new ul{position:relative; padding-top:35px;}
[data-subarea="invest01"] .recent_data .total_new ul li{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; margin-top:27px;}
[data-subarea="invest01"] .recent_data .total_new ul li:first-child{margin-top:0px;}
[data-subarea="invest01"] .recent_data .total_new ul li:first-child:before,
[data-subarea="invest01"] .recent_data .total_new ul li:first-child:after{display:inline-block; position:absolute; top:-35px; font-size:18px; font-weight:500; color:#333; text-align:center;}
[data-subarea="invest01"] .recent_data .total_new ul li:first-child:before{content:'년도'; left:0px; width:164px;}
[data-subarea="invest01"] .recent_data .total_new ul li:first-child:after{content:'총합'; right:0px; width:calc(100% - 239px);}
[data-subarea="invest01"] .recent_data .total_new ul li em{flex:none; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:164px; height:164px; box-sizing:border-box; background:#fff; border:1px solid #d6d6d6; border-radius:100%; font-size:30px; font-weight:500; color:#333;}
[data-subarea="invest01"] .recent_data .total_new ul li i{flex:none; width:35px; height:18px; margin:0 20px; background:url(../images/contents/img_invest_arrow.png) no-repeat 50% 0; background-size:auto 100%;}
[data-subarea="invest01"] .recent_data .total_new ul li span{flex:auto; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; height:98px; box-sizing:border-box; background:#fff; border:1px solid #d6d6d6; border-radius:50rem; font-size:25px; font-weight:500;}
[data-subarea="invest01"] .recent_data .total_new ul li.blue em{background-color:#0083c3; border-color:#0083c3; color:#fff;}
[data-subarea="invest01"] .recent_data .total_new ul li.blue span{background:#e9f8ff; border:1px solid #0083c3; color:#0083c3;}
[data-subarea="invest01"] .recent_data .total_new ul li.blue i{background-image:url(../images/contents/img_invest_arrow_b.png);}
[data-subarea="invest01"] .table td{height:60px; box-sizing:border-box;}
[data-subarea="invest01"] .recent_data .chart{width:calc(50% - 40px); margin-left:40px; padding:40px; background:#f9f9f9;}
[data-subarea="invest01"] .recent_data .chart > div:nth-of-type(1) em{font-size:25px; font-weight:500; letter-spacing:-1px;}
[data-subarea="invest01"] .recent_data .chart > div:nth-of-type(1) i{margin-left:23px; font-size:16px; color:#666;}
[data-subarea="invest01"] .box_chart{position:relative; margin-top:40px;}
[data-subarea="invest01"] .box_chart span{display:block; position:absolute; top:0px; left:0px;}
[data-subarea="invest01"] .recent_data .chart.is_motion .box_chart span{clip-path:inset(100% 0 0 0); transition:1s ease-in-out 0s;}
[data-subarea="invest01"] .recent_data .chart.is_motion.motion_in .box_chart span{clip-path:inset(0 0 0 0);}
[data-subarea="invest02"]{padding-top:0px; padding-bottom:200px;}
[data-subarea="invest02"] .inr > .flex_group{margin-left:-50px;}
[data-subarea="invest02"] .flex_group.between span{color:#888;}
[data-subarea="invest02"] .box{width:calc(100% / 3  - 50px); margin-left:50px;}

[data-subarea="invest01"] .invest_new{flex-wrap:nowrap;}
[data-subarea="invest01"] .invest_new .box{width:calc(50% - 60px); margin-right:60px;}
[data-subarea="invest01"] .invest_new .flex_group.between{margin-top:40px;}
[data-subarea="invest01"] .invest_new .table .tar{font-size:20px;}
[data-subarea="invest01"] .invest_new .table td{height:auto;}

/* inquiry */
[data-subarea="inquiry01"]{padding-bottom:200px;}
[data-subarea="inquiry01"] > .box{position:relative;}
[data-subarea="inquiry01"] .inr:nth-of-type(1){margin-bottom:90px;}
[data-subarea="inquiry01"] .inr.white{position:relative; z-index:10; padding-top:80px;}
[data-subarea="inquiry01"] .obj_bg01{right:0px; top:0px; z-index:-1; width:calc((100% / 16) * 6); height:100%; background:#f7f7f7;}
[data-subarea="inquiry01"] .obj_bg02{right:calc((100% / 16) * 1); top:258px; z-index:1; width:calc((100% / 16) * 1); height:calc(100% - 258px); background:#fff;}
[data-subarea="inquiry01"].is_fast .obj_bg01{transform:scaleY(0); transform-origin:0 0; transition:transform 2s ease 0s;}
[data-subarea="inquiry01"].is_fast.motion_in .obj_bg01{transform:scaleY(1);}

/* recruit */
[data-subarea="recruit01"]{z-index:5;}
[data-subarea="recruit02"] .inr{position:relative; z-index:5;}
[data-subarea="recruit02"] .obj_roof{top:-180px; z-index:2; font-size:300px; line-height:0.8em; color:#f7f7f7; font-weight:700;} 
[data-subarea="recruit02"] .obj_bg{right:0px; top:0px; z-index:1; width:calc((100% / 16) * 1); height:100%; background:#fff;}
[data-subarea="recruit03"]{padding-bottom:200px;}
[data-subarea="recruit03"] [class*="benefit"]{width:calc(50% - 40px);}
[data-subarea="recruit03"] [class*="benefit"] .obj_blank em{position:absolute; top:50%; left:0; width:100%; text-align:center; font-size:30px; font-weight:600; color:#fff; letter-spacing:1px; text-transform:uppercase; transform:translateY(-50%);}
[data-subarea="recruit03"] [class*="benefit"] i{overflow:hidden; display:block;}
[data-subarea="recruit03"] [class*="benefit"] i img{object-fit:cover; height:100%;} 
[data-subarea="recruit03"] .benefit01{margin-right:40px;}
[data-subarea="recruit03"] .benefit02{margin-left:40px;}
[data-subarea="recruit03"] [class*="benefit"] h4{margin-top:55px;}
[data-subarea="recruit03"] [class*="benefit"].is_motion h4,
[data-subarea="recruit03"] [class*="benefit"].is_motion p{opacity:0; transform:translateY(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
[data-subarea="recruit03"] [class*="benefit"].is_motion.motion_in h4,
[data-subarea="recruit03"] [class*="benefit"].is_motion.motion_in p{opacity:1; transform:translateY(0px); transition-delay:0.3s;}
[data-subarea="recruit03"] .obj_bg{left:0px; top:0px; z-index:-1; width:calc((100% / 16) * 1); height:100%; background:#f7f7f7;}
.list_square_ico{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin-top:45px; margin-left:-35px;}
.list_square_ico > li{width:calc(100% / 4 - 35px); margin-bottom:35px; margin-left:35px;}
.list_square_ico > li .box{position:relative; display:flex; flex-flow:column wrap; justify-content:flex-end; align-items:flex-start; height:230px; box-sizing:border-box; padding:50px 40px; background:#f7f7f7; border:1px solid #222; box-shadow:0 20px 60px rgba(0,0,0,0.1);}
.list_square_ico > li[data-square] .box:before{content:''; display:block; position:absolute; top:50px; left:40px; width:59px; height:48px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%;}
.list_square_ico > li[data-square] .box span{display:block; font-size:18px;}
.list_square_ico > li[data-square="01"] .box:before{background-image:url(../images/contents/img_recurit_ico01.svg);}
.list_square_ico > li[data-square="02"] .box:before{background-image:url(../images/contents/img_recurit_ico02.svg);}
.list_square_ico > li[data-square="03"] .box:before{background-image:url(../images/contents/img_recurit_ico03.svg);}
.list_square_ico > li[data-square="04"] .box:before{background-image:url(../images/contents/img_recurit_ico04.svg);}
.list_square_ico > li[data-square="05"] .box:before{background-image:url(../images/contents/img_recurit_ico05.svg);}
.list_square_ico > li[data-square="06"] .box:before{top:45px; height:53px; background-image:url(../images/contents/img_recurit_ico06.svg);}
.list_square_ico > li[data-square="07"] .box:before{height:43px; background-image:url(../images/contents/img_recurit_ico07.svg);}
.list_square_ico > li[data-square="08"] .box:before{top:53px; height:37px; background-image:url(../images/contents/img_recurit_ico08.svg);}
html[lang="en"] [data-subarea="recruit03"] p{margin-top:25px;}

/* employ */
[data-subarea="employ02"] ul{margin-top:5px;}
[data-subarea="employ02"] ul > li{font-size:18px; font-weight:300;}
[data-subarea="employ06"]{padding-bottom:200px;}
[data-subarea="employ06"] p{dispaly:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; padding-top:5px;}
[data-subarea="employ06"] p > span{margin-right:85px;}
[data-subarea="employ06"] p em{display:inline-block; width:50px; height:50px; line-height:49px; margin-right:20px; background:#0083c3; color:#fff; font-size:18px; font-weight:700; text-align:center;}
[data-subarea="employ06"] p a{display:inline-block; font-size:18px; color:#222;}
.group_employ{display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; margin-top:90px;}
.group_employ .box{display:inline-block; box-sizing:border-box; margin-bottom:150px;}
.group_employ .box .inner{position:relative; display:flex;}
.group_employ .box .inner .txt{position:absolute; left:0px; bottom:0px; z-index:5; display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; width:480px; height:250px; box-sizing:border-box; padding:0 30px 0 50px; background:#fff;}
.group_employ .box .inner .txt i{display:block; margin-bottom:20px; font-size:40px; color:#111; font-weight:500; letter-spacing:-2px;}
.group_employ .box .inner .txt em{display:block; font-size:20px; color:#333; font-weight:300; word-break:keep-all;}
.group_employ .box .inner .img img{max-width:100%;}
.group_employ .employ01{position:relative; top:150px;}
.group_employ .employ02{margin-left:auto;}
.group_employ .employ03{flex:0 1 50%; margin-bottom:0px;}
.group_employ .box.is_motion{opacity:0; transform:translateY(100px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
.group_employ .box.is_motion.motion_in{opacity:1; transform:translateY(0px);}
.list_square_number{counter-reset:subNumber; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin-top:40px; margin-left:-38px;}
.list_square_number > li{position:relative; width:calc(100% / 5 - 38px); margin-left:38px;}
.list_square_number > li .box{position:relative; display:flex; flex-flow:column nowrap; justify-content:flex-end; align-items:flex-start; height:170px; box-sizing:border-box; padding:30px 28px; background:#fff; border:1px solid #222; box-shadow:0 20px 60px rgba(0,0,0,0.1);}
.list_square_number > li[data-square] .box span{display:block; font-size:18px; line-height:1.3em;}
.list_square_number > li[data-square] .box:before{content:''; flex:none;  display:block; width:44px; height:52px; margin-bottom:10px; background-repeat:no-repeat; background-position:50% 50%; background-size:100% auto;}
.list_square_number > li[data-square="01"] .box:before{background-image:url(../images/contents/img_employ_ico01.svg);}
.list_square_number > li[data-square="02"] .box:before{width:43px; background-image:url(../images/contents/img_employ_ico02.svg);}
.list_square_number > li[data-square="03"] .box:before{width:57px; background-image:url(../images/contents/img_employ_ico03.svg);}
.list_square_number > li[data-square="04"] .box:before{width:41px; background-image:url(../images/contents/img_employ_ico04.svg);}
.list_square_number > li[data-square="05"] .box:before{width:53px; background-image:url(../images/contents/img_employ_ico05.svg);}
.list_square_number > li:before{counter-increment:subNumber; content:counters(subNumber, "-", decimal-leading-zero)""; display:inline-block; position:absolute; right:1px; top:1px; z-index:5; width:46px; height:46px; line-height:44px; box-sizing:border-box; background:#ededed; text-align:center; font-weight:700; font-size:18px; color:#b3b3b3;}
html[lang="en"] .list_square_number > li .box{justify-content:flex-start;}

.list_skew{margin-top:40px;}
.list_skew > li{position:relative; margin-bottom:22px; padding-left:17px; line-height:1.3em; font-size:20px;}
.list_skew > li:before{content:''; display:block; position:absolute; left:0px; top:8px; width:8px; height:4px; background:#0083c3; transform:rotate(45deg);}
.list_skew > li > ul{margin-top:15px; margin-left:-17px; padding:30px 35px; background:#f7f7f7;}
.list_skew > li > ul > li{position:relative; margin-top:10px; padding-left:15px; font-size:18px; font-weight:300;}
.list_skew > li > ul > li i{display:inline-block; margin-right:10px;}
.list_skew > li > ul > li:first-child{margin-top:0px;}
.list_skew > li > ul > li:before{content:''; display:block; position:absolute; top:10px; left:0px; width:3px; height:3px; background:#222;}
.list_skew > li small{display:inline-block; margin-left:10px; vertical-align:middle; font-size:16px;}

/* product */
[data-subarea="product01"]{padding-bottom:0px;}
[data-subarea="product01"] > .box{position:relative;}
[data-subarea="product01"] .obj_bg{left:0px; top:300px; z-index:-1; width:calc((100% / 16) * 14); height:100%; background:#f7f7f7;}
[data-subarea="product01"] .box_product{position:relative; padding:0 0 200px; margin-top:120px;}
[data-subarea="product01"] .box_product .inr{position:relative; z-index:10;}
[data-subarea="product01"] .box_product .title_middle{padding-top:100px;}
[data-subarea="product01"] .obj_bg02{left:calc((100% / 16) * 1); top:0; z-index:1; width:calc((100% / 16) * 15); height:100%; background:#fff;}
.categroy_product{margin-top:90px;}
.categroy_product svg:hover,
.categroy_product svg:focus{outline:none;}
.categroy_product .list{display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; margin-left:-28px;}
.categroy_product .list [data-product]{position:relative; width:calc(100% / 4 - 28px); height:254px; box-sizing:border-box; margin-left:28px; box-shadow:none; transition:0.3s ease 0s;}
.pcx .list [data-product]{position:relative; width:calc(100% / 4 - 28px); height:150px; box-sizing:border-box; margin-left:28px; box-shadow:none; transition:0.3s ease 0s;}
.categroy_product .list [data-product] a{overflow:hidden; display:block; position:relative; height:100%; box-sizing:border-box; padding:40px 25px 30px; background:#fff; border:1px solid #c8c8c8; font-size:22px; color:#333; font-weight:500; transition:0.3s ease 0s;}
.categroy_product .list [data-product] a:before{content:''; display:block; visibility:hidden; position:absolute; top:0px; left:0px; width:100%; height:100%; box-sizing:border-box; border:3px solid #0083c3; transform:scale(1.2); transition:visibility 0.1s linear 0.3s, transform 0.3s ease 0s;}
.categroy_product .list [data-product] .ico path{transition:fill 0.3s ease;}
.categroy_product .list [data-product].on{z-index:10; box-shadow:0 50px 60px rgba(0,0,0,0.1);}
.categroy_product .list [data-product].on a:before{visibility:visible; transform:scale(1); transition-delay:0s, 0s;}
.categroy_product .list [data-product].on a{border-color:#0083c3; color:#0083c3;}
.categroy_product .list [data-product].on .ico path{fill:#0083c3;}
.categroy_product .list .ico{display:block; width:40px; height:40px; margin-bottom:60px;}
.categroy_product .list [data-product="02"] .ico{height:38px; margin-top:2px;}
.categroy_product .list [data-product="03"] .ico{width:30px;}
.categroy_product .list [data-product="04"] .ico{height:35px; margin-top:5px;}
	/* product tab */
.categroy_depth02{margin-top:40px; border-bottom:1px solid #e9e7e7;}
.categroy_depth02 ul{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.categroy_depth02 ul > li{height:93px; margin-right:60px;}
.categroy_depth02 ul > li > a{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; position:relative; height:100%; font-size:18px; font-weight:500;}
.categroy_depth02 ul > li > a.on{color:#0083c3;}
.categroy_depth02 ul > li > a:after{content:''; display:block; position:absolute; bottom:-1px; left:0px; width:100%; height:3px; background:#0083c3; transform:scaleX(0); transform-origin:0 0; transition:0.3s ease 0s;}
.categroy_depth02 ul > li > a.on:after{transform:scaleX(1);}
	/* product view */
.list_product{margin-top:70px;}
.list_product dt{position:relative; height:95px; margin-top:-1px; background:#fff;}
.list_product dt > a{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; position:relative; width:100%; height:100%; border:1px solid #dedede; border-color:#dedede #fff; transition:0.3s ease 0s;}
.list_product dt > a em{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:46px; background:#0083c3; color:#fff; font-size:18px; font-weight:500; transform:scaleX(0); transform-origin:0 0; transition:transform 0.3s ease 0s;}
.list_product dt > a span{display:flex; flex-flow:row wrap; align-items:center; height:100%; padding-left:24px; font-size:25px; color:#999; font-weight:500; transition:0.3s ease 0s;}
.list_product dt > a i{display:flex; flex-flow:row wrap; align-items:center; height:100%; margin-left:30px; font-size:18px; color:#999; transition:0.3s ease 0s;}
.list_product dt > a:before,
.list_product dt > a:after{content:''; display:block; position:absolute; right:60px; top:50%; width:13px; height:3px; margin-top:-1.5px; background:#222; transition:0.3s ease 0s;}
.list_product dt > a:after{transform:rotate(90deg);}
.list_product dt.active > a{border-color:#0083c3; box-shadow:0 30px 60px rgba(0,0,0,0.1);}
.list_product dt.active > a em{transform:scaleX(1);}
.list_product dt.active > a span{padding-left:60px; color:#0083c3;}
.list_product dt.active > a i{color:#222;}
.list_product dt.active > a:before,
.list_product dt.active > a:after{background:#0083c3;}
.list_product dt.active > a:after{transform:rotate(0deg);}
.list_product dd{display:none; padding:25px 46px 55px; font-size:16px; font-weight:500;}
[data-producView="order"]:not(.new){display:none !important;}
[data-productView="detail"]{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin-left:-240px;}
[data-productView="detail"] > li{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin-left:240px; margin-top:30px;}
[data-productView="detail"] > li.full{width:calc(100% - 240px);}
[data-productView="detail"] > li em{margin-right:40px;}
[data-productview="detail"] table.table{border-top-width:0px; border-bottom-color:#e9f3f8;}
[data-productview="detail"] table.table thead th{padding:15px 10px; background:#e9f3f8;}
[data-productview="detail"] table.table thead tr:last-child th{border-bottom-width:0px;}
[data-productview="detail"] table.table th,
[data-productview="detail"] table.table td{font-size:18px;}
[data-productview="detail"] table.table tbody td{padding:25px 10px; border-color:#e9f3f8; font-weight:normal;}
.btn_pdfView{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; min-width:100px; height:25px; box-sizing:border-box; background:#fff; border:1px solid #c1c1c1; font-size:13px; transition:0.3s ease 0s;}
.btn_pdfView:before{content:''; display:block; width:16px; height:15px; margin-right:4px; background:url(../images/contents/img_ico_pdf.png) no-repeat 50% 0; background-size:auto 100%;}
.btn_pdfView:hover,
.btn_pdfView:focus{border-color:#222;}
	/* rework design */
[data-subarea="product01"].new .title_big{position:relative;}
[data-subarea="product01"].new .title_big i{display:inline-flex; flex-flow:row wrap; justify-content:center; align-items:center; position:absolute; top:-25px; left:0px; min-width:148px; height:28px; box-sizing:border-box; padding:0 15px; background:#c2deec; border-radius:50rem; line-height:1.2em; font-size:15px; letter-spacing:0px; font-weight:normal;}
[data-subarea="product01"].new .title_big i:after{content:''; display:inline-block; position:absolute; bottom:-8px; left:10px; border-top:8px solid #c2deec; border-left:5px solid transparent; border-right:5px solid transparent;}
.categroy_product_rework{position:relative; z-index:10; margin-top:80px;}
.categroy_product_rework .list{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; width:100%; box-sizing:border-box; background:#fff; border:1px solid #c8c8c8;}
.categroy_product_rework .list > li{position:relative; min-width:185px; height:120px;}
.categroy_product_rework .list > li:after{content:''; opacity:0; display:block; position:absolute; top:-1px; left:-1px; z-index:1; width:calc(100% + 2px); height:calc(100% + 2px); box-sizing:border-box; border:3px solid #0083c3; box-shadow:0 30px 60px rgba(0,0,0,0.1);}
.categroy_product_rework .list > li > a{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; z-index:3; height:100%; box-sizing:border-box; padding:5px 50px; font-size:22px; font-weight:500; color:#333; transition:color 0.3s ease 0s;}
.categroy_product_rework .list > li.on:after{opacity:1;  transition:opacity 0.3s ease 0s;}
.categroy_product_rework .list > li > a:hover,
.categroy_product_rework .list > li > a:focus,
.categroy_product_rework .list > li.on > a{color:#0083c3;} 
.categroy_depth02.new ul > li > a{font-size:22px;}
[data-producView="order"].new span{flex:auto;}
.categroy_info ~ .list_product{margin-top:25px;}
.categroy_info{padding:65px 46px;}
.categroy_info ~ .categroy_info{padding-top:25px;}
.categroy_info .categroy_box{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;}
.categroy_info .categroy_box .img{overflow:hidden; flex:none; width:539px; height:345px;}
.categroy_info .categroy_box .img img{object-fit:cover; width:100%; height:100%;}
.categroy_info .categroy_box .txt{flex:auto; margin-left:60px;}
.categroy_info .categroy_box .txt *{word-break:keep-all;}
.categroy_info .categroy_box .txt h4{position:relative; margin:30px 0 20px; padding-left:25px; font-size:30px; font-weight:700; color:#111;}
.categroy_info .categroy_box .txt h4:before{content:''; display:block; position:absolute; left:0px; top:11px; width:6px; height:22px; line-height:1.2em; background:#0083c3; transform:skew(-20deg); transform-origin:0 100%;}
.categroy_info .categroy_box .txt h4:nth-of-type(1){margin-top:20px;}
.categroy_info .categroy_box .txt h5{margin:30px 0 10px; padding-bottom:10px; border-bottom:1px solid #e0e0e0; font-size:20px; font-weight:700; color:#111;}
.categroy_info .categroy_box .txt p{padding-bottom:5px; font-size:18px; color:#444; font-weight:300;}
.categroy_box.type02{margin-top:60px; padding:20px; background:#f1f4f9;}
.categroy_box.type02 .img{width:517px; height:408px; border:1px solid #a8a9ad;}
.categroy_box.type02 .sub_img{display:inline-block; margin-top:35px;}
.categroy_box.type02 .sub_img img{max-width:100%;}

@keyframes bounce{
    50% { transform:translateY(0%);}
    70% { transform:translateY(-15%);}
    80% { transform:translateY(0%);}
    85% { transform:translateY(-7%);}
    90% { transform:translateY(0%);}
    95% { transform:translateY(-3%);}
    100% { transform:translateY(0);}
}

@media screen and (min-width:1930px){
	/* inquiry */
	[data-subarea="inquiry01"] .obj_bg02{right:50%; width:120px; margin-right:-840px;}
}

@media screen and (min-width:1025px){
	/* vision */
	[data-subarea="vision01"] .diagram [data-visionDia]{position:absolute; height:55%; top:0px; left:50%; margin-left:-87px; transform-origin:50% 100%;}
	[data-subarea="vision01"] .diagram [data-visionDia="01"]{transform:rotate(-60deg);}
	[data-subarea="vision01"] .diagram [data-visionDia="01"] i{transform:rotate(60deg);}
	[data-subarea="vision01"] .diagram [data-visionDia="02"]{transform:rotate(-8deg);}
	[data-subarea="vision01"] .diagram [data-visionDia="02"] i{transform:rotate(8deg);}
	[data-subarea="vision01"] .diagram [data-visionDia="03"]{transform:rotate(45deg);}
	[data-subarea="vision01"] .diagram [data-visionDia="03"] i{transform:rotate(-45deg);}
	[data-subarea="vision01"] .diagram [data-visionDia="04"]{transform:rotate(95deg);}
	[data-subarea="vision01"] .diagram [data-visionDia="04"] i{transform:rotate(-95deg);}
}

@media screen and (min-width:769px){
	.list_square_ico.is_motion > li .box{background:#f7f7f7; border-color:#f7f7f7; box-shadow:none; transition:0.8s ease 0s;}
	.list_square_ico.is_motion.motion_in > li .box{background:#fff; border-color:#222; box-shadow:0 20px 60px rgba(0,0,0,0.1);}
	.list_square_ico.is_motion.motion_in > li:nth-of-type(1) .box{transition-delay:0.2s;}
	.list_square_ico.is_motion.motion_in > li:nth-of-type(2) .box{transition-delay:0.4s;}
	.list_square_ico.is_motion.motion_in > li:nth-of-type(3) .box{transition-delay:0.6s;}
	.list_square_ico.is_motion.motion_in > li:nth-of-type(4) .box{transition-delay:0.8s;}
	.list_square_ico.is_motion.motion_in > li:nth-of-type(5) .box{transition-delay:1.0s;}
	.list_square_ico.is_motion.motion_in > li:nth-of-type(6) .box{transition-delay:1.2s;}
	.list_square_ico.is_motion.motion_in > li:nth-of-type(7) .box{transition-delay:1.4s;}
	.list_square_ico.is_motion.motion_in > li:nth-of-type(8) .box{transition-delay:1.6s;}

	.list_square_number.is_motion > li .box{opacity:0.4; border-color:#fff; box-shadow:none; transition:0.8s ease 0s;}
	.list_square_number.is_motion.motion_in > li .box{opacity:1; border-color:#222; box-shadow:0 20px 60px rgba(0,0,0,0.1);}
	.list_square_number.is_motion.motion_in > li:nth-of-type(1) .box{transition-delay:0.2s;}
	.list_square_number.is_motion.motion_in > li:nth-of-type(2) .box{transition-delay:0.4s;}
	.list_square_number.is_motion.motion_in > li:nth-of-type(3) .box{transition-delay:0.6s;}
	.list_square_number.is_motion.motion_in > li:nth-of-type(4) .box{transition-delay:0.8s;}
	.list_square_number.is_motion.motion_in > li:nth-of-type(5) .box{transition-delay:1.0s;}
	.list_square_number.is_motion.motion_in > li:nth-of-type(6) .box{transition-delay:1.2s;}
	.list_square_number.is_motion.motion_in > li:nth-of-type(7) .box{transition-delay:1.4s;}
	.list_square_number.is_motion.motion_in > li:nth-of-type(8) .box{transition-delay:1.6s;}

	[data-subarea="invest01"] .recent_data .total_new.is_motion ul > li{opacity:0; transform:translateY(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
	[data-subarea="invest01"] .recent_data .total_new.is_motion.motion_in ul > li{opacity:1; transform:translateY(0px);}
	[data-subarea="invest01"] .recent_data .total_new.is_motion.motion_in ul > li:nth-of-type(1){transition-delay:0.2s;}
	[data-subarea="invest01"] .recent_data .total_new.is_motion.motion_in ul > li:nth-of-type(2){transition-delay:0.3s;}
	[data-subarea="invest01"] .recent_data .total_new.is_motion.motion_in ul > li:nth-of-type(3){transition-delay:0.4s;}

	.list_number.is_motion > li{opacity:0; transform:translateY(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
	.list_number.is_motion.motion_in > li{opacity:1; transform:translateY(0px);}
	.list_number.is_motion.motion_in > li:nth-of-type(1){transition-delay:0.2s;}
	.list_number.is_motion.motion_in > li:nth-of-type(2){transition-delay:0.3s;}
	.list_number.is_motion.motion_in > li:nth-of-type(3){transition-delay:0.4s;}
	.list_number.is_motion.motion_in > li:nth-of-type(4){transition-delay:0.5s;}
	.list_number.is_motion.motion_in > li:nth-of-type(5){transition-delay:0.6s;}
	.list_number.is_motion.motion_in > li:nth-of-type(6){transition-delay:0.7s;}
	.list_number.is_motion.motion_in > li:nth-of-type(7){transition-delay:0.8s;}
	.list_number.is_motion.motion_in > li:nth-of-type(8){transition-delay:0.9s;}
	.list_number.is_motion.motion_in > li:nth-of-type(9){transition-delay:1.0s;}
	.list_number.is_motion.motion_in > li:nth-of-type(10){transition-delay:1.1s;}
	.list_number.is_motion.motion_in > li:nth-of-type(11){transition-delay:1.2s;}
	.list_number.is_motion.motion_in > li:nth-of-type(12){transition-delay:1.3s;}
	.list_number.is_motion.motion_in > li:nth-of-type(13){transition-delay:1.4s;}
	.list_number.is_motion.motion_in > li:nth-of-type(14){transition-delay:1.5s;}
}

@media screen and (max-width:1650px){
	/* product */
	[data-subarea="product01"] .obj_bg02{left:0px; width:100%;}	
}

@media screen and (max-width:1600px){
	/* about */
	[data-subarea="about04"] .obj_bg{display:none;}

	/* recruit */
	[data-subarea="recruit02"] .obj_bg,
	[data-subarea="recruit03"] .obj_bg{display:none;}	
}

@media screen and (max-width:1550px){
	/* about */
	[data-subarea="about02"] .obj_bg,
	[data-subarea="about03"] .obj_bg{display:none;}

	[data-subarea="about02"] .diagram span[data-diagram]{padding-left:8.38709677419355vw/* 130px */;}
	[data-subarea="about02"] .diagram span[data-diagram="01"]{top:8.38709677419355vw/* 130px */; margin-left:7.290322580645162vw/* 113px */;}
	[data-subarea="about02"] .diagram span[data-diagram="02"]{bottom:6.451612903225806vw/* 100px */; margin-left:19.161290322580644vw/* 297px */;}
	[data-subarea="about02"] .diagram span[data-diagram="03"]{bottom:4.516129032258064vw/* 70px */; margin-right:19.161290322580644vw/* 297px */; padding-left:0px; padding-right:8.38709677419355vw/* 130px */;}
	[data-subarea="about02"] .diagram span[data-diagram] ul > li{font-size:15px;}
	
	/* client */
	[data-subarea="client01"] .obj_bg01{height:160px;}
	
	/* rnd */
	[data-subarea="rnd01"] .obj_group{transform:scale(0.8);}
	[data-subarea="rnd02"] .obj_bg{display:none;}
	
	/* product */
	.categroy_depth02 ul > li > a{font-size:22px;}
}

@media screen and (max-width:1340px){
	/* title */
	.title_middle{font-size:40px;}
	.title_small{font-size:30px;}
	
	/* about */
	[data-subarea="about01"] .ani_box{margin-left:30px;}
	[data-subarea="about01"] .ani_box i{overflow:hidden; display:block; width:440px;}
	[data-subarea="about01"] p{font-size:18px;}
	.list_certificate{margin-left:-40px;}
	.list_certificate > li{width:calc(100% / 4  - 40px); margin-left:40px;}

	[data-subarea="about04"] .box .img{width:44.1044776119403vw/* 591px */; height:28.35820895522388vw/* 380px */;}

	/* vision */
	[data-subarea="vision01"] .diagram{left:auto; right:40px; transform:translateX(0);}
	
	/* history */
	[data-history] ul > li > *{font-size:18px;}
	
	/* vision */
	[data-vision="imgText"] .txt{position:absolute; bottom:0px; left:50%; margin-left:-25%;}
	[data-vision="imgText"] .txt em{font-size:30px;}
	[data-vision="imgText"] .txt em i{font-size:36px;}
	[data-vision="imgText"] .txt p{font-size:23px;}
	[data-subarea="vision01"] .obj_roof{font-size:250px;}
	
	/* product */
	.categroy_product .list [data-product]{height:220px;}
	.categroy_product .list [data-product] a{padding:25px; font-size:20px;}
	.categroy_depth02 ul > li{height:80px; padding-right:40px; margin-right:0px;}
	.list_product dt{height:85px;}
	.list_product dt > a:before,
	.list_product dt > a:after{right:40px;}
	.list_product dt > a span{font-size:23px;}
	.list_product dt > a em{font-size:16px;}
	.list_product dd{padding-left:35px; padding-right:35px;}
	[data-productview="detail"] table.table th,
	[data-productview="detail"] table.table td{font-size:16px;}
	.categroy_info{padding-left:35px; padding-right:35px;}
	
	.categroy_info .categroy_box .img{width:40.223880597014926vw/* 539px */; height:25.74626865671642vw/* 345px */;}
	.categroy_info .categroy_box .txt h4{font-size:28px;}
	.categroy_box.type02 .img{width:38.582089552238806vw/* 517px */; height:30.447761194029848vw/* 408px */; margin:auto 0;}
	.categroy_info .categroy_box.type02 .txt h5:nth-of-type(1){margin-top:0px;}
	
	/* rnd */
	[data-subarea="rnd01"] h3 + p{font-size:23px;}
	[data-subarea="rnd01"] .obj_group{bottom:-350px; transform:scale(0.75);}
	[data-subarea="rnd02"]{padding-top:100px;}
	
	/* invest */
	[data-subarea="invest01"] .recent_data .total,
	[data-subarea="invest01"] .recent_data .total_new{width:calc(100% - 670px);}
	[data-subarea="invest01"] .recent_data .chart{width:630px;}
	[data-subarea="invest01"] .recent_data .total_new ul li span{font-size:22px;}
	[data-subarea="invest01"] .recent_data .total_new ul li em{font-size:25px;}
	
	/* recruit */
	[data-subarea="recruit02"] .obj_roof{font-size:250px;}
	.list_square_ico > li .box{height:180px; padding:30px;}
	.list_square_ico > li[data-square] .box:before{left:30px;}
	[data-subarea="recruit03"] [class*="benefit"] p br{display:none;}
	
	/* employ */
	.group_employ .box{width:44.02985074626866vw/* 590px */;}
	.group_employ .box .inner .txt{width:35.82089552238806vw/* 480px */; height:auto; padding:30px 50px;}
	.group_employ .box .inner .txt i{font-size:2.9850746268656714vw/* 40px */;}
	.group_employ .box .inner .txt em{font-size:1.4925373134328357vw/* 20px */;}
}

@media screen and (max-width:1200px){
	/* title */
	.title_big{font-size:50px;}
	.title_middle{font-size:35px;}
	.title_small{font-size:25px;}
	.title_small + p{margin-top:20px; font-size:18px;}
	
	/* about */
	[data-subarea="about01"] .inr{padding-right:0px;}
	[data-subarea="about01"] .title_big{margin-bottom:80px;}
	[data-subarea="about01"] .ani_box{margin-top:0px;}	
	[data-subarea="about01"] .ani_box i{overflow:inherit; width:350px; height:750px;}
	[data-subarea="about01"] .ani_box i img{object-fit:cover; max-width:100%; height:100%;}
	[data-subarea="about01"] p:last-child{margin-top:0px;}
	[data-subarea="about01"] .ani_box:before,
	[data-subarea="about01"] .ani_box .obj_blank:before{width:100%;}
	[data-subarea="about01"] .ani_box:after,
	[data-subarea="about01"] .ani_box .obj_blank:after{display:none;}
	[data-subarea="about02"] .diagram span[data-diagram="03"] ul > li:nth-of-type(2) br{display:block;}
	[data-subarea="about04"] .box .txt{margin-left:40px;}
	
	/* history */
	[data-subarea="histroy01"] .flex_group .title_big{width:auto;}
	[data-subarea="histroy01"] .flex_group .title_big br{display:none;}
	[data-subarea="histroy01"] .flex_group .list_history{width:100%;}
	[data-subarea="histroy01"] .box{padding-top:0px;}
	[data-subarea="histroy01"] .obj_bg01{top:0px;}
	[data-subarea="histroy01"] .obj_bg02{display:none;}
	[data-history]{width:calc(50% - 45px); margin-left:45px;}

	/* vision */
	[data-subarea="vision01"] .diagram .obj_txt{font-size:0px;}

	/* partner */
	.list_partner{flex-wrap:nowrap;}
	.list_partner a{width:180px; height:180px;}
	.list_partner a img{max-width:100%;}
	.list_partner p{font-size:23px;}
	.list_partner p br{display:none;}
	
	/* contact */
	[data-subarea="map01"],
	[data-subarea="map02"]{padding-bottom:100px;}
	.map_info .box{padding-left:20px;}
	.map_info .box p,
	.map_info .box em{word-break:keep-all;}
	
	/* rnd */
	[data-subarea="rnd01"] h3 + p{width:50%; font-size:23px; word-break:keep-all;}
	[data-subarea="rnd01"] h3 + p br{display:none;}
	[data-subarea="rnd01"] .obj_group{bottom:-270px; transform:scale(0.7);}
	[data-subarea="rnd02"] .list_number > li{flex:0 1 calc(50% - 20px); flex-wrap:wrap; margin-right:20px; padding-right:0px;}
	[data-subarea="rnd02"] .list_number > li:nth-child(2n){margin-right:0px; margin-left:20px;}
	.list_number > li{flex:auto; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; width:calc(100% / 2); box-sizing:border-box; font-size:18px; word-break:keep-all;}
	.list_number > li:before{flex:none; width:50px; height:50px; line-height:48px; margin-right:20px; font-size:15px;}
	.list_number > li span{width:calc(100% - 70px);}
	
	/* product */
	.categroy_product .list [data-product]{height:auto;}
	.categroy_product .list .ico{margin-bottom:30px;}
	.categroy_product .list [data-product] a{padding:25px 20px; font-size:18px;}
	.categroy_product .list [data-product] a span{word-break:keep-all;}
	.categroy_product .list [data-product] a span br{display:none;}
	[data-subarea="rnd02"]{padding-bottom:250px;}
	.box_rnd_banner .box{padding-left:70px;}
	.box_rnd_banner span{font-size:30px;}
	.categroy_product_rework .list > li{min-width:140px; height:90px;}
	.categroy_product_rework .list > li > a{padding:5px 40px; font-size:20px;}
	.categroy_depth02.new ul > li > a{font-size:20px;}
	.categroy_info .categroy_box .txt{margin-left:40px;}
	.categroy_info .categroy_box .txt p{font-size:16px;}
	.categroy_info{padding-top:55px; padding-bottom:55px;}
	
	.list_dot > li{font-size:16px;}
	.list_dot > li:before{top:8px;}
	
	/* invest */
	[data-subarea="invest01"] .recent_data .total em{font-size:23px;}
	[data-subarea="invest01"] .recent_data .total ul > li i{font-size:16px;}
	[data-subarea="invest01"] .recent_data .total ul > li span{font-size:20px;}
	[data-subarea="invest01"] .recent_data .total_new ul li em{width:140px; height:140px;}
	[data-subarea="invest01"] .recent_data .total_new ul li i{margin:0 10px;}
	[data-subarea="invest01"] .recent_data .total_new ul li:first-child:before{width:140px;}
	[data-subarea="invest01"] .recent_data .total_new ul li:first-child:after{width:calc(100% - 205px);}

	[data-subarea="invest01"] .invest_new .box{width:calc(50% - 30px); margin-right:30px;}
	
	/* recruit */
	.list_square_ico > li .box{height:auto;}
	.list_square_ico > li[data-square] .box:before{position:static; margin-bottom:30px;}
	.list_square_ico > li[data-square="08"] .box:before{margin-bottom:33px;}
	[data-subarea="recruit03"] [class*="benefit"] .obj_blank em{font-size:25px;}
	[data-subarea="recruit03"] [class*="benefit"] i{height:150px;}
	[data-subarea="recruit03"] [class*="benefit"] h4{margin-top:40px;}
	html[lang="en"] .list_square_ico > li .box{justify-content:flex-start; height:100%;}
	
	/* employ */
	.list_square_number{margin-left:-30px;}
	.list_square_number > li{width:calc(100% / 3 - 30px); margin-left:30px; margin-bottom:30px;}
}

@media screen and (max-width:1100px){
	/* about */
	[data-subarea="about02"] .diagram span[data-diagram="01"]{top:4.545454545454546vw/* 50px */;}

	/* invest */
	.box_chart img{max-width:100%;}	
	[data-subarea="invest01"] .recent_data .total,
	[data-subarea="invest01"] .recent_data .total_new{width:100%;}
	[data-subarea="invest01"] .recent_data .chart{width:100%; margin-left:0px; margin-top:30px; text-align:center;}
	[data-subarea="invest01"] .box_chart span{width:100%;}
	[data-subarea="invest01"] .recent_data .total ul > li{min-height:120px;}
}

@media screen and (max-width:1024px){
	#header .inr .area_lang button:before{background-image:url(../images/common/ico_lang_black@x3.png)}

	/* about */
	[data-subarea="about01"] .inr{display:block; padding-right:20px;}
	[data-subarea="about01"] .title_big{margin-bottom:60px;}
	[data-subarea="about01"] p{margin-bottom:30px; word-break:keep-all;}
	[data-subarea="about01"] p br{display:none;}
	[data-subarea="about01"] .obj_bg{display:none;}
	[data-subarea="about01"] .ani_box{margin-left:0px;}
	[data-subarea="about01"] .ani_box i{width:100%; height:350px; background:url(../images/contents/img_about0101@mob.jpg) no-repeat 50% 50%; background-size:cover;}
	[data-subarea="about01"] .ani_box i img{display:none;}
	[data-subarea="about01"] .ani_box:before,
	[data-subarea="about01"] .ani_box .obj_blank:before{width:50%;}
	[data-subarea="about01"] .ani_box:after,
	[data-subarea="about01"] .ani_box .obj_blank:after{display:block;}
	.list_certificate{margin-top:65px; margin-left:-30px;}
	.list_certificate em{margin-top:25px; font-size:14px;}
	.list_certificate p{font-size:18px; line-height:1.3em; word-break:keep-all;}
	.list_certificate > li{width:calc(100% / 4  - 30px); margin-left:30px;}
	[data-subarea="about02"] .diagram span[data-diagram] ul > li{font-size:14px;}

	[data-subarea="about04"] .flex_group{flex-direction:column; flex-wrap:wrap;}
	[data-subarea="about04"] .box .img{}
	[data-subarea="about04"] .box .txt{width:100%; margin-left:0px; margin-top:30px;}
	
	/* vision */
	[data-subarea="vision01"] .obj_roof{font-size:200px;}
	[data-vision="imgText"]{flex-wrap:wrap; margin-top:150px;}
	[data-vision="imgText"] .img{width:100%;}
	[data-vision="imgText"] .img img{object-fit:cover; width:100%;}
	[data-vision="imgText"] .img img.web{display:none;}
	[data-vision="imgText"] .img img.mob{display:inline;}
	[data-vision="imgText"] .txt{position:static; width:90%; margin:-70px auto 0; box-sizing:border-box; padding:60px 50px;}
	[data-vision="imgText"] .txt em{font-size:2.9296875vw/* 30px */;}
	[data-vision="imgText"] .txt em i{font-size:3.515625vw/* 36px */;}
	[data-vision="imgText"] .txt p{margin-top:5.37109375vw/* 55px */; font-size:1.953125vw/* 20px */;}
	[data-vision="imgText"] .txt p br{display:none;}
	html[lang="en"] [data-vision="imgText"] .txt em{font-size:2.9296875vw/* 30px */;}

	.group_vision.new{padding-top:50px;}
	[data-subarea="vision01"] .diagram{position:relative; width:auto; height:auto; top:auto; left:auto; right:auto;}
	[data-subarea="vision01"] .diagram .list{display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
	[data-subarea="vision01"] .diagram [data-visionDia] i{font-size:23px;}
	.group_vision.new [data-vision="imgText"]{margin-top:-50px;}
	[data-subarea="vision01"] .obj_roof.new{top:300px;}

	/* partner */
	.list_partner a{width:150px; height:150px;}
	.list_partner p{margin-left:35px; font-size:20px;}
	
	/* contact */
	.map_info{width:60%;}
	.map_info .box em{font-size:20px; line-height:1.3em;}
	.map_info .box p{font-size:16px;}
	.map_info .box ul > li{font-size:16px;}
	.map_info .btn_mapGo{font-size:14px;}
	
	/* product */
	[data-subarea="product01"] .box_product{margin-top:70px;}
	[data-subarea="product01"] .box_product .title_middle{padding-top:0px;}
	[data-subarea="product01"] .obj_bg{display:none;}
	.categroy_product{margin-top:70px;}
	.categroy_product .list [data-product]{width:calc(100% / 2 - 28px); margin-bottom:20px;}
	.categroy_product .list [data-product] a{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; padding:30px 20px;}
	.categroy_product .list .ico{flex:none; width:30px; margin:0px 15px 0px 0px;}
	.categroy_product .list [data-product="03"] .ico{width:25px; margin-right:17px; margin-left:3px;}
	.categroy_depth02 ul > li > a{font-size:20px;}
	.list_product dd{padding-left:20px; padding-right:20px;}
	.btn_pdfView:before{background-image:url(../images/contents/img_ico_pdf@x3.png);}
	
	.categroy_product_rework .list{border-width:0px;}
	.categroy_product_rework .list > li{height:80px; box-sizing:border-box; margin:2px; border:1px solid #c8c8c8;}
	.categroy_product_rework .list > li > a{padding:5px 30px;}
	.categroy_info{padding:45px 20px;}
	.categroy_info .categroy_box .txt h4{margin:30px 0px 10px;font-size:25px;}
	.categroy_info .categroy_box .txt h4:before{top:8px; height:20px;}
	.categroy_info .categroy_box .txt h4:nth-of-type(1){margin-top:5px;}
	.categroy_info .categroy_box .txt h5{font-size:18px;}
	.categroy_info .categroy_box .txt p{font-size:15px;}
	
	.list_dot > li{padding-left:10px; font-size:15px;}
	
	/* rnd */
	[data-subarea="rnd01"] h3 + p{margin-top:50px; font-size:20px;}
	[data-subarea="rnd01"] .obj_group{right:-30px; transform:scale(0.65);}
	.list_number > li:before{width:45px; height:45px; margin-right:10px; line-height:43px;}
	.list_number > li span{display:inline-block; width:calc(100% - 55px); line-height:1.2em;}
	.list_number > li p{font-size:14px;}
	.box_rnd_banner i{height:250px;}
	.box_rnd_banner em{font-size:16px;}
	.box_rnd_banner p{font-size:40px;}
	
	/* invest */
	[data-subarea="invest01"] .recent_data .total em{height:80px; font-size:20px;}
	[data-subarea="invest01"] .recent_data .total ul{margin-bottom:0px;}
	[data-subarea="invest01"] .recent_data .total ul > li{min-height:100px;}
	[data-subarea="invest01"] .recent_data .total ul > li i{margin-bottom:5px;}
	[data-subarea="invest01"] .recent_data .total ul > li span{font-size:18px;}
	[data-subarea="invest01"] .recent_data .total_new ul li i{background-image:url(../images/contents/img_invest_arrow@x3.png);}
	[data-subarea="invest01"] .recent_data .total_new ul li.blue i{background-image:url(../images/contents/img_invest_arrow_b@x3.png);}
	[data-subarea="invest02"] .inr > .flex_group{margin-left:-25px;}
	[data-subarea="invest02"] .box{width:calc(100% / 3  - 25px); margin-left:25px;}
	[data-subarea="invest01"] .invest_new{display:block;}
	[data-subarea="invest01"] .invest_new .box{width:auto; margin-right:0px;}
	
	/* inquiry */
	[data-subarea="inquiry01"] .inr:nth-of-type(1){margin-bottom:50px;}
	[data-subarea="inquiry01"] .inr.white{padding-top:50px;}
	
	/* recruit */
	[data-subarea="recruit02"] .obj_roof{top:-12.6953125vw/* -130px */; font-size:200px;}
	.list_square_ico{margin-left:-25px;}
	.list_square_ico > li{width:calc(100% / 4 - 25px); margin-left:25px; margin-bottom:25px;}
	.list_square_ico > li .box{height:180px; padding:30px 20px;}
	.list_square_ico > li[data-square] .box span{font-size:16px;}
	.list_square_ico > li[data-square] .box:before{width:50px; background-size:100% 100%;}
	
	/* employ */
	.group_employ .box .inner .txt{padding:30px 4.8828125vw/* 50px */;}
	.group_employ .box .inner .txt i{font-size:30px;}
	.group_employ .box .inner .txt em{font-size:18px; word-break:keep-all;}
	.group_employ .box .inner .txt em br{display:none;}
	.list_square_number > li .box{height:150px; padding:25px;}
	.list_square_number > li[data-square] .box:before{position:static; width:40px; height:48px; margin-bottom:10px; background-size:100% 100%;}
	.list_square_number > li[data-square="02"] .box:before{width:39px;}
	.list_square_number > li[data-square="03"] .box:before{width:53px;}
	.list_square_number > li[data-square="04"] .box:before{width:37px;}
	.list_square_number > li[data-square="05"] .box:before{width:47px;}
}


@media screen and (max-width:880px){
	/* history */
	[data-history]{width:calc(50% - 35px); margin-left:35px;}
	[data-history] em{font-size:30px;}
	
	/* vision */
	[data-subarea="vision01"] .title_big br{display:none;}
	
	/* client */
	.list_client > li{width:calc(100% / 3 - 27px);}
	
	/* contact */
	[data-subarea="map01"],
	[data-subarea="map02"]{padding-bottom:70px;}
	[data-subarea="map01"] .title_big br{display:none;}
	.map_kakako{height:350px;}
	.map_kakako .root_daum_roughmap .wrap_map{height:350px;}
	.map_info{position:static; width:100%; box-sizing:border-box; border:1px solid #ededed; border-width:0px 0px 1px 1px;}
	
	/* rnd */
	[data-subarea="rnd01"] .title_big br{display:none;}
	[data-subarea="rnd01"] h3 + p{width:auto;}
	[data-subarea="rnd01"] .obj_group{position:static; margin:0 auto; transform:scale(0.8);}
	.box_rnd_banner i img{margin-right:-100px;}
	.box_rnd_banner .box{padding-left:40px;}
	
	/* invest */
	[data-subarea="invest01"] .recent_data{display:block;}		
	
	/* recruit */
	.list_square_ico > li{width:calc(100% / 3 - 25px);}
	.list_square_ico > li .box{height:150px; padding:20px;}
	.list_square_ico > li[data-square] .box:before{width:45px; height:34px;}
	.list_square_ico > li[data-square="01"] .box:before{width:49px; height:37px;}
	.list_square_ico > li[data-square="06"] .box:before{height:39px;}
	[data-subarea="recruit01"] .title_big br{display:none;}
	[data-subarea="recruit03"] .flex_group{display:block;}
	[data-subarea="recruit03"] [class*="benefit"]{width:100%;}
	[data-subarea="recruit03"] .benefit01{margin-right:0px; margin-bottom:100px;}
	[data-subarea="recruit03"] .benefit02{margin-left:0px;}
	[data-subarea="recruit03"] [class*="benefit"] i img{width:100%;}
	
	/* employ */
	.group_employ{justify-content:center;}
	.group_employ .box .inner .txt{padding:30px 25px;}
	.group_employ .box .inner .txt i{font-size:25px;}
	.group_employ .box .inner .txt em{font-size:16px;}
	.group_employ .employ03{margin-top:100px;}
	
	/* product */
	[data-subarea="product01"].new .box_product{margin-top:50px;}
	.categroy_product_rework .list > li > a{font-size:18px;}
	.categroy_depth02.new{margin-top:0px;}
	.categroy_depth02.new ul > li > a{font-size:18px;}
	.categroy_info .categroy_box{display:block;}
	.categroy_info .categroy_box .img{display:block; width:100%; height:52.27272727272727vw/* 460px */;}
	.categroy_info .categroy_box .txt{margin-top:40px; margin-left:0px;}
	.categroy_box.type02 .img{height:auto; margin:0px;}
	.categroy_box.type02 .img img{max-width:100%;}
}

@media screen and (max-width:768px){
	#header .inr:before{top:79px;}
	
	img.web{display:none;}
	img.mob{display:inline;}
	
	/* about */
	[data-subarea="about01"] .ani_box i{height:39.0625vw/* 300px */;}
	[data-subarea="about02"] .diagram{padding-top:10px;}
	[data-subarea="about02"] .diagram span{display:none;}
	[data-subarea="about02"] .diagram div{margin-top:30px;}
	[data-subarea="about02"] .diagram div img{max-width:100%;}	
	.list_certificate p{font-size:16px;}
	.list_certificate > li{width:calc(100% / 3  - 30px); margin-bottom:40px;}
	[data-subarea="about02"] .diagram span[data-diagram]{left:auto; right:auto; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; text-align:center;}
	[data-subarea="about02"] .diagram span[data-diagram="01"]{left:50%; top:20px; width:100%;  transform:translateX(-50%);}
	[data-subarea="about02"] .diagram span[data-diagram="02"]{right:0px; bottom:auto; top:92%; width:40%;}
	[data-subarea="about02"] .diagram span[data-diagram="03"]{left:0px; bottom:auto; top:92%; width:40%;}
	[data-subarea="about02"] .diagram span[data-diagram="03"] ul li br,
	[data-subarea="about02"] .diagram span[data-diagram="03"] ul > li:nth-of-type(2) br{display:none;}
	[data-subarea="about02"] .diagram span[data-diagram="03"] .nowrap{white-space:normal;}
	[data-subarea="about04"] .title_middle{margin-bottom:25px;}
	[data-subarea="about04"] .box{margin-top:55px; padding-bottom:40px;}
	[data-subarea="about04"] .box .img{width:100%; height:auto;}
	[data-subarea="about04"] .box .img img{object-fit:cover; width:100%; height:100%;}
	html[lang="en"] [data-subarea="about01"] .title_big br{display:none;}
	
	/* history */
	[data-history] ul > li{padding-left:80px;}
	[data-history] ul > li span{width:80px;}
	[data-history] ul > li .img{margin-left:-80px;}
	[data-history] ul > li > *{font-size:16px;}
	[data-history]{margin-top:150px;}
	[data-history="01"]{margin-top:80px;}
	[data-history="02"]{margin-top:200px;}
	[data-history="03"]{margin-top:50px;}
	
	/* vision */
	[data-subarea="vision01"] .obj_roof{font-size:150px;}
	[data-vision="graph"]{margin-left:-286px;}
	[data-vision="imgText"] .txt em{font-size:23px; letter-spacing:-1px;}
	[data-vision="imgText"] .txt em i{font-size:30px;}
	[data-vision="imgText"] .txt p{font-size:18px; letter-spacing:-0.5px;}
	html[lang="en"] [data-vision="imgText"] .txt em{font-size:20px;}

	[data-subarea="vision01"] .diagram [data-visionDia] i{width:19.53125vw/* 150px */; height:19.53125vw/* 150px */; font-size:2.34375vw/* 18px */;}
	
	/* client */
	[data-subarea="client01"] .title_big br{display:none;}
	
	/* product */
	.list_product dt{height:70px;}
	.list_product dt > a{box-sizing:border-box; padding-right:60px;}
	.list_product dt > a span{padding-left:4px; font-size:20px;}
	.list_product dt > a i{display:none; font-size:15px;}
	.list_product dt.active > a span{padding-left:40px;}
	[data-productView="detail"]{margin-left:-50px;}
	[data-productView="detail"] > li{margin-left:50px;}
	[data-productView="detail"] > li.full{width:calc(100% - 50px);}
	[data-productview="detail"] table.table th,
	[data-productview="detail"] table.table td{font-size:15px;}
	[data-producView="order"]{display:flex !important;}
	[data-subarea="product01"].new .title_big br{display:none;}
	
	/* rnd */
	[data-subarea="rnd01"]{padding-bottom:100px;}
	[data-subarea="rnd01"] h3 + p{margin-bottom:80px;}
	[data-subarea="rnd01"] .obj_group{transform-origin:50% 50%;}
	.list_number.hide_show{opacity:1;}
	.list_number > li.is_motion{opacity:0; transform:translateY(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
	.list_number > li.is_motion.motion_in{opacity:1; transform:translateY(0px);}
	
	/* invest */
	[data-subarea="invest01"]:not(.new){padding-bottom:50px;}
	[data-subarea="invest01"] .recent_data .total_new ul > li.is_motion{opacity:0; transform:translateY(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
	[data-subarea="invest01"] .recent_data .total_new ul > li.is_motion.motion_in{opacity:1; transform:translateY(0px);}
	[data-subarea="invest01"] .recent_data .total_new ul > li.is_motion.motion_in:nth-of-type(1){transition-delay:0.2s;}
	[data-subarea="invest01"] .recent_data .total_new ul > li.is_motion.motion_in:nth-of-type(2){transition-delay:0.3s;}
	[data-subarea="invest01"] .recent_data .total_new ul > li.is_motion.motion_in:nth-of-type(3){transition-delay:0.4s;}
	[data-subarea="invest02"] .box{width:calc(100% - 25px); margin-top:50px;}
	
	/* recruit */
	[data-subarea="recruit02"] .obj_roof{top:-100px; font-size:150px;}
	.list_square_ico > li.is_motion .box{background:#f7f7f7; border-color:#f7f7f7; box-shadow:none; transition:0.8s ease 0s;}
	.list_square_ico > li.is_motion.motion_in .box{background:#fff; border-color:#222; box-shadow:0 20px 60px rgba(0,0,0,0.1);}
	
	/* employ */
	.group_employ .box{height:58.59375vw/* 450px */;}
	.group_employ .box .inner{height:100%;}
	.group_employ .box .inner .txt{padding:20px;}
	.group_employ .box .inner .img{overflow:hidden; max-width:inherit; height:100%;}
	.group_employ .box .inner .img img{object-fit:cover; height:100%;}
	.group_employ .employ03{margin-top:6.510416666666667vw/* 50px */;}
	.list_square_number > li.is_motion .box{opacity:0.4; border-color:#fff; box-shadow:none; transition:0.8s ease 0s;}
	.list_square_number > li.is_motion.motion_in .box{opacity:1; border-color:#222; box-shadow:0 20px 60px rgba(0,0,0,0.1);}
	[data-subarea="employ02"] ul > li{font-size:16px;}
	.list_skew{margin-top:30px;}
	.list_skew > li{font-size:18px;}
	.list_skew > li > ul > li{font-size:16px;}
	.list_skew > li > ul > li:before{top:8px;}
	.list_skew > li small{margin-left:0px;}
	.list_square_number > li[data-square] .box span{font-size:16px;}
	.list_square_number > li:before{font-size:15px;}
	.list_square_number > li .box{height:130px;}
	.list_square_number > li[data-square] .box:before{width:35px; height:43px;}
	.list_square_number > li[data-square="02"] .box:before{width:34px;}
	.list_square_number > li[data-square="03"] .box:before{width:48px;}
	.list_square_number > li[data-square="04"] .box:before{width:32px;}
	.list_square_number > li[data-square="05"] .box:before{width:42px;}
}

@media screen and (max-width:690px){
	/* history */
	[data-subarea="histroy01"]{padding-bottom:0px;}
	[data-subarea="histroy01"] .box{padding-bottom:150px;}
	[data-subarea="histroy01"] .flex_group .list_history{padding-bottom:50px;}
	[data-history]{width:calc(100% - 35px); margin-top:70px;}
	[data-subarea="histroy01"] .obj_bg01{height:100%;}
	
	/* contact */
	[data-subarea="map01"],
	[data-subarea="map02"]{padding-bottom:40px;}
	
	/* rnd */
	.box_rnd_banner i{height:220px;}
	.box_rnd_banner em{font-size:15px;}
	.box_rnd_banner span{font-size:25px;}
	.box_rnd_banner p{font-size:35px;}
	
	/* invest */
	[data-subarea="invest01"] .recent_data{margin-top:30px;}
	[data-subarea="invest01"] .recent_data .total em{height:70px; font-size:18px;}
	
	/* inquiry */
	[data-subarea="inquiry01"] .title_big br{display:none;}
	
	/* employ */
	.group_employ .box .inner .txt i{margin-bottom:10px;}
	[data-subarea="employ06"] p > span{display:block; margin-right:0px; margin-bottom:5px;}
}

@media screen and (max-width:620px){
	/* title */
	.title_big{font-size:45px;}
	.title_middle{font-size:30px;}
	
	/* about */
	[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(1),
	[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(2),
	[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(3),
	[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(4),
	[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(5),
	[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(6),
	[data-subarea="about01"].is_motion .is_motion.motion_in p:nth-of-type(7){transition-delay:0s;}
	[data-subarea="about01"] p{marging-bottom:20px; font-size:16px;}	
	[data-subarea="about01"] p:last-child{margin-bottom:12.903225806451612vw/* 80px */;}
	[data-subarea="about02"] .diagram{padding-top:60px;}
	[data-subarea="about02"] .diagram span[data-diagram="01"]{top:4.838709677419355vw/* 30px */;}
	[data-subarea="about02"] .diagram span[data-diagram="01"] ul > li br{display:block;}
	
	/* vision */
	[data-vision="graph"]{top:50px;}
	[data-vision="imgText"] .txt{width:95%; margin-top:-50px; padding:50px 30px;}
	
	/* client */
	[data-subarea="client01"] .obj_bg01{height:145px;}
	.list_client{margin-top:50px;}
	.list_client > li{width:calc(100% / 2 - 27px);}
	.list_partner{flex-wrap:wrap; margin-top:20px;}
	.list_partner a{width:120px; height:120px;}
	.list_partner p{margin-top:20px; margin-left:0px; text-align:center; font-size:18px;}
	
	/* product */
	[data-subarea="product01"] .box_product{margin-top:50px;}
	.categroy_product{margin-top:40px;}
	.categroy_product .list [data-product] a{padding:20px; font-size:16px;}
	.list_product dd{font-size:14px;}
	[data-productview="detail"] table.table th,
	[data-productview="detail"] table.table td{font-size:14px;}
	[data-productview="detail"] table.table tbody td{padding:20px 10px;}
	.list_product dt > a{padding-right:40px;}
	.list_product dt > a:before,
	.list_product dt > a:after{right:20px;}
	
	/* rnd */
	.list_number{margin-top:30px;}
	.list_number > li{width:100%; border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:20px; font-size:16px;}
	.list_number > li:before{font-size:13px;}
	[data-subarea="rnd01"] h3 + p{font-size:18px;}
	[data-subarea="rnd02"]{padding-bottom:230px;}
	[data-subarea="rnd02"] .list_number > li{flex:auto; margin-right:0px;}
	[data-subarea="rnd02"] .list_number > li:nth-child(2n){margin-left:0px;}

	/* invest */
	[data-subarea="invest01"] .recent_data .total_new ul li:first-child:before,
	[data-subarea="invest01"] .recent_data .total_new ul li:first-child:after{font-size:16px;}
	[data-subarea="invest01"] .recent_data .total_new ul li:first-child:before{width:100px;}
	[data-subarea="invest01"] .recent_data .total_new ul li:first-child:after{width:calc(100% - 165px);}
	[data-subarea="invest01"] .recent_data .total_new ul li em{width:100px; height:100px; font-size:20px;}
	[data-subarea="invest01"] .recent_data .total_new ul li span{height:100px; font-size:18px;}
	[data-subarea="invest01"] .recent_data .total_new ul li i{width:25px; height:13px;}
	
	/* recruit */
	.list_square_ico > li{width:calc(100% / 2 - 25px);}
	.list_square_ico > li .box{height:130px;}
	.list_square_ico > li[data-square] .box:before{margin-bottom:20px;}
	
	/* employ */
	[data-subarea="employ01"] .title_big br{display:none;}
	.group_employ .box{width:320px; height:450px; margin-bottom:100px;}
	.group_employ .box .inner .txt{width:85%;}
	.group_employ .employ01{top:0px;}
	.group_employ .employ03{flex:none; margin-top:0px;}
	.group_employ .box .inner .txt i{font-size:23px;}
	.list_skew > li > ul{padding:30px 20px;}
	.list_skew li{word-break:keep-all;}
	.list_square_number{margin-left:-20px;}
	.list_square_number > li{width:calc(100% / 2 - 20px); margin-left:20px; margin-bottom:20px;}
}

@media screen and (max-width:560px){
	/* about */
	.list_certificate > li{width:calc(100% / 2  - 30px);}
	[data-subarea="about04"] .title_middle{word-break:keep-all;}
	[data-subarea="about04"] .list_skew .col02 > li{width:100%; padding-right:0px; word-break:keep-all;}
	[data-subarea="about04"] .list_skew .col02 > li:first-child{margin-top:0px;}
	html[lang="en"] [data-subarea="about02"]{padding-bottom:250px;}

	/* vision */
	[data-subarea="vision01"] .diagram [data-visionDia] i{width:110px; height:110px; font-size:15px;}
	[data-subarea="vision01"] .diagram .break{display:block;}
	
	/* product */
	.categroy_product .list{margin-left:-20px;}
	.categroy_product .list [data-product]{width:calc(100% / 2 - 20px); margin-left:20px;}
	[data-subarea="product01"].new .box_product{margin-top:30px;}
	.categroy_product_rework{margin-top:60px;}
	.categroy_product_rework .list{flex-direction:column;}
	.categroy_product_rework .list > li{height:55px;}
	.categroy_product_rework .list > li > a{padding:0 25px; text-align:center;}
	.categroy_box.type02{margin-top:40px;}
	
	/* rnd */
	[data-subarea="rnd01"] .title_big{font-size:40px;}
	[data-subarea="rnd01"] h3 + p{margin-bottom:0px;}
	[data-subarea="rnd01"] .obj_group{width:100vmin; height:100vmin; margin-left:-20px;}
	.box_rnd_banner .box{z-index:10; padding-left:30px;}
	.box_rnd_banner i{position:relative;}
	.box_rnd_banner i:before{content:''; opacity:0.2; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000;}
}

@media screen and (max-width:480px){
	/* title */
	.title_big{font-size:40px;}
	
	/* layout */
	[data-subarea]{padding:100px 0px;}
	
	/* about */
	[data-subarea="about01"] .title_big{margin-bottom:40px;}
	[data-subarea="about01"] .ani_box i{height:41.66666666666667vw/* 200px */;}
	[data-subarea="about02"]{padding-bottom:150px;}
	[data-subarea="about02"] .diagram span[data-diagram] em{font-size:17px;}
	[data-subarea="about02"] .diagram{padding-top:80px;}
	[data-subarea="about04"] .box{padding-bottom:20px;}
	
	/* vision */
	.group_vision{padding-top:270px;}
	[data-subarea="vision01"] .obj_roof{top:270px;}
	[data-vision="graph"]{top:0px;}
	[data-vision="imgText"] .txt{width:100%; margin-top:0px; padding:50px 0px 0;}
	[data-vision="imgText"] .txt em{font-size:20px;}
	html[lang="en"] [data-vision="imgText"] .txt em{font-size:20px;}
	
	/* client */
	[data-subarea="client01"] .box_client{padding-top:50px;}
	.list_client > li{height:100px;}
	
	/* contact */
	[data-subarea="map01"],
	[data-subarea="map02"]{padding-bottom:40px;}
	
	/* product */
	.list_product{margin-top:50px;}
	.list_product dd{padding-left:10px; padding-right:10px;}
	.categroy_product .list [data-product] a{flex-wrap:wrap;}
	.categroy_product .list [data-product] a span{width:100%;}
	.categroy_depth02{margin-top:20px;}
	.categroy_depth02 ul > li{height:60px;}
	.categroy_depth02 ul > li > a{font-size:18px;}
	[data-productView="detail"] > li{margin-top:20px;}
	[data-productView="detail"] > li em{flex:none; width:80px; margin-right:20px;}
	[data-productView="detail"] > li > span{width:calc(100% - 100px); word-break:break-all;}
	
	[data-subarea="product01"].new [data-productView="detail"] > li > em{font-size:15px;}
	[data-productView="detail"] > li[data-producview="order"].new{border-top:1px dashed #d3d3d3;}
	[data-productView="detail"] > li[data-producview="order"].new > em,
	[data-productView="detail"] > li[data-producview="order"].new > span{flex:auto; width:100%; margin-right:0px;}
	[data-productView="detail"] > li[data-producview="order"].new > em{margin-top:5px;}
	[data-productView="detail"] > li[data-producview="order"].new > span{font-weight:normal;}
	.categroy_depth02.new ul > li{padding-right:30px;}
	.categroy_depth02.new ul > li > a{font-size:16px;}
	.categroy_info{padding:35px 10px;}
	.categroy_info .categroy_box .txt{margin-top:30px;}
	.categroy_info .categroy_box .txt h4{font-size:22px;}
	.categroy_info .categroy_box .txt h4:before{height:18px;}
	.categroy_info .categroy_box .txt p{font-size:14px;}
	
	.list_dot{margin-top:15px;}
	.list_dot > li{font-size:14px;}

	/* invest */
	[data-subarea="invest01"] .recent_data .total_new ul li{position:relative; margin-top:20px;}
	[data-subarea="invest01"] .recent_data .total_new ul li em{position:absolute;}
	[data-subarea="invest01"] .recent_data .total_new ul li i{display:none;}
	[data-subarea="invest01"] .recent_data .total_new ul li span{padding-left:100px;}
	[data-subarea="invest01"] .recent_data .total_new ul li:first-child:after{width:calc(100% - 100px);}
	
	/* rnd */
	[data-subarea="rnd01"]{padding-bottom:0px;}
	[data-subarea="rnd02"]{padding-top:0px; padding-bottom:230px;}
	.list_number > li p{padding:20px;}
	.is_motion [data-rndobj="icon"] li{transform:rotate(0) translateY(-150%) rotate(0);}
	.is_motion.motion_in [data-rndobj="icon"] li.icon01{transform:rotate(29deg) translateY(-150%) rotate(-29deg);}
	.is_motion.motion_in [data-rndobj="icon"] li.icon02{transform:rotate(104deg) translateY(-150%) rotate(-104deg);}
	.is_motion.motion_in [data-rndobj="icon"] li.icon03{transform:rotate(178deg) translateY(-150%) rotate(-178deg);}
	.is_motion.motion_in [data-rndobj="icon"] li.icon04{transform:rotate(270deg) translateY(-150%) rotate(-270deg);}
	.box_rnd_banner{margin-top:-250px;}
	.box_rnd_banner em{font-size:13px;}
	.box_rnd_banner span{font-size:20px;}
	.box_rnd_banner p{margin-top:5px;}
	
	/* invest */
	[data-subarea="invest01"]:not(.new){padding-bottom:50px;}
	[data-subarea="invest02"]{padding-top:0px;}
	[data-subarea="invest01"] .flex_group.between{margin-top:50px;}
	[data-subarea="invest01"] .recent_data .chart > div:nth-of-type(1) i{font-size:14px;}
	
	/* recruit */
	[data-subarea="recruit03"] [class*="benefit"] i{height:29.166666666666668vw/* 140px */;}
	[data-subarea="recruit03"] [class*="benefit"] .obj_blank em{font-size:20px;}

	/* employ */	
	.group_employ{justify-content:flex-start;}
	.group_employ .employ01{margin-left:auto; margin-right:auto;}
	.group_employ .employ02{margin-right:auto; margin-left:0px;}
	.group_employ .employ03{margin-left:auto;}
	.group_employ .box{width:280px; height:400px; margin-bottom:70px;}
	html[lang="en"] .list_square_number > li{width:calc(100% - 20px);}
}

@media screen and (max-width:420px){
	#header .inr:before{top:69px;}
	
	/* title */
	.title_big{font-size:35px;}
	.title_middle{font-size:27px;}
	.title_small{font-size:23px;}
	.title_small + p{margin-top:15px; font-size:16px;}
	.title_blue{font-size:18px;}
	
	/* about */
	[data-subarea="about01"] .title_big br{display:none;}
	[data-subarea="about04"] .title_middle br{display:block;}
	
	/* history */
	[data-subarea="histroy01"]{padding-bottom:0px;}
	[data-subarea="histroy01"] .box{padding-bottom:100px;}
	[data-subarea="histroy01"] .flex_group.inr{padding-top:50px;}
	[data-history]{width:calc(100% - 20px); margin-left:20px; margin-top:50px;}
	[data-history] em{font-size:25px; margin-bottom:20px;}
	[data-history] ul > li{margin-bottom:15px; word-break:keep-all;}
	
	/* vision */
	[data-vision="imgText"] .txt em{font-size:18px;}
	[data-vision="imgText"] .txt em i{font-size:25px;}
	[data-vision="imgText"] .txt p{font-size:16px;}
	.group_vision{padding-top:42.857142857142854vw/* 180px */;}
	[data-vision="graph"]{top:-23.809523809523807vw/* -100px */;}
	[data-subarea="vision01"] .obj_roof{font-size:100px;}
	html[lang="en"] [data-vision="imgText"] .txt em{font-size:18px;}
	
	/* contact */
	[data-subarea="map01"],
	[data-subarea="map02"]{padding-bottom:20px;}
	.map_info{border-width:0 1px;}
	.map_info .box{width:100%; padding:30px 20px;}
	.map_info .box em{font-size:18px;}
	.map_info .box p{font-size:15px;}
	.map_info .btn_mapGo{width:100%; padding:10px;}
	.map_info .btn_mapGo span{display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
	.map_info .btn_mapGo span br{display:none;}
	.map_info .btn_mapGo span:before{margin:0 10px 0 0;}
	.map_info .box ul > li{margin-right:30px;}
	.map_kakako{height:280px;}
	.map_kakako .root_daum_roughmap .wrap_map{height:280px;}
	
	/* product */
	.categroy_product .list [data-product]{width:calc(100% - 20px);}
	.categroy_product .list [data-product] a{flex-wrap:nowrap;}
	.categroy_product .list [data-product] a span{width:auto;}
	.categroy_product .list [data-product="03"] .ico{margin-left:0px; margin-right:20px;}
	.categroy_product .list [data-product="04"] .ico svg{transform:translateY(5px);}
	.list_product dt > a span{padding-left:0px; margin-left:-20px; font-size:18px;}
	.list_product dt > a i{margin-left:10px; font-size:14px;}
	.list_product dt.active > a span{padding-left:20px; margin-left:0px;}
	
	[data-subarea="product01"].new .title_big i{min-width:108px; font-size:13px;}
	.categroy_product_rework .list > li > a{font-size:16px;}
	
	/* rnd */
	[data-subarea="rnd01"] .title_big{font-size:30px;}
	[data-subarea="rnd01"] h3 + p{margin-top:30px;}
	[data-subarea="rnd01"] .obj_group{margin-left:-15px; transform-origin:50% 30%;}
	.box_rnd_banner{margin-top:-230px;}
	.box_rnd_banner i img{margin-right:-180px;}
	
	/* invest */
	[data-subarea="invest01"]:not(.new){padding-bottom:20px !important;}
	[data-subarea="invest01"] .recent_data .chart{padding:20px;}
	[data-subarea="invest01"] .recent_data .total ul > li span{font-size:16px;}
	[data-subarea="invest01"] .invest_new .table .tar{font-size:16px;}
	
	/* recruit */
	.list_square_ico > li[data-square] .box span{font-size:14px;}
	[data-subarea="recruit03"] .benefit01{margin-bottom:70px;}
	
	/* employ */
	.list_skew{margin-top:20px;}
	.list_skew > li{font-size:16px;}
	.list_skew > li small{font-size:14px;}
	.list_skew > li:before{top:6px;}
	.list_skew > li > ul > li{font-size:14px;}
	[data-subarea="employ06"] p em{width:40px; height:40px; line-height:38px; font-size:14px;}
	[data-subarea="employ06"] p a{font-size:16px;}
	[data-subarea="employ02"] ul > li{font-size:14px;}
}

@media screen and (max-width:365px){
	/* about */
	[data-subarea="about02"] .diagram span[data-diagram] em{font-size:15px;}
	[data-subarea="about02"] .diagram span[data-diagram] ul > li{font-size:13px;}
	[data-subarea="about04"] .box{padding-bottom:0px;}
	html[lang="en"] [data-subarea="about02"]{padding-bottom:300px;}

	/* client */
	[data-subarea="client01"] .box > .inr{padding-bottom:50px;}	
	.list_client{margin-left:-20px;}
	.list_client > li{width:calc(100% / 2 - 20px); height:80px; margin-left:20px; margin-bottom:20px;}
	.list_partner{margin-bottom:70px;}
	.list_partner a{width:100px; height:100px;}
	.list_partner p{font-size:16px;}
	
	/* product */
	.categroy_depth02 ul > li{height:50px;}
	.categroy_depth02 ul > li > a{font-size:16px;}
	.list_product dt > a em{width:40px; font-size:14px;}
	.categroy_depth02.new ul > li{padding-right:20px;}
	.categroy_info .categroy_box .txt h4{padding-left:20px; font-size:20px;}
	.categroy_info .categroy_box .txt h4:before{height:16px;}
	
	/* rnd */
	[data-subarea="rnd01"] h3 + p{font-size:16px;}
	[data-subarea="rnd01"] .obj_group{transform:scale(0.45) !important;}
	.is_motion [data-rndobj="icon"] li{transform:rotate(0) translateY(-120%) rotate(0);}
	.is_motion.motion_in [data-rndobj="icon"] li.icon01{transform:rotate(29deg) translateY(-120%) rotate(-29deg);}
	.is_motion.motion_in [data-rndobj="icon"] li.icon02{transform:rotate(104deg) translateY(-120%) rotate(-104deg);}
	.is_motion.motion_in [data-rndobj="icon"] li.icon03{transform:rotate(178deg) translateY(-120%) rotate(-178deg);}
	.is_motion.motion_in [data-rndobj="icon"] li.icon04{transform:rotate(270deg) translateY(-120%) rotate(-270deg);}
	.box_rnd_banner .box{padding-left:20px;}
	.box_rnd_banner i{height:170px;}
	.box_rnd_banner i img{margin-right:-150px;}
	.box_rnd_banner em{margin-bottom:15px;}
	.box_rnd_banner span{font-size:18px;}
	.box_rnd_banner p{font-size:30px;}
	[data-subarea="rnd04"] .list_certificate{margin-top:35px;}
	
	/* invest */
	[data-subarea="invest01"] .recent_data .total ul > li{flex-flow:row wrap; justify-content:space-between; width:100%; min-height:inherit;}
	[data-subarea="invest01"] .recent_data .total ul > li i{font-size:14px;}
	
	/* inquiry */
	[data-subarea="inquiry01"] .inr:nth-of-type(1){margin-bottom:10px;}
	
	/* recruit */
	.list_square_ico{margin-top:30px;}
	.list_square_ico > li{width:calc(100% - 25px);}
	.list_square_ico > li .box{height:100px; padding:10px 20px;}
	.list_square_ico > li[data-square] .box:before{margin-bottom:10px;}
	[data-subarea="recruit03"] [class*="benefit"] i{height:30.136986301369863vw/* 110px */;}
	[data-subarea="recruit03"] [class*="benefit"] .obj_blank em{font-size:5.47945205479452vw/* 20px */;}
	
	/* employ */
	.list_square_number{margin-top:30px;}
	.list_square_number > li .box{height:120px; padding:15px 20px;}
	.list_square_number > li{width:calc(100% - 20px);}
}

@media screen and (max-width:320px){
	/* title */
	.title_big{font-size:28px;}
	.title_middle{font-size:22px;}
	.title_small{font-size:20px;}
	.title_small + p{font-size:15px;}
	
	/* about */
	.list_certificate p{font-size:14px;}
	.list_certificate em{font-size:12px;}
	[data-subarea="about02"] .diagram span[data-diagram="02"],
	[data-subarea="about02"] .diagram span[data-diagram="03"]{top:94%; width:45%;}
	html[lang="en"] [data-subarea="about02"] .diagram{padding-top:100px;}
	
	/* history */
	[data-history] ul > li > *{font-size:14px;}
	[data-history] ul > li{padding-left:60px;}
	[data-history] ul > li span{width:60px;}
	[data-history] ul > li .img{margin-left:-60px;}
	[data-subarea="histroy01"] .obj_bg01{width:calc((100% / 16) * 14);}
	
	/* vision */
	[data-vision="graph"]{top:-100px;}
	
	/* product */
	[data-subarea="product01"] .box_product{margin-top:30px;}
	.list_product dt > a span{font-size:16px;}
	[data-subarea="product01"].new [data-productView="detail"] > li > em{font-size:14px;}
	.categroy_product_rework{margin-top:40px;}
	.categroy_product_rework .list > li > a{font-size:15px;}
	.categroy_depth02.new ul > li > a{font-size:15px;}
	.categroy_box.type02{margin-top:30px;}
	
	/* rnd */
	[data-subarea="rnd01"] .title_big{font-size:28px;}
	[data-subarea="rnd01"] h3 + p{margin-bottom:30px;}
	.box_rnd_banner em{font-size:12px;}
	.box_rnd_banner span{font-size:16px;}
	
	/* invest */
	[data-subarea="invest02"] table.table{margin-top:20px;}
	[data-subarea="invest01"] .recent_data .total_new ul li em{width:80px; height:80px; font-size:18px;}
	[data-subarea="invest01"] .recent_data .total_new ul li span{height:80px; padding-left:80px; font-size:16px;}
	[data-subarea="invest01"] .recent_data .total_new ul li:first-child:before{width:80px;}
	[data-subarea="invest01"] .recent_data .total_new ul li:first-child:after{width:calc(100% - 80px);}
	
	/* recruit */
	[data-subarea="recruit03"] [class*="benefit"] h4{margin-top:30px;}
	
	/* employ */
	.list_square_number > li[data-square] .box span{font-size:14px;}
	.group_employ .box{width:100%;}
	.group_employ .box .inner .txt{padding:15px;}
	.group_employ .box .inner .txt em{font-size:14px;}
}